@charset "UTF-8";
@keyframes float-pill-1 {
  0% {
    transform: rotate(-10deg) translateY(0px);
  }
  30% {
    transform: rotate(-6deg) translateY(-12px);
  }
  60% {
    transform: rotate(-13deg) translateY(-6px);
  }
  100% {
    transform: rotate(-10deg) translateY(0px);
  }
}
@keyframes float-pill-2 {
  0% {
    transform: rotate(30deg) translateY(0px);
  }
  35% {
    transform: rotate(34deg) translateY(-14px);
  }
  65% {
    transform: rotate(27deg) translateY(-7px);
  }
  100% {
    transform: rotate(30deg) translateY(0px);
  }
}
@keyframes float-bottle-left {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(10px) rotate(-0.8deg);
  }
  75% {
    transform: translateY(-1px) rotate(0.5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}
@keyframes float-bottle-right {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  25% {
    transform: translateY(8px) rotate(0.8deg);
  }
  75% {
    transform: translateY(-1px) rotate(-0.5deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}
@keyframes float-bottle-central {
  0% {
    transform: translateX(-50%) translateY(0px);
    filter: drop-shadow(0 0px 0px rgba(38, 146, 223, 0));
  }
  40% {
    transform: translateX(-50%) translateY(12px);
    filter: drop-shadow(0 12px 20px rgba(38, 146, 223, 0.35));
  }
  100% {
    transform: translateX(-50%) translateY(0px);
    filter: drop-shadow(0 0px 0px rgba(38, 146, 223, 0));
  }
}
@keyframes sway-leaf {
  0% {
    transform: rotate(0deg) scale(1);
  }
  30% {
    transform: rotate(6deg) scale(1.04);
  }
  70% {
    transform: rotate(-4deg) scale(0.97);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
@keyframes sway-leaf-right {
  0% {
    transform: rotate(0deg) scale(1);
  }
  30% {
    transform: rotate(6deg) scale(1.04);
  }
  70% {
    transform: rotate(-4deg) scale(0.97);
  }
  100% {
    transform: rotate(0deg) scale(1);
  }
}
@font-face {
  font-family: "Manrope";
  src: url("../fonts/Manrope-Variable.ttf") format("truetype");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Manrope;
  list-style: none;
  text-decoration: none;
}

img {
  max-width: 100%;
  display: block;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}

html {
  scroll-behavior: smooth;
}

body.menu-open {
  overflow: hidden;
}

p {
  font-size: 18px;
  margin-bottom: 16px;
}

.container {
  max-width: 1280px;
  width: 90%;
  margin: 0 auto;
}

header {
  width: 100%;
  top: 0;
  left: 0;
  backdrop-filter: blur(8px);
  z-index: 20;
  background: #fff;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
  backdrop-filter: blur(5px);
}
@media (max-width: 900px) {
  header {
    padding: 24px 0;
  }
}
header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 900px) {
  header .container {
    justify-content: center;
  }
}
header * {
  color: #435874;
}
header .contact-info {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 10px 30px;
  border: 1px solid #435874;
  border-radius: 50px;
  margin-top: 5px;
}
header .contact-info:hover {
  transition: 0.3s ease-in-out;
  transform: scale(1.05);
}
header nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px 0;
  gap: 150px;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 18px;
}
header nav img {
  display: inline-block;
}
header nav ul {
  display: flex;
  align-items: center;
  gap: 32px;
  margin-left: 64px;
}
header nav ul li:hover {
  filter: brightness(35%);
}
@media (max-width: 900px) {
  header nav {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    max-width: 320px;
    height: 100dvh;
    background: #1d618f;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 100px 32px 40px;
    gap: 24px;
    transition: transform 0.3s ease;
    z-index: 100;
    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
    transform: translateX(100%);
  }
}

main {
  background: url("../images/bg-main.png") center/cover no-repeat;
  padding: 61px 61px 0;
  overflow: hidden;
}
@media (max-width: 900px) {
  main {
    padding: 40px 0 0;
  }
}
main img {
  margin: 0 auto;
  margin-bottom: 24px;
}
main h1 {
  color: #fff;
  text-align: center;
  font-family: Manrope;
  font-size: 52px;
  font-style: normal;
  font-weight: 700;
  line-height: 135%;
}
main h1 b {
  color: #e1c059;
}
@media (max-width: 900px) {
  main h1 {
    font-size: 28px;
  }
}
main .text-main {
  color: #fff;
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 20px;
  align-items: center;
}
main .text-main p {
  color: #d6eeff;
  text-align: center;
  font-family: Manrope;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}
main .text-main p b {
  color: #e1c059;
}
@media (max-width: 900px) {
  main .text-main p {
    font-size: 16px;
  }
}
main .text-main ul {
  display: flex;
  gap: 24px;
  color: #d6eeff;
  font-family: Manrope;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 140%; /* 25.2px */
  margin-bottom: 8px;
  align-items: start;
  justify-content: start;
}
@media (max-width: 900px) {
  main .text-main ul {
    flex-direction: column;
  }
}
main .text-main ul li {
  display: flex;
  gap: 5px;
}
main .text-main .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 50px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
main .text-main .btn img {
  width: 1.5em;
  margin: 0;
}
main .text-main .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  main .text-main .btn {
    font-size: 20px;
    text-align: center;
    text-wrap: nowrap;
  }
}
main .text-main .mini-badge {
  display: flex;
  font-size: 16px;
  gap: 12px;
}

.mocks {
  position: relative;
  width: 100%;
  height: 400px;
  margin-bottom: -25px;
}
@media (max-width: 900px) {
  .mocks {
    margin-top: 0;
    height: 350px;
  }
}
.mocks .selo {
  position: absolute;
  left: 52%;
  z-index: 10;
  top: 100px;
  max-width: 130px;
}
.mocks .mock {
  position: absolute;
  bottom: 0;
}
.mocks .mock--left {
  width: 370px;
  left: calc(50% - 310px);
  bottom: 0px;
  z-index: 1;
  animation: float-bottle-left 5s ease-in-out infinite;
  animation-delay: 0.8s;
}
@media (max-width: 800px) {
  .mocks .mock--left {
    left: calc(50% - 270px);
  }
}
.mocks .mock--central {
  width: 380px;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  z-index: 3;
  animation: float-bottle-central 4.5s ease-in-out infinite;
}
.mocks .mock--right {
  width: 370px;
  right: calc(50% - 320px);
  bottom: 0;
  z-index: 2;
  animation: float-bottle-right 5.5s ease-in-out infinite;
  animation-delay: 0.4s;
}
@media (max-width: 800px) {
  .mocks .mock--right {
    right: calc(50% - 300px);
  }
}
.mocks .mock-pill {
  position: absolute;
  width: 44px;
  z-index: 3;
}
.mocks .mock-pill--1 {
  top: 100px;
  left: calc(50% - 120px);
  animation: float-pill-1 3.8s ease-in-out infinite;
}
@media (max-width: 800px) {
  .mocks .mock-pill--1 {
    top: 50px;
    left: calc(50% - 120px);
  }
}
.mocks .mock-pill--2 {
  bottom: 300px;
  right: calc(50% - 130px);
  animation: float-pill-2 4.2s ease-in-out infinite;
  animation-delay: 0.6s;
}
@media (max-width: 800px) {
  .mocks .mock-pill--2 {
    bottom: 260px;
    right: calc(50% - 130px);
  }
}
.mocks .mock-leaf {
  position: absolute;
  width: 120px;
  right: calc(50% - 270px);
  top: 275px;
  z-index: 1;
  transform-origin: bottom center;
  animation: sway-leaf 5s ease-in-out infinite;
  animation-delay: 1s;
}
@media (max-width: 800px) {
  .mocks .mock-leaf {
    right: calc(50% - 250px);
    top: 155px;
  }
}
.mocks .mock-leaf-right {
  position: absolute;
  width: 120px;
  right: calc(50% + 150px);
  bottom: 210px;
  z-index: 1;
  transform-origin: bottom center;
  animation: sway-leaf-right 5s ease-in-out infinite;
  animation-delay: 0.3s;
}
@media (max-width: 800px) {
  .mocks .mock-leaf-right {
    right: calc(50% + 110px);
    bottom: 215px;
  }
}

.area-kits {
  padding-bottom: 100px;
  font-family: Manrope;
}
@media (max-width: 900px) {
  .area-kits {
    padding-bottom: 60px;
  }
}
.area-kits hr.divider {
  display: none;
}
.area-kits .container {
  width: 95%;
}
.area-kits .container .sub {
  margin-bottom: 42px;
}
.area-kits .container h2 {
  margin-top: 40px;
  font-size: 40px;
  color: #000;
  margin-bottom: 30px;
}
@media (max-width: 900px) {
  .area-kits .container h2 {
    font-size: 30px;
    line-height: 1.2;
  }
}
.area-kits .container h2,
.area-kits .container p {
  text-align: center;
  color: #000;
}
.area-kits .container h2 b,
.area-kits .container p b {
  color: #124795;
}
.area-kits .container p {
  font-size: 18px;
}
.area-kits .container ul {
  margin-bottom: 68px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  align-items: flex-end;
  width: 100%;
}
.area-kits .container ul.a2 {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .area-kits .container ul {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 24px;
  }
}
.area-kits .container ul a {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  position: relative;
  text-align: center;
  transition: all 0.6s;
  border: 1px solid rgba(13, 42, 69, 0.15);
  overflow: hidden;
  background: #fff;
}
.area-kits .container ul a:hover {
  transform: scale(1.01);
}
@media (max-width: 900px) {
  .area-kits .container ul a {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
  }
}
.area-kits .container ul a .valores {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
}
.area-kits .container ul a .valores.mb {
  display: none;
}
@media (max-width: 900px) {
  .area-kits .container ul a .valores.mb {
    display: flex;
  }
}
.area-kits .container ul a .valores.dk {
  display: flex;
  margin-top: 10px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .valores.dk {
    display: none;
  }
}
.area-kits .container ul a .valores * {
  font-size: 24px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .valores * {
    font-size: 20px;
  }
}
.area-kits .container ul a .valores s {
  text-decoration: line-through;
  text-decoration-color: red;
  font-weight: normal;
}
.area-kits .container ul a .valores span {
  color: #124795;
  font-weight: bold;
}
.area-kits .container ul a .valores small {
  font-size: 13px;
  font-weight: bold;
}
.area-kits .container ul a .header {
  font-size: 24px;
  width: 100%;
  border-radius: 20px 20px 0 0;
  color: #fff;
  text-transform: uppercase;
  padding: 16px;
  line-height: 1;
  background: #124795;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .header {
    grid-column: -1/1;
    font-size: 18px;
  }
}
.area-kits .container ul a .main {
  padding: 16px 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main {
    padding: 16px 0px;
    padding-left: 10px;
  }
}
.area-kits .container ul a .main strong {
  font-size: 40px;
  font-weight: 700;
  display: block;
  color: #124795;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main strong {
    font-size: 24px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .main strong {
    font-size: 20px;
  }
}
.area-kits .container ul a .main .days {
  display: block;
  font-weight: 500;
  font-size: 24px;
  margin-bottom: -10px;
  color: #828282;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .days {
    font-size: 16px;
    margin-bottom: 16px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .main .days {
    font-size: 14px;
  }
}
.area-kits .container ul a .main .area-img {
  position: relative;
  overflow: hidden;
  max-width: 300px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img {
    overflow: visible;
  }
}
.area-kits .container ul a .main .area-img::before {
  display: none;
}
.area-kits .container ul a .main .area-img .frete {
  max-width: 120px;
  position: absolute;
  top: -10%;
  left: 10%;
  z-index: 5;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .frete {
    max-width: 75px;
  }
}
.area-kits .container ul a .main .area-img .save {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 5%;
  background: #f43030;
  padding: 6px 16px;
}
.area-kits .container ul a .main .area-img .save small {
  font-size: 10px;
  color: #fff;
}
.area-kits .container ul a .main .area-img .save {
  width: 76px;
  height: 76px;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .save {
    bottom: 0;
    top: -15px;
    right: 0;
    transform: scale(0.7);
  }
}
.area-kits .container ul a .main .area-img .save {
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: path("M17.7195 67.0419C15.2814 67.0599 12.936 66.1086 11.1993 64.3974C9.46259 62.6861 8.47679 60.3551 8.45877 57.917L8.4279 53.7385C8.40858 51.3112 7.43004 48.99 5.70579 47.2815L2.7592 44.3781C1.89378 43.5302 1.20452 42.5195 0.731039 41.4043C0.257558 40.289 0.00920217 39.0912 0.000250915 37.8796C-0.00870034 36.6681 0.22193 35.4667 0.678881 34.3446C1.13583 33.2225 1.81009 32.2017 2.66288 31.3411L5.56625 28.3945C7.26507 26.6607 8.2092 24.3253 8.19266 21.898L8.16179 17.7195C8.14377 15.2814 9.09502 12.936 10.8063 11.1993C12.5175 9.46258 14.8486 8.47678 17.2867 8.45877L21.4652 8.42791C23.8925 8.40859 26.2136 7.43004 27.9222 5.70579L30.8255 2.75921C31.6735 1.89379 32.6841 1.20452 33.7994 0.731046C34.9146 0.257561 36.1125 0.00920216 37.324 0.000250912C38.5356 -0.00870034 39.737 0.221932 40.8591 0.678887C41.9812 1.13583 43.0019 1.81009 43.8626 2.66288L46.8092 5.56625C48.543 7.26507 50.8783 8.2092 53.3057 8.19265L57.4842 8.16179C59.9223 8.14378 62.2676 9.09502 64.0044 10.8063C65.7411 12.5175 66.7269 14.8486 66.7449 17.2866L66.7758 21.4652C66.7951 23.8925 67.7736 26.2136 69.4979 27.9222L72.4445 30.8255C73.3099 31.6735 73.9991 32.6841 74.4726 33.7994C74.9461 34.9146 75.1945 36.1125 75.2034 37.324C75.2124 38.5356 74.9817 39.737 74.5248 40.8591C74.0678 41.9812 73.3936 43.0019 72.5408 43.8626L69.6374 46.8091C67.9386 48.543 66.9945 50.8783 67.011 53.3056L67.0419 57.4842C67.0599 59.9222 66.1086 62.2676 64.3974 64.0043C62.6862 65.7411 60.3551 66.7269 57.917 66.7449L53.7385 66.7757C51.3112 66.7951 48.99 67.7736 47.2815 69.4979L44.3781 72.4444C43.5302 73.3099 42.5195 73.9991 41.4043 74.4726C40.289 74.9461 39.0912 75.1944 37.8796 75.2034C36.6681 75.2123 35.4667 74.9817 34.3446 74.5248C33.2225 74.0678 32.2017 73.3936 31.3411 72.5408L28.3945 69.6374C26.6607 67.9386 24.3253 66.9944 21.898 67.011L17.7195 67.0419Z");
}
.area-kits .container ul a .main .area-img .save b {
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  line-height: 1;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img .save {
    right: 0;
  }
}
.area-kits .container ul a .main .area-img img {
  height: 267px;
  position: relative;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
  z-index: 2;
}
@media (max-width: 900px) {
  .area-kits .container ul a .main .area-img img {
    height: auto;
  }
}
.area-kits .container ul a small {
  color: currentColor;
}
.area-kits .container ul a .price {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  line-height: 1;
  font-weight: 400;
  font-size: 24px;
  margin-bottom: 20px;
  color: #124795;
}
@media (max-width: 900px) {
  .area-kits .container ul a .price {
    font-size: 14px;
  }
}
.area-kits .container ul a .price strong {
  color: #124795;
  font-size: 64px;
  line-height: 1;
  font-weight: 600;
  margin-bottom: -6px;
  display: flex;
}
.area-kits .container ul a .price strong small {
  font-size: 18px;
  padding-top: 10px;
  color: #124795;
}
@media (max-width: 900px) {
  .area-kits .container ul a .price strong {
    font-size: 40px;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a .price strong {
    font-size: 30px;
  }
}
.area-kits .container ul a > ul {
  grid-template-columns: repeat(1, 1fr);
  gap: 4px;
  text-align: left;
  width: 100%;
  margin-bottom: 12px;
}
.area-kits .container ul a > ul li {
  display: grid;
  grid-template-columns: 20px 1fr;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  line-height: 1;
  font-weight: 500;
}
@media (max-width: 900px) {
  .area-kits .container ul a > ul li {
    font-size: 12px;
    display: flex;
    gap: 8px;
    margin-left: 0;
  }
}
@media (max-width: 370px) {
  .area-kits .container ul a > ul li {
    font-size: 14px;
  }
}
.area-kits .container ul a .footer {
  padding: 0 24px 28px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.area-kits .container ul a .footer .valores span {
  color: #0e2a47;
}
.area-kits .container ul a .footer .valores span s {
  color: #435874;
}
.area-kits .container ul a .footer ul {
  margin-right: 30px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1px;
}
.area-kits .container ul a .footer ul li {
  text-align: start;
  display: flex;
  padding: 0;
  line-height: 1.6;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  margin-left: 30px;
  color: #828282;
}
@media (max-width: 900px) {
  .area-kits .container ul a .footer ul li {
    font-size: 14px;
    margin-bottom: 4px;
    line-height: 1.2;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul a .footer {
    padding: 16px 10px 20px;
    margin-left: 20px;
  }
}
.area-kits .container ul a .footer .buy-cta {
  margin-bottom: 20px;
}
.area-kits .container ul .best-option strong {
  color: #124795 !important;
}
.area-kits .container ul .best-option .days {
  color: #6e7278 !important;
}
.area-kits .container ul .best-option .price {
  color: #124795;
}
.area-kits .container ul .best-option .valores span {
  color: !important;
}
.area-kits .container ul .best-option s {
  color: #6e7278 !important;
}
.area-kits .container ul .best-option .buy-cta {
  margin-bottom: 0px !important;
}
.area-kits .container ul .best-option a {
  background: #fff8e1;
}
.area-kits .container ul .best-option a .header {
  color: #124795;
  border-radius: 20.833px 20.833px 0 0;
  background: var(--Gradient-linear, linear-gradient(90deg, #ffc813 0%, #fff0af 52.4%, #ffc813 100%));
}
.area-kits .container ul .best-option a .price strong {
  font-size: 80px;
  color: #fff;
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option a .price strong {
    font-size: 40px;
  }
}
.area-kits .container ul .best-option a .main .area-img .save {
  right: 5%;
}
.area-kits .container ul .best-option a ul {
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1px;
}
.area-kits .container ul .best-option a ul li {
  font-weight: 500;
  color: #6e7278;
  border-radius: 50px;
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option a ul li {
    font-size: 12px;
  }
  .area-kits .container ul .best-option a ul li img {
    width: 24px;
  }
}
.area-kits .container ul .best-option a .placeholder {
  border-color: rgba(11, 60, 93, 0.2);
  background: rgba(11, 60, 93, 0.03);
}
.area-kits .container ul .best-option a .divider {
  border-color: rgba(11, 60, 93, 0.15);
}
.area-kits .container ul .k3 a {
  border-radius: 20px;
  border-bottom: 3px solid #0b3c5d;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
.area-kits .container ul .k3 ul {
  gap: 12px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 1px;
}
.area-kits .container ul .k3 ul li {
  font-weight: 500;
  padding: 10px 12px;
  color: #124795;
  border-radius: 50px;
}
@media (max-width: 900px) {
  .area-kits .container ul .k3 ul li {
    font-size: 12px;
  }
  .area-kits .container ul .k3 ul li img {
    width: 24px;
  }
}
.area-kits .container ul .k1 a {
  border-radius: 20px;
  border-bottom: 3px solid #0b3c5d;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
}
.area-kits .container ul .k1 ul {
  gap: 12px;
  margin-bottom: 20px;
}
.area-kits .container ul .k1 ul li {
  font-weight: 500;
  padding: 10px 12px;
  color: #124795;
  border-radius: 50px;
}
@media (max-width: 900px) {
  .area-kits .container ul .k1 ul li {
    font-size: 12px;
  }
  .area-kits .container ul .k1 ul li img {
    width: 24px !important;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul .k1 .area-img {
    padding-top: 10px !important;
  }
}
@media (max-width: 900px) {
  .area-kits .container ul .best-option {
    grid-row: 1;
  }
  .area-kits .container ul .k3 {
    grid-row: 2;
  }
}

.area-about {
  background: url("../images/about-bg.png");
}
@media (max-width: 900px) {
  .area-about {
    background: #395175;
  }
}
.area-about .container {
  padding: 80px 0px;
}
.area-about .container .about-box {
  background-color: #395175;
  border-radius: 20px;
  padding: 80px;
  display: flex;
  gap: 32px;
  color: #fff;
}
@media (max-width: 900px) {
  .area-about .container .about-box {
    flex-direction: column;
    padding: 40px;
    margin: 0;
  }
}
.area-about .container .about-box h2 {
  font-size: 48px;
}
@media (max-width: 900px) {
  .area-about .container .about-box h2 {
    font-size: 32px;
  }
}
.area-about .container .about-box .about-text {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: start;
}
.area-about .container .about-box .about-text ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.area-about .container .about-box .about-text ul li {
  font-size: 16px;
}
.area-about .container .about-box .about-text .infos-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}
.area-about .container .about-box .about-text .infos-btn .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 50px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.area-about .container .about-box .about-text .infos-btn .btn img {
  width: 1.5em;
  margin: 0;
}
.area-about .container .about-box .about-text .infos-btn .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .area-about .container .about-box .about-text .infos-btn .btn {
    font-size: 20px;
    text-align: center;
    text-wrap: nowrap;
  }
}
.area-about .container .about-box .about-text .infos-btn .mini-badge {
  display: flex;
  font-size: 16px;
  gap: 12px;
  text-align: center;
}

.area-benefits {
  /* TODO: Substitua pelo caminho da sua imagem de fundo */
  /* background-image: url("../images/SEU-BACKGROUND-AQUI.png"); */
  background: url("../images/benefits-bg.png");
  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
  padding: 80px 0;
  overflow: hidden;
}
@media (max-width: 900px) {
  .area-benefits {
    padding: 60px 0;
    background-color: #124795;
  }
}
.area-benefits .benefits-inner {
  max-width: 580px;
  display: flex;
  flex-direction: column;
  gap: 28px;
  color: #fff;
}
@media (max-width: 900px) {
  .area-benefits .benefits-inner {
    max-width: 100%;
  }
}
.area-benefits .benefits-rating {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 50px;
  padding: 7px 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.area-benefits .benefits-rating__stars {
  color: #e1c059;
  font-size: 16px;
  letter-spacing: 2px;
  line-height: 1;
}
.area-benefits .benefits-rating__text {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.area-benefits .benefits-title {
  font-size: 42px;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
}
.area-benefits .benefits-title b {
  color: #e1c059;
}
@media (max-width: 900px) {
  .area-benefits .benefits-title {
    font-size: 28px;
  }
}
.area-benefits .benefits-list {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.area-benefits .benefit-card {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 12px;
  padding: 20px 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.area-benefits .benefit-card__body {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.area-benefits .benefit-card__body h3 {
  font-size: 22px;
  font-weight: 700;
  color: #124795;
  line-height: 1.3;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.area-benefits .benefit-card__body p {
  font-size: 16px;
  color: #435874;
  line-height: 1.6;
  margin: 0;
}
.area-benefits .benefits-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.area-benefits .benefits-cta .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 22px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.area-benefits .benefits-cta .btn img {
  width: 1.5em;
  margin: 0;
}
.area-benefits .benefits-cta .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .area-benefits .benefits-cta .btn {
    font-size: 20px;
    padding: 14px 60px;
    text-wrap: nowrap;
  }
}
.area-benefits .benefits-cta .mini-badge {
  display: flex;
  font-size: 16px;
  gap: 12px;
  color: #fff;
}

.area-ingredients {
  background: #eef4ff;
  padding: 80px 0;
}
@media (max-width: 900px) {
  .area-ingredients {
    padding: 60px 0;
  }
}
.area-ingredients .ingr__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .area-ingredients .ingr__header {
    flex-direction: column;
  }
}
.area-ingredients .ingr__header-text {
  max-width: 620px;
}
.area-ingredients .ingr__title {
  font-size: 42px;
  font-weight: 800;
  color: #124795;
  margin-bottom: 14px;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .area-ingredients .ingr__title {
    font-size: 30px;
  }
}
.area-ingredients .ingr__subtitle {
  font-size: 16px;
  color: #5a7a9e;
  line-height: 1.65;
  margin-bottom: 0;
}
.area-ingredients .ingr__nav-btns {
  display: flex;
  gap: 12px;
  flex-shrink: 0;
  padding-top: 6px;
}
.area-ingredients .ingr__nav {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: #124795;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
  line-height: 1;
}
.area-ingredients .ingr__nav:hover {
  background: #0d3570;
  transform: scale(1.08);
}
.area-ingredients .ingr__nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.area-ingredients .ingr-swiper {
  width: 100%;
  overflow: hidden;
}
.area-ingredients .ingr-swiper .swiper-slide {
  height: auto;
}
.area-ingredients .ingr-card {
  border-radius: 14px;
  overflow: hidden;
  background: #395175;
  box-shadow: 0 4px 20px rgba(18, 71, 149, 0.18);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease;
}
.area-ingredients .ingr-card:hover {
  transform: translateY(-5px);
}
.area-ingredients .ingr-card__img {
  width: 100%;
  aspect-ratio: 4/3;
  background: #b8cfe0;
  overflow: hidden;
  flex-shrink: 0;
}
.area-ingredients .ingr-card__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.area-ingredients .ingr-card__body {
  padding: 24px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.area-ingredients .ingr-card__body h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
  line-height: 1.3;
}
.area-ingredients .ingr-card__body p {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.65;
  margin-bottom: 0;
}
.area-ingredients .ingr__cta {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.area-ingredients .ingr__cta .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.area-ingredients .ingr__cta .btn img {
  width: 1.5em;
  margin: 0;
}
.area-ingredients .ingr__cta .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .area-ingredients .ingr__cta .btn {
    font-size: 20px;
    padding: 14px 48px;
  }
}

.area-testimonials {
  padding: 60px 0;
  background: #e8f4ff;
}
@media (max-width: 900px) {
  .area-testimonials {
    padding: 60px 0;
  }
}
.area-testimonials .testi__header {
  text-align: center;
  margin-bottom: 48px;
}
.area-testimonials .testi__rating {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
.area-testimonials .testi__stars {
  color: #f4c430;
  font-size: 24px;
  letter-spacing: 2px;
  line-height: 1;
}
.area-testimonials .testi__rating-text {
  font-size: 16px;
  font-weight: 600;
  color: #435874;
}
.area-testimonials .testi__title {
  font-size: 42px;
  font-weight: 800;
  color: #124795;
  line-height: 1.2;
}
@media (max-width: 900px) {
  .area-testimonials .testi__title {
    font-size: 28px;
  }
}
.area-testimonials .testi__slider-wrapper {
  width: 100%;
}
.area-testimonials .testi-swiper {
  width: 100%;
}
.area-testimonials .swiper-slide {
  height: auto;
}
.area-testimonials .testi__nav-row {
  display: none;
}
@media (max-width: 900px) {
  .area-testimonials .testi__nav-row {
    display: flex;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
  }
}
.area-testimonials .testi__nav {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: none;
  background: #124795;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s, transform 0.2s;
  line-height: 1;
}
.area-testimonials .testi__nav:hover {
  background: #124795;
  transform: scale(1.08);
}
.area-testimonials .testi__nav.swiper-button-disabled {
  opacity: 0.35;
  cursor: default;
}
.area-testimonials .testi-card {
  border-radius: 14px;
  overflow: hidden;
  background: #395175;
  box-shadow: 0 4px 20px rgba(18, 71, 149, 0.18);
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: transform 0.3s ease;
}
.area-testimonials .testi-card:hover {
  transform: translateY(-5px);
  cursor: pointer;
}
.area-testimonials .testi-card__photo {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  flex-shrink: 0;
}
.area-testimonials .testi-card__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
  display: block;
}
.area-testimonials .testi-card__body {
  padding: 22px 24px 28px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.area-testimonials .testi-card__name {
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  display: block;
  line-height: 1.3;
}
.area-testimonials .testi-card__quote {
  font-size: 16px;
  color: rgba(255, 255, 255, 0.82);
  line-height: 1.7;
  margin-bottom: 0;
}
.area-testimonials .testi-card__quote b {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 900px) {
  .area-testimonials .testi-card__quote {
    font-size: 13px;
  }
}
.area-testimonials .testi__cta {
  display: flex;
  justify-content: center;
  margin-top: 48px;
}
.area-testimonials .testi__cta .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 24px;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
}
.area-testimonials .testi__cta .btn img {
  width: 1.5em;
  margin: 0;
}
.area-testimonials .testi__cta .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .area-testimonials .testi__cta .btn {
    font-size: 20px;
    padding: 14px 48px;
  }
}

.guarantee {
  background-color: #124795;
  color: #fff;
  padding: 40px 0;
}
@media (max-width: 900px) {
  .guarantee {
    padding: 40px 0;
  }
}
.guarantee .container {
  display: flex;
  align-items: center;
}
@media (max-width: 900px) {
  .guarantee .container {
    flex-direction: column;
    text-align: center;
  }
}
.guarantee .container h2 {
  font-family: Manrope;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 900px) {
  .guarantee .container h2 {
    font-size: 30px;
  }
}
.guarantee .container .guarantee-img {
  width: 100%;
}
.guarantee .container .guarantee-info {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 15px;
}
.guarantee .container .guarantee-info .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-wrap: nowrap;
}
.guarantee .container .guarantee-info .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .guarantee .container .guarantee-info .btn {
    font-size: 20px;
    margin-bottom: 30px;
  }
}

.faq {
  background: #fff;
  margin-top: 60px;
}
@media (max-width: 900px) {
  .faq {
    margin-top: 40px;
  }
}
.faq {
  padding-top: 73px;
}
.faq .container {
  max-width: 934px !important;
}
.faq .container > span {
  color: #0d2a45;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
.faq .btn {
  display: flex;
  padding: 14px 104px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  border-radius: 50px;
  margin: 0 auto;
  margin-top: 20px;
  border-radius: 62.048px;
  border-bottom: 7.446px solid #8e7c02;
  background: linear-gradient(180deg, #fffe4a 0%, #ffc401 100%);
  color: #0e0d11;
  font-family: Inter;
  font-size: 22px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  text-wrap: nowrap;
}
.faq .btn:hover {
  filter: brightness(95%);
}
@media (max-width: 900px) {
  .faq .btn {
    font-size: 18px;
  }
}
.faq .faq-header {
  position: relative;
  text-align: center;
  margin-bottom: 48px;
}
.faq .faq-header p {
  color: #395175;
  margin-top: 10px;
}
.faq .faq-watermark {
  font-size: 120px;
  font-weight: 900;
  color: rgba(18, 71, 149, 0.09);
  text-transform: uppercase;
  line-height: 1;
  margin: 0;
  letter-spacing: 4px;
}
.faq .title {
  text-align: center;
  color: #0d2a45;
  margin: 0;
  margin-top: -45px;
  font-size: 40px;
  font-weight: 800;
}
@media (max-width: 900px) {
  .faq .title {
    font-size: 30px;
  }
}
.faq .days_gua {
  color: #0d2a45;
}
.faq .accordion {
  display: grid;
  gap: 16px;
  margin-bottom: 48px;
}
.faq .item {
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transition: box-shadow 0.3s ease;
}
.faq .item:hover {
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}
.faq .item .header {
  border-radius: 8px;
  background: #395175;
  border: 1px solid rgba(47, 27, 82, 0.2);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  padding: 16px;
  transition: all 0.3s ease;
}
.faq .item .header:hover {
  transform: translateY(-10px);
}
@media (max-width: 900px) {
  .faq .item .header {
    padding: 16px;
  }
}
.faq .item .header p {
  font-weight: 500;
  color: #fff;
  font-size: 24px;
  margin-bottom: 0;
  text-align: left;
}
@media (max-width: 900px) {
  .faq .item .header p {
    font-size: 18px;
  }
}
.faq .item .header::after {
  content: "+";
  transition: all 0.4s ease;
  font-size: 28px;
  font-weight: 400;
  color: #124795;
}
.faq .item .body {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.4s ease;
  padding: 0 12px;
  background: #fff;
}
.faq .item .body p,
.faq .item .body li,
.faq .item .body p b {
  text-align: left;
  font-size: 16px;
  margin-bottom: 16px;
  color: #124795;
}
@media (max-width: 900px) {
  .faq .item .body p,
  .faq .item .body li,
  .faq .item .body p b {
    font-size: 16px;
  }
}
.faq .item .body a {
  text-decoration: underline;
}
.faq .item .body li {
  list-style: "✔";
  margin-left: 20px;
}
.faq .item .body img {
  margin: 20px auto;
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.faq .item.active .header {
  background-color: #124795;
}
.faq .item.active .header::after {
  content: "-";
  color: #124795;
}
.faq .item.active .header {
  border-radius: 8px 8px 0 0;
}
.faq .item.active .header p {
  color: #fff;
}
.faq .item.active .body {
  padding-top: 20px;
  padding-bottom: 20px;
  max-height: 600px;
  overflow: auto;
}
.faq .btn {
  margin-bottom: 35px;
}

.site-footer .footer-main {
  background: #395175;
  padding: 60px 0 40px;
  text-align: center;
  margin-top: 30px;
}
.site-footer .footer-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 32px;
}
.site-footer .footer-brand .footer-logo {
  max-width: 230px;
}
.site-footer .footer-brand .footer-name {
  color: #D6EEFF;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 4px;
  margin: 0;
}
.site-footer .footer-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
  margin-bottom: 24px;
}
.site-footer .footer-nav a {
  color: #D6EEFF;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  transition: color 0.3s;
}
.site-footer .footer-nav a:hover {
  transform: scale(1.01);
}
.site-footer .footer-divider {
  border: none;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
  margin: 0 0 32px;
}
.site-footer .footer-disclaimer {
  color: #D6EEFF;
  font-size: 13px;
  line-height: 1.7;
  max-width: 900px;
  margin: 0 auto;
}
.site-footer .footer-bottom {
  background: linear-gradient(to right, #124795);
  padding: 20px 0;
  text-align: center;
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}
.site-footer .footer-bottom p {
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  margin: 0;
  font-weight: 500;
}
.site-footer .footer-bottom p:first-child {
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
}
.site-footer .copyright {
  background-color: #124795;
}/*# sourceMappingURL=style.css.map */