/*@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");*/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400italic,600italic,700,600,500,400|Monda:400,600|Moul:400|Oleo+Script:400|Enriqueta:400");

@font-face {
    font-family: "ADAM.CG PRO-Regular";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/ADAM.CG PRO.otf") format("opentype");
}
@font-face {
    font-family: "ADAM.CG PRO";
    font-style: normal;
    font-weight: 400;
    src: url("../fonts/ADAM.CG PRO.otf") format("opentype");
}
@font-face {
    font-family: "Huge Salmon";
    src: url('../fonts/HugeSalmon.otf');
    font-weight: normal;
    font-style: normal;
}

html {
    scroll-behavior: auto;
}

.screen a {
  display: contents;
  text-decoration: none;
}

.overlay-base {
  display: none;
  height: 100%;
  opacity: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.overlay-base.animate-appear {
  align-items: center;
  animation: reveal 0.3s ease-in-out 1 normal forwards;
  display: flex;
  flex-direction: column;
  justify-content: center;
  opacity: 0;
}

.overlay-base.animate-disappear {
  animation: reveal 0.3s ease-in-out 1 reverse forwards;
  display: block;
  opacity: 1;
  pointer-events: none;
}

.overlay-base.animate-disappear * {
  pointer-events: none;
}

@keyframes reveal {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

* {
  box-sizing: border-box;
}

.line-23 {
  height: 100.00%;
  left: 100.00%;
  object-fit: cover;
  position: absolute;
  top: 0;
  transform: rotate(180.00deg);
  width: 0;
}

.cat_menu {
  align-self: stretch;
  background-size: 100% 100%;
  height: 7.29vw;
  position: relative;
  width: 100%;
}

.burguer-1 {
  align-self: stretch;
  height: 2.01vw;
  position: relative;
  width: 100%;
}

    .burguer-1 .hover {
        display: none;
    }

    .burguer-1:hover .normal {
        display: none;
    }

    .burguer-1:hover .hover {
        display: block;
    }
/*
.line-56:hover,
.line-57:hover,
.line-58:hover {
    color: var(--golden-dream);
    background-color: var(--golden-dream);
}

.line-56:hover {
    background-image: src(../img/line-56a.svg)
}
.line-57:hover {
    background-image: url(../img/line-57a.svg)
}
.line-58:hover {
    background-image: url(../img/line-58a.svg)
}*/



.frame-82 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 1.32vw;
  position: relative;
  width: 100%;
}

.frame-83 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}

.frame-84 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  margin-right: -4.79vw;
  position: relative;
}

.frame-85 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 1.32vw;
  position: relative;
}

.image {
  cursor: pointer;
  object-fit: cover;
  position: absolute;
}

.link-2 {
  cursor: pointer;
  position: relative;
}

.group-13 {
  height: 1.25vw;
  left: calc(50.00% - 5.0vw);
  position: absolute;
  top: 0;
  width: 6.81vw;
}

.line-1 {
  height: 0.07vw;
  left: calc(50.00% + 2.08vw);
  object-fit: cover;
  position: absolute;
  top: 0.76vw;
  width: 1.18vw;
}

.rectangle-13 {
  border: 0.07vw solid;
  border-color: var(--black);
  border-radius: 0.21vw;
  height: 85.11%;
  left: 0;
  position: absolute;
  top: 0;
  width: 78.09%;
}

.technical-sheet {
  height: 35.59%;
  left: 0;
  letter-spacing: 0;
  line-height: 0.9vw;
  position: absolute;
  text-align: center;
  top: 29.79%;
  white-space: nowrap;
  width: 78.06%;
}

.group-3614 {
  height: 100.00%;
  position: relative;
  transform: rotate(-180.00deg);
  width: 100.00%;
}

.vector {
  height: 78.81%;
  left: 0;
  position: absolute;
  top: 21.19%;
  width: 76.55%;
}

.vector-1 {
  height: 72.08%;
  left: 80.23%;
  position: absolute;
  top: 0;
  width: 19.77%;
}

.vector-2 {
  height: 67.21%;
  left: 81.17%;
  position: absolute;
  top: 2.45%;
  width: 16.80%;
}

.vector-3 {
  height: 66.82%;
  left: 20.99%;
  position: absolute;
  top: 24.80%;
  width: 53.79%;
}

.vector-4 {
  height: 73.57%;
  left: 0;
  position: absolute;
  top: 24.32%;
  width: 20.78%;
}

.sopa-da-pedra-is-an {
  height: 39.41%;
  left: 60.40%;
  letter-spacing: 0;
  line-height: 1.5vw;
  position: absolute;
  top: 60.59%;
  width: 28.65%;
}

.recepy-from-portugal {
  height: 5.02%;
  left: 60.25%;
  letter-spacing: 0;
  line-height: 1.9vw;
  position: absolute;
  top: 47.58%;
  width: 29.89%;
}

.sopa-da-pedra-stone-soup {
  height: 5.20%;
  left: 60.25%;
  letter-spacing: 0;
  line-height: 1.9vw;
  position: absolute;
  top: 53.90%;
  white-space: nowrap;
  width: 27.17%;
}

.group-3652 {
  height: 67.78vw;
  left: 15.9vw;
  position: absolute;
  top: 117.5vw;
  width: 68.68vw;
}

.group-3602 {
  height: 35.13%;
  left: calc(50.00% + 23.61vw);
  position: absolute;
  top: 60.86%;
  width: 10.76vw;
}

.line-22-1 {
  height: 0;
  left: calc(50.00% - 5.42vw);
  top: 99.71%;
  width: 10.76vw;
}

.line-23-1 {
  height: 100%;
  left: calc(50.00% + 5.42vw);
  object-fit: cover;
  position: absolute;
  top: 0;
  width: 0.07vw;
}

.group-3615 {
  background-image: url(../img/line-15-3.svg);
  background-position: 50% 50%;
  background-size: cover;
  height: 5.42vw;
  left: 0.07vw;
  position: absolute;
  top: 0;
  width: 0.07vw;
}

.line-22-2 {
  height: 2.38%;
  left: 0;
  top: 97.62%;
  transform: rotate(180.00deg);
  width: 100.00%;
}

.vector-5 {
  height: 84.54%;
  left: 0;
  position: absolute;
  top: 4.73%;
  transform: rotate(63.18deg);
  width: 99.87%;
}

.vector-6 {
  height: 65.35%;
  left: 47.90%;
  position: absolute;
  top: 47.52%;
  transform: rotate(63.18deg);
  width: 44.52%;
}

.group-3730 {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 27.07%;
}

.group-3757 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  height: 27.29vw;
  left: 20.69vw;
  min-width: 16.53vw;
  position: absolute;
  top: 0;
}

.group-3759 {
  display: flex;
  height: 27.29vw;
  width: 16.53vw;
}

.group-3764 {
  background-color: var(--cultured-pearl);
  box-shadow: inset 0.0vw 0.28vw 1.78vw #00000017;
  flex: 1;
  position: relative;
  width: 16.53vw;
}

.group-3685 {
  background-image: url(../img/shadow@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 5.49vw;
  left: 4.38vw;
  position: absolute;
  top: 18.12vw;
  width: 8.06vw;
}

.group-3731 {
  height: 11.45%;
  left: 22.27%;
  position: absolute;
  top: 83.72%;
  width: 56.40%;
}

.rect-amarelo-1 {
  background-color: var(--cultured-pearl);
  box-shadow: inset 0.0vw 0.28vw 1.78vw #00000017;
  cursor: pointer;
  height: 100%;
  left: 72.47%;
  position: absolute;
  top: 0;
  width: 26.84%;
}

.group-3755 {
  display: flex;
  height: 7.43vw;
  left: 45.0vw;
  position: absolute;
  top: 18.54vw;
  width: 11.46vw;
}

.group-3756 {
  flex: 1;
  position: relative;
  width: 11.6vw;
}

.group-3686 {
  background-image: url(../img/shadow@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 5.49vw;
  left: 1.81vw;
  position: absolute;
  top: 0;
  width: 7.64vw;
}

.group-3759-1 {
  border: 0.07vw solid;
  border-color: var(--black);
  height: 9.22%;
  left: -18.82%;
  position: absolute;
  top: 45.80%;
  transform: rotate(-90.00deg);
  width: 4.74%;
}

.group-21-1 {
  bottom: 5.83vw;
  height: 2.99vw;
  left: calc(50.00% + 35.28vw);
  position: absolute;
  width: 6.88vw;
}

.x104498_facebook_icon-1-1 {
  bottom: 0;
  cursor: pointer;
  height: 2.99vw;
  left: calc(50.00% - 3.47vw);
  object-fit: cover;
  position: absolute;
  width: 2.85vw;
}

.x1161953_instagram_icon-1-1 {
  bottom: 0;
  cursor: pointer;
  height: 2.92vw;
  left: calc(50.00% + 0.56vw);
  object-fit: cover;
  position: absolute;
  width: 2.92vw;
}

.line-22-3 {
  object-fit: cover;
  position: absolute;
}

.tion {
    align-self: stretch;
    cursor: pointer;
    height: 1.94vw;
    letter-spacing: 0;
    line-height: 1.44vw;
    position: relative;
    font-size: 1.5vw;
}

.group-5 {
  height: 107.69%;
  left: 23.73%;
  position: absolute;
  top: 17.87%;
  transform: rotate(-90.00deg);
  width: 52.53%;
}

.group-6 {
  height: 107.69%;
  left: 23.73%;
  position: absolute;
  top: -25.56%;
  transform: rotate(90.00deg);
  width: 52.53%;
}

.notas-musicais-2 {
  background-blend-mode: difference;
  height: 67.88%;
  left: 19.42%;
  position: absolute;
  top: 0;
  width: 60.68%;
}

.porta6-12-4 {
  height: 68.48%;
  left: 0;
  position: absolute;
  top: 31.52%;
  width: 54.37%;
}

.perfect-with-grilled {
  left: 0;
  letter-spacing: 0;
  line-height: 1.12vw;
  position: absolute;
  text-align: center;
  top: 2.29vw;
  width: 20.83vw;
}

.from-porto-to-the-wo {
  height: 39.41%;
  left: 60.40%;
  letter-spacing: 0;
  line-height: 1.5vw;
  position: absolute;
  top: 60.59%;
  width: 28.65%;
}

.codfish-z-do-pipo {
  height: 5.20%;
  left: 60.25%;
  letter-spacing: 0;
  line-height: 1.9vw;
  position: absolute;
  top: 53.90%;
  white-space: nowrap;
  width: 27.17%;
}

.scrollToTop {
    1161953_instagram_icon.png align-items: flex-end;
    bottom: 32.57vw;
    cursor: pointer;
    display: flex;
    height: 5.07vw;
    justify-content: center;
    left: calc(50.00% - 2.57vw);
    position: absolute;
    transform: rotate(180.00deg);
    width: 5.07vw;
    color: #fff;
    background-color: var(--golden-dream);
    line-height: 45px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    z-index: 4;
}

/*.scrollToTop:hover, .scrollToTop:focus {
    background-color: #FFF;
    color: var(--golden-dream);
    text-decoration: none;
    outline: none;
    border: 0.07vw solid;
    border-color: var(--golden-dream);
}*/

.backtop {
    
    height: 1.81vw;
    margin-bottom: 1.67vw;
    margin-left: 0.07vw;
    position: relative;
    transform: rotate(-270.00deg);
    width: 0.97vw;
}

.setacima1 {
    background-color: var(--black);
    border-radius: 2.57vw;
    height: 7.60%;
    left: -12.68%;
    position: absolute;
    top: 24.79%;
    transform: rotate(43.45deg);
    width: 127.86%;
}

.setacima2 {
    background-color: var(--black);
    border-radius: 2.57vw;
    height: 7.27%;
    left: -12.82%;
    position: absolute;
    top: 69.26%;
    transform: rotate(-43.45deg);
    width: 127.86%;
}