.elementor-11059 .elementor-element.elementor-element-1324359{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-11059 .elementor-element.elementor-element-1324359{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-5848a10 *//* ============================================================
   TOKENS
   ============================================================ */
:root{
  --branco:#FFFFFF;
  --neve:#F4F9FC;
  --azul-bebe:#BCE0F0;
  --azul-claro:#E4F2FA;
  --azul-tinta:#0E4C66;
  --azul-medio:#2C7EA1;
  --preto:#000000;
  --texto:#43494D;
  --linha:#DCE9F1;
  --zap:#1DA851;

  --serif:'Petrona', Georgia, serif;
  --sans:'Hanken Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --raio:18px;
  --raio-p:10px;
  --container:1180px;
  --transicao:.5s cubic-bezier(.22,.61,.36,1);
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--sans);
  color:var(--texto);
  background:var(--branco);
  line-height:1.65;
  font-size:17px;
  overflow-x:clip;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:0;background:none}

h1,h2,h3,h4{font-family:var(--serif);color:var(--preto);font-weight:500;line-height:1.14;letter-spacing:-.015em}
h1{font-size:clamp(2.5rem,6.2vw,4.4rem)}
h2{font-size:clamp(2rem,4.2vw,3.1rem)}
h3{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.25}
p{max-width:68ch}

:focus-visible{outline:3px solid var(--azul-medio);outline-offset:3px;border-radius:4px}

.wrap{width:100%;max-width:var(--container);margin:0 auto;padding:0 24px}
.secao{padding:clamp(64px,8vw,116px) 0}
.secao--neve{background:var(--neve)}
.secao--preta{background:var(--preto)}

.intro{max-width:780px;margin-bottom:clamp(36px,5vw,60px)}
.intro p{margin-top:18px;font-size:1.06rem}
.linha-topo{
  display:block;width:56px;height:3px;background:var(--azul-bebe);
  margin-bottom:26px;border-radius:2px;
}

/* ============================================================
   BOTÕES
   ============================================================ */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:16px 28px;border-radius:999px;font-weight:600;font-size:1rem;
  min-height:52px;transition:transform .25s ease, background .25s ease, color .25s ease;
  text-align:center;
}
.btn svg{flex:0 0 auto}
.btn--principal{background:var(--preto);color:#fff}
.btn--principal:hover{transform:translateY(-2px);background:var(--azul-tinta)}
.btn--claro{background:var(--azul-bebe);color:var(--preto)}
.btn--claro:hover{transform:translateY(-2px);background:var(--azul-claro)}
.btn--contorno{border:1.5px solid var(--preto);color:var(--preto)}
.btn--contorno:hover{background:var(--preto);color:#fff}
.btn--branco{background:#fff;color:var(--preto)}
.btn--branco:hover{transform:translateY(-2px);background:var(--azul-bebe)}

/* ============================================================
   MARCAÇÃO DE IMAGEM (placeholders para a equipe)
   ============================================================ */
.img-marca{
  position:relative;width:100%;
  background:
    repeating-linear-gradient(135deg,#EFF7FC 0 14px,#E4F2FA 14px 28px);
  border:2px dashed var(--azul-medio);
  border-radius:var(--raio);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;padding:26px;gap:10px;color:var(--azul-tinta);
  min-height:180px;
}
.img-marca__tag{
  font-size:.7rem;font-weight:700;letter-spacing:.09em;
  background:var(--azul-tinta);color:#fff;padding:5px 12px;border-radius:999px;
}
.img-marca__txt{font-size:.9rem;line-height:1.5;max-width:30ch;font-weight:500}
.img-marca__med{font-size:.78rem;opacity:.75}
.img-marca svg{opacity:.55}

/* ============================================================
   HEADER
   ============================================================ */
.topo{
  position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);
  backdrop-filter:blur(12px);border-bottom:1px solid var(--linha);
}
.topo__in{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.marca{display:flex;align-items:center;gap:12px}
.marca__sigla{
  width:40px;height:40px;border-radius:50%;background:var(--azul-bebe);
  display:grid;place-items:center;font-family:var(--serif);font-size:1.1rem;color:var(--preto);
  flex:0 0 auto;
}
.marca__nome{font-family:var(--serif);font-size:1.12rem;color:var(--preto);line-height:1.1}
.marca__nome span{display:block;font-family:var(--sans);font-size:.72rem;letter-spacing:.06em;color:var(--azul-medio);font-weight:600}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-size:.94rem;font-weight:500;color:var(--texto);transition:color .2s}
.nav a:hover{color:var(--preto)}
.topo .btn{padding:11px 20px;min-height:44px;font-size:.92rem}
@media(max-width:940px){.nav{display:none}}
@media(max-width:520px){.topo .btn--cta{display:none}}

/* ============================================================
   HERO
   ============================================================ */
.hero{position:relative;overflow:hidden;background:var(--branco);padding:clamp(48px,6vw,80px) 0 clamp(56px,7vw,96px)}
.hero__bolha{
  position:absolute;width:min(760px,90vw);height:min(760px,90vw);border-radius:50%;
  background:radial-gradient(circle at 35% 35%, var(--azul-claro), rgba(228,242,250,0) 68%);
  top:-260px;right:-180px;pointer-events:none;
}
.hero__grid{
  display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,70px);align-items:center;
  position:relative;z-index:2;
}
.chip{
  display:inline-flex;align-items:center;gap:9px;background:var(--azul-claro);
  color:var(--azul-tinta);padding:8px 16px;border-radius:999px;font-size:.84rem;font-weight:600;
  margin-bottom:24px;
}
.chip__ponto{width:7px;height:7px;border-radius:50%;background:var(--azul-medio);animation:pulsa 2.4s infinite}
@keyframes pulsa{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}

.hero h1 em{font-style:italic;color:var(--azul-tinta)}

/* ticker de especialidades */
.ticker{margin-top:28px;border-left:3px solid var(--azul-bebe);padding-left:20px}
.ticker__rot{font-family:var(--serif);font-size:clamp(1.5rem,3.2vw,2.15rem);color:var(--preto);height:1.35em;position:relative;overflow:hidden}
.ticker__item{
  position:absolute;inset:0;opacity:0;transform:translateY(60%);
  transition:opacity .45s ease, transform .45s ease;white-space:nowrap;
}
.ticker__item.on{opacity:1;transform:translateY(0)}
.ticker__barra{height:3px;background:var(--linha);border-radius:2px;margin-top:12px;max-width:260px;overflow:hidden}
.ticker__barra i{display:block;height:100%;background:var(--azul-medio);width:0}
.ticker__barra i.correndo{animation:corre 3.4s linear forwards}
@keyframes corre{from{width:0}to{width:100%}}
.ticker__leg{font-size:.85rem;color:var(--azul-medio);font-weight:600;margin-top:10px}

.hero__acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:36px}
.hero__selos{display:flex;flex-wrap:wrap;gap:22px;margin-top:34px;padding-top:26px;border-top:1px solid var(--linha)}
.selo{display:flex;align-items:center;gap:10px;font-size:.92rem;font-weight:500;color:var(--texto)}
.selo svg{color:var(--azul-medio);flex:0 0 auto}

/* foto da doutora no hero */
.hero__foto{position:relative}
.hero__foto .img-marca{min-height:clamp(380px,52vw,540px);border-radius:220px 220px var(--raio) var(--raio)}
.hero__nome{
  font-family:var(--serif);font-size:clamp(2rem,4.4vw,3.05rem);color:var(--preto);
  line-height:1.05;letter-spacing:-.02em;margin-bottom:6px;
}
.hero__papel{
  font-size:.95rem;font-weight:600;color:var(--azul-medio);
  padding-bottom:20px;margin-bottom:26px;position:relative;
}
.hero__papel::after{
  content:"";position:absolute;left:0;bottom:0;width:56px;height:3px;
  background:var(--azul-bebe);border-radius:2px;
}
@media(max-width:900px){
  .hero__grid{grid-template-columns:1fr;gap:38px}
  .hero__foto{order:-1;max-width:460px}
  }

/* ============================================================
   FAIXA DE CONFIANÇA
   ============================================================ */
.faixa{background:var(--azul-claro);padding:20px 0}
.faixa__in{display:flex;flex-wrap:wrap;gap:14px 40px;justify-content:center;align-items:center}
.faixa__item{display:flex;align-items:center;gap:10px;font-size:.93rem;font-weight:600;color:var(--azul-tinta)}
.faixa__item svg{flex:0 0 auto}

/* ============================================================
   ESPECIALIDADES
   ============================================================ */
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cards{grid-template-columns:1fr}}
.card{
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:32px 28px;transition:border-color .3s ease, transform .3s ease;
  display:flex;flex-direction:column;min-width:0;
}
.card:hover{border-color:var(--azul-bebe);transform:translateY(-4px)}
.card__icone{
  width:52px;height:52px;border-radius:14px;background:var(--azul-claro);
  display:grid;place-items:center;color:var(--azul-tinta);margin-bottom:20px;flex:0 0 auto;
}
.card h3{margin-bottom:12px}
.card p{font-size:.97rem;margin-bottom:18px}
.card ul{list-style:none;margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.card li{
  font-size:.79rem;background:var(--neve);color:var(--azul-tinta);
  padding:6px 12px;border-radius:999px;font-weight:600;border:1px solid var(--linha);
}

/* ============================================================
   FAIXA PRETA COM NÚMEROS
   ============================================================ */
.secao--preta h2{color:#fff}
.secao--preta p{color:#B9C4CA}
.numeros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px}
@media(max-width:860px){.numeros{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px}}
.num{border-top:1px solid #2A2A2A;padding-top:24px;min-width:0}
.num b{
  display:block;font-family:var(--serif);font-size:clamp(4rem,8.8vw,7rem);
  color:#fff;line-height:.95;font-weight:400;letter-spacing:-.035em;
}
.num b i{font-style:normal;color:var(--azul-bebe);font-size:1em;letter-spacing:-.035em}
.num > span{display:block;margin-top:14px;font-size:0.93rem;color:#9AA6AD;line-height:1.5}

/* ============================================================
   AUTOAVALIAÇÃO (anel de porcentagem)
   ============================================================ */
.avalia{display:grid;grid-template-columns:1fr .78fr;gap:clamp(30px,5vw,60px);align-items:start}
@media(max-width:940px){.avalia{grid-template-columns:1fr}}
.lista-check{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:700px){.lista-check{grid-template-columns:1fr}}
.op{
  display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid var(--linha);
  border-radius:var(--raio-p);padding:15px 16px;cursor:pointer;min-height:44px;
  transition:border-color .25s ease, background .25s ease;font-size:.95rem;line-height:1.45;
  min-width:0;
}
.op:hover{border-color:var(--azul-bebe)}
.op input{position:absolute;opacity:0;width:0;height:0}
.op__box{
  width:22px;height:22px;border-radius:6px;border:1.5px solid var(--azul-medio);
  flex:0 0 auto;display:grid;place-items:center;margin-top:1px;transition:background .2s ease;
}
.op__box svg{opacity:0;transition:opacity .2s ease;color:#fff}
.op input:checked ~ .op__box{background:var(--azul-medio);border-color:var(--azul-medio)}
.op input:checked ~ .op__box svg{opacity:1}
.op:has(input:checked){background:var(--azul-claro);border-color:var(--azul-bebe)}
.op input:focus-visible ~ .op__box{outline:3px solid var(--azul-medio);outline-offset:3px}

.painel{
  background:#fff;border:1px solid var(--linha);border-radius:var(--raio);
  padding:32px 28px;text-align:center;position:sticky;top:96px;
}
@media(max-width:940px){.painel{position:static}}
.anel{width:190px;height:190px;margin:0 auto 6px;position:relative}
.anel svg{transform:rotate(-90deg);width:100%;height:100%}
.anel__trilho{fill:none;stroke:var(--azul-claro);stroke-width:12}
.anel__prog{fill:none;stroke:var(--azul-medio);stroke-width:12;stroke-linecap:round;transition:stroke-dashoffset .7s cubic-bezier(.22,.61,.36,1)}
.anel__centro{position:absolute;inset:0;display:grid;place-content:center;gap:2px}
.anel__centro b{font-family:var(--serif);font-size:2.9rem;color:var(--preto);line-height:1}
.anel__centro span{font-size:.76rem;color:var(--azul-medio);font-weight:600}
.painel__msg{font-size:.97rem;margin:16px auto 22px;min-height:66px;color:var(--texto)}
.painel .btn{width:100%}
.painel__aviso{font-size:.78rem;color:#7C8A93;margin-top:16px;line-height:1.5}

/* ============================================================
   RODA DE AVALIAÇÃO
   ============================================================ */
.roda{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,5vw,64px);align-items:center}
@media(max-width:880px){.roda{grid-template-columns:1fr}}
.roda__svg{width:100%;max-width:340px;margin:0 auto;aspect-ratio:1}
.roda__seg{fill:none;stroke-width:16;stroke-linecap:round;transition:stroke-dasharray 1s cubic-bezier(.22,.61,.36,1)}
.roda__eixos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
@media(max-width:560px){.roda__eixos{grid-template-columns:1fr}}
.eixo{display:flex;gap:14px;min-width:0}
.eixo__n{
  font-family:var(--serif);font-size:1.05rem;color:var(--azul-medio);
  width:28px;flex:0 0 auto;padding-top:2px;
}
.eixo b{display:block;color:var(--preto);font-size:1rem;font-weight:600;font-family:var(--sans)}
.eixo span{font-size:.9rem;line-height:1.5}

/* ============================================================
   QUEM É
   ============================================================ */
.bio{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,66px);align-items:start}
@media(max-width:900px){.bio{grid-template-columns:1fr}}
.bio__fotos{display:grid;gap:16px}
.bio__fotos .img-marca:first-child{min-height:clamp(320px,42vw,430px)}
.bio__fotos .img-marca:last-child{min-height:170px}
.bio__texto p{margin-bottom:18px;font-size:1.05rem}
.bio__frase{
  font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.95rem);color:var(--preto);
  line-height:1.35;border-left:3px solid var(--azul-bebe);padding-left:22px;margin:30px 0;
  font-style:italic;
}
.trilha{margin-top:36px;border-top:1px solid var(--linha);padding-top:30px}
.trilha h4{font-size:1.05rem;font-family:var(--sans);font-weight:700;margin-bottom:20px;color:var(--preto)}
.trilha__lista{display:grid;gap:2px}
.trilha__item{display:grid;grid-template-columns:76px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid var(--linha);align-items:baseline}
.trilha__ano{font-family:var(--serif);font-size:1.2rem;color:var(--azul-medio)}
.trilha__txt{font-size:.97rem}
.trilha__txt b{color:var(--preto);font-weight:600}

/* ============================================================
   JORNADA
   ============================================================ */
.jornada{position:relative;margin-top:18px}
.jornada__trilho{position:absolute;top:30px;left:6%;right:6%;height:2px;background:var(--linha);z-index:0}
.jornada__trilho i{display:block;height:100%;width:0;background:var(--azul-medio);transition:width 1.6s ease .2s}
.jornada__passos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;position:relative;z-index:1}
@media(max-width:860px){
  .jornada__trilho{left:29px;right:auto;top:10px;bottom:10px;width:2px;height:auto}
  .jornada__trilho i{width:100%;height:0;transition:height 1.6s ease .2s}
  .jornada__passos{grid-template-columns:1fr;gap:28px}
  .passo{display:grid;grid-template-columns:60px 1fr;align-items:start;gap:12px;text-align:left}
  .passo__bola{margin:0}
}
.passo{text-align:center;min-width:0}
.passo__bola{
  width:60px;height:60px;border-radius:50%;background:#fff;border:2px solid var(--azul-bebe);
  display:grid;place-items:center;margin:0 auto 18px;color:var(--azul-tinta);
  font-family:var(--serif);font-size:1.3rem;
}
.passo h3{font-size:1.12rem;margin-bottom:8px}
.passo p{font-size:.94rem;margin:0 auto}

/* ============================================================
   PARA QUEM
   ============================================================ */
.perfis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media(max-width:760px){.perfis{grid-template-columns:1fr}}
.perfil{
  background:var(--neve);border-radius:var(--raio);padding:30px 28px;
  border-left:3px solid var(--azul-bebe);min-width:0;
}
.perfil h3{font-size:1.25rem;margin-bottom:10px}
.perfil p{font-size:.97rem}

/* ============================================================
   LOCAL
   ============================================================ */
.local{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:center}
@media(max-width:820px){.local{grid-template-columns:1fr}}
.local__dados{display:grid;gap:18px;margin-top:26px}
.local__linha{display:flex;gap:14px;align-items:flex-start}
.local__linha svg{color:var(--azul-medio);flex:0 0 auto;margin-top:3px}
.local__linha b{display:block;color:var(--preto);font-weight:600;font-size:1rem}
.local__linha span{font-size:.95rem}

/* ============================================================
   FAQ
   ============================================================ */
.faq{max-width:1180px;margin:0 auto}
.faq details{border-bottom:1px solid var(--linha);padding:4px 0}
.faq summary{
  list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-family:var(--serif);font-size:clamp(1.08rem,2vw,1.3rem);color:var(--preto);min-height:44px;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:8px;top:50%;width:11px;height:11px;
  border-right:2px solid var(--azul-medio);border-bottom:2px solid var(--azul-medio);
  transform:translateY(-70%) rotate(45deg);transition:transform .3s ease;
}
.faq details[open] summary::after{transform:translateY(-30%) rotate(225deg)}
.faq p{padding:0 30px 24px 0;font-size:1rem}

/* ============================================================
   CTA FINAL + RODAPÉ
   ============================================================ */
.cta-final{background:var(--azul-claro);text-align:center}
.cta-final .wrap{max-width:760px}
.cta-final p{margin:20px auto 34px;font-size:1.08rem}
.cta-final__acoes{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.rodape{background:var(--preto);color:#8F9BA2;padding:60px 0 120px;font-size:.9rem}
.rodape__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:36px;border-bottom:1px solid #222}
@media(max-width:780px){.rodape__grid{grid-template-columns:1fr;gap:28px}}
.rodape h4{color:#fff;font-family:var(--sans);font-size:.95rem;font-weight:700;margin-bottom:14px}
.rodape a:hover{color:var(--azul-bebe)}
.rodape ul{list-style:none;display:grid;gap:9px}
.rodape__legal{padding-top:26px;font-size:.8rem;line-height:1.7;color:#6E7A81}
.rodape__legal strong{color:#9AA6AD;font-weight:600}

/* ============================================================
   REVELAÇÃO AO ROLAR
   ============================================================ */
.rev{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}
.rev.vis{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .rev{opacity:1;transform:none}
  html{scroll-behavior:auto}
}

/* ============================================================
   AJUSTES MOBILE — BLOCO ADITIVO
   Adicionado ao final de propósito: nenhuma regra acima foi
   alterada. Só previne estouro de tela em telas estreitas.
   ============================================================ */
@media (max-width:860px){
  h1,h2,h3,h4,p,span,b,li,summary,label,a{overflow-wrap:break-word}
  .num b{font-size:clamp(4rem,14vw,7rem)}
  .ticker__barra{max-width:100%}
}

@media (max-width:620px){
  .numeros{grid-template-columns:1fr;gap:32px}
  .num b{font-size:clamp(3.8rem,19vw,6.4rem)}
  .ticker__rot{font-size:1.3rem}
  .hero__selos{gap:14px 20px}
  .trilha__item{grid-template-columns:66px 1fr;gap:12px}
}

@media (max-width:430px){
  .wrap{padding:0 18px}
  .ticker__rot{font-size:1.14rem}
  .barra-mob{padding:10px 12px;gap:8px}
  .barra-mob .btn{font-size:.85rem;padding:13px 8px}
  .faq summary{font-size:1.02rem;padding-right:36px}
  .painel{padding:28px 20px}
  .card{padding:28px 22px}
  .perfil{padding:26px 22px}
  .cta-final__acoes .btn,
  .hero__acoes .btn{width:100%}
  .marca__nome{font-size:1.02rem}
}

@media (max-width:360px){
  .ticker__rot{font-size:1rem}
  .num b{font-size:4rem}
  .anel{width:168px;height:168px}
  .anel__centro b{font-size:2.5rem}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a024d0 *//* garante que não vai surgir barra horizontal */
html, body { overflow-x: hidden; }

.btn-whatsapp{
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 9999;

  background-color: rgb(37, 211, 102);
  width: 60px;
  height: 60px;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  color: #fff;
  font-size: 28px;
  text-decoration: none;
}

.btn-whatsapp:before,
.btn-whatsapp:after{
  content: '';
  position: absolute;
  border-radius: 50%;
  border: 1px solid #25d366;
  inset: -20px;              /* no lugar de left/right/top/bottom */
  animation: animate 1.5s linear infinite;
  opacity: 0;
  pointer-events: none;
}

.pulsaDelay:after{ animation-delay: 0.5s; }

@keyframes animate{
  0%{ transform: scale(0.5); opacity: 0; }
  50%{ opacity: 1; }
  100%{ transform: scale(1.2); opacity: 0; }
}/* End custom CSS */