/* FONT ROBOTO */

@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");
* {
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
}

/* LINKS */
a,
a:active,
a:hover {
  color: unset;
}

a:hover {
  text-decoration: none;
}

/* CORES */
body {
  color: #1d1d1d;
}

.cinza {
  color: #848484;
}

.rosa1 {
  color: #d94169;
}

.rosa2 {
  color: #f28095;
}

/* FONTE PADRÃO SITE */
.roboto-family {
  font-family: "Roboto";
}

:root {
  --title: clamp(20px, 4vw, 36px);
}

.titulo {
  color: #d94169;
  text-align: left;
  font-size: clamp(24px, 4vw, 36px);
}

/* BACKGROUNDS COM IMAGENS */
.background {
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

.banner {
  background-image: url("../img/fundo_banner.webp"),
    url("../img/fundo_banner.png");
  padding: 2rem 0;
}

/* TOPO */
.topo {
  background: #f28095 0% 0% no-repeat padding-box;
  border-bottom: 5px solid #d94169;
  padding: 1rem 0 1rem;
  color: #ffffff;
  font-size: clamp(8px, 4vw, 12px);
}

.botao-topo {
  color: #ffffff;
  background-color: #58dd28;
  font-weight: bold;
  font-size: clamp(8px, 4vw, 12px);
  text-transform: uppercase;
  padding: 0.5rem;
  line-height: 100%;
  max-width: 80%;
}

.botao-topo:hover {
  background-color: #d94169;
}

/* TARJA */
.tarja {
  padding: 0 0;
  color: #848484;
  background-color: #f8f8f8;
  font-size: clamp(12px, 4vw, 16px);
  padding: 1rem 0 1rem;
}

.tarja strong {
  color: #1d1d1d;
}

.tarja p {
  margin: 0;
}

.tarja .icone {
  color: #d94169;
  font-size: clamp(32px, 4vw, 32px);
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231D1D1D' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231D1D1D' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

/* SLIDER */
.slider {
  background-color: #ffffff;
  padding: 2rem 0 2rem;
}

.slider h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 2rem;
}

.container-slider {
  margin: 2rem;
  border: 1px solid #d94169;
  border-radius: 20px;
  padding: 2rem 1rem;
  height: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.container-slider p {
  margin: 0;
}

/* SWIPER SLIDER */
.swiper-container {
  width: 100%;
}

.swiper-container .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
}

.swiper-container img {
  border: 2px solid #d94169;
  border-radius: 20px;
  width: 70%;
}

.swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(0, 0, 0, 0.2);
}

.swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff;
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  color: #d94169;
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  color: #d94169;
}

.wrapper {
  overflow: hidden;
}

/* FÓRMULA */
.formula {
  background-color: #f8f8f8;
  padding: 2rem 0 2rem;
}

.formula h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
}

.formula h3 {
  color: #1d1d1d;
  font-size: clamp(20px, 3vw, 20px);
  font-weight: bold;
  font-style: normal;
  padding-top: 0.5rem;
}

.formula img {
  padding-top: 1rem;
}

.formula .descricao {
  color: #848484;
  font-size: clamp(14px, 2vw, 14px);
}

.formula .subtitulo {
  color: #d94169;
  font-family: "Roboto", Sans-serif;
}

/* KITS DESKTOP */
.kits {
  background-color: #eeeeee;
  padding: 2rem 0 2rem;
}

.kit-1 {
  overflow: hidden;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 2px 3px 10px #00000029;
}

.kits-desktop .cinza {
  background: #f8f8f8;
  padding: 1.5rem 0 1.5rem;
}

.kits-desktop .desconto {
  background: #ff0000;
  margin-left: 1.5rem;
  margin-bottom: 1rem;
  margin-top: -0.5rem;
  color: #ffffff;
  font-weight: bold;
  padding: 0.3rem;
}

.kits-desktop h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
}

.kits-desktop .unidade {
  background: #f28095;
  margin-left: 1.5rem;
  margin-top: -0.2rem;
  margin-bottom: 1.5rem;
  color: #ffffff;
  font-size: clamp(12px, 2vw, 12px);
  font-weight: bold;
  padding: 0.2rem 0 0.2rem 0;
}

.kits-desktop h4 {
  color: #d94169;
  font-weight: bold;
  font-size: clamp(24px, 4vw, 24px);
  text-transform: uppercase;
  line-height: 120%;
  padding: 1rem 0 0 0;
}

.kits-desktop h5 {
  color: #d94169;
  font-weight: bold;
  font-size: clamp(18px, 3vw, 18px);
  text-transform: uppercase;
  line-height: 120%;
  padding: 0;
}

.kits-desktop .valor-antigo {
  font-size: clamp(18px, 4vw, 18px);
  color: #f28095;
  text-transform: uppercase;
  margin: 0;
  line-height: 100%;
  text-decoration: line-through;
  margin-bottom: 0.4rem;
}

.kits-desktop .valor-novo {
  color: #d94169;
  font-size: clamp(48px, 4vw, 48px);
  font-weight: 900;
  margin-top: 0;
  line-height: 100%;
  margin-bottom: 0.6rem;
}

.kits-desktop .parcelamento {
  font-size: clamp(18px, 4vw, 18px);
  color: #d94169;
  text-transform: uppercase;
  margin: 0;
  line-height: 100%;
}

.kits-desktop .botao {
  color: #ffffff;
  background-color: #169c24;
  font-weight: bold;
  font-size: clamp(28px, 4vw, 28px);
  text-transform: uppercase;
  padding: 10px 20px;
  line-height: 100%;
  border-radius: 15px;
  margin-top: 0.6rem;
  -webkit-animation: pulse 0.6s infinite alternate;
  animation: pulse 0.6s infinite alternate;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* KITS MOBILE */
.kits2 {
  background-color: #eeeeee;
  padding: 2rem 0 2rem;
}

.kit-2 {
  overflow: hidden;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 2px 3px 10px #00000029;
}

.kits-mobile .cinza {
  background: #f8f8f8;
}

.kits-mobile .desconto {
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  padding: 0.2rem;
  font-size: clamp(20px, 3vw, 20px);
}

.kits-mobile h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
}

.kits-mobile .unidade {
  background: #f28095;
  margin-left: 1.5rem;
  margin-top: -0.5rem;
  margin-bottom: 1rem;
  color: #ffffff;
  font-size: clamp(12px, 2vw, 12px);
  font-weight: bold;
  padding: 0.2rem 0 0.2rem 0;
}

.kits-mobile .imagem {
  padding: 0.5rem 0 0.5rem 0;
}

.kits-mobile h4 {
  color: #d94169;
  font-weight: bold;
  font-size: clamp(22px, 4vw, 22px);
  text-transform: uppercase;
  line-height: 120%;
  padding: 0.5rem 0 0 0;
}

.kits-mobile h5 {
  color: #d94169;
  font-weight: bold;
  font-size: clamp(16px, 3vw, 16px);
  text-transform: uppercase;
  line-height: 120%;
  padding: 0;
}

.kits-mobile .valor-antigo {
  font-size: clamp(16px, 4vw, 16px);
  color: #f28095;
  text-transform: uppercase;
  margin: 0;
  line-height: 100%;
  text-decoration: line-through;
  margin-bottom: 0.4rem;
}

.kits-mobile .valor-novo {
  color: #d94169;
  font-size: clamp(36px, 4vw, 36px);
  font-weight: 900;
  margin-top: 0;
  line-height: 100%;
  margin-bottom: 0.6rem;
}

.kits-mobile .parcelamento {
  font-size: clamp(16px, 4vw, 16px);
  color: #d94169;
  text-transform: uppercase;
  margin: 0;
  line-height: 100%;
}

.kits-mobile .botao {
  color: #ffffff;
  background-color: #58dd28;
  font-weight: bold;
  font-size: clamp(28px, 4vw, 28px);
  text-transform: uppercase;
  padding: 10px 20px;
  line-height: 100%;
  border-radius: 15px;
  -webkit-animation: pulse 0.6s infinite alternate;
  animation: pulse 0.6s infinite alternate;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
  }

  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

/* DEPOIMENTOS */
.depoimentos {
  background-color: #ffffff;
  padding: 2rem 0 2rem;
}

.depoimentos h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 2rem;
}

.carousel-item img {
  border: 2px solid #d94169;
  border-radius: 20px;
}

.carousel .depoimento {
  color: #848484;
  font-size: clamp(15px, 4vw, 15px);
  margin-top: -1rem;
}

.carousel-item .strong {
  color: #1d1d1d;
  font-weight: bold;
  padding: 0 0 0.5rem 0;
}

.carousel .row {
  margin: 0;
}

/* TABELA */
.tabela {
  background-color: #f8f8f8;
  padding: 2rem 0 2rem;
}

.tabela h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 2rem;
}

.tabela table {
  color: #1d1d1d;
}

.tabela .aviso {
  color: #848484;
  font-size: clamp(12px, 2vw, 12px);
  font-weight: bold;
  padding: 0.2rem 0 0.2rem 0;
}

/* GARANTIA */
.garantia {
  background: transparent
    linear-gradient(270deg, #e05378 0%, #ef7f94 50%, #e05378 100%) 0% 0%
    no-repeat padding-box;
  padding: 0;
  border-radius: 0 0 100% 100% / 0 0 10% 10%;
}

.garantia img {
  z-index: 50;
  position: relative;
  top: 10%;
}

.garantia .texto-garantia {
  color: #ffffff;
  font-size: clamp(16px, 2vw, 16px);
  padding: 4rem 0 1rem;
}

.garantia .euquero {
  -webkit-animation: pulse 0.6s infinite alternate;
  animation: pulse 0.6s infinite alternate;

  @-webkit-keyframes pulse {
    0% {
      -webkit-transform: scale(0.9);
    }

    100% {
      -webkit-transform: scale(1);
    }
  }
  @keyframes pulse {
    0% {
      -webkit-transform: scale(0.9);
      transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
    }
  }
}

/* PERGUNTAS FREQUENTES */
.perguntas-frequentes {
  font-family: "Roboto", sans-serif;
  padding: 6rem 0 2rem;
  background-color: #ffffff;
}

.perguntas-frequentes h1 {
  font-size: var(--title);
  color: #d94169;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 1rem;
}

/* ACORDION */
.btn-link {
  width: 100%;
  color: #1d1d1d !important;
  font-weight: bold !important;
  text-align: left !important;
  text-decoration: none !important;
}

.btn-link:after {
  content: "\2212";
  width: 35px;
  font-size: 25px;
  text-align: center;
  right: 5px;
  top: 5px;
  position: absolute;
  color: #d94169;
}

.bordas-accordion {
  border: none !important;
  border-bottom: 1px solid #d4d4d4 !important;
  border-left: 1px solid #d4d4d4 !important;
  border-right: 1px solid #d4d4d4 !important;
  border-radius: 0 !important;
}

.bordas-accordion:first-child {
  border-top: 1px solid #d4d4d4 !important;
}

.bordas-accordion:last-child {
  border-bottom: 1px solid #d4d4d4 !important;
}

.accordion {
  background-color: none !important;
  border: none !important;
  background-color: #ffffff !important;
}

.btn-link.collapsed:after {
  content: "\002B";
  color: #d94169;
}

.conteudo-acordion {
  background-color: none;
}

/* SELOS */
.selos {
  padding: 2rem 0 2rem;
}

/* DUVIDAS WHATSAPP */
.duvidas-whats {
  font-family: "Roboto", sans-serif;
  background-color: #fefefe;
  text-align: center;
}

.duvidas-whats h2 {
  font-size: clamp(20px, 3vw, 36px);
  line-height: clamp(20px, 3vw, 36px);
  font-weight: bold;
  text-transform: uppercase;
}

.whats2 {
  width: 100%;
  max-width: 300px;
}

/* RODAPE */
#rodape {
  text-align: center;
  background-color: #f9f9f9;
  padding-top: 30px;
  padding-bottom: 20px;
}

#rodape h2 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}

.img-rodape {
  width: 100%;
  max-width: 180px;
  margin: 0 auto 20px;
  display: block;
}

.whats {
  width: 100%;
  max-width: 200px;
}

.correios {
  max-width: 150px;
}

.telefone {
  margin-bottom: 2px;
}

.email {
  margin-bottom: 2px;
}

.termos {
  margin-bottom: 0;
}

.trocas {
  margin-top: 0;
}

.copyright {
  font-size: 14px;
  margin-top: 25px;
  font-weight: bold;
}

/* WHATS ROLANTE */
#whatsapp-rolante {
  text-align: right;
  position: fixed;
  /* z-index: 10000; */
  bottom: 10px;
  right: 0px;
}

/* PC */
@media (min-width: 768px) {
  .botao-whats {
    width: 20%;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .botao-whats {
    width: 15%;
  }

  .carousel-item img {
    margin-bottom: 1rem;
  }

  .titulo {
    text-align: center;
  }

  .garantia {
    padding: 2rem 0 2rem;
    border-radius: 0 0 80% 80% / 0 0 3% 3%;
  }

  .garantia img {
    top: 0;
  }

  .garantia .texto-garantia {
    padding: 1rem 0 1rem;
  }

  .garantia .caixa {
    margin-top: 2rem;
  }

  .perguntas-frequentes {
    padding: 2rem 0 2rem;
  }
}