* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  height: 100%;
  width: 100%;
}

.desktop {
  display: block;
}
@media (max-width: 600px) {
  .desktop {
    display: none;
  }
}

.mobile {
  display: none;
}
@media (max-width: 600px) {
  .mobile {
    display: block;
  }
}

.hero {
  display: flex;
  justify-content: flex-start;
  padding: 0 130px;
  align-items: center;
  min-height: 105vh;
  background: url(assets/herobg.webp) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;
  
}
.hero .line1 {
  position: absolute;
  top: 22px;
  left: 0;
  width: 100%;
}
.hero .line2 {
  position: absolute;
  top: 28px;
  left: 0;
  width: 100%;
}
.hero .line3 {
  position: absolute;
  bottom: 28px;
  left: 0;
  width: 100%;
}
.hero .line4 {
  position: absolute;
  bottom: 22px;
  left: 0;
  width: 100%;
}
.hero .ctaDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
}
.hero .ctaDiv p {
  color: #fff;
  font-family: "grand-central", sans-serif;
  font-size: 19px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
  margin-bottom: -60px;
}
.hero .ctaDiv h2 {
  color: #FFF;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  width: 494px;
}
.hero .ctaDiv a {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.2s;
}
.hero .ctaDiv a:hover {
  background: #3ef12e;
}
.hero .ctaDiv span {
  color: #fff;
  text-align: center;
  text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-family: PT Serif Pro Extended;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: 406px;
}
@media (max-width: 600px) {
  .hero {
    background: url(assets/herobgmob.webp) no-repeat center center;
    background-size: cover;
    padding: 51px 24px 0;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    min-height: 100vh;
    height: 767px;
  }
  .hero .logo {
    width: 330px;
    height: 215px;
  }
  .hero .ctaDiv p {
    color: rgba(248, 241, 213, 0.7);
    font-size: 15px;
    margin-bottom: -30px;
  }
  .hero .ctaDiv h2 {
    width: 342px;
  }
  .hero .ctaDiv a {
    margin-top: 28vh;
    padding: 16px 40px;
    text-align: center;
    max-width: 324px;
  }
  .hero .ctaDiv span {
    width: 342px;
  }
}

.about {
  display: flex;
  padding: 80px 140px 40px 140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 38px;
  overflow: hidden;
  background: url(assets/aboutbg.webp) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: 100vw;
}
.about h3 {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  width: 650px;
}
.about .gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 41px;
  margin-bottom: 35px;
}
.about .gallery img {
  width: 334px;
  height: 181px;
  object-fit: cover;
}
.about .gallery .firstRow {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 27px;
  width: 100vw;
  max-width: 1536px;
}
.about .gallery .secondRow {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 27px;
  width: 100vw;
  max-width: 1536px;
}
.about .desc {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  max-width: 650px;
}
.about .desc strong {
  font-weight: 400;
}
.about .gallery2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 41px;
  margin-bottom: 35px;
}
.about .gallery2 img {
  width: 354px;
  height: 192px;
  object-fit: cover;
}
.about .gallery2 .firstRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  width: 100vw;
}
.about .gallery2 .secondRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 27px;
  width: 100vw;
}
.about span {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 34px;
  font-weight: 700;
  line-height: 120%;
  max-width: 650px;
}
@media screen and (min-width: 769px) and (max-width: 1397px) {
  .about {
    background-size: cover;
    margin-top: -2px;
  }
}
@media (max-width: 600px) {
  .about {
    display: flex;
    padding: 56px 24px 40px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    background: url(assets/aboutbg.webp) no-repeat center center;
    background-size: cover;
    margin-top: -2px;
  }
  .about h3 {
    text-align: center;
    font-family: "grand-central", sans-serif;
    font-size: 31px;
    font-weight: 700;
    line-height: 120%;
    width: 342px;
  }
  .about .gallery {
    gap: 13px;
    margin-bottom: unset;
  }
  .about .gallery img {
    width: unset;
    height: unset;
  }
  .about .gallery .firstRow, .about .gallery .secondRow {
    gap: 13px;
  }
  .about .gallery2 {
    gap: 13px;
    margin-bottom: unset;
  }
  .about .gallery2 img {
    width: unset;
    height: unset;
  }
  .about .gallery2 .firstRow, .about .gallery2 .secondRow {
    gap: 13px;
  }
  .about .desc {
    width: 342px;
  }
  .about .desc strong {
    font-weight: 700;
  }
  .about span {
    font-size: 28px;
    width: 342px;
  }
}

.who {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  padding: 40px 140px 80px 140px;
  gap: 40px;
  background: #080B12;
}
.who .title {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.who .iconFlex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.who .iconFlex .icon, .who .iconFlex .icon2, .who .iconFlex .icon3 {
  display: flex;
  padding: 0px 32px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  align-self: stretch;
  border-right: 1px solid #D9C99F;
  border-left: 1px solid #D9C99F;
  background: rgba(248, 241, 213, 0);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
}
.who .iconFlex .icon p, .who .iconFlex .icon2 p, .who .iconFlex .icon3 p {
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}
.who a {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.2s;
}
.who a:hover {
  background: #3ef12e;
}
@media screen and (min-width: 769px) and (max-width: 1397px) {
  .who {
    margin-top: -2px;
  }
}
@media (max-width: 600px) {
  .who {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    padding: 40px 24px 56px 24px;
    margin-top: -2px;
  }
  .who .title {
    font-size: 31px;
  }
  .who .iconFlex {
    flex-direction: column;
  }
  .who .iconFlex .icon, .who .iconFlex .icon2, .who .iconFlex .icon3 {
    padding: 32px 0px;
    border-left: unset;
    border-right: unset;
    border-top: 1px solid #D9C99F;
    border-bottom: 1px solid #D9C99F;
  }
  .who .iconFlex .icon p, .who .iconFlex .icon2 p, .who .iconFlex .icon3 p {
    width: 342px;
  }
  .who .iconFlex .icon p strong, .who .iconFlex .icon2 p strong, .who .iconFlex .icon3 p strong {
    font-size: 18px;
  }
}

.list {
  display: flex;
  padding: 40px 140px 80px 140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 40px;
  align-self: stretch;
  background: #080B12;
}
.list .title {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  max-width: 809px;
}
.list span {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 24px;
  font-weight: 700;
  max-width: 564px;
}
.list .operas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 35px;
}
.list .operas .first, .list .operas .second {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 25px;
}
.list .operas .first .item, .list .operas .second .item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
.list .operas .first .item img, .list .operas .second .item img {
  width: 341px;
  height: 324px;
}
.list .operas .first .item strong, .list .operas .second .item strong {
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 25px;
  font-weight: 800;
  line-height: 120%;
}
.list .operas .first .item p, .list .operas .second .item p {
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  max-width: 341px;
}
.list .listFooter {
  display: flex;
  padding: 40px 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 8px;
  border-bottom: 1px solid #ECE0B9;
  background: rgba(241, 241, 241, 0.05);
}
.list .listFooter p {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
.list .listFooter strong {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
}
@media (max-width: 600px) {
  .list {
    display: flex;
    padding: 40px 24px 56px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: -2px;
  }
  .list .title {
    font-size: 31px;
  }
  .list span {
    width: 342px;
  }
  .list .operas .first, .list .operas .second {
    flex-direction: column;
    align-items: center;
  }
  .list .listFooter strong {
    width: 295px;
  }
}

.adquira {
  display: flex;
  padding: 80px 140px 40px 140px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  align-self: stretch;
  background: #080B12;
}
.adquira .title {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.adquira .flexDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
.adquira .flexDiv .flexItem {
  display: flex;
  padding: 24px;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid #D9C99F;
  background: rgba(248, 241, 213, 0.04);
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.15);
}
.adquira .flexDiv .flexItem .textFlex {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-left: 24px;
  border-left: 1px solid #D9C99F;
}
.adquira .flexDiv .flexItem .textFlex .title {
  color: #ECE0B9;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}
.adquira .flexDiv .flexItem .textFlex .title strong {
  font-weight: 800;
}
.adquira .flexDiv .flexItem .textFlex .desc {
  color: white;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  max-width: 740px;
}
.adquira a {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
  transition: 0.2s;
}
.adquira a:hover {
  background: #3ef12e;
}
@media (max-width: 600px) {
  .adquira {
    display: flex;
    padding: 56px 24px 40px 24px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .adquira .title {
    font-size: 31px;
    margin-bottom: 20px;
  }
  .adquira .flexDiv .flexItem {
    flex-direction: column;
    align-items: flex-start;
  }
  .adquira .flexDiv .flexItem .textFlex {
    border-left: unset;
    padding-left: unset;
  }
  .adquira .flexDiv .flexItem .textFlex .title {
    margin-bottom: unset;
  }
  .adquira .flexDiv .flexItem .textFlex p {
    text-align: left;
  }
  .adquira .flexDiv .flexItem .textFlex .desc {
    width: 294px;
  }
  .adquira a {
    text-align: center;
  }
}

.bonus {
  display: flex;
  padding: 80px 140px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  background: #080B12;
}
.bonus .flexDiv {
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 1160px;
  border-radius: 12px;
  border: 1px solid #ECE0B9;
  background: #252013;
  position: relative;
}
.bonus .flexDiv .flag {
  position: absolute;
  top: 0;
  left: 42px;
}
.bonus .flexDiv strong {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.bonus .flexDiv span {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 24px;
  font-weight: 700;
  margin-top: -24px;
}
.bonus .flexDiv .flexRow {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
.bonus .flexDiv .flexRow .flexItem {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex: 1 0 0;
  border-radius: 8px;
  border: 1px solid #D9C99F;
  background: rgba(248, 241, 213, 0.04);
  box-shadow: 0px 4px 64px 0px #000;
}
.bonus .flexDiv .flexRow .flexItem .flexText {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-left: 1px solid #D9C99F;
  padding-left: 24px;
  gap: 8px;
}
.bonus .flexDiv .flexRow .flexItem .flexText strong {
  color: #ECE0B9;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 20px;
  font-weight: 800;
  line-height: 120%;
}
.bonus .flexDiv .flexRow .flexItem .flexText p {
  color: white;
  font-family: "pt-serif-pro-extended", sans-serif;
  line-height: 140%;
  max-width: 360px;
}
@media (max-width: 600px) {
  .bonus {
    padding: 56px 24px;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    align-self: stretch;
    margin-top: -2px;
  }
  .bonus .flexDiv {
    padding: 72px 32px 32px 32px;
  }
  .bonus .flexDiv span {
    font-size: 18px;
  }
  .bonus .flexDiv .flag {
    left: 21px;
    width: 32px;
  }
  .bonus .flexDiv strong {
    width: 278px;
    font-size: 31px;
  }
  .bonus .flexDiv .flexRow {
    flex-direction: column;
  }
  .bonus .flexDiv .flexRow .flexItem {
    display: flex;
    padding: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
  }
  .bonus .flexDiv .flexRow .flexItem .flexText {
    border-left: unset;
    padding-left: unset;
    width: 230px;
  }
  .bonus .flexDiv .flexRow .flexItem .flexText strong {
    max-width: 230px;
    text-align: left;
  }
}

.alvaro {
  display: flex;
  justify-content: center;
  padding: 80px 140px;
  align-items: flex-start;
  gap: 64px;
  background: #080B12;
}
.alvaro .wrapper {
  display: flex;
  align-items: flex-start;
  gap: 64px;
  background: #080B12;
}
.alvaro .textDiv {
  display: flex;
  min-width: 200px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  flex: 1 0 0;
  align-self: stretch;
}
.alvaro .textDiv .title {
  color: #ECE0B9;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.alvaro .textDiv .desc {
  color: #ECE0B9;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 1px;
  max-width: 505px;
}
.alvaro .textDiv .desc strong {
  font-weight: 700;
}
.alvaro .textDiv a {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
  transition: 0.2s;
}
.alvaro .textDiv a:hover {
  background: #3ef12e;
}
@media screen and (min-width: 769px) and (max-width: 1397px) {
  .alvaro .textDiv .title {
    font-size: 31px;
  }
  .alvaro .textDiv .desc {
    font-size: 14px;
  }
}
@media (max-width: 600px) {
  .alvaro {
    margin-top: -2px;
    flex-direction: column-reverse;
    padding: 24px;
    gap: 24px;
    align-items: center;
  }
  .alvaro .wrapper {
    flex-direction: column-reverse;
    gap: 24px;
  }
  .alvaro .textDiv .title {
    font-size: 31px;
    text-align: center;
  }
  .alvaro .textDiv .desc {
    width: 338px;
  }
  .alvaro .textDiv a {
    text-align: center;
  }
}

.oferta {
  display: flex;
  padding: 80px 140px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  background: linear-gradient(180deg, #080B12 0%, #1B2232 100%);
}
.oferta .ofertaBorder {
  display: flex;
  padding: 5px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 12px;
  border: 1px solid #ECE0B9;
  box-shadow: 0px 4px 94px 0px #756439;
}
.oferta .ofertaFlex {
  display: flex;
  width: 600px;
  max-width: 600px;
  padding: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  border-radius: 12px;
  border: 1px solid #D9C99F;
  background: linear-gradient(180deg, #202A42 0%, #101A32 100%);
}
.oferta .ofertaFlex .title {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
.oferta .ofertaFlex .ofertaList {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: transparent;
}
.oferta .ofertaFlex .ofertaList .item, .oferta .ofertaFlex .ofertaList .itemEsp {
  display: flex;
  align-items: center;
  align-self: stretch;
}
.oferta .ofertaFlex .ofertaList .item .itemImg, .oferta .ofertaFlex .ofertaList .itemEsp .itemImg {
  display: flex;
  padding: 10px;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 4px 0 0 4px;
  background: rgba(255, 255, 255, 0.06);
}
.oferta .ofertaFlex .ofertaList .item .itemText, .oferta .ofertaFlex .ofertaList .itemEsp .itemText {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 0 4px 4px 0;
  background: rgba(255, 255, 255, 0.04);
}
.oferta .ofertaFlex .ofertaList .item .itemText p, .oferta .ofertaFlex .ofertaList .itemEsp .itemText p {
  padding-left: 16px;
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  min-width: 466px;
}
.oferta .ofertaFlex .ofertaList .itemEsp .itemImg {
  background: rgb(77, 68, 59);
}
.oferta .ofertaFlex .ofertaList .itemEsp .itemText {
  background: rgba(111, 83, 39, 0.5);
}
.oferta .ofertaFlex .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.oferta .ofertaFlex .price .up {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.oferta .ofertaFlex .price .up p {
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
}
.oferta .ofertaFlex .price .up p strong {
  text-decoration-line: line-through;
}
.oferta .ofertaFlex .parcelas {
  margin-top: 10px;
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: normal;
}
.oferta .ofertaFlex .parcelas strong {
  color: #ECE0B9;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 27px;
  font-weight: 700;
}
.oferta .ofertaFlex .parcelas span {
  font-size: 37px;
}
.oferta .ofertaFlex a {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
  transition: 0.2s;
}
.oferta .ofertaFlex a:hover {
  background: #3ef12e;
}
@media (max-width: 600px) {
  .oferta {
    margin-top: -2px;
    padding: 56px 24px;
  }
  .oferta .ofertaFlex {
    width: 332px;
  }
  .oferta .ofertaFlex .title {
    font-size: 31px;
  }
  .oferta .ofertaFlex .ofertaList .item, .oferta .ofertaFlex .ofertaList .itemEsp {
    align-self: unset;
  }
  .oferta .ofertaFlex .ofertaList .item .itemText, .oferta .ofertaFlex .ofertaList .itemEsp .itemText {
    align-self: unset;
    height: 44px;
  }
  .oferta .ofertaFlex .ofertaList .item .itemText p, .oferta .ofertaFlex .ofertaList .itemEsp .itemText p {
    min-width: unset;
    width: 260px;
    font-size: 15px;
  }
  .oferta .ofertaFlex a {
    text-align: center;
  }
}

.garantia {
  display: flex;
  padding: 40px 140px;
  flex-direction: column;
  align-items: center;
  gap: 25px;
  background: #1B2232;
}
.garantia strong {
  color: #FFF;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 31px;
  font-weight: 700;
  line-height: 120%;
}
.garantia p {
  color: #FFF;
  text-align: center;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 160%;
  max-width: 700px;
}
.garantia a {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-decoration: none;
  transition: 0.2s;
}
.garantia a:hover {
  background: #3ef12e;
}
@media (max-width: 600px) {
  .garantia {
    margin-top: -2px;
    padding: 80px 24px;
  }
  .garantia strong {
    margin-top: -35px;
  }
  .garantia a {
    text-align: center;
  }
}

#faq {
  background: #1B2232;
  display: flex;
  padding: 80px 140px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
#faq strong {
  color: #ECE0B9;
  text-align: center;
  font-family: "grand-central", sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
}
#faq .asks {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 660px;
}
#faq .asks .ask {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
#faq .asks .ask.active .answer {
  padding: 20px;
  height: auto;
}
#faq .asks .ask .answer {
  padding: 20px;
  color: #FFF;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  height: 0;
  padding: 0 2.4rem;
  transition: all 0.5s ease;
}
#faq .asks .ask .title-wrapper {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid rgba(65, 81, 112, 0.2);
}
#faq .asks .ask .title-wrapper p {
  color: #ECE0B9;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
#faq .asks .ask:first-child {
  border-top: 1px solid rgba(65, 81, 112, 0.2);
}
#faq .whatsBtn {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background: #82FF77;
  box-shadow: 0px 0px 44px 0px rgba(130, 255, 119, 0.35);
  color: #0F1219;
  font-family: "pt-serif-pro-extended", sans-serif;
  font-size: 16px;
  font-weight: 800;
  line-height: 120%;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.2s;
}
#faq .whatsBtn:hover {
  background: #3ef12e;
}
@media (max-width: 600px) {
  #faq {
    margin-top: -2px;
    padding: 33px;
  }
  #faq strong {
    font-size: 28px;
  }
  #faq .asks .ask .title-wrapper p {
    width: 308px;
  }
  #faq .whatsBtn {
    width: unset;
    line-height: 100%;
    text-align: center;
  }
}

footer {
  display: flex;
  flex-direction: column;
  padding: 24px 442px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  background: #171717;
  gap: 5px;
}
footer div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
footer div a {
  text-decoration: none;
  font-family: "pt-serif-pro-extended", sans-serif;
  color: #777777;
  text-align: center;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 1px;
  transition: 0.2s;
}
footer div a:hover {
  filter: brightness(110%);
}
footer p {
  color: #4D4D4D;
  text-align: center;
  font-size: 15px;
  line-height: 140%;
  letter-spacing: 1px;
  font-family: "pt-serif-pro-extended", sans-serif;
}
@media (max-width: 600px) {
  footer {
    padding: 24px;
  }
}

.whatsapp-btn {
  z-index: 999;
  position: fixed;
  bottom: 1rem;
  right: 6rem;
  transition: 0.2s;
}
.whatsapp-btn:hover {
  transform: scale(1.05);
}
@media (max-width: 600px) {
  .whatsapp-btn {
    bottom: 5rem;
    right: 1rem;
  }
}

/*# sourceMappingURL=style.min.css.map */

/* ========== RESET LOCAL e FORÇA DE LAYOUT para a seção Feedbacks ========== */
/* Cole este bloco no FINAL do seu style.css para garantir que sobrescreva estilos anteriores */


#feedbacks {
 /* garante que a sessão fique abaixo de floats / elementos fixos */
 clear: both !important;
 position: relative !important;
 z-index: 2 !important;


 /* espaçamento suficiente para separar das seções acima/abaixo */
 padding: 100px 20px !important;     /* ajuste o 100px se quiser menos/mais */
 margin-top: 0px !important;


 /* fundo e alinhamento */
 background-color: #000000 !important; /* cor suave — ajuste se quiser */
 text-align: center !important;


 /* evita que estilos globais (ex: transform, overflow) afetem aqui */
 overflow: visible !important;
 box-sizing: border-box !important;
}


/* Contêiner interno para centralizar conteúdo e limitar largura */
#feedbacks .feedbacks-container {
 max-width: 1200px !important;
 margin: 0 auto !important;
 padding: 0 16px !important;
 box-sizing: border-box !important;
}


/* Título */
#feedbacks h2 {
 font-size: 32px !important;
 line-height: 1.2 !important;
 margin: 0 0 30px 0 !important;
 font-weight: 700 !important;
 color: #ffffff !important;
 text-shadow: none !important; /* remove sombras herdadas */
}


/* Grid de imagens */
#feedbacks .feedbacks-grid {
 display: grid !important;
 grid-template-columns: repeat(3, 1fr) !important;
 gap: 20px !important;
 align-items: start !important;
 justify-items: center !important;
}


/* Cada item */
#feedbacks .feedback-item {
 width: 100% !important;
 box-sizing: border-box !important;
 text-align: center !important;
}


/* Força as imagens a se comportarem corretamente */
#feedbacks .feedback-item img {
 display: block !important;
 width: 100% !important;
 height: auto !important;
 max-height: 350px !important;    /* evita imagens gigantes */
 object-fit: cover !important;
 border-radius: 10px !important;
 box-shadow: 0 6px 18px rgba(0,0,0,0.12) !important;
 margin: 0 auto !important;
}


/* Responsivo */
@media (max-width: 992px) {
 #feedbacks .feedbacks-grid {
   grid-template-columns: repeat(2, 1fr) !important;
 }
}
@media (max-width: 480px) {
 #feedbacks {
   padding: 60px 12px !important;
 }
 #feedbacks .feedbacks-grid {
   grid-template-columns: 1fr !important;
   gap: 16px !important;
 }
}


/* DEBUG VISUAL (remova depois se quiser) */
/* #feedbacks { outline: 2px dashed rgba(0,0,0,0.08) !important; } */

/* Seção com fundo preto */
.video-section {
  background-color: #000;
  padding: 60px 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Caixa que mantém o vídeo responsivo */
.video-container {
  width: 100%;
  max-width: 900px; /* largura máxima do vídeo */
  aspect-ratio: 16 / 9; /* mantém proporção 16:9 */
}

/* Estilo do iframe */
.video-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}

.video-section p {
  color: #ffffff;
  font-size: 38px;
  font-weight: 700;
  margin-bottom: 40px;
}