/* ══════════════════════════════════════════════════════════════
   DR. TALES PORTELA — LP explicativa premium (base: castelobranco,
   direção: Portela Cunha). Azul profundo, off-white, caneta como elo.
   ══════════════════════════════════════════════════════════════ */
:root{
  --noite:#0b1524; --marinho:#111c2d; --azul:#223f5f; --azul-2:#2c4f76;
  --papel:#f4efe4; --papel-2:rgba(244,239,228,.62); --papel-3:rgba(244,239,228,.34);
  --claro:#efe9dc; --claro-tinta:#16233a; --claro-2:rgba(22,35,58,.66); --claro-3:rgba(22,35,58,.4);
  --ouro:#bb9b61; --areia:#dcbe87;
  --fio:rgba(244,239,228,.12); --fio-ouro:rgba(187,155,97,.4);
  --sans:"Montserrat",system-ui,sans-serif; --serif:"Cormorant Garamond",Georgia,serif;
  --curva:cubic-bezier(.22,1,.36,1);
  --borda:clamp(1.4rem,5vw,6rem);
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;max-width:100%;overflow-x:clip;overflow-anchor:none}
body{background:var(--noite);color:var(--papel);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.5}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}
::selection{background:var(--areia);color:var(--noite)}
::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--noite)}
::-webkit-scrollbar-thumb{background:#1f3049;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--ouro)}
:focus-visible{outline:1.5px solid var(--areia);outline-offset:4px}

/* ── tipografia ── */
.mon{display:flex;flex-direction:column;gap:.05em;text-transform:uppercase;font-weight:800}
.mon.centrada{align-items:center;text-align:center}
.mon-g{font-size:clamp(1.7rem,3.6vw,3.4rem);line-height:1.02;letter-spacing:-.016em;color:inherit}
.mon-xl{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.97;letter-spacing:-.022em;color:inherit}
.mon-s{font-size:clamp(1.5rem,3vw,2.6rem);line-height:1.04}
.serif i,.serif em,em.serif{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;color:var(--areia);font-size:1.14em}
.claro-sec .serif i,.claro-sec em.serif{color:var(--ouro)}
.kicker{display:inline-flex;align-items:center;gap:.8rem;font-size:.62rem;font-weight:700;letter-spacing:.32em;text-transform:uppercase;color:var(--ouro);margin-bottom:1.7rem}
.kicker::before{content:"";width:32px;height:1px;background:var(--ouro)}
.grifo{position:relative;display:inline-block;width:max-content;max-width:100%}
.grifo::after{content:"";position:absolute;left:-.03em;right:-.03em;bottom:.03em;height:.08em;background:var(--areia);transform:scaleX(var(--g,0));transform-origin:left center;filter:url(#tinta);border-radius:2px}

/* ── botões ── */
.btn-solido{display:inline-block;background:var(--areia);color:var(--noite);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:1.05rem 2rem;border-radius:2px;transition:background .3s,transform .3s var(--curva)}
.btn-solido:hover{background:var(--ouro);transform:translateY(-2px)}
.btn-linha{display:inline-flex;align-items:center;gap:.5rem;font-size:.64rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--papel);border-bottom:1px solid var(--fio-ouro);padding-bottom:.55rem;transition:color .3s,border-color .3s}
.btn-linha:hover{color:var(--areia)}
.claro-sec .btn-linha{color:var(--claro-tinta)}.claro-sec .btn-linha:hover{color:var(--ouro)}

/* ── botão com foto (CTA editorial premium) ── */
.btn-foto{display:inline-flex;align-items:center;gap:1rem;padding:.7rem 1.4rem .7rem .7rem;border:1px solid var(--fio-ouro);border-radius:3px;
  background:rgba(17,28,45,.5);position:relative;overflow:hidden;transition:background .35s,transform .35s var(--curva);max-width:100%}
.btn-foto img{width:52px;height:52px;flex:none;object-fit:cover;border-radius:2px;filter:grayscale(.15)}
.btn-foto span{display:flex;flex-direction:column;gap:.2rem;min-width:0}
.btn-foto b{font-size:.85rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;color:var(--papel)}
.btn-foto em{font-size:.66rem;font-style:normal;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--areia)}
.btn-foto::after{content:"";position:absolute;inset:0;border-radius:3px;pointer-events:none;
  background:linear-gradient(115deg,transparent 40%,rgba(220,190,135,.14) 50%,transparent 60%);transform:translateX(-130%);transition:transform .6s var(--curva)}
.btn-foto:hover{transform:translateY(-2px);background:rgba(34,63,95,.4)}
.btn-foto:hover::after{transform:translateX(130%)}
.btn-foto:hover img{transform:scale(1.04)}
.btn-foto.claro{background:rgba(22,35,58,.06);border-color:var(--fio-ouro)}
.claro-sec .btn-foto b{color:var(--claro-tinta)}.claro-sec .btn-foto em{color:var(--ouro)}
.claro-sec .btn-foto{background:rgba(22,35,58,.05)}.claro-sec .btn-foto:hover{background:rgba(22,35,58,.1)}

/* ── CTA editorial (linha) ── */
.cta-linha{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem;
  padding:clamp(2rem,5vh,3.5rem) var(--borda);border-top:1px solid var(--fio);background:var(--marinho)}
.cta-linha p{font-family:var(--serif);font-style:italic;font-size:clamp(1.1rem,2vw,1.6rem);color:var(--papel-2)}
.cta-linha.claro{background:transparent;border-top:1px solid rgba(22,35,58,.12);margin-top:clamp(2.5rem,5vh,4rem)}
.cta-linha.claro p{color:var(--claro-2)}

/* ── faixa grande de conversão (foto + texto) ── */
.banda{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;padding:0;min-height:70svh}
.banda-foto{position:relative;overflow:hidden}
.banda-foto img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(.4) contrast(1.05) brightness(.72)}
.banda-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--noite))}
.banda-corpo{display:flex;flex-direction:column;justify-content:center;gap:1.5rem;padding:clamp(3rem,8vh,6rem) var(--borda);background:var(--noite)}
.banda-txt{font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:300;line-height:1.8;color:var(--papel-2);max-width:44ch}
.banda-fim .banda-foto img{object-position:center 16%}

.ato-pad{padding:clamp(5rem,11vh,8rem) var(--borda)}
section{padding:clamp(5.5rem,12vh,9rem) var(--borda);position:relative}

/* ══════════ INTRO (sem fragmentos de logo) ══════════ */
.intro{position:fixed;inset:0;z-index:400;background:
  radial-gradient(72% 58% at 50% 46%,rgba(34,63,95,.34),transparent 70%),
  radial-gradient(120% 100% at 50% 50%,transparent 46%,rgba(0,0,0,.9) 100%),
  linear-gradient(180deg,#081019,#0b1524 54%,#070d16)}
.in-linha{position:absolute;inset:0;width:100%;height:100%}
#inTraco{fill:none;stroke:url(#gouro);stroke-width:3;stroke-linecap:round;filter:url(#tinta) drop-shadow(0 0 10px rgba(220,190,135,.4))}
.in-caneta{position:absolute;left:0;top:0;width:min(210px,24vw);transform:translate(-0.7%,-99.2%);opacity:0;filter:drop-shadow(0 22px 34px rgba(0,0,0,.6));will-change:left,top}
.in-simbolo{position:absolute;left:50%;top:50%;width:min(90px,13vw);transform:translate(-50%,-50%);opacity:0}
.in-pular{position:absolute;right:clamp(1.2rem,3vw,2.4rem);bottom:clamp(1.2rem,3vw,2rem);background:none;border:0;color:var(--papel-3);font-size:.58rem;letter-spacing:.4em;text-transform:uppercase;opacity:0;transition:opacity .5s,color .3s}
.in-pular.viva{opacity:.6}.in-pular:hover{color:var(--areia)}
html:not(.js) .intro{display:none}

/* ══════════ NAV ══════════ */
.nav{position:fixed;inset:0 0 auto 0;z-index:150;display:flex;align-items:center;justify-content:space-between;
  padding:1.15rem var(--borda);transition:padding .4s var(--curva),background .4s,backdrop-filter .4s;opacity:0}
.nav.viva{opacity:1;transition:opacity .8s var(--curva),padding .4s var(--curva),background .4s}
.nav.compacto{padding:.7rem var(--borda);background:rgba(9,16,27,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--fio)}
.nav-marca{display:flex;align-items:center;gap:.6rem}.nav-marca img{width:24px}
.nav-marca span{font-size:.58rem;font-weight:700;letter-spacing:.3em;color:var(--papel)}
.nav-links{display:flex;gap:1.5rem}
.nav-links a{font-size:.62rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--papel-2);transition:color .3s}
.nav-links a:hover,.nav-links a.ativo{color:var(--areia)}
.nav-dir{display:flex;align-items:center;gap:1rem}
.nav-cta{font-size:.6rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--areia);border:1px solid var(--fio-ouro);border-radius:2px;padding:.6rem 1.1rem;transition:background .3s}
.nav-cta:hover{background:rgba(187,155,97,.12)}
.nav-burg{display:none;flex-direction:column;gap:5px;background:none;border:0;width:26px}
.nav-burg i{display:block;height:1.5px;background:var(--papel);transition:transform .4s var(--curva),opacity .3s}
.nav-burg[aria-expanded="true"] i:first-child{transform:translateY(3.2px) rotate(45deg)}
.nav-burg[aria-expanded="true"] i:last-child{transform:translateY(-3.2px) rotate(-45deg)}

/* ══════════ 01 HERO ══════════ */
.hero{min-height:100svh;display:grid;grid-template-columns:1.25fr .9fr;align-items:center;gap:clamp(2rem,5vw,5rem);
  padding-top:clamp(7rem,14vh,10rem);
  background:radial-gradient(76% 66% at 26% 40%,rgba(34,63,95,.42),transparent 66%),var(--noite)}
.hero-corpo{position:relative;z-index:3;max-width:46rem}
.hero-nome{display:block;font-size:.66rem;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--papel-2);margin-bottom:1.6rem}
.hero-nome em{font-style:normal;color:var(--ouro)}
.hero-titulo{margin-bottom:1.8rem}
.hero-sub{max-width:44ch;font-size:clamp(.95rem,1.4vw,1.12rem);font-weight:300;line-height:1.8;color:var(--papel-2)}
.hero-acao{display:flex;flex-wrap:wrap;align-items:center;gap:1.6rem;margin-top:2.6rem}
.hero-foto{position:relative;z-index:2;justify-self:end;width:min(30rem,100%);height:80svh;overflow:hidden}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:grayscale(.3) contrast(1.06) brightness(.86)}
.hero-foto::after{content:"";position:absolute;inset:0;border:1px solid rgba(220,190,135,.35);transform:translate(13px,13px);animation:respira 6s ease-in-out infinite alternate}
@keyframes respira{from{transform:translate(12px,12px)}to{transform:translate(16px,16px)}}
.hero-rolar{position:absolute;left:var(--borda);bottom:1.8rem;font-size:.58rem;letter-spacing:.34em;text-transform:uppercase;color:var(--papel-3)}

/* ══════════ 02 SITUAÇÕES ══════════ */
.sit{background:var(--marinho)}
.sit-cabeca{max-width:44rem;margin-bottom:clamp(2.5rem,5vh,4rem)}
.sit-grade{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.sit-lista{list-style:none;display:grid;gap:.2rem}
.sit-op{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--fio);color:var(--papel-2);
  font-family:var(--sans);font-size:clamp(1rem,1.7vw,1.35rem);font-weight:600;padding:1rem 0;
  display:flex;align-items:center;gap:1rem;transition:color .3s,padding .3s var(--curva)}
.sit-op::before{content:"";width:0;height:1px;background:var(--areia);transition:width .35s var(--curva)}
.sit-op:hover{color:var(--papel)}
.sit-op.ativa{color:var(--papel);padding-left:.4rem}
.sit-op.ativa::before{width:22px}
.sit-painel{position:sticky;top:6rem;padding:clamp(1.8rem,3vw,2.6rem);border:1px solid var(--fio);border-radius:3px;background:rgba(9,16,27,.5)}
.sit-marca{display:inline-flex;align-items:center;gap:.5rem;font-size:.58rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro);margin-bottom:1.2rem}
.sit-marca::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--areia)}
.sit-tit{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.1;color:var(--papel)}
.sit-txt{margin:1.2rem 0 1.8rem;font-size:.95rem;font-weight:300;line-height:1.8;color:var(--papel-2)}

/* ══════════ 03 LINHA DO TEMPO ══════════ */
.linha-sec{background:var(--noite)}
.ls-cabeca{max-width:42rem;margin-bottom:clamp(3rem,6vh,5rem)}
.etapas{list-style:none;position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.5rem,3vw,3rem)}
.et-fio{position:absolute;left:0;top:1.1rem;width:100%;height:4px;overflow:visible}
.et-fio path{fill:none;stroke:var(--fio-ouro);stroke-width:1.5;filter:url(#tinta);stroke-dasharray:1;stroke-dashoffset:1}
.etapa{position:relative;padding-top:2.6rem}
.etapa::before{content:"";position:absolute;left:0;top:.55rem;width:11px;height:11px;border-radius:50%;background:var(--marinho);border:1px solid var(--fio-ouro);transition:background .4s}
.etapa.viva::before{background:var(--areia);box-shadow:0 0 0 5px rgba(220,190,135,.14)}
.et-n{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--papel-3)}
.etapa b{display:block;margin:.5rem 0 .8rem;font-size:clamp(1rem,1.6vw,1.3rem);font-weight:800;letter-spacing:-.01em;text-transform:uppercase;color:var(--papel)}
.etapa p{font-size:.9rem;font-weight:300;line-height:1.7;color:var(--papel-2)}
.ls-nota{margin-top:clamp(2.5rem,5vh,4rem);font-size:.82rem;font-style:italic;font-family:var(--serif);color:var(--papel-3)}

/* ══════════ 04 ÁREAS ══════════ */
.areas{background:var(--marinho)}
.ar-cabeca{max-width:44rem;margin-bottom:clamp(2.5rem,5vh,4rem)}
.ar-grade{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.ar-nav{display:grid;gap:.2rem}
.ar-aba{text-align:left;background:none;border:0;border-left:1px solid var(--fio);color:var(--papel-3);
  font-family:var(--sans);font-size:clamp(.95rem,1.5vw,1.2rem);font-weight:600;padding:.9rem 0 .9rem 1.4rem;transition:color .3s,border-color .3s}
.ar-aba:hover{color:var(--papel-2)}
.ar-aba.ativa{color:var(--papel);border-color:var(--areia)}
.ar-cap{display:none}
.ar-cap.ativa{display:block;animation:surge .5s var(--curva)}
@keyframes surge{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.ar-cap h3{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--papel);margin-bottom:1rem}
.ar-cap p{font-size:.95rem;font-weight:300;line-height:1.75;color:var(--papel-2);max-width:44ch}
.ar-cap ul{list-style:none;margin:1.6rem 0 2rem;display:grid;gap:.7rem}
.ar-cap li{font-size:clamp(1rem,1.6vw,1.2rem);font-weight:600;color:var(--papel);padding-left:1.4rem;position:relative}
.ar-cap li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;transform:rotate(45deg);background:var(--fio-ouro)}

/* ══════════ 05 PROCESSO ══════════ */
.proc{background:var(--noite)}
.pr-cabeca{max-width:42rem;margin-bottom:clamp(3rem,6vh,5rem)}
.pr-passos{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--fio);border:1px solid var(--fio)}
.pr-passo{background:var(--noite);padding:clamp(1.6rem,3vw,2.4rem)}
.pr-n{font-family:var(--serif);font-style:italic;font-size:1.6rem;color:var(--areia)}
.pr-passo b{display:block;margin:.8rem 0 1rem;font-size:clamp(.95rem,1.5vw,1.15rem);font-weight:800;text-transform:uppercase;letter-spacing:-.005em;line-height:1.25;color:var(--papel)}
.pr-passo p{font-size:.88rem;font-weight:300;line-height:1.7;color:var(--papel-2)}

/* ══════════ 06 PRINCÍPIOS ══════════ */
.princ{background:var(--marinho)}
.pc-cabeca{max-width:44rem;margin-bottom:clamp(3rem,6vh,5rem)}
.pc-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.2rem,3vw,2.4rem)}
.pc-item{border-top:1px solid var(--fio-ouro);padding-top:1.4rem}
.pc-i{color:var(--ouro);font-size:.8rem}
.pc-item b{display:block;margin:.8rem 0 1rem;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--papel)}
.pc-item p{font-size:.9rem;font-weight:300;line-height:1.75;color:var(--papel-2)}

/* ══════════ 07 TALES (claro) ══════════ */
.claro-sec{background:var(--claro);color:var(--claro-tinta)}
.tales{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.tl-foto{width:100%;height:80svh;overflow:hidden}
.tl-foto img{width:100%;height:100%;object-fit:cover;object-position:center 22%;filter:grayscale(.15) contrast(1.03)}
.tl-corpo{max-width:38rem}
.claro-sec .kicker{color:var(--ouro)}
.tl-bio{margin-top:1.5rem;font-size:clamp(.95rem,1.4vw,1.08rem);font-weight:300;line-height:1.85;color:var(--claro-2);max-width:48ch}
.tl-oab{display:block;margin-top:1.6rem;font-size:.58rem;font-weight:700;letter-spacing:.26em;text-transform:uppercase;color:var(--claro-3)}
.claro-sec .mon-g,.claro-sec .mon-xl,.claro-sec .mon-s{color:var(--claro-tinta)}

/* seções claras: texto de apoio, listas, etapas, faq, processo em tinta escura */
.claro-sec .etapa b,.claro-sec .pr-passo b,.claro-sec .fq-p,.claro-sec .sit-tit,.claro-sec .ar-cap h3,.claro-sec .ar-cap li{color:var(--claro-tinta)}
.claro-sec .etapa p,.claro-sec .pr-passo p,.claro-sec .fq-r p,.claro-sec .ls-nota,.claro-sec .sit-txt,.claro-sec .ar-cap p,.claro-sec .banda-txt,.claro-sec .hero-sub{color:var(--claro-2)}
.claro-sec .et-n,.claro-sec .pr-n{color:var(--ouro)}
.claro-sec .etapa::before{background:var(--claro);border-color:var(--ouro)}
.claro-sec .etapa.viva::before{background:var(--ouro);box-shadow:0 0 0 5px rgba(187,155,97,.16)}
.claro-sec .et-fio path{stroke:rgba(187,155,97,.5)}
.claro-sec .pr-passos{background:rgba(22,35,58,.12);border-color:rgba(22,35,58,.14)}
.claro-sec .pr-passo{background:var(--claro)}
.claro-sec .fq-item{border-color:rgba(22,35,58,.14)}
.claro-sec .fq-p i::before,.claro-sec .fq-p i::after{background:var(--ouro)}
.claro-sec .ar-aba{color:var(--claro-3);border-color:rgba(22,35,58,.16)}
.claro-sec .ar-aba.ativa{color:var(--claro-tinta);border-color:var(--ouro)}
.claro-sec .ar-cap li::before,.claro-sec .pc-i{background:var(--ouro)}
.claro-sec .sit-op{color:var(--claro-2);border-color:rgba(22,35,58,.14)}
.claro-sec .sit-op.ativa,.claro-sec .sit-op:hover{color:var(--claro-tinta)}
.claro-sec .sit-painel{background:rgba(22,35,58,.05);border-color:rgba(22,35,58,.14)}
.claro-sec .sit-marca{color:var(--ouro)}
.claro-sec .tl-oab,.claro-sec .ls-nota{color:var(--claro-3)}

/* ── barra fixa mobile ── */
.barra-mob{position:fixed;left:0;right:0;bottom:0;z-index:145;display:none;align-items:center;gap:.8rem;
  padding:.6rem calc(var(--borda) - .5rem) calc(.6rem + env(safe-area-inset-bottom)) .6rem;
  background:rgba(9,16,27,.96);backdrop-filter:blur(10px);border-top:1px solid var(--fio-ouro)}
.barra-mob img{width:42px;height:42px;flex:none;object-fit:cover;border-radius:2px}
.barra-mob span{display:flex;flex-direction:column;min-width:0;flex:1}
.barra-mob b{font-size:.78rem;font-weight:700;color:var(--papel);line-height:1.2}
.barra-mob em{font-size:.62rem;font-style:normal;letter-spacing:.14em;text-transform:uppercase;color:var(--areia)}
.barra-mob svg{width:30px;height:30px;flex:none;fill:#25a35a}

/* ══════════ 08 CASA ══════════ */
.casa{position:relative;min-height:92svh;display:flex;align-items:flex-end;padding-bottom:clamp(3rem,7vh,5rem);overflow:hidden}
.casa-foto{position:absolute;inset:0;z-index:0}
.casa-foto img{width:100%;height:100%;object-fit:cover;object-position:center 28%;filter:grayscale(.35) contrast(1.05) brightness(.7)}
.casa-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,36,.4) 0%,transparent 30%,rgba(11,21,36,.55) 70%,rgba(11,21,36,.9))}
.casa-corpo{position:relative;z-index:2;max-width:42rem}
.casa-txt{margin-top:1.6rem;font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:300;line-height:1.8;color:var(--papel);max-width:50ch;text-shadow:0 1px 20px rgba(11,21,36,.6)}

/* ══════════ 09 FAQ ══════════ */
.faq{background:var(--noite)}
.fq-cabeca{max-width:40rem;margin-bottom:clamp(2.5rem,5vh,4rem)}
.fq-lista{list-style:none;max-width:62rem}
.fq-item{border-bottom:1px solid var(--fio)}
.fq-p{width:100%;text-align:left;background:none;border:0;color:var(--papel);font-family:var(--sans);
  font-size:clamp(1rem,1.7vw,1.3rem);font-weight:600;padding:1.4rem 0;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.fq-p i{position:relative;width:14px;height:14px;flex:none}
.fq-p i::before,.fq-p i::after{content:"";position:absolute;background:var(--areia);transition:transform .35s var(--curva)}
.fq-p i::before{left:0;top:6.5px;width:14px;height:1.5px}
.fq-p i::after{left:6.5px;top:0;width:1.5px;height:14px}
.fq-p[aria-expanded="true"] i::after{transform:scaleY(0)}
.fq-r{overflow:hidden;height:0}
.fq-r p{padding:0 0 1.5rem;font-size:.95rem;font-weight:300;line-height:1.8;color:var(--papel-2);max-width:56ch}

/* ══════════ 10 CONTATO / TRIAGEM ══════════ */
.contato{background:radial-gradient(80% 60% at 50% 6%,rgba(34,63,95,.4),transparent 62%),var(--noite);overflow:hidden}
.ct-caminho{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0}
.ct-caminho path{fill:none;stroke:var(--areia);stroke-width:1.6;opacity:.7;filter:url(#tinta) drop-shadow(0 0 10px rgba(220,190,135,.3));stroke-dasharray:1;stroke-dashoffset:1}
.ct-cabeca{position:relative;z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(2.5rem,5vh,4rem)}
.ct-sub{margin-top:1.2rem;max-width:54ch;font-size:.95rem;font-weight:300;line-height:1.8;color:var(--papel-2)}
.triagem{position:relative;z-index:2;width:min(50rem,100%);margin:0 auto;padding:clamp(1.8rem,4vw,3rem);border:1px solid var(--fio-ouro);border-radius:4px;background:rgba(17,28,45,.6)}
.tr-passo{display:block;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:1.2;margin-bottom:1.8rem;color:var(--papel)}
.tr-corpo{display:grid;gap:.55rem}
.tr-op{text-align:left;background:none;border:1px solid var(--fio);color:var(--papel);border-radius:3px;padding:1rem 1.2rem;font-family:var(--sans);font-size:.95rem;transition:border-color .25s,background .25s,transform .2s var(--curva)}
.tr-op:hover{border-color:var(--areia);background:rgba(187,155,97,.09);transform:translateX(4px)}
.tr-campo{width:100%;background:none;border:1px solid var(--fio);border-radius:3px;color:var(--papel);padding:1rem 1.2rem;font-family:var(--sans);font-size:.95rem;margin-bottom:.6rem}
.tr-campo:focus{outline:none;border-color:var(--areia)}
.tr-enviar{width:100%;text-align:center;font-weight:800;letter-spacing:.1em}
.tr-nota{margin-top:1.2rem;font-size:.72rem;color:var(--papel-3);line-height:1.6}
.tr-barra{display:block;height:1px;background:var(--fio);margin-top:1.6rem;overflow:hidden}
.tr-barra i{display:block;height:100%;width:0;background:var(--areia);transition:width .45s var(--curva)}

/* ══════════ RODAPÉ ══════════ */
.rodape{position:relative;z-index:2;margin-top:clamp(4rem,9vh,6rem);padding-top:clamp(2.5rem,6vh,4rem);border-top:1px solid var(--fio);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}
.rd-simbolo{width:28px;opacity:.75}
.rd-cols{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(2rem,6vw,5rem);margin:.6rem 0 1.4rem}
.rd-cols>div{text-align:center}
.rd-rot{display:block;font-size:.52rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro);margin-bottom:.5rem}
.rd-cols a,.rd-cols p{font-size:.85rem;font-weight:300;color:var(--papel-2)}
.rd-cols a:hover{color:var(--areia)}
.rd-linha{font-size:.58rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--papel-3)}
.rd-regiao{font-size:.78rem;font-weight:300;line-height:1.8;color:var(--papel-2);max-width:72ch}
.rd-aviso{font-size:.72rem;font-weight:300;line-height:1.7;color:var(--papel-3);max-width:60ch}
.rd-priv{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--papel-3);border-bottom:1px solid var(--fio);padding-bottom:2px}
.rd-priv:hover{color:var(--areia)}

/* ══════════ SENTINELA + ZAP FIXO ══════════ */
.sentinela{position:fixed;right:var(--borda);bottom:5.5rem;z-index:140;display:flex;align-items:flex-start;gap:.85rem;max-width:min(22rem,84vw);
  padding:.9rem 1.1rem .9rem .9rem;border-radius:3px;background:rgba(10,18,30,.92);backdrop-filter:blur(9px);border:1px solid var(--fio);box-shadow:0 18px 42px rgba(0,0,0,.5);opacity:0;transform:translateY(14px)}
.sentinela[hidden]{display:none}
.sn-peca{width:34px;height:34px;flex:none;border-radius:2px;display:grid;place-items:center;background:linear-gradient(150deg,#1c2c42,#101a29);border:1px solid var(--fio-ouro)}
.sn-peca img{width:17px}
.sn-fala{font-size:.78rem;font-weight:300;line-height:1.5;color:var(--papel-2)}
.sn-cta{display:inline-block;margin-top:.5rem;font-size:.56rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--areia);border-bottom:1px solid var(--fio-ouro);padding-bottom:2px}
.sn-min{position:absolute;top:2px;right:7px;background:none;border:0;color:var(--papel-3);font-size:.9rem}
.sn-volta{position:fixed;right:var(--borda);bottom:5.5rem;z-index:140;width:44px;height:44px;border-radius:2px;display:grid;place-items:center;background:rgba(10,18,30,.92);border:1px solid var(--fio-ouro)}
.sn-volta[hidden]{display:none}.sn-volta img{width:19px}
.zap-fixo{position:fixed;right:var(--borda);bottom:1.4rem;z-index:141;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;
  background:#1f8f4d;box-shadow:0 12px 30px rgba(31,143,77,.45);transition:transform .3s var(--curva)}
.zap-fixo:hover{transform:scale(1.08)}
.zap-fixo svg{width:24px;height:24px;fill:#fff}

/* ══════════ PRIVACIDADE ══════════ */
.priv{position:fixed;inset:0;z-index:210;background:rgba(4,8,14,.93);backdrop-filter:blur(7px);display:grid;place-items:center;padding:1.2rem}
.priv[hidden]{display:none}
.priv-caixa{position:relative;width:min(560px,100%);background:var(--marinho);border:1px solid var(--fio-ouro);border-radius:3px;padding:2.2rem clamp(1.2rem,4vw,2.2rem)}
.priv-caixa h3{font-size:.72rem;font-weight:800;letter-spacing:.3em;color:var(--ouro);margin-bottom:1.2rem}
.priv-caixa p{font-size:.85rem;font-weight:300;line-height:1.8;color:var(--papel-2);margin-bottom:.9rem}
.priv-fecha{position:absolute;top:.5rem;right:.9rem;background:none;border:0;color:var(--papel-3);font-size:1.6rem}

/* ══════════ MOBILE ══════════ */
@media (max-width:900px){
  section{padding:clamp(4.5rem,10vh,6rem) var(--borda)}
  .nav-links{display:none}
  .nav-links.aberto{display:flex;position:fixed;inset:0;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;
    background:rgba(9,16,27,.97);backdrop-filter:blur(10px);z-index:149}
  .nav-links.aberto a{font-size:1.4rem}
  .nav-burg{display:flex}
  .hero{grid-template-columns:1fr;padding-top:6.5rem}
  .hero-foto{order:-1;justify-self:start;width:100%;height:46svh;margin-bottom:2rem}
  .hero-corpo{max-width:100%}
  .hero-rolar{display:none}
  .sit-grade,.ar-grade,.tales{grid-template-columns:1fr}
  .sit-painel{position:relative;top:0;margin-top:2rem}
  .ar-nav{display:flex;flex-wrap:wrap;gap:.5rem}
  .ar-aba{border-left:0;border:1px solid var(--fio);border-radius:2px;padding:.6rem .9rem;font-size:.8rem}
  .ar-aba.ativa{border-color:var(--areia)}
  .etapas{grid-template-columns:1fr;gap:0}
  .et-fio{display:none}
  .etapa{padding:1.6rem 0 1.6rem 1.6rem;border-left:1px solid var(--fio-ouro)}
  .etapa::before{left:-6px;top:1.9rem}
  .pr-passos{grid-template-columns:1fr}
  .pc-grade{grid-template-columns:1fr 1fr;gap:1.4rem}
  .tl-foto{height:52svh;order:-1;margin-bottom:2rem}
  .casa{min-height:70svh}
  .rd-cols{flex-direction:column;gap:1.4rem}
  .banda{grid-template-columns:1fr;min-height:0}
  .banda-foto{height:38svh}
  .banda-foto::after{background:linear-gradient(180deg,transparent 55%,var(--noite))}
  .cta-linha{flex-direction:column;align-items:flex-start}
  /* no mobile: barra fixa assume, some o zap redondo e a sentinela */
  .barra-mob{display:flex}
  .zap-fixo,.sentinela,.sn-volta{display:none!important}
  main{padding-bottom:4.5rem}
}
@media (max-width:560px){ .pc-grade{grid-template-columns:1fr} }

/* ══════════ MOVIMENTO REDUZIDO ══════════ */
@media (prefers-reduced-motion:reduce){
  html:not(.forca) .intro{display:none}
  html:not(.forca) *{animation:none!important;transition:none!important}
  html:not(.forca) .nav{opacity:1}
  html:not(.forca) .grifo::after{transform:scaleX(1)}
  html:not(.forca) .sentinela{opacity:1;transform:none}
}

/* ══════════════════════════════════════════════════════════════
   AJUSTE DIRIGIDO — FAQ, seção velada, celular, robô
   ══════════════════════════════════════════════════════════════ */

/* ── FAQ escuro, duas colunas, alto contraste ── */
.faq{background:var(--marinho);display:grid;grid-template-columns:38fr 62fr;gap:clamp(2.5rem,6vw,6rem);align-items:start}
.fq-esq{position:sticky;top:5.5rem;max-width:30rem}
.faq .fq-t1{color:var(--papel-2)}.faq .fq-t2{color:var(--papel)}
.fq-linha{width:min(320px,80%);height:8px;margin:1.2rem 0 1.6rem;overflow:visible;display:block}
.fq-linha path{fill:none;stroke:var(--areia);stroke-width:2;filter:url(#tinta);stroke-dasharray:1;stroke-dashoffset:1}
.fq-intro{font-size:.95rem;font-weight:300;line-height:1.8;color:var(--papel-2);max-width:38ch}
.fq-foto{margin:1.8rem 0;width:100%;height:16rem;overflow:hidden;border-radius:2px}
.fq-foto img{width:100%;height:100%;object-fit:cover;object-position:center 26%;filter:grayscale(.4) contrast(1.05) brightness(.82)}
.fq-cta-ed{display:flex;flex-direction:column;gap:1rem}
.fq-conta{font-size:.62rem;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--papel-3)}
.fq-conta b{color:var(--areia)}
.faq .fq-lista{max-width:none}
.faq .fq-item{border-color:var(--fio)}
.faq .fq-p{color:rgba(244,239,228,.9);font-size:clamp(1.02rem,1.5vw,1.28rem)}
.faq .fq-p[aria-expanded="true"]{color:var(--papel)}
.faq .fq-p i::before,.faq .fq-p i::after{background:var(--areia)}
.faq .fq-r p{color:var(--papel-2);font-size:.98rem;line-height:1.85}
.fq-item{position:relative}
.fq-item::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--areia);filter:url(#tinta);transition:width .5s var(--curva)}
.fq-item.ativo::after{width:100%}

/* ── SEÇÃO VELADA (dignidade sexual) ── */
.velada{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:var(--noite)}
.vl-cena{position:absolute;inset:0;z-index:0}
.vl-luz{position:absolute;inset:0;background:
  repeating-linear-gradient(100deg, rgba(220,190,135,.05) 0 3px, transparent 3px 42px),
  radial-gradient(60% 90% at 78% 30%, rgba(120,150,190,.22), transparent 60%),
  linear-gradient(120deg,#0c1826,#0b1524 60%,#070d16)}
.vl-grao{position:absolute;inset:0;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)' opacity='0.6'/%3E%3C/svg%3E")}
.vl-veu{position:absolute;inset:0;background:linear-gradient(105deg,var(--noite) 0%,var(--noite) 46%,rgba(17,28,45,.4) 60%,transparent 78%);
  -webkit-mask-image:radial-gradient(120% 140% at var(--rev,10%) 50%, transparent 0%, transparent 30%, #000 62%);
          mask-image:radial-gradient(120% 140% at var(--rev,10%) 50%, transparent 0%, transparent 30%, #000 62%)}
.vl-corpo{position:relative;z-index:2;max-width:40rem;padding:0 var(--borda);display:flex;flex-direction:column;gap:1.5rem}
.vl-txt{font-size:clamp(.95rem,1.4vw,1.12rem);font-weight:300;line-height:1.85;color:var(--papel-2);max-width:46ch}
.vl-nota{font-size:.72rem;font-style:italic;font-family:var(--serif);color:var(--papel-3);max-width:44ch}

/* ── CELULAR PROTAGONISTA ── */
.contato .ct-grade{position:relative;z-index:2;display:grid;grid-template-columns:44fr 56fr;gap:clamp(2rem,5vw,5rem);align-items:center}
.ct-micro{display:block;margin-top:1.4rem;font-size:.72rem;font-style:italic;font-family:var(--serif);color:var(--papel-3)}
.ct-fone{display:flex;justify-content:center;perspective:1600px}
.fone{position:relative;width:min(340px,84vw);aspect-ratio:375/812;border-radius:46px;padding:12px;
  background:linear-gradient(150deg,#20293a,#0d1420);box-shadow:0 40px 90px rgba(0,0,0,.6),inset 0 1px 2px rgba(255,255,255,.14),inset 0 0 0 2px #05090f;
  transform:rotateY(-13deg) rotateX(4deg);transform-style:preserve-3d;transition:transform .6s var(--curva)}
.ct-fone:hover .fone{transform:rotateY(-6deg) rotateX(2deg)}
.fone-notch{position:absolute;top:16px;left:50%;transform:translateX(-50%);width:90px;height:24px;border-radius:14px;background:#05090f;z-index:3}
.fone-tela{position:relative;width:100%;height:100%;border-radius:36px;overflow:hidden;background:var(--noite)}
.app{position:absolute;inset:0;display:flex;flex-direction:column}
.app-topo{display:flex;align-items:center;gap:.5rem;padding:2.4rem 1.1rem .7rem;border-bottom:1px solid var(--fio)}
.app-topo img{width:16px}.app-topo span{font-size:.56rem;font-weight:700;letter-spacing:.24em;color:var(--papel)}
.app-barra{margin-left:auto;width:64px;height:2px;background:rgba(244,239,228,.14);border-radius:2px;overflow:hidden}
.app-barra em{display:block;height:100%;width:0;background:var(--areia);transition:width .5s var(--curva)}
.app-corpo{flex:1;padding:1.1rem;overflow:hidden;display:flex;flex-direction:column}
.app-tit{font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:-.01em;color:var(--papel);line-height:1.2}
.app-sub{margin:.5rem 0 1rem;font-size:.75rem;font-weight:300;line-height:1.55;color:var(--papel-2)}
.app-op{text-align:left;background:none;border:1px solid var(--fio);color:var(--papel);border-radius:8px;padding:.7rem .8rem;font-family:var(--sans);font-size:.76rem;margin-bottom:.4rem;display:flex;align-items:center;gap:.5rem;transition:border-color .25s,background .25s}
.app-op:hover{border-color:var(--areia);background:rgba(187,155,97,.08)}
.app-op .ck{width:14px;height:14px;border:1px solid var(--fio-ouro);border-radius:50%;flex:none}
.app-campo{width:100%;background:none;border:1px solid var(--fio);border-radius:8px;color:var(--papel);padding:.7rem .8rem;font-family:var(--sans);font-size:.78rem;margin-bottom:.5rem}
.app-campo:focus{outline:none;border-color:var(--areia)}
.app-btn{width:100%;background:var(--areia);color:var(--noite);border:0;border-radius:8px;padding:.8rem;font-weight:800;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;margin-top:auto}
.app-btn.wa{background:#25a35a;color:#fff}
.app-nota{margin-top:.7rem;font-size:.6rem;color:var(--papel-3);line-height:1.5}
.app-tela{display:flex;flex-direction:column;height:100%;animation:appIn .4s var(--curva)}
@keyframes appIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.app-voltar{background:none;border:0;color:var(--papel-3);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.6rem;text-align:left}

/* ── ROBÔ — o MESMO da Dra. Mariane (CSS idêntico + posição contextual) ── */
.robo{position:fixed;z-index:146;display:flex;flex-direction:column;align-items:flex-end;gap:.7rem;pointer-events:none;
  right:0;bottom:clamp(1rem,3vh,2rem);
  transition:left .8s var(--curva),right .8s var(--curva),top .8s var(--curva),bottom .8s var(--curva),opacity .5s}
.robo[hidden]{display:none}
.robo-corpo{position:relative;border:0;background:none;cursor:pointer;pointer-events:auto;
  width:clamp(88px,11vw,116px);height:clamp(96px,12vw,126px);filter:drop-shadow(0 14px 30px rgba(11,21,36,.4))}
.robo-rasgo{position:absolute;inset:-8% -2% -14% -16%;background:var(--noite);
  clip-path:polygon(22% 0,8% 9%,16% 18%,3% 28%,12% 39%,0 52%,10% 63%,2% 75%,13% 86%,6% 100%,100% 100%,100% 0);
  border-radius:14px 0 0 0;box-shadow:inset 2px 2px 0 rgba(220,190,135,.45);transition:background .4s ease}
body.tela-clara .robo-rasgo{background:var(--claro);box-shadow:inset 2px 2px 0 rgba(187,155,97,.6)}
.robo-janela{position:relative;display:block;width:100%;height:100%}
.robo-janela img{position:absolute;inset:8% 6% 4% 12%;width:82%;height:88%;object-fit:contain}
.robo-svg{position:absolute;inset:8% 6% 4% 12%;width:82%;height:88%;display:none}
.robo.sem-img .robo-svg{display:block}
.robo.sem-img .robo-janela img{display:none}
.robo-braco{transform-origin:99px 88px;animation:acena 1.7s ease-in-out infinite}
@keyframes acena{0%,100%{transform:rotate(0)}50%{transform:rotate(-13deg)}}
.robo-balao{position:relative;pointer-events:auto;max-width:min(74vw,300px);margin-right:clamp(.9rem,2vw,1.4rem);
  background:#fbf7ee;color:var(--marinho);border:1px solid rgba(187,155,97,.4);border-radius:16px 16px 4px 16px;
  padding:.9rem 1rem;box-shadow:0 18px 40px rgba(11,21,36,.3);opacity:0;visibility:hidden;transform-origin:bottom right}
.robo.fala .robo-balao,.robo-balao.viva{opacity:1;visibility:visible;transition:opacity .4s,transform .4s var(--curva)}
.robo-fecha{position:absolute;top:2px;right:8px;background:none;border:0;color:rgba(22,35,58,.5);font-size:1rem;line-height:1;cursor:pointer}
.robo-balao p{font-size:.82rem;font-weight:500;line-height:1.5;margin-right:.6rem}
.robo-cta{display:inline-block;margin-top:.6rem;border:0;cursor:pointer;background:linear-gradient(120deg,var(--ouro),var(--areia));color:var(--marinho);
  font-weight:800;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:.55rem .95rem;border-radius:999px;animation:ctaPulsa 1.9s ease-in-out infinite}
@keyframes ctaPulsa{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(187,155,97,.45)}50%{transform:scale(1.045);box-shadow:0 0 0 7px rgba(187,155,97,0)}}
/* na cena vermelha o rasgo acompanha o fundo */
body.tela-vermelha .robo-rasgo{background:#7c1118;box-shadow:inset 2px 2px 0 rgba(244,239,228,.35)}
.robo.esq{align-items:flex-start}
.robo.esq .robo-balao{margin-right:0;margin-left:clamp(.9rem,2vw,1.4rem);border-radius:16px 16px 16px 4px;transform-origin:bottom left}

@media (max-width:900px){
  .faq{grid-template-columns:1fr;gap:2rem}
  .fq-esq{position:relative;top:0}
  .fq-foto{height:12rem}
  .velada{min-height:88svh}
  .vl-veu{-webkit-mask-image:radial-gradient(140% 120% at 50% var(--rev,14%), transparent 0%, transparent 34%, #000 66%);mask-image:radial-gradient(140% 120% at 50% var(--rev,14%), transparent 0%, transparent 34%, #000 66%)}
  .contato .ct-grade{grid-template-columns:1fr}
  /* mobile: sem celular-dentro-de-celular — a interface vira nativa full-width */
  .ct-fone{perspective:none}
  .fone{width:100%;aspect-ratio:auto;min-height:64svh;border-radius:16px;padding:0;transform:none!important;box-shadow:0 20px 50px rgba(0,0,0,.4),inset 0 0 0 1px var(--fio)}
  .fone-notch{display:none}
  .fone-tela{border-radius:16px}
  .app-topo{padding:1.1rem}
  .robo{right:var(--borda);left:auto;bottom:5.2rem;top:auto!important}
  .robo-balao{max-width:13rem}
}

/* ══════════════════════════════════════════════════════════════
   CENA VERMELHA — crimes contra a dignidade sexual (tinta pintando)
   Vermelho autoral (bordô profundo), pintura orgânica por máscara.
   ══════════════════════════════════════════════════════════════ */
.tinta{position:relative;min-height:135svh;display:flex;align-items:center;overflow:hidden;background:var(--noite)}
.tinta-fundo{position:absolute;inset:0;z-index:0;opacity:.5}
.tinta-fundo img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:grayscale(.7) brightness(.34) contrast(1.1)}
/* a camada de tinta: pigmento bordô com variação, pintado por máscara radial orgânica */
.tinta-camada{position:absolute;inset:-6% -6% -6% -6%;z-index:1;pointer-events:none;
  background:
    radial-gradient(38% 46% at 26% 34%, #b5242c, transparent 60%),
    radial-gradient(50% 60% at 74% 68%, #7c1118, transparent 62%),
    radial-gradient(120% 120% at 30% 55%, #a51e25, #8f161d 55%, #7c1118 100%);
  -webkit-mask-image:radial-gradient(120% 130% at 28% 58%, #000 var(--rev,0%), rgba(0,0,0,.35) calc(var(--rev,0%) + 10%), transparent calc(var(--rev,0%) + 24%));
          mask-image:radial-gradient(120% 130% at 28% 58%, #000 var(--rev,0%), rgba(0,0,0,.35) calc(var(--rev,0%) + 10%), transparent calc(var(--rev,0%) + 24%));
  filter:url(#tinta)}
.tinta-camada::after{content:"";position:absolute;inset:0;opacity:.12;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23p)'/%3E%3C/svg%3E")}
.tinta-fio{position:absolute;left:0;top:0;width:100%;height:34%;z-index:2;pointer-events:none;overflow:visible}
.tinta-fio path{fill:none;stroke:#a51e25;stroke-width:3;filter:url(#tinta) drop-shadow(0 0 10px rgba(165,30,37,.5));stroke-dasharray:1;stroke-dashoffset:1}

.tinta-corpo{position:relative;z-index:3;max-width:46rem;padding:0 var(--borda);display:flex;flex-direction:column;gap:1.4rem;
  opacity:0;transition:opacity .5s}
.tinta.pintada .tinta-corpo{opacity:1}
.tinta-alerta{display:inline-flex;align-items:center;gap:.55rem;font-size:.6rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#f4efe4}
.tinta-alerta i{width:8px;height:8px;border-radius:50%;background:#f4efe4;animation:alertaPulsa 2.3s ease-in-out infinite}
@keyframes alertaPulsa{0%,100%{opacity:.5;box-shadow:0 0 0 0 rgba(244,239,228,.5)}50%{opacity:1;box-shadow:0 0 0 6px rgba(244,239,228,0)}}
.tinta-titulo .mon-g,.tinta-titulo .mon-xl{color:#f4efe4}
.tinta-titulo .vaz{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(244,239,228,.85);text-stroke:1.5px rgba(244,239,228,.85)}
.tinta-txt{font-size:clamp(.95rem,1.4vw,1.1rem);font-weight:300;line-height:1.85;color:rgba(244,239,228,.82);max-width:48ch}
.tinta-pronto{font-size:clamp(1.4rem,3.2vw,2.6rem);font-weight:800;line-height:1.06;text-transform:uppercase;letter-spacing:-.012em;color:#f4efe4;margin-top:.4rem}
.tinta-pronto em{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;color:#f0d9b0;font-size:1.05em}
.tinta-acao{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:.6rem}
.claro-cta{background:#f4efe4;color:#7c1118}.claro-cta:hover{background:#fff;color:#7c1118}
.btn-linha.vermelho{color:#f4efe4;border-color:rgba(244,239,228,.5)}.btn-linha.vermelho:hover{color:#fff;border-color:#fff}
.tinta-nota{font-size:.72rem;font-style:italic;font-family:var(--serif);color:rgba(244,239,228,.6)}
/* faixa de saída: a tinta se contrai numa linha que migra para o azul */
.tinta-saida{position:absolute;left:0;bottom:0;width:100%;height:6px;z-index:4;transform:scaleY(0);transform-origin:bottom;
  background:linear-gradient(90deg,#7c1118,#a51e25 40%,var(--azul) 78%,var(--marinho));filter:url(#tinta)}

@media (max-width:900px){
  .tinta{min-height:100svh}
  .tinta-camada{-webkit-mask-image:radial-gradient(150% 120% at 50% 30%, #000 var(--rev,0%), transparent calc(var(--rev,0%) + 26%));
                mask-image:radial-gradient(150% 120% at 50% 30%, #000 var(--rev,0%), transparent calc(var(--rev,0%) + 26%))}
  .tinta-fundo{opacity:.35}
}
@media (prefers-reduced-motion:reduce){
  html:not(.forca) .tinta-camada{-webkit-mask-image:none;mask-image:none}
  html:not(.forca) .tinta-corpo{opacity:1}
}

/* ══════════════════════════════════════════════════════════════
   CENA VERMELHA — SPLIT ao meio (pedido do Dr.)
   Esquerda: a FOLHA que vira e revela as atuações.
   Direita: acusações de natureza sexual (conteúdo aprovado).
   ══════════════════════════════════════════════════════════════ */
.tinta-split{position:relative;z-index:3;width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:stretch;
  gap:0;padding:0 var(--borda);perspective:2000px}
.tinta-dir{max-width:none;padding:0 0 0 clamp(1.6rem,3.5vw,3.5rem)}
.tinta-dir .tinta-titulo .mon-g{font-size:clamp(1.3rem,2.4vw,2.2rem)}
.tinta-dir .tinta-pronto{font-size:clamp(1.2rem,2.4vw,2rem)}

/* a lombada central */
.tinta-dobra{position:absolute;left:50%;top:6%;bottom:6%;width:1px;z-index:4;
  background:linear-gradient(180deg,transparent,rgba(244,239,228,.5) 18%,rgba(244,239,228,.5) 82%,transparent);
  box-shadow:0 0 18px rgba(0,0,0,.35)}

/* a FOLHA esquerda — gira sobre a lombada (transform-origin: right) */
.tinta-esq{position:relative;transform-style:preserve-3d;transform-origin:right center;
  will-change:transform;padding:0 clamp(1.6rem,3.5vw,3.5rem) 0 0}
.te-frente{position:relative;display:flex;flex-direction:column;gap:1.2rem;backface-visibility:hidden}
.te-verso{position:absolute;inset:0 clamp(1.6rem,3.5vw,3.5rem) 0 0;transform:rotateY(180deg);backface-visibility:hidden;
  background:linear-gradient(120deg,#6b0e14,#57090e);border-radius:3px;opacity:.96}
.serif-claro i{font-family:var(--serif);font-style:italic;font-weight:500;text-transform:none;color:#f0d9b0;font-size:1.1em}

/* a lista de atuações: tipográfica, forte, sem cards */
.ta-lista{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.6rem;margin:.4rem 0 .8rem}
.ta-lista li{position:relative;padding-left:1.15rem;font-size:clamp(.85rem,1.25vw,1.05rem);font-weight:600;
  letter-spacing:.02em;color:#f4efe4;line-height:1.45}
.ta-lista li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;transform:rotate(45deg);
  background:#f0d9b0;opacity:.85}

@media (max-width:900px){
  .tinta-split{grid-template-columns:1fr;gap:2.6rem;perspective:none}
  .tinta-dobra{left:8%;right:8%;top:auto;bottom:auto;width:auto;height:1px;
    top:calc(50% - 1px);background:linear-gradient(90deg,transparent,rgba(244,239,228,.5) 18%,rgba(244,239,228,.5) 82%,transparent)}
  .tinta-esq{transform:none!important;padding:0}
  .te-verso{display:none}
  .tinta-dir{padding:0}
  .ta-lista{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){ .ta-lista{grid-template-columns:1fr} }
@media (prefers-reduced-motion:reduce){
  html:not(.forca) .tinta-esq{transform:none!important}
}