@font-face {
   font-family: "Helvetica Neue LT Std 53 Extended";
   src: url("../fonts/Helvetica Neue LT Std 53 Extended.otf") format("truetype");
   /* Caminho para o arquivo da fonte */
   font-weight: normal;
   /* Ou bold, italic, etc. */
   font-style: normal;
   /* Ou italic */
 }

 @font-face {
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   src: url("../fonts/Helvetica Neue LT Std 63 Medium Extended.otf") format("truetype");
   /* Caminho para o arquivo da fonte */
   font-weight: normal;
   /* Ou bold, italic, etc. */
   font-style: normal;
   /* Ou italic */
 }

 @font-face {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   src: url("../fonts/Helvetica Neue LT Std 43 Light Extended.otf") format("truetype");
   /* Caminho para o arquivo da fonte */
   font-weight: normal;
   /* Ou bold, italic, etc. */
   font-style: normal;
   /* Ou italic */
 }

 @font-face {
   font-family: "Helvetica Neue LT Std 73 Bold Extended";
   src: url("../fonts/Helvetica Neue LT Std 73 Bold Extended.otf") format("truetype");
   /* Caminho para o arquivo da fonte */
   font-weight: normal;
   /* Ou bold, italic, etc. */
   font-style: normal;
   /* Ou italic */
 }

 body {
   font-family: "Helvetica Neue LT Std";
   margin: 0;
   padding: 0;
 }

 /* Garante que a navbar e o menu fiquem acima do banner */
 /* Menu mobile aberto */
 .navbar-collapse {
   position: relative;
   /* volta pro fluxo normal */
   top: auto;
   /* remove a sobreposição */
   left: auto;
   width: 100%;
   /* ainda ocupa 100% */
   background: rgba(255, 255, 255, 0.95);
   text-align: center;
   padding: 20px 0;
   z-index: 9999;
   /* garante que fique acima de qualquer banner */
 }

 .navbar-nav {
   width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 12px;
 }

 .navbar-nav a {
   padding: 10px 15px;
   /* limite opcional de largura */
   text-align: center;
   font-family: "Helvetica Neue LT Std 53 Extended";
   font-weight: 400;
   font-style: 53 Extended;
   font-size: 11.25px;
   line-height: 100%;
   letter-spacing: 1%;


 }

 /* ajuste para telas pequenas */
 @media (max-width: 400px) {
   .navbar-brand img {
     max-height: 60px;
     /* pode ajustar para 28px se ainda empurrar */
     height: auto;
     width: auto;
   }
 }

 .bg-pink {
   background-color: #FF5197 !important;
 }

 .btn {
   width: 111.75;
   height: 36.75 !important;
   opacity: 1;
   top: 75.25px;
   left: 1206.75px;
   border-radius: 5.25px;

 }

 .btn-pink {
   background-color: #9c004d;
   color: white;
 }

 .btn-pink:hover {
   background-color: #c2185b;
   color: white;
 }

 .card-hover {
   position: relative;
   overflow: hidden;
   cursor: pointer;
 }

 .card-hover-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: opacity .3s;
 }

 .card-hover:hover .card-hover-img {
   opacity: 1;
 }

 .text-pink {
   color: #FF5197 !important;
 }

 .faca-parte {
   background: url("../img/ilustra_seios.png") no-repeat center center;
   background-size: cover;
 }

 .faca-parte .card {
   background: #fff;
   border: none;
   border-radius: 20px;
   overflow: hidden;
   transition: transform .3s ease, box-shadow .3s ease;
 }

 .faca-parte .card img {
   border-radius: 0;
   display: block;
   width: 100%;
 }

 .faca-parte h2 {
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-weight: 500;
   font-style: 63 Medium Extended;
   font-size: 36px;
   line-height: 37.5px;
   letter-spacing: -4%;

 }

 /* --- Desktop: mantém o efeito hover --- */
 .card-hover-img {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   opacity: 0;
   transition: opacity .3s;
 }

 .card-hover:hover .card-hover-img {
   opacity: 1;
 }

 /* --- Mobile: mostra só a imagem hover --- */
 @media (max-width: 768px) {
   .card-img-top {
     display: none !important;
     /* esconde a imagem principal */
   }

   .card-hover-img {
     position: relative;
     opacity: 1 !important;
     /* sempre visível */
     transition: none;
   }
 }


 @media (max-width: 768px) {

   /* centraliza o título */
   .bg-pink h6 {
     text-align: center !important;
     margin-bottom: 12px;
     padding-bottom: 20px;
   }

   /* centraliza os grupos de logos */
   .bg-pink .d-flex {
     justify-content: center !important;
     gap: 16px;
   }

   /* evita que os logos fiquem colados no título */
   .bg-pink .d-flex img {
     max-width: 120px;
     height: auto;
   }
 }


 .seios-depoimento {
   background-image: url("../img/ilustra_seios_depoimento.png");
   background-size: cover;
   background-repeat: no-repeat;
 }

 /* Swiper */
 .swiper {
   width: 100%;
   padding: 20px 0;
 }

 /* largura dos slides controlada pelo CSS */
 .swiper-slide {
   width: 320px !important;
 }

 .swiper-slide.indice {
   width: 800px !important;
 }

 /* cards */
 .conteudo-card {
   border-radius: 15px;
   opacity: 1;
   /* 👈 agora fica normal */
   transition: all .3s ease;
   overflow: hidden;
 }

 .conteudo-card img {
   width: 100%;
   height: auto;
   border-radius: 15px;
 }


 /* bolinhas escondidas no desktop */
 .swiper-pagination {
   display: none;
 }

 /* Largura fluida e responsiva */
 .container,
 .mySwiper {
   width: 100%;
   margin: 0 auto;
 }

 .site-wrapper {
   width: 100%;
   margin: 0 auto;
   overflow-x: hidden;
 }

 /* .videos-depoimentos {
  border: 1px solid #000;
    width: 385px;
    height: 670px;
    position: absolute;
    margin-top: 23%;
    margin-right: 16%;
    border-radius: 0px 0px 43px 43px;
} */

 .celular-container {
   position: relative;
   z-index: 2;
   /* celular acima do background da seção */
 }

 .celular-mockup {
   max-width: 100%;
   height: auto;
   display: block;
 }

 /* Área fixa do vídeo */


 .video-depoimentos iframe {
   width: 100%;
   height: 100%;
   border: none;
 }

 @media (min-width: 100px) and (max-width: 740px) {
   .video-depoimentos {
     position: absolute;
     width: 48%;
     height: 65%;
     top: 25%;
     right: 25.6%;
     border-radius: 0 0 9% 9%;
     overflow: hidden;
     z-index: 3;
   }
 }

 @media (min-width: 740px) and (max-width: 992px) {
   .video-depoimentos {
     position: absolute;
     width: 361px;
     height: 633px;
     top: 25%;
     right: 24.2%;
     border-radius: 0 0 43px 43px;
     overflow: hidden;
     z-index: 3;

   }
 }

 @media (min-width: 992px) and (max-width: 1200px) {
   .video-depoimentos {
     position: absolute;
     width: 358px;
     height: 627px;
     top: 25%;
     right: 25%;
     border-radius: 0 0 43px 43px;
     overflow: hidden;
     z-index: 3;

   }
 }

 @media (min-width: 1200px) and (max-width: 1400px) {
   .video-depoimentos {
     position: absolute;
     width: 384px;
     height: 678px;
     top: 25%;
     right: 22.2%;
     border-radius: 0 0 43px 43px;
     overflow: hidden;
     z-index: 3;

   }
 }




 @media (min-width: 1400px) and (max-width: 4000px) {
   .video-depoimentos {
     position: absolute;
     width: 384px;
     height: 678px;
     top: 25%;
     right: 19.2%;
     border-radius: 0 0 43px 43px;
     overflow: hidden;
     z-index: 3;

   }
 }







 @media (max-width: 768px) {

   .swiper-button-next,
   .swiper-button-prev {
     display: none !important;
   }

   .swiper-pagination {
     display: flex;
     justify-content: center;
     gap: 8px;
     position: static;
     margin-top: 12px;
   }

   .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     background: rgba(0, 0, 0, .25);
     opacity: 1;
     transition: transform .2s ease;
   }

   .swiper-pagination-bullet-active {
     background: #FF5197;
     transform: scale(1.15);
   }

   .swiper-slide {
     width: 86vw !important;
     max-width: 360px;
   }

   .swiper-slide.indice {
     width: 86vw !important;
     max-width: 360px;
   }

   .swiper {
     padding-bottom: 28px;
   }

   section.conteudo {
     padding-left: 20px;
     padding-right: 20px;
   }
 }

 @media (max-width: 768px) {
   .conteudo-card {
     height: 500px;
   }

   .conteudo-card img {
     height: 100%;
     object-fit: cover;
   }
 }


 .social-box {
   background: rgba(255, 255, 255, .85);
   padding: 24px;
   border-radius: 16px;
 }

 /* --- Newsletter: botão dentro do campo --- */
 .newsletter-wrap {
   display: flex;
   justify-content: center;
   margin-top: 16px;
 }

 .newsletter-field {
   position: relative;
   width: 380px;
   /* menor largura */
 }

 .newsletter-field .form-control {
   height: 42px;
   /* menor altura */
   border-radius: 6px;
   /* mais quadrado */
   padding-right: 110px;
   /* espaço pro botão */
   background: #fff;
   border: none;
   text-align: center;
   /* centralizar o texto do placeholder */
   font-size: 14px;
 }

 .newsletter-field .btn-send {
   position: absolute;
   top: 27%;
   right: 5px;
   transform: translateY(-50%);
   height: 32px;
   padding: 0 14px;
   border: 0;
   border-radius: 6px;
   background: #9c004d;
   color: #fff;
   font-weight: 600;
   font-size: 13px;
   line-height: 32px;
   cursor: pointer;
 }

 .newsletter-field .btn-send:hover {
   background: #c2185b;
 }

 .termos {
   margin-top: 10px;
 }

 .termos a {
   color: #fff;
 }

 /* Responsivo */
 @media (max-width: 576px) {
   .newsletter-field {
     width: 90%;
   }
 }

 /* --- Footer --- */
 .footer {
   font-size: 14px;
 }

 .footer h5,
 .footer h6 {
   margin-bottom: 15px;
 }

 .footer a {
   color: #ccc;
   text-decoration: none;
   transition: color 0.3s;
 }

 .footer a:hover {
   color: #fff;
 }

 .footer .bi {
   color: #fff;
   transition: opacity 0.3s;
 }

 .footer .bi:hover {
   opacity: 0.7;
 }

 /* espaçamento interno do footer */
 .footer .container {
   padding-left: 60px;
 }

 .text-descaque-rosa {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 45px;
   line-height: 150.75px;
   letter-spacing: 2%;
   text-align: center;
   color: #C8C8C8;
 }

 .container-text-destaque {
   margin-top: -40px;
   margin-bottom: 20px;
 }


 .numero-col1 {
   font-family: "Helvetica Neue LT Std 73 Bold Extended";
   font-weight: 700;
   font-style: 73 Bold Extended;
   font-size: 195px;
   line-height: 30.75px;
   letter-spacing: 2%;
   text-align: center;
   color: #FF5197;

 }


 .bottom-text-mulheres {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 45px;
   line-height: 210px;
   letter-spacing: 2%;
   text-align: center;
   color: #C8C8C8;

 }

 .bottom-text-col2 {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 18px;
   line-height: 50px;
   letter-spacing: 2%;
   text-align: center;
   text-transform: uppercase;
   color: #C8C8C8;

 }

 .top-text-col3 {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 18px;
   line-height: 50px;
   letter-spacing: 2%;
   text-align: center;
   text-transform: uppercase;
   color: #C8C8C8;
 }

 .palavra-destaque-col2 {
   font-family: "Helvetica Neue LT Std 73 Bold Extended";
   font-weight: 700;
   font-style: 73 Bold Extended;
   font-size: 120px;
   line-height: 30.75px;
   letter-spacing: 2%;
   text-align: center;
   color: #FF5197;
 }

 .palavra-destaque-col3 {

   font-family: "Helvetica Neue LT Std 73 Bold Extended";
   font-weight: 700;
   font-style: 73 Bold Extended;
   font-size: 80px;
   line-height: 90px;
   letter-spacing: 2%;
   text-align: center;
   color: #FF5197;


 }

 .bottom-text-col3 {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 18px;
   line-height: 20dpx;
   letter-spacing: 2%;
   text-align: center;
   text-transform: uppercase;
   color: #C8C8C8;
 }



 .top-text-col4 {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 58.5px;
   line-height: 50px;
   letter-spacing: 2%;
   text-align: center;
   vertical-align: middle;
   color: #C8C8C8;


 }

 .top-text-col5 {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 50px;
   line-height: 50px;
   letter-spacing: 2%;
   text-align: center;
   vertical-align: middle;
   color: #C8C8C8;


 }

 .bottom-text-col5 {
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 24px;
   line-height: 50px;
   letter-spacing: 2%;
   text-align: center;
   text-transform: uppercase;
   color: #C8C8C8;

 }

 .text-depo {
   font-family: "Helvetica Neue LT Std 43 Light Extended", sans-serif !important;
   font-weight: 300;
   font-size: 19.1px;
   line-height: 33.43px;
   letter-spacing: 2%;
 }



 .linha-piscando {
   font-size: 28px;
   font-weight: 600;
   color: #333;
   /* mantém a mesma cor, não muda pra rosa */
   transition: opacity 0.5s ease-in-out;
 }

 .linha-fixa {
   font-size: 24px;
   font-weight: 600;
   color: #333;
 }

 .linha-piscando-rosa {
   color: #FF5197;
   /* rosa */
   transition: opacity 0.5s ease-in-out;
   font-family: "Helvetica Neue LT Std 73 Bold Extended";
   font-weight: 700;
   font-style: 73 Bold Extended;
   font-size: 94.5px;
   line-height: 102.75px;
   letter-spacing: -6%;
   text-align: center;


 }


 .section-title {
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-weight: 500;
   font-style: 63 Medium Extended;
   font-size: 36px;
   line-height: 37.5px;
   letter-spacing: -4%;
   color: #000;
   padding-top: 60px;

 }

 .section-title a {
   font-family: Helvetica Neue LT Std;
   font-weight: 300;
   font-style: 43 Light Extended;
   font-size: 19.1px;
   line-height: 33.43px;
   letter-spacing: 2%;
 }



 .img-logo {
   height: 60px !important;
 }



 .video-wrapper {
   width: 100%;
   cursor: pointer;
 }

 .video-thumb {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border: 0;
   border-radius: 0;
   /* ocupa a tela toda sem arredondar */
   display: block;
 }

 /* Hero caption no canto superior esquerdo */
 .carousel-caption.custom-caption {
   position: absolute;
   top: 20px;
   left: 10px;
   /* 👉 ajusta posição geral */
   right: auto;
   bottom: auto;
   text-align: left;
   color: #fff;
 }

 /* Textos normais */
 .carousel-caption.custom-caption p {
   font-size: 22px;
   line-height: 1.6;
   margin: 0;

   /* recuo para alinhar com o F */
 }

 /* Destaque rosa "Faça seus exames." */
 .carousel-caption.custom-caption .highlight {
   background: #FF5197;
   /* 👉 mais esticado pra esquerda */
   border-radius: 20px;
   color: #fff;
   font-weight: 600;
   display: inline-block;
   margin-top: 6px;
 }

 /* Esconder no mobile */
 @media (max-width: 768px) {
   .carousel-caption.custom-caption {
     display: none;
   }
 }

 /* Indicadores do carousel */
 .carousel-indicators [data-bs-target] {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #fff;
   opacity: .5;
   transition: all 0.3s ease;
   margin: 0 4px;
 }

 .carousel-indicators .active {
   width: 30px;
   /* 👉 vira barrinha mais longa */
   height: 10px;
   border-radius: 10px;
   /* 👉 deixa formato de pílula */
   opacity: 1;
   background-color: #fff;
 }

 /* Hero caption canto superior esquerdo */
 .carousel-caption.custom-caption {
   position: absolute;
   top: 20px;
   left: 140px;
   /* desloca pra direita */
   right: auto;
   bottom: auto;
   text-align: left;
   color: #fff;
 }

 .carousel-caption.custom-caption p {
   font-size: 22px;
   line-height: 1.6;
   margin: 0;
   padding-left: 60px;
   /* recuo alinhando com o F */
 }

 .carousel-caption.custom-caption .highlight {
   background: #FF5197;
   padding: 4px 60px 4px 20px;
   /* estica mais pra esquerda */
   border-radius: 20px;
   color: #fff;
   font-weight: 600;
   display: inline-block;
   margin-top: 6px;
 }

 /* Indicadores bolinha -> pílula */
 .carousel-indicators [data-bs-target] {
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background-color: #fff;
   opacity: .5;
   transition: all 0.3s ease;
   margin: 0 6px;
   border: none;
 }

 .carousel-indicators .active {
   width: 30px;
   /* vira barrinha */
   height: 10px;
   border-radius: 10px;
   opacity: 1;
   background-color: #fff;
 }

 /* Esconde setas */
 .carousel-control-prev,
 .carousel-control-next {
   display: none !important;
 }

 /* Some no mobile */
 @media (max-width: 768px) {
   .carousel-caption.custom-caption {
     display: none;
   }
 }



 /* Carrossel Social (texto fixo + imagens) */
 .socialMediaSwiper {
   width: 100%;
   padding: 10px 0 40px;
 }

 .socialMediaSwiper .swiper-slide {
   display: flex;
   justify-content: center;
 }

 .social-thumb {
   cursor: pointer;
   border-radius: 12px;
   transition: transform .3s ease, box-shadow .3s ease;
 }

 .social-thumb:hover {
   transform: scale(1.03);
   box-shadow: 0 8px 24px rgba(0, 0, 0, .12);
 }

 @media (max-width: 768px) {
   .social-section .row {
     row-gap: 16px;
   }
 }


 /* === Social carousel: one full slide only (mobile & desktop) === */
 .social-section .swiper {
   overflow: hidden;
 }

 .socialSwiperFull {
   padding-bottom: 32px;
 }

 .socialSwiperFull .swiper-wrapper {
   margin: 0 !important;
 }

 .socialSwiperFull .swiper-slide {
   width: 100% !important;
   margin: 0 !important;
   padding: 16px 0;
   flex-shrink: 0;
 }

 /* Remove gutters on mobile inside each slide to avoid horizontal bleed */
 @media (max-width: 767.98px) {
   .social-section .row {
     margin-left: 0;
     margin-right: 0;
   }

   .social-section .col-md-6 {
     padding-left: 0;
     padding-right: 0;
   }

   .socialSwiperFull .swiper-button-prev,
   .socialSwiperFull .swiper-button-next {
     display: none !important;
   }
 }


 /* Social carousel full width fix */
 .socialSwiperFull .swiper-slide {
   width: 100% !important;
   margin: 0 !important;
   padding: 20px 0;
   flex-shrink: 0;
 }

 /* Mobile adjustments: stack text above image */
 @media (max-width: 767.98px) {
   .social-section .row {
     display: flex;
     flex-direction: column;
     text-align: center;
   }

   .social-section .col-md-6 {
     width: 100%;
     padding: 10px 0;
   }

   .socialSwiperFull .swiper-button-prev,
   .socialSwiperFull .swiper-button-next {
     display: none !important;
   }
 }




 /* Ajuste espaçamento texto x celular (Depoimentos) */
 .social-section .row {
   align-items: center;
   justify-content: center;
   /* aproxima os itens */
 }

 .social-section .col-md-6 {
   flex: 0 0 45%;
   max-width: 45%;
 }

 .social-section .col-md-6.text-center {
   flex: 0 0 45%;
   max-width: 45%;
 }

 /* === Ajuste específico: "POR LEI, VOCÊ TEM O DIREITO AO TRATAMENTO ATÉ" === */
 .estatistica .linha-piscando {
   font-size: 20px;
   /* levemente maior que o A CADA */
   font-weight: 300;
   /* peso igual ao A CADA */
   color: #999;
   /* mesma cor do A CADA / MULHERES */
 }

 /* Newsletter título principal */
 .newsletter-title {
   font-family: "Helvetica Neue LT Std", Arial, sans-serif;
   font-weight: 500;
   /* 63 Medium Extended */
   font-size: 34.5px;
   line-height: 52.5px;
   letter-spacing: 0.03em;
   text-align: center;
   color: #fff;
 }

 /* Newsletter subtítulo (descrição) */
 .newsletter-subtitle {
   font-family: "Helvetica Neue LT Std", Arial, sans-serif;
   font-weight: 300;
   /* 43 Light Extended */
   font-size: 24px;
   line-height: 26.25px;
   letter-spacing: 0.03em;
   text-align: center;
   color: #fff;
 }

 /* Footer título TEM QUE PEITAR */
 .footer h5 {
   font-family: "Helvetica Neue LT Std", Arial, sans-serif;
   font-weight: 500;
   /* 63 Medium Extended */
   font-size: 22.5px;
   line-height: 100%;
   letter-spacing: 0.03em;
 }

 /* Footer outros textos */
 .footer,
 .footer p,
 .footer a,
 .footer h6,
 .footer li {
   font-family: "Helvetica Neue LT Std", Arial, sans-serif;
   font-weight: 300;
   /* 43 Light Extended */
   font-size: 15px;
   line-height: 30px;
   letter-spacing: 0.02em;
 }


 #banner {
   background: url("../img/banner_principal.png") no-repeat center center;
   background-size: cover;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

 .carousel {
   width: 100%;
   height: 1024px;
   position: relative;
   overflow: hidden;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
 }

 .carousel img, h1 {
   position: relative;
   z-index: 2;
   color: #fff;
 }






 .title-carousel {
   font-weight: bold;
   color: #fff;
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-weight: 300;
   line-height: 43px;
   font-size: 30px !important;
 }

 /* estado inicial: invisível */
 .title-carousel .line,
 .title-carousel .hero-span {
   opacity: 0;
   display: inline-block;
   transform: translateY(20px);
   transition: all 0.8s ease;
 }

 /* quando ativo (para linhas E para o span) */
 .title-carousel .line.show,
 .title-carousel .hero-span.show {
   opacity: 1;
   transform: translateY(0);
 }

 /* === SPAN ESPECIAL === */
 .hero-span {
   position: relative;
   padding: 0 10px;
   color: #fff;
   /* texto visível */
   overflow: hidden;
   z-index: 1;
 }

 /* fundo animado */
 .hero-span::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0;
   width: 0%;
   height: 100%;
   background: #ef5592;
   /* cor de destaque */
   z-index: -1;
   transition: width 0.8s ease;
   border-radius: 50px;
 }

 /* estado ativo do fundo */
 .hero-span.bg-show::before {
   width: 100%;
 }

 .imagem-tem-que-peitar {
   max-width: 1000px;
 }

 .imagem-hero {
   padding-bottom: 85px;
 }

 .carousel .bg-layer {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-position: center;
   z-index: 1;
   transition: transform 1s ease-in-out;
 }

 .fade-in-sequencia {
   opacity: 0;
   transform: translateY(10px);
   transition: opacity 0.6s ease, transform 0.6s ease;
   display: inline-block;
 }

 .fade-in-sequencia.show {
   opacity: 1;
   transform: translateY(0);
 }


 /* CSS PAGINA SOBRE */
 .title_sobre {
   font-size: 40px;
   color: #000;
   font-family: "Helvetica Neue LT Std 43 Light Extended";
 }


 .banner_sobre {
   background: url("../img/banner_sobre.png") no-repeat center center;
   background-size: cover;
   height: 816px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
 }

 .tittle_sobre {
   color: #FFF;
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-size: 44px;
   font-style: normal;
   font-weight: 500;
   line-height: 37.5px;
   letter-spacing: -1.76px;
 }

 .texto_sobre {
   color: #7C7C7C;
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-size: 19.1px;
   font-style: normal;
   font-weight: 300;
   line-height: 33.426px;
   /* 175% */
   letter-spacing: 0.382px;
 }

 .subtittle_sobre {
   color: #000;
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 37.5px;
   /* 104.167% */
   letter-spacing: -1.44px;
 }

 .banner_cuidados {
   background: url("../img/banner_cuidados.png") no-repeat center center;
   background-size: cover;
   height: 700px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
 }

 .tittle_cuidados {
   color: #FFF;
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-size: 44px;
   font-style: normal;
   font-weight: 500;
   line-height: 37.5px;
   letter-spacing: -1.76px;
 }

 .texto_cuidados {
   color: #7C7C7C;
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-size: 19.1px;
   font-style: normal;
   font-weight: 300;
   line-height: 33.426px;
   /* 175% */
   letter-spacing: 0.382px;
 }

 .subtittle_cuidados {
   color: #000;
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-size: 36px;
   font-style: normal;
   font-weight: 500;
   line-height: 37.5px;
   /* 104.167% */
   letter-spacing: -1.44px;
 }

 .banner_conheca_seu_corpo {
   background: url("../img/banner_conheca_seu_corpo.png") no-repeat center center;
   background-size: cover;
   height: 510px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
 }


 .tittle_conheca {
   color: #FFF;
   font-family: "Helvetica Neue LT Std 63 Medium Extended";
   font-size: 44px;
   font-style: normal;
   font-weight: 500;
   line-height: 47.5px;
   letter-spacing: -1.76px;
 }

 .texto_conheca {
   color: #7C7C7C;
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-size: 19.1px;
   font-style: normal;
   font-weight: 300;
   line-height: 33.426px;
   /* 175% */
   letter-spacing: 0.382px;
 }

 .subtittle_conheca {
   color: #7C7C7C;
   font-family: "Helvetica Neue LT Std 43 Light Extended";
   font-size: 19.1px;
   font-style: normal;
   font-weight: 500;
   line-height: 33.426px;
   /* 175% */
   letter-spacing: 0.382px;
 }

 .banner_consulta {
   background: url("../img/banner_consulta.png") no-repeat center center;
   background-size: cover;
   height: 411px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
 }

 .banner_tipo_de_cancer {
   background: url("../img/banner_tipo_de_cancer_new.png") no-repeat center center;
   background-size: cover;
   height: 411px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
 }

 .banner_tratamentos {
   background: url("../img/banner_tratamentos.png") no-repeat center center;
   background-size: cover;
   height: 411px;
   position: relative;
   color: white;
   text-align: center;
   display: flex;
   flex-direction: column;
   justify-content: end;
   align-items: center;
 }



 /* Estatísticas responsivas */
 @media (max-width: 1200px) {

   #estatisticas .col-md-4,
   #estatisticas .col-md-6,
   #estatisticas .frase {
     flex: 0 0 100%;
     max-width: 100%;
   }

   #estatisticas .text-center {
     margin-bottom: 20px;
     /* espaço entre os blocos */
   }
 }



 /* === Definitive fix: social swiper full width mobile === */
 @media (max-width: 767.98px) {
   .social-section .container {
     max-width: 100% !important;
     padding-left: 0 !important;
     padding-right: 0 !important;
   }

   .socialSwiperFull {
     width: 100vw !important;
   }

   .socialSwiperFull .swiper-wrapper {
     width: 100% !important;
   }

   .socialSwiperFull .swiper-slide {
     width: 100% !important;
     max-width: 100% !important;
     margin: 0 !important;
     padding: 20px 15px;
     box-sizing: border-box;
   }

   .title-carousel {
     font-size: 20px !important;
     line-height: 28px;
   }

   .imagem-tem-que-peitar {
     max-width: 100%;
   }

   .container-text-destaque {
     margin-top: -50px;
     margin-bottom: -24px;
   }

   .margin-mobile {
     margin-top: -75px !important;
   }
 }


 @media (max-width: 400px) {
   .palavra-destaque-mobile {
     font-size: 60px !important;
     line-height: 62px;

   }

   .palavra-destaque-mobile-contador {
     font-size: 80px !important;
     line-height: 0px;

   }

   .palavra-destaque-mobile-uma {
     font-size: 60px !important;

   }

   .bottom-text-mulheres {
     line-height: 130px;
   }

   .top-text-col1 {
     margin-top: -50px;
     line-height: 108.75px;
   }

   .compartilhe {
     padding-bottom: 10px !important;
   }

   .conteudo {
     padding-top: 20px !important;
   }

   .section-title-depoimento {
     padding: 0px !important;
   }
 }