/* ===== base.css ===== */
/* ============ BASE · Clínica Oshiro ============
   O :root do hero (hero.css) traz as cores e fontes da noite. Aqui ficam
   as superfícies das seções, a entrada por rolagem, o botão e os motivos
   compartilhados (wf-*). Seções usam só prefixo próprio + wf-*. */
:root{
  --papel:#f6efe8;
  --papel-2:#efe4da;
  --papel-3:#e7d8cb;
  --tinta:#231a1c;          /* texto sobre papel */
  --tinta-2:#5a4a4c;        /* apoio sobre papel (AA sobre --papel) */
  --carmim-fundo:#9b1426;   /* superfície vermelha (laca) */
  --laca-1:#b3122b;
  --laca-2:#7c1222;
  --t-corpo:1.125rem;       /* 18 px */
  --t-mini:.875rem;         /* 14 px, mínimo para rótulos */
  --t-h2:clamp(2rem, 1.2rem + 3vw, 3.6rem);
  --t-h3:clamp(1.3rem, 1rem + 1vw, 1.75rem);
  --secao-pad:clamp(4.5rem, 3rem + 7vw, 9rem);
  --largura:1240px;
  --curva:cubic-bezier(.2,.7,.2,1);
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
h2,h3,h4{margin:0}
:focus-visible{outline:2px solid #ffb3a3;outline-offset:3px}

/* ---------- superfícies ---------- */
.wf-secao{position:relative;isolation:isolate;overflow:clip;padding:var(--secao-pad) var(--margem);font-size:var(--t-corpo)}
.wf-noite{background:var(--noite);color:var(--texto)}
.wf-papel{background:var(--papel);color:var(--tinta)}
.wf-laca{background:linear-gradient(180deg in oklab, var(--laca-1), var(--laca-2));color:#fff6f2}
.wf-miolo{max-width:var(--largura);margin-inline:auto}

/* ---------- rótulo de seção: a "plaqueta" do letreiro ---------- */
.wf-rotulo{display:inline-flex;align-items:center;gap:.7rem;font-family:var(--f-texto);font-weight:700;font-size:var(--t-mini);letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.2rem}
.wf-rotulo::before{content:"";width:28px;height:4px;border-radius:2px;background:var(--carmim);box-shadow:0 0 12px rgba(227,57,74,.55)}
.wf-papel .wf-rotulo{color:var(--carmim)}
.wf-noite .wf-rotulo{color:#f3c9c4}
.wf-laca .wf-rotulo{color:#ffe3dc}.wf-laca .wf-rotulo::before{background:#fff3ee;box-shadow:0 0 12px rgba(255,240,230,.7)}

/* ---------- título de seção ---------- */
.wf-h2{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-h2);line-height:1.08;letter-spacing:-.005em;text-wrap:balance}
.wf-apoio{font-size:clamp(1.125rem,1.05rem + .25vw,1.25rem);line-height:1.62;max-width:56ch}
.wf-papel .wf-apoio{color:var(--tinta-2)}
.wf-noite .wf-apoio{color:var(--texto-suave)}

/* ---------- a palavra que acende (motivo do letreiro) ----------
   <span class="wf-acende">palavra</span> dentro de um título com data-rev.
   Na noite: começa apagada (grafite) e acende em luz com halo. No papel: acende em carmim. */
.wf-acende{transition:color .5s ease, text-shadow 1.2s ease}
.js .wf-noite [data-rev] .wf-acende,.js .wf-noite .wf-acende[data-rev]{color:#3b3f48}
.js .wf-noite .on .wf-acende,.js .wf-noite .wf-acende.on{color:#fff;text-shadow:0 0 .35em rgba(255,196,160,.55),0 0 1.2em rgba(200,16,46,.55);animation:wf-tremida .9s steps(1) .25s both}
.wf-papel .wf-acende{color:var(--carmim)}
.wf-laca .wf-acende{color:#fff;text-shadow:0 0 .4em rgba(255,220,200,.6)}
@keyframes wf-tremida{0%{opacity:1}12%{opacity:.35}20%{opacity:1}34%{opacity:.6}42%{opacity:1}}

/* ---------- botão principal (igual ao do hero) ---------- */
.wf-botao{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;min-height:56px;padding:0 1.6rem 0 1.3rem;
  background:linear-gradient(180deg in oklab,#df2a40,#b50d29);color:#fff;text-decoration:none;font-family:var(--f-texto);
  font-weight:700;font-size:1.06rem;border-radius:var(--raio);border:0;cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,210,210,.45),0 10px 30px -10px rgba(200,16,46,.75),0 0 0 1px rgba(255,120,120,.25);transition:transform .2s, box-shadow .2s}
.wf-botao svg{width:22px;height:22px;fill:currentColor;flex:none}
.wf-botao:hover,.wf-botao:focus-visible{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,210,210,.5),0 16px 36px -10px rgba(220,30,60,.9),0 0 0 1px rgba(255,140,140,.4)}
.wf-laca .wf-botao{background:#fff6f2;color:var(--laca-2);box-shadow:0 12px 30px -12px rgba(40,0,8,.6)}
.wf-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em;display:inline-flex;align-items:center;min-height:48px}

/* ---------- a faixa: curva vermelha da fachada entre seções ----------
   <svg class="wf-faixa" viewBox="0 0 1440 120" preserveAspectRatio="none" aria-hidden="true"><path d="M0,86 C360,40 900,110 1440,18 L1440,64 C900,150 360,86 0,120 Z"/></svg>
   Posicione com top/bottom no topo da seção. */
.wf-faixa{position:absolute;left:0;width:100%;height:clamp(54px,8vw,120px);pointer-events:none;z-index:1}
.wf-faixa path{fill:url(#wf-laca)}

/* ---------- entrada por rolagem ---------- */
.js [data-rev]{opacity:0;transform:translateY(22px);transition:opacity .9s var(--curva),transform .9s var(--curva);transition-delay:calc(var(--d,0) * 90ms)}
.js [data-rev].on{opacity:1;transform:none}
.js [data-rev="fade"]{transform:none}

/* ---------- WhatsApp que acompanha a rolagem (celular) ---------- */
.wf-flutua{position:fixed;right:16px;bottom:16px;z-index:40;display:none;align-items:center;gap:.55rem;min-height:52px;padding:0 1.15rem 0 .95rem;border-radius:99px;
  background:linear-gradient(180deg in oklab,#df2a40,#b50d29);color:#fff;text-decoration:none;font-weight:700;font-size:1rem;
  box-shadow:0 12px 30px -8px rgba(120,0,20,.6),0 0 0 1px rgba(255,140,140,.3);transform:translateY(140%);transition:transform .45s var(--curva)}
.wf-flutua svg{width:22px;height:22px;fill:currentColor}
.wf-flutua.on{transform:none}
@media (max-width:960px){.wf-flutua{display:inline-flex}}

@media (prefers-reduced-motion: reduce){
  .js [data-rev]{opacity:1;transform:none;transition:none}
  .js .wf-noite [data-rev] .wf-acende,.js .wf-noite .wf-acende[data-rev]{color:#fff}
  .wf-acende{animation:none !important}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}
}

/* ===== hero.css ===== */
/* Hipótese A — Letreiro aceso · Clínica Oshiro */
:root{
  /* cor */
  --noite:#0e1117;
  --noite-2:#161b24;
  --grafite:#3a3d42;
  --grafite-azul:#232c3a;
  --bordo:#5a0d19;
  --bordo-claro:#8f0f1c;
  --carmim:#c8102e;
  --carmim-vivo:#e3394a;
  --calor:#c9714f;
  --luz:#fff4ea;
  --papel:#f6efe8;
  --texto:#efe7e1;
  --texto-suave:#c9bfba;
  --linha:rgba(255,236,224,.16);
  /* tipo */
  --f-titulo:"Dela Gothic One", "Zen Kaku Gothic New", system-ui, sans-serif;
  --f-texto:"Zen Kaku Gothic New", system-ui, sans-serif;
  --t-titulo:clamp(1.9rem, min(1.15rem + 2.6vw, 5.4vh + .3rem), 3.35rem);
  --t-apoio:clamp(1.06rem, .98rem + .3vw, 1.2rem);
  --t-mini:.82rem;
  /* espaço */
  --margem:clamp(1.25rem, 4.6vw, 4.5rem);
  --topo-h:72px;
  --painel-w:clamp(270px, 22vw, 330px);
  --raio:4px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip}
body{
  margin:0;background:var(--noite);color:var(--texto);
  font-family:var(--f-texto);font-size:1.0625rem;line-height:1.55;
  -webkit-font-smoothing:antialiased;overflow-x:clip;
}
/* granulado único, fixo */
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.055;mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 1.4 0'/></filter><rect width='100%' height='100%' filter='url(%23g)'/></svg>");
}
a{color:inherit}
img{display:block;max-width:100%}
p,h1,ul{margin:0}
ul{padding:0;list-style:none}

/* ---------- topo ---------- */
.topo{
  position:absolute;inset:0 0 auto 0;z-index:20;height:var(--topo-h);
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:0 var(--margem);
}
.topo-logo{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;color:var(--luz);line-height:1}
.topo-clinica{font-weight:300;font-size:.72rem;letter-spacing:.06em;margin-bottom:3px;opacity:.85}
.topo-oshiro{width:92px;height:auto;display:block;color:var(--luz)}
.topo-dir{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem);font-size:.92rem}
.topo-link{text-decoration:none;color:var(--texto-suave);display:inline-flex;align-items:center;gap:.45rem;transition:color .2s}
.topo-link:hover,.topo-link:focus-visible{color:var(--luz)}
.topo-insta svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}
.topo-insta .cheio{fill:currentColor;stroke:none}
.estado{display:inline-flex;align-items:center;gap:.5rem;padding:.38rem .8rem .38rem .7rem;border:1px solid var(--linha);border-radius:99px;font-size:.84rem;color:var(--texto);background:rgba(14,17,23,.35);white-space:nowrap}
.estado-ponto{width:8px;height:8px;border-radius:50%;background:#8a8f99}
.estado.aberto .estado-ponto{background:#fff3e6;box-shadow:0 0 0 3px rgba(255,190,150,.18),0 0 12px 2px rgba(255,200,160,.85)}

/* ---------- hero ---------- */
.hero{
  position:relative;isolation:isolate;overflow:clip;
  min-height:100svh;
  padding:calc(var(--topo-h) + clamp(.5rem,2.2vh,1.6rem)) var(--margem) clamp(1.1rem,3vh,2rem);
  display:flex;flex-direction:column;
  background:var(--noite);
}

/* malha: a luz que o letreiro joga na noite */
.malha{position:absolute;inset:0;z-index:-2;overflow:hidden;background:
  radial-gradient(120% 90% at 50% 0% in oklab, var(--noite-2), var(--noite) 70%)}
.malha i{position:absolute;display:block;border-radius:50%;will-change:transform}
.malha i:nth-child(1){ /* grafite-azulado, alto à esquerda */
  width:78vmax;height:78vmax;left:-26vmax;top:-34vmax;
  background:radial-gradient(circle closest-side in oklab, #2a3446, color-mix(in oklab, #2a3446 50%, transparent) 45%, transparent);
  animation:deriva1 34s ease-in-out infinite alternate}
.malha i:nth-child(2){ /* bordô, baixo à direita, onde fica o painel */
  width:84vmax;height:84vmax;right:-30vmax;bottom:-46vmax;
  background:radial-gradient(circle closest-side in oklab, #5c0e1b, color-mix(in oklab, #5c0e1b 50%, transparent) 45%, transparent);
  animation:deriva2 38s ease-in-out infinite alternate}
.malha i:nth-child(3){ /* carmim refletido no chão */
  width:62vmax;height:42vmax;left:8vw;bottom:-26vmax;
  background:radial-gradient(closest-side in oklab, #7c1222, color-mix(in oklab, #7c1222 45%, transparent) 50%, transparent);
  opacity:.75;animation:deriva3 27s ease-in-out infinite alternate}
.malha i:nth-child(4){ /* azul-noite à direita alto */
  width:60vmax;height:60vmax;right:-18vmax;top:-30vmax;
  background:radial-gradient(circle closest-side in oklab, #1f2738, color-mix(in oklab, #1f2738 50%, transparent) 45%, transparent);
  animation:deriva1 31s ease-in-out infinite alternate-reverse}
.malha i:nth-child(5){ /* grafite da fachada no meio */
  width:52vmax;height:40vmax;left:28vw;top:30vh;
  background:radial-gradient(closest-side in oklab, #262a31, color-mix(in oklab, #262a31 45%, transparent) 50%, transparent);
  opacity:.8;animation:deriva2 24s ease-in-out infinite alternate-reverse}
.malha .calor{ /* o calor do letreiro: sobe quando acende */
  width:var(--calor-w,70vw);height:var(--calor-h,46vw);left:var(--calor-x,4vw);top:var(--calor-y,4vh);
  background:radial-gradient(closest-side in oklab, #b0614a, color-mix(in oklab, #8c3a33 55%, transparent) 42%, color-mix(in oklab, #5c0e1b 25%, transparent) 70%, transparent);
  opacity:0;transition:opacity 2.6s ease .2s;animation:respira 19s ease-in-out infinite alternate}
.hero.aceso .malha .calor{opacity:.62}
@keyframes deriva1{to{transform:translate3d(6vmax,4vmax,0) scale(1.08)}}
@keyframes deriva2{to{transform:translate3d(-7vmax,-3vmax,0) scale(.94)}}
@keyframes deriva3{to{transform:translate3d(10vw,-2vmax,0) scale(1.1)}}
@keyframes respira{to{transform:translate3d(1.5vw,-1vh,0) scale(1.06)}}
.hero.pausa .malha i{animation-play-state:paused}

/* faixa vermelha curva */
.faixa{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;pointer-events:none;overflow:visible}
.faixa-sombra{fill:rgba(0,0,0,.42);filter:blur(14px)}
.faixa-brilho{fill:none;stroke:#ff8f8a;stroke-width:1.6;opacity:.55}
.faixa-reflexo{opacity:0;transition:opacity 2.2s ease .3s;mix-blend-mode:screen}
.hero.aceso .faixa-reflexo{opacity:1}
.js .faixa{clip-path:inset(0 100% 0 0)}
.js .hero.faixa-entra .faixa{clip-path:inset(0 0 0 0);transition:clip-path 1.5s cubic-bezier(.65,.02,.25,1)}

/* palco */
.palco{
  flex:1;display:grid;grid-template-columns:minmax(0,1fr) var(--painel-w);
  gap:clamp(1.5rem,4vw,4.5rem);align-items:stretch;
}
.principal{min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(1rem,3vh,2rem)}

/* letreiro */
.letreiro{position:relative;width:min(100%, 880px, calc(95vh - 95px));margin-top:clamp(.2rem,1.2vh,1rem)}
.letreiro-clinica{
  font-family:var(--f-texto);font-weight:300;font-size:clamp(1.15rem,.6rem + 2.4vw,2.85rem);
  line-height:1;letter-spacing:.08em;margin:0 0 .12em .12em;color:#4a4d55;
  transition:color .25s, text-shadow .6s;
}
.letreiro.c-acesa .letreiro-clinica{color:var(--luz);text-shadow:0 0 .25em rgba(255,220,195,.75),0 0 1.1em rgba(255,170,130,.45)}
.letreiro-svg{display:block;width:100%;height:auto;overflow:visible}
.letreiro .acesa{opacity:0}
.letreiro .halo-longe{opacity:0;transition:opacity 2.4s ease}
.letreiro.todo-aceso .halo-longe{opacity:.62}
.letreiro .lado{opacity:.55;transition:opacity 1s}
.letreiro.todo-aceso .lado{opacity:1}

/* texto */
.texto{display:flex;flex-direction:column;gap:clamp(.85rem,2vh,1.3rem);max-width:900px}
.titulo{
  font-family:var(--f-titulo);font-weight:400;font-size:var(--t-titulo);
  line-height:1.12;letter-spacing:-.005em;color:var(--papel);text-wrap:balance;
}
.titulo-acesa{color:#fff;text-shadow:0 0 .35em rgba(255,196,160,.55),0 0 1.2em rgba(200,16,46,.55)}
.apoio{font-size:var(--t-apoio);color:var(--texto);max-width:58ch;line-height:1.6}
.acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem}
.botao{
  display:inline-flex;align-items:center;gap:.7rem;min-height:56px;padding:0 1.6rem 0 1.3rem;
  background:linear-gradient(180deg in oklab,#df2a40,#b50d29);color:#fff;text-decoration:none;
  font-weight:700;font-size:1.06rem;border-radius:var(--raio);
  box-shadow:inset 0 1px 0 rgba(255,210,210,.45),0 10px 30px -10px rgba(200,16,46,.75),0 0 0 1px rgba(255,120,120,.25);
  transition:transform .2s, box-shadow .2s;
}
.botao svg{width:22px;height:22px;fill:currentColor;flex:none}
.botao:hover,.botao:focus-visible{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,210,210,.5),0 16px 36px -10px rgba(220,30,60,.9),0 0 0 1px rgba(255,140,140,.4)}
.botao:focus-visible,.endereco:focus-visible,.topo a:focus-visible{outline:2px solid #ffd2c2;outline-offset:3px}
.endereco{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--texto-suave);font-size:.95rem;line-height:1.35}
.endereco img{width:58px;height:58px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px var(--linha),0 8px 20px -8px #000;flex:none}
.endereco b{display:block;color:var(--texto);font-weight:500}
.endereco:hover span{color:var(--luz)}

.provas{display:flex;flex-wrap:wrap;gap:.6rem 2rem;padding-top:clamp(.7rem,1.8vh,1.1rem);border-top:1px solid var(--linha)}
.provas li{display:flex;align-items:baseline;gap:.5rem;color:var(--texto-suave);font-size:.95rem}
.provas b{font-family:var(--f-titulo);font-weight:400;font-size:1.3rem;color:var(--papel);letter-spacing:.01em}

/* painel vermelho "Nossos serviços" */
.painel{
  position:relative;align-self:stretch;margin-bottom:calc(-1 * clamp(1.1rem,3vh,2rem) - 1px);
  margin-top:var(--painel-topo,30vh);
  padding:clamp(1.4rem,3.4vh,2.2rem) clamp(1.2rem,1.8vw,1.8rem) clamp(1.6rem,4vh,2.4rem);
  display:flex;flex-direction:column;gap:clamp(.8rem,2vh,1.2rem);
  background:
    radial-gradient(90% 38% at 50% -6% in oklab, rgba(255,214,200,.30), transparent 70%),
    linear-gradient(180deg in oklab, #c8102e 0%, #b30e27 55%, #8f0f1c 100%);
  box-shadow:inset 1px 0 0 rgba(255,150,150,.25),inset -1px 0 0 rgba(0,0,0,.2),-24px 0 60px -30px rgba(0,0,0,.7);
  text-align:center;
}
.painel-titulo{font-family:var(--f-titulo);font-size:clamp(1.05rem,.7rem + .7vw,1.35rem);letter-spacing:.04em;text-transform:uppercase;color:#f3d6d6;line-height:1.2}
.painel-lista{display:flex;flex-direction:column;justify-content:center;flex:1;gap:clamp(.2rem,1.3vh,.8rem)}
.painel-lista li{
  font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:clamp(.88rem,.7rem + .3vw,1.06rem);line-height:1.35;
  color:#fff;transition:color .5s, text-shadow .8s, opacity .4s;
}
.js .painel-lista li{opacity:.32;color:#f6c7cc}
.js .painel-lista li.on{opacity:1;color:#fff;text-shadow:0 0 14px rgba(255,235,225,.55)}
.painel-nota{font-size:.86rem;line-height:1.45;color:#fde4e4;margin-top:auto;padding-top:.9rem;border-top:1px solid rgba(255,220,220,.28)}
.painel-conv{margin-top:0;border-top:0;padding-top:0;color:#f7cfd2}

.rt{margin-top:calc(-1 * clamp(.2rem,1vh,.5rem));font-size:var(--t-mini);color:#b3aaa6;letter-spacing:.01em}

/* entrada do texto */
.js .texto > *{opacity:0;transform:translateY(14px);transition:opacity .9s ease, transform .9s cubic-bezier(.2,.7,.2,1)}
.js .hero.texto-entra .texto > *{opacity:1;transform:none}
.js .hero.texto-entra .texto > :nth-child(2){transition-delay:.12s}
.js .hero.texto-entra .texto > :nth-child(3){transition-delay:.24s}
.js .hero.texto-entra .texto > :nth-child(4){transition-delay:.36s}
.js .hero.texto-entra .texto > :nth-child(5){transition-delay:.48s}

/* ---------- tablet e celular ---------- */
@media (max-width: 960px){
  :root{--topo-h:64px}
  .topo-link:not(.topo-insta){display:none}
  .topo-insta span{display:none}
  .palco{grid-template-columns:minmax(0,1fr);gap:clamp(1.6rem,5vw,2.4rem)}
  .principal{justify-content:flex-start}
  .letreiro{width:100%;margin-top:clamp(.8rem,4vw,2rem)}
  .painel{margin:0 calc(-1 * var(--margem));margin-top:0;padding:1.8rem var(--margem) 2rem}
  .painel-lista{display:grid;flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem 1rem;text-align:left}
  .painel-titulo{text-align:left}
  .painel-nota{text-align:left}
  .hero{padding-bottom:0}
}
@media (max-width: 560px){
  .topo-oshiro{width:78px}
  .estado{font-size:.76rem;padding:.32rem .65rem .32rem .55rem}
  .titulo{font-size:clamp(1.62rem, 1rem + 3.4vw, 2.1rem);line-height:1.16}
  .acoes{flex-direction:column;align-items:stretch}
  .botao{justify-content:center}
  .provas{gap:.55rem 1.4rem}
  .provas li{font-size:.9rem}
  .painel-lista{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .painel-lista li{font-size:.84rem;letter-spacing:.03em}
}
@media (max-width: 380px){
  .topo-insta{display:none}
  .painel-lista li{font-size:.78rem}
}

/* movimento reduzido: tudo aceso, sem deriva */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;transition-delay:0s !important}
}
@media (max-width: 960px){.quebra{display:none}}
@media (min-width: 961px) and (max-height: 820px){
  .painel-conv{display:none}
  .painel-lista li{font-size:.86rem}
  .apoio{font-size:1.02rem;line-height:1.5}
  .botao{min-height:50px}
}

/* ===== ec.css ===== */
/* ===== Seção 2 · Com quem eu marco? (do hero B) · prefixo ec- ===== */
.ec{
  --ec-papel-2:#fffaf5;
  --ec-areia:#ecdcc4;
  --ec-argila:#e6bfae;
  --ec-rosa:#f2cfcc;
  --ec-carmim-fundo:#a80d27;
  --ec-bordo:#5c0b17;
  --ec-bordo-2:#7a1222;
  --ec-bordo-3:#3f0710;
  --ec-sobre:#fff4f1;
  --ec-sobre-2:rgba(255,236,232,.8);
  --ec-mola:cubic-bezier(.2,.9,.25,1.12);
  --ec-raio:12px;
  --ec-raio-g:30px;
  overflow:visible;              /* a faixa passa por cima da emenda com o hero */
  padding-top:calc(var(--secao-pad) + 1.5rem);
}
/* ---------- faixa sobre a emenda ---------- */
.ec-faixa{top:calc(clamp(54px,8vw,120px) * -.5);z-index:3;filter:drop-shadow(0 10px 14px rgba(40,4,10,.28))}
.ec-faixa .ec-faixa-brilho{fill:none;stroke:#ff9a92;stroke-width:1.4;opacity:.6;vector-effect:non-scaling-stroke}

/* ---------- fundo: malha de papel (como no B) ---------- */
.ec-fundo{position:absolute;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(160deg in oklab,#fbf6f0,var(--papel) 45%,#f2e6da)}
.ec-fundo i{position:absolute;border-radius:50%;display:block}
.ec-fundo i:nth-child(1){width:56vmax;height:56vmax;left:-20vmax;top:-18vmax;background:radial-gradient(circle closest-side in oklab,var(--ec-rosa),color-mix(in oklab,var(--ec-rosa) 50%,transparent) 45%,transparent);animation:ec-deriva-1 31s ease-in-out infinite alternate}
.ec-fundo i:nth-child(2){width:52vmax;height:52vmax;right:-22vmax;top:10%;background:radial-gradient(circle closest-side in oklab,var(--ec-areia),color-mix(in oklab,var(--ec-areia) 50%,transparent) 45%,transparent);animation:ec-deriva-2 37s ease-in-out infinite alternate}
.ec-fundo i:nth-child(3){width:46vmax;height:46vmax;left:14vw;bottom:-24vmax;opacity:.7;background:radial-gradient(circle closest-side in oklab,var(--ec-argila),color-mix(in oklab,var(--ec-argila) 45%,transparent) 45%,transparent);animation:ec-deriva-3 27s ease-in-out infinite alternate}
.ec-fundo i:nth-child(4){width:30vmax;height:30vmax;left:36vw;top:12%;background:radial-gradient(circle closest-side in oklab,#fff8f1,color-mix(in oklab,#fff8f1 50%,transparent) 45%,transparent);animation:ec-deriva-1 23s ease-in-out infinite alternate-reverse}
.ec-parado .ec-fundo i,.ec-parado .ec-resp-malha i{animation-play-state:paused}
@keyframes ec-deriva-1{to{transform:translate3d(6vw,5vh,0) scale(1.08)}}
@keyframes ec-deriva-2{to{transform:translate3d(-7vw,6vh,0) scale(.94)}}
@keyframes ec-deriva-3{to{transform:translate3d(5vw,-7vh,0) scale(1.1)}}

/* ---------- grade ---------- */
.ec-grade{display:grid;grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:clamp(1.5rem,3.4vw,3.5rem);align-items:start}
.ec-cab{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);column-gap:clamp(2rem,5vw,5rem);align-items:end;margin-bottom:clamp(.5rem,2vw,1.5rem)}
.ec-cab .wf-rotulo{grid-column:1/-1}
.ec-pergunta{min-width:0}
.ec-h2{font-size:clamp(2.1rem,1.1rem + 3.6vw,4.1rem);line-height:1.04}
.ec-h2-l{display:block}
.ec-apoio{margin:0 0 .5rem;max-width:40rem}
.ec-cab-dir{align-self:end}
@media (min-width:901px){.ec-cab .ec-h2{align-self:center}}
.ec-numeros{list-style:none;margin:0 0 1.6rem;padding:0;border-top:1px solid rgba(155,20,38,.22)}
.ec-numeros li{display:grid;grid-template-columns:6.6rem minmax(0,1fr);align-items:baseline;gap:.9rem;padding:.7rem 0;border-bottom:1px solid rgba(155,20,38,.22)}
.ec-numeros b{font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.7rem,1.2rem + 1.2vw,2.3rem);line-height:1;color:var(--carmim);white-space:nowrap}
.ec-numeros span{font-size:1rem;line-height:1.45;color:var(--tinta-2)}

.ec-passo{display:flex;align-items:center;gap:.7rem;margin:.4rem 0 1rem}
.ec-passo-n{flex:none;width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;font-family:var(--f-titulo);font-size:.95rem;line-height:1;background:var(--tinta);color:var(--papel)}
.ec-passo-t{margin:0;font-family:var(--f-texto);font-weight:700;font-size:clamp(1.2rem,1.05rem + .5vw,1.45rem);letter-spacing:-.005em;color:var(--tinta)}

/* ---------- placas de escolha ---------- */
.ec-escolhas{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(.6rem,1vw,.85rem)}
.ec-placa-c{min-width:0;display:flex}
.ec-placa{position:relative;flex:1;text-align:left;cursor:pointer;font:inherit;color:var(--tinta);
  min-height:clamp(7rem,5.6rem + 2vw,8rem);padding:clamp(.85rem,.6rem + .6vw,1.15rem) clamp(.95rem,.6rem + .9vw,1.4rem);
  border-radius:var(--ec-raio);border:2px solid color-mix(in oklab,var(--carmim) 16%,transparent);
  background:color-mix(in oklab,var(--ec-papel-2) 88%,transparent);
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset,0 10px 24px -14px rgba(92,11,23,.35),0 2px 4px -2px rgba(92,11,23,.12);
  display:flex;flex-direction:column;gap:.25rem;-webkit-tap-highlight-color:transparent;touch-action:manipulation;
  transition:transform .35s var(--ec-mola),background-color .3s,border-color .3s,box-shadow .3s,color .3s}
.ec-placa:hover{transform:translateY(-3px);border-color:color-mix(in oklab,var(--carmim) 40%,transparent)}
.ec-placa:active{transform:translateY(1px) scale(.985)}
.ec-placa:focus-visible{outline:3px solid var(--carmim);outline-offset:3px}
.ec-placa-k{font-family:var(--f-titulo);font-size:clamp(1.25rem,1rem + .8vw,1.65rem);line-height:1.1}
.ec-placa-s{font-size:1.0625rem;line-height:1.3;color:var(--tinta-2);transition:color .3s}
.ec-placa-n{align-self:flex-start;font-weight:700;font-size:.875rem;letter-spacing:.04em;color:var(--ec-carmim-fundo);
  background:color-mix(in oklab,var(--carmim) 9%,transparent);border-radius:999px;padding:.12rem .6rem;margin-bottom:auto;transition:opacity .25s}
.ec-placa-ok{position:absolute;top:.75rem;right:.8rem;width:1.9rem;height:1.9rem;border-radius:50%;background:#fff;opacity:0;transform:scale(.4);transition:opacity .25s,transform .4s var(--ec-mola)}
.ec-placa-ok::after{content:"";position:absolute;left:50%;top:46%;width:.48rem;height:.85rem;border:solid var(--carmim);border-width:0 3px 3px 0;border-radius:1px;transform:translate(-50%,-50%) rotate(42deg)}
.ec-placa[aria-pressed="true"]{background:var(--carmim);border-color:var(--carmim);color:#fff;transform:translateY(1px);
  box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 14px 30px -14px rgba(200,16,46,.7)}
.ec-placa[aria-pressed="true"] .ec-placa-s{color:rgba(255,244,240,.94)}
.ec-placa[aria-pressed="true"] .ec-placa-n{opacity:0}
.ec-placa[aria-pressed="true"] .ec-placa-ok{opacity:1;transform:scale(1)}
.ec-escolhida .ec-placa:not([aria-pressed="true"]){background:color-mix(in oklab,var(--ec-papel-2) 62%,transparent)}
/* escolhida acende como o letreiro */
.ec-placa[aria-pressed="true"]{box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 0 0 4px color-mix(in oklab,var(--carmim) 18%,transparent),0 18px 40px -14px rgba(200,16,46,.75),0 0 46px -6px rgba(227,57,74,.45)}
/* computador: placas empilhadas, como as linhas do painel da fachada */
@media (min-width:901px){
  .ec-placa{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"k n" "s n";column-gap:1rem;row-gap:.2rem;align-items:center;padding:1.05rem 1.3rem 1.15rem}
  .ec-placa-k{grid-area:k}
  .ec-placa-s{grid-area:s}
  .ec-placa-n{grid-area:n;margin:0;align-self:center}
  .ec-placa-ok{top:50%;margin-top:-.95rem;right:1.2rem}
}

/* ---------- painel bordô ---------- */
.ec-resposta-c{min-width:0}
.ec-resposta{position:relative;isolation:isolate;overflow:clip;border-radius:var(--ec-raio-g);color:var(--ec-sobre);background:var(--ec-bordo);
  padding:clamp(1.2rem,.8rem + 1.4vw,2.1rem);box-shadow:0 40px 80px -40px rgba(63,7,16,.65),0 12px 24px -16px rgba(63,7,16,.4);scroll-margin-top:1rem}
.ec-resp-malha{position:absolute;inset:0;z-index:-1}
.ec-resp-malha i{position:absolute;border-radius:50%;display:block}
.ec-resp-malha i:nth-child(1){width:120%;aspect-ratio:1;right:-55%;top:-55%;background:radial-gradient(circle closest-side in oklab,#9b1426,color-mix(in oklab,#9b1426 50%,transparent) 45%,transparent);animation:ec-deriva-2 29s ease-in-out infinite alternate}
.ec-resp-malha i:nth-child(2){width:110%;aspect-ratio:1;left:-55%;bottom:-50%;background:radial-gradient(circle closest-side in oklab,var(--ec-bordo-3),color-mix(in oklab,var(--ec-bordo-3) 50%,transparent) 45%,transparent);animation:ec-deriva-3 35s ease-in-out infinite alternate}
.ec-resp-malha i:nth-child(3){width:80%;aspect-ratio:1;left:20%;top:20%;background:radial-gradient(circle closest-side in oklab,#6e1020,color-mix(in oklab,#6e1020 50%,transparent) 45%,transparent);animation:ec-deriva-1 25s ease-in-out infinite alternate}
.ec-resposta{display:grid;grid-template-columns:minmax(0,15rem) minmax(0,1fr);gap:clamp(1.2rem,2vw,2rem)}
.ec-resp-corpo{min-width:0}
.ec-resp-foto{margin:0;display:flex;flex-direction:column;gap:.7rem;position:sticky;top:1.5rem;align-self:start}
.ec-resp-foto img{width:100%;height:auto;aspect-ratio:680/940;object-fit:cover;object-position:50% 40%;border-radius:16px;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 18px 36px -16px rgba(0,0,0,.7)}
.ec-resp-foto figcaption{font-size:.875rem;line-height:1.35;color:var(--ec-sobre-2)}
.ec-resp-cab{min-width:0}
.ec-passo-claro{margin:0 0 .6rem}
.ec-passo-claro .ec-passo-n{background:var(--ec-sobre);color:var(--ec-bordo)}
.ec-passo-claro .ec-passo-t{font-size:.875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ec-sobre-2)}
.ec-resp-titulo{margin:0;font-family:var(--f-titulo);font-size:clamp(1.5rem,1.05rem + 1.3vw,2.25rem);line-height:1.12;color:#fff;text-wrap:balance}
.ec-resp-nota{margin:1rem 0 0;font-size:var(--t-corpo);line-height:1.55;color:var(--ec-sobre-2)}
.ec-resp-nota strong{color:#fff;font-weight:700}
.ec-troca{animation:ec-troca .5s var(--curva) both}
@keyframes ec-troca{from{opacity:0;transform:translateY(8px)}}

/* ajuste da criança */
.ec-ajuste{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem;margin-top:1rem;padding:.55rem;border-radius:18px;background:rgba(255,255,255,.07);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
.ec-ajuste[hidden]{display:none}
.ec-seg{display:inline-flex;background:rgba(0,0,0,.22);border-radius:999px;padding:3px}
.ec-seg-b{border:0;cursor:pointer;min-height:44px;min-width:4.6rem;border-radius:999px;background:transparent;color:var(--ec-sobre-2);font-family:var(--f-texto);font-weight:700;font-size:1.0625rem;touch-action:manipulation;transition:background .25s,color .25s}
.ec-seg-b[aria-pressed="true"]{background:var(--ec-sobre);color:var(--ec-bordo)}
.ec-idade{display:inline-flex;align-items:center;gap:.35rem}
.ec-idade-b{width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:rgba(255,255,255,.12);color:#fff;font-size:1.35rem;line-height:1;touch-action:manipulation;transition:background .2s,transform .2s var(--ec-mola)}
.ec-idade-b:hover{background:rgba(255,255,255,.2)}
.ec-idade-b:active{transform:scale(.92)}
.ec-idade-b:disabled{opacity:.35;cursor:default}
.ec-idade-v{min-width:5rem;text-align:center;font-family:var(--f-titulo);font-size:1.1rem;color:#fff}

/* áreas */
.ec-areas{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.ec-area{cursor:pointer;min-height:44px;padding:.45rem .95rem;border-radius:999px;border:1.5px solid rgba(255,236,232,.32);background:transparent;color:var(--ec-sobre);
  font-family:var(--f-texto);font-weight:500;font-size:1rem;line-height:1.2;text-align:left;touch-action:manipulation;-webkit-tap-highlight-color:transparent;
  transition:opacity .35s,background-color .3s,border-color .3s,color .3s,transform .35s var(--ec-mola)}
.ec-area:hover{border-color:rgba(255,236,232,.7)}
.ec-com-caso .ec-area{opacity:.62;border-style:dashed}
.ec-com-caso .ec-area.ec-sugerida{opacity:1;border-style:solid;border-color:rgba(255,236,232,.9);font-weight:700;animation:ec-acende .55s var(--curva) both;animation-delay:calc(var(--j,0) * 55ms)}
@keyframes ec-acende{from{opacity:.6;transform:scale(.94)}60%{transform:scale(1.03)}}
.ec-area[aria-pressed="true"],.ec-com-caso .ec-area[aria-pressed="true"]{opacity:1;border-style:solid;border-color:#fff;background:#fff;color:var(--ec-bordo);font-weight:700}
.ec-area[aria-pressed="true"]::before{content:"✓";margin-right:.35rem;color:var(--carmim)}
.ec-areas-dica{margin:.7rem 0 0;font-size:1rem;color:var(--ec-sobre-2)}

/* mensagem */
.ec-msg{margin-top:1.1rem;padding:.9rem 1.1rem 1.05rem;border-radius:18px 18px 18px 6px;background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.1) inset}
.ec-msg .ec-passo-claro{margin-bottom:.45rem}
.ec-msg-texto{margin:0;font-size:var(--t-corpo);line-height:1.5;color:#fff;min-height:3em}

.ec-wa{margin-top:1rem;display:flex;align-items:center;justify-content:center;gap:.7rem;min-height:3.75rem;padding:.8rem 1.4rem;border-radius:999px;background:var(--carmim);color:#fff;text-decoration:none;
  font-family:var(--f-texto);font-weight:700;font-size:clamp(1.1rem,1rem + .4vw,1.3rem);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 16px 30px -14px rgba(0,0,0,.6);transition:transform .35s var(--ec-mola),background .25s}
.ec-wa:hover{background:#d81634;transform:translateY(-2px)}
.ec-wa:active{transform:translateY(1px)}
.ec-wa-ic{width:1.5rem;height:1.5rem;flex:none}
.ec-wa-pulsa{animation:ec-pulsa .6s var(--curva)}
@keyframes ec-pulsa{40%{transform:scale(1.03);background:#e01c3b}}
.ec-resp-pe{margin:.8rem 0 0;font-size:1rem;line-height:1.45;color:var(--ec-sobre-2);text-align:center}
.ec-nw{white-space:nowrap}

/* a fala da própria clínica, sob as placas */
.ec-fala{margin:clamp(1.8rem,3vw,2.6rem) 0 0;padding:0 0 0 1.4rem;border-left:4px solid var(--carmim);box-shadow:-12px 0 22px -18px rgba(227,57,74,.6)}
.ec-fala-q{margin:0}
.ec-fala-q p{margin:0;font-size:clamp(1.15rem,1rem + .45vw,1.4rem);line-height:1.45;font-weight:500;color:var(--tinta);text-wrap:pretty}
.ec-fala-de{margin-top:.7rem;font-size:.875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ec-carmim-fundo)}
@media (min-width:901px){.ec-pergunta{position:sticky;top:1.5rem}}
.ec-fonte{margin-top:clamp(2rem,3vw,2.75rem);margin-bottom:calc(var(--secao-pad) * -.35);font-size:.9375rem;line-height:1.5;color:var(--tinta-2)}

/* ---------- entrada das áreas, em cascata quando o painel acende ---------- */
.js .ec-areas li{opacity:0;transition:opacity .5s var(--curva);transition-delay:calc(700ms + var(--i,0) * 70ms)}
.js .ec-resposta-c.on .ec-areas li{opacity:1}

/* ---------- tablet e celular ---------- */
@media (max-width:1100px){
  .ec-resposta{grid-template-columns:minmax(0,1fr)}
  .ec-resp-foto{position:static}
  .ec-resp-foto img{aspect-ratio:16/9;object-position:50% 6%}
  .ec-resp-foto figcaption{display:none}
}
@media (max-width:900px){
  .ec-grade{grid-template-columns:minmax(0,1fr)}
  .ec-cab{grid-template-columns:minmax(0,1fr)}
  .ec-apoio{margin-top:1.2rem}
  .ec-numeros{display:none}
  .ec-escolhas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ec-pergunta,.ec-resposta-c{max-width:44rem}
}
@media (max-width:720px){
  .ec{--ec-raio-g:24px}
  .ec-passo{margin:1.8rem 0 .8rem}
  .ec-placa{min-height:7.2rem;padding:.75rem .85rem .85rem}
  .ec-placa-s{font-size:1rem}
  .ec-placa-ok{top:.55rem;right:.55rem;width:1.6rem;height:1.6rem}
  .ec-resp-foto img{aspect-ratio:16/10}
  .ec-areas{gap:.42rem}
  .ec-area{padding:.4rem .8rem}
  .ec-ajuste{gap:.5rem .6rem;justify-content:space-between}
  .ec-seg-b{min-width:3.8rem}
  .ec-idade-v{min-width:3.8rem}
}
@media (max-width:380px){
  .ec-placa-k{font-size:1.15rem}
  .ec-placa-n{font-size:.875rem}
}
@media (prefers-reduced-motion:reduce){
  .ec-fundo i,.ec-resp-malha i{animation:none !important}
  .js .ec-areas li{opacity:1;transition:none}
}

/* ===== ar.css ===== */
/* ===== Seção 3 · ar · As áreas (o painel "Nossos serviços" aceso) ===== */
.ar{padding-top:calc(var(--secao-pad) + 2rem)}
.ar-faixa{top:0}
.ar-luz{position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(42% 60% at 24% 38% in oklab, rgba(200,16,46,.22), transparent 70%),
    radial-gradient(50% 40% at 80% 90% in oklab, rgba(35,44,58,.9), transparent 75%)}

.ar-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem}

/* ---------- o painel ---------- */
.ar-painel{position:relative;padding:2rem 1.25rem 2.2rem;border-radius:var(--raio);
  background:
    radial-gradient(90% 30% at 50% -4% in oklab, rgba(255,214,200,.32), transparent 70%),
    linear-gradient(180deg in oklab,#c4142f,#9b1426 55%,#6e0f1f);
  --ar-k:calc(var(--ar-acesas,10) / 10);
  box-shadow:0 0 0 1px rgba(255,140,140,.18),0 40px 120px -30px rgba(200,16,46,calc(.15 + .45 * var(--ar-k))),0 0 calc(40px + 140px * var(--ar-k)) calc(-40px + 10px * var(--ar-k)) rgba(227,57,74,calc(.1 + .4 * var(--ar-k)));
  transition:box-shadow .8s ease}
.ar-painel::before{content:"";position:absolute;left:8%;right:8%;top:-1px;height:2px;border-radius:2px;background:#fff3ea;opacity:calc(.25 + .6 * var(--ar-k));box-shadow:0 0 22px 4px rgba(255,236,224,calc(.15 + .4 * var(--ar-k)))}
.ar-painel-titulo{font-family:var(--f-titulo);text-transform:uppercase;letter-spacing:.05em;color:#f3d6d6;font-size:clamp(1rem,.8rem + .8vw,1.5rem);text-align:center;margin:0 0 1.2rem}
.ar-itens{display:flex;flex-direction:column}
.ar-item{position:relative;display:flex;align-items:baseline;gap:.8rem;width:100%;min-height:52px;padding:.55rem .75rem;border:0;border-radius:3px;background:transparent;cursor:pointer;text-align:left;
  font-family:var(--f-titulo);text-transform:uppercase;letter-spacing:.02em;line-height:1.12;font-size:clamp(1.2rem,.75rem + 1.4vw,2rem);
  color:#fff;transition:color .5s, text-shadow .9s, opacity .5s, background-color .35s}
.ar-item-n{font-family:var(--f-texto);font-weight:700;font-size:.875rem;letter-spacing:.1em;opacity:.7;flex:none;transform:translateY(-.15em)}
.ar-item-nome{text-wrap:balance;min-width:0;hyphens:manual}
.ar-item-mais{display:none}
.ar-parafuso{position:absolute;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35% in oklab,#f2c9cc,#7a1222 70%);box-shadow:0 1px 0 rgba(255,220,220,.25)}
.ar-parafuso:nth-of-type(1){top:12px;left:12px}.ar-parafuso:nth-of-type(2){top:12px;right:12px}.ar-parafuso:nth-of-type(3){bottom:12px;left:12px}.ar-parafuso:nth-of-type(4){bottom:12px;right:12px}
/* brilho da chapa: luz da fachada batendo de cima */
.ar-painel::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg in oklab,transparent 30%,rgba(255,235,230,.07) 45%,transparent 60%)}
.js .ar-item{opacity:.3;color:#f6c7cc}
.js .ar-item.ar-aceso{opacity:1;color:#fff;text-shadow:0 0 14px rgba(255,235,225,.5);animation:ar-tremida .8s steps(1) both}
.ar-item:hover .ar-item-nome{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em}
.ar-item[aria-expanded="true"],.js .ar-item[aria-expanded="true"]{opacity:1;background:#fff6f0;color:var(--carmim);text-shadow:none;box-shadow:0 0 24px rgba(255,235,225,.45)}
.ar-item:focus-visible{outline:2px solid #fff;outline-offset:2px}
@keyframes ar-tremida{0%{opacity:.3}15%{opacity:1}25%{opacity:.45}40%{opacity:1}}

/* ---------- a explicação ---------- */
.ar-det{display:flex;flex-direction:column;gap:1.1rem}
.ar-det[hidden]{display:none}
.ar-det.ar-entra{animation:ar-entra .55s var(--curva) both}
@keyframes ar-entra{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.ar-det-n{font-size:var(--t-mini);letter-spacing:.16em;color:var(--texto-suave)}
.ar-det-n b{font-family:var(--f-titulo);font-weight:400;font-size:1.6rem;color:#fff;letter-spacing:0}
.ar-det-nome{font-family:var(--f-titulo);font-weight:400;font-size:clamp(2rem,1.2rem + 2.6vw,3.4rem);line-height:1.05;color:#fff;text-wrap:balance}
.ar-det-lead{font-size:clamp(1.2rem,1rem + .6vw,1.5rem);line-height:1.4;font-weight:500;color:#ffd9cf;max-width:30ch}
.ar-det-corpo{line-height:1.62;color:#ddd3ce;font-weight:400;max-width:52ch}
.ar-mini{font-size:var(--t-mini);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#f3c9c4;margin-bottom:.6rem}
.ar-plaquetas{display:flex;flex-wrap:wrap;gap:.5rem}
.ar-plaquetas li{padding:.4rem .8rem;border-radius:var(--raio);background:#fff6f0;color:var(--tinta);font-weight:700;font-size:1rem}
.ar-lista{display:grid;grid-template-columns:minmax(0,1fr);gap:.45rem}
.ar-lista li{position:relative;padding-left:1.4rem;line-height:1.45}
.ar-lista li::before{content:"";position:absolute;left:0;top:.62em;width:.8rem;height:3px;border-radius:2px;background:var(--carmim-vivo);box-shadow:0 0 8px rgba(227,57,74,.6)}
.ar-nums{display:grid;grid-template-columns:repeat(3,minmax(0,max-content));gap:1rem 1.8rem}
.ar-nums li{display:flex;flex-direction:column}
.ar-nums b{font-family:var(--f-titulo);font-weight:400;font-size:2.6rem;line-height:1;color:#fff}
.ar-nums span{color:var(--texto-suave)}
.ar-nota{font-size:1rem;color:var(--texto-suave);margin-top:.7rem}
.ar-wa{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;align-self:flex-start;padding:0 1.2rem 0 1rem;border-radius:var(--raio);
  background:linear-gradient(180deg in oklab,#df2a40,#b50d29);color:#fff;text-decoration:none;font-weight:700;
  box-shadow:inset 0 1px 0 rgba(255,210,210,.45),0 10px 30px -10px rgba(200,16,46,.75)}
.ar-wa svg{width:22px;height:22px;fill:currentColor;flex:none}
.ar-wa:hover,.ar-wa:focus-visible{transform:translateY(-2px)}

.ar-rodape{color:#ddd3ce;max-width:64ch;padding-top:1.6rem;border-top:1px solid var(--linha)}
.ar-link{color:#fff;text-underline-offset:.25em}

.ar-apoio{margin-top:1.3rem}
.ar-cab{max-width:60rem}

/* ---------- celular: a explicação abre dentro do painel ---------- */
@media (max-width:960px){
  .ar-item{align-items:center}
  .ar-item-mais{display:block;position:relative;width:18px;height:18px;flex:none}
  .ar-item-mais::before,.ar-item-mais::after{content:"";position:absolute;left:0;top:8px;width:18px;height:2px;border-radius:1px;background:currentColor;transition:transform .3s var(--curva)}
  .ar-item-mais::after{transform:rotate(90deg)}
  .ar-item[aria-expanded="true"] .ar-item-mais::after{transform:rotate(0)}
  .ar-painel .ar-det{margin:.4rem 0 .9rem;padding:1.4rem 1.2rem 1.5rem;border-radius:var(--raio);background:var(--noite-2);box-shadow:inset 0 0 0 1px rgba(255,236,224,.12)}
  .ar-painel .ar-det-n,.ar-painel .ar-det-nome{display:none}
  .ar-det-lead{font-size:1.2rem}
  .ar-wa{align-self:stretch;justify-content:center}
  .ar-item-mais{margin-left:auto}
  .ar-painel{padding:1.8rem .75rem 2rem}
  .ar-item{font-size:clamp(1rem,4.4vw,1.4rem);letter-spacing:0;padding:.5rem .6rem;gap:.6rem}
  .ar-item-n{font-size:.8rem;min-width:1.4em}
  .ar-painel .ar-det{padding:1.3rem 1rem 1.3rem}
  .ar-nums{grid-template-columns:auto minmax(0,1fr);gap:.5rem}
  .ar-nums li{display:contents}
  .ar-nums b{font-size:2rem;text-align:right}
  .ar-nums span{align-self:center;line-height:1.3}
  .ar-wa-fim{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}

/* ---------- tela larga: título em cima; painel alto à esquerda, explicação presa à linha acesa ---------- */
@media (min-width:961px){
  .ar{--ar-gap:clamp(3rem,6vw,6.5rem)}
  .ar-grade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"cab cab" "painel det" ". rodape";column-gap:var(--ar-gap);row-gap:clamp(2.8rem,4vw,4rem);align-items:start}
  .ar-cab{grid-area:cab}
  .ar-painel{grid-area:painel;padding:2.6rem 1.6rem 2.8rem}
  .ar-detalhes{grid-area:det;transform:translateY(var(--ar-y,0px));transition:transform .6s var(--curva)}
  .ar-rodape{grid-area:rodape}
  .ar-lista{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.6rem}
  /* a linha acesa liga o painel à explicação */
  .ar-item[aria-expanded="true"]::after{content:"";position:absolute;left:100%;top:50%;width:calc(1.6rem + var(--ar-gap) - .7rem);height:3px;margin-top:-1.5px;border-radius:2px;
    background:linear-gradient(90deg in oklab,#fff6f0,var(--carmim-vivo));box-shadow:0 0 14px rgba(255,200,190,.55);transform-origin:left;animation:ar-liga .5s var(--curva) both}
  .ar-det-n{position:relative;display:flex;align-items:center;gap:.6rem;min-height:3.2rem}
  .ar-det-n::before{content:"";position:absolute;right:100%;top:50%;width:.7rem;height:3px;margin-top:-1.5px;background:var(--carmim-vivo);box-shadow:0 0 12px rgba(227,57,74,.7)}
  .ar-rodape{margin-top:0}
}
@keyframes ar-liga{from{transform:scaleX(0)}to{transform:none}}

@media (prefers-reduced-motion: reduce){
  .js .ar-item{opacity:1;color:#fff}
  .ar-item,.ar-det.ar-entra{animation:none}
}

/* ===== ca.css ===== */
/* ===== Seção 4 · A casa (ca) ===== */
.ca{--ca-papel:#f7ece1;--ca-laranja:oklab(66% .1 .12);background:var(--ca-papel);padding-bottom:calc(var(--secao-pad) * .9)}
.ca-malha{position:absolute;inset:0;z-index:-1;pointer-events:none;
  -webkit-mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(transparent,#000 10%,#000 90%,transparent)}
.ca-malha i{position:absolute;border-radius:50%}
.ca-malha i:nth-child(1){width:70vmax;height:70vmax;left:-30vmax;top:-12vmax;opacity:.32;
  background:radial-gradient(circle closest-side in oklab, var(--ca-laranja), color-mix(in oklab, var(--ca-laranja) 45%, transparent) 45%, transparent)}
.ca-malha i:nth-child(2){width:60vmax;height:60vmax;right:-26vmax;top:38%;opacity:.16;
  background:radial-gradient(circle closest-side in oklab, var(--carmim), color-mix(in oklab, var(--carmim) 45%, transparent) 45%, transparent)}
.ca-malha i:nth-child(3){width:64vmax;height:64vmax;left:-20vmax;bottom:-20vmax;opacity:.2;
  background:radial-gradient(circle closest-side in oklab, oklab(70% .08 .1), transparent)}

/* cabeça */
.ca-cabeca{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:clamp(2rem,5vw,5rem);align-items:end}
.ca-cabeca .wf-rotulo{grid-column:1/-1}
.ca-h2{font-size:clamp(2.3rem,1.3rem + 3.6vw,4.4rem)}
.ca-apoio{margin:0;padding-bottom:.4rem}

/* ---------- comparador ---------- */
.ca-comp{position:relative;margin:clamp(2.5rem,5vw,4.5rem) calc(var(--margem) * -1) 0}
.ca-quadro{position:relative;height:min(84vh,69vw);min-height:420px;overflow:hidden;background:#20140f;user-select:none;-webkit-user-select:none;cursor:ew-resize;touch-action:pan-y}
.ca-foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 14%;pointer-events:none;-webkit-user-drag:none}
.ca-antes{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ca-luz{position:absolute;left:14%;top:-4%;width:62%;height:46%;pointer-events:none;mix-blend-mode:screen;opacity:0;
  background:radial-gradient(50% 50% at 50% 55%, rgba(255,236,232,.5), rgba(255,120,110,.16) 55%, transparent 75%);
  clip-path:inset(0 0 0 max(0%, calc((var(--pos) - 14%) / .62)))}
.ca-quadro.ca-acesa .ca-luz{animation:ca-acende 1.6s ease-out forwards}
@keyframes ca-acende{0%{opacity:0}18%{opacity:.85}26%{opacity:.3}40%{opacity:.9}100%{opacity:.6}}
.ca-alca{position:absolute;top:0;bottom:0;left:var(--pos);width:56px;margin-left:-28px;padding:0;background:none;border:0;cursor:ew-resize;touch-action:none;color:inherit;font:inherit}
.ca-alca::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(transparent,#fff 12%,#fff 88%,transparent);box-shadow:0 0 16px rgba(255,255,255,.7)}
.ca-pino{position:absolute;left:50%;top:62%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:#fff;box-shadow:0 8px 24px rgba(20,4,8,.45)}
.ca-pino::before,.ca-pino::after{content:"";position:absolute;top:50%;margin-top:-6px;border:6px solid transparent}
.ca-pino::before{left:9px;border-right-color:var(--carmim)}
.ca-pino::after{right:9px;border-left-color:var(--carmim)}
.ca-alca:focus-visible{outline:none}
.ca-alca:focus-visible .ca-pino{outline:3px solid var(--carmim);outline-offset:4px}
.ca-ano{position:absolute;top:62%;margin-top:-17px;height:34px;display:flex;align-items:center;padding:0 .8rem;border-radius:99px;font-style:normal;font-family:var(--f-titulo);font-size:1rem;letter-spacing:.06em;color:#fff;background:rgba(24,12,10,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;transition:opacity .3s}
.ca-ano-antes{right:calc(50% + 34px)}
.ca-ano-hoje{left:calc(50% + 34px)}
.ca-quadro.ca-sem-antes .ca-ano-antes,.ca-quadro.ca-sem-hoje .ca-ano-hoje{opacity:0}
.ca-chao{position:absolute;inset:auto 0 0 0;height:42%;pointer-events:none;background:linear-gradient(to top in oklab, rgba(18,8,6,.62), rgba(18,8,6,0))}
.ca-marca{position:absolute;bottom:clamp(.8rem,2.2vw,1.8rem);font-family:var(--f-titulo);font-size:clamp(3.2rem,1.4rem + 6vw,7.6rem);line-height:.8;color:#fff;letter-spacing:-.02em;pointer-events:none;
  text-shadow:0 4px 40px rgba(20,6,4,.45)}
.ca-marca-antes{left:clamp(1rem,3vw,3rem);color:#fff6e8}
.ca-marca-hoje{right:clamp(1rem,3vw,3rem);color:#fff;text-shadow:0 0 .25em rgba(255,140,140,.55),0 4px 40px rgba(0,0,0,.6)}
.ca-legenda{max-width:var(--largura);margin:1rem auto 0;padding:0 var(--margem);font-size:1rem;color:var(--tinta-2)}

/* ---------- capítulos ---------- */
.ca-historia{margin-top:clamp(3.5rem,7vw,6.5rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.ca-logo{margin:0;position:sticky;top:6rem}
.ca-logo img{width:100%;height:auto;border-radius:var(--raio);box-shadow:0 24px 50px -28px rgba(60,20,10,.6)}
.ca-logo figcaption{margin-top:.9rem;font-size:1.0625rem;line-height:1.5;color:var(--tinta-2)}
.ca-logo figcaption span{font-size:1.15em;color:var(--tinta)}
.ca-anos{list-style:none;margin:0;padding:0}
.ca-capitulo{display:grid;grid-template-columns:minmax(0,13.5rem) minmax(0,1fr);gap:clamp(1rem,2.5vw,2rem);align-items:baseline;border-top:2px solid var(--tinta);padding:1.4rem 0 1.8rem}
.ca-capitulo:last-child{border-bottom:2px solid var(--tinta)}
.ca-ano-grande{font-family:var(--f-titulo);font-size:clamp(2.6rem,1.8rem + 2.4vw,4.2rem);line-height:.95;color:var(--carmim);margin:0;letter-spacing:-.01em}
.ca-ano-palavra{color:transparent;-webkit-text-stroke:2px var(--carmim)}
.ca-ver{display:inline-flex;align-items:center;gap:.5rem;min-height:48px;margin-top:.4rem;padding:0;background:none;border:0;cursor:pointer;font:inherit;font-size:1rem;font-weight:700;color:var(--carmim);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3em}
.ca-ver:hover span{transform:translateY(-3px)}
.ca-ver span{display:inline-block;text-decoration:none;transition:transform .25s var(--curva)}
.ca-h3{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-h3);line-height:1.2;margin:0 0 .5rem}
.ca-txt{margin:0;font-size:var(--t-corpo);line-height:1.6;color:var(--tinta-2)}

/* ---------- por dentro ---------- */
.ca-dentro{margin-top:clamp(4.5rem,9vw,8rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,4fr) minmax(0,3fr);gap:clamp(1rem,2vw,1.75rem);align-items:start}
.ca-col{display:flex;flex-direction:column;gap:clamp(1.25rem,2.4vw,2rem);min-width:0}
.ca-dentro-cabeca{padding:0 0 .5rem}
.ca-h3-grande{font-size:clamp(1.9rem,1.2rem + 2.2vw,3rem);line-height:1.1;margin-bottom:1rem}
.ca-f{margin:0;position:relative}
.ca-f img{width:100%;height:auto;object-fit:cover;border-radius:var(--raio);box-shadow:0 18px 40px -26px rgba(60,20,10,.55)}
.ca-f figcaption{margin-top:.6rem;font-size:1rem;color:var(--tinta-2)}
.ca-f-corredor img{aspect-ratio:3/5.2}
.ca-col-3{padding-top:clamp(2rem,6vw,6rem)}
.ca-f-recepcao img{aspect-ratio:3/4.2}
.ca-f-fisio img{aspect-ratio:1.12/1}
.ca-f-estetica img{aspect-ratio:4/3}

/* ---------- arraiá ---------- */
.ca-festa{margin-top:clamp(4.5rem,9vw,8rem);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.ca-festa-foto{margin:0;transform:rotate(-1.6deg)}
.ca-festa-foto img{width:100%;height:auto;border:10px solid #fff;border-bottom-width:44px;box-shadow:0 26px 50px -24px rgba(60,20,10,.6)}
.ca-festa-foto figcaption{position:absolute;left:10px;right:10px;bottom:12px;font-size:1rem;color:var(--tinta-2);text-align:center}
.ca-festa-foto{position:relative}
.ca-catorze{position:relative;z-index:2;font-family:var(--f-titulo);font-size:clamp(7rem,4rem + 12vw,15rem);line-height:.85;color:var(--carmim);margin:0 0 1.2rem clamp(-9rem,-7vw,-3rem);letter-spacing:-.04em;text-shadow:0 10px 30px rgba(120,10,30,.18)}
.ca-cita{margin:1.6rem 0 0;padding-left:1.2rem;border-left:4px solid var(--carmim)}
.ca-cita p{margin:0;font-size:clamp(1.2rem,1.05rem + .5vw,1.5rem);line-height:1.45;font-weight:500;color:var(--tinta)}
.ca-cita footer{margin-top:.5rem;font-size:1rem;color:var(--tinta-2)}

/* ---------- celular ---------- */
@media (max-width:900px){
  .ca-cabeca{grid-template-columns:minmax(0,1fr)}
  .ca-apoio{margin-top:1.2rem}
  .ca-quadro{height:min(64svh,560px);min-height:380px}
  .ca-foto{object-position:36% 10%}
  .ca-luz{left:2%;width:84%}
  .ca-historia{grid-template-columns:minmax(0,1fr)}
  .ca-logo{position:relative;top:auto;max-width:460px}
  .ca-dentro{grid-template-columns:minmax(0,1fr)}
  .ca-col-3{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding-top:0;align-items:start}
  .ca-f-corredor{margin-inline:calc(var(--margem) * -1)}
  .ca-f-corredor img{aspect-ratio:4/5;border-radius:0;object-position:50% 40%}
  .ca-f-corredor figcaption{padding-inline:var(--margem)}
  .ca-f-estetica{margin-top:2.5rem}
  .ca-f-estetica img{aspect-ratio:3/4;object-position:28% 50%}
  .ca-f-fisio img{aspect-ratio:4/3}
  .ca-catorze{margin-left:0}
  .ca-marca{font-size:clamp(2.4rem,9vw,3.6rem)}
  .ca-festa{grid-template-columns:minmax(0,1fr)}
  .ca-festa-foto{max-width:420px}
}
@media (max-width:560px){
  .ca-capitulo{grid-template-columns:minmax(0,1fr);gap:.5rem}
  .ca-marca{font-size:2.4rem}
  .ca-f-corredor img{aspect-ratio:3/5.6}
  .ca-ano{font-size:.875rem;height:30px;margin-top:-15px;padding:0 .6rem}
  .ca-ano-antes{right:calc(50% + 30px)}.ca-ano-hoje{left:calc(50% + 30px)}
}
@media (prefers-reduced-motion:reduce){.ca-quadro.ca-acesa .ca-luz{animation:none;opacity:.6}}

/* ===== cv.css ===== */
/* ===== Seção 5 · Convênios e horário · laca · prefixo cv- ===== */
.cv{--cv-tinta:#3a0a12;--cv-acril:#fffaf7;--cv-claro:#ffe9e3}
.cv-brilho{position:absolute;inset:0;z-index:-1;pointer-events:none;background:
  radial-gradient(70% 55% at 18% 0% in oklab,rgba(255,120,120,.35),transparent 70%),
  radial-gradient(60% 60% at 100% 100% in oklab,rgba(40,0,8,.45),transparent 70%)}

.cv-cab{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,24rem);column-gap:clamp(2rem,5vw,5rem);align-items:end}
.cv-cab .wf-rotulo{grid-column:1/-1}
.cv-h2{max-width:18ch}
.cv-apoio{margin:0 0 .4rem;color:var(--cv-claro)}

/* ---------- a fachada de placas de acrílico: alinhadas como numa fachada ---------- */
.cv-dica{margin-top:clamp(2.5rem,5vw,4rem);font-size:1.125rem;font-weight:500;color:var(--cv-claro)}
.cv-fachada{list-style:none;margin:1.1rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:clamp(.8rem,1.4vw,1.25rem)}
.cv-placa-c{flex:1 1 auto;display:flex;min-width:0}
.cv-placa{flex:1;cursor:pointer;border:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .3s var(--curva);position:relative;min-height:5.2rem;padding:1rem clamp(1.4rem,2.4vw,2.6rem);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-radius:var(--raio);background:var(--cv-acril);color:var(--cv-tinta);
  font-family:var(--f-titulo);font-size:clamp(1.15rem,.95rem + .7vw,1.55rem);line-height:1.1;letter-spacing:.01em;
  box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(120,20,30,.12) inset,7px 10px 0 -3px rgba(60,0,10,.3),0 18px 30px -16px rgba(40,0,8,.6)}
/* quatro pinos de fixação nos cantos */
.cv-placa::before{content:"";position:absolute;inset:.55rem;pointer-events:none;background:
  radial-gradient(circle at center,#bfaeab 0 2.2px,transparent 3px) 0 0/6px 6px no-repeat,
  radial-gradient(circle at center,#bfaeab 0 2.2px,transparent 3px) 100% 0/6px 6px no-repeat,
  radial-gradient(circle at center,#bfaeab 0 2.2px,transparent 3px) 0 100%/6px 6px no-repeat,
  radial-gradient(circle at center,#bfaeab 0 2.2px,transparent 3px) 100% 100%/6px 6px no-repeat}
.cv-placa:hover{transform:translateY(-3px)}
.cv-placa:focus-visible{outline:3px solid #fff;outline-offset:4px}
/* plano escolhido: placa de borda carmim, como a faixa */
.cv-fachada .cv-placa[aria-pressed="true"]{transform:translateY(-3px);outline:4px solid #fff;outline-offset:3px;color:var(--carmim)}
.cv-placa[aria-pressed="true"]::after{content:"✓";position:absolute;top:-.7rem;right:-.7rem;width:1.7rem;height:1.7rem;border-radius:50%;display:grid;place-items:center;background:var(--cv-tinta);color:#fff;font-family:var(--f-texto);font-size:.95rem;font-weight:700;box-shadow:0 0 0 2px #fff}
.cv-desde{display:block;margin-top:.4rem;font-family:var(--f-texto);font-weight:700;font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:#9b1426}
/* acendem ao entrar: do acrílico apagado à luz, em sequência, com a tremida do letreiro */
.js .cv-placa{background:#dccac6;box-shadow:0 1px 0 rgba(255,255,255,.5) inset,7px 10px 0 -3px rgba(60,0,10,.22)}
.js .cv-fachada.on .cv-placa{background:var(--cv-acril);animation:cv-acende .9s steps(1) both;animation-delay:calc(var(--i,0) * 120ms);
  box-shadow:0 1px 0 #fff inset,0 -2px 0 rgba(120,20,30,.12) inset,7px 10px 0 -3px rgba(60,0,10,.3),0 18px 30px -16px rgba(40,0,8,.6),0 0 36px -4px rgba(255,220,205,.6);
  transition:box-shadow .8s ease;transition-delay:calc(var(--i,0) * 120ms)}
@keyframes cv-acende{0%{background:#dccac6}14%{background:var(--cv-acril)}24%{background:#e6d6d2}36%{background:var(--cv-acril)}}

/* ---------- horário + ação ---------- */
.cv-baixo{margin-top:clamp(3rem,6vw,5.5rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid rgba(255,236,228,.3);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:end}
.cv-h3{font-family:var(--f-texto);font-weight:700;font-size:var(--t-mini);letter-spacing:.16em;text-transform:uppercase;color:var(--cv-claro);margin-bottom:1rem}
.cv-dias{margin:0;display:flex;flex-wrap:wrap;gap:1.4rem clamp(2.5rem,5vw,4.5rem)}
.cv-dia{display:flex;flex-direction:column;gap:.5rem}
.cv-dia dt{font-size:1.125rem;font-weight:700;color:var(--cv-claro)}
.cv-traco{display:inline-block;width:.42em;height:.09em;margin:0 .08em;background:currentColor;vertical-align:.32em;border-radius:1px}
.cv-dia dd{margin:0;white-space:nowrap;font-family:var(--f-titulo);font-size:clamp(2.6rem,1.3rem + 3.4vw,4.4rem);line-height:1;color:#fff;text-shadow:0 0 .5em rgba(255,200,180,.35)}
.cv-nota{margin-top:1.2rem;font-size:1.125rem;color:var(--cv-claro)}
.cv-confirme{font-size:clamp(1.15rem,1.05rem + .4vw,1.4rem);line-height:1.45;font-weight:500;margin-bottom:1.3rem}
.cv-wa{min-height:64px;font-size:1.15rem;padding:0 1.9rem 0 1.5rem}
.cv-fixo{margin-top:.8rem;font-size:1.125rem;color:var(--cv-claro)}
.cv-fixo .wf-link{color:#fff;font-weight:700}

@media (max-width:900px){
  .cv-cab{grid-template-columns:minmax(0,1fr)}
  .cv-apoio{margin-top:1.1rem}
  .cv-baixo{grid-template-columns:minmax(0,1fr);align-items:start}
}
@media (max-width:560px){
  .cv-fachada{gap:.7rem}
  .cv-placa{min-height:3.9rem;padding:.75rem 1.1rem;font-size:1.05rem}
  .cv-placa-c:has(.cv-placa-nova){flex-basis:100%}
  .cv-dias{gap:1.4rem 2rem}
  .cv-wa{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .js .cv-placa,.js .cv-fachada.on .cv-placa{background:var(--cv-acril);animation:none}
}

/* ===== pf.css ===== */
/* ===== Seção 6 · pf · Primeira vez + perguntas ===== */
.pf-cab{max-width:46rem}
.pf-passos{list-style:none;margin:clamp(2.5rem,5vw,4.5rem) 0 0;padding:0;display:flex;flex-direction:column;gap:clamp(2.5rem,5vw,4rem)}
.pf-passo{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:start}
/* o número é uma letra do letreiro: acrílico vermelho com espessura */
.pf-num{font-family:var(--f-titulo);font-size:clamp(7.5rem,3rem + 13vw,19rem);line-height:.8;color:var(--carmim);
  text-shadow:1px 1px 0 #a50d26,2px 2px 0 #a50d26,3px 3px 0 #8f0f1c,4px 4px 0 #8f0f1c,5px 5px 0 #7a0c19,6px 6px 0 #7a0c19,10px 16px 26px rgba(90,13,25,.28)}
.js .pf-num[data-rev]{opacity:1;transform:none;color:var(--papel-3);text-shadow:none;transition:color .6s ease,text-shadow .9s ease}
.js .pf-num[data-rev].on{color:var(--carmim);text-shadow:1px 1px 0 #a50d26,2px 2px 0 #a50d26,3px 3px 0 #8f0f1c,4px 4px 0 #8f0f1c,5px 5px 0 #7a0c19,6px 6px 0 #7a0c19,10px 16px 26px rgba(90,13,25,.28),0 0 40px rgba(227,57,74,.25);animation:wf-tremida .9s steps(1) .2s both}
.pf-passo-txt{padding-top:clamp(.5rem,2vw,2.2rem);display:flex;flex-direction:column;gap:1rem;max-width:40rem}
.pf-h3{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-h3);line-height:1.2;color:var(--tinta);text-wrap:balance}
.pf-passo-txt p{line-height:1.6;color:var(--tinta-2);font-weight:400}
.pf-balao{position:relative;align-self:flex-start;max-width:24rem;padding:.8rem 1rem 1.5rem;border-radius:12px 12px 12px 3px;background:#fff;color:var(--tinta) !important;box-shadow:0 8px 24px -14px rgba(90,13,25,.35)}
.pf-balao-hora{position:absolute;right:.8rem;bottom:.35rem;font-size:.875rem;color:var(--tinta-2)}
.pf-cita{position:relative;margin:0;padding:1.2rem 1.4rem 1.3rem;border-left:4px solid var(--carmim);background:#fff;border-radius:0 var(--raio) var(--raio) 0;box-shadow:0 14px 34px -22px rgba(90,13,25,.45)}
.pf-cita p{font-size:clamp(1.3rem,1rem + 1.2vw,2.1rem);line-height:1.4;color:var(--tinta) !important;font-weight:500}
.pf-cita-fonte{margin-top:.6rem;font-size:1rem;color:var(--tinta-2)}
.pf-dias{font-size:clamp(1.15rem,1rem + .5vw,1.4rem);color:var(--tinta) !important}
.pf-dias b{font-family:var(--f-titulo);font-weight:400;color:var(--carmim);margin-right:.3rem}
.pf-dias b + b,.pf-dias b:nth-of-type(2){margin-left:1rem}
.pf-botao{align-self:flex-start}

/* perguntas: faixa de papel mais escuro, de borda a borda */
.pf-faq::before{content:"";position:absolute;z-index:-1;top:0;bottom:calc(-1 * var(--secao-pad));left:50%;width:100vw;transform:translateX(-50%);background:var(--papel-2);border-top:4px solid var(--carmim)}
.pf-faq{position:relative;margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(3.5rem,6vw,5.5rem);display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}
.pf-faq-titulo{font-family:var(--f-titulo);font-weight:400;font-size:clamp(1.6rem,1.1rem + 1.8vw,2.6rem);line-height:1.1;text-wrap:balance}
.pf-faq-apoio{margin-top:1rem;color:var(--tinta-2);line-height:1.6;font-weight:400}
.pf-faq-contatos{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.2rem;font-weight:700}
.pf-faq-contatos .wf-link{text-decoration:none;padding:0 1rem;border:1.5px solid var(--tinta);border-radius:var(--raio);transition:background-color .2s,color .2s}
.pf-faq-contatos .wf-link:hover,.pf-faq-contatos .wf-link:focus-visible{background:var(--tinta);color:var(--papel)}
.pf-lista{border-top:2px solid var(--tinta)}
.pf-q{border-bottom:1px solid rgba(35,26,28,.18)}
.pf-q-cab{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:64px;padding:1rem 0;cursor:pointer;list-style:none;font-weight:700;font-size:clamp(1.15rem,1rem + .5vw,1.45rem);line-height:1.35}
.pf-q-cab::-webkit-details-marker{display:none}
.pf-q-cab:hover .pf-q-txt{color:var(--carmim)}
.pf-q-mais{position:relative;width:34px;height:34px;flex:none;border-radius:var(--raio);background:var(--carmim);box-shadow:0 4px 12px -4px rgba(200,16,46,.6)}
.pf-q-mais::before,.pf-q-mais::after{content:"";position:absolute;left:10px;top:16px;width:14px;height:2px;background:#fff;transition:transform .3s var(--curva)}
.pf-q-mais::after{transform:rotate(90deg)}
.pf-q[open] .pf-q-mais::after{transform:rotate(0)}
.pf-q-resp{padding:0 0 1.4rem;max-width:60ch}
.pf-q-resp p{line-height:1.62;color:var(--tinta-2);font-weight:400}
.pf-link{color:var(--carmim);font-weight:700;text-underline-offset:.25em}

@media (min-width:961px){
  .pf-p2{margin-left:clamp(4rem,14vw,14rem)}
  .pf-p3{margin-left:clamp(8rem,28vw,28rem)}
  .pf-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);column-gap:clamp(3rem,6vw,6rem);align-items:start}
  .pf-faq-cab{position:sticky;top:6rem}
  .pf-p1 .pf-passo-txt{max-width:56rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);column-gap:2.5rem;align-items:start}
  .pf-p1 .pf-h3{grid-column:1 / -1}
  .pf-p1 .pf-balao{margin-top:-.4rem;transform:rotate(-1.5deg)}
}
@media (max-width:600px){
  .pf-passo{position:relative;grid-template-columns:minmax(0,1fr);gap:.4rem}
  .pf-num{position:absolute;left:-.2rem;top:0;font-size:7rem}
  .js .pf-num[data-rev]{opacity:1;transform:none;color:var(--papel-3);text-shadow:none;transition:color .6s ease,text-shadow .9s ease}
.js .pf-num[data-rev].on{color:var(--carmim);text-shadow:1px 1px 0 #a50d26,2px 2px 0 #a50d26,3px 3px 0 #8f0f1c,4px 4px 0 #8f0f1c,5px 5px 0 #7a0c19,6px 6px 0 #7a0c19,10px 16px 26px rgba(90,13,25,.28),0 0 40px rgba(227,57,74,.25);animation:wf-tremida .9s steps(1) .2s both}
.pf-passo-txt{padding-top:0}
  .pf-h3{min-height:6.4rem;display:flex;align-items:center;padding-left:7.4rem}
  .pf-p1 .pf-num{left:.4rem}
  .pf-faq-contatos{flex-direction:column;align-items:stretch}
  .pf-botao{align-self:stretch}
}
@media (prefers-reduced-motion: reduce){.js .pf-num[data-rev]{color:var(--carmim)}}

/* ===== lo.css ===== */
/* ===== Seção 7 · Como chegar (lo) ===== */
.lo{padding-top:calc(var(--secao-pad) + 2rem);background:
  radial-gradient(60% 50% at 30% 30% in oklab, rgba(143,15,28,.28), transparent 70%),
  var(--noite)}
.lo-faixa{top:-2px;z-index:2}

/* palco: foto da fachada + texto */
.lo-palco{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(1rem,3vw,3rem);align-items:center;max-width:calc(var(--largura) + var(--margem));margin-left:calc(var(--margem) * -1);margin-right:auto}
.lo-foto{position:relative;z-index:0;margin:calc((var(--secao-pad) + 2rem) * -1) 0 0;height:min(104vh,62vw);min-height:560px;
  -webkit-mask-image:linear-gradient(to right,#000 58%,transparent 98%),linear-gradient(to top,transparent 0,#000 24%,#000 86%,rgba(0,0,0,.5));-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,#000 58%,transparent 98%),linear-gradient(to top,transparent 0,#000 24%,#000 86%,rgba(0,0,0,.5));mask-composite:intersect}
.lo-foto img{width:100%;height:100%;object-fit:cover;object-position:56% 50%;filter:brightness(.38) saturate(.55);transition:filter 1.8s var(--curva)}
.lo-foto.lo-acesa img{filter:none;animation:lo-tremida 1.1s steps(1) both}
@keyframes lo-tremida{0%{opacity:.55}14%{opacity:1}22%{opacity:.7}34%{opacity:1}}
.lo-brilho{position:absolute;left:12%;top:28%;width:76%;height:30%;pointer-events:none;mix-blend-mode:screen;opacity:0;
  background:radial-gradient(50% 50% at 50% 50%, rgba(255,240,232,.5), rgba(255,110,100,.14) 55%, transparent 75%);transition:opacity 1.6s ease .5s}
.lo-foto.lo-acesa .lo-brilho{opacity:.55}

.lo-texto{padding:2rem 0}
.lo-h2{font-size:clamp(2.3rem,1.3rem + 3.2vw,4.2rem)}
.lo-sabado{margin:.9rem 0 0;font-family:var(--f-titulo);font-size:clamp(1.25rem,1rem + .9vw,1.75rem);line-height:1.2;color:#f3c9c4}
.lo-apoio{margin-top:1.2rem}
.lo-endereco{font-style:normal;display:flex;flex-direction:column;gap:.35rem;margin-top:2.2rem;padding-left:1.1rem;border-left:4px solid var(--carmim)}
.lo-rua{font-family:var(--f-titulo);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.3rem);line-height:1.15;color:var(--luz)}
.lo-cep{white-space:nowrap}
.lo-pino{opacity:0;transition:opacity .4s}
.lo-janela.lo-ok .lo-pino{opacity:1}
.lo-bairro{font-size:var(--t-corpo);color:var(--texto-suave)}
.lo-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.6rem;margin-top:2.2rem}
.lo-tel{font-size:1.06rem;color:var(--texto)}

/* base: mapa + horário + canais */
.lo-base{margin-top:clamp(3.5rem,7vw,6rem);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(2rem,5vw,4.5rem);align-items:start}
.lo-janela{position:relative;height:clamp(320px,34vw,460px);overflow:hidden;border-radius:var(--raio);background:var(--noite-2);
  box-shadow:0 0 0 1px var(--linha),0 30px 60px -30px rgba(0,0,0,.8)}
.lo-mapa-reserva{position:absolute;inset:0;display:grid;place-items:center;padding:2rem;text-align:center;color:var(--texto-suave);font-size:1rem}
.lo-iframe{position:absolute;left:0;top:-150px;width:100%;height:calc(100% + 150px);border:0;
  filter:invert(.9) hue-rotate(180deg) saturate(.55) brightness(.92) contrast(.95)}
.lo-pino{position:absolute;left:50%;top:calc(50% - 75px);z-index:2;transform:translate(-50%,calc(-100% - 46px));pointer-events:none;white-space:nowrap;
  padding:.45rem .8rem;border-radius:var(--raio);background:linear-gradient(180deg in oklab,#df2a40,#b50d29);color:#fff;font-weight:700;font-size:var(--t-mini);letter-spacing:.06em;
  box-shadow:0 0 0 1px rgba(255,140,140,.35),0 8px 24px -6px rgba(200,16,46,.8)}
.lo-pino::after{content:"";position:absolute;left:50%;top:100%;margin-left:-7px;border:7px solid transparent;border-top-color:#b50d29}
.lo-mapa-links{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.8rem;margin-top:1.1rem;font-size:1.0625rem}
.lo-rota{display:inline-flex;align-items:center;gap:.6rem;min-height:52px;padding:0 1.3rem 0 1rem;border-radius:var(--raio);color:var(--texto);text-decoration:none;font-weight:700;
  box-shadow:inset 0 0 0 1.5px rgba(255,236,224,.4);transition:box-shadow .25s,background .25s}
.lo-rota svg{width:22px;height:22px;fill:var(--carmim-vivo)}
.lo-rota:hover,.lo-rota:focus-visible{background:rgba(255,236,224,.06);box-shadow:inset 0 0 0 1.5px var(--carmim-vivo)}

.lo-h3{font-family:var(--f-titulo);font-weight:400;font-size:var(--t-h3);line-height:1.2;color:var(--luz);margin:0 0 1rem}
.lo-horas{list-style:none;margin:0 0 2.6rem;padding:0;border-top:1px solid var(--linha)}
.lo-horas li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.85rem 0;border-bottom:1px solid var(--linha)}
.lo-dia{font-size:var(--t-corpo);color:var(--texto-suave)}
.lo-hora{font-family:var(--f-titulo);font-size:clamp(1.3rem,1.05rem + .8vw,1.8rem);color:var(--texto);white-space:nowrap}
.lo-fechado{font-family:var(--f-texto);font-weight:500;font-size:var(--t-corpo);color:var(--texto-suave)}
.lo-horas li.lo-hoje .lo-dia{color:var(--texto)}
.lo-horas li.lo-hoje .lo-dia::after{content:"hoje";display:inline-block;margin-left:.6rem;padding:.1rem .55rem;border-radius:99px;font-size:var(--t-mini);font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--carmim);color:#fff;vertical-align:.1em}
.lo-horas li.lo-hoje .lo-hora{color:#fff;text-shadow:0 0 .4em rgba(255,180,160,.55)}
.lo-canais{list-style:none;margin:0;padding:0;border-top:1px solid var(--linha)}
.lo-canais a{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:.2rem 1rem;min-height:64px;padding:.7rem .2rem;border-bottom:1px solid var(--linha);color:var(--texto);text-decoration:none;transition:background .25s}
.lo-canais svg{width:24px;height:24px;fill:var(--carmim-vivo);transition:filter .25s}
.lo-canais svg.lo-traco{fill:none;stroke:var(--carmim-vivo);stroke-width:1.8}
.lo-canais svg .lo-cheio{fill:var(--carmim-vivo);stroke:none}
.lo-canal{font-size:var(--t-mini);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#f3c9c4}
.lo-valor{font-size:clamp(1.125rem,1.05rem + .3vw,1.3rem);font-weight:500;text-align:right}
.lo-canais a:hover,.lo-canais a:focus-visible{background:linear-gradient(90deg in oklab, rgba(200,16,46,.16), transparent)}
.lo-canais a:hover svg,.lo-canais a:focus-visible svg{filter:drop-shadow(0 0 6px rgba(227,57,74,.8))}

/* assinatura: o letreiro volta para fechar a página */
.lo-assina{margin-top:clamp(4rem,8vw,7rem);padding-top:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem 3rem}
.lo-oshiro{width:clamp(220px,34vw,520px);height:auto;fill:var(--carmim-vivo);filter:drop-shadow(0 0 18px rgba(227,57,74,.45)) drop-shadow(0 0 2px rgba(255,200,190,.6))}
.lo-frase{margin:0;font-family:var(--f-titulo);font-size:clamp(1.4rem,1rem + 1.6vw,2.4rem);line-height:1.1;color:var(--luz)}
@media (max-width:900px){
  .lo-palco{grid-template-columns:minmax(0,1fr);margin-right:calc(var(--margem) * -1);gap:0}
  .lo-foto{height:auto;min-height:0;aspect-ratio:4/5;margin-top:calc((var(--secao-pad) + 2rem) * -1);
    -webkit-mask-image:linear-gradient(to top,transparent 0,#000 30%,#000 84%,rgba(0,0,0,.45));mask-image:linear-gradient(to top,transparent 0,#000 30%,#000 84%,rgba(0,0,0,.45))}
  .lo-foto img{object-position:52% 60%}
  .lo-texto{padding:0 var(--margem);margin-top:-2.5rem;position:relative}
  .lo-base{grid-template-columns:minmax(0,1fr)}
  .lo-acoes .wf-botao{width:100%}
  .lo-rota{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.lo-foto img{filter:none;transition:none}.lo-foto.lo-acesa img{animation:none}.lo-brilho{opacity:.55;transition:none}}

/* ===== rp.css ===== */
.rp{position:relative;background:#090b10;color:var(--texto-suave);padding:clamp(2.6rem,4.5vw,3.6rem) var(--margem) 1.8rem;font-size:1rem;line-height:1.55}
.rp::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg in oklab,transparent,var(--carmim) 30%,var(--carmim-vivo) 60%,transparent);box-shadow:0 0 18px rgba(227,57,74,.6)}
.rp-miolo{max-width:var(--largura);margin-inline:auto;display:flex;align-items:center;flex-wrap:wrap;gap:1.4rem 3rem}
.rp-logo{display:inline-flex;flex-direction:column;text-decoration:none;color:var(--luz);line-height:1}
.rp-logo-clinica{font-weight:300;font-size:.78rem;letter-spacing:.06em;margin-bottom:4px}
.rp-logo-oshiro{width:128px;height:auto;filter:drop-shadow(0 0 10px rgba(255,180,150,.35))}
.rp-end{margin:0;color:var(--texto)}
.rp-hora{display:block;margin-top:.35rem;color:#f3c9c4;font-size:.92rem}
.rp-redes{display:flex;flex-wrap:wrap;gap:.5rem}
.rp-redes a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid var(--linha);border-radius:99px;color:var(--texto);text-decoration:none;font-size:.95rem;transition:border-color .2s,color .2s}
.rp-redes a:hover,.rp-redes a:focus-visible{border-color:#f3c9c4;color:#fff}
.rp-topo{margin-left:auto;color:#f3c9c4;text-decoration:none;font-weight:700;font-size:var(--t-mini);letter-spacing:.14em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.5rem;min-height:44px}
.rp-topo:hover{color:#fff}
.rp-base{max-width:var(--largura);margin:2rem auto 0;padding-top:1.2rem;border-top:1px solid var(--linha);display:flex;flex-wrap:wrap;gap:.3rem 2rem;font-size:.9rem;color:#a89d99}
.rp-base p{margin:0}
.rp-selo{margin-left:auto !important;color:var(--texto-suave)}
.rp-selo a{color:var(--luz);font-weight:700;text-decoration:underline;text-underline-offset:.25em}
@media (max-width:760px){.rp-redes{display:grid;grid-template-columns:1fr 1fr;width:100%}.rp-redes li{display:flex}.rp-redes a{flex:1;justify-content:center}.rp-base{gap:.5rem}.rp-topo{margin-left:0}.rp-selo{margin-left:0 !important;width:100%;margin-top:.5rem !important}.rp{padding-bottom:6rem}}

/* ===== ajustes.css ===== */
/* ajustes da montagem */
:root{--t-mini:.875rem}
@media (max-width:960px){ main > .wf-secao:not(#contato){padding-bottom:calc(var(--secao-pad) + 24px)} }