@charset "UTF-8";
@font-face {
  font-family: "Abril";
  src: url(../fonts/AbrilFatface-Regular.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Opensans Italic";
  src: url(../fonts/OpenSans-Italic.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Opensans Italic";
  src: url(../fonts/OpenSans-BoldItalic.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "Opensans";
  src: url(../../fonts/OpenSans-ExtraBold.ttf);
  font-weight: 800;
}
@font-face {
  font-family: "Opensans";
  src: url(../../fonts/OpenSans-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "Opensans";
  src: url(../fonts/OpenSans-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Neuropol";
  src: url(../fonts/neuropol.otf);
  font-weight: 400;
}
@font-face {
  font-family: "Super Magic";
  src: url(../fonts/Super\ Magic.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Pokemon";
  src: url(../fonts/Pokemon\ Classic.ttf);
  font-weight: 400;
}
body {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}

.hidden {
  display: none !important;
}

:root {
  --videoWidth: 75vw;
  --videoHeight: calc(9 * var(--videoWidth) / 16);
  --maxHeight: 75vh;
  --maxWidth: calc(16 * var(--maxHeight) / 9);
}

.modal {
  width: 100vw;
  height: 100vh;
  position: relative;
  z-index: 40028922;
  background-color: rgba(0, 0, 0, 0.8);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.iframe-modal .btn-fechar {
  width: 60px;
  height: 110px;
  position: absolute;
  top: -5%;
  right: -3%;
  left: initial;
  background: url(../img/btn-fechar.png);
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}

.iframe-modal .btn-fechar:hover {
  filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.5));
  transform: scale(1.04);
}

.iframe-modal {
  width: var(--videoWidth);
  height: var(--videoHeight);
  max-width: var(--maxWidth);
  max-height: var(--maxHeight);
  position: relative;
}

.iframe-modal iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.modelagem {
  width: var(--videoWidth);
  height: var(--videoHeight);
  max-width: var(--maxWidth);
  max-height: var(--maxHeight);
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: black;
}

.objetos3d .button-close {
  right: 15%;
}

.vermelho-lorenzetti {
  background-color: #9a0429 !important;
  flex-direction: column;
}

.modal-btn {
  border: none;
  outline: none;
  padding: 8px 24px;
  margin: 24px auto;
  color: white;
  font-weight: 700;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Opensans", sans-serif;
  background-color: #d51a48;
  cursor: pointer;
}

.btn-computador {
  position: absolute;
  top: 0;
}

.menus {
  background: rgba(0, 0, 0, 0.4392156863);
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 2;
  display: none;
  justify-content: center;
  align-items: center;
}

.idiomas {
  position: absolute;
  top: 5.3%;
  right: 13%;
  z-index: 1;
}

.bandeiras {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.bandeiras img {
  width: 40px;
}

/* SAGUAO */
.saguao {
  height: 600px;
  width: 560px;
  margin: auto;
  background-image: url(../img/bg_saguao.png);
  background-size: cover;
  background-position: center;
  position: relative;
}

.close-saguao {
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 1%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.close-saguao::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  transform: rotate(45deg);
  left: 20%;
}
.close-saguao::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 2px;
  background-color: #fff;
  top: 50%;
  transform: rotate(-45deg);
  left: 20%;
}

.close-saguao:hover {
  filter: invert(1);
  transform: scale(1.2);
}

.saguao-content {
  padding: 40px;
}

.saguao-menu {
  padding: 24px 0;
  margin: 0px auto;
  width: 85%;
  display: block;
  color: white;
  font-size: 24px;
  font-family: "Opensans Italic";
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.saguao-menu h2 {
  margin: 0 auto;
  text-align: center;
}
.saguao-menu h2:last-child {
  font-weight: 400;
}
.saguao-menu .flex {
  justify-content: center;
}

.saguao-menu:hover h2 {
  text-shadow: rgb(0, 0, 0) 0px 0px 40px;
  transform: scale(1.05);
}

.saguao-line {
  height: 3px;
  width: 90%;
  background-color: rgba(0, 0, 0, 0.1019607843);
  margin: 3px auto;
  display: block;
}

/* PRIMEIRO ANDAR */
.primeiro_andar {
  height: 745px;
  width: 560px;
  margin: auto;
  background-image: url(../img/bg_primeiroAndar.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
}

.box-content {
  padding: 138px 0;
}

.primeiro-menu {
  padding: 11px 0;
  margin: 9px auto;
  width: 78%;
  display: block;
  color: white;
  font-size: 26px;
  font-family: "Abril";
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.primeiro-menu h2 {
  margin: 0 auto;
  text-align: center;
}

.primeiro-active {
  background-image: url(../img/bg_active.jpg);
  background-size: cover;
  width: 80%;
  transform: rotate(356deg);
  box-shadow: -14px 16px 0px rgba(0, 0, 0, 0.4);
  padding: 11px 18px;
  color: #8d0929;
  cursor: default;
  font-size: 27px;
  cursor: default;
}
.primeiro-active .flex {
  justify-content: center;
}

.primeiro-menu:hover {
  transform: scale(1.04);
  filter: drop-shadow(0 0 10px black);
}

.primeiro-active:hover {
  transform: scale(1);
  filter: drop-shadow(0 0 0);
}

.flex {
  display: flex;
  gap: 24px;
}
.flex h2 {
  margin: 0;
}

.button-close {
  background-color: white;
  box-shadow: -10px 10px 5px rgba(0, 0, 0, 0.4);
  border: none;
  outline: none;
  width: 56px;
  height: 56px;
  position: absolute;
  top: 5%;
  right: -5%;
  z-index: 99;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.button-close::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 2px;
  background-color: #8d0929;
  top: 50%;
  transform: rotate(45deg);
  left: 20%;
}
.button-close::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 2px;
  background-color: #8d0929;
  top: 50%;
  transform: rotate(-45deg);
  left: 20%;
}

.button-close:hover {
  transform: scale(1.05);
}

/* SEGUNDO ANDAR */
.segundo_andar {
  height: 795px;
  width: 560px;
  margin: auto;
  background-image: url(../img/bg_segundoAndar.png);
  background-size: cover;
  background-position: center;
  position: relative;
}

.segundo-content {
  padding: 175px 0 0;
}

.segundo-menu {
  padding: 24px 0;
  margin: 0px auto;
  width: 90%;
  display: block;
  color: #9f2208;
  font-size: 18px;
  font-family: "Neuropol";
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.segundo-menu .flex {
  display: grid;
  gap: 14px;
  align-items: center;
  grid-template-columns: 1fr auto 1fr;
}
.segundo-menu h2 {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}
.segundo-menu h2:first-child {
  text-align: right;
}
.segundo-menu h2:last-child {
  text-align: left;
  color: #721e08;
}

.segundo-menu:hover {
  transform: scale(1.06);
  filter: drop-shadow(0 0 10px rgba(114, 30, 8, 0.5));
}

.divisoria {
  width: 2px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1019607843);
}

.segundo-active {
  background-color: #9f2208;
  border-radius: 18px;
  width: 85%;
  color: white;
  cursor: default;
}
.segundo-active h2:last-child {
  color: white;
}
.segundo-active .divisoria {
  background-color: rgba(255, 255, 255, 0.1019607843);
}

.segundo-active:hover {
  transform: scale(1);
  filter: drop-shadow(0 0 0);
}

.flex {
  display: flex;
  gap: 24px;
}
.flex h2 {
  margin: 0;
}

.segundo-close {
  background-image: url(../img/bg_segundo-close.png);
  background-size: cover;
  background-color: transparent;
  border: none;
  outline: none;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 7%;
  right: 0%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.segundo-close::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #ebe8c9;
  top: 47%;
  transform: rotate(45deg);
  left: 30%;
  border-radius: 24px;
  box-shadow: 0 0 8px #fcf395;
  text-shadow: 0 0 8px #fcf395;
}
.segundo-close::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #ebe8c9;
  top: 47%;
  transform: rotate(-45deg);
  left: 30%;
  border-radius: 24px;
  box-shadow: 0 0 8px #fcf395;
  text-shadow: 0 0 8px #fcf395;
}

.segundo-close:hover {
  transform: scale(1.04) rotate(5deg);
}

/* TERCEIRO ANDAR */
.terceiro_andar {
  height: 787px;
  width: 580px;
  margin: auto;
  background-image: url(../img/bg_terceiroAndar.png);
  background-size: cover;
  background-position: center;
  position: relative;
}

.terceiro-content {
  padding: 90px 70px 0;
}

.terceiro-menu {
  padding: 32px 0;
  margin: 0px auto;
  width: 100%;
  display: block;
  color: #eb5234;
  font-size: 24px;
  font-family: "Super Magic";
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.terceiro-menu .flex {
  justify-content: center;
  gap: 16px;
}
.terceiro-menu h2 {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}
.terceiro-menu h2:last-child {
  color: #262537;
}

.terceiro-menu:hover {
  transform: scale(1.04);
}

.terceiro-active:hover {
  transform: scale(1);
}

.terceiro-active {
  text-shadow: rgb(38, 37, 55) 6px -2px 0px, rgb(38, 37, 55) 5px 3px 0px, rgb(38, 37, 55) 6px 0px 0px, rgb(38, 37, 55) 8.50461px 2.94475px 0px, rgb(38, 37, 55) 8.12565px 3.86961px 0px, rgb(38, 37, 55) 7.64647px 4.74674px 0px, rgb(38, 37, 55) 7.07299px 5.56533px 0px, rgb(38, 37, 55) 6.41227px 6.31528px 0px, rgb(38, 37, 55) 5.67248px 6.98735px 0px, rgb(38, 37, 55) 4.86272px 7.57324px 0px, rgb(38, 37, 55) 3.99299px 8.06573px 0px, rgb(38, 37, 55) 3.07402px 8.45875px 0px, rgb(38, 37, 55) 2.11714px 8.74744px 0px, rgb(38, 37, 55) 1.13414px 8.92825px 0px, rgb(38, 37, 55) 0.137162px 8.99895px 0px, rgb(38, 37, 55) -0.861512px 8.95867px 0px, rgb(38, 37, 55) -1.84956px 8.8079px 0px, rgb(38, 37, 55) -2.8148px 8.5485px 0px, rgb(38, 37, 55) -3.74532px 8.18368px 0px, rgb(38, 37, 55) -4.62965px 7.71792px 0px, rgb(38, 37, 55) -5.45689px 7.15698px 0px, rgb(38, 37, 55) -6.21682px 6.50777px 0px, rgb(38, 37, 55) -6.90009px 5.77831px 0px, rgb(38, 37, 55) -7.49825px 4.97757px 0px, rgb(38, 37, 55) -8.00394px 4.11545px 0px, rgb(38, 37, 55) -8.41092px 3.20258px 0px, rgb(38, 37, 55) -8.71416px 2.2502px 0px, rgb(38, 37, 55) -8.90993px 1.27008px 0px, rgb(38, 37, 55) -8.99582px 0.274291px 0px, rgb(38, 37, 55) -8.97076px -0.72488px 0px, rgb(38, 37, 55) -8.83507px -1.71511px 0px, rgb(38, 37, 55) -8.59041px -2.68419px 0px, rgb(38, 37, 55) -8.23981px -3.62017px 0px, rgb(38, 37, 55) -7.78758px -4.51149px 0px, rgb(38, 37, 55) -7.23931px -5.34718px 0px, rgb(38, 37, 55) -6.60176px -6.11692px 0px, rgb(38, 37, 55) -5.88279px -6.81122px 0px, rgb(38, 37, 55) -5.09127px -7.42152px 0px, rgb(38, 37, 55) -4.23696px -7.94029px 0px, rgb(38, 37, 55) -3.33039px -8.36113px 0px, rgb(38, 37, 55) -2.38275px -8.67885px 0px, rgb(38, 37, 55) -1.40572px -8.88954px 0px, rgb(38, 37, 55) -0.411357px -8.99059px 0px, rgb(38, 37, 55) 0.58808px -8.98077px 0px, rgb(38, 37, 55) 1.58026px -8.86018px 0px, rgb(38, 37, 55) 2.55296px -8.63032px 0px, rgb(38, 37, 55) 3.49417px -8.29402px 0px, rgb(38, 37, 55) 4.39229px -7.85543px 0px, rgb(38, 37, 55) 5.23623px -7.31996px 0px, rgb(38, 37, 55) 6.0156px -6.69422px 0px, rgb(38, 37, 55) 6.72078px -5.98591px 0px, rgb(38, 37, 55) 7.34307px -5.20378px 0px, rgb(38, 37, 55) 7.87479px -4.35748px 0px, rgb(38, 37, 55) 8.3094px -3.45743px 0px, rgb(38, 37, 55) 8.64153px -2.51474px 0px, rgb(38, 37, 55) 8.86709px -1.54104px 0px, rgb(38, 37, 55) 8.98328px -0.548328px 0px;
  width: 100%;
  cursor: default;
}
.terceiro-active h2:last-child {
  color: #ffdbb7 !important;
}

.flex {
  display: flex;
  gap: 24px;
}
.flex h2 {
  margin: 0;
}

.terceiro-close {
  border: none;
  outline: none;
  width: 80px;
  height: 80px;
  position: absolute;
  top: 0;
  right: -1%;
  cursor: pointer;
}
.terceiro-close::before {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background-color: #fff;
  transform: rotate(45deg);
  top: 45%;
  left: 25%;
  border-radius: 24px;
}
.terceiro-close::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 4px;
  background-color: #fff;
  transform: rotate(-45deg);
  top: 45%;
  left: 25%;
  border-radius: 24px;
}

/* QUARTO ANDAR */
.quarto_andar {
  height: 700px;
  width: 730px;
  margin: auto;
  background-image: url(../img/bg_quartoAndar.png);
  background-size: cover;
  background-position: center;
  position: relative;
}

.quarto-content {
  padding: 140px 90px 0 60px;
}

.quarto-menu {
  padding: 20px 0;
  margin: 0px auto;
  width: 90%;
  display: block;
  color: black;
  font-size: 10px;
  font-family: "Pokemon";
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.quarto-menu .flex {
  display: grid;
  gap: 14px;
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
.quarto-menu h2 {
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
  transition: all ease-in-out 0.25s;
}
.quarto-menu h2:first-child {
  background-color: white;
  border: 2px solid black;
  padding: 8px 12px;
  margin: 0;
  font-size: 18px;
  box-shadow: inset 1px 1px 0 #5f6986, inset -1px -1px 0 #c2cada;
}
.quarto-menu h2:last-child {
  background-color: #c2cada;
  border: 2px solid black;
  padding: 10px 0;
  margin: 0;
  box-shadow: inset -1px -1px 0 #616982, inset 1px 1px 0 white;
}

.quarto-menu:hover h2 {
  border: 2px dotted black;
  transform: scale(1.02);
}

.quarto-active {
  cursor: default;
}
.quarto-active h2:first-child {
  background-color: #5f6986;
  border: 2px solid black;
  color: white;
  padding: 8px 12px;
  margin: 0;
  font-size: 18px;
  box-shadow: inset 1px 1px 0 #616982, inset -1px -1px 0 #c2cada;
}
.quarto-active h2:last-child {
  background-color: #5f6986;
  border: 2px solid black;
  color: white;
  padding: 10px 0;
  margin: 0;
  box-shadow: inset -1px -1px 0 #616982, inset 1px 1px 0 #c2cada;
}
.quarto-active .divisoria {
  background-color: rgba(255, 255, 255, 0.1019607843);
}

.quarto-active:hover h2 {
  border: 2px solid black;
  transform: scale(1);
}

.flex {
  display: flex;
  gap: 24px;
}
.flex h2 {
  margin: 0;
}

.quarto-close {
  border: none;
  outline: none;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 12%;
  right: 13%;
  cursor: pointer;
}

/* QUINTO ANDAR */
.quinto_andar {
  height: 600px;
  width: 560px;
  margin: auto;
  background-image: url(../img/bg_quintoAndar.png);
  background-size: cover;
  background-position: center;
  position: relative;
}

.quinto-close {
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 2%;
  z-index: 12;
  background-color: rgba(141, 9, 41, 0.8);
  cursor: pointer;
  transform: rotate(-45deg);
}
.quinto-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(0deg);
  box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}
.quinto-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(-90deg);
  box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}

.quinto-content {
  padding: 87px 40px 0 100px;
}

.quinto-menu {
  padding: 15px 0;
  margin: 0px auto;
  width: 88%;
  display: block;
  color: white;
  font-size: 20px;
  font-family: "Opensans Italic";
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
  text-align: left;
  cursor: pointer;
}
.quinto-menu h2 {
  margin: 0;
  text-align: center;
}
.quinto-menu h2:last-child {
  font-weight: 400;
  margin-top: -13px;
  text-align: right;
}
.quinto-menu .flex {
  justify-content: space-between;
}

.quinto-active {
  cursor: default;
}
.quinto-active h2:first-child {
  color: #d51a48;
}
.quinto-active h2:last-child {
  font-weight: 700;
}

#game {
  display: flex;
}

/* FOTOS DE FAMÍLIA */
.fundo-escuro {
  background-color: rgba(0, 0, 0, 0.2274509804);
  position: absolute;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

.familia {
  background-image: url(../img/bg__familia.png);
  background-repeat: no-repeat;
  background-size: cover;
  aspect-ratio: 2273/1279;
  width: 1000px;
  position: relative;
}

.familia-content {
  padding: 40px 56px;
  height: -webkit-fill-available;
}

.familia-title {
  font-family: "Abril";
  font-weight: 300;
  font-size: 48px;
  color: white;
  text-align: center;
  margin: 0 0 32px;
}

.familia-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: center;
  justify-content: center;
}

.quadro-1 img,
.quadro-2 img,
.quadro-3 img {
  max-width: 100%;
  max-height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  cursor: pointer;
}

.bio-content {
  display: flex;
  align-items: center;
  padding: 32px 100px;
  height: 86%;
}

.familia-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
}

.familia-flex img {
  height: 300px;
}

.bio-name {
  color: white;
  font-size: 40px;
  margin: 0 0 24px;
}

.bio-text {
  color: white;
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 500;
  margin: 0;
}
.bio-text i {
  font-weight: 700;
}

.btn-back {
  position: absolute;
  top: 15%;
  left: 10%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}

.btn-back:hover {
  transform: scale(1.05);
}

.quadro-1,
.quadro-2,
.quadro-3 {
  transition: all ease-in-out 0.25s;
}

.quadro-1:hover,
.quadro-2:hover,
.quadro-3:hover {
  transform: rotate(2deg) scale(1.05);
}

@media (max-width: 991px) {
  .familia {
    width: 410px;
    height: 230px;
  }
  .familia-content {
    padding: 32px;
  }
  .familia-title {
    font-weight: 300;
    font-size: 24px;
    margin: 0 0 18px;
  }
  .bio-content {
    padding: 16px 48px;
    height: 86%;
  }
  .familia-flex img {
    height: 140px;
  }
  .familia-flex {
    gap: 24px;
  }
  .bio-name {
    font-size: 18px;
    margin: 0 0 12px;
  }
  .bio-text {
    font-size: 10px;
  }
  .btn-back {
    top: 10%;
    left: 5%;
  }
  .btn-back img {
    width: 24px;
  }
}
/* HISTORIA 2 */
.historytwo {
  background-image: url(../img/bg_historiatwo.png);
  background-size: cover;
  aspect-ratio: 1/1;
  width: 800px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}

.historytwo-container {
  padding: 64px;
  width: 84%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.historytwo-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.historytwo-options p {
  font-family: "Abril";
  font-weight: 400;
  font-size: 88px;
  margin: 0;
  color: rgba(0, 0, 0, 0.6);
  transition: all ease-in-out 0.25s;
}
.historytwo-options p:hover {
  color: #8d0929;
  transform: scale(1.01);
}
.historytwo-options .active {
  color: #8d0929;
}

.historytwo-video {
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
  aspect-ratio: 16/9;
  background-color: #000;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.historytwo-video p {
  color: white;
  font-size: 32px;
  text-align: center;
}

@media (max-width: 991px) {
  .historytwo {
    transform: scale(0.5);
  }
}
.jornal {
  width: 900px;
  height: 640px;
  overflow: overlay;
  z-index: 1;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}
.jornal::-webkit-scrollbar {
  display: none;
}
.jornal .button-close {
  right: 5%;
}

.paginas-jornal img {
  max-width: 100%;
}

.jornal-videos {
  width: 100%;
  position: relative;
}

.video-jornal-1 {
  width: 900px;
  height: 190px;
  position: absolute;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.video-jornal-2 {
  width: 540px;
  height: 1040px;
  position: absolute;
  top: 200px;
  right: 4px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.video-jornal-3 {
  width: 350px;
  height: 560px;
  position: absolute;
  top: 190px;
  left: 4px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

.video-jornal-4 {
  width: 350px;
  height: 480px;
  position: absolute;
  top: 740px;
  left: 5px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* REVISTA SEGUNDO ANDAR */
.revista {
  width: 900px;
  aspect-ratio: 16/9;
  position: relative;
}

.paginas-revista {
  transition: 0.4s ease-in-out;
}

.paginas-revista img {
  max-width: 100%;
  height: 650px;
  margin: auto;
  display: block;
  cursor: pointer;
}

.revista-close {
  background-image: url(../img/bg_segundo-close.png);
  background-size: cover;
  border: none;
  outline: none;
  width: 72px;
  height: 72px;
  position: absolute;
  top: -5%;
  right: 0%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.revista-close::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #ebe8c9;
  top: 47%;
  transform: rotate(45deg);
  left: 30%;
  border-radius: 24px;
  box-shadow: 0 0 8px #fcf395;
  text-shadow: 0 0 8px #fcf395;
}
.revista-close::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #ebe8c9;
  top: 47%;
  transform: rotate(-45deg);
  left: 30%;
  border-radius: 24px;
  box-shadow: 0 0 8px #fcf395;
  text-shadow: 0 0 8px #fcf395;
}

.revista-close:hover {
  transform: scale(1.04) rotate(5deg);
}

@media (max-width: 991px) {
  .revista {
    transform: scale(0.5);
  }
}
/* TV SEGUNDO ANDAR */
.section-tv {
  width: 900px;
  position: relative;
}

.canal-left {
  background-color: transparent;
  border: none;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 19%;
  left: 21%;
  cursor: pointer;
  z-index: 3;
}

.canal-right {
  background-color: transparent;
  border: none;
  width: 60px;
  height: 60px;
  position: absolute;
  bottom: 19%;
  right: 19%;
  cursor: pointer;
  z-index: 3;
}

.tv-antiga {
  background-image: url(../img/frame_tv-antiga.png);
  background-size: cover;
  aspect-ratio: 1073/1019;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.video {
  background-color: black;
  position: absolute;
  z-index: 1;
  top: 5%;
  right: 17.8%;
  left: 16.8%;
  bottom: 30%;
  cursor: pointer;
}

.tv-close {
  background-image: url(../img/bg_segundo-close.png);
  background-size: cover;
  border: none;
  outline: none;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  right: -10%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.tv-close::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #ebe8c9;
  top: 47%;
  transform: rotate(45deg);
  left: 30%;
  border-radius: 24px;
  box-shadow: 0 0 8px #fcf395;
  text-shadow: 0 0 8px #fcf395;
}
.tv-close::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #ebe8c9;
  top: 47%;
  transform: rotate(-45deg);
  left: 30%;
  border-radius: 24px;
  box-shadow: 0 0 8px #fcf395;
  text-shadow: 0 0 8px #fcf395;
}

.tv-close:hover {
  transform: scale(1.04) rotate(5deg);
}

@media (max-width: 991px) {
  .section-tv {
    transform: scale(0.5);
  }
}
.terceiro-close {
  background-image: url(../img/bg_terceiro-close.png);
  background-size: cover;
  background-color: transparent;
  border: none;
  outline: none;
  width: 72px;
  height: 72px;
  position: absolute;
  top: 0;
  right: -10%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}
.terceiro-close::before {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #fff;
  top: 47%;
  transform: rotate(45deg);
  left: 30%;
  border-radius: 24px;
}
.terceiro-close::after {
  content: "";
  position: absolute;
  width: 32px;
  height: 4px;
  background-color: #fff;
  top: 47%;
  transform: rotate(-45deg);
  left: 30%;
  border-radius: 24px;
}

.terceiro-close:hover {
  filter: contrast(1.25);
  transform: scale(1.1);
}

.terceiro-tv {
  width: 1000px;
  position: relative;
}

.terceiro-tv-antiga {
  background-image: url(../img/frame_tv.png);
  background-size: cover;
  aspect-ratio: 1376/975;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.terceiro-video {
  background-color: black;
  position: absolute;
  z-index: 1;
  top: 7%;
  right: 24%;
  left: 4%;
  bottom: 14%;
  cursor: pointer;
}

.computador-terceiro-andar {
  width: 1300px;
  position: absolute;
  bottom: 0;
}

.computador-close {
  background-image: url(../img/computador-close.png);
  background-size: cover;
  width: 60px;
  height: 60px;
  position: absolute;
  right: 5%;
  top: 0;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}

.computador-close:hover {
  transform: scale(0.9);
}

.computador-antigo {
  background-image: url(../img/terceiro-computador.png);
  background-size: cover;
  aspect-ratio: 1186/753;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.videos-computador {
  background-image: url(../img/computador-tela.png);
  background-size: cover;
  position: absolute;
  top: 13%;
  left: 24.8%;
  right: 29%;
  bottom: 33%;
  z-index: 1;
}

.iframe-computador {
  width: 100%;
  height: 100%;
}

.iframe-voltar {
  background: transparent;
  border: none;
  outline: none;
  color: #2ce618;
  font-family: "Pokemon";
  font-size: 16px;
  margin-bottom: 16px;
  margin-left: 24px;
  position: absolute;
  top: 4%;
  cursor: pointer;
}

.video-btn {
  background: transparent;
  border: none;
  outline: none;
  color: #2ce618;
  font-family: "Pokemon";
  font-size: 18px;
  margin-bottom: 16px;
  margin-left: 24px;
  cursor: pointer;
  width: 90%;
  text-align: justify;
  transition: all ease-in-out 0.25s;
}

.video-btn:hover {
  background-color: #2ce618;
  color: white;
}

.mg-top {
  margin-top: 40px;
}

@media (max-width: 991px) {
  .terceiro-tv {
    transform: scale(0.5);
  }
}
.quarta-tv {
  width: 1000px;
  position: relative;
}

.quarta-tv-antiga {
  background-image: url(../img/quarta-tv.png);
  background-size: cover;
  aspect-ratio: 1315/993;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.quarta-video {
  background-color: black;
  position: absolute;
  z-index: 1;
  top: 10%;
  right: 14%;
  left: 14%;
  bottom: 20%;
  cursor: pointer;
}

.quarta-close {
  background-image: url(../img/bg-quarta-close.png);
  background-size: cover;
  background-color: transparent;
  border: none;
  outline: none;
  width: 36px;
  height: 37px;
  position: absolute;
  top: 0;
  right: -5%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}

.quarta-close:hover {
  transform: scale(1.05);
  filter: contrast(1.5);
}

@media (max-width: 991px) {
  .quarta-tv {
    transform: scale(0.5);
  }
}
.iphone-quarto-andar {
  width: 380px;
  position: relative;
}

.iphone {
  background-image: url(../img/iphone-quarto-andar.png);
  background-size: cover;
  aspect-ratio: 552/1025;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.iphone-close {
  background-image: url(../img/bg-quarta-close.png);
  background-size: cover;
  border: none;
  outline: none;
  width: 36px;
  height: 37px;
  position: absolute;
  top: 0;
  right: -10%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}

.iphone-close:hover {
  transform: scale(1.05);
  filter: contrast(1.5);
}

.iphone-botoes {
  background-image: url(../img/iphone-background.jpg);
  background-size: contain;
  position: absolute;
  top: 17%;
  right: 8%;
  left: 8.5%;
  bottom: 17%;
  cursor: pointer;
}

.iphone-videos {
  position: absolute;
  top: 17%;
  right: 8.5%;
  left: 8.5%;
  bottom: 17%;
  background-image: url(../img/iphone-background-notes.jpg);
  background-size: contain;
}

.iphone-btn {
  background-color: transparent;
  border: none;
  outline: none;
  aspect-ratio: 124/117;
  width: 162px;
  cursor: pointer;
}
.iphone-btn.balao-1 {
  background-image: url(../img/iphone-btn-1.png);
  background-size: cover;
  position: absolute;
  top: 7.6%;
  left: 3.4%;
  z-index: 2;
  width: 167px;
  mix-blend-mode: multiply;
  transition: all ease-in-out 0.25s;
}
.iphone-btn.balao-2 {
  background-image: url(../img/iphone-btn-2.png);
  background-size: cover;
  position: absolute;
  top: 37.5%;
  right: 2%;
  z-index: 2;
  mix-blend-mode: multiply;
  transition: all ease-in-out 0.25s;
}
.iphone-btn.balao-3 {
  background-image: url(../img/iphone-btn-3.png);
  background-size: cover;
  position: absolute;
  top: 63.4%;
  left: 1.2%;
  z-index: 2;
  mix-blend-mode: multiply;
  transition: all ease-in-out 0.25s;
}
.iphone-btn.balao-1:hover, .iphone-btn.balao-2:hover, .iphone-btn.balao-3:hover {
  filter: contrast(1.25);
}

.iphone-iframe {
  width: 101%;
  height: 101%;
  z-index: 2;
  position: relative;
}

.iphone-voltar {
  height: 80px;
  position: absolute;
  bottom: -19.5%;
  left: 38%;
  right: 38%;
  z-index: 3;
  cursor: pointer;
}

@media (max-width: 991px) {
  .iphone-quarto-andar {
    transform: scale(0.4);
  }
}
/* LAPTOP QUARTO ANDAR */
.laptop-quarto-andar {
  height: 90%;
  position: absolute;
  bottom: 0;
  aspect-ratio: 93/67;
}

.laptop {
  background-image: url(../img/laptop-quarto-andar.png);
  background-size: cover;
  aspect-ratio: 93/67;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.laptop-close {
  background-image: url(../img/bg-quarta-close.png);
  background-size: cover;
  border: none;
  outline: none;
  width: 36px;
  height: 37px;
  position: absolute;
  top: 0;
  right: -3%;
  cursor: pointer;
  transition: all ease-in-out 0.25s;
}

.laptop-close:hover {
  transform: scale(1.05);
  filter: contrast(1.5);
}

.laptop-tela {
  background-image: url(../img/laptop-tela.png);
  background-size: cover;
  position: absolute;
  top: 9.5%;
  right: 12.8%;
  left: 13.1%;
  bottom: 26.2%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.laptop-login {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  cursor: pointer;
}

.laptop-videos {
  background-image: url(../img/laptop-modal.png);
  background-size: cover;
  width: 730px;
  aspect-ratio: 857/629;
  position: relative;
}

.laptop-botoes {
  display: flex;
  align-items: center;
  margin-top: 35px;
  margin-left: 10px;
}

.laptop-button {
  background-color: #b6b6b6;
  padding: 8px;
  font-weight: 700;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  color: #353535;
  width: 150px;
  text-align: left;
  border: 2px solid white;
  border-bottom: none;
  transition: all ease-in-out 0.25s;
}
.laptop-button.laptop-active {
  background-color: #9a0429;
  color: white;
}

.laptop-button:hover {
  background-color: #5A6988;
  color: white;
}
.laptop-button:hover.laptop-active {
  background-color: #9a0429;
  color: white;
}

.laptop-iframe {
  position: absolute;
  top: 19.6%;
  left: 1%;
  right: 2.3%;
  bottom: 3.5%;
}

@media (max-width: 991px) {
  .laptop-close {
    width: 20px;
    height: 20px;
    top: 2%;
    right: -5%;
  }
}
/* IPHONE QUINTO ANDAR */
.iphone-quinto-andar {
  width: 380px;
  position: relative;
}

.iphone-12 {
  background-image: url(../img/iphone-quinto-andar.png);
  background-size: cover;
  aspect-ratio: 358/727;
  position: relative;
  z-index: 2;
  pointer-events: none;
}

.iphone-12-close {
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: -20%;
  background-color: rgba(141, 9, 41, 0.8);
  cursor: pointer;
  transform: rotate(-45deg);
}
.iphone-12-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(0deg);
  box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}
.iphone-12-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(-90deg);
  box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}

.iphone-close:hover {
  transform: scale(1.05);
  filter: contrast(1.5);
}

.iphone-12-botao {
  background-image: url(../img/bg_iphone-12.png);
  background-size: cover;
  position: absolute;
  top: 1%;
  right: 3%;
  left: 3%;
  bottom: 1%;
  border-radius: 34px;
  cursor: pointer;
}

.iphone-12-videos {
  position: absolute;
  top: 1%;
  right: 3%;
  left: 3%;
  bottom: 1%;
  border-radius: 34px;
}

.iphone-12-voltar {
  height: 80px;
  position: absolute;
  bottom: -19.5%;
  left: 38%;
  right: 38%;
  z-index: 3;
  cursor: pointer;
}

.iframe-iphone-12 {
  border-radius: 34px;
}

/* NOTEBOOK QUINTO ANDAR */
.notebook-quinto-andar {
  height: 90%;
  position: absolute;
  bottom: 0;
  aspect-ratio: 1606/1027;
}

.notebook {
  background-image: url(../img/notebook-quinto-andar.png);
  background-size: cover;
  aspect-ratio: 1606/1027;
  position: relative;
  z-index: 3;
  pointer-events: none;
}

.notebook-close {
  border: none;
  outline: none;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: rgba(141, 9, 41, 0.8);
  cursor: pointer;
  transform: rotate(-45deg);
}
.notebook-close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(0deg);
  box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}
.notebook-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 15%;
  width: 32px;
  height: 2px;
  background-color: #fff;
  transform: rotate(-90deg);
  box-shadow: 0 0 10px white, 0 0 10px white, 0 0 10px white;
}

.notebook-tela {
  background-image: url(../img/bg_notebook-quinto-andar.jpg);
  background-size: cover;
  position: absolute;
  top: 5.5%;
  right: 8.4%;
  left: 6.9%;
  bottom: 10.8%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.notebook-videos {
  background-image: url(../img/notebook-navegador.jpg);
  background-size: cover;
  width: 80%;
  aspect-ratio: 1245/808;
  position: relative;
  border-radius: 12px 12px 0 0;
}

.notebook-botoes {
  display: flex;
  align-items: center;
  margin: 16px 0 0 auto;
  width: 90%;
}

.notebook-button {
  -webkit-clip-path: polygon(12% 0, 88% 0, 100% 100%, 0% 100%);
  clip-path: polygon(12% 0, 88% 0, 100% 100%, 0% 100%);
  background-color: #c1bbb8;
  padding: 6px 0;
  font-weight: 400;
  font-family: "Opensans", sans-serif;
  font-size: 11px;
  color: #696969;
  width: 95%;
  max-width: 130px;
  text-align: center;
  border: none !important;
  border-bottom: none;
  transition: all ease-in-out 0.25s;
  cursor: pointer;
}
.notebook-button.notebook-active {
  background-color: #fff;
  font-weight: bold;
  width: 100%;
}

.notebook-button:hover {
  background-color: #dfdcda;
}
.notebook-button:hover.notebook-active {
  background-color: #fff;
}

.notebook-iframe {
  position: absolute;
  top: 13.4%;
  left: 0.1%;
  right: 0.1%;
  bottom: 0.1%;
}

@media (max-width: 991px) {
  .notebook-close {
    transform: rotate(45deg) scale(0.5);
    right: -10%;
  }
  .notebook-videos {
    width: 90%;
  }
  .notebook-botoes {
    margin: 4px 0 0 auto;
  }
  .notebook-button {
    padding: 4px 0;
    font-size: 4px;
  }
}
/* ASPECTS GAMES */
.aspect-game-1 {
  aspect-ratio: 2273/1279;
  width: 1000px;
  position: relative;
}

@media (max-width: 991px) {
  .aspect-game-1 {
    width: 530px;
    height: 300px;
  }
}
.aspect-game-2 {
  aspect-ratio: 1942/1545;
  width: 1000px;
  position: relative;
}

@media (max-width: 991px) {
  .aspect-game-2 {
    width: 490px !important;
  }
}
.aspect-game-3 {
  aspect-ratio: 1217/702;
  width: 1000px;
  position: relative;
}

@media (max-width: 991px) {
  .aspect-game-3 {
    width: 530px;
    height: 300px;
  }
}
.aspect-game-4 {
  aspect-ratio: 846/461;
  width: 1000px;
  position: relative;
}

@media (max-width: 991px) {
  .aspect-game-4 {
    width: 530px;
    height: 300px;
  }
  .quarta-close {
    width: 26px;
    height: 26px;
  }
}
.aspect-game-5 {
  aspect-ratio: 1108/591;
  width: 1000px;
  position: relative;
}

@media (max-width: 991px) {
  .aspect-game-5 {
    height: 300px;
    width: 560px;
  }
}
/* VITRINE */
.poster {
  width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.main {
  padding: 24px;
  position: relative;
}

.vitrine-titulo {
  font-size: 42px;
  text-align: center;
  margin: 0 auto;
}

.poster-body {
  width: 100%;
  height: 350px;
  display: flex;
  justify-content: center;
}

.dropdown-vitrine {
  position: absolute;
  padding: 8px;
  background-color: transparent;
  text-transform: uppercase;
  outline: none;
}
.dropdown-vitrine option {
  color: black;
  text-transform: uppercase;
}

.vitrine-primeiro {
  right: 10%;
  top: 8%;
  color: white;
  border: 1px solid white;
}

.vitrine-segundo {
  right: 5%;
  top: 15%;
  color: #fd7c34;
  border: 1px solid #fd7c34;
}

.vitrine-terceiro {
  right: 8%;
  top: 12%;
  color: #65b1ac;
  border: 1px solid #65b1ac;
}

.vitrine-quarto {
  right: 8%;
  top: 12%;
  color: #66646F;
  border: 1px solid #66646F;
}

.vitrine-quinto {
  right: 15%;
  top: 19%;
  color: white;
  border: 1px solid white;
}

/* SPLIDE */
.splide__slide {
  width: 5em;
  height: auto;
  display: flex;
  align-items: center;
}

.splide__slide > div {
  position: relative;
  width: 100%;
}

.splide__slide > div img {
  width: 350px;
  height: 250px;
  margin: auto;
  display: block;
}

.splide__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% + 2.5em);
}

.splide__arrow--prev {
  position: absolute;
  transform: translateY(-50%);
  border-radius: 0px;
  border: none;
  outline: none;
  cursor: pointer;
}

.splide__arrow--next {
  position: absolute;
  transform: translateY(-50%);
  border-radius: 0px;
  border: none;
  outline: none;
  cursor: pointer;
}

.splide__arrow--next:disabled {
  opacity: 0.1;
}

.splide__arrow--prev:disabled {
  opacity: 0.1;
}

/* TAMANHOS DOS SLIDES */
.splide__track {
  height: 100%;
}

.splide__list .splide__slide > div {
  transform: scale(0.9);
  transition: 0.05s;
}

.splide__list .is-prev > div {
  transform: scale(1.15) translateX(-8%);
  transition: 0.05s;
}

.splide__list .is-next > div {
  transform: scale(1.15) translateX(8%);
  transition: 0.05s;
}

.splide__list .is-active > div {
  transform: scale(1.3);
  transition: 0.05s;
}

/* VITRINE PRIMEIO ANDAR */
.vitrine-andar-1 {
  background: url(../img/bg__familia.png);
  background-position: center;
  background-size: cover;
  aspect-ratio: 2273/1279;
  font-family: "Abril";
  color: white;
}

.vitrine-andar-1 .splide__arrow--prev {
  left: -12%;
  width: 90px;
  height: 150px;
  background: url(../img/primeiro-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-1 .splide__arrow--next {
  right: -12%;
  width: 90px;
  height: 150px;
  background: url(../img/primeiro-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-1 .splide__list .is-active > div {
  border: 5px solid #AF7746;
}

/* VITRINE SEGUNDO ANDAR */
.vitrine-andar-2 {
  background: url(../img/bg-vitrine-2.png);
  background-position: center;
  background-size: cover;
  aspect-ratio: 1942/1545;
  font-family: "Neuropol";
  color: #FD7C34;
}

.vitrine-andar-2 .vitrine-titulo {
  margin: 48px auto 0;
}

.vitrine-andar-2 .splide__arrow--prev {
  left: -16%;
  width: 100px;
  height: 100px;
  background: url(../img/segundo-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-2 .splide__arrow--next {
  right: -16%;
  width: 100px;
  height: 100px;
  background: url(../img/segundo-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-2 .splide__list .is-active > div {
  border: 5px solid #FE7433;
}

/* VITRINE ANDAR 3 */
.vitrine-andar-3 {
  background: url(../img/bg-vitrine-3.png);
  background-position: center;
  background-size: cover;
  aspect-ratio: 1217/702;
  font-family: "Super Magic";
  color: #65B1AC;
}

.vitrine-andar-3 .main {
  padding: 64px 24px 24px;
  position: relative;
  height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vitrine-andar-3 .vitrine-titulo {
  font-size: 42px;
  text-align: center;
  margin: 24px auto 0;
}

.vitrine-andar-3 .splide__arrow--prev {
  left: -13%;
  width: 90px;
  height: 100px;
  background: url(../img/terceiro-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-3 .splide__arrow--next {
  right: -13%;
  width: 90px;
  height: 100px;
  background: url(../img/terceiro-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-3 .splide__list .is-active > div {
  border: 5px solid #65B1AC;
}

/* VITRINE QUARTO ANDAR */
.vitrine-andar-4 {
  background: url(../img/bg-vitrine-4.png);
  background-position: center;
  background-size: cover;
  aspect-ratio: 846/461;
  font-family: "Pokemon";
  color: #66646F;
}

.vitrine-andar-4 .main {
  padding: 40px 24px 0;
  position: relative;
  height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vitrine-andar-4 .vitrine-titulo {
  font-size: 28px;
  text-align: center;
  margin: 24px auto 0;
}

.vitrine-andar-4 .splide__arrow--prev {
  left: -10%;
  width: 90px;
  height: 90px;
  background: url(../img/quarto-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-4 .splide__arrow--next {
  right: -10%;
  width: 90px;
  height: 90px;
  background: url(../img/quarto-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-4 .splide__list .is-active > div {
  border: 5px solid #C0CBDC;
}

/* VITRINE QUINTO ANDAR */
.vitrine-andar-5 {
  background: url(../img/bg-vitrine-5.png);
  background-position: center;
  background-size: cover;
  aspect-ratio: 1108/591;
  font-family: "Opensans", sans-serif;
  font-weight: 800;
  color: white;
}

.vitrine-andar-5 .main {
  padding: 64px 24px;
  position: relative;
  height: -webkit-fill-available;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.vitrine-andar-5 .poster-body {
  height: 280px;
  width: 90%;
  margin: auto;
}

.vitrine-andar-5 .vitrine-titulo {
  font-size: 28px;
  text-align: center;
  margin: 12px auto 0;
  font-style: italic;
}

.vitrine-andar-5 .splide__list .is-active > div {
  transform: scale(1.05);
  transition: 0.05s;
}

.vitrine-andar-5 .splide__list .is-next > div {
  transform: scale(1) translateX(8%);
  transition: 0.05s;
}

.vitrine-andar-5 .splide__arrow--prev {
  left: -10%;
  width: 60px;
  height: 110px;
  background: url(../img/quinto-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-5 .splide__arrow--next {
  right: -10%;
  width: 60px;
  height: 110px;
  background: url(../img/quinto-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
}

.vitrine-andar-5 .splide__list .is-active > div {
  border: 5px solid #fff;
}

.publi {
  width: 1000px;
  margin: auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

.publicidade-box {
  padding: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.swiper {
  width: 90%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
}

.swiper-button-next,
.swiper-button-prev {
  color: transparent !important;
}

.swiper-wrapper {
  height: auto !important;
}

.swiper-wrapper-primeiro .swiper-slide-active {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;
  border: 5px solid #AF7746;
}

.swiper-wrapper-segundo .swiper-slide-active {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;
  border: 5px solid #FE7433;
}

.swiper-wrapper-terceiro .swiper-slide-active {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;
  border: 5px solid #65B1AC;
}

.swiper-wrapper-quarto .swiper-slide-active {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;
  border: 5px solid #696969;
}

.swiper-wrapper-quinto .swiper-slide-active {
  transform: scale(1.2);
  transition: 0.4s ease-in-out;
  border: 5px solid #fff;
}

.publicidade-quinto {
  right: 15%;
  top: 14%;
  color: white;
  border: 1px solid white;
}

.main-vitrine {
  padding: 24px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.swiperVitrinePrimeiro {
  display: flex;
  align-items: center;
  height: 320px;
}

.arrow-primeiro-right {
  right: -5%;
  width: 70px;
  height: 115px;
  background: url(../img/primeiro-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.arrow-primeiro-left {
  left: -5%;
  width: 70px;
  height: 115px;
  background: url(../img/primeiro-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.swiperVitrineSegundo {
  display: flex;
  align-items: center;
  height: 320px;
}

.arrow-segundo-left {
  left: -5%;
  width: 100px;
  height: 100px;
  background: url(../img/segundo-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.arrow-segundo-right {
  right: -5%;
  width: 100px;
  height: 100px;
  background: url(../img/segundo-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.swiperVitrineTerceiro {
  display: flex;
  align-items: center;
  height: 320px;
}

.arrow-terceiro-left {
  left: -5%;
  width: 100px;
  height: 110px;
  background: url(../img/terceiro-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.arrow-terceiro-right {
  right: -5%;
  width: 100px;
  height: 110px;
  background: url(../img/terceiro-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.swiperVitrineQuarto {
  display: flex;
  align-items: center;
  height: 320px;
}

.arrow-quarto-left {
  left: -5%;
  width: 80px;
  height: 78px;
  background: url(../img/quarto-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.arrow-quarto-right {
  right: -5%;
  width: 80px;
  height: 78px;
  background: url(../img/quarto-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.swiperVitrineQuinto {
  display: flex;
  align-items: center;
  height: 320px;
  width: 80%;
}

.arrow-quinto-left {
  left: 0;
  width: 56px;
  height: 99px;
  background: url(../img/quinto-andar-prev.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.arrow-quinto-right {
  right: 0;
  width: 56px;
  height: 99px;
  background: url(../img/quinto-andar-next.png);
  background-size: cover;
  background-repeat: no-repeat;
  border: none;
  outline: none;
}

.btn-dicas {
  position: absolute;
  z-index: 2;
  top: 5%;
  right: 5%;
  border: none;
  transition: 0.4s;
  cursor: pointer;
}
.btn-dicas::after {
  content: " ";
  position: absolute;
  top: 28%;
  right: 20%;
  width: 2px;
  height: 12px;
  transform: rotate(-45deg);
}
.btn-dicas::before {
  content: " ";
  position: absolute;
  top: 28%;
  right: 12%;
  width: 2px;
  height: 12px;
  transform: rotate(45deg);
}

.dicas-panel {
  position: absolute;
  right: 4.8%;
  top: 5%;
  z-index: 1;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.dicas-panel ul {
  margin: 0;
  font-family: "Opensans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.dicas-panel ul li {
  margin-bottom: 14px;
}
.dicas-panel ul li:last-child {
  margin: 0;
}

.panel-lista {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.back-menu {
  display: block;
  margin: 12px 0 0 auto;
  outline: none;
  border: none;
  position: relative;
  text-transform: uppercase;
  cursor: pointer;
}
.back-menu::before {
  content: " ";
  position: absolute;
  top: 23%;
  right: 10%;
  width: 3px;
  height: 13px;
  transform: rotate(45deg);
}
.back-menu::after {
  content: " ";
  position: absolute;
  bottom: 23%;
  right: 10%;
  width: 3px;
  height: 13px;
  transform: rotate(-45deg);
}

.dicas-saguao {
  background-color: #f90034;
  padding: 6px 32px 6px 12px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
}
.dicas-saguao::after {
  background-color: white;
}
.dicas-saguao::before {
  background-color: white;
}

.saguao-panel {
  background-image: url(../img/box-accordion.png);
  background-size: cover;
  top: 5%;
  right: 4.85%;
  width: 530px;
  font-size: 18px;
  color: white;
  aspect-ratio: 227/155;
}
.saguao-panel ul {
  width: 75%;
  padding: 0;
  margin-top: 30px;
  font-size: 16px;
}

.back-saguao {
  background-color: #f90034;
  padding: 10px 52px 10px 12px;
  color: white;
  font-size: 16px;
  font-weight: 600;
}
.back-saguao::after {
  background-color: white;
}
.back-saguao::before {
  background-color: white;
}

.dicas-primeiro {
  background-image: url(../img/bg-dicas-primeiro.jpg);
  background-size: cover;
  padding: 6px 32px 6px 12px;
  font-size: 16px;
  font-weight: 700;
  color: #890c29;
  text-transform: uppercase;
  box-shadow: 0 0 15px black;
}
.dicas-primeiro::after {
  background-color: #890c29;
}
.dicas-primeiro::before {
  background-color: #890c29;
}

.primeiro-panel {
  background-image: url(../img/bg-panel-primeiro.jpg);
  background-size: cover;
  top: 6%;
  right: 6%;
  width: 500px;
  margin: 10px 30px;
  font-size: 18px;
  color: white;
  aspect-ratio: 601/425;
}
.primeiro-panel ul {
  padding: 0 40px 0 56px;
}

.back-primeiro {
  background-image: url(../img/bg-dicas-primeiro.jpg);
  background-size: cover;
  padding: 10px 40px 10px 12px;
  font-size: 16px;
  font-weight: 700;
  color: #890c29;
  text-transform: uppercase;
  box-shadow: 0 0 15px black;
}
.back-primeiro::after {
  background-color: #890c29;
}
.back-primeiro::before {
  background-color: #890c29;
}

.dicas-segundo {
  background-image: url(../img/bg-btn-segundo.png);
  background-size: cover;
  background-color: transparent;
  padding: 8px 40px 8px 15px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
  text-transform: uppercase;
}
.dicas-segundo::after {
  right: 22%;
  background-color: white;
  box-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
}
.dicas-segundo::before {
  right: 14%;
  background-color: white;
  box-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
}

.dicas-segundo-en {
  background-image: url(../img/bg-btn-segundo.png);
  background-size: cover;
  background-color: transparent;
  padding: 8px 56px 8px 15px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
  text-transform: uppercase;
}
.dicas-segundo-en::after {
  right: 28%;
  background-color: white;
  box-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
}
.dicas-segundo-en::before {
  right: 20%;
  background-color: white;
  box-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
}

.segundo-panel {
  background-image: url(../img/bg-dicas-segundo.png);
  background-size: cover;
  aspect-ratio: 653/526;
  margin: 10px 30px;
  width: 500px;
  font-size: 18px;
  color: #890c29;
}
.segundo-panel .panel-lista {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 403px;
}
.segundo-panel ul {
  padding: 0 24px 0 56px;
  font-size: 18px;
}

.back-segundo {
  background-image: url(../img/bg-btn-segundo-dica.png);
  background-size: cover;
  background-color: transparent;
  background-repeat: no-repeat;
  padding: 9px 50px 8px 15px;
  width: 240px;
  font-size: 18px;
  font-weight: 600;
  color: white;
  text-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b;
  text-transform: uppercase;
}
.back-segundo::after {
  background-color: white;
  box-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
}
.back-segundo::before {
  background-color: white;
  box-shadow: 0 0 10px #fff78b, 0 0 10px #fff78b, 0 0 10px #fff78b;
}

.dicas-terceiro {
  background-image: url(../img/bg-btn-terceiro.png);
  background-size: cover;
  background-color: transparent;
  padding: 2px 40px 8px 15px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  aspect-ratio: 253/112;
}
.dicas-terceiro::after {
  right: 22%;
  background-color: white;
}
.dicas-terceiro::before {
  right: 14%;
  background-color: white;
}

.terceiro-panel {
  background-image: url(../img/bg-dicas-terceiro.png);
  background-size: cover;
  width: 500px;
  margin: 10px 30px;
  font-size: 18px;
  color: #22213b;
  aspect-ratio: 673/461;
}
.terceiro-panel .panel-lista {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 342px;
}
.terceiro-panel ul {
  padding: 0 40px 0 56px;
  font-size: 16px;
}

.back-terceiro {
  background-image: url(../img/bg-btn-terceiro-dica.png);
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 228px;
  padding: 12px 20px 30px 10px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
}
.back-terceiro::before {
  top: 15%;
  background-color: white;
}
.back-terceiro::after {
  bottom: 50%;
  background-color: white;
}

.dicas-quarto {
  background-image: url(../img/bg-btn-quarto.png);
  background-size: cover;
  background-color: transparent;
  padding: 4px 40px 6px 15px;
  font-size: 10px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  font-family: "Pokemon";
  aspect-ratio: 154/39;
}
.dicas-quarto::after {
  top: 35%;
  right: 21%;
  background-color: white;
}
.dicas-quarto::before {
  top: 35%;
  right: 15%;
  background-color: white;
}

.quarto-panel {
  background-image: url(../img/bg-dicas-quarto.png);
  background-size: cover;
  top: 5%;
  right: 5%;
  width: 500px;
  font-size: 18px;
  color: #22213b;
  aspect-ratio: 452/261;
}
.quarto-panel .panel-lista {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 288px;
}
.quarto-panel ul {
  padding: 24px 32px 0 48px;
  font-size: 14px;
}

.back-quarto {
  background-image: url(../img/bg-btn-quarto-dica.png);
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  width: 225px;
  padding: 4px 40px 8px 12px;
  font-size: 12px;
  font-weight: 500;
  color: white;
  text-transform: uppercase;
  font-family: "Pokemon";
}
.back-quarto::after {
  bottom: 30%;
  height: 10px;
  background-color: white;
}
.back-quarto::before {
  top: 20%;
  height: 10px;
  background-color: white;
}

.dicas-quinto {
  background-color: #9a0429;
  padding: 8px 32px 8px 16px;
  font-size: 14px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
}
.dicas-quinto::after {
  top: 35%;
  right: 22%;
  background-color: white;
}
.dicas-quinto::before {
  top: 35%;
  right: 14%;
  background-color: white;
}

.quinto-panel {
  background-image: url(../img/bg-dicas-quinto.png);
  background-size: cover;
  top: 5%;
  right: 7%;
  width: 600px;
  color: #fff;
  aspect-ratio: 55/31;
}
.quinto-panel .panel-lista {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 312px;
}
.quinto-panel ul {
  padding: 0px 32px 0 108px;
  font-size: 16px;
}

.back-quinto {
  background-color: #9a0429;
  padding: 10px 32px 10px 16px;
  font-size: 16px;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
}
.back-quinto::after {
  background-color: white;
}
.back-quinto::before {
  background-color: white;
}

@media (max-width: 1440px) {
  .historytwo {
    width: 720px;
  }
  .section-tv {
    width: 720px;
  }
  .computador-terceiro-andar {
    width: 1000px;
  }
  .terceiro-tv {
    width: 960px;
  }
  .quarta-tv {
    width: 960px;
  }
  .laptop-videos {
    width: 570px;
  }
  .laptop-botoes {
    margin-top: 27px;
    margin-left: 6px;
  }
}
@media (max-width: 1200px) {
  .quarto_andar {
    height: 590px;
    width: 630px;
  }
  .quarto-content {
    padding: 90px 90px 0 60px;
  }
  .quarto-menu {
    padding: 16px 0;
  }
  .iphone-quarto-andar {
    width: 390px;
  }
  .iphone-btn {
    width: 160px;
  }
  .quarta-tv {
    width: 800px;
  }
  .laptop-videos {
    width: 480px;
  }
  .laptop-botoes {
    margin-top: 22px;
  }
  .laptop-button {
    padding: 6px;
    font-size: 12px;
    width: 140px;
  }
  .terceiro_andar {
    height: 610px;
    width: 450px;
  }
  .terceiro-content {
    padding: 50px 60px 0;
  }
  .terceiro-menu {
    padding: 28px 0;
    font-size: 18px;
  }
  .terceiro-close {
    right: -20%;
  }
  .computador-terceiro-andar {
    width: 900px;
  }
  .video-btn {
    font-size: 16px;
  }
  .revista {
    width: 800px;
  }
  .paginas-revista img {
    height: 540px;
  }
  .terceiro-tv {
    width: 800px;
  }
  .segundo_andar {
    height: 600px;
    width: 420px;
  }
  .segundo-close {
    right: -15%;
  }
  .segundo-content {
    padding: 135px 0 0;
  }
  .segundo-menu {
    padding: 18px 0;
    font-size: 14px;
  }
  .section-tv {
    width: 600px;
  }
  .tv-close {
    right: -15%;
  }
  .primeiro_andar {
    height: 600px;
    width: 450px;
  }
  .box-content {
    padding: 115px 0;
  }
  .primeiro-menu {
    padding: 7px 0;
    font-size: 21px;
  }
  .primeiro-active {
    font-size: 22px;
  }
  .historytwo {
    width: 600px;
  }
  .historytwo-options p {
    font-size: 64px;
  }
  .poster {
    width: 780px;
  }
  .vitrine-andar-2 .vitrine-titulo {
    font-size: 32px;
    margin: 48px auto 0;
  }
  .poster-body {
    height: 240px;
  }
}
@media (max-width: 991px) {
  .idiomas {
    top: 4.7%;
    right: 18%;
  }
  .dicas-saguao {
    padding: 4px 32px 4px 14px;
    font-size: 14px;
  }
  .saguao-panel {
    width: 420px;
  }
  .saguao-panel .panel-lista {
    height: 287px;
  }
  .saguao-panel ul {
    font-size: 13px;
    margin-top: 14px;
  }
  .saguao-panel ul li {
    margin-bottom: 10px;
  }
  .primeiro-panel {
    width: 420px;
  }
  .primeiro-panel .panel-lista {
    height: 297px;
  }
  .primeiro-panel ul {
    font-size: 14px;
    padding: 0 32px 0 40px;
  }
  .segundo-panel {
    width: 420px;
  }
  .segundo-panel .panel-lista {
    height: 338px;
  }
  .segundo-panel ul {
    padding: 0 40px 0 48px;
    font-size: 16px;
  }
  .terceiro-panel {
    width: 420px;
    top: 9%;
  }
  .terceiro-panel .panel-lista {
    height: 290px;
  }
  .terceiro-panel ul {
    padding: 0 32px 0 48px;
    font-size: 14px;
  }
  .quarto-panel {
    width: 420px;
  }
  .quarto-panel .panel-lista {
    height: 242px;
  }
  .quarto-panel ul {
    padding: 18px 16px 0 32px;
    font-size: 12px;
  }
  .quinto-panel {
    width: 520px;
  }
  .quinto-panel .panel-lista {
    height: 294px;
  }
  .quinto-panel ul {
    padding: 2px 32px 0 96px;
    font-size: 14px;
  }
  .saguao {
    height: 100dvh;
    width: 93.92dvh;
    transform: scale(0.8);
  }
  .close-saguao {
    width: 25px;
    height: 25px;
  }
  .close-saguao::before {
    width: 20px;
    left: 30%;
  }
  .close-saguao::after {
    width: 20px;
    left: 30%;
  }
  .iframe-modal .btn-fechar {
    width: 40px;
    top: -10%;
  }
  .saguao-content {
    padding: 24px;
  }
  .saguao-menu {
    padding: 4dvh 0;
    width: 90%;
    font-size: max(1.4vw, 8px);
  }
  .primeiro_andar {
    height: 100dvh;
    width: 75.76dvh;
    transform: scale(0.8);
  }
  .primeiro_andar {
    background-size: cover;
    background-position: center;
  }
  .button-close {
    width: 32px;
    height: 32px;
    top: 4%;
    right: -5%;
  }
  .button-close::before {
    left: 15%;
    width: 24px;
  }
  .button-close::after {
    left: 15%;
    width: 24px;
  }
  .box-content {
    padding: 17dvh 0 0;
  }
  .primeiro-menu {
    padding: 2.7dvh 0;
    margin: 0px auto;
    width: 78%;
    font-size: max(1.2vw, 9px);
  }
  .primeiro-active {
    width: 85%;
    font-size: max(1.4vw, 11px);
    box-shadow: -7px 12px 0px rgba(0, 0, 0, 0.4);
    padding: 1.8dvh 0;
  }
  .jornal {
    width: 500px;
    height: 300px;
  }
  .video-jornal-1 {
    width: 490px;
    height: 90px;
  }
  .video-jornal-2 {
    width: 300px;
    height: 590px;
    top: 90px;
  }
  .video-jornal-3 {
    width: 200px;
    height: 320px;
    top: 90px;
  }
  .video-jornal-4 {
    width: 200px;
    height: 260px;
    top: 410px;
  }
  .poster {
    width: 530px;
  }
  .vitrine-primeiro {
    right: 5%;
    top: 12%;
    font-size: 8px;
  }
  .dropdown-vitrine {
    padding: 4px;
    width: 120px;
  }
  .segundo_andar {
    height: 100dvh;
    width: 70.49dvh;
    transform: scale(0.8);
  }
  .segundo-close {
    width: 48px;
    height: 48px;
    top: 6%;
    right: -3%;
  }
  .segundo-close::before {
    width: 24px;
    height: 3px;
    top: 45%;
    left: 27%;
  }
  .segundo-close::after {
    width: 24px;
    height: 3px;
    top: 45%;
    left: 27%;
  }
  .segundo-content {
    padding: 23dvh 0px 0 0;
  }
  .segundo-menu {
    padding: 2.8dvh 0;
    width: 90%;
    font-size: max(0.9vw, 6px);
  }
  .segundo-menu .flex {
    display: grid;
    gap: 4px;
  }
  .segundo-active {
    border-radius: 12px;
  }
  .publi {
    width: 500px;
  }
  .vitrine-andar-2 .vitrine-titulo {
    font-size: 24px;
    margin: 0 auto 18px;
  }
  .vitrine-segundo {
    right: 5%;
    top: 15%;
    font-size: 8px;
  }
  .terceiro_andar {
    height: 100dvh;
    width: 73.22dvh;
    transform: scale(0.8);
  }
  .terceiro-close {
    width: 64px;
    height: 64px;
    right: -10%;
  }
  .terceiro-close::before {
    width: 32px;
    height: 3px;
    top: 50%;
    left: 25%;
  }
  .terceiro-close::after {
    width: 32px;
    height: 3px;
    top: 50%;
    left: 25%;
  }
  .terceiro-content {
    padding: 10dvh 10dvh 0;
  }
  .terceiro-menu {
    padding: 4dvh 0;
    font-size: max(1.2vw, 9px);
  }
  .terceiro-active {
    text-shadow: rgb(38, 37, 55) 4px 0px 0px, rgb(38, 37, 55) 3.87565px 0.989616px 0px, rgb(38, 37, 55) 3.51033px 1.9177px 0px, rgb(38, 37, 55) 2.92676px 2.72656px 0px, rgb(38, 37, 55) 2.16121px 3.36588px 0px, rgb(38, 37, 55) 1.26129px 3.79594px 0px, rgb(38, 37, 55) 0.282949px 3.98998px 0px, rgb(38, 37, 55) -0.712984px 3.93594px 0px, rgb(38, 37, 55) -1.66459px 3.63719px 0px, rgb(38, 37, 55) -2.51269px 3.11229px 0px, rgb(38, 37, 55) -3.20457px 2.39389px 0px, rgb(38, 37, 55) -3.69721px 1.52664px 0px, rgb(38, 37, 55) -3.95997px 0.56448px 0px, rgb(38, 37, 55) -3.97652px -0.432781px 0px, rgb(38, 37, 55) -3.74583px -1.40313px 0px, rgb(38, 37, 55) -3.28224px -2.28625px 0px, rgb(38, 37, 55) -2.61457px -3.02721px 0px, rgb(38, 37, 55) -1.78435px -3.57996px 0px, rgb(38, 37, 55) -0.843183px -3.91012px 0px, rgb(38, 37, 55) 0.150409px -3.99717px 0px, rgb(38, 37, 55) 1.13465px -3.8357px 0px, rgb(38, 37, 55) 2.04834px -3.43574px 0px, rgb(38, 37, 55) 2.83468px -2.82216px 0px, rgb(38, 37, 55) 3.44477px -2.03312px 0px, rgb(38, 37, 55) 3.84068px -1.11766px 0px, rgb(38, 37, 55) 3.9978px -0.132717px 0px;
  }
  .computador-terceiro-andar {
    width: 410px;
  }
  .computador-close {
    width: 40px;
    height: 40px;
  }
  .video-btn {
    font-size: 8px;
    margin-bottom: 6px;
    margin-left: 14px;
  }
  .iframe-voltar {
    font-size: 8px;
    margin-left: 14px;
    top: 10%;
  }
  .mg-top {
    margin-top: 20px;
  }
  .vitrine-terceiro {
    right: 10%;
    top: 10%;
    font-size: 8px;
  }
  .quarto_andar {
    height: 95.89dvh;
    width: 100dvh;
    transform: scale(0.8);
  }
  .quarto-close {
    width: 24px;
    height: 24px;
    top: 12%;
    right: 12%;
  }
  .quarto-content {
    padding: 18dvh 12dvh 0px 9dvh;
  }
  .quarto-menu {
    padding: 1.5dvh 0;
    font-size: max(0.3rem, 6px);
  }
  .quarto-menu h2:first-child {
    padding: 1.3dvh 0;
    font-size: max(0.6rem, 6px);
  }
  .quarto-menu h2:last-child {
    padding: 1.4dvh 0;
  }
  .laptop-videos {
    width: 250px;
  }
  .laptop-button {
    padding: 5px;
    font-size: 7px;
    width: 80px;
  }
  .laptop-botoes {
    margin-top: 10px;
  }
  .laptop-button {
    padding: 3px;
    font-size: 7px;
    width: 77px;
    border: 1px solid white;
  }
  .vitrine-andar-4 .vitrine-titulo {
    font-size: 22px;
    margin: 0px auto 24px;
  }
  .vitrine-quarto {
    right: 8%;
    top: 13%;
    font-size: 8px;
  }
  .quinto_andar {
    height: 100dvh;
    width: 93.23dvh;
    transform: scale(0.8);
  }
  .quinto-close {
    width: 4vw;
    height: 4vw;
  }
  .quinto-close::before, .quinto-close::after {
    top: 47%;
    left: 20%;
    width: 20px;
  }
  .quinto-content {
    padding: 15dvh 10dvh 0 20dvh;
  }
  .quinto-menu {
    padding: 2.8dvh 0;
    width: 90%;
    font-size: max(1.31vw, 8px);
  }
  .quinto-menu h2:last-child {
    margin-top: -7.5px;
  }
  .vitrine-quinto {
    right: 12%;
    top: 10%;
    font-size: 8px;
  }
  .vitrine-andar-5 {
    width: 580px;
    height: 300px;
  }
  .vitrine-andar-5 .main {
    padding: 0;
    position: relative;
    height: auto;
  }
  .vitrine-andar-5 .poster-body {
    height: 170px;
  }
  .vitrine-andar-5 .vitrine-titulo {
    font-size: 22px;
    margin: 12px auto 6px;
  }
  .vitrine-andar-5 .poster-body {
    height: 150px;
  }
  .vitrine-andar-5 .splide__arrow--prev {
    left: -5%;
    width: 40px;
    height: 70px;
  }
  .vitrine-andar-5 .splide__arrow--next {
    right: -5%;
    width: 40px;
    height: 70px;
  }
  .vitrine-andar-5 .splide {
    max-width: 75% !important;
  }
  .vitrine-legenda {
    width: 60%;
    font-size: 12px;
  }
  .splide__slide {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .splide__slide > div {
    position: relative;
    width: auto;
  }
  .splide__slide > div img {
    width: 100%;
    height: 100px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .vitrine-andar-4 {
    width: 550px;
    height: 300px;
  }
  .vitrine-andar-4 .main {
    padding: 40px 24px 0;
    position: relative;
    height: auto;
  }
  .vitrine-andar-4 .poster-body {
    height: 170px;
  }
  .vitrine-andar-4 .vitrine-titulo {
    font-size: 22px;
    margin: 0px auto 6px;
  }
  .vitrine-andar-4 .poster-body {
    height: 150px;
  }
  .vitrine-andar-4 .splide__arrow--prev {
    left: -10%;
    width: 55px;
    height: 55px;
  }
  .vitrine-andar-4 .splide__arrow--next {
    right: -10%;
    width: 55px;
    height: 55px;
  }
  .vitrine-legenda {
    width: 60%;
    font-size: 12px;
  }
  .splide__slide > div {
    position: relative;
    width: auto;
  }
  .vitrine-andar-4 .splide__slide > div img {
    width: 100%;
    height: 105px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .vitrine-andar-3 {
    width: 520px;
    height: 300px;
  }
  .vitrine-andar-3 .main {
    padding: 0 24px;
    position: relative;
    height: auto;
  }
  .vitrine-andar-3 .poster-body {
    height: 170px;
  }
  .vitrine-andar-3 .vitrine-titulo {
    font-size: 22px;
    margin: 0px auto;
  }
  .vitrine-andar-3 .poster-body {
    height: 150px;
  }
  .vitrine-andar-3 .splide__arrow--prev {
    left: -10%;
    width: 55px;
    height: 55px;
  }
  .vitrine-andar-3 .splide__arrow--next {
    right: -10%;
    width: 55px;
    height: 55px;
  }
  .vitrine-legenda {
    width: 60%;
    font-size: 12px;
  }
  .splide__slide > div {
    position: relative;
    width: auto;
  }
  .vitrine-andar-3 .splide__slide > div img {
    width: 100%;
    height: 105px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .vitrine-andar-2 {
    width: 407px !important;
  }
  .vitrine-andar-2 .main {
    padding: 0;
    position: relative;
    height: -moz-fit-content;
    height: fit-content;
    width: 90%;
    margin: auto;
  }
  .vitrine-andar-2 .vitrine-titulo {
    font-size: 24px;
    margin: 0px auto;
  }
  .vitrine-andar-2 .poster-body {
    height: 100px;
  }
  .vitrine-andar-2 .splide__arrow--prev {
    left: -15%;
    width: 55px;
    height: 55px;
  }
  .vitrine-andar-2 .splide__arrow--next {
    right: -15%;
    width: 55px;
    height: 55px;
  }
  .vitrine-legenda {
    width: 60%;
    font-size: 12px;
  }
  .splide__slide > div {
    position: relative;
    width: auto;
  }
  .vitrine-andar-2 .splide__slide > div img {
    width: 100%;
    height: 90px;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .vitrine-andar-2 .splide__list .splide__slide > div {
    transform: none;
  }
  .vitrine-andar-2 .vitrine-andar-2 .splide__slide > div img {
    height: 90px;
  }
  .vitrine-andar-2 .vitrine-legenda {
    width: 90%;
    font-size: 12px;
  }
  .vitrine-andar-1 {
    width: 530px;
    height: 300px;
  }
  .vitrine-andar-1 .main {
    padding: 0;
    position: relative;
    height: auto;
  }
  .vitrine-andar-1 .poster-body {
    height: 170px;
  }
  .vitrine-andar-1 .vitrine-titulo {
    font-size: 24px;
    margin: 0 auto;
  }
  .vitrine-andar-1 .poster-body {
    height: 150px;
  }
  .vitrine-andar-1 .splide__arrow--prev {
    left: -20%;
    width: 40px;
    height: 70px;
  }
  .vitrine-andar-1 .splide__arrow--next {
    right: -20%;
    width: 40px;
    height: 70px;
  }
  .vitrine-andar-1 .splide__list .is-active > div {
    transform: scale(1.1);
  }
  .vitrine-andar-1 .splide {
    max-width: 75% !important;
  }
  .vitrine-andar-1 .splide__slide > div img {
    height: 125px;
  }
  .main-vitrine {
    gap: 12px;
  }
  .swiperVitrinePrimeiro {
    height: 160px;
  }
  .arrow-primeiro-left,
  .arrow-primeiro-right {
    width: 50px;
    height: 83px;
  }
  .swiperVitrineSegundo {
    height: 100px;
  }
  .arrow-segundo-left {
    left: -10%;
    width: 50px;
    height: 50px;
  }
  .arrow-segundo-right {
    right: -10%;
    width: 50px;
    height: 50px;
  }
  .swiper-wrapper-segundo .swiper-slide-active {
    border: 3px solid #FE7433;
  }
  .swiperVitrineTerceiro {
    height: 140px;
  }
  .arrow-terceiro-right {
    right: -8%;
    width: 70px;
    height: 77px;
  }
  .arrow-terceiro-left {
    left: -8%;
    width: 70px;
    height: 77px;
  }
  .swiperVitrineQuarto {
    height: 140px;
  }
  .arrow-quarto-right {
    width: 60px;
    height: 59px;
  }
  .arrow-quarto-left {
    width: 60px;
    height: 59px;
  }
  .swiperVitrineQuinto {
    height: 150px;
    width: 75%;
  }
  .arrow-quinto-right {
    width: 36px;
    height: 67px;
  }
  .arrow-quinto-left {
    width: 36px;
    height: 67px;
  }
  .publicidade-quinto {
    right: 12%;
    top: 20%;
    font-size: 8px;
  }
  .modal-btn {
    margin: 12px auto 0;
    font-size: 14px;
  }
  .img-3d {
    width: 50%;
    margin: auto;
    display: block;
  }
  .historytwo {
    width: 250px;
    height: 250px;
    transform: none;
  }
  .section-tv {
    width: 270px;
    transform: none;
  }
  .tv-close {
    right: -25%;
    width: 48px;
    height: 48px;
  }
  .tv-close::before {
    width: 24px;
    left: 25%;
  }
  .tv-close::after {
    width: 24px;
    left: 25%;
  }
  .paginas-revista img {
    height: 250px;
  }
  .revista {
    width: 370px;
    transform: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .revista-close {
    right: 0;
    top: 5%;
    width: 48px;
    height: 48px;
  }
  .revista-close::before {
    width: 24px;
    left: 25%;
  }
  .revista-close::after {
    width: 24px;
    left: 25%;
  }
  .terceiro-tv {
    width: 330px;
    transform: none;
  }
  .quarta-tv {
    width: 320px;
    transform: none;
  }
  .terceiro-close {
    width: 48px;
    height: 48px;
    right: -20%;
  }
  .terceiro-close::before {
    width: 24px;
    left: 30%;
  }
  .terceiro-close::after {
    width: 24px;
    left: 30%;
  }
  .laptop-quarto-andar {
    height: 80%;
  }
  .notebook-quinto-andar {
    height: 80%;
  }
  .notebook-button.notebook-active {
    width: 60px;
  }
  .iphone-quinto-andar {
    width: 120px;
  }
  .iphone-12-botao {
    border-radius: 18px;
  }
  .iphone-12-close {
    width: 40px;
    height: 40px;
    right: -50%;
  }
  .iphone-12-close::before {
    width: 24px;
    left: 20%;
  }
  .iphone-12-close::after {
    width: 24px;
    left: 20%;
  }
}/*# sourceMappingURL=style.css.map */