/* ==========================================================================
   Sal de Prata — estúdio de retratos e casamentos (projeto conceito VEXA)
   Paleta: papel fotográfico marfim · tinta quase preta · vermelho de luz
   de segurança (câmara escura). Tipos: Bodoni Moda · Hanken Grotesk · IBM Plex Mono
   ========================================================================== */

@font-face{font-family:"Bodoni Moda";src:url(../fonts/bodoni.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(../fonts/bodoni-italic.woff2) format("woff2");font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(../fonts/hanken.woff2) format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(../fonts/plexmono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(../fonts/plexmono-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --papel:#F1ECE3;
  --papel-2:#E7E0D3;
  --papel-3:#FBF8F2;
  --tinta:#16120E;
  --tinta-2:#4A433A;
  --linha:rgba(22,18,14,.14);
  --rubi:#AE2E1B;
  --rubi-vivo:#FF6B4E;
  --escuro:#100D0B;
  --escuro-2:#1C1814;
  --prata:#BDB7AC;
  --serif:"Bodoni Moda",Didot,"Times New Roman",serif;
  --sans:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  --faixa:32px;
  --topo:64px;
  --g:clamp(20px,4vw,56px);
  --max:1360px;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--faixa) + var(--topo))}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,p{margin:0}
em{font-style:italic}
:focus-visible{outline:2px solid var(--rubi);outline-offset:3px}
.pular{position:fixed;left:12px;top:-60px;z-index:600;background:var(--tinta);color:var(--papel);padding:10px 16px;border-radius:4px;text-decoration:none}
.pular:focus{top:44px}
::selection{background:var(--rubi);color:var(--papel-3)}

/* ---------- faixa VEXA ---------- */
.vexa-faixa{position:fixed;inset:0 0 auto;height:var(--faixa);z-index:250;display:flex;align-items:center;justify-content:center;gap:18px;padding:0 12px;background:var(--escuro);color:#D9D3C8;font-size:12.5px;letter-spacing:.02em}
.vexa-faixa strong{color:var(--rubi-vivo);font-weight:600}
.vexa-faixa a{color:var(--papel-3);text-decoration:none;border-bottom:1px solid rgba(251,248,242,.35);white-space:nowrap}
.vexa-faixa a:hover{border-color:var(--rubi-vivo);color:var(--rubi-vivo)}

/* ---------- botões ---------- */
.btn{--bg:transparent;--fg:var(--tinta);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 28px;border-radius:999px;border:1px solid transparent;background:var(--bg);color:var(--fg);font-weight:600;font-size:15.5px;letter-spacing:.01em;text-decoration:none;white-space:nowrap;cursor:pointer;overflow:hidden;isolation:isolate;transition:color .35s,border-color .35s}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--rubi);transform:translateY(101%);transition:transform .5s var(--ease)}
.btn:hover::before{transform:none}
.btn svg{width:20px;height:20px;flex:none}
.btn span{display:inline-block}
.btn-p{min-height:42px;padding:0 20px;font-size:14px}
.btn-tinta{--bg:var(--tinta);--fg:var(--papel-3)}
.btn-linha{border-color:rgba(22,18,14,.35)}
.btn-linha:hover{color:var(--papel-3);border-color:var(--rubi)}
.btn-rubi{--bg:var(--rubi);--fg:#fff}
.btn-rubi::before{background:var(--papel-3)}
.btn-rubi:hover{color:var(--tinta)}
.btn-cheio{width:100%}
.magnetico{will-change:transform}

/* ---------- obturador (abertura) ---------- */
.obturador{display:none}
.js .obturador{display:block;position:fixed;inset:0;z-index:500;pointer-events:none}
.obt-cortina{position:absolute;left:0;right:0;height:50.5%;background:var(--escuro);transition:transform 1s var(--ease-io)}
.obt-a{top:0}
.obt-b{bottom:0}
.obt-meio{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--prata);transition:opacity .35s}
.obt-iris{width:64px;height:64px;animation:gira 1.6s linear infinite}
.obt-txt{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase}
.aberto .obt-a{transform:translateY(-101%)}
.aberto .obt-b{transform:translateY(101%)}
.aberto .obt-meio{opacity:0}
.obturador.fim{display:none}
@keyframes gira{to{transform:rotate(360deg)}}

/* ---------- topo ---------- */
.topo{position:fixed;left:0;right:0;top:var(--faixa);z-index:200;height:var(--topo);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:28px;padding:0 var(--g);background:rgba(241,236,227,.86);-webkit-backdrop-filter:saturate(1.2) blur(10px);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--linha);transition:transform .5s var(--ease)}
.topo.some{transform:translateY(calc(-100% - var(--faixa)))}
.marca{display:inline-flex;align-items:baseline;gap:7px;text-decoration:none;line-height:1}
.marca-a{font-family:var(--serif);font-style:italic;font-size:19px}
.marca-b{font-family:var(--serif);font-size:21px;font-weight:600;letter-spacing:.2em;text-transform:uppercase}
.menu{display:flex;gap:30px;justify-content:center}
.menu a{position:relative;text-decoration:none;font-size:14.5px;color:var(--tinta-2);padding:6px 0}
.menu a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rubi);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}
.menu a:hover{color:var(--tinta)}
.menu a:hover::after{transform:scaleX(1);transform-origin:left}
.quadro{font-family:var(--mono);font-size:12.5px;letter-spacing:.08em;color:var(--tinta-2);font-variant-numeric:tabular-nums}
.quadro-n{display:inline-block;color:var(--rubi);font-weight:500}
.quadro-n.salta{animation:salta .35s var(--ease)}
@keyframes salta{from{transform:translateY(-60%);opacity:0}}
.progresso{position:absolute;left:0;right:0;bottom:-1px;height:2px;overflow:hidden}
.progresso i{display:block;height:100%;background:var(--rubi);transform-origin:left;transform:scaleX(0)}

/* ---------- comuns ---------- */
section{position:relative}
.secao-rot{font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:18px}
.secao-tit{font-family:var(--serif);font-weight:400;font-size:clamp(40px,5.4vw,84px);line-height:1;letter-spacing:-.015em}
.secao-tit em{color:var(--rubi)}
.secao-lead{max-width:38ch;color:var(--tinta-2);font-size:17px}
.secao-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap;max-width:var(--max);margin:0 auto 48px}
.nota{font-family:var(--mono);font-size:12px;letter-spacing:.04em;color:var(--tinta-2);margin-top:28px}
.sobe{opacity:0;transform:translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.sobe.visto{opacity:1;transform:none}

/* ---------- hero ---------- */
.hero{min-height:100svh;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,72px);padding:calc(var(--faixa) + var(--topo) + 5vh) var(--g) 9vh;max-width:calc(var(--max) + 2 * var(--g));margin:0 auto}
.kicker{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2);margin-bottom:26px}
.ponto{width:8px;height:8px;border-radius:50%;background:var(--rubi);box-shadow:0 0 0 0 rgba(174,46,27,.5);animation:pulsa 2.2s infinite}
@keyframes pulsa{70%{box-shadow:0 0 0 10px rgba(174,46,27,0)}100%{box-shadow:0 0 0 0 rgba(174,46,27,0)}}
.hero-tit{font-family:var(--serif);font-weight:400;font-size:clamp(50px,7.3vw,122px);line-height:.98;letter-spacing:-.025em}
.hero-tit em{color:var(--rubi);font-weight:400}
.linha{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}
.linha>span{display:inline-block}
.js .linha>span{transform:translateY(108%) rotate(3deg);transform-origin:left bottom;transition:transform 1.25s var(--ease)}
.js .pronto .linha>span{transform:none}
.pronto .linha:nth-child(2)>span{transition-delay:.1s}
.pronto .linha:nth-child(3)>span{transition-delay:.2s}
.hero-sub{max-width:44ch;margin-top:30px;font-size:clamp(17px,1.35vw,19.5px);color:var(--tinta-2)}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-meta{display:flex;flex-wrap:wrap;gap:12px 36px;margin:44px 0 0;padding-top:22px;border-top:1px solid var(--linha)}
.hero-meta dt{font-family:var(--mono);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--rubi)}
.hero-meta dd{margin:2px 0 0;font-size:15px;color:var(--tinta-2)}
.js .hero-sub,.js .hero-ctas,.js .hero-meta,.js .kicker{opacity:0;transform:translateY(18px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.js .pronto .kicker{opacity:1;transform:none}
.js .pronto .hero-sub{opacity:1;transform:none;transition-delay:.35s}
.js .pronto .hero-ctas{opacity:1;transform:none;transition-delay:.45s}
.js .pronto .hero-meta{opacity:1;transform:none;transition-delay:.55s}

.hero-mesa{position:relative;height:clamp(440px,66vh,680px)}
.copia{--x:0px;--y:0px;--r:0deg;--px:0px;--py:0px;position:absolute;left:50%;top:50%;margin:0;padding:10px 10px 36px;background:var(--papel-3);box-shadow:0 1px 0 rgba(0,0,0,.04),0 24px 50px -24px rgba(40,28,16,.45),0 6px 14px -8px rgba(40,28,16,.25);transform:translate(-50%,-50%) translate(calc(var(--x) + var(--px)),calc(var(--y) + var(--py))) rotate(var(--r));will-change:transform}
.copia figcaption{position:absolute;left:12px;right:12px;bottom:10px;font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--tinta-2)}
.copia-foto{position:relative;overflow:hidden;background:var(--papel-2)}
.copia-foto img{width:100%;height:100%;object-fit:cover}
.copia-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#F7F3EC 0%,#F7F3EC 60%,rgba(247,243,236,0) 100%);background-size:100% 200%;background-position:0 0;opacity:1;transition:opacity 1.8s ease,background-position 2.2s var(--ease)}
.copia-1{width:min(42%,300px);z-index:1}
.copia-2{width:min(52%,370px);z-index:3}
.copia-3{width:min(42%,300px);z-index:2}
.copia-1 .copia-foto{aspect-ratio:4/5}
.copia-2 .copia-foto{aspect-ratio:2/3}
.copia-3 .copia-foto{aspect-ratio:2/3}
.js .copia{transition:transform 1.6s var(--ease)}
.js .copia.solta{transition:none}
.pronto .copia-1{--x:-74%;--y:-10%;--r:-9deg}
.pronto .copia-2{--x:4%;--y:2%;--r:2deg}
.pronto .copia-3{--x:76%;--y:9%;--r:8deg}
.pronto .copia-foto::after{opacity:0;background-position:0 100%}
.pronto .copia-1 .copia-foto::after{transition-delay:.5s}
.pronto .copia-2 .copia-foto::after{transition-delay:.2s}
.pronto .copia-3 .copia-foto::after{transition-delay:.8s}
html:not(.js) .copia-1{--x:-74%;--y:-10%;--r:-9deg}
html:not(.js) .copia-2{--x:4%;--y:2%;--r:2deg}
html:not(.js) .copia-3{--x:76%;--y:9%;--r:8deg}
html:not(.js) .copia-foto::after{display:none}
.hero-selo{position:absolute;left:2%;bottom:-2%;width:118px;height:118px;color:var(--tinta);z-index:4}
.hero-selo text{font-family:var(--mono);font-size:9.4px;letter-spacing:.14em;text-transform:uppercase;fill:currentColor}
.hero-selo text{animation:gira 22s linear infinite;transform-origin:60px 60px}
.selo-ab{color:var(--rubi);transform-origin:60px 60px;animation:gira 9s linear infinite reverse}
.hero-rolo{position:absolute;left:var(--g);bottom:26px;display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--tinta-2)}
.hero-rolo i{position:relative;width:64px;height:1px;background:var(--linha);overflow:hidden}
.hero-rolo i::after{content:"";position:absolute;inset:0;background:var(--rubi);animation:corre 2.2s var(--ease-io) infinite}
@keyframes corre{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}

/* ---------- ticker ---------- */
.ticker{overflow:hidden;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding:20px 0;background:var(--papel)}
.ticker-trilho{display:flex;align-items:center;gap:34px;width:max-content;animation:desliza 38s linear infinite;font-family:var(--serif);font-style:italic;font-size:clamp(28px,3.4vw,46px);line-height:1;white-space:nowrap}
.ticker-trilho b{font-style:normal;font-weight:400;color:var(--rubi);font-size:.6em}
.ticker.parado .ticker-trilho{animation-play-state:paused}
@keyframes desliza{to{transform:translateX(-50%)}}

/* ---------- manifesto ---------- */
.manifesto{max-width:calc(1180px + 2 * var(--g));margin:0 auto;padding:clamp(90px,14vh,170px) var(--g)}
.manifesto-txt{font-family:var(--serif);font-size:clamp(28px,3.6vw,54px);line-height:1.18;letter-spacing:-.01em}
.manifesto-txt em{color:var(--rubi)}
.js .manifesto-txt .w{color:rgba(22,18,14,.16);transition:color .5s}
.js .manifesto-txt .w.on{color:var(--tinta)}
.js .manifesto-txt em .w.on{color:var(--rubi)}

/* ---------- galeria ---------- */
.galeria{padding:clamp(40px,8vh,90px) var(--g) clamp(90px,14vh,160px);transition:background-color .7s,color .7s}
.galeria.escura{background:var(--escuro);color:var(--papel)}
.galeria.escura .secao-rot,.galeria.escura .gal-conta{color:var(--prata)}
.galeria.escura .secao-tit em{color:var(--rubi-vivo)}
.gal-ctrl{display:flex;flex-wrap:wrap;gap:14px 22px;align-items:center}
.gal-filtros,.gal-layouts{display:flex;flex-wrap:wrap;gap:8px}
.chip,.lay{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--linha);background:transparent;cursor:pointer;font-size:14.5px;transition:background-color .3s,color .3s,border-color .3s}
.chip:hover,.lay:hover{border-color:currentColor}
.chip.on{background:var(--tinta);color:var(--papel-3);border-color:var(--tinta)}
.lay{padding:0 14px}
.lay svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4}
.lay.on{border-color:var(--rubi);color:var(--rubi)}
.galeria.escura .chip,.galeria.escura .lay{border-color:rgba(241,236,227,.22)}
.galeria.escura .chip.on{background:var(--papel);color:var(--tinta)}
.galeria.escura .lay.on{border-color:var(--rubi-vivo);color:var(--rubi-vivo)}
.gal-conta{max-width:var(--max);margin:-24px auto 22px;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.gal{list-style:none;margin:0 auto;padding:0;max-width:var(--max);display:grid;gap:18px}
.g-item{position:relative;min-width:0}
.g-item.fora{display:none}
.g-btn{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:var(--papel-2);overflow:hidden;cursor:pointer;border-radius:2px}
.g-btn img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ease),opacity .4s}
.g-btn:hover img{transform:scale(1.045)}
.g-leg{position:absolute;left:12px;bottom:12px;display:inline-flex;gap:10px;align-items:baseline;max-width:calc(100% - 24px);padding:7px 11px;background:var(--papel-3);color:var(--tinta);font-size:13px;line-height:1.3;border-radius:2px;pointer-events:none;transform:translateY(8px);opacity:0;transition:opacity .35s,transform .45s var(--ease)}
.g-leg b{font-family:var(--mono);font-weight:500;font-size:11px;color:var(--rubi);letter-spacing:.06em;white-space:nowrap}
.g-item:hover .g-leg,.g-btn:focus-visible+.g-leg{opacity:1;transform:none}
@media (hover:none){.g-leg{opacity:1;transform:none}}
/* revelação por máscara ao entrar */
.js .g-item .g-btn{clip-path:inset(100% 0 0 0)}
.js .g-item.visto .g-btn{clip-path:inset(0 0 0 0);transition:clip-path 1.1s var(--ease)}
.js .g-item .g-btn img{transform:scale(1.18)}
.js .g-item.visto .g-btn img{transform:scale(1);transition:transform 1.4s var(--ease)}
.js .g-item.visto .g-btn:hover img{transform:scale(1.045)}

/* arranjo editorial (colunas de alturas naturais) */
.gal[data-layout="editorial"]{display:block;columns:3;column-gap:22px}
.gal[data-layout="editorial"] .g-item{break-inside:avoid;margin-bottom:22px}
.gal[data-layout="editorial"] .g-btn{height:auto}
/* grade */
.gal[data-layout="grade"]{grid-template-columns:repeat(3,1fr)}
.gal[data-layout="grade"] .g-item{aspect-ratio:4/5}
/* folha de contato */
.gal[data-layout="contato"]{grid-template-columns:repeat(7,1fr);gap:8px;padding:14px;background:#1A1612;border-radius:4px}
.gal[data-layout="contato"] .g-item{aspect-ratio:1}
.gal[data-layout="contato"] .g-btn{border-radius:0}
.gal[data-layout="contato"] .g-leg{left:4px;bottom:4px;padding:2px 5px;background:transparent;opacity:1;transform:none}
.gal[data-layout="contato"] .g-leg b{color:#FFB09C;font-size:10.5px;text-shadow:0 1px 2px #000}
.gal[data-layout="contato"] .g-leg>:not(b){display:none}

/* ---------- lightbox ---------- */
.lb{position:fixed;inset:0;z-index:400}
.lb[hidden]{display:none}
.lb-fundo{position:absolute;inset:0;background:rgba(16,13,11,.97);opacity:0;transition:opacity .5s}
.lb.ativo .lb-fundo{opacity:1}
.lb-palco{position:absolute;inset:0}
.lb-img{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;box-shadow:0 30px 80px -20px rgba(0,0,0,.6);user-select:none;-webkit-user-drag:none}
.lb-barra{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px var(--g) 22px;color:var(--papel);opacity:0;transition:opacity .4s .15s}
.lb.ativo .lb-barra{opacity:1}
.lb-leg{font-size:15px}
.lb-leg b{font-family:var(--mono);font-weight:500;font-size:12px;color:var(--rubi-vivo);margin-right:10px;letter-spacing:.06em}
.lb-conta{font-family:var(--mono);font-size:13px;letter-spacing:.1em;color:var(--prata);font-variant-numeric:tabular-nums}
.lb-fechar,.lb-nav{position:absolute;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid rgba(241,236,227,.3);background:rgba(16,13,11,.4);color:var(--papel);cursor:pointer;opacity:0;transition:opacity .4s .1s,background-color .3s,border-color .3s}
.lb.ativo .lb-fechar,.lb.ativo .lb-nav{opacity:1}
.lb-fechar:hover,.lb-nav:hover{background:var(--rubi);border-color:var(--rubi)}
.lb-fechar svg,.lb-nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6}
.lb-fechar{top:calc(var(--faixa) + 16px);right:var(--g)}
.lb-nav{top:50%;margin-top:-26px}
.lb-ant{left:var(--g)}
.lb-prox{right:var(--g)}

/* ---------- séries (trilho horizontal) ---------- */
.series{background:var(--escuro);color:var(--papel)}
.series-prende{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.series-luz{position:absolute;left:-20vw;bottom:-40vh;width:80vw;height:80vw;border-radius:50%;background:radial-gradient(closest-side,rgba(214,52,28,.32),rgba(214,52,28,0));pointer-events:none;animation:luz 6s ease-in-out infinite alternate}
.series.parado .series-luz{animation-play-state:paused}
@keyframes luz{to{opacity:.55;transform:translate(6vw,-4vh) scale(1.08)}}
.series-trilho{position:relative;display:flex;align-items:center;gap:clamp(24px,4vw,64px);padding:calc(var(--faixa) + 20px) var(--g) 0;width:max-content;will-change:transform}
.serie{flex:none;width:min(30vw,420px)}
.serie-intro{width:min(34vw,500px);padding-right:2vw}
.serie-intro .secao-rot{color:var(--prata)}
.serie-intro .secao-tit em{color:var(--rubi-vivo)}
.serie-intro p:not(.secao-rot){margin-top:26px;color:#CFC8BC;max-width:40ch}
.series-dica{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--rubi-vivo)!important}
.series-dica svg{width:40px;height:12px;animation:empurra 1.6s var(--ease-io) infinite}
@keyframes empurra{50%{transform:translateX(8px)}}
.serie-foto{position:relative;aspect-ratio:3/4;overflow:hidden;background:var(--escuro-2);border-radius:2px}
.serie-foto img{position:absolute;top:0;left:-8%;width:116%;max-width:none;height:100%;object-fit:cover;transform:translateX(var(--par,0px));will-change:transform}
.serie:nth-child(odd) .serie-foto{aspect-ratio:4/5}
.serie-txt{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin-top:20px}
.serie-n{grid-row:span 2;font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--rubi-vivo);padding-top:7px}
.serie h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.2vw,32px);line-height:1.1}
.serie-txt p{color:#C9C2B6;font-size:15.5px}
.series-rodape{position:absolute;left:var(--g);right:var(--g);bottom:28px;display:flex;align-items:center;gap:22px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--prata)}
.series-cont b{color:var(--papel);font-weight:500}
.series-barra{flex:1;height:1px;background:rgba(241,236,227,.2);overflow:hidden}
.series-barra i{display:block;height:100%;background:var(--rubi-vivo);transform-origin:left;transform:scaleX(0)}

/* ---------- revelação por máscara ---------- */
.revela{height:240vh;background:var(--papel)}
.revela-prende{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;place-items:center}
.revela-mascara{position:absolute;left:50%;top:50%;width:var(--d,150vmax);height:var(--d,150vmax);margin:calc(var(--d,150vmax) / -2) 0 0 calc(var(--d,150vmax) / -2);border-radius:50%;overflow:hidden;transform:scale(var(--s,.08));will-change:transform;background:var(--escuro)}
.revela-foto{position:absolute;left:50%;top:50%;width:100vw;height:100vh;margin:-50vh 0 0 -50vw;background-size:cover;background-position:center 40%;transform:scale(var(--si,12.5));will-change:transform}
.revela-foto::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(10,8,6,.5),rgba(10,8,6,.15) 70%)}
.revela-txt{position:relative;z-index:2;text-align:center;font-family:var(--serif);font-size:clamp(48px,9vw,150px);line-height:.95;letter-spacing:-.03em;color:var(--tinta);transition:color .5s;pointer-events:none}
.revela-txt em{color:var(--rubi);transition:color .5s}
.revela-a{transform:translateX(var(--ta,0px))}
.revela-b{transform:translateX(var(--tb,0px))}
.revela.claro .revela-txt{color:#fff;text-shadow:0 2px 30px rgba(0,0,0,.45)}
.revela.claro .revela-txt em{color:#FFC4B5}

/* ---------- negativo ---------- */
.negativo{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(32px,5vw,90px);align-items:center;max-width:calc(var(--max) + 2 * var(--g));margin:0 auto;padding:clamp(90px,14vh,160px) var(--g)}
.neg-txt>p:not(.secao-rot){margin-top:24px;color:var(--tinta-2);max-width:44ch}
.neg-lista{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--linha)}
.neg-lista li{display:flex;gap:18px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--linha);font-size:16px}
.neg-lista span{font-family:var(--mono);font-size:12px;color:var(--rubi)}
.neg-quadro{--p:50;position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:3px;background:var(--papel-2);touch-action:pan-y;cursor:ew-resize;user-select:none;box-shadow:0 30px 70px -40px rgba(40,28,16,.6)}
.neg-quadro img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}
.neg-camada{position:absolute;inset:0;overflow:hidden;transform:translateX(calc((var(--p) - 100) * 1%));will-change:transform}
.neg-camada img{transform:translateX(calc((100 - var(--p)) * 1%));will-change:transform}
.neg-linha{position:absolute;inset:0;pointer-events:none;transform:translateX(calc((var(--p) - 50) * 1%));will-change:transform}
.neg-linha::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--papel-3)}
.neg-alca{position:absolute;left:50%;top:50%;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:var(--papel-3);color:var(--tinta);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3);transition:transform .3s var(--ease)}
.neg-quadro:hover .neg-alca,.neg-quadro.arrasta .neg-alca{transform:scale(1.12)}
.neg-alca svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.neg-rot{position:absolute;top:14px;padding:5px 10px;border-radius:2px;background:rgba(16,13,11,.62);color:var(--papel-3);font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}
.neg-rot-a{left:14px}
.neg-rot-b{right:14px}
.neg-quadro:focus-visible{outline-offset:5px}

/* ---------- processo ---------- */
.processo{padding:clamp(60px,10vh,120px) var(--g) clamp(90px,14vh,160px);border-top:1px solid var(--linha)}
.passos{list-style:none;margin:0 auto;padding:0;max-width:var(--max);display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,2.4vw,36px)}
.passo{position:relative;padding-top:30px}
.passo::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--tinta);transform:scaleX(0);transform-origin:left;transition:transform 1.2s var(--ease)}
.passo.visto::before{transform:scaleX(1)}
.passo:nth-child(2)::before{transition-delay:.15s}
.passo:nth-child(3)::before{transition-delay:.3s}
.passo:nth-child(4)::before{transition-delay:.45s}
.passo-ic{width:58px;height:58px;fill:none;stroke:var(--rubi);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px;transition:transform .5s var(--ease)}
.passo:hover .passo-ic{transform:rotate(-8deg) scale(1.08)}
.js .passo-ic *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease) .2s}
.js .passo.visto .passo-ic *{stroke-dashoffset:0}
.passo-n{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.1em;color:var(--tinta-2);margin-bottom:6px}
.passo h3{font-family:var(--serif);font-weight:400;font-size:30px;line-height:1.1;margin-bottom:10px}
.passo p{color:var(--tinta-2);font-size:16px}
.numeros{max-width:var(--max);margin:clamp(60px,9vh,110px) auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:36px 0;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha)}
.num{display:flex;flex-direction:column;gap:8px}
.num-v{font-family:var(--serif);font-size:clamp(56px,6vw,96px);line-height:.9;font-variant-numeric:lining-nums tabular-nums;color:var(--tinta)}
.num:nth-child(2) .num-v{color:var(--rubi)}
.num-r{font-size:15px;color:var(--tinta-2);max-width:22ch}
.processo .nota{max-width:var(--max);margin-left:auto;margin-right:auto}

/* ---------- pacotes ---------- */
.pacotes{padding:clamp(80px,12vh,140px) var(--g);background:var(--papel-2)}
.pac-abas{position:relative;display:flex;padding:5px;border-radius:999px;background:var(--papel);border:1px solid var(--linha)}
.aba{position:relative;z-index:1;min-height:44px;padding:0 24px;border:0;background:none;border-radius:999px;cursor:pointer;font-weight:600;font-size:15px;color:var(--tinta-2);transition:color .4s}
.aba.on{color:var(--papel-3)}
.aba-marca{position:absolute;z-index:0;left:0;top:5px;bottom:5px;width:var(--w,100px);border-radius:999px;background:var(--tinta);transform:translateX(var(--x,5px));transition:transform .55s var(--ease),width .55s var(--ease)}
.pac-paineis{max-width:var(--max);margin:0 auto;perspective:1400px}
.pac-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.pac-grade[hidden]{display:none}
.pac{--rx:0deg;--ry:0deg;--sx:50%;--sy:50%;position:relative;display:flex;flex-direction:column;padding:34px 32px 30px;border-radius:6px;background:var(--papel-3);border:1px solid var(--linha);transform:rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .5s var(--ease),box-shadow .5s;overflow:hidden}
.pac::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--sx) var(--sy),rgba(174,46,27,.12),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.pac:hover::before{opacity:1}
.pac.mexe{transition:box-shadow .5s}
.pac:hover{box-shadow:0 30px 60px -30px rgba(40,28,16,.45)}
.pac-dest{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.pac-dest::before{background:radial-gradient(420px circle at var(--sx) var(--sy),rgba(255,107,78,.22),transparent 60%)}
.pac-tag{align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border:1px solid currentColor;border-radius:999px;color:var(--rubi);margin-bottom:28px}
.pac-dest .pac-tag{color:var(--rubi-vivo)}
.pac h3{font-family:var(--serif);font-weight:400;font-size:clamp(30px,2.6vw,40px);line-height:1.05}
.pac-dur{margin-top:8px;font-family:var(--mono);font-size:12.5px;letter-spacing:.06em;color:var(--tinta-2)}
.pac-dest .pac-dur{color:var(--prata)}
.pac ul{list-style:none;margin:26px 0 30px;padding:0;flex:1}
.pac li{position:relative;padding:11px 0 11px 26px;border-top:1px solid var(--linha);font-size:15.5px}
.pac-dest li{border-color:rgba(241,236,227,.16)}
.pac li::before{content:"";position:absolute;left:2px;top:19px;width:10px;height:10px;border:1px solid var(--rubi);border-radius:50%}
.pac-dest li::before{border-color:var(--rubi-vivo)}
.pac-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;font-weight:600;text-decoration:none;padding:12px 0;border-bottom:1px solid currentColor}
.pac-cta span{transition:transform .35s var(--ease)}
.pac-cta:hover span{transform:translateX(6px)}
.pac-cta:hover{color:var(--rubi)}
.pac-dest .pac-cta:hover{color:var(--rubi-vivo)}
.pac-grade.entra .pac{animation:entraPac .8s var(--ease) both}
.pac-grade.entra .pac:nth-child(2){animation-delay:.08s}
.pac-grade.entra .pac:nth-child(3){animation-delay:.16s}
@keyframes entraPac{from{opacity:0;transform:translateY(40px) rotateX(10deg)}}
.pacotes .nota{max-width:var(--max);margin-left:auto;margin-right:auto}

/* ---------- perguntas ---------- */
.perguntas{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,110px);max-width:calc(var(--max) + 2 * var(--g));margin:0 auto;padding:clamp(90px,14vh,160px) var(--g)}
.faq-lado{align-self:start;position:sticky;top:calc(var(--faixa) + var(--topo) + 30px)}
.faq-lado .secao-lead{margin-top:22px}
.faq details{border-bottom:1px solid var(--linha)}
.faq details:first-child{border-top:1px solid var(--linha)}
.faq summary{list-style:none;position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;cursor:pointer;font-family:var(--serif);font-size:clamp(21px,1.9vw,27px);line-height:1.2}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--rubi)}
.faq summary i{position:relative;flex:none;width:34px;height:34px;border:1px solid var(--linha);border-radius:50%;transition:transform .5s var(--ease),background-color .3s,border-color .3s}
.faq summary i::before,.faq summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;margin:-.75px 0 0 -6px;background:currentColor}
.faq summary i::after{transform:rotate(90deg);transition:transform .5s var(--ease)}
.faq details[open] summary i{transform:rotate(180deg);background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.faq details[open] summary i::after{transform:rotate(0)}
.faq-r{overflow:hidden}
.faq-r p{padding:0 50px 26px 0;color:var(--tinta-2);max-width:60ch}

/* ---------- contato ---------- */
.contato{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,100px);padding:clamp(90px,14vh,160px) max(var(--g),calc((100vw - var(--max)) / 2));background:var(--escuro);color:var(--papel);overflow:hidden}
.contato::before{content:"";position:absolute;right:-25vw;top:-30vh;width:70vw;height:70vw;border-radius:50%;background:radial-gradient(closest-side,rgba(214,52,28,.25),rgba(214,52,28,0));pointer-events:none}
.contato .secao-rot{color:var(--prata)}
.cont-txt{position:relative}
.cont-tit{font-family:var(--serif);font-weight:400;font-size:clamp(46px,6vw,96px);line-height:.98;letter-spacing:-.02em}
.cont-tit em{color:var(--rubi-vivo)}
.cont-txt>p:last-child{margin-top:26px;color:#CFC8BC;font-size:18px}
.cont-form{position:relative;display:flex;flex-direction:column;gap:22px}
.cont-form fieldset{border:0;margin:0;padding:0}
.cont-form legend,.campo>span{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--prata);margin-bottom:10px}
.cont-chips{display:flex;flex-wrap:wrap;gap:8px}
.cont-chips label{position:relative;cursor:pointer}
.cont-chips input{position:absolute;opacity:0;width:1px;height:1px}
.cont-chips span{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(241,236,227,.25);font-size:15px;transition:background-color .3s,color .3s,border-color .3s}
.cont-chips label:hover span{border-color:var(--papel)}
.cont-chips input:checked+span{background:var(--papel);color:var(--tinta);border-color:var(--papel)}
.cont-chips input:focus-visible+span{outline:2px solid var(--rubi-vivo);outline-offset:3px}
.cont-linha{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.campo input{width:100%;min-height:50px;padding:0 2px;border:0;border-bottom:1px solid rgba(241,236,227,.3);background:transparent;color:var(--papel);font:inherit;font-size:17px;border-radius:0;color-scheme:dark;transition:border-color .3s}
.campo input::placeholder{color:#8F877B}
.campo input:focus{outline:0;border-bottom-color:var(--rubi-vivo)}
.cont-previa{padding:18px 20px;border:1px dashed rgba(241,236,227,.25);border-radius:4px;background:rgba(241,236,227,.04)}
.cont-previa-rot{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--rubi-vivo);margin-bottom:6px}
.cont-previa-txt{font-size:15px;color:#DCD5C9;min-height:3em}
.contato .nota{color:#A69E92;margin-top:0}

/* ---------- rodapé ---------- */
.rodape{background:var(--escuro);color:var(--papel);padding:20px var(--g) 40px;overflow:hidden}
.rodape-marca{font-family:var(--serif);font-style:italic;font-size:clamp(64px,15.5vw,250px);line-height:.9;letter-spacing:-.03em;white-space:nowrap;text-align:center;border-top:1px solid rgba(241,236,227,.14);padding-top:3vw}
.rodape-marca .l{display:inline-block}
.js .rodape-marca .l{transform:translateY(105%);opacity:0;transition:transform 1s var(--ease),opacity .6s}
.js .rodape-marca.visto .l{transform:none;opacity:1}
.rodape-marca .l.r{color:var(--rubi-vivo)}
.rodape-grade{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;max-width:var(--max);margin:40px auto 0}
.rodape-p{max-width:52ch;color:#A69E92;font-size:14px}
.rodape-vexa{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.rodape-vexa p{font-size:15px;color:#DCD5C9}
.rodape .btn-tinta{--bg:var(--papel);--fg:var(--tinta)}
.rodape .btn-tinta:hover{color:#fff}
.rodape-voltar{font-size:14px;color:#DCD5C9;text-decoration:none;border-bottom:1px solid rgba(241,236,227,.3)}
.rodape-voltar:hover{color:var(--rubi-vivo);border-color:var(--rubi-vivo)}

/* ---------- cursor ---------- */
.cursor{display:none}
.tem-cursor .cursor{display:block;position:fixed;left:0;top:0;z-index:450;pointer-events:none}
.cursor-ponto,.cursor-anel{position:fixed;left:0;top:0;border-radius:50%;will-change:transform}
.cursor-ponto{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--rubi)}
.cursor-anel{width:40px;height:40px;margin:-20px 0 0 -20px;display:grid;place-items:center}
.cursor-anel::before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid rgba(22,18,14,.45);transition:transform .45s var(--ease),background-color .35s,border-color .35s}
.cursor-txt{position:relative;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s var(--ease)}
.cursor.ver .cursor-anel::before{transform:scale(2.1);background:var(--rubi);border-color:var(--rubi)}
.cursor.ver .cursor-txt{opacity:1;transform:scale(1)}
.cursor.ver .cursor-ponto{opacity:0}
.cursor.link .cursor-anel::before{transform:scale(1.5);border-color:var(--rubi)}
.cursor.escuro .cursor-anel::before{border-color:rgba(241,236,227,.55)}
.cursor.arrasta .cursor-anel::before{transform:scale(1.7);border-color:var(--rubi-vivo);background:rgba(174,46,27,.15)}
.tem-cursor .g-btn,.tem-cursor .neg-quadro{cursor:none}

/* ---------- grão ---------- */
.grao{position:fixed;inset:-50%;z-index:460;pointer-events:none;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.4 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grao .9s steps(5) infinite}
@keyframes grao{0%{transform:translate(0,0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}}

/* ==========================================================================
   RESPONSIVO
   ========================================================================== */
@media (max-width:1100px){
  .menu{gap:20px}
  .gal[data-layout="contato"]{grid-template-columns:repeat(5,1fr)}
  .passos{grid-template-columns:repeat(2,1fr);row-gap:48px}
  .numeros{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .menu{display:none}
  .topo{grid-template-columns:auto 1fr auto;gap:16px}
  .quadro{justify-self:end}
  .hero{grid-template-columns:1fr;padding-top:calc(var(--faixa) + var(--topo) + 36px);gap:30px}
  .hero-mesa{height:clamp(380px,100vw,520px);margin-top:10px}
  .hero-rolo{display:none}
  .gal[data-layout="editorial"]{columns:2;column-gap:12px}
  .gal[data-layout="editorial"] .g-item{margin-bottom:12px}
  .gal[data-layout="grade"]{grid-template-columns:repeat(2,1fr)}
  .serie{width:min(62vw,400px)}
  .serie-intro{width:min(70vw,480px)}
  .negativo,.perguntas,.contato{grid-template-columns:1fr}
  .faq-lado{position:static}
  .pac-grade{grid-template-columns:1fr;max-width:560px;margin:0 auto}
}
@media (max-width:600px){
  :root{--topo:58px}
  body{font-size:16.5px}
  .vexa-faixa{gap:10px;font-size:11.5px}
  .vexa-faixa span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .quadro-rot{display:none}
  .topo .btn-p{padding:0 14px;font-size:13px;min-height:38px}
  .marca-a{font-size:16px}
  .marca-b{font-size:17px;letter-spacing:.14em}
  .hero-tit{font-size:clamp(46px,13.4vw,64px)}
  .btn{padding:0 22px}
  .hero-ctas .btn{flex:1 1 auto}
  .hero-meta{gap:12px 22px}
  .copia{padding:7px 7px 28px}
  .copia figcaption{font-size:9.5px;bottom:8px;left:9px}
  .pronto .copia-1,html:not(.js) .copia-1{--x:-56%;--y:-10%}
  .pronto .copia-3,html:not(.js) .copia-3{--x:58%;--y:10%}
  .hero-selo{width:92px;height:92px;left:-2%;bottom:-4%}
  .gal{gap:10px}
  .gal[data-layout="grade"]{gap:10px}
  .gal[data-layout="contato"]{grid-template-columns:repeat(4,1fr);gap:5px;padding:8px}
  .chip{padding:0 14px;font-size:14px}
  .lay span{display:none}
  .g-leg{left:8px;bottom:8px;font-size:12px;padding:5px 8px}
  .g-leg b{display:none}
  .gal[data-layout="contato"] .g-leg b{display:inline}
  .gal[data-layout="grade"] .g-leg>:not(b){font-size:11.5px}
  .serie{width:76vw}
  .serie-intro{width:84vw}
  .series-filme{display:none}
  .lb-nav{top:auto;bottom:74px;margin:0}
  .lb-barra{padding-bottom:18px}
  .lb-leg{font-size:13.5px}
  .passos{grid-template-columns:1fr}
  .numeros{grid-template-columns:1fr 1fr;gap:28px 16px}
  .cont-linha{grid-template-columns:1fr}
  .faq-r p{padding-right:0}
  .neg-alca{width:46px;height:46px;margin:-23px 0 0 -23px}
}

/* ==========================================================================
   MOVIMENTO REDUZIDO
   ========================================================================== */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}
  .js .obturador{display:none}
  .js .linha>span{transform:none}
  .js .hero-sub,.js .hero-ctas,.js .hero-meta,.js .kicker{opacity:1;transform:none}
  .copia-1{--x:-74%;--y:-10%;--r:-9deg}
  .copia-2{--x:4%;--y:2%;--r:2deg}
  .copia-3{--x:76%;--y:9%;--r:8deg}
  .copia-foto::after{display:none}
  .sobe{opacity:1;transform:none}
  .js .manifesto-txt .w{color:inherit}
  .js .g-item .g-btn{clip-path:none}
  .js .g-item .g-btn img{transform:none}
  .series-prende{position:relative;height:auto;padding:90px 0 80px}
  .series-trilho{width:auto;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:var(--g);transform:none!important;padding-bottom:30px}
  .serie{scroll-snap-align:start}
  .series-rodape{display:none}
  .serie-foto img{transform:none!important}
  .revela{height:auto}
  .revela-prende{position:relative;height:80vh}
  .revela-mascara{transform:none!important;border-radius:0;width:100%;height:100%;margin:0;left:0;top:0}
  .revela-foto{transform:none!important;width:100%;height:100%;margin:0;left:0;top:0}
  .revela-txt{color:var(--papel-3);text-shadow:0 2px 30px rgba(0,0,0,.4)}
  .revela-txt em{color:#FFB3A2}
  .js .passo-ic *{stroke-dashoffset:0}
  .passo::before{transform:none}
  .js .rodape-marca .l{transform:none;opacity:1}
  .grao{display:none}
}
@media (prefers-reduced-motion:reduce) and (max-width:600px){
  .copia-1{--x:-56%;--y:-10%}
  .copia-3{--x:58%;--y:10%}
}