/* ==== base.css ==== */
/* ===== BASE · Dra. Mirela Barros ===== */
:root{
  --parede:#e9ebf0; --parede-2:#ced2db;
  --malva:#b9a9a8; --malva-esc:#927e7e;
  --vinho:#583533; --marinho:#151f2f;
  --tinta:#1b1a22; --tinta-2:#4a4550; --tinta-3:#6b6570;
  --acento:#9b2333; --acento-2:#b12d3f; --acento-claro:#e58a95;
  --luz:#fff6e8; --ambar:#f3d6a8;
  --noite:#10141e; --noite-2:#1a1f2c; --noite-txt:#f3eee9; --noite-txt-2:#c9c2c4;
  --f-tit:"Piazzolla", Georgia, serif;
  --f-txt:"Radio Canada Big", system-ui, sans-serif;
  --pad:clamp(20px,4.2vw,64px);
  --sec:clamp(88px,11vw,168px);
  --larg:1280px;
  --t-hero:clamp(42px,5.3vw,84px);
  --t-h2:clamp(34px,4.2vw,64px);
  --t-h3:clamp(22px,2vw,30px);
  --t-corpo:clamp(16px,1.2vw,18.5px);
  --t-mini:.875rem;
  --curva:cubic-bezier(.2,.7,.2,1);
  --sombra-etq:0 8px 24px -10px rgb(21 31 47 / .45);
}
*,*::before,*::after{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{font-family:var(--f-txt);color:var(--tinta);background:var(--parede);overflow-x:clip;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--acento);outline-offset:3px;border-radius:4px}
.wf-noite :focus-visible{outline-color:var(--ambar)}
.wf-so-leitor{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* granulado único, fixo */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* ===== estrutura de seção ===== */
.wf-sec{position:relative;isolation:isolate;padding:var(--sec) var(--pad)}
.wf-miolo{max-width:var(--larg);margin:0 auto;position:relative}
.wf-rotulo{display:inline-flex;align-items:center;gap:10px;font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vinho);font-weight:600}
.wf-rotulo b{font-family:var(--f-tit);font-weight:500;font-size:12px;letter-spacing:0;color:#fff;background:var(--acento);border-radius:99px;padding:3px 8px}
.wf-titulo{font-family:var(--f-tit);font-weight:380;font-size:var(--t-h2);line-height:1.02;letter-spacing:-.025em;font-variation-settings:"opsz" 30;margin-top:18px;text-wrap:balance}
.wf-titulo em{font-style:italic;font-weight:420;color:var(--acento)}
.wf-apoio{font-size:var(--t-corpo);line-height:1.6;color:var(--tinta-2);max-width:34em;margin-top:22px}
.wf-fala{font-family:var(--f-tit);font-style:italic;font-weight:380;font-size:clamp(17px,1.4vw,20px);line-height:1.45;color:var(--tinta)}
.wf-fala cite{display:block;margin-top:8px;font-family:var(--f-txt);font-style:normal;font-size:13px;color:var(--tinta-2)}
.wf-fala cite::after{content:" · no Google"}

/* ===== paredes (malhas) ===== */
.wf-parede{background:
  radial-gradient(60% 70% at 10% 10% in oklab,#f6f4f5,transparent 70%),
  radial-gradient(55% 60% at 90% 85% in oklab,#e4d8d6,transparent 70%),
  linear-gradient(160deg in oklab,#eef0f4,#e2e5eb 60%,#e9e2e1)}
.wf-parede-malva{background:
  radial-gradient(60% 70% at 85% 15% in oklab,#f3eeec,transparent 70%),
  radial-gradient(60% 60% at 10% 90% in oklab,#dcc9c7,transparent 70%),
  linear-gradient(170deg in oklab,#ebe5e4,#e2d6d5)}
.wf-parede-fria{background:
  radial-gradient(60% 70% at 15% 20% in oklab,#f5f6f8,transparent 70%),
  radial-gradient(50% 60% at 85% 80% in oklab,#d6dae2,transparent 70%),
  linear-gradient(165deg in oklab,#eceef2,#dfe2e8)}
.wf-noite{color:var(--noite-txt);background:
  radial-gradient(50% 60% at 82% 30% in oklab,rgb(88 53 51 / .85),transparent 72%),
  radial-gradient(45% 55% at 12% 85% in oklab,rgb(44 38 43 / .9),transparent 70%),
  radial-gradient(35% 40% at 70% 70% in oklab,rgb(243 214 168 / .10),transparent 70%),
  linear-gradient(170deg in oklab,#151f2f,#10141e 70%)}
.wf-noite .wf-rotulo{color:var(--ambar)}
.wf-noite .wf-titulo em{color:var(--acento-claro)}
.wf-noite .wf-apoio{color:var(--noite-txt-2)}
.wf-noite .wf-fala{color:var(--noite-txt)}
.wf-noite .wf-fala cite{color:var(--noite-txt-2)}
/* halo morno que respira */
.wf-halo{position:absolute;z-index:-1;width:60vmax;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side in oklab,rgb(255 241 220 / .9),rgb(255 236 214 / .35) 45%,transparent);animation:wf-respira 14s ease-in-out infinite alternate}
@keyframes wf-respira{from{opacity:.6}to{opacity:1}}

/* ===== MOTIVO: etiqueta numerada + fio pontilhado ===== */
.wf-etq{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:500;color:var(--tinta);background:rgb(255 251 245 / .92);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:7px 14px 7px 8px;border-radius:99px;box-shadow:var(--sombra-etq);white-space:nowrap;line-height:1.2}
.wf-etq b{font-family:var(--f-tit);font-weight:500;font-size:12px;color:#fff;background:var(--acento);border-radius:99px;padding:3px 8px;flex:none}
.wf-etq--grande{font-size:16px;padding:10px 18px 10px 10px}
.wf-etq--grande b{font-size:14px;padding:4px 10px}
.wf-noite .wf-etq{background:rgb(255 246 232 / .1);color:var(--noite-txt);box-shadow:none;border:1px solid rgb(255 246 232 / .22)}
/* fio: <svg class="wf-fio"><path pathLength="1" d="..."/></svg> — repetir o path inline (não usar <use>) */
.wf-fio{overflow:visible;pointer-events:none}
.wf-fio path,.wf-fio line,.wf-fio polyline{fill:none;stroke:var(--luz);stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-dasharray:1 1;stroke-linecap:round}
.wf-fio--tinta path,.wf-fio--tinta line,.wf-fio--tinta polyline{stroke:var(--malva-esc)}
.wf-fio circle{fill:var(--luz)}
.wf-fio--tinta circle{fill:var(--acento)}
/* ponto onde o fio termina (sobre a imagem) */
.wf-ponto{width:9px;height:9px;border-radius:50%;background:var(--luz);box-shadow:0 0 0 4px rgb(255 246 232 / .25)}

/* ===== MOTIVO 2: filme na luz (radiografia real) ===== */
.wf-filme{position:relative;overflow:hidden;background:#0c0b0d;border-radius:6px;box-shadow:0 30px 60px -30px rgb(16 20 30 / .6)}
.wf-filme img{width:100%;height:100%;object-fit:cover}
.wf-filme::after{content:"";position:absolute;inset:-20% -40%;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgb(255 246 230 / .55) 50%,transparent 60%);transform:translateX(-60%);animation:wf-varre 9s cubic-bezier(.6,0,.4,1) 1s infinite}
@keyframes wf-varre{0%{transform:translateX(-60%)}55%,100%{transform:translateX(60%)}}

/* ===== botões ===== */
.wf-botao{display:inline-flex;align-items:center;gap:10px;background:var(--tinta);color:#fff;text-decoration:none;font-weight:500;font-size:16px;padding:15px 24px;min-height:48px;border-radius:99px;transition:background .3s,transform .3s}
.wf-botao svg{width:20px;height:20px;fill:currentColor;flex:none}
.wf-botao:hover{background:var(--acento);transform:translateY(-1px)}
.wf-noite .wf-botao{background:var(--luz);color:var(--noite)}
.wf-noite .wf-botao:hover{background:var(--ambar)}
.wf-link{display:inline-flex;align-items:center;min-height:48px;font-size:15px;text-decoration:none;color:var(--tinta-2)}
.wf-link span{border-bottom:1px solid currentColor;padding-bottom:2px}
.wf-noite .wf-link{color:var(--noite-txt-2)}

/* ===== entrada por rolagem: data-wf ===== */
.js [data-wf]{opacity:0;transform:translateY(14px);transition:opacity .9s var(--curva),transform .9s var(--curva);transition-delay:var(--d,0s)}
.js [data-wf].wf-visto{opacity:1;transform:none}
.js [data-wf="fio"]{opacity:1;transform:none}
.js [data-wf="fio"] path,.js [data-wf="fio"] line,.js [data-wf="fio"] polyline{stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease;transition-delay:var(--d,0s)}
.js [data-wf="fio"].wf-visto path,.js [data-wf="fio"].wf-visto line,.js [data-wf="fio"].wf-visto polyline{stroke-dashoffset:0}
.js [data-wf="etq"]{transform:translateX(-10px)}
.js [data-wf="etq"].wf-visto{transform:none}
.js [data-wf="foto"]{transform:none;transition-duration:1.4s}

/* ===== botão flutuante do WhatsApp (celular) ===== */
.wf-flutua{position:fixed;z-index:80;right:16px;bottom:16px;display:none;align-items:center;gap:9px;background:var(--tinta);color:#fff;text-decoration:none;font-weight:500;font-size:15px;padding:13px 18px;min-height:48px;border-radius:99px;box-shadow:0 14px 30px -12px rgb(21 31 47 / .6);transform:translateY(120%);opacity:0;transition:transform .5s var(--curva),opacity .5s}
.wf-flutua svg{width:20px;height:20px;fill:currentColor}
.wf-flutua.on{transform:none;opacity:1}
@media (max-width:760px){.wf-flutua{display:inline-flex}}


/* ==== hero.css ==== */

.e-topo{position:absolute;inset:0 0 auto 0;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:22px var(--pad)}
.e-marca strong{display:block;font-family:var(--f-tit);font-weight:500;font-size:19px;letter-spacing:-.01em}
.e-marca span{font-size:12.5px;color:var(--tinta-2);letter-spacing:.02em}
.e-urg{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;text-decoration:none;padding:8px 14px;border-radius:99px;background:rgb(255 255 255 / .72);backdrop-filter:blur(8px);box-shadow:0 1px 0 rgb(0 0 0 / .04)}
.e-urg i{width:8px;height:8px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 0 rgb(155 35 51 / .5);animation:pulso 2.6s ease-out infinite}
@keyframes pulso{70%{box-shadow:0 0 0 8px rgb(155 35 51 / 0)}100%{box-shadow:0 0 0 0 rgb(155 35 51 / 0)}}

.e-hero{position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;isolation:isolate}

/* malha */
.e-malha{position:absolute;inset:0;z-index:-2;background:
  radial-gradient(circle at 12% 18% in oklab, #f6f4f5 0%, transparent 55%),
  radial-gradient(circle at 30% 92% in oklab, #e4d8d6 0%, transparent 50%),
  linear-gradient(in oklab 160deg, #eef0f4, #dfe2e9 60%, #e7dfdf)}
.e-malha span{position:absolute;border-radius:50%;background:radial-gradient(closest-side in oklab, var(--c), transparent);animation:deriva var(--t) ease-in-out infinite alternate}
.e-malha span:nth-child(1){--c:rgb(206 210 219 / .9);width:70vmax;height:70vmax;left:-20vmax;top:-30vmax;--t:31s}
.e-malha span:nth-child(2){--c:rgb(185 169 168 / .55);width:55vmax;height:55vmax;left:15vmax;bottom:-35vmax;--t:37s;animation-delay:-9s}
.e-malha span:nth-child(3){--c:rgb(255 246 232 / .9);width:40vmax;height:40vmax;left:28vmax;top:-12vmax;--t:26s;animation-delay:-4s}
.e-malha span:nth-child(4){--c:rgb(155 35 51 / .10);width:36vmax;height:36vmax;left:-8vmax;bottom:-18vmax;--t:34s;animation-delay:-14s}
@keyframes deriva{to{transform:translate3d(6vmax,4vmax,0) scale(1.08)}}
.e-hero::after{content:none;display:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

/* foto */
.e-foto{grid-column:2;grid-row:1;height:100svh;align-self:stretch;position:relative}
.e-quadro{position:relative;height:100%;aspect-ratio:4/5;-webkit-mask-image:radial-gradient(118% 92% at 100% 42%,#000 58%,transparent 80%);mask-image:radial-gradient(118% 92% at 100% 42%,#000 58%,transparent 80%)}
.e-zoom{position:absolute;inset:0;transform:scale(1.12);transform-origin:72% 0%}
.e-quadro img{display:block;width:100%;height:100%;object-fit:cover}
@keyframes respira{from{opacity:.6}to{opacity:1}}
.e-vaza{position:absolute;z-index:-1;right:22%;top:18%;width:62vmax;aspect-ratio:1;translate:50% -20%;border-radius:50%;background:radial-gradient(closest-side in oklab,rgb(255 241 220 / .95),rgb(255 236 214 / .45) 40%,transparent);animation:respira 14s ease-in-out infinite alternate;pointer-events:none}
.e-filme{position:absolute;inset:0;clip-path:polygon(48.3% 28.7%,91.7% 30.8%,89.6% 59.2%,46.3% 56.7%);pointer-events:none;mix-blend-mode:screen}
.e-filme b{position:absolute;inset:-20% -40%;background:linear-gradient(100deg,transparent 40%,rgb(255 240 215 / .0) 44%,rgb(255 246 230 / .75) 50%,rgb(255 240 215 / 0) 56%,transparent 60%);transform:translateX(-60%);animation:varre 9s cubic-bezier(.6,0,.4,1) 1.6s infinite}
@keyframes varre{0%{transform:translateX(-60%)}55%,100%{transform:translateX(60%)}}

/* texto */
.e-texto{grid-column:1;grid-row:1;padding:120px var(--pad) 64px;max-width:720px;position:relative;z-index:2}
.e-sobre{font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--vinho);font-weight:600;margin-bottom:22px}
.e-hero h1{font-family:var(--f-tit);font-weight:380;font-size:clamp(42px,5.3vw,84px);line-height:.98;letter-spacing:-.025em;font-variation-settings:"opsz" 30}
.e-hero h1 span{white-space:nowrap}
.e-hero h1 em{display:block;font-style:italic;font-weight:420;color:var(--acento)}
.e-apoio{margin-top:26px;font-size:clamp(16px,1.25vw,18.5px);line-height:1.55;color:var(--tinta-2);max-width:31em}
.e-acoes{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.e-botao{display:inline-flex;align-items:center;gap:10px;background:var(--tinta);color:#fff;text-decoration:none;font-weight:500;font-size:16px;padding:15px 24px;border-radius:99px;transition:background .3s,transform .3s}
.e-botao svg{width:20px;height:20px;fill:currentColor}
.e-botao:hover{background:var(--acento);transform:translateY(-1px)}
.e-link{font-size:15px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;color:var(--tinta-2)}
.e-prova{margin-top:40px;display:flex;gap:22px;align-items:flex-start;padding-top:22px;border-top:1px solid rgb(27 26 34 / .12)}
.e-nota{flex:none;display:grid;grid-template-columns:auto auto;column-gap:10px;align-items:baseline}
.e-nota b{font-family:var(--f-tit);font-weight:400;font-size:40px;line-height:1;grid-row:span 2}
.e-nota span{color:var(--acento);font-size:12px;letter-spacing:2px}
.e-nota small{font-size:12px;color:var(--tinta-2);line-height:1.3}
.e-falas{position:relative;flex:1;min-height:76px}
.e-falas p{position:absolute;inset:0 auto auto 0;font-family:var(--f-tit);font-style:italic;font-size:17px;line-height:1.4;color:var(--tinta);opacity:0;transform:translateY(6px);transition:opacity .9s,transform .9s}
.e-falas p.on{opacity:1;transform:none}
.e-falas cite{display:block;margin-top:6px;font-family:var(--f-txt);font-style:normal;font-size:12px;color:var(--tinta-2)}
.e-falas cite::after{content:" · no Google"}

/* entrada */
.js [data-rev]{opacity:0;transform:translateY(14px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1)}
.js .e-foto[data-rev]{transform:none;transition:opacity 1.6s ease}
.js .vivo [data-rev]{opacity:1;transform:none}

@media (max-width:1100px) and (min-width:761px){
  .e-quadro{aspect-ratio:auto;width:46vw}
  .e-quadro img{object-position:62% 30%}
  .e-filme{display:none}
}
@media (max-width:760px){
  .e-hero{grid-template-columns:1fr;align-items:start}
  .e-foto{grid-column:1;grid-row:1;height:auto;margin-top:68px}
  .e-topo{background:linear-gradient(#eceef2 70%,transparent)}
  .e-zoom{transform:scale(1.2);transform-origin:70% 0%}
  .e-quadro img{object-position:50% 0%}
  .e-filme{display:none}
  .e-quadro{height:auto;width:100%;aspect-ratio:1/1;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
  .e-texto{grid-row:2;padding:0 var(--pad) 48px;margin-top:-6vw}
  .e-topo{padding:16px var(--pad)}
  .e-marca strong{font-size:17px}
  .e-marca span{font-size:11.5px}
  .e-hero h1{font-size:clamp(36px,10.6vw,50px)}
  .e-prova{flex-direction:column;gap:14px}
  .e-falas{min-height:96px;width:100%}
}
@media (prefers-reduced-motion:reduce){.js [data-rev]{opacity:1;transform:none}}

/* anotações: a explicação dela, etapa por etapa */
.e-fios{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.e-fios path{fill:none;stroke:var(--luz);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-dasharray:1 1}
.e-fios circle{fill:var(--luz)}
.e-etapas{list-style:none;padding:0;position:absolute;inset:0;pointer-events:none}
.e-etapas li{position:absolute;left:6%;top:var(--y);translate:0 -50%;display:flex;align-items:center;gap:9px;font-size:13.5px;font-weight:500;color:var(--tinta);background:rgb(255 251 245 / .9);backdrop-filter:blur(6px);padding:7px 13px 7px 8px;border-radius:99px;box-shadow:0 8px 24px -10px rgb(21 31 47 / .45);white-space:nowrap}
.e-etapas b{font-family:var(--f-tit);font-weight:500;font-size:12px;color:#fff;background:var(--acento);border-radius:99px;padding:3px 7px}
.js .e-etapas li{opacity:0;translate:-10px -50%;transition:opacity .8s ease,translate .8s cubic-bezier(.2,.7,.2,1)}
.js .e-fios path{stroke-dashoffset:1;transition:stroke-dashoffset 1s ease}
.js .e-fios circle{opacity:0;transition:opacity .6s}
.js .vivo .e-etapas li{opacity:1;translate:0 -50%}
.js .vivo .e-fios path{stroke-dashoffset:0}
.js .vivo .e-fios circle{opacity:1}
.e-etapas li:nth-child(1),.e-fios path:nth-of-type(1),.e-fios circle:nth-of-type(1){transition-delay:1.4s}
.e-etapas li:nth-child(2),.e-fios path:nth-of-type(2),.e-fios circle:nth-of-type(2){transition-delay:1.9s}
.e-etapas li:nth-child(3),.e-fios path:nth-of-type(3),.e-fios circle:nth-of-type(3){transition-delay:2.4s}
.e-prova{margin-top:44px}
.e-nota b{font-size:52px}
.e-falas p{font-size:18.5px}
@media (max-width:1100px){.e-fios,.e-etapas{display:none}}


/* ==== hi.css ==== */
/* ===== 01 · hi · Trajetória ===== */
.hi{padding-left:0;padding-right:var(--pad)}
.hi-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);max-width:calc(var(--larg) + var(--pad));margin:0 auto 0 0}
.hi-foto{position:sticky;top:0;height:100vh;height:100svh;align-self:start;margin:calc(var(--sec) * -1) 0 0}
.hi-foto{container-type:inline-size}
.hi-quadro{position:absolute;inset:0;background:#050406;
  -webkit-mask-image:linear-gradient(90deg,#000 62%,rgb(0 0 0 / .55) 80%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 84%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 62%,rgb(0 0 0 / .55) 80%,transparent),linear-gradient(180deg,transparent,#000 9%,#000 84%,transparent);
  mask-composite:intersect}
.hi-projecao{position:absolute;left:7%;top:8%;color:var(--luz);pointer-events:none;transition:opacity .45s ease,transform .45s var(--curva)}
.hi-projecao.hi-troca{opacity:0;transform:translateY(8px)}
.hi-proj-ano{display:block;font-family:var(--f-tit);font-weight:300;font-style:italic;font-size:clamp(56px,min(15cqw,11vh),132px);line-height:.9;letter-spacing:-.035em;font-variation-settings:"opsz" 30;text-shadow:0 0 40px rgb(255 241 220 / .35)}
.hi-proj-lugar{display:block;margin-top:10px;font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:rgb(255 246 232 / .82)}
.hi-quadro img{position:absolute;left:0;right:0;bottom:0;top:var(--hi-topo,20%);width:100%;height:calc(100% - var(--hi-topo,20%));object-fit:cover;object-position:40% 0%}
.hi-ponto{position:absolute;left:var(--hi-px,25.6%);top:var(--hi-py,38.6%);width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50%;background:var(--luz);box-shadow:0 0 0 4px rgb(255 246 232 / .25)}
.hi-fio-foto{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.hi-fio-foto line{fill:none;stroke:var(--luz);stroke-width:1.3;vector-effect:non-scaling-stroke;stroke-dasharray:2 4}
.hi-legenda{position:absolute;left:calc(var(--hi-px,25.6%) - 39px);top:var(--hi-ly,57%)}

.hi-texto{padding-top:8px;min-width:0}
.hi-titulo{max-width:14ch}
.hi-linha{position:relative;margin-top:clamp(48px,6vw,80px);padding-left:0}
.hi-fio{position:absolute;left:38px;top:8px;height:var(--hi-alt,100%);width:2px}
.hi-trilho{position:absolute;inset:0;background:repeating-linear-gradient(180deg,var(--malva-esc) 0 2px,transparent 2px 7px);opacity:.7}
.hi-luz{position:absolute;inset:0;background:var(--acento);transform-origin:top;transform:scaleY(var(--hi-p,0))}
.hi-cabeca{position:absolute;left:50%;top:calc(var(--hi-p,0) * 100%);width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--luz);box-shadow:0 0 0 5px rgb(155 35 51 / .25),0 0 18px 4px rgb(255 241 220 / .9)}
.hi-anos{list-style:none;padding:0;display:grid;gap:clamp(36px,4vw,56px)}
.hi-ano{position:relative;padding-left:0}
.hi-etq b{min-width:58px;text-align:center}
.hi-hoje .hi-etq b{font-style:italic;background:var(--vinho)}
.hi-etq{position:relative;z-index:1;transition:background-color .5s var(--curva),box-shadow .5s var(--curva),color .5s var(--curva)}
.hi-ano h3{font-family:var(--f-tit);font-weight:400;font-size:clamp(23px,2.15vw,32px);line-height:1.15;letter-spacing:-.015em;margin:14px 0 0 77px}
.hi-ano p{font-size:clamp(15.5px,1.1vw,17px);line-height:1.62;color:var(--tinta-2);max-width:30em;margin:8px 0 0 77px}
.hi-etq b{transition:background-color .5s var(--curva),color .5s var(--curva),box-shadow .5s var(--curva)}
.js .hi-ano .hi-etq{background:rgb(255 251 245 / .55);box-shadow:none;color:var(--tinta-2)}
.js .hi-ano .hi-etq b{background:transparent;color:var(--acento);box-shadow:inset 0 0 0 1.5px var(--acento)}
.js .hi-ano.hi-on .hi-etq{background:rgb(255 251 245 / .92);box-shadow:var(--sombra-etq);color:var(--tinta)}
.js .hi-ano.hi-on .hi-etq b{background:var(--acento);color:#fff;box-shadow:inset 0 0 0 1.5px var(--acento)}
.js .hi-hoje.hi-on .hi-etq b{background:var(--vinho);box-shadow:inset 0 0 0 1.5px var(--vinho)}
.js .hi-hoje .hi-etq b{color:var(--vinho);box-shadow:inset 0 0 0 1.5px var(--vinho)}

.hi-fala{position:relative;margin:clamp(56px,5.5vw,80px) 0 0 77px;max-width:19em;font-size:clamp(23px,2.3vw,34px);line-height:1.28;letter-spacing:-.01em}
.hi-fala em{color:var(--acento)}
.hi-fala cite{font-size:13.5px;margin-top:16px}
.hi-fim{position:absolute;left:-46px;top:.62em;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--parede);box-shadow:inset 0 0 0 2px var(--acento);transition:background-color .6s var(--curva)}
.hi-linha.hi-fim-on .hi-fim{background:var(--acento);box-shadow:inset 0 0 0 2px var(--acento),0 0 0 6px rgb(155 35 51 / .14)}
.hi-fala cite::after{content:none}

@media (max-width:900px){
  .hi{padding-left:var(--pad);padding-top:0}
  .hi-grade{grid-template-columns:1fr;gap:28px}
  .hi-foto{position:relative;height:min(125vw,70svh);margin:0 calc(var(--pad) * -1)}
  .hi-quadro{--hi-topo:0%;
    -webkit-mask-image:radial-gradient(85% 70% at 52% 42%,#000 58%,transparent 100%),linear-gradient(180deg,transparent,#000 16%);
    mask-image:radial-gradient(85% 70% at 52% 42%,#000 58%,transparent 100%),linear-gradient(180deg,transparent,#000 16%);
    -webkit-mask-composite:source-in;mask-composite:intersect}
  .hi-quadro img{top:3%;height:97%}
  .hi-quadro img{object-position:50% 0%}
  .hi-projecao{display:none}
  .hi-fala{margin-left:67px;font-size:clamp(21px,5.6vw,25px)}
  .hi-fim{left:-41px}
  .hi-etq{padding-left:8px}
  .hi-etq b{min-width:50px}
  .hi-ano h3,.hi-ano p{margin-left:67px}
  .hi-fio{left:32px}
  .hi-legenda{left:calc(var(--hi-px,25.6%) - 33px)}
}


/* ==== ca.css ==== */
/* ===== 02 · ca · O canal por dentro ===== */
.ca-titulo{max-width:none}
.ca-titulo em{display:block}
.ca-cabeca-pe{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(28px,6vw,104px);align-items:start;margin-top:clamp(22px,2.4vw,34px)}
.ca-cabeca .wf-apoio{margin-top:0}
.ca-fala{padding-left:20px;border-left:2px solid var(--acento);font-size:clamp(19px,1.6vw,23px)}
.ca-fala cite::after,.ca-f2 cite::after{content:none}

/* a mesa de luz */
.ca-mesa{--ca-h:min(86vh,800px);position:relative;height:var(--ca-h);margin-top:clamp(56px,7vw,104px)}
.ca-legenda-filme{position:absolute;left:50%;top:-34px;translate:-50% 0;white-space:nowrap;font-size:12.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.ca-filme{position:absolute;left:50%;top:0;height:100%;aspect-ratio:513/920;translate:-50% 0;z-index:1}
.ca-filme::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:260%;height:125%;translate:-50% -50%;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side in oklab,rgb(255 244 226 / .95),rgb(255 240 218 / .45) 50%,transparent);animation:wf-respira 14s ease-in-out infinite alternate}
.ca-quadro{position:absolute;inset:0;overflow:hidden;border-radius:6px;background:#0c0b0d;box-shadow:0 40px 80px -36px rgb(16 20 30 / .7),0 0 0 1px rgb(16 20 30 / .08)}
.ca-quadro img{width:100%;height:100%;object-fit:cover}
.ca-varre{position:absolute;inset:-20% -40%;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgb(255 246 230 / .45) 50%,transparent 60%);transform:translateX(-60%);animation:wf-varre 9s cubic-bezier(.6,0,.4,1) 3.5s infinite}
.ca-brilho{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:#ffcf8f;opacity:.55;filter:blur(7px);
  -webkit-mask:url(../img/ca-raiox-canais.png) center/100% 100% no-repeat;mask:url(../img/ca-raiox-canais.png) center/100% 100% no-repeat;
  clip-path:inset(0 0 100% 0);transition:clip-path 2.4s cubic-bezier(.5,0,.3,1) .1s}
.ca-mesa.ca-vivo .ca-brilho{clip-path:inset(-10% -10% -10% -10%)}
.ca-luz{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(180deg,#fff6e6,#ffd7a0);opacity:.9;
  -webkit-mask:url(../img/ca-raiox-canais.png) center/100% 100% no-repeat;mask:url(../img/ca-raiox-canais.png) center/100% 100% no-repeat;
  clip-path:inset(0 0 100% 0);transition:clip-path 2.4s cubic-bezier(.5,0,.3,1)}
.ca-mesa.ca-vivo .ca-luz{clip-path:inset(0 0 0 0)}
.ca-ponto{position:absolute;left:var(--x);top:var(--y);z-index:3;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--luz);box-shadow:0 0 0 4px rgb(255 246 232 / .28);transition:opacity .5s,transform .5s var(--curva)}
.ca-ponto b{display:none}
.ca-fios{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible;pointer-events:none}
.ca-fios path{fill:none;stroke-width:1.3;stroke-dasharray:2 4;stroke-linecap:round}
.ca-fios .ca-fora{stroke:var(--malva-esc)}
.ca-fios .ca-dentro{stroke:var(--luz)}

.ca-notas{list-style:none;padding:0}
.ca-dica{display:none;margin-top:4px;font-size:14px;color:var(--tinta-2);text-align:center}
.ca-nota{position:absolute;top:calc(var(--ty) * var(--ca-h));z-index:3;width:min(330px,calc(50% - var(--ca-h) * .2789 - 56px))}
.ca-esq{right:calc(50% + var(--ca-h) * .2789 + 56px);display:flex;flex-direction:column;align-items:flex-end}
.ca-esq p{text-align:left;width:100%}
.ca-dir{left:calc(50% + var(--ca-h) * .2789 + 56px)}
.ca-etq{font-size:15px}
.ca-esq .ca-etq{flex-direction:row}
.ca-nota p{margin-top:10px;font-size:15.5px;line-height:1.55;color:var(--tinta-2)}
.js .ca-nota{opacity:0;transition:opacity .8s var(--curva);transition-delay:calc(var(--i,0) * .45s + 1.5s)}
.js .ca-vivo .ca-nota{opacity:1}
.ca-rev{stroke-dasharray:1 1;stroke-dashoffset:0}
.js .ca-rev{stroke-dashoffset:1;transition:stroke-dashoffset 1s ease;transition-delay:calc(var(--i,0) * .45s + 1.1s)}
.js .ca-vivo .ca-rev{stroke-dashoffset:0}
.js .ca-ponto{opacity:0;transform:scale(.4);transition-delay:calc(var(--i,0) * .45s + 1.2s)}
.js .ca-vivo .ca-ponto{opacity:1;transform:none}

.ca-nota,.ca-fios g,.ca-ponto{transition-property:opacity,transform,box-shadow}
.ca-mesa.ca-pronto .ca-nota,.ca-mesa.ca-pronto .ca-ponto,.ca-fios g{transition-duration:.35s;transition-delay:0s}
.ca-mesa .ca-apaga{opacity:.32!important}
.ca-ponto.ca-ativo{transform:scale(1.35);box-shadow:0 0 0 6px rgb(255 246 232 / .35),0 0 22px 6px rgb(255 214 160 / .55)}

/* pesquisa e casos */
.ca-baixo{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(40px,6vw,104px);margin-top:clamp(72px,9vw,136px);padding-top:clamp(36px,4vw,56px);border-top:1px solid rgb(27 26 34 / .12)}
.ca-baixo h3{font-family:var(--f-tit);font-weight:400;font-size:var(--t-h3);letter-spacing:-.015em;line-height:1.15}
.ca-pesquisa > p{margin-top:14px;font-size:var(--t-corpo);line-height:1.6;color:var(--tinta-2);max-width:34em}
.ca-refs{list-style:none;padding:0;margin-top:26px;display:grid;gap:18px}
.ca-refs li{position:relative;font-size:15.5px;line-height:1.5;color:var(--tinta);padding-left:16px;border-left:1px solid var(--malva-esc)}
.ca-onde{float:right;margin:0 0 6px 14px;display:inline-flex;align-items:center;gap:7px;font-style:normal;font-size:13.5px;font-weight:500;color:var(--tinta-2);white-space:nowrap}
.ca-onde b{font-family:var(--f-tit);font-weight:500;font-size:12px;color:#fff;background:var(--acento);border-radius:99px;padding:2px 7px}
.ca-refs span{display:block;margin-bottom:4px;font-size:12.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-variant-numeric:tabular-nums;color:var(--vinho)}
.ca-filmes{display:flex;gap:16px;margin-top:20px}
.ca-mini{height:240px;flex:none}
.ca-mini:nth-child(1){aspect-ratio:400/530}
.ca-mini:nth-child(2){aspect-ratio:3/5}
.ca-mini img{object-position:50% 40%}
.ca-f2{margin-top:18px}
.ca-prova{margin-top:28px;padding-top:22px;border-top:1px solid rgb(27 26 34 / .12)}

@media (max-width:1100px){
  .ca-mesa{--ca-h:min(70vh,620px)}
  .ca-nota p{font-size:15px}
}
@media (max-width:860px){
  .ca-cabeca-pe{grid-template-columns:1fr;gap:26px}
  .ca-mesa{height:auto;margin-top:56px}
  .ca-legenda-filme{position:static;translate:none;white-space:normal;text-align:center;margin-bottom:12px;font-size:13px}
  .ca-filme{position:relative;left:auto;translate:none;height:auto;width:min(100%,420px);margin:0 auto}
  .ca-fios{display:none}
  .ca-ponto{width:26px;height:26px;margin:-13px 0 0 -13px;display:grid;place-items:center;background:var(--acento);box-shadow:0 0 0 3px rgb(255 246 232 / .55)}
  .ca-ponto b{display:block;font-family:var(--f-tit);font-weight:500;font-size:13px;color:#fff}
  .ca-quadro{position:relative;inset:auto;aspect-ratio:513/920}
  .ca-ponto{cursor:pointer}
  .ca-ponto::before{content:"";position:absolute;inset:-11px;border-radius:50%}
  .ca-notas{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:20px calc(var(--pad) * -1) 0;padding:4px var(--pad) 14px;scroll-padding:0 var(--pad);scrollbar-width:none}
  .ca-notas::-webkit-scrollbar{display:none}
  .ca-nota{position:static;flex:0 0 min(300px,80%);width:auto;text-align:left;scroll-snap-align:start;background:rgb(255 251 245 / .72);border-radius:18px;padding:16px 18px 18px;box-shadow:0 10px 26px -18px rgb(21 31 47 / .5)}
  .ca-nota .ca-etq{box-shadow:none;background:transparent;padding:0}
  .ca-dica{display:block}
  .ca-etq{font-size:15px;white-space:normal}
  .ca-baixo{grid-template-columns:1fr}
  .js .ca-nota{transition-delay:0s}
  .ca-mesa .ca-nota.ca-apaga{opacity:.6!important}
  .ca-esq{display:block}
  .ca-onde{float:none;display:flex;margin:0 0 8px}
  .ca-filme::before{width:150%;height:110%}
}


/* ==== ur.css ==== */
/* ===== 03 · URGÊNCIA 24H (noite) ===== */
.ur-sec{overflow:hidden;padding-top:clamp(88px,9vw,140px);padding-bottom:clamp(96px,10vw,150px)}
.ur-luz{position:absolute;z-index:-1;right:calc(18% - 260px);top:clamp(40px,6vw,110px);width:min(62vmax,860px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side in oklab,rgb(243 214 168 / .38),rgb(243 214 168 / .12) 42%,transparent);animation:wf-respira 14s ease-in-out infinite alternate}

.ur-topo{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(16px,3vw,48px);align-items:start}
.ur-texto{position:relative;z-index:2;max-width:580px;padding:clamp(24px,5vw,80px) 0 70px}
.ur-titulo{max-width:12ch}
.ur-acoes{margin-top:34px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 26px}

/* retrato grande, dissolvendo na noite */
.ur-foto{position:relative;margin-right:calc(-1 * var(--pad))}
.ur-foto img{width:100%;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 60%,transparent 92%),radial-gradient(75% 95% at 58% 28%,#000 58%,transparent 92%);-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,#000 60%,transparent 92%),radial-gradient(75% 95% at 58% 28%,#000 58%,transparent 92%);mask-composite:intersect}
.ur-voz{position:absolute;left:5%;top:43%;align-items:flex-start;font-family:var(--f-tit);font-style:italic;font-size:19px;white-space:nowrap;border-radius:18px;padding-right:20px}
.ur-voz span{display:grid}
.ur-voz small{font-family:var(--f-txt);font-style:normal;font-size:12.5px;color:var(--noite-txt-2);margin-top:3px;white-space:normal;max-width:14em;line-height:1.35}
.ur-voz b{font-style:normal;font-size:16px;line-height:1;padding:5px 10px 2px}
.ur-voz::after{content:"";position:absolute;left:100%;top:50%;width:clamp(36px,5vw,84px);height:3px;translate:0 -50%;background:radial-gradient(circle,var(--luz) 1.1px,transparent 1.6px) 0 50%/8px 3px repeat-x}
.ur-voz::before{content:"";position:absolute;left:calc(100% + clamp(36px,5vw,84px));top:50%;width:9px;height:9px;translate:0 -50%;border-radius:50%;background:var(--luz);box-shadow:0 0 0 4px rgb(255 246 232 / .2)}

/* crepúsculo no topo, amanhecer no pé */
.ur-ceu{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  linear-gradient(180deg in oklab,#dfe2e8 0,#d3cacb 28px,#a88f91 70px,rgb(98 66 72 / .8) 120px,rgb(52 38 48 / .45) 170px,transparent 230px) top/100% 240px no-repeat,
  linear-gradient(0deg in oklab,#eef0f4 0,#e1dcdf 26px,#b3a0a4 66px,rgb(98 66 72 / .7) 112px,rgb(52 38 48 / .35) 160px,transparent 220px) bottom/100% 230px no-repeat}
/* chão bordô onde ela dissolve */
.ur-foto::after{content:"";position:absolute;z-index:-1;left:12%;right:4%;bottom:2%;height:34%;border-radius:50%;background:radial-gradient(closest-side in oklab,rgb(155 35 51 / .32),transparent);pointer-events:none}

/* a régua da noite */
.ur-noite{position:relative;z-index:3;margin-top:clamp(-190px,-11vw,-60px)}
.js .ur-noite[data-wf]{opacity:1;transform:none}
.ur-legenda{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px}
.ur-legenda span{font-family:var(--f-tit);font-style:italic;font-size:clamp(20px,1.9vw,27px);color:var(--ambar);letter-spacing:-.01em}
.ur-legenda small{font-size:13px;color:var(--noite-txt-2)}
.ur-trilho{position:relative;height:14px;margin-top:84px}
.ur-fio{position:absolute;left:0;right:0;top:0;height:14px}
.ur-fio::before{content:"";position:absolute;inset:5px 0 auto;height:3px;background:radial-gradient(circle,var(--luz) 1.1px,transparent 1.6px) 0 50%/8px 3px repeat-x}
.ur-fio::after{content:"";position:absolute;left:0;right:0;top:0;height:14px;background:repeating-linear-gradient(90deg,rgb(255 246 232 / .3) 0 1px,transparent 1px calc(100% / 24));-webkit-mask-image:linear-gradient(transparent 25%,#000 25% 75%,transparent 75%);mask-image:linear-gradient(transparent 25%,#000 25% 75%,transparent 75%)}
.ur-faixa{position:absolute;left:25%;width:50%;top:-34px;height:48px;border-radius:2px;background:linear-gradient(0deg,rgb(243 214 168 / .16),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent);mask-image:linear-gradient(90deg,transparent,#000 14% 86%,transparent)}
.ur-faixa span{display:none}
.ur-horas{list-style:none;padding:0;position:absolute;left:0;right:0;top:-24px}
.ur-horas li{position:absolute;left:calc(var(--x) * 100%);translate:-50% 0;font-size:13px;color:var(--noite-txt-2);font-variant-numeric:tabular-nums}
.ur-horas li:first-child{translate:0 0}.ur-horas li:last-child{translate:-100% 0}
.ur-agora{position:absolute;top:7px;left:calc(var(--agora,.5) * 100%);width:0;height:0;z-index:2}
.ur-ponto{position:absolute;left:-8px;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--ambar);box-shadow:0 0 0 6px rgb(243 214 168 / .18),0 0 30px 8px rgb(243 214 168 / .45)}
.ur-agora-txt{position:absolute;bottom:40px;left:0;translate:-50% 0;white-space:nowrap;font-size:13px;font-weight:600;color:var(--noite);background:var(--ambar);padding:4px 11px;border-radius:99px}
.ur-agora-txt::after{content:"";position:absolute;left:50%;top:100%;translate:-50% 0;border:5px solid transparent;border-top-color:var(--ambar)}
.ur-agora-txt time{letter-spacing:0}

.ur-falas{list-style:none;padding:0;margin-top:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.45fr) minmax(0,1fr) minmax(0,1fr);gap:clamp(18px,2.4vw,36px);counter-reset:ur}
.ur-falas li{position:relative;padding-top:calc(var(--fio) + 38px);counter-increment:ur}
.ur-falas li::before{content:"";position:absolute;left:14px;top:-8px;width:3px;height:calc(var(--fio) + 12px);background:radial-gradient(circle,var(--luz) 1.1px,transparent 1.6px) 50% 0/3px 8px repeat-y}
.ur-falas li::after{content:counter(ur,decimal-leading-zero);position:absolute;left:0;top:var(--fio);font-family:var(--f-tit);font-weight:500;font-size:12px;color:#fff;background:var(--acento);border-radius:99px;padding:3px 8px;box-shadow:0 0 0 1px rgb(255 246 232 / .2)}
.ur-falas .wf-fala{font-size:clamp(16px,1.2vw,17.5px)}
.ur-lead .wf-fala{font-size:clamp(20px,1.75vw,25px);line-height:1.35;color:#fff8ee}
.ur-lead::after{background:var(--ambar)!important;color:var(--noite)!important}
.ur-horas .ur-meia{color:var(--ambar);font-weight:600}

/* entrada: a noite se desenha */
.js .ur-fio::before,.js .ur-fio::after{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s var(--curva)}
.js .ur-noite.wf-visto .ur-fio::before,.js .ur-noite.wf-visto .ur-fio::after{clip-path:inset(0 0 0 0)}
.js .ur-horas li,.js .ur-legenda,.js .ur-faixa{opacity:0;transition:opacity .8s ease .4s}
.js .ur-noite.wf-visto .ur-horas li,.js .ur-noite.wf-visto .ur-legenda,.js .ur-noite.wf-visto .ur-faixa{opacity:1}
.js .ur-falas li::before{clip-path:inset(0 0 100% 0);transition:clip-path .9s ease}
.js .ur-falas li::after,.js .ur-falas blockquote{opacity:0;transform:translateY(-8px);transition:opacity .8s var(--curva),transform .8s var(--curva)}
.js .ur-noite.wf-visto .ur-falas li::before{clip-path:inset(0 0 0 0)}
.js .ur-noite.wf-visto .ur-falas li::after,.js .ur-noite.wf-visto .ur-falas blockquote{opacity:1;transform:none}
.ur-falas li:nth-child(1)::before{transition-delay:.9s}.ur-falas li:nth-child(1)::after,.ur-falas li:nth-child(1) blockquote{transition-delay:1.5s}
.ur-falas li:nth-child(2)::before{transition-delay:1.15s}.ur-falas li:nth-child(2)::after,.ur-falas li:nth-child(2) blockquote{transition-delay:1.75s}
.ur-falas li:nth-child(3)::before{transition-delay:1.4s}.ur-falas li:nth-child(3)::after,.ur-falas li:nth-child(3) blockquote{transition-delay:2s}
.ur-falas li:nth-child(4)::before{transition-delay:1.65s}.ur-falas li:nth-child(4)::after,.ur-falas li:nth-child(4) blockquote{transition-delay:2.25s}
.ur-falas li:nth-child(5)::before{transition-delay:1.9s}.ur-falas li:nth-child(5)::after,.ur-falas li:nth-child(5) blockquote{transition-delay:2.5s}
.js .ur-agora{opacity:0;transition:opacity .8s ease 1.7s}
.js .ur-noite.wf-visto .ur-agora{opacity:1}
.js .ur-voz::after,.js .ur-voz::before{opacity:0;transition:opacity .8s ease 1.6s}
.js .ur-voz.wf-visto::after,.js .ur-voz.wf-visto::before{opacity:1}

@media (max-width:1100px) and (min-width:761px){
  .ur-topo{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ur-texto{padding-bottom:40px}
  .ur-voz{left:0;top:auto;bottom:24%}
  .ur-voz::after,.ur-voz::before{display:none}
  .ur-noite{max-width:720px;margin-left:0;margin-top:24px!important}
  .ur-sec{padding-bottom:190px}
}
@media (max-width:760px){
  .ur-sec{padding-top:72px;padding-bottom:170px}
  .ur-topo{grid-template-columns:minmax(0,1fr);gap:8px}
  .ur-texto{padding:0}
  .ur-foto{margin:8px calc(-1 * var(--pad)) 0;aspect-ratio:1/1.02;overflow:hidden}
  .ur-foto img{width:150%;max-width:none;margin-left:-30%}
  .ur-foto::after{left:0;right:0}
  .ur-voz{left:var(--pad);top:auto;bottom:16%;font-size:17px}
  .ur-voz::after,.ur-voz::before{display:none}
  .ur-voz small{white-space:normal;max-width:15em}
}
@media (max-width:1100px){
  .ur-noite{margin-top:0;display:grid;grid-template-columns:62px minmax(0,1fr);row-gap:26px}
  .ur-regua{display:contents}
  .ur-legenda{grid-column:1 / -1;grid-row:1;flex-direction:column;gap:6px}
  .ur-legenda small{font-size:14px}
  .ur-trilho{grid-column:1;grid-row:3;height:auto;margin:0}
  .ur-fio{left:46px;right:auto;top:0;bottom:0;width:14px;height:auto}
  .ur-fio::before{inset:0 auto 0 5px;width:3px;height:auto;background:radial-gradient(circle,var(--luz) 1.1px,transparent 1.6px) 50% 0/3px 8px repeat-y}
  .ur-fio::after{inset:0;width:14px;height:auto;background:repeating-linear-gradient(180deg,rgb(255 246 232 / .3) 0 1px,transparent 1px calc(100% / 24));-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 25% 75%,transparent 75%);mask-image:linear-gradient(90deg,transparent 25%,#000 25% 75%,transparent 75%)}
  .js .ur-fio::before,.js .ur-fio::after{clip-path:inset(0 0 100% 0)}
  .ur-faixa{left:40px;width:26px;top:25%;height:50%;background:linear-gradient(90deg,transparent,rgb(243 214 168 / .2) 50%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14% 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14% 86%,transparent)}
  .ur-faixa span{display:none}
  .ur-horas{top:0;bottom:0;left:0;right:auto;width:36px}
  .ur-trilho{margin:0}
  .ur-horas li,.ur-horas li:first-child,.ur-horas li:last-child{left:0;top:calc(var(--x) * 100%);translate:0 -50%;font-size:14px}
  .ur-horas li:first-child{translate:0 0}.ur-horas li:last-child{translate:0 -100%}
  .ur-agora{left:53px;top:calc(var(--agora,.5) * 100%)}
  .ur-agora-txt{display:none}
  .ur-falas{grid-column:2;grid-row:3;grid-template-columns:minmax(0,1fr);padding:4px 0 4px 16px;margin:0;gap:34px}
  .ur-falas li{padding-top:0;padding-left:44px}
  .ur-falas li::before{left:-24px;top:10px;width:58px;height:3px;background:radial-gradient(circle,var(--luz) 1.1px,transparent 1.6px) 0 50%/8px 3px repeat-x}
  .ur-falas li::after{top:0;left:0}
  .js .ur-falas li::before{clip-path:inset(0 100% 0 0)}
  .ur-agora-celular{grid-column:1 / -1;grid-row:2;margin-top:-8px}
}
.ur-agora-celular{display:none}
@media (max-width:1100px){.ur-agora-celular:not([hidden]){display:block;font-size:15px;color:var(--noite-txt-2)}}
.ur-agora-celular i{display:inline-block;vertical-align:-1px;margin-right:10px;width:12px;height:12px;border-radius:50%;background:var(--ambar);box-shadow:0 0 0 5px rgb(243 214 168 / .18)}
.ur-agora-celular time{color:var(--ambar);font-weight:600}


/* ==== tr.css ==== */
/* ===== 04 · TRATAMENTOS (parede clara) ===== */
.tr-sec{overflow:hidden}
.tr-cabeca{max-width:640px;margin-bottom:clamp(36px,4vw,56px)}
.tr-corpo{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(48px,7vw,130px);align-items:start}

/* índice tipográfico */
.tr-lista{list-style:none;padding:0;border-top:1px solid rgb(27 26 34 / .12);position:relative;z-index:0}
.tr-item{border-bottom:1px solid rgb(27 26 34 / .12);position:relative;transition:background .5s}
.tr-item::before{content:"";position:absolute;inset:-1px -18px;border-radius:14px;background:rgb(255 251 245 / 0);box-shadow:0 0 0 rgb(21 31 47 / 0);transition:background .5s,box-shadow .5s;z-index:-1}
.tr-item:hover::before{background:rgb(255 251 245 / .45)}
.tr-item.on::before{background:rgb(255 251 245 / .88);box-shadow:var(--sombra-etq)}
.tr-item.on{border-bottom-color:transparent}
.tr-item h3{margin:0;font:inherit}
.tr-bt{all:unset;box-sizing:border-box;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) 28px;column-gap:16px;align-items:baseline;width:100%;min-height:48px;padding:20px 0;cursor:pointer;color:var(--tinta-2)}
.tr-bt b{grid-row:span 2;align-self:center;font-family:var(--f-tit);font-weight:500;font-size:13px;color:var(--acento);border:1px solid rgb(155 35 51 / .35);border-radius:99px;padding:3px 9px;transition:background .4s,color .4s,border-color .4s}
.tr-nome{font-family:var(--f-tit);font-weight:380;font-size:clamp(26px,2.6vw,40px);line-height:1.08;letter-spacing:-.02em;transition:color .4s}
.tr-sub{font-size:14px;color:var(--tinta-2);margin-top:4px}
.tr-bt:hover .tr-nome{color:var(--tinta)}
.tr-bt::after{content:"";grid-column:3;grid-row:1 / span 2;align-self:center;justify-self:end;width:26px;height:26px;border-radius:50%;border:1px solid rgb(27 26 34 / .2);background:linear-gradient(currentColor,currentColor) center/10px 1.5px no-repeat,linear-gradient(currentColor,currentColor) center/1.5px 10px no-repeat;transition:transform .4s var(--curva),background-size .4s}
.tr-bt[aria-expanded="true"]::after{background-size:10px 1.5px,1.5px 0;border-color:rgb(155 35 51 / .4);color:var(--acento)}
.tr-sub{grid-column:2}
.tr-bt:focus-visible{outline:2px solid var(--acento);outline-offset:4px;border-radius:6px}
.tr-bt[aria-expanded="true"]{color:var(--tinta)}
.tr-bt[aria-expanded="true"] .tr-nome{font-style:italic;font-weight:420;color:var(--acento)}
.tr-bt[aria-expanded="true"] b{background:var(--acento);color:#fff;border-color:var(--acento)}

.tr-painel{padding:0 0 28px 60px;max-width:36em}
.tr-painel > p{font-size:var(--t-corpo);line-height:1.6;color:var(--tinta-2)}
.tr-painel .wf-fala{margin-top:18px;padding-left:16px;border-left:2px solid rgb(155 35 51 / .3)}
.tr-dela cite::after{content:""}
.tr-ir{margin-top:6px}
.js .tr-painel{display:none}
.js .tr-item.on .tr-painel{display:block;animation:tr-abre .7s var(--curva)}
@keyframes tr-abre{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}

/* palco da imagem */
.tr-palco{position:sticky;top:8vh;margin:0 calc(-1 * var(--pad)) 0 0}
.tr-fotos{position:relative;aspect-ratio:4/5;z-index:1}
.tr-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
.tr-foto.on{opacity:1}
.tr-foto[data-tr-foto="jaleco"]{object-fit:cover;object-position:62% 100%;-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}
.tr-foto[data-tr-foto="harmo"]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 92%,transparent),linear-gradient(180deg,transparent,#000 10% 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12% 92%,transparent),linear-gradient(180deg,transparent,#000 10% 82%,transparent);mask-composite:intersect}
.tr-halo{position:absolute;z-index:0;left:22%;right:0;top:14%;bottom:8%;border-radius:999px 999px 0 0;background:linear-gradient(180deg in oklab,#ddd0cf,#e6dcdb 55%,rgb(233 226 225 / 0));pointer-events:none}
.tr-halo::before{content:"";position:absolute;inset:-12% -20% auto;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side in oklab,rgb(255 241 220 / .8),transparent);animation:wf-respira 14s ease-in-out infinite alternate}
.tr-etq{position:absolute;z-index:2;left:calc(var(--ex,-6) * 1%);top:calc(var(--ey,65) * 1%);translate:0 -50%;transition:left .7s var(--curva),top .7s var(--curva)}
.tr-etq span{font-family:var(--f-tit);font-style:italic;font-size:18px}
.tr-ponto{z-index:2;position:absolute;left:calc(var(--px,50) * 1%);top:calc(var(--py,50) * 1%);translate:-50% -50%;background:var(--acento);box-shadow:0 0 0 5px rgb(155 35 51 / .2);transition:left .7s var(--curva),top .7s var(--curva)}

/* fio do item aberto até a imagem */
.tr-fio{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.tr-fio circle{fill:var(--acento)}
.tr-fio path{fill:none;stroke:var(--malva-esc);stroke-width:1.6;stroke-dasharray:1.5 6;stroke-linecap:round}
.js .tr-fio{clip-path:inset(0 100% 0 0)}
.js .tr-fio.on{clip-path:inset(0 0 0 0);transition:clip-path 1s var(--curva)}

.tr-mini{display:none}
@media (max-width:860px){
  .tr-corpo{display:flex;flex-direction:column}
  .tr-cabeca{order:1}.tr-palco{order:2}.tr-lista{order:3}
  .tr-esq{display:contents}
  .tr-cabeca{margin-bottom:8px}
  .tr-palco{position:relative;top:0;width:min(100% + var(--pad),480px);margin:-8px calc(-1 * var(--pad)) -28px 0;align-self:flex-end;z-index:1}
  .tr-fotos{aspect-ratio:1/1}
  .tr-foto[data-tr-foto="harmo"]{display:none}
  .tr-foto[data-tr-foto="jaleco"]{opacity:1}
  .tr-etq{left:var(--pad)!important;top:auto!important;bottom:14%;translate:none}
  .tr-ponto{left:71%!important;top:57%!important}
  .tr-item::before{inset:-1px -12px}
  .tr-mini{display:block;width:100%;max-width:300px;height:auto;margin:18px 0 0;border-radius:4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12% 92%,transparent),linear-gradient(180deg,transparent,#000 10% 82%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 12% 92%,transparent),linear-gradient(180deg,transparent,#000 10% 82%,transparent);mask-composite:intersect}
  .tr-fio{display:none}
  .tr-painel{padding-left:0}
  .tr-sub{font-size:14px}
}


/* ==== pc.css ==== */
/* ===== 5 · pc · A primeira consulta ===== */
.pc-halo{top:-10%;right:-18%}
.pc-grade{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px clamp(40px,6vw,110px);align-items:start}
.pc-cab{position:sticky;top:96px}

/* contador grande: a etapa em que você está */
.pc-conta{position:relative;display:flex;align-items:center;gap:18px;margin-top:clamp(28px,4vw,56px)}
.pc-conta-col{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
.pc-conta-etq{transition:opacity .35s}
.pc-conta-etq.pc-troca{opacity:0}
.pc-conta-fio{position:absolute;top:50%;left:0;width:0;height:2px;transition:opacity .5s}
.pc-sec.pc-fim-on .pc-conta-fio{opacity:0}
.pc-conta-jan{display:block;height:1em;overflow:hidden;font-family:var(--f-tit);font-style:italic;font-weight:300;font-size:clamp(110px,12vw,190px);line-height:1;letter-spacing:-.04em;color:var(--acento);font-variation-settings:"opsz" 30}
.pc-conta-rolo{display:block;transform:translateY(calc(var(--pc-i,0) * -1em));transition:transform .8s var(--curva)}
.pc-conta-rolo i{display:block;height:1em;font-style:inherit}
.pc-conta-de{font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:var(--tinta-2);font-weight:600}

/* trilho: fio pontilhado com o ponto de luz que desce */
.pc-lista{list-style:none;padding:0 0 0 76px;position:relative;display:grid;gap:clamp(56px,6vw,84px)}
.pc-trilho{position:absolute;left:21px;top:22px;height:calc(100% - 40px);width:2px;
  background:repeating-linear-gradient(180deg,var(--malva-esc) 0 2px,transparent 2px 6px)}
.pc-aceso{position:absolute;left:0;top:0;width:2px;height:calc(var(--p,0)*100%);background:linear-gradient(180deg,var(--acento),var(--acento-2))}
.pc-luz{position:absolute;left:1px;top:calc(var(--p,0)*100%);width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--luz);box-shadow:0 0 0 3px var(--acento),0 0 22px 8px rgb(255 236 214 / .95)}
.pc-etapa{position:relative}
/* conta no fio: o número da etiqueta */
.pc-conta-b{position:absolute;left:-76px;top:2px;width:44px;text-align:center;font-family:var(--f-tit);font-weight:500;font-size:14px;line-height:1;color:#fff;background:var(--malva-esc);border-radius:99px;padding:7px 0;box-shadow:0 0 0 5px var(--parede);transition:background .5s,transform .5s var(--curva)}
.pc-etapa.pc-on .pc-conta-b{background:var(--acento);transform:scale(1.08)}
.pc-etapa:not(.pc-on) .pc-nome{color:var(--tinta-3)}
.pc-etapa.pc-agora .pc-conta-b{box-shadow:0 0 0 5px var(--parede),0 0 22px 10px rgb(255 236 214 / .95)}
.pc-etapa.pc-agora .pc-fala{border-left-color:var(--acento)}
.pc-nome{transition:color .5s;font-family:var(--f-tit);font-weight:400;font-size:var(--t-h3);line-height:1.1;letter-spacing:-.015em}
.pc-txt{margin-top:12px;font-size:var(--t-corpo);line-height:1.6;color:var(--tinta-2);max-width:32em}
.pc-sem-quebra{white-space:nowrap}
.pc-fala{margin-top:14px;padding-left:16px;border-left:1px solid rgb(27 26 34 / .15)}
.pc-fala--ig cite::after{content:", no Instagram"}

/* fecho: o fio termina aqui */
.pc-fim{position:relative;padding-top:8px}
.pc-fim-ponto{position:absolute;left:-60px;top:4px;width:12px;height:12px;background:var(--malva-esc);box-shadow:0 0 0 6px rgb(146 126 126 / .14);transition:background .5s,box-shadow .6s}
.pc-fim.pc-on .pc-fim-ponto{background:var(--acento);box-shadow:0 0 0 7px rgb(155 35 51 / .16),0 0 26px 12px rgb(255 236 214 / .95)}
.pc-fim-rot{margin-bottom:14px}
.pc-fim-fala p{font-size:clamp(26px,2.6vw,38px);line-height:1.22;letter-spacing:-.01em}
.pc-fim-fala cite{font-size:14px}
.pc-acoes{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}

@media (max-width:900px){
  .pc-grade{grid-template-columns:1fr}
  .pc-cab{position:static}
  .pc-conta{display:none}
}
@media (max-width:760px){
  .pc-lista{padding-left:56px}
  .pc-trilho{left:18px}
  .pc-conta-b{left:-56px;width:38px;font-size:14px}
  .pc-fim-ponto{left:-44px}
}


/* ==== vo.css ==== */
/* ===== 6 · vo · O que os pacientes contam ===== */
.vo-halo{left:-14%;top:22%;width:58vmax}
.vo-cab{max-width:760px}
.vo-apoio{max-width:30em}
.vo-link{display:inline-flex;min-height:48px;vertical-align:middle;margin-left:4px}

.vo-palco{position:relative;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,7fr);gap:clamp(30px,4vw,64px);align-items:center;margin-top:clamp(28px,4vw,56px)}
.vo-foto{position:relative;margin:0 0 -6% calc(var(--pad) * -.5)}
.vo-foto img{width:100%;height:auto;
  -webkit-mask-image:linear-gradient(90deg,#000 72%,transparent 97%),linear-gradient(180deg,#000 62%,transparent 94%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,#000 72%,transparent 97%),linear-gradient(180deg,#000 62%,transparent 94%);mask-composite:intersect}
.vo-ponto{position:absolute;left:58%;top:66%;translate:-50% -50%;background:var(--acento);box-shadow:0 0 0 5px rgb(155 35 51 / .16),0 0 22px 10px rgb(255 236 214 / .9)}
.vo-ponto.vo-chega{animation:vo-chega .9s var(--curva)}
@keyframes vo-chega{40%{box-shadow:0 0 0 12px rgb(155 35 51 / .22),0 0 34px 16px rgb(255 236 214 / 1)}}
.vo-fio{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.vo-fio path{stroke-dasharray:2 5;opacity:0;transition:opacity .5s}
.vo-fio.vo-on path{opacity:1}
.vo-fio circle{fill:var(--acento);filter:drop-shadow(0 0 6px rgb(255 236 214))}

/* a nota, pendurada no ombro */
.vo-nota{position:absolute;left:-2%;top:46%;display:flex;align-items:center}
.vo-nota-etq{order:-1;gap:12px;padding:8px 20px 8px 8px}
.vo-nota-etq b{font-size:26px;font-weight:400;padding:8px 14px;letter-spacing:-.02em}
.vo-nota-txt{display:flex;flex-direction:column;gap:2px;font-size:15px;line-height:1.25}
.vo-nota-fio{width:clamp(30px,5vw,70px);height:2px}
.vo-estrelas{color:var(--acento);letter-spacing:2px;font-size:12px}

/* temas: índice à esquerda, falas à direita */
.vo-temas{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(24px,3vw,48px);align-items:start}
.vo-abas{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.vo-aba{border:0;font:inherit;font-size:15px;cursor:pointer;min-height:48px;padding:8px 18px 8px 9px;color:var(--tinta-2);background:rgb(255 251 245 / .5);box-shadow:none;transition:background .3s,color .3s,box-shadow .3s,translate .4s var(--curva)}
.vo-aba b{background:var(--malva-esc);transition:background .3s}
.vo-aba:hover{color:var(--tinta);background:rgb(255 251 245 / .85)}
.vo-aba[aria-selected="true"]{color:var(--tinta);background:rgb(255 251 245 / .96);box-shadow:var(--sombra-etq);translate:8px 0}
.vo-aba[aria-selected="true"] b{background:var(--acento)}

.vo-painel{display:grid;gap:22px;align-content:start;min-height:340px}
.vo-painel[hidden]{display:none}
.vo-fala p{font-size:clamp(18px,1.4vw,21px);line-height:1.4}
.vo-fala{padding-top:20px;border-top:1px solid rgb(27 26 34 / .12)}
.vo-manchete{padding-top:0;border-top:0}
.vo-manchete p{font-size:clamp(28px,2.7vw,40px);line-height:1.15;letter-spacing:-.012em;text-wrap:balance}
.vo-painel:not([hidden]) .vo-fala{animation:vo-entra .7s var(--curva) both}
.vo-painel .vo-fala:nth-child(2){animation-delay:.12s}
.vo-painel .vo-fala:nth-child(3){animation-delay:.24s}
.vo-prox{justify-self:start;margin-top:4px;display:inline-flex;align-items:center;gap:8px;min-height:48px;border:0;background:none;padding:0;font:inherit;font-size:15px;color:var(--vinho);cursor:pointer;border-bottom:1px solid transparent}
.vo-prox span{transition:translate .3s var(--curva)}
.vo-prox:hover span{translate:4px 0}
@keyframes vo-entra{from{opacity:0;transform:translateY(10px)}}

@media (max-width:1100px){
  .vo-palco{grid-template-columns:1fr}
  .vo-nota{left:0}
  .vo-foto{max-width:560px;width:100%;margin:0 auto}
}
@media (max-width:760px){
  .vo-temas{grid-template-columns:1fr;gap:26px}
  .vo-abas{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);margin:0 calc(var(--pad) * -1);padding:14px var(--pad) 18px;scrollbar-width:none}
  .vo-abas::-webkit-scrollbar{display:none}
  .vo-aba{flex:none;scroll-snap-align:start;font-size:14px;white-space:nowrap}
  .vo-aba[aria-selected="true"]{translate:0 0}
  .vo-painel{min-height:0}
  .vo-foto{display:flex;flex-direction:column}
  .vo-nota{position:relative;left:auto;top:auto;order:-1;margin:0 0 6px;align-self:flex-start;z-index:3}
  .vo-nota-fio{display:none}
  .vo-nota-etq b{font-size:22px}
}
@media (max-width:1100px) and (min-width:761px){
  .vo-temas{grid-template-columns:1fr;gap:30px}
  .vo-abas{flex-direction:row;flex-wrap:wrap;padding-top:10px}
  .vo-aba[aria-selected="true"]{translate:0 0}
  .vo-nota{left:calc((100% - 100vw) / 2 + var(--pad));top:62%}
}


/* ==== es.css ==== */
/* ===== 7 · es · O consultório ===== */
.es{overflow:hidden;--es-sangra:calc(var(--pad) + max(0px,(100vw - var(--larg) - 2 * var(--pad)) / 2))}
.es-halo{right:-18vmax;top:-8%}
.es figure{margin:0}
.es img{width:100%;height:auto}

/* topo: título + foto grande sangrando à direita */
.es-topo{display:grid;grid-template-columns:minmax(0,4.4fr) minmax(0,7fr);gap:0 clamp(24px,3vw,48px);align-items:center}
.es-cabeca{position:relative;z-index:2;padding-bottom:40px}
.es-cabeca .wf-titulo{font-size:clamp(34px,3.9vw,60px)}
.es-cabeca .wf-titulo em{white-space:nowrap}
.es-eco{display:flex;align-items:center;gap:12px;margin-top:16px;font-size:14px;color:var(--tinta-2)}
.es-eco-fio{width:42px;border-top:2px dotted var(--malva-esc);flex:none}
.es-cadeira{position:relative;margin-right:calc(-1 * var(--es-sangra))}
.es-cadeira img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(transparent,#000 8%,#000 90%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 14%),linear-gradient(transparent,#000 8%,#000 90%,transparent);mask-composite:intersect}
.es-fios{position:absolute;inset:0;width:100%;height:100%}
.es-fios path{stroke-width:1.6;filter:drop-shadow(0 0 1.5px rgb(21 31 47 / .55))}
.es-etqs{list-style:none;padding:0;position:absolute;inset:0;pointer-events:none}
.es-etqs li{display:contents}
.es-etqs .wf-etq{position:absolute;left:var(--x);top:var(--y);translate:-50% -50%}
.js .es-etqs .wf-etq[data-wf="etq"]{transform:translateX(-10px)}
.js .es-etqs .wf-etq.wf-visto{transform:none}
.es-pts span{position:absolute;left:var(--px);top:var(--py);translate:-50% -50%;width:12px;height:12px;border-radius:50%;background:var(--luz);border:2.5px solid var(--acento);box-shadow:0 0 0 5px rgb(255 246 232 / .45),0 2px 8px rgb(21 31 47 / .35);font-size:0;color:transparent}

/* caminho: 1 a rua → 2 a espera → 3 a sala, ligados por um fio */
.es-caminho{position:relative;margin-top:clamp(72px,8vw,120px);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:56px clamp(20px,2.4vw,36px);align-items:start}
.es-rota{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}
.es-rota path{fill:none;stroke:var(--acento);stroke-width:1.6;stroke-dasharray:1.5 6;stroke-linecap:round;opacity:.75}
.js .es-rota{clip-path:inset(0 100% 100% 0);transition:clip-path 2.2s var(--curva)}
.js .es-rota.es-on{clip-path:inset(0 0 0 0)}
.es-caminho figcaption{margin-top:14px;font-size:15px;line-height:1.5;color:var(--tinta-2);max-width:30em}
.es-parada{position:absolute;left:7%;top:7%;z-index:2}
.es-col-rua{grid-column:1 / 7;grid-row:1 / 3}
.es-fachada{position:relative}
.es-fachada-foto{position:relative}
.es-fachada-foto img{aspect-ratio:4/5;object-fit:cover;object-position:69% 50%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 7%,#000 74%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent),linear-gradient(transparent,#000 7%,#000 74%,transparent);mask-composite:intersect}
.es-ponto-placa{position:absolute;left:69%;top:48%;translate:-50% -50%;border:2.5px solid var(--acento);width:13px;height:13px}
.es-fio-placa{position:absolute;inset:0;width:100%;height:100%}
.es-fio-placa path{stroke-width:1.6;filter:drop-shadow(0 0 1.5px rgb(21 31 47 / .6))}
.es-lente{position:relative;width:78%;margin:-26% 0 0 auto;display:grid;gap:10px;justify-items:start;z-index:2}
.es-lente img{border-radius:10px;box-shadow:0 22px 40px -18px rgb(16 20 30 / .7);outline:1px solid rgb(255 246 232 / .5);outline-offset:-1px}
.es-fecho{margin-top:48px;font-size:clamp(21px,1.9vw,28px);max-width:16em}
.es-fecho cite{font-size:13px}
.es-espera{grid-column:8 / 13;grid-row:1;margin-top:40px}
.es-ripado{grid-column:7 / 12;grid-row:2}
.es-moldura{position:relative}
.es-espera img,.es-ripado img{aspect-ratio:3/2;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 88%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(transparent,#000 9%,#000 88%,transparent);mask-composite:intersect}

/* fatos práticos */
.es-fatos{margin-top:clamp(72px,8vw,120px);position:relative}
.es-fio-fatos{display:block;width:100%;height:2px;border-top:2px dotted var(--malva-esc);opacity:.7}
.es-fio-fatos line{display:none}
.js .es-fio-fatos{clip-path:inset(0 100% 0 0);transition:clip-path 1.6s var(--curva)}
.js .es-fio-fatos.wf-visto{clip-path:inset(0 0 0 0)}
.es-fatos ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
.es-fatos li{position:relative;padding-top:26px}
.es-fatos li::before{content:"";position:absolute;left:0;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 5px rgb(155 35 51 / .14)}
.es-fatos h3{font-family:var(--f-tit);font-weight:450;font-size:var(--t-h3);line-height:1.15;letter-spacing:-.01em}
.es-fatos p{margin-top:10px;color:var(--tinta-2);font-size:var(--t-corpo);line-height:1.55}
.es-fatos .wf-fala{font-size:17.5px;color:var(--tinta)}
.es-dela::after{content:none!important}

@media (max-width:1100px) and (min-width:761px){
  .es-topo{grid-template-columns:1fr}
  .es-cabeca{max-width:640px}
  .es-cadeira{margin-left:calc(-1 * var(--pad))}
  .es-cadeira img{-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(transparent,#000 7%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent),linear-gradient(transparent,#000 7%,#000 92%,transparent)}
}
@media (max-width:760px){
  .es-topo{grid-template-columns:1fr}
  .es-cabeca{padding-bottom:28px}
  .es-cabeca .wf-titulo em{white-space:normal}
  .es-cadeira{margin-inline:calc(-1 * var(--pad))}
  .es-cadeira img{-webkit-mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(transparent,#000 6%,#000 94%,transparent)}
  .es-fios{display:none}
  .es-pts span{width:26px;height:26px;display:grid;place-items:center;font:500 13px/1 var(--f-tit);color:#fff;background:var(--acento);border:0;box-shadow:0 0 0 4px rgb(255 246 232 / .55),0 4px 12px rgb(21 31 47 / .4)}
  .es-etqs{position:static;display:grid;grid-template-columns:1fr;gap:10px;padding:16px var(--pad) 0}
  .es-etqs li{display:flex}
  .es-etqs .wf-etq{position:static;translate:none;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;padding:0;white-space:normal;font-size:15px;gap:10px}
  .es-etqs .wf-etq b{min-width:26px;text-align:center}
  .js .es-etqs .wf-etq[data-wf="etq"]{transform:none}
  .es-rota{display:none}
  .es-caminho{grid-template-columns:1fr;gap:48px}
  .es-col-rua,.es-espera,.es-ripado{grid-column:1;grid-row:auto;margin-top:0}
  .es-caminho .es-fachada-foto,.es-caminho .es-moldura{margin-inline:calc(var(--pad) * -1)}
  .es-parada{left:calc(var(--pad) + 4px);top:10%}
  .es-lente{width:90%;margin-top:-20%}
  .es-fatos ul{grid-template-columns:1fr;gap:34px}
  .es-fio-fatos{display:none}
  .es-fatos li{padding-top:0;padding-left:28px}
  .es-fatos li::before{top:9px}
}


/* ==== pf.css ==== */
/* ===== 8 · pf · Perguntas ===== */
.pf-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px clamp(32px,5vw,96px);align-items:start}
.pf-cabeca{position:sticky;top:96px;padding-top:12px}
.pf-botao{margin-top:30px}
.pf-urg{display:flex;align-items:center;gap:10px;min-height:48px;margin-top:14px;font-size:15px;color:var(--tinta-2);text-decoration:none;width:max-content}
.pf-urg b{font-weight:600;color:var(--acento);border-bottom:1px solid currentColor}
.pf-urg i{width:8px;height:8px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 4px rgb(155 35 51 / .15)}

.pf-lista{position:relative;padding:4px 0}
/* espinha: todas as perguntas penduradas no mesmo fio */
.pf-lista::before{content:"";position:absolute;left:18px;top:44px;bottom:44px;border-left:2px dotted var(--malva-esc);opacity:.55}
.js .pf-lista::before{clip-path:inset(0 0 100% 0);transition:clip-path 1.6s var(--curva) .3s}
.js .pf-lista.pf-on::before{clip-path:inset(0 0 0 0)}
.pf-item{position:relative;--pf-n:18px}
.pf-item + .pf-item{margin-top:2px}
.pf-item h3{font:inherit}
.pf-p{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:16px;padding:22px 0;min-height:48px;position:relative}
.pf-p::before{content:"";position:absolute;inset:10px -18px;border-radius:30px;background:rgb(255 251 245 / .92);box-shadow:var(--sombra-etq);opacity:0;transform:scale(.98);transition:opacity .45s var(--curva),transform .45s var(--curva);z-index:-1}
.pf-item{isolation:isolate}
.pf-p:hover::before{opacity:.45;transform:none}
.pf-p[aria-expanded="true"]::before{opacity:1;transform:none}
.pf-p[aria-expanded="true"] .pf-num{box-shadow:0 0 0 5px rgb(155 35 51 / .14)}
.pf-num{position:relative;z-index:1;font-family:var(--f-tit);font-weight:500;font-size:13px;line-height:1;color:#fff;background:var(--acento);border-radius:99px;padding:5px 10px;margin-top:.42em;width:36px;text-align:center;box-sizing:border-box}
.pf-q{font-family:var(--f-tit);font-weight:420;font-size:clamp(21px,1.85vw,28px);line-height:1.22;letter-spacing:-.01em;text-wrap:balance}
.pf-sinal{width:14px;height:14px;position:relative;margin-top:.55em}
.pf-sinal::before,.pf-sinal::after{content:"";position:absolute;left:0;top:6px;width:14px;height:2px;border-radius:2px;background:var(--tinta)}
.pf-sinal::after{transform:rotate(90deg);transition:transform .4s var(--curva)}
.pf-p[aria-expanded="true"] .pf-sinal::after{transform:none}
.pf-p:hover .pf-q{color:var(--acento)}
.pf-p:focus-visible{outline:2px solid var(--acento);outline-offset:4px;border-radius:12px}

/* resposta + o fio que a liga ao número */
.pf-r{display:grid;grid-template-rows:1fr;transition:grid-template-rows .55s var(--curva),visibility .55s}
.js .pf-r{grid-template-rows:0fr;visibility:hidden}
.js .pf-item h3:has(.pf-p[aria-expanded="true"]) + .pf-r{grid-template-rows:1fr;visibility:visible}
.pf-r-in{overflow:hidden;min-height:0;position:relative;padding-left:52px}
.pf-r-in::before{content:"";position:absolute;left:var(--pf-n);top:0;bottom:30px;border-left:2px dotted var(--acento);opacity:.7}
.js .pf-r-in::before{clip-path:inset(0 0 100% 0);transition:clip-path .9s var(--curva) .15s}
.pf-r-in::after{content:"";position:absolute;left:calc(var(--pf-n) - 4.5px);bottom:24px;width:11px;height:11px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 5px rgb(155 35 51 / .14)}
.js .pf-r-in::after{opacity:0;transition:opacity .4s .9s}
.js .pf-item h3:has(.pf-p[aria-expanded="true"]) + .pf-r .pf-r-in::before{clip-path:inset(0 0 0 0)}
.js .pf-item h3:has(.pf-p[aria-expanded="true"]) + .pf-r .pf-r-in::after{opacity:1}
.pf-r-in > *{margin-bottom:14px}
.pf-r-in > :first-child{margin-top:6px}
.pf-r-in > :last-child{margin-bottom:30px}
.pf-r-in p{color:var(--tinta-2);font-size:var(--t-corpo);line-height:1.6;max-width:34em}
.pf-r-in .pf-fonte{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--vinho);font-weight:600;margin:20px 0 6px}
.pf-r-in .wf-fala{max-width:30em}
.pf-dela::after{content:none!important}
.pf-tel{color:var(--acento);font-weight:500}
.pf-r-in .wf-link{min-height:48px}

@media (max-width:900px){
  .pf-miolo{grid-template-columns:1fr}
  .pf-cabeca{position:static}
}
@media (max-width:760px){
  .pf-p{gap:12px}
  .pf-p::before{inset:8px -12px}
  .pf-r-in{padding-left:48px}
  .pf-r-in .pf-fonte{font-size:var(--t-mini)}
}


/* ==== ct.css ==== */
/* ===== 09 · CONTATO ===== */
.ct-halo{right:-18vmax;top:-10vmax}
.ct-miolo{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,5vw,88px);align-items:center}
.ct-acoes{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.ct-urg{display:inline-flex;align-items:center;gap:9px;min-height:48px;font-size:15px;font-weight:500;color:var(--acento);text-decoration:none}
.ct-urg i{width:8px;height:8px;border-radius:50%;background:var(--acento);animation:pulso 2.6s ease-out infinite}
.ct-urg:hover{text-decoration:underline;text-underline-offset:3px}
.ct-dados{margin-top:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px;padding-top:24px;border-top:1px solid rgb(27 26 34 / .12)}
.ct-dados dt{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--vinho);font-weight:600;margin-bottom:6px}
.ct-dados dd{margin:0;font-size:16px;line-height:1.5;color:var(--tinta)}
.ct-dados a{text-decoration:none;border-bottom:1px solid currentColor}

.ct-palco{position:relative;min-height:660px}
.ct-foto{position:absolute;inset:0 0 auto 10%;height:80%;margin:0;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 70%,transparent);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 18%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 14%,#000 70%,transparent);mask-composite:intersect}
.ct-foto img{width:100%;height:100%;object-fit:cover;object-position:58% 30%}
.ct-mapa{position:absolute;left:0;bottom:0;width:60%;aspect-ratio:5/4;border-radius:14px;overflow:hidden;background:linear-gradient(160deg in oklab,#dfe2e9,#e6dcdb);box-shadow:0 30px 60px -30px rgb(21 31 47 / .45),0 0 0 1px rgb(27 26 34 / .06)}
.ct-ruas{position:absolute;inset:0;width:100%;height:100%}
.ct-quadras path{fill:#f2f0f2;stroke:none}
.ct-av{fill:none;stroke:var(--ambar);stroke-width:7;stroke-linecap:round}
.ct-txt{font:600 11px var(--f-txt);letter-spacing:.14em;text-transform:uppercase;fill:var(--malva-esc)}
.ct-txt-rua{font:italic 400 13px var(--f-tit);letter-spacing:0;text-transform:none;fill:var(--vinho)}
.ct-pino{position:absolute;left:62%;top:57%;width:16px;height:16px;border-radius:50%;background:var(--acento);translate:-50% -50%;box-shadow:0 0 0 6px rgb(155 35 51 / .18),0 0 0 14px rgb(155 35 51 / .08)}
.ct-pino-rot{position:absolute;left:62%;top:57%;translate:-50% 18px;font-size:13px;font-weight:600;color:var(--tinta);background:rgb(255 255 255 / .85);padding:3px 9px;border-radius:99px;white-space:nowrap}
.ct-carrega,.ct-rota{position:absolute;bottom:14px;font:500 14px/1 var(--f-txt);min-height:44px;padding:0 16px;border-radius:99px;display:inline-flex;align-items:center;cursor:pointer;text-decoration:none}
.ct-carrega{left:14px;border:0;background:var(--tinta);color:#fff}
.ct-carrega:hover{background:var(--acento)}
.ct-rota{right:14px;background:rgb(255 255 255 / .9);color:var(--tinta)}
.ct-mapa iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.ct-mapa.ct-vivo .ct-ruas,.ct-mapa.ct-vivo .ct-pino,.ct-mapa.ct-vivo .ct-pino-rot,.ct-mapa.ct-vivo .ct-carrega{display:none}
.ct-fio{position:absolute;inset:0;width:100%;height:100%;z-index:2}
.ct-etq{position:absolute;left:0;top:18%;z-index:3}
.ct-fio path{stroke:var(--malva-esc);stroke-dasharray:3 6;stroke-width:1.6}
.ct-fio circle{fill:var(--acento)}
.js .ct-fio[data-wf="fio"] path{stroke-dashoffset:0;opacity:0;transition:opacity 1s ease .9s}
.js .ct-fio[data-wf="fio"].wf-visto path{opacity:1}

@media (max-width:980px){
  .ct-miolo{grid-template-columns:1fr}
  .ct-palco{min-height:0;aspect-ratio:auto;display:grid;gap:18px}
  .ct-foto{position:relative;inset:auto;height:auto;aspect-ratio:16/10;margin-left:0}
  .ct-mapa{position:relative;width:100%}
  .ct-etq{position:relative;top:auto;left:auto;justify-self:start;white-space:normal}
  .ct-fio{display:none}
}
@media (max-width:760px){
  .ct-dados{grid-template-columns:1fr}
  .ct-foto{aspect-ratio:1/1}
  .ct-foto img{object-position:62% 30%}
  .ct-pino-rot{font-size:var(--t-mini)}
}
.ct-dela{margin-top:30px;padding-left:18px;border-left:2px solid var(--acento);font-size:clamp(19px,1.6vw,23px)}
.ct-dela cite::after{content:none}
@media (max-width:980px){
  .ct-etq{order:1}.ct-mapa{order:2}.ct-foto{order:0}
}


/* ==== fim.css ==== */
/* ===== RODAPÉ ===== */
.fi-pe{background:radial-gradient(50% 80% at 85% 0% in oklab,rgb(88 53 51 / .55),transparent 70%),var(--noite);color:var(--noite-txt-2);padding:72px var(--pad) 28px;font-size:15px}
.fi-frase{max-width:var(--larg);margin:0 auto 56px;font-family:var(--f-tit);font-weight:380;font-size:clamp(34px,4.4vw,64px);line-height:1;letter-spacing:-.025em;color:var(--noite-txt)}
.fi-frase em{font-style:italic;color:var(--acento-claro)}
.fi-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.fi-nav a{display:inline-flex;min-height:40px;align-items:center;text-decoration:none}
.fi-nav a:hover{color:var(--noite-txt)}
.fi-miolo{max-width:var(--larg);margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr 1.3fr 1fr;gap:32px;align-items:start}
.fi-marca strong{display:block;font-family:var(--f-tit);font-weight:420;font-size:24px;color:var(--noite-txt)}
.fi-marca span{font-size:14px}
.fi-end{font-style:normal;line-height:1.6}
.fi-redes{list-style:none;padding:0;display:grid;gap:4px}
.fi-redes a{display:inline-flex;min-height:44px;align-items:center;text-decoration:none;border-bottom:1px solid transparent}
.fi-redes a:hover{color:var(--noite-txt);border-color:currentColor}
.fi-selo{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;max-width:var(--larg);margin:44px auto 0;padding-top:20px;border-top:1px solid rgb(255 246 232 / .12);font-size:14px;color:var(--noite-txt-2)}
.fi-selo a{color:var(--noite-txt);font-weight:600;text-underline-offset:3px}
@media (max-width:980px){.fi-miolo{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.fi-miolo{grid-template-columns:1fr}.fi-pe{padding-bottom:96px}}


/* ==== ajustes.css ==== */
/* ===== AJUSTES (por último) ===== */
@media (max-width:760px){
  .wf-rotulo{font-size:var(--t-mini)}
}
/* reset geral de movimento reduzido */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  .js [data-wf],.js [data-rev]{opacity:1!important;transform:none!important}
  .js [data-wf="fio"] path,.js [data-wf="fio"] line,.js [data-wf="fio"] polyline{stroke-dashoffset:0!important}
}
/* halos das seções não alargam a página */
.wf-sec{overflow-x:clip}