/* Ranqi Med · home.css — direção B «Onde a paciente procura», volta 3 (13/11)
   Entre as marcas @critico e @fim fica o que pinta a 1ª dobra: vai inline no <head> (gerado por _critico.py). */
/*@critico*/
/* ---------- o celular (CSS puro) ---------- */
.fone{--fs:15px;font-size:var(--fs);position:relative;flex:none;width:20em;height:41.25em;padding:.55em;border-radius:3.1em;background:#111823;box-shadow:inset 0 0 0 .14em #2B3442,inset 0 0 0 .3em #0A0F17,0 2.2em 4em -1.8em rgba(11,31,59,.5),0 .6em 1.2em -.7em rgba(11,31,59,.35)}
.fone::before{content:"";position:absolute;z-index:6;left:50%;top:1.05em;width:5.8em;height:1.65em;margin-left:-2.9em;border-radius:1em;background:#05080d}
.fone::after{content:"";position:absolute;right:-.22em;top:9.5em;width:.22em;height:4.6em;border-radius:0 .2em .2em 0;background:#1d2532}
.fone-tela{position:relative;width:100%;height:100%;border-radius:2.55em;overflow:hidden;background:#fff;isolation:isolate}
.tela{position:absolute;inset:0;padding:3.5em 1em 1em;background:#fff;color:#1B2A41;line-height:1.3;opacity:0;transform:translateY(1.4em) scale(.985);transition:opacity .5s var(--suave),transform .75s var(--mola)}
.tela.on,.slot .tela,.hero .tela{opacity:1;transform:none}
.tela.on{z-index:2}
.tela.sai{opacity:0;transform:translateY(-1.4em) scale(.985)}
.tela::before{content:attr(data-hora);position:absolute;z-index:5;left:2em;top:1.15em;font:700 .8em/1 var(--mono);letter-spacing:-.02em}
.tela::after{content:"";position:absolute;z-index:5;right:1.9em;top:1.2em;width:1.5em;height:.72em;border-radius:.22em;box-shadow:inset 0 0 0 .1em currentColor;opacity:.85}
.lupa{flex:none;position:relative;width:.85em;height:.85em;border-radius:50%;box-shadow:inset 0 0 0 .14em currentColor;opacity:.6}
.lupa::after{content:"";position:absolute;right:-.24em;bottom:-.12em;width:.36em;height:.13em;background:currentColor;transform:rotate(45deg);border-radius:1em}
.g-barra{display:flex;align-items:center;gap:.6em;min-height:2.7em;padding:0 1em;border-radius:1.4em;border:1px solid #DCE1E8;font-size:.82em;font-weight:500;background:#fff}
.g-abas{display:flex;gap:1.3em;margin:.9em .3em .3em;font-size:.72em;color:#5F6B7D;border-bottom:1px solid #E6EAF0}
.g-abas>*{padding-bottom:.5em}
.g-abas b{color:var(--clinico);box-shadow:inset 0 -.18em 0 var(--clinico)}
.res{list-style:none;margin:0;padding:0;position:relative}
.res li{position:relative;height:3.75em;padding:.55em .55em .5em;display:grid;align-content:center;gap:.15em;border-bottom:1px solid #EEF1F5;transition:transform .7s var(--mola),opacity .5s}
.res li b{font-size:.8em;font-weight:600;color:var(--clinico);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res li small{font-size:.66em;color:#5F6B7D}
.res li.dir small::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:.15em;background:#9AA6B8;margin-right:.45em;vertical-align:-.02em}
.cursor{width:.1em;height:1.15em;background:var(--clinico);margin-left:-.4em;animation:pisca 1s steps(2) infinite}
@keyframes pisca{50%{opacity:0}}

/* ---------- hero: a busca com resultado, já na 1ª dobra ---------- */
.hero{padding:clamp(40px,6vw,72px) 0 clamp(56px,6vw,80px)}
.hero-txt{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"h f" "l f" "a f" "n f";column-gap:clamp(40px,6vw,96px);row-gap:24px;align-items:start}
.hero h1{grid-area:h;align-self:end;max-width:11.5em}
.hero .lead{grid-area:l}
.hero .acoes{grid-area:a}
.hero .nota{grid-area:n;font-size:.95rem;color:var(--cinza);max-width:34em}
.hero-fone{grid-area:f;align-self:center}
.hero .fone{--fs:min(15px,calc((100vh - 180px) / 41.25))}
.t0 .tag-d{position:absolute;right:.55em;top:50%;margin-top:-.8em;font:600 .6em/1 var(--sans);font-style:normal;padding:.45em .6em;border-radius:1em;background:#EEF1F5;color:#4B586B}
.t0 .res li{padding-right:5.2em}
.selo-in{margin:.7em 0;padding:.75em 1em;border-radius:1em;background:var(--noite);color:#fff;font-size:.74em;font-weight:600;text-align:center}
.t0 .apaga{opacity:.45}
.js .t0 .r0 li{animation:linha .6s var(--mola) both}
.js .t0 .r0 li:nth-child(2){animation-delay:.08s}.js .t0 .r0 li:nth-child(3){animation-delay:.16s}.js .t0 .r0 li:nth-child(4){animation-delay:.24s}
.js .t0 .selo-in{animation:linha .6s var(--mola) .34s both}
@keyframes linha{from{transform:translateY(.8em)}}
@media (max-width:999px){
  .hero{padding:28px 0 48px}
  .hero-txt{grid-template-columns:1fr;grid-template-areas:"h" "f" "l" "a" "n";row-gap:20px}
  .hero-fone{justify-self:center;height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
  .hero .fone{--fs:12.4px}
  .hero .acoes .btn{flex:1 1 100%}
}
/*@fim*/

/* ---------- faixa de 3 números ---------- */
.numeros{padding:clamp(48px,6vw,72px) 0}
.tres{list-style:none;margin:0 0 22px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tres li{display:grid;align-content:start;gap:10px;padding-top:20px;border-top:2px solid var(--linha-esc)}
.tres li:first-child{border-color:var(--ceu)}
.tres .num{font-size:clamp(3rem,5vw,4.6rem);font-weight:700;line-height:1;letter-spacing:-.05em;color:#fff}
.tres .num small{font-size:.36em;letter-spacing:0;font-weight:500;color:var(--claro-txt)}
.tres li>span{font-size:1.05rem;line-height:1.4;color:var(--claro-txt);max-width:16em}
.tres .zero .num{color:var(--ceu)}
@media (max-width:999px){.tres{grid-template-columns:1fr;gap:18px}.tres li{grid-template-columns:auto 1fr;align-items:center;gap:16px;padding-top:16px}}

/* ---------- o passeio (volta 3): 4 portas, cada uma com a sua demonstração ----------
   Google = navegador com o perfil · Maps = cartão de mapa com a rota pela rolagem · IAs = celular com a conversa inteira
   · Anúncios = agenda que enche pela rolagem. Seções alternam o lado e o fundo; o movimento é de cada demonstração. */
.passeio{position:relative}
.cap{position:relative;padding:clamp(72px,8.5vw,120px) 0;background:#fff}
.cap.inverte{background:var(--nevoa)}
.cap>.caixa{width:100%;display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.cap-txt{display:grid;gap:22px;justify-items:start}
.cap-txt>p:not(.lead):not(.fonte):not(.porta){max-width:36em;color:var(--noite)}
.porta{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:1rem;letter-spacing:-.01em;color:var(--clinico)}
.porta .ponto{width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 0 5px rgba(0,87,184,.16)}
.dados{display:flex;flex-wrap:wrap;gap:14px 40px}
.dado{display:grid;gap:2px;max-width:16em}
.dado .num{font-size:clamp(2.6rem,3.6vw,3.4rem);font-weight:700;line-height:1;letter-spacing:-.04em}
.dado .num small{font-size:.42em;font-weight:500;letter-spacing:0;color:var(--cinza)}
.dado>span{font-size:.95rem;line-height:1.35;color:var(--cinza)}
.demo{display:grid;justify-items:center;gap:16px;min-width:0}
.demo .tela{opacity:1;transform:none}
@media (min-width:1000px){
  .inverte>.caixa{grid-template-columns:minmax(0,1fr) minmax(0,500px)}
  .inverte .cap-txt{order:2}
}
.sombra-m{box-shadow:0 30px 60px -30px rgba(11,31,59,.45),0 0 0 1px #DCE3EB}

/* estado Hoje × Com a Ranqi Med (etiqueta que troca) */
.estado-tag{display:grid}
.estado-tag>span,.estado>span{grid-area:1/1;justify-self:start;padding:6px 12px;border-radius:999px;font:600 .8rem/1 var(--sans);transition:opacity .4s,transform .5s var(--mola)}
.estado-tag .v-hoje,.estado .v-hoje{background:var(--noite);color:#fff}
.estado-tag .v-com,.estado .v-com{background:var(--clinico);color:#fff;opacity:0;transform:translateY(6px)}
.com .estado-tag .v-hoje,.serp.com .estado .v-hoje{opacity:0;transform:translateY(-6px)}
.com .estado-tag .v-com,.serp.com .estado .v-com{opacity:1;transform:none}

/* Google: navegador com a busca e o perfil */
.navegador{width:100%;max-width:660px;border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -30px rgba(11,31,59,.45),0 0 0 1px #DCE3EB}
.nav-barra{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;background:#F1F4F7;border-bottom:1px solid #E1E6ED}
.nav-barra>i{width:10px;height:10px;border-radius:50%;background:#D3DAE3}
.url{margin-left:12px;flex:1;max-width:300px;height:26px;border-radius:13px;background:#fff;display:flex;align-items:center;gap:8px;padding:0 12px;font:500 12px/1 var(--mono);color:#5F6B7D;white-space:nowrap;overflow:hidden}
.cadeado{flex:none;width:8px;height:7px;border-radius:2px;background:#8C98AB;position:relative;margin-top:3px}
.cadeado::before{content:"";position:absolute;left:1.5px;top:-4px;width:5px;height:5px;border:1.5px solid #8C98AB;border-bottom:0;border-radius:3px 3px 0 0;box-sizing:border-box}
.serp{--fs:15px;font-size:var(--fs);position:relative;height:30em;padding:1.2em 1.4em 0;overflow:hidden;color:#1B2A41}
.serp .g-barra{max-width:25em;font-size:.86em}
.serp .q{white-space:nowrap}
.js .serp:not(.digita) .cursor{display:none}
.serp .cursor{flex:none;margin-left:-.35em}
.serp-corpo{display:grid;grid-template-columns:minmax(0,1fr) 14.5em;gap:1.4em;margin-top:.5em}
.serp .res li{height:3.3em}
.serp .res .seu-item{height:4.6em}
.js .serp .res li:not(.seu-item){transition:transform .7s var(--mola),opacity .5s calc(var(--k,0)*.05s)}
.js .serp:not(.mostra) .res li:not(.seu-item){opacity:0}
.res .seu-item{position:absolute;left:0;right:0;top:0;z-index:2;height:4.6em;border-radius:.8em;border:0;background:#EEF5FD;box-shadow:inset .22em 0 0 var(--clinico);opacity:0;transform:translateY(-1em) scale(.97)}
.res .seu-item b{color:var(--noite);font-size:.95em;font-weight:800;letter-spacing:-.02em}
.res .seu-item .dom{font:500 .64em/1 var(--mono);color:var(--clinico)}
.res .seu-item .esp{color:#4B586B}
.serp.com .res li:not(.seu-item){transform:translateY(4.7em);opacity:.5}
.serp.com .res .seu-item{opacity:1;transform:none;transition-delay:.12s}
.kps{display:grid;align-self:start;margin-top:.4em}
.kp{grid-area:1/1;align-self:start;border:1px solid #E1E6ED;border-radius:1em;overflow:hidden;background:#fff;transition:opacity .5s,transform .7s var(--mola)}
.kp-mapa{position:relative;height:6.4em;background:linear-gradient(90deg,transparent 44%,#fff 44%,#fff 48%,transparent 48%),linear-gradient(transparent 54%,#fff 54%,#fff 60%,transparent 60%),linear-gradient(transparent 20%,#fff 20%,#fff 23%,transparent 23%),#E6EBF1}
.kp-mapa i{position:absolute;width:.9em;height:.9em;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#9AA6B8}
.kp-mapa i:nth-child(1){left:22%;top:28%}.kp-mapa i:nth-child(2){left:70%;top:62%}.kp-mapa i:nth-child(3){left:56%;top:24%}
.kp-mapa i.seu{width:1.4em;height:1.4em;left:52%;top:22%;background:var(--clinico);box-shadow:0 0 0 .35em rgba(0,87,184,.18)}
.kp-in{display:grid;gap:.35em;justify-items:start;padding:.9em 1em 1.1em}
.kp-in strong{font-size:1.25em;font-weight:800;letter-spacing:-.03em;color:var(--noite)}
.kp-t{font-size:.86em;color:var(--clinico);font-weight:600}
.kp-in small{font-size:.72em;color:#5F6B7D}
.kp .dom{font:500 .68em/1.2 var(--mono);color:var(--clinico)}
.kp .tag-d{font:600 .64em/1 var(--sans);padding:.45em .6em;border-radius:1em;background:#EEF1F5;color:#4B586B}
.kp .acao{width:100%}
.kp-com{opacity:0;transform:translateY(1em) scale(.98);border-color:#BFD5EE;box-shadow:inset .22em 0 0 var(--clinico),0 1em 2em -1.2em rgba(0,87,184,.45)}
.serp.com .kp-hoje{opacity:0;transform:translateY(-.6em) scale(.98)}
.serp.com .kp-com{opacity:1;transform:none;transition-delay:.25s}
.estado{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;justify-items:center;padding:2.4em 1em 1.1em;background:linear-gradient(rgba(255,255,255,0),#fff 1.8em)}
.estado>span{justify-self:center;font-size:.8rem}
.acao{display:flex;gap:.4em;margin:.35em 0 .2em}
.acao span{flex:1;text-align:center;padding:.55em .4em;border-radius:2em;font-size:.68em;font-weight:600;color:var(--clinico);box-shadow:inset 0 0 0 1px #B9CDE6}
.acao span:first-child{background:var(--clinico);color:#fff;box-shadow:none}
.rotulo{font:500 .72rem/1.3 var(--mono);color:#5F6B7D}

/* Maps: cartão com a rota que se desenha pela rolagem */
.cartao-mapa{position:relative;width:100%;max-width:600px;aspect-ratio:5/4;border-radius:22px;overflow:hidden;background:#EDF0F4;box-shadow:0 30px 60px -30px rgba(11,31,59,.45),0 0 0 1px #DCE3EB}
.m-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.quadras rect{fill:#E1E6ED}
.parque{fill:#D9E5F0}
.rio{fill:none;stroke:#C6DAEF;stroke-width:18;stroke-linecap:round}
.ruas path{fill:none;stroke:#fff;stroke-width:14;stroke-linecap:round}
.ruas.f path{stroke-width:6}
.rota-base{fill:none;stroke:rgba(0,87,184,.3);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 13}
.rota{fill:none;stroke:var(--clinico);stroke-width:9;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1;stroke-dashoffset:0}
.pin{transform-box:fill-box;transform-origin:50% 100%;transition:transform .55s var(--mola),opacity .4s}
.pin path{fill:#9AA6B8}
.pin circle{fill:#fff}
.cartao-mapa.com .pinos .pin{opacity:.45}
.pin.seu path{fill:var(--clinico)}
.pin.seu .seu-onda{fill:none;stroke:var(--clinico);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:center}
.js .cartao-mapa:not(.chega) .pin.seu{transform:scale(0)}
.cartao-mapa.com .seu-onda{animation:onda 1.8s var(--suave) .3s 3}
@keyframes onda{0%{transform:scale(.6);opacity:.8}100%{transform:scale(2.2);opacity:0}}
.voce{fill:var(--clinico);stroke:#fff;stroke-width:4}
.voce-onda{fill:rgba(0,87,184,.16)}
.m-busca{position:absolute;left:16px;right:16px;top:16px;max-width:340px;display:flex;align-items:center;gap:10px;height:44px;padding:0 16px;border-radius:22px;background:#fff;box-shadow:0 8px 20px -10px rgba(11,31,59,.4);font-weight:500;font-size:.92rem;color:#1B2A41;white-space:nowrap;overflow:hidden}
.cartao-mapa>.estado-tag{position:absolute;left:16px;top:72px}
.m-ficha{position:absolute;right:16px;bottom:16px;width:min(330px,calc(100% - 32px));display:grid;gap:4px;justify-items:start;padding:16px 18px 18px;border-radius:18px;background:#fff;box-shadow:0 18px 36px -18px rgba(11,31,59,.45);transition:transform .7s var(--mola),opacity .45s}
.m-ficha b{font-size:.92rem;color:var(--clinico);font-weight:600}
.m-ficha small{font-size:.8rem;color:#5F6B7D;margin-bottom:6px}
.m-ficha strong{font-size:1.3rem;font-weight:800;letter-spacing:-.03em;color:var(--noite)}
.m-ficha .acao{width:100%}
.m-ficha .acao span{font-size:.82rem}
.com-f{opacity:0;transform:translateY(24px)}
.cartao-mapa.com .hoje-f{opacity:0;transform:translateY(24px)}
.cartao-mapa.com .com-f{opacity:1;transform:none;transition-delay:.15s}

/* IAs: o celular com a conversa inteira */
.d-ia .fone{--fs:15px}
.t3{background:#F4F6F8;display:flex;flex-direction:column;gap:.55em;padding:3.3em .85em .9em}
.chat-cab{display:flex;align-items:center;gap:.5em;font-size:.78em;padding:0 .3em .2em}
.chat-cab i{width:1.6em;height:1.6em;border-radius:50%;background:var(--noite);box-shadow:inset 0 0 0 .45em var(--noite),inset 0 0 0 1em #fff}
.conversa{display:flex;flex-direction:column;gap:.7em}
.bolha{position:relative;max-width:88%;border-radius:1.1em;padding:.75em .9em;font-size:.82em;line-height:1.38}
.bolha p{margin:0}
.bolha.eu{align-self:flex-end;background:var(--noite);color:#fff;border-bottom-right-radius:.3em}
.bolha.ia{align-self:flex-start;background:#fff;border-bottom-left-radius:.3em;width:90%;box-shadow:0 .3em .8em -.5em rgba(11,31,59,.25)}
.bolha.seu{box-shadow:inset .22em 0 0 var(--clinico),0 .3em .8em -.5em rgba(11,31,59,.25)}
.bolha.seu b{color:var(--noite);font-weight:800}
.fontes{display:grid;gap:.35em;margin-top:.55em}
.fontes>span{display:grid;grid-template-columns:auto 1fr;column-gap:.55em;align-items:center;padding:.45em .6em;border-radius:.7em;background:#F1F4F7}
.fontes i{grid-row:span 2;width:1.5em;height:1.5em;border-radius:.45em;background:#9AA6B8}
.fontes b{font-size:.92em;font-weight:600;color:#4B586B;line-height:1.2}
.fontes small{font-size:.8em;color:#5F6B7D;line-height:1.2}
.fontes .f-seu{background:#EEF5FD;box-shadow:inset 0 0 0 1px #BFD5EE}
.f-seu i{background:var(--clinico)}
.f-seu b{color:var(--clinico)!important;font:500 .9em/1.2 var(--mono)}
.bolha .acao{margin-top:.55em}
.bolha .acao span{font-size:.88em}
.divisa{display:flex;align-items:center;gap:.6em;margin:.15em 0;font-size:.7em;font-weight:700;color:var(--clinico)}
.divisa::before,.divisa::after{content:"";flex:1;height:1px;background:#C9D6E6}
.rotulo-ia{margin-top:auto;text-align:center;font:500 .62em/1.3 var(--mono);color:#5F6B7D}
.js .t3 .m{transition:opacity .45s,transform .6s var(--mola)}
.js .t3 .m:not(.vis){opacity:0;transform:translateY(.8em)}
.bolha.pensa>*{opacity:0}
.bolha.pensa::after{content:"";position:absolute;left:1em;top:1em;width:.5em;height:.5em;border-radius:50%;background:#9AA6B8;box-shadow:.85em 0 #9AA6B8,1.7em 0 #9AA6B8;animation:pisca 1s steps(2) infinite}
.de-novo{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--linha);background:#fff;font:600 .92rem/1 var(--sans);color:var(--noite);cursor:pointer;transition:border-color .25s,transform .3s var(--mola)}
.de-novo:hover{border-color:var(--clinico)}
.de-novo:active{transform:scale(.97)}

/* Anúncios: o Patrocinado no seu nome e a agenda que enche pela rolagem */
.agenda-c{position:relative;width:100%;max-width:560px;display:grid;gap:14px}
.ag-ads{display:grid;font-size:19px}
.anuncio{display:grid;gap:.25em;justify-items:start;padding:.9em 1.1em 1em;border-radius:1em;border:1px solid #E1E6ED;background:#fff;box-shadow:0 20px 40px -28px rgba(11,31,59,.5)}
.anuncio small{font-size:.66em;font-weight:800;color:var(--noite);letter-spacing:.01em}
.anuncio b{font-size:.86em;font-weight:600;color:var(--clinico)}
.anuncio>span{font-size:.68em;color:#5F6B7D}
.ag-ads .anuncio{grid-area:1/1;align-self:start;transition:opacity .45s,transform .7s var(--mola)}
.a-com{opacity:0;transform:translateY(.8em);background:#EEF5FD;border-color:#BFD5EE;box-shadow:inset .22em 0 0 var(--clinico),0 20px 40px -28px rgba(0,87,184,.6)}
.a-com b{font-size:1.15em;font-weight:800;color:var(--noite);letter-spacing:-.02em}
.a-com .dom{font:500 .66em/1.2 var(--mono);color:var(--clinico)}
.agenda-c.com .a-hoje{opacity:0;transform:translateY(-.8em)}
.agenda-c.com .a-com{opacity:1;transform:none;transition-delay:.1s}
.ag{background:#fff;border-radius:20px;padding:18px 20px 16px;box-shadow:0 30px 60px -30px rgba(11,31,59,.45),0 0 0 1px #DCE3EB}
.ag-cab{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.ag-cab b{font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--noite)}
.ag-grade{display:grid;grid-template-columns:2.4em repeat(5,minmax(0,1fr));gap:6px}
.ag-grade .d{font-size:.8rem;font-weight:600;color:var(--cinza);text-align:center}
.ag-grade .h{font:500 .75rem/1 var(--mono);color:var(--cinza);align-self:center}
.ag-grade i{position:relative;height:46px;border-radius:9px;background:#F4F6F8;box-shadow:inset 0 0 0 1px #E6EBF1}
.ag-grade i.oc{background:#E3E8EE;box-shadow:none}
.ag-grade i.novo::after{content:attr(data-o);position:absolute;inset:0;display:grid;place-items:center;border-radius:9px;background:var(--clinico);color:#fff;font:600 clamp(.56rem,1.5vw,.74rem)/1 var(--sans);transition:transform .55s var(--mola),opacity .3s}
.js .ag-grade i.novo:not(.on)::after{opacity:0;transform:scale(.6)}
.ag .rotulo{margin-top:12px}
.aviso{position:absolute;z-index:6;right:-18px;top:-22px;width:min(300px,calc(100% - 16px));display:flex;gap:.7em;align-items:center;padding:.8em .9em;border-radius:1.2em;background:rgba(11,31,59,.96);color:#fff;font-size:.86rem;box-shadow:0 20px 40px -20px rgba(11,31,59,.6);transition:transform .8s var(--mola),opacity .4s}
.js .agenda-c:not(.avisa) .aviso{transform:translateY(16px);opacity:0}
.aviso i{flex:none;width:2.2em;height:2.2em;border-radius:.6em;background:var(--clinico);box-shadow:inset 0 0 0 .6em var(--clinico),inset 0 0 0 1.1em #fff}
.aviso div{display:grid;gap:.15em}
.aviso span{color:#C9D4E5;font-size:.92em}

/* no celular (< 1000 px): texto, depois a demonstração, depois os números e a fonte */
@media (max-width:999px){
  .cap{padding:64px 0 60px}
  .cap>.caixa{grid-template-columns:1fr;gap:18px}
  .cap-txt{display:contents}
  .cap-txt>*{justify-self:start}
  .cap .alterna{order:5;margin-top:8px}
  .cap .demo{order:6;justify-self:stretch;margin-top:6px}
  .cap .dados{order:7}
  .cap .fonte{order:8}
  .cap .cta-porta{order:9;width:100%}
  .serp{--fs:12.5px;height:34em;padding:1em 1em 0}
  .serp-corpo{grid-template-columns:1fr}
  .serp-corpo{display:flex;flex-direction:column;gap:.7em}
  .kps{order:-1;margin-top:0}  /* o perfil fica acima da lista, sem cobrir resultado */
  .kp{box-shadow:0 1em 2em -1em rgba(11,31,59,.35)}
  .kp-mapa{height:4.2em}
  .cartao-mapa{aspect-ratio:auto;display:grid;overflow:hidden}
  .m-svg{position:relative;inset:auto;aspect-ratio:1/1;height:auto}
  .m-ficha{position:relative;right:auto;bottom:auto;width:auto;grid-area:2/1;margin:0;border-radius:0;box-shadow:none;border-top:1px solid #E1E6ED}
  .d-ia .fone{--fs:12.5px}
  .aviso{position:relative;right:auto;top:auto;width:auto}  /* no celular o aviso entra abaixo da agenda (espaço já reservado: sem deslocar nada) */
}

/* ---------- o que entregamos ---------- */
.cab-2{display:grid;gap:18px;margin-bottom:clamp(36px,4.5vw,56px);justify-items:start}
.entregas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr)}
.entregas li{position:relative;display:grid;align-content:start;gap:12px;padding:26px 24px 6px 0}
.entregas li::before{content:"";position:absolute;left:0;right:12px;top:0;height:2px;background:var(--ceu);transform-origin:left}
.entregas li.sem::before{background:#7F93B3}
.entregas h3{font-size:1.3rem}
.entregas p{font-size:.98rem;line-height:1.5}
.entregas .tag{justify-self:start;margin-top:4px;font:500 .74rem/1 var(--mono);color:var(--claro-fonte);padding:6px 8px;border:1px solid var(--linha-esc);border-radius:6px}
@media (max-width:999px){.entregas{grid-template-columns:1fr}.entregas li{padding:20px 0 16px}}

/* ---------- medição: cartão escuro com a tabela inteira ---------- */
.cartao-m{border-radius:28px;padding:clamp(28px,3.6vw,48px);display:grid;gap:24px}
.cab-m{display:grid;gap:16px;justify-items:start}
.laudo-pulso{width:64px;height:40px;overflow:visible}
.laudo-pulso path,.pulso-g path{stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}
.tab-m{overflow-x:auto;border-radius:14px}
.tab-m table{width:100%;border-collapse:collapse;font-size:1rem}
.tab-m caption{caption-side:bottom;text-align:left;padding-top:14px}
.tab-m th,.tab-m td{padding:11px 16px;text-align:left;border-bottom:1px solid var(--linha-esc);vertical-align:middle}
.tab-m thead th{font-size:.86rem;font-weight:600;color:var(--claro-txt);border-bottom:1px solid #3A5378;line-height:1.3}
.tab-m tbody th{font-weight:700;color:#fff;font-size:1.05rem}
.tab-m td{font:600 1.05rem/1 var(--mono);color:#fff;white-space:nowrap}
.tab-m td .n{display:inline-block;min-width:4.6em}
.tab-m tbody tr{transition:background-color .25s}
.tab-m tbody tr:hover{background:rgba(255,255,255,.04)}
.dez{display:inline-grid;grid-template-columns:repeat(10,14px);gap:4px;margin-right:14px;vertical-align:middle}
.dez i{position:relative;height:14px;border-radius:3px;background:#22385A;overflow:hidden}
.dez i.d::after{content:"";position:absolute;inset:0;background:var(--ceu);transform-origin:left;transition:transform .4s var(--mola) calc(.2s + var(--k,0)*70ms)}
.js .cartao-m:not(.vis) .dez i.d::after{transform:scaleX(0)}
.ia-m{display:grid;grid-template-columns:auto 1fr;gap:20px 40px;align-items:center;padding-top:8px}
.ia-n{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:1rem;line-height:1.4;color:var(--claro-txt)}
.ia-n span{font:700 1.25rem/1 var(--mono);color:#fff}
.ia-n.um{grid-column:1/-1;font-size:1.05rem}
.ia-n.um span{font-size:2.6rem;letter-spacing:-.05em}
.bolas{display:grid;grid-template-columns:repeat(14,16px);gap:6px}
.bolas i{width:16px;height:16px;border-radius:50%;background:var(--ceu)}
.bolas i.b{background:#7F93B3}
.bolas i.z{background:none;box-shadow:inset 0 0 0 2px #fff}
.ia-leg{display:grid;gap:10px}
.ia-leg .k{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--ceu)}
.ia-leg .k.z{background:none;box-shadow:inset 0 0 0 2px #fff}
.ia-n.zero span{color:var(--ceu)}
@media (max-width:999px){
  .cartao-m{border-radius:20px;padding:26px 18px;gap:22px}
  .tab-m{overflow:visible}
  .tab-m thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .tab-m table,.tab-m tbody{display:block}
  .tab-m tbody tr{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:6px 10px;padding:14px 0;border-bottom:1px solid var(--linha-esc)}
  .tab-m tbody th{grid-column:1/-1;padding:0;border:0}
  .tab-m td{display:grid;gap:6px;padding:0;border:0;font-size:.98rem}
  .tab-m td::before{content:attr(data-l);font:500 .72rem/1 var(--sans);color:var(--claro-fonte)}
  .dez{grid-template-columns:repeat(10,8px);gap:2px;margin:0}
  .dez i{height:8px;border-radius:2px}
  .ia-m{grid-template-columns:1fr}
  .bolas{grid-template-columns:repeat(14,14px);gap:5px}.bolas i{width:14px;height:14px}
}

/* ---------- como funciona: a mini-auditoria nítida ---------- */
.com-foto{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.passos{list-style:none;margin:0;padding:0;counter-reset:p;position:relative;display:grid;gap:28px}
.passos::before,.passos::after{content:"";position:absolute;left:19px;top:20px;bottom:20px;width:2px;background:var(--linha-esc)}
.passos::after{background:var(--ceu);transform-origin:top;transition:transform 1.6s var(--suave) .2s}
.js .passos:not(.vis)::after{transform:scaleY(0)}
.passos li{counter-increment:p;position:relative;padding-left:64px;display:grid;gap:6px;transition:opacity .5s calc(.25s + var(--o,0)*.35s),transform .7s var(--mola) calc(.25s + var(--o,0)*.35s)}
.passos li::before{content:counter(p,decimal-leading-zero);position:absolute;left:0;top:-4px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--noite);box-shadow:inset 0 0 0 2px var(--ceu);font:600 .8rem/1 var(--mono);color:#fff}
.passos h3{font-size:1.3rem}
.js .passos:not(.vis) li{opacity:0;transform:translateX(-14px)}
.folhas{position:relative;margin:0;display:grid;grid-template-columns:1fr 1.45fr;gap:16px;align-items:start}
.folhas img{width:100%;border-radius:10px;background:#fff;box-shadow:0 24px 50px -26px rgba(0,0,0,.65)}
.folhas .f-tras{margin-top:56px}
.folhas img{transition:transform .9s var(--mola),opacity .6s}
.folhas .f-tras{transition-delay:.15s}
.js .folhas:not(.vis) img{opacity:0;transform:translateY(28px)}
.folhas figcaption{grid-column:1/-1;margin-top:6px;font-size:.88rem;color:var(--claro-fonte);display:grid;gap:4px}
.folhas figcaption span{font:500 .72rem/1.3 var(--mono);opacity:.9}
@media (max-width:999px){.com-foto{grid-template-columns:1fr}.folhas{grid-template-columns:1fr 1.5fr}.folhas .f-tras{margin-top:32px}}

/* ---------- pacotes ---------- */
.cab-pac{grid-template-columns:1fr auto;align-items:end;justify-items:stretch;width:100%}
.cab-pac .alterna{justify-self:end}
.pacotes{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch}
.pac{position:relative;isolation:isolate;display:grid;grid-template-rows:auto auto 1fr auto;gap:22px;padding:36px 36px 32px;border-radius:20px;border:1px solid var(--linha);background:var(--nevoa);color:var(--noite);transition:transform .6s var(--mola),color .45s,border-color .45s,box-shadow .6s var(--mola)}
.pac::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:var(--noite);opacity:0;transition:opacity .45s}
.pac.on{color:#fff;border-color:var(--noite);transform:translateY(-8px);box-shadow:0 34px 60px -30px rgba(11,31,59,.7)}
.pac.on::before{opacity:1}
.pac h3{font-size:1.5rem}
.preco{display:grid;gap:8px;font:800 clamp(2.8rem,4vw,3.6rem)/1 var(--sans);letter-spacing:-.045em}
.preco small{font:500 1rem/1.4 var(--sans);letter-spacing:0;color:var(--cinza)}
.pac ul{list-style:none;margin:0;padding:0;display:grid;gap:10px;align-content:start}
.pac li{position:relative;padding-left:28px;line-height:1.4}
.pac li::before{content:"";position:absolute;left:2px;top:.32em;width:12px;height:7px;border-left:2px solid var(--clinico);border-bottom:2px solid var(--clinico);transform:rotate(-45deg)}
.pac li.nao{color:var(--cinza)}
.pac li.nao::before{width:12px;height:0;border-left:0;top:.7em;transform:none;border-bottom-color:var(--cinza)}
.pagar{display:grid;gap:10px}
.pagar .btn{min-height:54px}
.pagar small{font-size:.82rem;line-height:1.4;color:var(--cinza)}
.pac.on .preco small,.pac.on .pagar small,.pac.on li.nao{color:var(--claro-txt)}
.pac.on li::before{border-color:var(--ceu)}
.pac.on .btn-s{color:#fff;border-color:rgba(255,255,255,.6)}
.pac.on .btn-p{background:var(--ceu);color:var(--noite)}
@media (max-width:999px){.cab-pac{grid-template-columns:1fr}.cab-pac .alterna{justify-self:start;max-width:100%}.cab-pac .alterna button{padding:0 12px;font-size:.88rem}.pacotes{grid-template-columns:1fr}.pac{padding:28px 22px}.pac.on{transform:none}}

/* ---------- perguntas: duas colunas a 1440 ---------- */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;align-items:start}
.faq details:first-child{border-top:1px solid var(--linha)}
@media (max-width:999px){.faq{grid-template-columns:1fr}.faq-col+.faq-col details:first-child{border-top:0}}

/* ---------- fim ---------- */
.fim{overflow:hidden}
.fim .caixa{position:relative;z-index:1;display:grid;gap:22px;justify-items:start}
.fim h2{font-size:clamp(2.3rem,4.6vw,4.2rem);max-width:12em}
.pulso-g{position:absolute;right:-4%;top:50%;width:min(58vw,760px);height:auto;transform:translateY(-50%);opacity:.22}
.pulso-g path{transition:stroke-dashoffset 1.8s var(--suave)}
.pulso-g path+path{transition-delay:1.5s;transition-duration:1s}
.js .fim:not(.viu) .pulso-g path,.js .laudo:not(.viu) .laudo-pulso path{stroke-dashoffset:1}
.laudo-pulso path{transition:stroke-dashoffset 1s var(--suave)}
.laudo-pulso path+path{transition-delay:.85s;transition-duration:.6s}

/* ---------- coreografia de entrada ---------- */
.js [data-r="sobe"] h2{clip-path:inset(0 0 0 0);transition:clip-path .9s var(--mola),transform .9s var(--mola)}
.js [data-r="sobe"]:not(.vis) h2{clip-path:inset(0 0 100% 0);transform:translateY(.35em)}
.js [data-r="sobe"] .lead,.js [data-r="sobe"] .acoes,.js [data-r="sobe"] .alterna,.js [data-r="sobe"] .fonte{transition:opacity .7s .25s,transform .8s var(--mola) .25s}
.js [data-r="sobe"]:not(.vis) .lead,.js [data-r="sobe"]:not(.vis) .acoes,.js [data-r="sobe"]:not(.vis) .alterna,.js [data-r="sobe"]:not(.vis) .fonte{opacity:0;transform:translateY(14px)}
.js [data-r="cascata"]>*{transition:opacity .6s calc(var(--o,0)*.09s),transform .8s var(--mola) calc(var(--o,0)*.09s)}
.js [data-r="cascata"]:not(.vis)>*{opacity:0;transform:translateX(-18px)}
.entregas li::before{transition:transform .9s var(--mola) calc(var(--o,0)*.09s + .1s)}
.js .entregas:not(.vis) li::before{transform:scaleX(0)}

@media (prefers-reduced-motion:reduce){
  .js .cap:not(.viu) .cap-txt>*,.js [data-r]:not(.vis)>*,.js [data-r]:not(.vis) li,.js [data-r="sobe"]:not(.vis) h2,.js [data-r="sobe"]:not(.vis) .lead,.js [data-r="sobe"]:not(.vis) .acoes,.js [data-r="sobe"]:not(.vis) .alterna,.js [data-r="sobe"]:not(.vis) .fonte{opacity:1;transform:none;clip-path:none}
  .js .cartao-m:not(.vis) .dez i.d::after,.js .entregas:not(.vis) li::before,.js .passos:not(.vis)::after{transform:none}
  .js .folhas:not(.vis) img{opacity:1;transform:none}
  .js .fim:not(.viu) .pulso-g path,.js .laudo:not(.viu) .laudo-pulso path{stroke-dashoffset:0}
  .cursor,.seu-onda,.bolha.pensa::after,.js .t0 .r0 li,.js .t0 .selo-in{animation:none}
}