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

html, body {
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: smooth;
  font-family: "Plus Jakarta Sans", sans-serif;
  background: #FFFCFB;
  overflow-x: hidden;
  width: 100%;
  height: 100%;
}

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

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

.container {
  margin: 0 auto;
  width: 90%;
}

.btn {
  text-align: center;
  width: 510px;
  line-height: 120%;
  text-transform: uppercase;
}
.btn p {
  padding: 8px 0;
  font-family: var(--Famlia-Primria, Mundial);
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.06);
  color: #82827C;
  padding: 8px 12px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  border-top-right-radius: 14px;
  border-top-left-radius: 14px;
  transition: 0.2s;
  font-size: 13px;
}
.btn a {
  font-family: var(--Famlia-Primria, Mundial);
  color: #ffffff;
  font-size: 22px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background-color: #2AB75F;
  padding: 26px;
  border-radius: 12px;
  line-height: 120%;
  box-shadow: 0px 4px 4px 0px rgba(69, 151, 100, 0.3);
}
.btn:hover p {
  color: rgb(130, 130, 124);
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 767px) {
  .btn {
    width: 358px;
  }
  .btn a {
    padding: 16px 24px;
  }
}

h1 {
  font-size: 36px;
  width: 640px;
  line-height: 140%;
}
@media (max-width: 767px) {
  h1 {
    font-size: 22px;
    width: 100%;
  }
}

h2 {
  font-size: 57px;
  line-height: 140%;
}
@media (max-width: 767px) {
  h2 {
    font-size: 32px;
  }
}

h3 {
  color: #FF6551;
  font-size: 36px;
  line-height: 120%;
}
@media (max-width: 767px) {
  h3 {
    font-size: 26px;
  }
}

h4 {
  font-size: 24px;
  color: #FF6551;
}

h5 {
  font-size: 22px;
  font-weight: 400;
  line-height: 140%;
}

.text-body {
  font-size: 22px;
  line-height: 140%;
  color: #63635E;
}

.text-caption {
  font-size: 18px;
}
@media (max-width: 767px) {
  .text-caption {
    font-size: 14px;
  }
}

.overline {
  font-size: 22px;
}

.text {
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.divisao {
  width: 100%;
}

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

/*
.countdown {
  background-image: url(../assets/headerbg.webp);
  width: 100%;
    padding: 16px 0;
    color: $white;
    position: sticky;
    top: 0;
  z-index: 99;

  @media (max-width: 767px) {
    width: 100%;
        &__btn {
            display: none;
        }

        .countdown__content {
          gap: 8px;
        }

        .text-caption {
          font-size: 13px;
          max-width: 130px;
        }
    }

    .text-caption {
        font-weight: 800;
        width: 180px;
    }

    &__content {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        margin: auto;
        gap: 20px
    }

    &__data {
        display: flex;

        &__card {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: 0 5px;
            gap: 2px;

            span {
                display: flex;
                justify-content: center;
                align-items: center;
                background-color: $white;
                color: #F02731;
                font-size: 22px;
                font-weight: 600;
                border-radius: 4px;
                background-image: url(../assets/images/Frame\ 300.webp);
                background-repeat: no-repeat;
                background-size: contain;
                padding: 8px;
                height: 34px;
                width: 34px;

            }
            p {
                font-size: 9px;
                font-weight: 800;
            }

        }
    }

    &__btn {
        width: 166px;
        color: $white;
        font-size: 14px;
        font-weight: 800;
        padding: 8px;
        background-color: #2AB75F;
        border-radius: 4px;
        line-height: 120%;
        box-shadow: 0px 4px 4px 0px rgba(69, 151, 100, 0.30);
        border: none;
    }
}
*/
header {
  background: url("../assets/images/section.webp") no-repeat;
  background-size: cover;
  background-position: top center;
}
@media (max-width: 767px) {
  header {
    background: url(../assets/images/image-m.webp) no-repeat;
    background-size: cover;
    background-position: center;
    min-height: unset;
  }
}

.hero {
  color: #ffffff;
}
.hero__text {
  padding: 90px 0;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 767px) {
  .hero__text {
    width: 90%;
    padding: 40px 0;
  }
}
.hero__text span {
  font-weight: 400;
}
.hero__text .logo {
  letter-spacing: 0.51px;
  font-size: 17px;
}
.hero__text p {
  font-size: 20px;
  color: #ffffff;
  max-width: 680px;
}
.hero__text .tarja {
  display: none;
}
.hero__text .btn p {
  font-size: 13px;
  background: rgba(255, 255, 255, 0.14);
  color: #ffffff;
}
.hero__text .btn:hover p {
  color: rgb(130, 130, 124);
  background-color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 1280px) {
  .hero__text h1 {
    font-size: 30px;
  }
  .hero__text p {
    max-width: 500px;
  }
}
@media (max-width: 767px) {
  .hero__text {
    width: 100%;
    align-items: center;
    text-align: center;
    gap: 16px;
    padding-top: 216px;
  }
  .hero__text h1 {
    font-size: 30px;
  }
  .hero__text .tarja {
    border: 2px solid #fff;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 13px 16px;
  }
  .hero__text .tarja p {
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .hero__text .text-body {
    display: none;
  }
}

.cards {
  display: flex;
  justify-content: center;
  color: #21201C;
  padding: 40px 0;
  gap: 24px;
}
.cards .vertical-line {
  border-left: 2px solid #FFCBB9;
  height: 61px;
  margin-top: 70px;
}
.cards__content {
  padding: 16px;
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
  max-width: 252px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.cards__content--title {
  gap: 15px;
  text-align: left;
  max-width: 300px;
}
.cards__content--title p {
  color: #F85540;
  font-weight: 800;
  font-size: 19px;
}
.cards .card-star {
  border-radius: 6px;
  border-top: 6px solid var(--Principal-9, #FF6551);
  border-right: 2px solid var(--Principal-9, #FF6551);
  border-bottom: 2px solid var(--Principal-9, #FF6551);
  border-left: 2px solid var(--Principal-9, #FF6551);
  background: linear-gradient(112deg, #FFE6E3 1.76%, #FFF 100%);
  box-shadow: 0px 4px 5px 2px rgba(0, 0, 0, 0.07);
}
@media (max-width: 1280px) {
  .cards__content--title p {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .cards {
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .cards .card-star {
    padding-bottom: 16px;
  }
  .cards .vertical-line {
    border-left: none;
    border-top: 2px solid #FFCBB9;
    margin-top: 0;
    width: 65px;
    height: 0;
  }
  .cards__content {
    padding: unset;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: black;
    background: var(--Neutra-base, #FFF);
    max-width: 284px;
  }
  .cards__content--title {
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 200px;
  }
}

.depo {
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.depo img {
  border-radius: 24px;
}
.depo strong {
  color: #FF6551;
  text-align: center;
  font-size: 24px;
  font-weight: 800;
  line-height: 140%;
  max-width: 440px;
}
.depo .boxFlex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
  width: 100%;
  max-height: 800px;
  margin-bottom: 40px;
}
.depo .boxFlex .swiper .swiper-wrapper {
  padding: 40px 0;
  height: 340px;
}
.depo .boxFlex .swiper-button-next, .depo .boxFlex .swiper-button-prev {
  --swiper-navigation-size: 25px;
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 5px;
  --swiper-navigation-color: rgba(255, 255, 255, 0.6);
  background: rgba(255, 101, 81, 0.2);
  padding: 23px 20px;
  transition: 0.2s;
}
.depo .boxFlex .swiper-button-next:hover, .depo .boxFlex .swiper-button-prev:hover {
  filter: brightness(80%);
}
.depo .boxFlex .swiper-button-prev {
  top: 50%;
  left: 0px;
  right: auto;
  border-radius: 0px 40px 40px 0px;
}
.depo .boxFlex .swiper-button-next {
  top: 50%;
  right: 0px;
  left: auto;
  border-radius: 40px 0 0 40px;
}
.depo .boxFlex .box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media (max-width: 1280px) {
  .depo .boxFlex strong {
    max-width: 286px;
    font-size: 33px;
  }
  .depo .boxFlex img {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .depo {
    padding: 24px 8px 32px;
    margin-top: -1px;
    gap: unset;
  }
  .depo strong {
    font-size: 33px;
    max-width: 286px;
  }
  .depo .boxFlex {
    max-width: 100%;
  }
  .depo .boxFlex img {
    width: unset;
  }
  .depo .boxFlex .swiper .swiper-wrapper {
    padding: 32px 0;
  }
  .depo .boxFlex .swiper-slide {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
  }
  .depo .boxFlex .swiper-button-prev {
    left: 0px;
    right: auto;
  }
  .depo .boxFlex .swiper-button-next {
    right: 0px;
    left: auto;
  }
  .depo .boxFlex .box {
    min-width: unset;
    max-width: unset;
    margin-left: 15px;
  }
}

.conquistas {
  width: 800px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  align-items: center;
  gap: 12px;
}
@media (max-width: 767px) {
  .conquistas {
    width: 90%;
    padding: 40px 0;
  }
}
.conquistas h2 {
  color: #FF6551;
  max-width: 430px;
}
.conquistas .text-body {
  max-width: 430px;
}
.conquistas__numeros {
  max-width: 430px;
  display: flex;
  gap: 32px;
}
.conquistas__numeros span {
  font-weight: 800;
  font-size: 34px;
  color: #1B3426;
}
.conquistas__icons {
  padding: 50px 0 32px;
  display: flex;
  gap: 34px;
}
.conquistas__fotos {
  max-width: 1200px;
}
.conquistas__fotos .foto-mobile {
  display: none;
}
@media (max-width: 1280px) {
  .conquistas__fotos .foto-desktop {
    max-width: 1000px;
  }
}
@media (max-width: 767px) {
  .conquistas h2 {
    max-width: 300px;
  }
  .conquistas__numeros {
    flex-direction: column;
  }
  .conquistas__icons {
    padding: 32px 0;
    max-width: 342px;
    gap: 20px;
  }
  .conquistas__icons img {
    height: 35px;
  }
  .conquistas__fotos .foto-desktop {
    display: none;
  }
  .conquistas__fotos .foto-mobile {
    display: flex;
    max-width: 342px;
  }
}

.section2 {
  width: 800px;
  padding: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 40px;
  padding: 50px 0;
  font-weight: 500;
}
@media (max-width: 767px) {
  .section2 {
    width: 90%;
    padding: 40px 0;
  }
}
.section2 h2 {
  color: #FF6551;
  width: 450px;
}
.section2 h2 span {
  color: #ffffff;
  background-color: #FF6551;
}
.section2 .text span {
  color: #FF6551;
  font-weight: 800;
}
.section2 h3 {
  margin-top: 20px;
}
.section2__lines {
  display: flex;
  flex-direction: column;
  margin-bottom: -10px;
}
.section2__lines__line {
  display: flex;
  align-items: center;
  font-weight: 700;
  text-align: left;
  padding: 16px 24px;
  max-width: 558px;
}
.section2__lines__line img {
  margin-right: 26px;
}
@media (max-width: 767px) {
  .section2__lines {
    gap: unset;
  }
  .section2 h2 {
    width: 250px;
    font-size: 34px;
  }
  .section2 h3 {
    margin-top: unset;
  }
  .section2__lines {
    gap: 16px;
  }
  .section2__lines__Line {
    padding: 0 16px;
  }
}

.section3 {
  background-color: #1B3426;
  position: relative;
  padding-bottom: 120px;
}
.section3 .span3 {
  color: #1B3426;
  background-color: #ffffff;
}
@media (max-width: 767px) {
  .section3 h2 {
    max-width: 342px;
  }
  .section3 #x-icon {
    display: none;
  }
}
.section3 #left {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.section3 #right {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
.section3 p {
  color: #ffffff;
}
.section3 .btn {
  margin: 0 auto;
}
.section3 .btn p {
  background-color: rgba(255, 255, 255, 0.14);
  color: #ffffff;
  margin-top: 40px;
}
.section3 .btn:hover p {
  color: rgb(130, 130, 124);
  background-color: rgba(0, 0, 0, 0.6);
}
.section3 h2 img {
  margin-right: 16px;
}
.section3__content {
  color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  padding: 50px;
  text-align: center;
  gap: 40px;
  text-align: center;
  color: #ffffff;
}
@media (max-width: 767px) {
  .section3__content {
    width: 90%;
    padding: 40px 0;
  }
}
.section3 .section3__cards {
  display: flex;
  justify-content: center;
  gap: 18px;
}
.section3 .section3__cards .cards {
  display: block;
  text-align: center;
  border-radius: 6.84px;
  padding: 17px;
  border: 1.71px solid var(--Principal-1, #FFFCFB);
  width: 220px;
  height: 146px;
}
.section3 .section3__cards .cards p {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 18px;
}
@media (max-width: 767px) {
  .section3 {
    background-color: #1B3426;
    background-image: none;
    padding-bottom: 40px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .section3 .section3__content {
    width: 90%;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .section3 .section3__cards {
    flex-direction: column;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section3 .section3__cards .cards {
    display: flex;
    flex-direction: unset;
    text-align: left;
    width: 342px;
    height: unset;
  }
}
.section3 .carousel {
  display: flex;
  padding: 30px 0px 20px;
  justify-content: center;
  align-items: center;
  gap: 4px;
}
.section3 .carousel .swiper {
  width: 100%;
  height: 100%;
}
.section3 .carousel .swiper .swiper-wrapper {
  transition-timing-function: linear;
}
.section3 .carousel .swiper .swiper-wrapper .swiper-slide {
  width: auto;
}
.section3 .carousel .swiper .swiper-wrapper .swiper-slide img {
  width: 24vw;
  border-radius: 4px;
}
@media (max-width: 767px) {
  .section3 .carousel {
    padding: 30px 0;
  }
  .section3 .carousel .swiper .swiper-wrapper .swiper-slide img {
    width: 50vw;
  }
}

.section4 {
  width: 100%;
}
.section4__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  padding: 50px;
  text-align: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .section4__content {
    width: 90%;
    padding: 40px 0;
  }
}
.section4 h2 {
  color: #FF6551;
}
@media (max-width: 767px) {
  .section4 h2 {
    margin-bottom: -16px;
  }
}
.section4 .divisao {
  width: 1100px;
}
.section4__cards {
  display: flex;
  max-width: 1100px;
}
.section4__cards hr {
  border-left: 2px solid #FEA494;
}
.section4__cards__content {
  width: 367px;
  padding: 32px;
}
.section4__cards__content p {
  margin-top: 16px;
}
@media (max-width: 1023px) {
  .section4 .divisao {
    width: 100%;
  }
  .section4__cards {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: -16px;
  }
  .section4__cards hr {
    width: 100%;
    border-top: 1px solid #FEA494;
  }
}

.section5 {
  width: 100%;
  position: relative;
}
.section5 .bg-detail1 {
  position: absolute;
  top: 328.438px;
  left: 0;
}
.section5 .bg-detail2 {
  position: absolute;
  top: 238px;
  right: 0;
}
.section5__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  padding: 50px;
  text-align: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .section5__content {
    width: 90%;
    padding: 40px 0;
  }
}
.section5 h2 {
  color: #FF6551;
  margin-top: -16px;
  max-width: 660px;
}
@media (min-width: 768px) and (max-width: 1440px) {
  .section5 .bg-detail1, .section5 .bg-detail2 {
    width: 250px;
  }
}
@media (max-width: 767px) {
  .section5 .bg-detail1, .section5 .bg-detail2 {
    display: none;
  }
  .section5 #diagrama {
    width: 100%;
  }
}

.semanas {
  max-width: 900px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
}
.semanas #semana1-bg {
  background-color: #FFAC6F;
}
.semanas #semana2-bg {
  background-color: #4C765E;
}
.semanas #semana3-bg {
  background-color: #EF7391;
}
.semanas #semana4-bg {
  background-color: #FF6551;
}
.semanas__cards {
  border-radius: 24px;
  background: var(--Neutra-base, #FFF);
  box-shadow: 0px 4px 11px 0px rgba(0, 0, 0, 0.08);
  width: 100%;
}
.semanas__cards h3 {
  color: #ffffff;
  font-size: 28px;
}
.semanas__cards__top {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  display: flex;
  align-items: center;
  gap: 32px;
  color: white;
  padding: 32px 24px;
}
.semanas__cards__top .semana-mob {
  display: none;
}
.semanas__cards__top .top-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.semanas__cards__top .top-text .semana-title {
  letter-spacing: 5.76px;
  font-weight: 700;
}
.semanas__cards__top .top-text p {
  color: #ffffff;
}
.semanas__cards__top hr {
  border: 2px solid #ffffff;
  width: 57px;
}
.semanas__cards__bottom {
  padding: 32px 24px 32px 48px;
}
.semanas__cards__bottom .text-caption {
  color: #63635E;
}
.semanas__cards__bottom li {
  padding-bottom: 16px;
  font-weight: 500;
}
.semanas__cards__bottom li::marker {
  color: #FFAC6F;
}
@media (max-width: 767px) {
  .semanas__cards__top {
    display: flex;
    flex-direction: column;
    padding: unset;
    gap: unset;
  }
  .semanas__cards__top .top-text {
    padding: 16px;
  }
  .semanas__cards__top .top-text .semana-title {
    font-size: 14px;
  }
  .semanas__cards__top .top-text p {
    font-size: 18px;
  }
  .semanas__cards__top .top-text h3 {
    max-width: 310px;
  }
  .semanas__cards__top .semana-mob {
    display: block;
    margin-top: -5px;
  }
  .semanas__cards__top .semana-desk {
    display: none;
  }
  .semanas__cards__top img {
    width: 100%;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
  }
  .semanas__cards__bottom {
    padding: 16px 16px 16px 32px;
  }
}

.section6 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  padding: 50px;
  text-align: center;
  gap: 40px;
}
@media (max-width: 767px) {
  .section6 {
    width: 90%;
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .section6__cards {
    width: 340px;
  }
  .section6__cards .card-title {
    flex-direction: column;
  }
}
.section6 h2 {
  color: #FF6551;
}
.section6 h2 span {
  color: #ffffff;
  background-color: #FF6551;
}
.section6__frames {
  display: flex;
  gap: 24px;
}
@media (max-width: 767px) {
  .section6__frames {
    gap: 2px;
    width: 358px;
  }
}
.section6 #semana1 h4, .section6 #semana1 .text-caption {
  color: #FFAC6F;
}
.section6 #semana1 #timeline-mob1 {
  display: none;
}
@media (max-width: 767px) {
  .section6 #semana1 #timeline-desk1 {
    display: none;
    gap: 4px;
  }
  .section6 #semana1 #timeline-mob1 {
    display: flex;
  }
}
.section6 #semana2 h4, .section6 #semana2 .text-caption {
  color: #4C765E;
}
.section6 #semana2 #timeline-mob2 {
  display: none;
}
@media (max-width: 767px) {
  .section6 #semana2 #timeline-desk2 {
    display: none;
    gap: 4px;
  }
  .section6 #semana2 #timeline-mob2 {
    display: flex;
  }
}
.section6 #semana3 h4, .section6 #semana3 .text-caption {
  color: #EF7391;
}
.section6 #semana3 #timeline-mob3 {
  display: none;
}
@media (max-width: 767px) {
  .section6 #semana3 #timeline-desk3 {
    display: none;
    gap: 4px;
  }
  .section6 #semana3 #timeline-mob3 {
    display: flex;
  }
}
.section6 #semana4 h4, .section6 #semana4 .text-caption {
  color: #FF6551;
}
.section6 #semana4 #timeline-mob4 {
  display: none;
}
@media (max-width: 767px) {
  .section6 #semana4 #timeline-desk4 {
    display: none;
    gap: 4px;
  }
  .section6 #semana4 #timeline-mob4 {
    display: flex;
  }
}
.section6__cards {
  border-radius: 8px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.04);
  border: 1px solid #F1F0EF;
  background: #ffffff;
  position: relative;
  padding-bottom: 32px;
}
.section6__cards .semicircle {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 8px;
}
.section6__cards h3 {
  color: #21201C;
}
.section6__cards h4, .section6__cards .text-caption {
  font-weight: 700;
}
.section6__cards .text-caption {
  width: 80px;
  text-align: center;
  font-size: 19px;
}
.section6__cards .card-title {
  display: flex;
  align-items: center;
  gap: 32px;
  padding: 32px;
}
.section6__cards .card-title img {
  width: 200px;
  border-radius: 8px;
}
@media (max-width: 767px) {
  .section6__cards .card-title {
    padding: 16px;
  }
  .section6__cards .card-title img {
    width: 300px;
  }
}
.section6__cards .card-title-text {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.section6__cards .card-aulas {
  border-top: 1px dashed #D9D9D9;
  border-bottom: 1px dashed #D9D9D9;
  margin: 0 32px;
}
@media (max-width: 767px) {
  .section6__cards .card-aulas {
    width: 310px;
    margin: 0 16px;
  }
}
.section6__cards .card-aulas-title {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 16px 0;
  text-align: left;
}
.section6__cards .card-aulas-title .text-body {
  width: 716px;
}
@media (max-width: 767px) {
  .section6__cards .card-aulas-title .text-body {
    width: 237px;
  }
}

.section7 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 800px;
  padding: 50px;
  text-align: center;
  gap: 40px;
  gap: 80px;
}
@media (max-width: 767px) {
  .section7 {
    width: 90%;
    padding: 40px 0;
  }
}
.section7 h2 {
  color: var(--Principal-12, #5B2921);
  text-align: center;
  /* h2 */
  font-family: var(--Famlia-Primria, "Plus Jakarta Sans");
  font-size: var(--Tamanhos-h2, 57px);
  font-style: normal;
  font-weight: 800;
  line-height: 120%; /* 68.4px */
  max-width: 600px;
}
.section7__cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  gap: 4px;
}
.section7__cards__card {
  height: 403px;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
  position: relative;
  z-index: 0;
  width: 201px;
}
.section7__cards__card p {
  padding-top: 46px;
  color: #ffffff;
  font-weight: 700;
  font-size: 20px;
  width: 180px;
  text-align: left;
  padding-left: 20px;
  text-transform: uppercase;
  z-index: 3;
}
.section7__cards__card #card3 p, .section7__cards__card #card4 p, .section7__cards__card #card5 p {
  padding-top: 60px;
}
.section7__cards #white {
  position: absolute;
  left: -2px;
  top: 50px;
}
.section7__cards .modelo {
  position: absolute;
  bottom: 0;
  left: 0;
}
.section7__cards #card1 {
  background: var(--Color-support-laranja_accent, #FFAC6F);
  position: relative;
}
.section7__cards #card1 #detail {
  top: 0;
  right: 0;
  position: absolute;
  width: 162.567px;
  z-index: -1;
}
.section7__cards #card2 {
  background: var(--Secundria-10, #2E4839);
  position: relative;
}
.section7__cards #card2 #detail {
  top: 0;
  right: 0;
  position: absolute;
  width: 162.567px;
  z-index: -4;
}
.section7__cards #card3 {
  background: var(--Color-support-rosa_accent, #EF7391);
  position: relative;
}
.section7__cards #card3 #detail {
  top: 0;
  right: 0;
  position: absolute;
  width: 162.567px;
  z-index: -1;
}
.section7__cards #card3 p {
  padding-top: 60px;
}
.section7__cards #card4 {
  background: var(--Principal-9, #FF6551);
  position: relative;
}
.section7__cards #card4 #detail {
  top: 0;
  right: 0;
  position: absolute;
  width: 162.567px;
  z-index: -1;
}
.section7__cards #card4 p {
  padding-top: 60px;
}
.section7__cards #card5 {
  background: var(--Principal-12, #5B2921);
  position: relative;
}
.section7__cards #card5 .modelo {
  height: 380px;
  left: -90px;
  border-radius: 40px;
}
.section7__cards #card5 p {
  padding-top: 60px;
}
.section7__cards #card5 #detail {
  top: 0;
  right: 0;
  position: absolute;
  width: 162.567px;
  z-index: -1;
}
@media (max-width: 767px) {
  .section7 {
    width: 100%;
  }
  .section7 h2 {
    width: 358px;
  }
  .section7__cards {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  .section7__cards__card {
    width: 171px;
    height: 380px;
  }
  .section7__cards__card p {
    font-size: 17px;
  }
  .section7 #card1 {
    margin-top: 32px;
    width: 358px;
    height: 142px;
  }
  .section7 #card1 .modelo {
    margin-left: 200px;
    height: 200px;
  }
  .section7 #card2 .modelo {
    height: 250px;
    border-radius: 16px;
  }
  .section7 #card3 .modelo {
    height: 340px;
    border-radius: 24px;
  }
  .section7 #card4 .modelo {
    height: 332px;
    border-radius: 24px;
  }
  .section7 #card5 {
    border-top-left-radius: 40px;
  }
  .section7 #card5 .modelo {
    height: 340px;
    border-radius: 24px;
  }
}

.section8 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 80px;
}
.section8__title {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 800px;
}
.section8__content {
  display: flex;
  flex-direction: column;
  width: 100vw;
}
.section8__content .section8__cards__content .card-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: left;
  max-width: 430px;
}
.section8__content .section8__cards__content .card-text h3, .section8__content .section8__cards__content .card-text p {
  color: #ffffff;
}
.section8 #section8-card1 {
  background: url(../assets/images/bg1.webp) no-repeat;
  background-size: cover;
  background-position: top center;
  padding: 100px;
  height: 563px;
  width: 100vw;
}
.section8 #section8-card2 {
  background: url(../assets/images/bg2.webp) no-repeat;
  background-size: cover;
  background-position: top center;
  margin-top: -50px;
  padding: 100px 0;
  padding-left: 50%;
}
.section8 #section8-card3 {
  background: url(../assets/images/bg3.webp) no-repeat;
  background-size: cover;
  background-position: top center;
  margin-top: -50px;
  padding: 100px;
}
.section8 .bonus {
  width: 144px;
}
@media (max-width: 1023px) {
  .section8 {
    width: 100vw;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .section8__title {
    flex-direction: column;
    gap: 8px;
  }
  .section8__title #star1 {
    width: 36px;
  }
  .section8__title #star2 {
    display: none;
  }
  .section8 #section8-card1 {
    background: url(../assets/images/section8/bonus_image-1_mobile.webp) lightgray -25.4px -4.623px/114.19% 101.261% no-repeat;
    background-size: contain;
    background-position: center top;
    background-color: #1B3426;
    height: 660px;
    padding: unset;
  }
  .section8 #section8-card1 .card-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 25px;
    padding-top: 260px;
  }
  .section8 #section8-card2 {
    background: url(../assets/images/section8/bonus_image-2_mobile.webp) lightgray -25.4px -4.623px/114.19% 101.261% no-repeat;
    background-size: contain;
    background-color: #EF7391;
    background-position: center top;
    padding: unset;
    margin: unset;
  }
  .section8 #section8-card2 .card-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 18px;
    padding: 0 25px 40px;
    padding-top: 260px;
  }
  .section8 #section8-card3 {
    background: url(../assets/images/image\ \(21\).webp) no-repeat;
    background-color: #FF907A;
    background-size: cover;
    background-position: center top;
    height: 817px;
    padding: unset;
    margin-top: unset;
  }
  .section8 #section8-card3 .card-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 18px;
    padding: 0 25px;
    padding-top: 347px;
  }
}

.offer {
  background: radial-gradient(59.35% 60.41% at 50% 0.03%, #FFB9A4 0%, #FF6551 100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
  position: relative;
}
.offer #note-mobile {
  display: none;
}
@media (max-width: 767px) {
  .offer .btn {
    width: 310px;
  }
}
.offer .spot {
  position: absolute;
  top: -290px;
}
.offer .spot2 {
  position: absolute;
  left: 0;
}
.offer .spot3 {
  position: absolute;
  right: 0;
}
.offer .offerDiv {
  border-radius: 8px;
  background: #FFFCFB;
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  position: relative;
}
.offer .offerDiv #note {
  position: absolute;
  top: 0;
  height: 362px;
}
.offer .offerDiv #metodo {
  color: #FF6551;
  letter-spacing: 3.113px;
  text-transform: uppercase;
  font-weight: 600;
  margin-top: 320px;
  margin-bottom: -14px;
  font-size: 13.536px;
}
.offer .offerDiv h2 {
  color: var(--Principal-12, #21201C);
  text-align: center;
  font-size: var(--Tamanhos-h3, 32px);
  font-weight: 800;
  line-height: 120%;
  max-width: 536px;
}
.offer .offerDiv .list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  gap: 9px;
  padding: 32px 0;
  border-top: 1px solid #f1f0ef;
  border-bottom: 1px solid #f1f0ef;
}
.offer .offerDiv .list > div {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.offer .offerDiv .list > div p {
  color: #21201C;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}
.offer .offerDiv .list .liBonus {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
.offer .offerDiv .list .liBonus > svg {
  margin-bottom: 5px;
}
.offer .offerDiv .list .liBonus > span {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  gap: 8px;
}
.offer .offerDiv .list .liBonus > span > svg {
  margin-bottom: 4px;
}
.offer .offerDiv .list .liBonus > span p {
  color: #21201C;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
}
.offer .offerDiv .list .liBonus > span > span {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  background: #FFA24C;
  float: right;
  color: #FFFFFF;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}
.offer .offerDiv .list .bnsDiv {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  gap: 8px;
  padding: 8px;
  border-radius: 8px;
  background: rgba(255, 205, 76, 0.4);
}
.offer .offerDiv .list .bnsDiv svg {
  margin-bottom: 4px;
}
.offer .offerDiv .list .bnsDiv p {
  color: #FFF;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  max-width: 502px;
}
.offer .offerDiv .list .bnsDiv > span {
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 50px;
  background: #FFD60A;
  color: #443116;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: normal;
}
.offer .offerDiv .priceDiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.offer .offerDiv .priceDiv img {
  margin-top: 10px;
}
.offer .offerDiv .priceDiv .por {
  color: #5B2921;
}
.offer .offerDiv .priceDiv .de {
  color: rgba(255, 45, 45, 0.8);
  font-family: "mundial", sans-serif;
  font-size: 30px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%; /* 33.797px */
  text-transform: uppercase;
}
.offer .offerDiv .priceDiv .de span {
  text-decoration-line: line-through;
}
.offer .offerDiv .priceDiv > p {
  color: #21201C;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "mundial", sans-serif;
  font-size: 25px;
  font-weight: 900;
  line-height: 140%;
  text-transform: uppercase;
  position: relative;
}
.offer .offerDiv .priceDiv > p svg {
  position: absolute;
  right: -4px;
  top: 8px;
}
.offer .offerDiv .priceDiv .parc {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.offer .offerDiv .priceDiv .parc p {
  color: #5B2921;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "mundial", sans-serif;
  font-size: 34px;
  font-weight: 900;
  line-height: 100%;
  max-width: 52px;
}
.offer .offerDiv .priceDiv .parc strong {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: var(--Principal-12, #5B2921);
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "mundial", sans-serif;
  font-size: 141px;
  font-weight: 800;
  line-height: 100%;
}
.offer .offerDiv .priceDiv .parc strong span {
  font-size: 46px;
}
.offer .offerDiv .priceDiv .bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.offer .offerDiv .priceDiv .bottom > p {
  color: #B0B4BA;
  font-variant-numeric: lining-nums proportional-nums;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.offer .offerDiv .priceDiv .bottom div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.offer .offerDiv .priceDiv .bottom div div {
  display: flex;
  padding: 4px 9.816px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 0 3.681px 3.681px 0;
  background: #FB1E0E;
  margin-left: -1px;
}
.offer .offerDiv .priceDiv .bottom div div p {
  color: #FFF;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.offer .offerDiv .payments {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
@media (max-width: 767px) {
  .offer {
    background: radial-gradient(59.35% 60.41% at 50% 0.03%, #FFB9A4 0%, #FF6551 100%);
    padding: 32px 16px;
    position: relative;
    gap: 32px;
  }
  .offer #note-mobile {
    display: block;
    height: 240px;
  }
  .offer .offerDiv {
    padding: 24px;
    gap: 24px;
    width: 358px;
  }
  .offer .offerDiv #note {
    display: none;
  }
  .offer .offerDiv #metodo {
    margin-top: 30px;
  }
  .offer .offerDiv .logo {
    width: 206px;
  }
  .offer .offerDiv > h2 {
    font-size: 26px;
    max-width: 310px;
  }
  .offer .offerDiv .list {
    padding: 24px 0;
  }
  .offer .offerDiv .list > div p {
    font-size: 17px;
    max-width: 276px;
  }
  .offer .offerDiv .list .liBonus > span {
    align-self: unset;
  }
  .offer .offerDiv .list .liBonus > span p {
    font-size: 17px;
  }
  .offer .offerDiv .priceDiv .parc strong {
    line-height: 77%;
    margin-bottom: 15px;
  }
  .offer .offerDiv .btnDiv .myBtn {
    max-width: unset;
    min-width: unset;
  }
}

.ana {
  background: url(../assets/anabg.webp) no-repeat center center;
  background-size: 100% 100%;
  background-position: top;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  padding: 50px 0;
}
@media (max-width: 767px) {
  .ana .ana-img {
    width: 358px;
  }
}
.ana .textDiv {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
}
.ana .textDiv h2 {
  color: var(--Neutra-12, #21201C);
  font-size: var(--Tamanhos-h2, 57px);
  font-weight: 800;
  line-height: 120%;
  max-width: 460px;
  text-align: left;
}
.ana .textDiv > p {
  color: #63635E;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  max-width: 460px;
}
.ana .textDiv .btn p {
  font-size: 13px;
}
.ana .textDiv .btnDiv .boxDiv p {
  font-size: 16px;
}
.ana .textDiv .btnDiv .myBtn {
  padding: 18px 12px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .ana {
    background: url(../assets/anabgmob.webp) no-repeat center center;
    background-size: 100% 100%;
    background-position: top;
    flex-direction: column;
    align-items: center;
    padding: 30px 18px 30px;
    gap: 23px;
  }
  .ana .textDiv {
    gap: 16px;
  }
  .ana .textDiv h2 {
    font-size: 32px;
    max-width: 310px;
    text-align: center;
    margin: auto;
    color: #5B2921;
  }
  .ana .textDiv p {
    font-size: 22px;
    max-width: 342px;
  }
}

.garantia {
  background: #FFFDFC;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 50px 0;
}
.garantia .mainDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  padding: 32px;
  border-radius: 24px;
  border: 1px solid #E9E8E6;
  background: #FFFDFC;
}
.garantia .mainDiv .titleDiv {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}
.garantia .mainDiv .titleDiv strong {
  color: var(--Secundria-9, #1B3426);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  width: 202px;
}
.garantia .mainDiv > p {
  color: #63635E;
  text-align: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 140%;
  max-width: 720px;
}
.garantia .mainDiv > p a {
  color: #60646C;
  transition: 0.2s;
  font-weight: 500;
  word-wrap: break-word;
}
.garantia .mainDiv > p a:hover {
  filter: brightness(70%);
}
.garantia .mainDiv .btnDiv > div p {
  background: rgba(0, 0, 0, 0.07);
  color: rgba(0, 0, 0, 0.6);
}
.garantia .mainDiv .btnDiv .myBtn {
  min-width: 510px;
  max-width: 510px;
}
@media (max-width: 767px) {
  .garantia {
    padding: 30px 32px;
    margin-top: -1px;
    width: 100%;
  }
  .garantia .mainDiv {
    padding: 16px;
    border-radius: 24px;
  }
  .garantia .mainDiv .titleDiv img {
    width: 108px;
  }
  .garantia .mainDiv .titleDiv strong {
    font-size: 16px;
    text-align: left;
    max-width: 202px;
    line-height: 23px;
    width: 136px;
  }
  .garantia .mainDiv > p {
    font-size: 22px;
    width: 326px;
  }
  .garantia .mainDiv .btn {
    width: 320px;
  }
  .garantia .mainDiv .btnDiv .myBtn {
    min-width: unset;
    max-width: unset;
  }
}

#faq {
  background: #FFFDFC;
  display: flex;
  padding: 50px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  #faq {
    gap: 24px;
  }
}
#faq strong {
  color: #5B2921;
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 46px;
  font-weight: 700;
  line-height: 98%;
  width: 800px;
}
#faq .asks {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 900px;
}
#faq .asks .ask {
  display: flex;
  flex-direction: column;
  border-radius: 4px;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
#faq .asks .ask.active .answer {
  padding: 25px;
  height: auto;
}
#faq .asks .ask .answer {
  padding: 20px;
  color: #63635E;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  height: 0;
  padding: 0 2.4rem;
  transition: all 0.5s ease;
}
#faq .asks .ask .answer a {
  color: #a4a4a4;
  word-wrap: break-word;
}
#faq .asks .ask .answer a:hover {
  filter: brightness(80%);
}
#faq .asks .ask .title-wrapper {
  padding: 25px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #E2E1DE;
}
#faq .asks .ask .title-wrapper p {
  color: #63635E;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 160%;
}
#faq .asks .ask:first-child {
  border-top: 1px solid #E0E1E6;
}
@media (max-width: 767px) {
  #faq {
    margin-top: -2px;
    padding: 30px;
    gap: 24px;
  }
  #faq strong {
    font-size: 34px;
    max-width: 342px;
  }
  #faq .asks .ask .title-wrapper p {
    font-size: 17px;
    width: 308px;
  }
  #faq .asks .ask.active .answer {
    padding: 25px 0;
  }
  #faq .asks .ask .answer {
    font-size: 16px;
  }
  #faq .asks .ask .answer a {
    font-size: 16px;
  }
}

footer {
  display: flex;
  padding: 40px 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  background: #FFFDFC;
}
footer strong {
  color: #63635E;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
footer > div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
footer > div a, footer > div p {
  color: #63635E;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  text-decoration: none;
  transition: 0.2s;
}
footer > div a:hover {
  color: #8b8b8b;
}
@media (max-width: 767px) {
  footer {
    padding: 25px;
  }
  footer strong {
    font-size: 14px;
    text-align: center;
  }
  footer > div a, footer > div p {
    font-size: 14px;
  }
}/*# sourceMappingURL=main.min.css.map */