@charset "UTF-8";
[data-delay] {
  display: none;
}

main {
  border-top: 10px solid #0f3d6e;
  background-color: #fff;
}
main .container {
  max-width: 680px;
  padding: 32px 20px;
  text-align: center;
}
main .container h1 {
  font-size: 34px;
  line-height: 1.2;
  color: #000;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  main .container h1 {
    font-size: 28px;
  }
}
main .container h1 u {
  color: currentColor;
  text-decoration: underline;
}
main .container h1 b {
  background: #fffe4a;
  color: #0f3d6e;
  line-height: 1.4;
}
main .container p {
  color: #929292;
  margin-bottom: 5px;
  font-size: 20px;
}
@media (max-width: 900px) {
  main .container p {
    font-size: 16px;
  }
}
main .viewer-counter {
  text-align: center;
  background: rgba(15, 61, 110, 0.1);
  padding: 10px;
  border-radius: 8px;
  color: #0f3d6e;
  font-weight: 600;
  margin: 30px auto 20px;
  max-width: 400px;
}

vturb-smartplayer {
  display: block;
  margin: 24px auto 0;
  width: 100%;
  max-width: 680px;
}

@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-33.33%);
  }
}
@keyframes rotate {
  from {
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  to {
    transform: translateX(-50%) translateY(-50%) rotate(360deg);
  }
}
@keyframes float {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-15px);
  }
}
@keyframes blurPulse {
  0%, 100% {
    filter: blur(0px);
  }
  50% {
    filter: blur(3px);
  }
}
@keyframes scrollClick {
  0%, 100% {
    transform: rotate(-20deg) translateY(0);
  }
  50% {
    transform: rotate(-20deg) translateY(-8px);
  }
}
* {
  margin: 0;
  padding: 0;
  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
  color: #4f6072;
}

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

.container {
  margin: 0 auto;
  max-width: 1216px;
  padding: 0 20px;
}

.center {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.pd {
  padding: 40px 0;
}
@media (min-width: 900px) {
  .pd {
    padding: 80px 0;
  }
}

p {
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 900px) {
  p {
    font-size: 16px;
  }
}

.sub {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-size: 14px;
}
.sub::before {
  content: url('data:image/svg+xml;utf8,<svg width="24" height="21" viewBox="0 0 24 21" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.2819 5.05191C22.0483 4.86147 21.7247 4.82566 21.4551 4.96047L15.5746 7.90074L12.6344 2.02024C12.3616 1.45966 11.5363 1.45987 11.2637 2.02024L8.32343 7.90074L2.44294 4.96052C2.17343 4.82576 1.84982 4.86152 1.61616 5.05196C1.38251 5.24239 1.28224 5.55211 1.35988 5.84333L4.64282 18.1543C4.73226 18.4897 5.03605 18.7231 5.38321 18.7231H18.5149C18.862 18.7231 19.1658 18.4897 19.2552 18.1543L22.5381 5.84333C22.6158 5.55206 22.5156 5.24234 22.2819 5.05191ZM17.9262 17.1906H5.97189L5.5051 15.4401H18.3929L17.9262 17.1906ZM18.8016 13.9076H5.09643L3.27891 7.09185L8.32343 9.61411C8.70186 9.80332 9.16221 9.64997 9.35148 9.27145L11.949 4.07633L14.5466 9.27145C14.7359 9.64997 15.1961 9.80342 15.5746 9.61411L20.6192 7.09185L18.8016 13.9076Z" fill="%2300D2C7"/></svg>');
  margin-right: 8px;
}

.title,
h1 {
  font-size: 36px;
  color: #0f3d6e;
  line-height: 1.3;
  margin-bottom: 16px;
}
.title b,
h1 b {
  color: #00d2c7;
  font-weight: 600;
}

.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border-bottom: 6px solid #8e7c02;
  font-size: 24px;
  color: #0e0d11;
  padding: 18px;
  width: 100%;
  max-width: 400px;
  gap: 16px;
  font-weight: 600;
  background: linear-gradient(180deg, #fffe4a 0%, #ffd901 100%);
  transition: all 0.6s ease;
}
.btn::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><g clip-path="url(%23clip0_80097_2)"><path d="M9.1 19C9.76304 19 10.3989 19.2634 10.8678 19.7322C11.3366 20.2011 11.6 20.837 11.6 21.5C11.6 22.163 11.3366 22.7989 10.8678 23.2678C10.3989 23.7366 9.76304 24 9.1 24C8.43696 24 7.80107 23.7366 7.33223 23.2678C6.86339 22.7989 6.6 22.163 6.6 21.5C6.6 20.837 6.86339 20.2011 7.33223 19.7322C7.80107 19.2634 8.43696 19 9.1 19ZM19.5 19C20.163 19 20.7989 19.2634 21.2678 19.7322C21.7366 20.2011 22 20.837 22 21.5C22 22.163 21.7366 22.7989 21.2678 23.2678C20.7989 23.7366 20.163 24 19.5 24C18.837 24 18.2011 23.7366 17.7322 23.2678C17.2634 22.7989 17 22.163 17 21.5C17 20.837 17.2634 20.2011 17.7322 19.7322C18.2011 19.2634 18.837 19 19.5 19ZM9.1 21C8.96739 21 8.84021 21.0527 8.74645 21.1464C8.65268 21.2402 8.6 21.3674 8.6 21.5C8.6 21.6326 8.65268 21.7598 8.74645 21.8536C8.84021 21.9473 8.96739 22 9.1 22C9.23261 22 9.35979 21.9473 9.45355 21.8536C9.54732 21.7598 9.6 21.6326 9.6 21.5C9.6 21.3674 9.54732 21.2402 9.45355 21.1464C9.35979 21.0527 9.23261 21 9.1 21ZM19.5 21C19.3674 21 19.2402 21.0527 19.1464 21.1464C19.0527 21.2402 19 21.3674 19 21.5C19 21.6326 19.0527 21.7598 19.1464 21.8536C19.2402 21.9473 19.3674 22 19.5 22C19.6326 22 19.7598 21.9473 19.8536 21.8536C19.9473 21.7598 20 21.6326 20 21.5C20 21.3674 19.9473 21.2402 19.8536 21.1464C19.7598 21.0527 19.6326 21 19.5 21ZM22 2C22.3213 2.00002 22.6379 2.07746 22.923 2.22577C23.208 2.37408 23.4531 2.58889 23.6376 2.85201C23.822 3.11513 23.9404 3.41882 23.9826 3.73737C24.0247 4.05591 23.9896 4.37993 23.88 4.682L23.788 4.894L19.788 12.894C19.6408 13.1884 19.4232 13.4419 19.1546 13.632C18.886 13.8221 18.5746 13.9431 18.248 13.984L18 14H10C9.87788 13.9998 9.75604 13.9884 9.636 13.966L8.618 16H21C21.2499 15.9995 21.4909 16.0927 21.6756 16.261C21.8602 16.4294 21.9752 16.6608 21.9978 16.9096C22.0203 17.1585 21.9489 17.4068 21.7976 17.6057C21.6462 17.8045 21.4259 17.9395 21.18 17.984L21 18H8.618C8.29691 17.9999 7.98058 17.9224 7.69574 17.7742C7.4109 17.626 7.16593 17.4114 6.98154 17.1486C6.79714 16.8857 6.67875 16.5823 6.63636 16.264C6.59397 15.9458 6.62883 15.622 6.738 15.32L6.83 15.106L8.072 12.618L4.212 4.894C4.17397 4.81878 4.14057 4.7413 4.112 4.662L2.78 2H1C0.765949 2.00008 0.539285 1.91806 0.359482 1.76822C0.179679 1.61839 0.0581292 1.41023 0.0160001 1.18L5.56206e-08 1C-7.79722e-05 0.765949 0.0819429 0.539285 0.231779 0.359482C0.381615 0.179679 0.589772 0.0581293 0.82 0.0160001L1 1.43269e-07H3.4C3.55407 -8.23196e-05 3.70607 0.0354342 3.84414 0.103779C3.98222 0.172123 4.10264 0.271447 4.196 0.394L4.296 0.554L5.018 2H22ZM22 4H6.018L9.894 11.752L9.96 11.92L10 12H18L22 4Z" fill="%230E0D11"/></g><defs><clipPath id="clip0_80097_2"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
  margin-left: 8px;
}
.btn:hover {
  transform: translateY(-3px);
  border-bottom-width: 9px;
  background: linear-gradient(180deg, #ffff6e 0%, #ffe11a 100%);
}

.timer-bar {
  position: relative;
  display: flex;
  padding: 40px 20px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: #0f3d6e;
}
.timer-bar .header-divisor {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 99%);
  width: 180px;
  z-index: 2;
}
.timer-bar__text {
  color: #fff;
  text-align: center;
  font-size: 40px;
  font-weight: 400;
  line-height: 135%;
}
.timer-bar__text b {
  color: #fff;
  font-weight: 700;
}
@media (max-width: 900px) {
  .timer-bar__text {
    font-size: 24px;
  }
}
.timer-bar__timer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.timer-bar__icon {
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}
@media (max-width: 900px) {
  .timer-bar__icon {
    width: 44px;
    height: 44px;
  }
}
.timer-bar__count {
  color: #ffdc17;
  text-align: center;
  font-family: "Manrope", sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 130%;
}
@media (max-width: 900px) {
  .timer-bar__count {
    font-size: 48px;
  }
}

header {
  background: #0f3d6e;
}
header > span {
  background: #00d2c7;
  color: #0f3d6e;
  padding: 14px;
  display: flex;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media (max-width: 900px) {
  header > span {
    font-size: 14px;
    gap: 8px;
  }
}
header .container {
  padding: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
@media (max-width: 900px) {
  header .container {
    justify-content: center;
  }
}
header .container * {
  color: #fff;
  font-size: 18px;
}
header .container nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
header .container nav a {
  padding: 2px 16px;
  transition: all 0.6s ease;
}
header .container nav a:hover {
  background: #00d2c7;
  border-radius: 3px;
  color: #0f3d6e;
}
header .container .btn-contact {
  border: 1px solid #fff;
  padding: 12px 32px;
  border-radius: 50px;
  transition: all 0.6s;
}
header .container .btn-contact:hover {
  background: #00d2c7;
  color: #0f3d6e;
  border-color: #0f3d6e;
}
@media (max-width: 900px) {
  header .container nav,
  header .container .btn-contact {
    display: none;
  }
}

.hero {
  position: relative;
  background: linear-gradient(180deg, #cce9f7 0%, #fff 100%);
}
@media (max-width: 900px) {
  .hero {
    background: url("../img/BG-mobile.png") center bottom/cover no-repeat;
  }
  .hero .bg-img {
    display: none;
  }
  .hero .area-img .item {
    display: none;
  }
}
.hero .bg {
  position: absolute;
  height: 100%;
}
.hero .bg .bg-img {
  max-width: none;
  width: 100%;
  opacity: 0.4;
  mix-blend-mode: overlay;
}
.hero .bg .folha {
  position: absolute;
  z-index: 1;
}
.hero .bg .folha.f1 {
  bottom: 0;
}
.hero .container {
  display: flex;
  position: relative;
  z-index: 2;
  align-items: flex-end;
}
@media (max-width: 900px) {
  .hero .container {
    flex-direction: column;
    align-items: stretch;
  }
}
.hero .container .content {
  padding: 124px 0 164px;
  max-width: 450px;
}
@media (max-width: 900px) {
  .hero .container .content {
    padding: 48px 0 32px;
    max-width: 100%;
  }
}
.hero .container .content .sub {
  margin-bottom: 24px;
}
.hero .container .content p {
  margin-bottom: 32px;
}
.hero .container .content h1 {
  font-size: 40px;
}
@media (max-width: 900px) {
  .hero .container .content h1 {
    font-size: 32px;
  }
}
.hero .container .area-img {
  position: relative;
  width: 100%;
}
@media (max-width: 900px) {
  .hero .container .area-img .main_prodcut {
    max-width: 78%;
    margin-right: auto;
    margin-left: -4%;
  }
  .hero .container .area-img .selo {
    top: 4%;
    right: 14%;
    transform: scale(0.62);
    transform-origin: top right;
  }
}
.hero .container .area-img .selo {
  position: absolute;
  top: 20%;
  right: 30%;
}
.hero .container .area-img .selo .nome {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  animation: rotate 20s linear infinite;
}
.hero .container .area-img .item {
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.6);
  background: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(12px);
  padding: 10px 16px;
  color: #0f3d6e;
  z-index: 3;
  position: absolute;
  font-weight: 500;
  text-align: center;
  animation: float 3s ease-in-out infinite;
  transition: all 0.6s ease;
}
.hero .container .area-img .item:hover {
  transform: scale(1.1);
  background: rgba(255, 255, 255, 0.6);
  border-color: rgba(255, 255, 255, 0.9);
}
.hero .container .area-img .item.i1 {
  top: 40%;
  left: 10%;
}
.hero .container .area-img .item.i2 {
  right: 20%;
  bottom: 20%;
  animation-delay: 1.5s;
}
.hero .container .area-img .pill {
  position: absolute;
  z-index: 1;
  right: 10%;
  bottom: 2%;
  animation: blurPulse 4s ease-in-out infinite;
  width: 60px;
  height: 60px;
}
.hero .old {
  position: absolute;
  bottom: 0;
  right: 10%;
  max-width: none;
  height: 100%;
}
@media (max-width: 1600px) {
  .hero .old {
    right: 0;
  }
}
@media (max-width: 900px) {
  .hero .old {
    display: none;
  }
}

.rage-bar {
  background: rgba(255, 255, 255, 0.3019607843);
  overflow: hidden;
  padding: 12px 0;
}
.rage-bar .rage {
  display: flex;
  gap: 6px;
  animation: scroll 30s linear infinite;
  width: -moz-max-content;
  width: max-content;
}
.rage-bar .rage li {
  font-size: 20px;
  flex-shrink: 0;
  padding: 0 20px;
  white-space: nowrap;
  color: #4F6072;
}
.rage-bar .rage li::before {
  content: "•";
  margin-right: 10px;
  color: #00d2c7;
}

.about {
  background: var(--gradient, linear-gradient(180deg, #fff 0%, #cce9f7 100%));
}
.about .container {
  gap: 40px;
}
.about .area-title .sub {
  justify-content: center;
}
.about .content {
  display: flex;
  align-items: center;
  gap: 96px;
  align-self: stretch;
}
@media (max-width: 900px) {
  .about .content {
    flex-direction: column;
    gap: 32px;
  }
}
.about .content article {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  text-align: left;
}
.about .content article b {
  color: #0f3d6e;
}
.about .content picture {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 900px) {
  .about .content picture {
    order: -1;
  }
}
.about .content picture img {
  position: relative;
  z-index: 2;
  max-width: 280px;
  animation: float 3s ease-in-out infinite;
}
.about .content picture svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.about .content .info {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 24px;
  text-align: left;
}
.about .content .info > p {
  color: #0f3d6e;
  font-weight: 600;
}
.about .content .info ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.about .content .info ul li {
  display: flex;
  align-items: center;
  gap: 12px;
}
.about .content .info ul li::before {
  content: url("../img/blue-check.svg");
  width: 24px;
  height: 24px;
  line-height: 0;
}

#ingredients {
  background: linear-gradient(180deg, #cce9f7 0%, #fff 100%);
}
#ingredients .container {
  gap: 40px;
}
#ingredients .area-title .sub {
  justify-content: center;
}
#ingredients .cards {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  align-content: flex-start;
  gap: 32px;
  align-self: stretch;
}
#ingredients .cards li {
  flex: 1 0 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  padding: 40px;
  border-radius: 20px;
  border: 1px solid rgba(79, 96, 114, 0.2);
  background: #fff;
  transition: all 0.6s ease;
}
@media (max-width: 900px) {
  #ingredients .cards li {
    flex: 1 1 100%;
    padding: 32px 24px;
  }
}
#ingredients .cards li img {
  width: 100px;
  height: 100px;
}
#ingredients .cards li h3 {
  color: #0f3d6e;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
}
#ingredients .cards li p {
  text-align: center;
  align-self: stretch;
}
#ingredients .cards li:hover {
  transform: translateY(-6px);
  border-color: #00d2c7;
  box-shadow: 0 12px 32px rgba(15, 61, 110, 0.12);
}

#benefits {
  background: #0f3d6e;
}
#benefits .container {
  gap: 40px;
}
#benefits .sub {
  justify-content: center;
  color: #dcedff;
  margin-bottom: 16px;
}
#benefits .title {
  color: #fff;
}
#benefits .content {
  display: flex;
  align-items: center;
  gap: 56px;
  align-self: stretch;
}
@media (max-width: 900px) {
  #benefits .content {
    flex-direction: column;
    gap: 0;
  }
  #benefits .content .col {
    gap: 0;
    text-align: center !important;
  }
  #benefits .content .col article {
    align-items: center;
    padding: 32px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }
  #benefits .content .col article img {
    align-self: center !important;
  }
  #benefits .content .col:last-child article:last-child {
    border-bottom: none;
  }
  #benefits .content picture {
    display: none;
  }
}
#benefits .content .col {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  text-align: left;
}
#benefits .content .col article {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
#benefits .content .col article:first-child {
  padding-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}
#benefits .content .col article img {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 3px;
  border: 2px solid #00d2c7;
}
#benefits .content .col article h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
}
#benefits .content .col article p {
  color: #dcedff;
  font-size: 16px;
  line-height: 1.4;
}
#benefits .content .col:last-child {
  text-align: right;
}
#benefits .content .col:last-child article img {
  align-self: flex-end;
}
#benefits .content picture {
  flex-shrink: 0;
}
#benefits .content picture img {
  max-width: 200px;
  animation: float 3s ease-in-out infinite;
}

#testimonials {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg, #fff 0%, #cce9f7 100%);
}
#testimonials .lines {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.6;
  z-index: 0;
}
#testimonials .leaf {
  position: absolute;
  width: 193px;
  height: 153px;
  z-index: 1;
  animation: float 5s ease-in-out infinite;
}
#testimonials .leaf.l1 {
  top: 18px;
  left: 16%;
  transform: rotate(34deg);
}
#testimonials .leaf.l2 {
  bottom: 40px;
  right: 10%;
  transform: rotate(26deg);
  animation-delay: 1.5s;
}
#testimonials .container {
  position: relative;
  z-index: 2;
  gap: 40px;
}
#testimonials .area-title .sub {
  justify-content: center;
}
#testimonials .slider {
  position: relative;
  width: 804px;
  max-width: 100%;
}
#testimonials .slider .viewport {
  overflow: hidden;
  border-radius: 20px;
}
#testimonials .slider .track {
  display: flex;
  transition: transform 0.5s ease;
}
#testimonials .slide {
  flex: 0 0 100%;
  display: flex;
  align-items: stretch;
  gap: 40px;
  border-radius: 20px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  background: #fff;
  overflow: hidden;
}
@media (max-width: 700px) {
  #testimonials .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}
#testimonials .slide .t-text {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  padding: 40px;
  text-align: left;
}
#testimonials .slide .stars {
  color: #ffd901;
  font-size: 20px;
  letter-spacing: 4px;
}
#testimonials .slide .quote {
  font-size: 20px;
  color: #4f6072;
  line-height: 1.4;
}
#testimonials .slide .quote b {
  font-weight: 500;
  color: #4f6072;
}
#testimonials .slide .t-author {
  align-self: stretch;
}
#testimonials .slide .t-author h4 {
  color: #0d2a45;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 8px;
}
#testimonials .slide .verified {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
#testimonials .slide .verified::before {
  content: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="12" r="11" fill="%2321A05A"/><path d="M7 12.5L10.5 16L17 8.5" stroke="white" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  line-height: 0;
}
#testimonials .slide .t-photo {
  width: 320px;
  -o-object-fit: cover;
     object-fit: cover;
  align-self: stretch;
}
@media (max-width: 700px) {
  #testimonials .slide .t-photo {
    order: -1;
    width: 100%;
    height: 340px;
  }
}
#testimonials .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  border: none;
  background: none;
  cursor: pointer;
  z-index: 3;
  transition: transform 0.3s ease;
}
#testimonials .arrow:hover {
  transform: translateY(-50%) scale(1.1);
}
#testimonials .arrow.prev {
  left: -80px;
}
#testimonials .arrow.next {
  right: -80px;
}
@media (max-width: 1000px) {
  #testimonials .arrow.prev {
    left: 8px;
  }
  #testimonials .arrow.next {
    right: 8px;
  }
}
@media (max-width: 700px) {
  #testimonials .arrow {
    top: 340px;
    width: 42px;
    height: 42px;
  }
  #testimonials .arrow.prev {
    left: -16px;
  }
  #testimonials .arrow.next {
    right: -16px;
  }
}
#testimonials .dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 9px;
  margin-top: 24px;
}
#testimonials .dots button {
  width: 9px;
  height: 9px;
  padding: 0;
  border: none;
  border-radius: 50px;
  background: #cdd9e9;
  cursor: pointer;
  transition: all 0.3s ease;
}
#testimonials .dots button.active {
  width: 28px;
  background: #1d86ad;
}

.area-kits {
  background: linear-gradient(180deg, #fff 0%, #cce9f7 100%);
  padding-bottom: 180px;
}
.area-kits .container {
  gap: 8px;
}
.area-kits .lead {
  color: #4f6072;
  margin-bottom: 40px;
}
.area-kits > .container > ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  align-items: flex-end;
  width: 100%;
}
@media (max-width: 900px) {
  .area-kits > .container > ul {
    grid-template-columns: 1fr;
  }
}
.area-kits > .container > ul .kit-option > a {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  position: relative;
  text-align: center;
  transition: all 0.6s;
  border: 1px solid rgba(79, 96, 114, 0.2);
  background: #fff;
}
.area-kits > .container > ul .kit-option > a:hover {
  transform: translateY(-6px);
}
.area-kits > .container > ul .kit-option > a .header {
  width: 100%;
  padding: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  background: #0f3d6e;
}
.area-kits > .container > ul .kit-option > a .main {
  padding: 24px 12px 0;
  width: 100%;
}
.area-kits > .container > ul .kit-option > a .main strong {
  display: block;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  color: #0f3d6e;
}
.area-kits > .container > ul .kit-option > a .main .days {
  display: block;
  font-size: 20px;
  color: #4f6072;
  margin-bottom: 12px;
}
.area-kits > .container > ul .kit-option > a .main .area-img {
  position: relative;
}
.area-kits > .container > ul .kit-option > a .main .area-img img {
  height: 240px;
  margin: 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.area-kits > .container > ul .kit-option > a .main .area-img .save {
  position: absolute;
  z-index: 10;
  top: 8px;
  right: 6%;
  width: 81px;
  height: 81px;
  background: url("../img/redSelo.svg") center/contain no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
}
.area-kits > .container > ul .kit-option > a .main .area-img .save b {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
}
.area-kits > .container > ul .kit-option > a .main .area-img .save b small {
  display: block;
  font-size: 10px;
  font-weight: 500;
  color: #fff;
}
.area-kits > .container > ul .kit-option > a .footer {
  width: 100%;
  padding: 0 24px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.area-kits > .container > ul .kit-option > a .footer .price {
  margin: 8px 0 16px;
}
.area-kits > .container > ul .kit-option > a .footer .price strong {
  display: flex;
  align-items: flex-end;
  gap: 4px;
  color: #0f3d6e;
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
}
.area-kits > .container > ul .kit-option > a .footer .price strong small {
  font-size: 18px;
  font-weight: 400;
  color: #4f6072;
  padding-bottom: 6px;
}
.area-kits > .container > ul .kit-option > a .footer .garantias {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 20px;
}
.area-kits > .container > ul .kit-option > a .footer .garantias .garantia-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 16px;
  text-align: left;
}
.area-kits > .container > ul .kit-option > a .footer .garantias .garantia-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}
.area-kits > .container > ul .kit-option > a .footer .button {
  position: relative;
  width: 100%;
  max-width: 300px;
  padding: 0;
  border: none;
  background: none;
  cursor: pointer;
  margin-bottom: 16px;
}
.area-kits > .container > ul .kit-option > a .footer .button img:first-child {
  width: 100%;
  display: block;
}
.area-kits > .container > ul .kit-option > a .footer .button .cursor {
  position: absolute;
  width: 56px;
  right: 4px;
  bottom: -18px;
  z-index: 10;
  animation: scrollClick 2.5s ease-in-out infinite;
}
.area-kits > .container > ul .kit-option > a .footer .bandeiras {
  width: 75%;
  margin: 0 auto 12px;
}
.area-kits > .container > ul .kit-option > a .footer .valores span {
  color: #4f6072;
  font-size: 18px;
}
.area-kits > .container > ul .kit-option > a .footer .valores s {
  text-decoration: line-through;
  text-decoration-color: #e2342c;
}
.area-kits > .container > ul .kit-option > a .footer .valores b {
  color: #0f3d6e;
  font-weight: 600;
}
.area-kits > .container > ul .best-option > a {
  border: 2px solid #00d2c7;
  background: linear-gradient(270deg, #c6fffc 0%, #fff 50.48%, #c6fffc 100%);
}
.area-kits > .container > ul .best-option > a .header {
  background: #00d2c7;
  color: #0f3d6e;
}
.area-kits > .container > ul .best-option > a .price strong {
  font-size: 58px;
}
.area-kits > .container > ul .best-option > a .button {
  max-width: 100%;
}
.area-kits > .container > ul .best-option > a .garantias .garantia-item {
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
}
.area-kits > .container > ul .k1 .garantias,
.area-kits > .container > ul .k3 .garantias {
  align-items: flex-start;
  padding-left: 8px;
}
@media (max-width: 900px) {
  .area-kits > .container > ul .best-option {
    order: -1;
  }
}

#guarantee {
  position: relative;
  background: #0f3d6e;
  padding: 130px 0 66px;
}
#guarantee .seal {
  position: absolute;
  top: 0;
  left: 50%;
  width: 180px;
  transform: translate(-50%, -50%);
  z-index: 5;
}
#guarantee .container {
  gap: 24px;
  max-width: 700px;
}
#guarantee h2 {
  color: #00d2c7;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.3;
}
#guarantee h2 b {
  color: #fff;
  font-weight: 700;
}
#guarantee p {
  color: #fff;
  font-size: 20px;
  line-height: 1.3;
}
#guarantee p b,
#guarantee p a {
  color: #00d2c7;
  font-weight: 700;
}
#guarantee .btn {
  margin-top: 16px;
}

#shipping {
  background: #0f3d6e;
  padding: 40px 0;
}
#shipping .container {
  gap: 24px;
}
#shipping .selo {
  width: 120px;
}
#shipping h2 {
  align-self: stretch;
  color: #00d2c7;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
}
#shipping h2 b {
  color: #fff;
  font-weight: 600;
}
#shipping p {
  color: #fff;
  font-size: 20px;
}

#faq {
  background: var(--natural-white, #fff);
}
#faq .container {
  gap: 40px;
}
#faq .area-title .sub {
  justify-content: center;
  letter-spacing: 2.8px;
  font-weight: 600;
  line-height: 26px;
  font-family: "Manrope", sans-serif;
}
#faq .area-title .sub::before {
  content: none;
}
#faq .area-title .sub img {
  margin-right: 8px;
}
#faq .faq-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 16px;
  text-align: left;
}
#faq .faq-list details {
  border-radius: 10px;
  border: 1px solid #e0e0e0;
  background: #e7f7ff;
  overflow: hidden;
}
#faq .faq-list details summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 24px;
  cursor: pointer;
  list-style: none;
  color: #0f3d6e;
  font-family: "Manrope", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
#faq .faq-list details summary::-webkit-details-marker {
  display: none;
}
#faq .faq-list details summary::after {
  content: "+";
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: var(--natural-white, #fff);
  border: 0.75px solid rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(2.25px);
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  color: #0f3d6e;
}
#faq .faq-list details[open] summary::after {
  content: "−";
}
#faq .faq-list details > p {
  padding: 0 24px 16px;
  color: #4f6072;
  font-family: "Manrope", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

footer {
  background: var(--gradient, linear-gradient(180deg, #fff 0%, #cce9f7 100%));
  display: flex;
  flex-direction: column;
  align-items: center;
}
footer .container * {
  color: #4f6072;
}
footer .container {
  display: flex;
  gap: 29px;
  align-items: center;
  flex-direction: column;
  padding: 40px 0;
}
footer .container .logo {
  display: flex;
  gap: 6px;
  font-size: 32.562px;
  font-weight: 600;
  text-transform: uppercase;
  line-height: normal;
}
footer .container .logo .clear {
  color: #0f3d6e;
  letter-spacing: 1.628px;
}
footer .container .logo .gaze {
  color: #00d2c7;
  letter-spacing: 4.559px;
}
footer .container nav {
  display: flex;
  justify-content: center;
  gap: 24px;
  font-size: 20px;
  margin-bottom: 40px;
  flex-wrap: wrap;
  transition: all 0.8s ease;
}
footer .container nav a:hover {
  color: #0f3d6e;
}
@media (max-width: 900px) {
  footer .container nav {
    font-size: 16px;
  }
}
footer .container .disclaimer {
  border-radius: 20px;
  border-top: 1px solid #4f6072;
  padding: 24px 32px;
}
footer .container .disclaimer p {
  color: #4f6072;
  text-align: center;
  font-size: 16px;
  line-height: 140%;
  margin-bottom: 0;
}
@media (max-width: 900px) {
  footer .container .disclaimer p {
    font-size: 14px;
  }
}
footer .copy {
  display: grid;
  place-items: center;
  text-align: center;
  background: #0f3d6e;
  width: 100%;
  padding: 32px;
  gap: 8px;
}
footer .copy span {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
}/*# sourceMappingURL=style.css.map */