/* =====================================================================
   Editora Santos & Simon — site institucional
   Conceito: "papel de segurança". Cabeçalhos em tinta com guilhoché
   dourado (o desenho dos papéis notariais e certificados), corpo em
   papel, obras tratadas como livros encadernados por área.
   ===================================================================== */


:root{
  /* Cor */
  --tinta:#1A1B1F; --tinta-fundo:#121316; --tinta-2:#22242A; --tinta-3:#2E3037;
  --papel:#F7F6F3; --papel-2:#EFEBE3; --papel-3:#E5DFD2; --branco:#FFFFFF;
  --linha:#E2DDD2; --linha-escura:rgba(236,232,224,.10); --linha-escura-2:rgba(236,232,224,.18);
  --ouro:#C89B3C; --ouro-claro:#E6CB86; --ouro-escuro:#8E6A19; --ouro-fundo:#94701F;
  --texto:#1A1B1F; --texto-2:#56565C; --texto-3:#8A867E;
  --claro:#ECE8E0; --claro-2:#A8A49B; --claro-3:#76736C;
  /* Encadernações por área */
  --capa-notarial:#21242B; --capa-registral:#152539; --capa-imobiliario:#2E1A20; --capa-normas:#18291F;
  /* Tipo */
  --f-serif:"Source Serif", "Source Serif 4", Georgia, "Times New Roman", serif;
  --f-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  /* Movimento */
  --ease:cubic-bezier(.16,.84,.24,1);
  --ease-io:cubic-bezier(.77,0,.18,1);
  /* Layout */
  --largura:1320px; --gutter:clamp(20px,4.2vw,64px); --topo-h:96px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--papel);color:var(--texto);font:400 16.5px/1.7 var(--f-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
img,svg,canvas{display:block;max-width:100%}
img{height:auto}
[hidden]{display:none!important}
a{color:inherit}
button{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--f-serif);font-weight:500;line-height:1.08;letter-spacing:-.012em;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--ouro);color:var(--tinta)}
:focus-visible{outline:2px solid var(--ouro);outline-offset:4px;border-radius:2px}

/* Grão de papel sobre tudo — muito sutil */
body::after{content:"";position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.05;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

.pular{position:fixed;left:16px;top:-60px;z-index:200;background:var(--ouro);color:var(--tinta);padding:10px 16px;border-radius:999px;font-weight:600;text-decoration:none;transition:top .2s}
.pular:focus{top:16px}

.wrap{max-width:var(--largura);margin-inline:auto;padding-inline:var(--gutter)}
.escuro{background:var(--tinta);color:var(--claro)}
.fundo{background:var(--tinta-fundo);color:var(--claro)}
.papel-2{background:var(--papel-2)}

/* ---------- Tipografia utilitária ---------- */
.rotulo{display:inline-flex;align-items:center;gap:12px;font:600 11.5px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-escuro)}
.rotulo::before{content:"";width:28px;height:1px;background:currentColor;opacity:.7}
.escuro .rotulo,.fundo .rotulo{color:var(--ouro)}
.t-mega{font-size:clamp(46px,7.2vw,116px);font-weight:450;line-height:.98;letter-spacing:-.028em}
.t-1{font-size:clamp(40px,5.4vw,82px);font-weight:450;line-height:1.02;letter-spacing:-.024em}
.t-2{font-size:clamp(32px,3.6vw,54px);font-weight:450;line-height:1.06;letter-spacing:-.018em}
.t-3{font-size:clamp(22px,1.9vw,27px);font-weight:500;line-height:1.2}
.t-mega em,.t-1 em,.t-2 em{font-style:italic;font-weight:400;color:var(--ouro-escuro)}
.escuro .t-mega em,.escuro .t-1 em,.escuro .t-2 em,.fundo .t-1 em,.fundo .t-2 em,.ouro-texto{
  color:transparent;background:linear-gradient(105deg,#9A7322 0%,#E9D08F 26%,#C89B3C 48%,#F2DFA6 68%,#A47B27 100%);
  background-size:240% 100%;-webkit-background-clip:text;background-clip:text;animation:brilho 7s ease-in-out infinite alternate}
@keyframes brilho{from{background-position:0% 50%}to{background-position:100% 50%}}
.lead{font-size:clamp(17.5px,1.35vw,20px);line-height:1.65;color:var(--texto-2);max-width:58ch}
.escuro .lead,.fundo .lead{color:var(--claro-2)}
.miudo{font-size:13.5px;color:var(--texto-3)}

/* ---------- Botões ---------- */
.btn{--altura:58px;position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:16px;min-height:var(--altura);padding:0 8px 0 28px;border-radius:999px;
  font:600 15px/1 var(--f-sans);letter-spacing:.01em;text-decoration:none;cursor:pointer;border:1px solid transparent;overflow:hidden;white-space:nowrap;
  transition:color .5s var(--ease),border-color .5s var(--ease),transform .5s var(--ease)}
.btn::before{content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;transform:translateY(101%);transition:transform .6s var(--ease-io)}
.btn:hover::before{transform:translateY(0)}
.btn-txt{position:relative;display:block;overflow:hidden;height:1.25em;line-height:1.25em}
.btn-txt span{display:block;transition:transform .55s var(--ease)}
.btn-txt span::after{content:attr(data-t);position:absolute;left:0;top:100%}
.btn:hover .btn-txt span{transform:translateY(-100%)}
.btn-ico{position:relative;flex:none;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;transition:background .5s var(--ease),transform .5s var(--ease)}
.btn-ico svg{width:15px;height:15px;transition:transform .55s var(--ease)}
.btn-ico svg+svg{position:absolute;transform:translateX(-200%)}
.btn:hover .btn-ico svg:first-child{transform:translateX(200%)}
.btn:hover .btn-ico svg+svg{transform:translateX(0)}
.btn--sem-ico{padding:0 28px}

.btn--ouro{color:var(--tinta);background:linear-gradient(180deg,#D7AE52,#B98A2C);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 30px -12px rgba(200,155,60,.65)}
.btn--ouro::before{background:linear-gradient(180deg,#F0D691,#D3A848)}
.btn--ouro .btn-ico{background:var(--tinta);color:var(--ouro)}
.btn--tinta{color:var(--claro);background:var(--tinta)}
.btn--tinta::before{background:var(--ouro)}
.btn--tinta:hover{color:var(--tinta)}
.btn--tinta .btn-ico{background:var(--ouro);color:var(--tinta)}
.btn--tinta:hover .btn-ico{background:var(--tinta);color:var(--ouro)}
.btn--contorno{color:var(--texto);border-color:rgba(26,27,31,.28)}
.btn--contorno::before{background:var(--tinta)}
.btn--contorno:hover{color:var(--claro);border-color:var(--tinta)}
.btn--contorno .btn-ico{background:rgba(26,27,31,.07)}
.btn--contorno:hover .btn-ico{background:var(--ouro);color:var(--tinta)}
.escuro .btn--contorno,.rodape .btn--contorno,.fundo .btn--contorno,.topo .btn--contorno,.menu-tela .btn--contorno{color:var(--claro);border-color:rgba(200,155,60,.55)}
.escuro .btn--contorno::before,.rodape .btn--contorno::before,.fundo .btn--contorno::before,.topo .btn--contorno::before,.menu-tela .btn--contorno::before{background:var(--ouro)}
.escuro .btn--contorno:hover,.rodape .btn--contorno:hover,.fundo .btn--contorno:hover,.topo .btn--contorno:hover,.menu-tela .btn--contorno:hover{color:var(--tinta);border-color:var(--ouro)}
.escuro .btn--contorno .btn-ico,.rodape .btn--contorno .btn-ico,.fundo .btn--contorno .btn-ico,.topo .btn--contorno .btn-ico,.menu-tela .btn--contorno .btn-ico{background:rgba(200,155,60,.14);color:var(--ouro)}
.escuro .btn--contorno:hover .btn-ico,.rodape .btn--contorno:hover .btn-ico,.fundo .btn--contorno:hover .btn-ico,.topo .btn--contorno:hover .btn-ico,.menu-tela .btn--contorno:hover .btn-ico{background:var(--tinta)}
.btn--p{--altura:46px;padding-left:20px;font-size:14px;gap:12px}
.btn--p .btn-ico{width:32px;height:32px}
.btn--p.btn--sem-ico{padding:0 20px}
.acoes{display:flex;flex-wrap:wrap;gap:14px;align-items:center}

/* Link com fio que se desenha */
.fio{position:relative;display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:15px;text-decoration:none;padding-bottom:6px;color:var(--texto)}
.fio::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:right;transition:transform .6s var(--ease-io)}
.fio:hover::after{transform:scaleX(0);transform-origin:right;animation:fio-volta .9s var(--ease-io) .1s forwards}
@keyframes fio-volta{0%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left}}
.fio svg{width:14px;height:14px;transition:transform .5s var(--ease)}
.fio:hover svg{transform:translateX(5px)}
.escuro .fio,.fundo .fio,.rodape .fio{color:var(--ouro)}

/* ---------- Véu de transição entre páginas ---------- */
.veu{position:fixed;inset:0;z-index:150;pointer-events:none;visibility:hidden}
.veu-painel{position:absolute;inset:0;background:var(--tinta-fundo);clip-path:inset(100% 0 0 0)}
.veu-painel::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--ouro),transparent);opacity:.8}
.veu-miolo{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;opacity:0;transition:opacity .35s ease}
.veu-emblema{width:84px;height:auto}
.veu-contador{font:400 italic clamp(44px,6vw,72px)/1 var(--f-serif);color:var(--claro);font-variant-numeric:tabular-nums;display:none}
.veu-rotulo{font:450 italic clamp(30px,4vw,48px)/1.1 var(--f-serif);color:var(--claro)}
.veu-fio{width:0;height:1px;background:var(--ouro);transition:width .9s var(--ease-io)}
.veu-sub{font:600 11px/1 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ouro);display:none}
html.veu-ativo .veu{visibility:visible;animation:veu-seguranca 0s linear 4.5s forwards}
html.veu-ativo .veu-painel{clip-path:inset(0 0 0 0)}
html.veu-ativo .veu-miolo{opacity:1}
html.veu-ativo .veu-fio{width:120px}
html.intro .veu-contador,html.intro .veu-sub{display:block}
html.intro .veu-rotulo{display:none}
html.veu-abrindo .veu-painel{clip-path:inset(0 0 100% 0);transition:clip-path 1s var(--ease-io)}
html.veu-abrindo .veu-miolo{opacity:0;transition:opacity .3s ease}
html.veu-fechando .veu{visibility:visible}
html.veu-fechando .veu-painel{clip-path:inset(0 0 0 0);transition:clip-path .75s var(--ease-io)}
html.veu-fechando .veu-miolo{opacity:1;transition:opacity .3s ease .35s}
html.veu-fechando .veu-fio{width:120px;transition-delay:.3s}
@keyframes veu-seguranca{to{visibility:hidden}}

/* ---------- Progresso de leitura ---------- */
.progresso{position:fixed;left:0;right:0;top:0;height:2px;z-index:120;pointer-events:none}
.progresso span{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--ouro-escuro),var(--ouro-claro));transform-origin:left;transform:scaleX(var(--p,0))}

/* ---------- Cabeçalho ---------- */
.topo{position:fixed;left:0;right:0;top:0;z-index:100;padding-top:env(safe-area-inset-top,0px);color:var(--claro);transition:transform .6s var(--ease),background .5s ease,backdrop-filter .5s ease,border-color .5s ease;border-bottom:1px solid transparent}
.pg-clara .topo{background:rgba(18,19,22,.97)}
.topo.solido{background:rgba(18,19,22,.86);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);border-bottom-color:var(--linha-escura)}
.topo.oculto{transform:translateY(-105%)}
.topo-in{max-width:var(--largura);margin-inline:auto;padding-inline:var(--gutter);height:var(--topo-h);display:flex;align-items:center;gap:32px;transition:height .5s var(--ease)}
.topo.solido .topo-in{height:78px}
.marca{flex:none;display:block}
.marca img{height:54px;width:auto;transition:height .5s var(--ease)}
.topo.solido .marca img{height:46px}
.nav{display:flex;gap:6px;margin-left:auto}
.nav a{position:relative;padding:10px 14px;font-size:14.5px;font-weight:500;text-decoration:none;color:var(--claro-2);transition:color .4s ease}
.nav a:hover,.nav a[aria-current]{color:var(--claro)}
.nav a span{display:block;overflow:hidden;height:1.4em;line-height:1.4em}
.nav a span i{display:block;font-style:normal;transition:transform .5s var(--ease)}
.nav a span i::after{content:attr(data-t);display:block}
.nav a:hover span i{transform:translateY(-1.4em)}
.nav a::after{content:"";position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--ouro);transform:scale(0);transition:transform .45s var(--ease)}
.nav a[aria-current]::after{transform:scale(1)}
.topo-acoes{display:flex;align-items:center;gap:12px}
.menu-bt{display:none;align-items:center;gap:12px;background:none;border:1px solid var(--linha-escura-2);border-radius:999px;height:46px;padding:0 18px 0 16px;cursor:pointer;color:var(--claro);font-size:14px;font-weight:600}
.menu-bt-linhas{position:relative;width:20px;height:10px}
.menu-bt-linhas i{position:absolute;left:0;right:0;height:1.5px;background:var(--ouro);transition:transform .5s var(--ease),top .5s var(--ease)}
.menu-bt-linhas i:first-child{top:0}
.menu-bt-linhas i:last-child{top:8.5px}
.menu-aberto .menu-bt-linhas i:first-child{top:4.25px;transform:rotate(45deg)}
.menu-aberto .menu-bt-linhas i:last-child{top:4.25px;transform:rotate(-45deg)}

/* Menu em tela cheia (telas menores) */
.menu-tela{position:fixed;inset:0;z-index:95;background:var(--tinta-fundo);color:var(--claro);display:flex;flex-direction:column;justify-content:flex-end;padding:calc(var(--topo-h) + 24px) var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));
  clip-path:circle(0% at calc(100% - 60px) 48px);transition:clip-path .9s var(--ease-io);visibility:hidden}
.menu-aberto .menu-tela{clip-path:circle(150% at calc(100% - 60px) 48px);visibility:visible}
.menu-tela ol{counter-reset:item;display:grid;gap:4px}
.menu-tela li{overflow:hidden}
.menu-tela li a{display:flex;align-items:baseline;gap:16px;font:450 clamp(38px,9vw,64px)/1.15 var(--f-serif);letter-spacing:-.02em;text-decoration:none;transform:translateY(110%);transition:transform .8s var(--ease),color .3s}
.menu-tela li a[aria-current]{font-style:italic;color:var(--ouro)}
.menu-aberto .menu-tela li a{transform:none}
.menu-aberto .menu-tela li:nth-child(2) a{transition-delay:.06s}.menu-aberto .menu-tela li:nth-child(3) a{transition-delay:.12s}
.menu-aberto .menu-tela li:nth-child(4) a{transition-delay:.18s}.menu-aberto .menu-tela li:nth-child(5) a{transition-delay:.24s}
.menu-tela-rodape{margin-top:40px;padding-top:24px;border-top:1px solid var(--linha-escura);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:center;font-size:14px;color:var(--claro-2);opacity:0;transition:opacity .6s ease .3s}
.menu-aberto .menu-tela-rodape{opacity:1}
html.menu-aberto{overflow:hidden}

/* ---------- Revelações ---------- */
html.js [data-revelar]{opacity:0;transform:translateY(34px);transition:opacity 1.1s var(--ease),transform 1.2s var(--ease);transition-delay:calc(var(--i,0) * 90ms)}
html.js [data-revelar].visivel{opacity:1;transform:none}
html.js [data-revelar="fade"]{transform:none}
.palavra{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.palavra>span{display:inline-block}
html.js [data-dividir] .palavra>span{transform:translateY(108%);transition:transform 1.15s var(--ease);transition-delay:calc(var(--i,0) * 55ms + var(--atraso,0ms))}
html.js [data-dividir].visivel .palavra>span{transform:none}

/* ---------- Guilhoché ---------- */
.guilhoche{position:absolute;pointer-events:none;opacity:0;transition:opacity 2.4s ease}
.guilhoche.pronto{opacity:1}

/* ---------- Selo giratório ---------- */
.selo{position:relative;width:var(--tam,150px);aspect-ratio:1;flex:none}
.selo svg{width:100%;height:100%;animation:girar 34s linear infinite}
.selo text{font:600 8.6px var(--f-sans);text-transform:uppercase;fill:var(--ouro)}
.selo circle{fill:none;stroke:var(--ouro);stroke-width:.6;opacity:.6}
.selo img{position:absolute;inset:27%;width:46%;height:auto;margin:auto}
.selo--tinta{background:var(--tinta-fundo);border-radius:50%;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
@keyframes girar{to{transform:rotate(360deg)}}

/* ---------- Capa de livro (gerada) ---------- */
.capa{--cor:var(--capa-notarial);position:relative;aspect-ratio:3/4;width:100%;max-width:100%;background:var(--cor);color:var(--claro);border-radius:2px 6px 6px 2px;overflow:hidden;
  background-image:radial-gradient(120% 90% at 80% 0%,rgba(255,255,255,.07),transparent 60%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120'><filter id='t'><feTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2'/><feColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .08 0'/></filter><rect width='100%' height='100%' filter='url(%23t)'/></svg>")}
.capa--registral{--cor:var(--capa-registral)}
.capa--imobiliario{--cor:var(--capa-imobiliario)}
.capa--normas{--cor:var(--capa-normas)}
.capa::before{content:"";position:absolute;left:0;top:0;bottom:0;width:7%;background:linear-gradient(90deg,rgba(0,0,0,.42),rgba(255,255,255,.06) 70%,rgba(0,0,0,.15));z-index:2}
.capa::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(115deg,transparent 35%,rgba(255,236,190,.16) 48%,transparent 60%);transform:translateX(-120%);transition:transform 1.2s var(--ease)}
.capa-moldura{position:absolute;inset:7% 7% 7% 13%;border:1px solid rgba(200,155,60,.7);display:flex;flex-direction:column;padding:11% 9% 8%}
.capa-moldura::before{content:"";position:absolute;inset:4px;border:1px solid rgba(200,155,60,.28)}
.capa-area{font:600 clamp(8px,.62vw,9.5px)/1.35 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.capa-titulo{margin-top:auto;font:500 clamp(17px,1.5vw,22px)/1.12 var(--f-serif);color:#FBF8F1;letter-spacing:-.01em;text-wrap:balance}
.capa-fio{width:28px;height:1px;background:var(--ouro);margin:11% 0 8%}
.capa-sub{font:italic 400 clamp(12px,.95vw,14px)/1.25 var(--f-serif);color:var(--claro-2)}
.capa-emblema{margin-top:auto;width:22%;height:auto;opacity:.92}

/* ---------- Livro em 3D ---------- */
.livro3d{--w:300px;--h:410px;--d:46px;--ry:26deg;--rx:4deg;position:relative;width:var(--w);height:var(--h);perspective:1800px;max-width:100%}
.l3-corpo{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateY(var(--ry)) rotateX(var(--rx));transition:transform .9s var(--ease)}
.l3-corpo>*{position:absolute;backface-visibility:hidden}
.l3-frente{inset:0;transform:translateZ(calc(var(--d) / 2))}
.l3-frente .capa{height:100%;aspect-ratio:auto;border-radius:1px 4px 4px 1px}
.l3-verso{inset:0;background:var(--cor,var(--capa-notarial));transform:rotateY(180deg) translateZ(calc(var(--d) / 2));border-radius:4px 1px 1px 4px}
.l3-lombada{top:0;height:100%;width:var(--d);left:calc(50% - var(--d) / 2);transform:rotateY(-90deg) translateZ(calc(var(--w) / 2));background:var(--cor,var(--capa-notarial));
  background-image:linear-gradient(90deg,rgba(0,0,0,.45),rgba(255,255,255,.08) 45%,rgba(0,0,0,.3));display:flex;align-items:center;justify-content:center}
.l3-lombada span{writing-mode:vertical-rl;transform:rotate(180deg);font:500 13px/1 var(--f-serif);color:var(--ouro-claro);letter-spacing:.04em;white-space:nowrap;overflow:hidden;max-height:80%}
.l3-lombada::before,.l3-lombada::after{content:"";position:absolute;left:18%;right:18%;height:1px;background:var(--ouro);opacity:.7}
.l3-lombada::before{top:9%}.l3-lombada::after{bottom:9%}
.l3-folhas{top:2%;height:96%;width:calc(var(--d) - 4px);left:calc(50% - (var(--d) - 4px) / 2);transform:rotateY(90deg) translateZ(calc(var(--w) / 2 - 3px));
  background:repeating-linear-gradient(90deg,#F4EFE4 0 1px,#DCD4C4 1px 2px);box-shadow:inset 0 0 12px rgba(0,0,0,.25)}
.l3-topo{left:1%;width:97%;height:calc(var(--d) - 4px);top:calc(50% - (var(--d) - 4px) / 2);transform:rotateX(90deg) translateZ(calc(var(--h) / 2 - 3px));background:repeating-linear-gradient(0deg,#F4EFE4 0 1px,#DCD4C4 1px 2px)}
.l3-sombra{position:absolute;left:8%;right:2%;bottom:-7%;height:12%;background:radial-gradient(50% 50% at 50% 50%,rgba(0,0,0,.55),transparent 70%);filter:blur(10px);transform:rotateX(70deg);transition:transform .9s var(--ease)}
.livro3d--notarial{--cor:var(--capa-notarial)}.livro3d--registral{--cor:var(--capa-registral)}.livro3d--imobiliario{--cor:var(--capa-imobiliario)}.livro3d--normas{--cor:var(--capa-normas)}

/* =====================================================================
   HOME
   ===================================================================== */
.abre-home{position:relative;overflow:hidden;min-height:clamp(700px,100svh,980px);display:flex;align-items:center;padding-block:calc(var(--topo-h) + 48px) 120px}
.abre-home .guilhoche{right:-14%;top:50%;width:min(1100px,90vw);aspect-ratio:1;transform:translateY(-50%)}
.abre-home::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 72% 50%,rgba(200,155,60,.10),transparent 70%);pointer-events:none}
.abre-home .wrap{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:48px;align-items:center}
.abre-home h1{margin-top:28px;max-width:11.5ch}
.abre-home .lead{margin-top:30px}
.abre-home .acoes{margin-top:44px}
.abre-palco{position:relative;display:grid;place-items:center;min-height:540px}
.abre-palco .livro3d{--w:min(310px,30vw);--h:calc(var(--w) * 1.3333)}
.abre-palco .selo{position:absolute;right:-4%;bottom:6%;--tam:150px;z-index:3}
html.js .abre-palco .livro3d{opacity:0;transform:translateY(60px) rotate(4deg);transition:opacity 1.4s var(--ease) .35s,transform 1.6s var(--ease) .35s}
html.js .abre-palco .selo{opacity:0;transform:scale(.6) rotate(-40deg);transition:opacity 1s var(--ease) .9s,transform 1.4s var(--ease) .9s}
html.js .pronto .abre-palco .livro3d,html.js .pronto .abre-palco .selo{opacity:1;transform:none}
.flutua{animation:flutuar 7s ease-in-out infinite}
@keyframes flutuar{0%,100%{translate:0 0}50%{translate:0 -14px}}
.abre-rodape{position:absolute;left:0;right:0;bottom:0;border-top:1px solid var(--linha-escura)}
.abre-rodape .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;height:76px;font-size:13px;color:var(--claro-2)}
.abre-fatos{display:flex;gap:40px}
.abre-fatos b{font:500 italic 18px/1 var(--f-serif);color:var(--claro);margin-right:8px}
.role{display:flex;align-items:center;gap:14px;letter-spacing:.2em;text-transform:uppercase;font-size:11px;font-weight:600}
.role i{position:relative;width:1px;height:38px;background:var(--linha-escura-2);overflow:hidden}
.role i::after{content:"";position:absolute;left:0;top:-50%;width:100%;height:50%;background:var(--ouro);animation:descer 2.2s var(--ease-io) infinite}
@keyframes descer{to{top:100%}}

/* Faixa corrida */
.faixa{background:var(--papel-2);border-block:1px solid var(--linha);overflow:hidden;padding-block:26px}
.faixa-trilho{display:flex;width:max-content;animation:correr 60s linear infinite}
.faixa:hover .faixa-trilho{animation-play-state:paused}
.faixa-trilho span{font:400 italic clamp(22px,2.2vw,32px)/1 var(--f-serif);color:var(--texto);white-space:nowrap;display:flex;align-items:center;gap:36px;padding-right:36px}
.faixa-trilho span::after{content:"§";font-style:normal;color:var(--ouro);font-size:.8em}
@keyframes correr{to{transform:translateX(-50%)}}

/* Seções */
.secao{position:relative;padding-block:clamp(88px,11vw,170px)}
.cabeca{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;flex-wrap:wrap}
.cabeca h2{margin-top:22px;max-width:18ch}

/* Editora — declaração */
.declaracao .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2.1fr);gap:clamp(40px,6vw,110px);align-items:start}
.declaracao-texto{font:400 clamp(26px,2.75vw,42px)/1.32 var(--f-serif);letter-spacing:-.012em;color:var(--texto);text-indent:3.2em}
.declaracao-texto em{color:var(--ouro-escuro)}
.declaracao .fio{margin-top:44px}
.fatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:clamp(64px,8vw,110px);border-top:1px solid var(--tinta)}
.fato{padding:30px 28px 0 0}
.fato+.fato{padding-left:28px;border-left:1px solid var(--linha)}
.fato strong{display:block;font:400 clamp(54px,6vw,92px)/1 var(--f-serif);letter-spacing:-.03em;font-variant-numeric:lining-nums tabular-nums;color:var(--tinta)}
.fato strong sup{font-size:.42em;color:var(--ouro-escuro);vertical-align:super;margin-left:2px}
.fato span{display:block;margin-top:14px;color:var(--texto-2);font-size:15px;max-width:26ch}

/* Estante */
.estante{overflow:hidden}
.estante-trilho{display:flex;gap:clamp(28px,3.4vw,56px);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:70px var(--gutter) 40px;margin-top:10px;cursor:grab;
  scroll-padding-inline:var(--gutter)}
.estante-trilho::-webkit-scrollbar{display:none}
.estante-trilho.arrastando{cursor:grabbing;scroll-snap-type:none}
.estante-trilho.arrastando a{pointer-events:none}
.estante-item{flex:none;width:clamp(210px,20vw,270px);scroll-snap-align:start;text-decoration:none;color:inherit;display:flex;flex-direction:column}
.estante-item .livro3d{--w:clamp(210px,20vw,270px);--h:calc(var(--w) * 1.3333);--ry:24deg;--rx:2deg;--d:34px}
.estante-item:hover .livro3d{--ry:8deg;--rx:0deg}
.estante-item:hover .l3-corpo{transform:rotateY(var(--ry)) rotateX(var(--rx)) translateY(-10px)}
.estante-item:hover .capa::after{transform:translateX(120%)}
.estante-meta{margin-top:34px;padding-top:18px;border-top:1px solid var(--linha)}
.estante-meta small{display:block;font:600 11px/1.3 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-escuro)}
.estante-meta h3{margin-top:10px;font-size:21px;line-height:1.2}
.estante-meta p{margin-top:8px;font-size:14.5px;color:var(--texto-2);line-height:1.55}
.estante-base{display:flex;align-items:center;gap:24px;margin-top:8px}
.estante-barra{flex:1;height:1px;background:var(--linha);position:relative}
.estante-barra span{position:absolute;left:0;top:-.5px;height:2px;background:var(--tinta);width:var(--larg,20%);transform:translateX(var(--pos,0));transition:transform .2s linear}
.estante-setas{display:flex;gap:10px}
.seta-bt{width:52px;height:52px;border-radius:50%;border:1px solid rgba(26,27,31,.25);background:transparent;display:grid;place-items:center;cursor:pointer;transition:background .4s var(--ease),color .4s,border-color .4s}
.seta-bt:hover{background:var(--tinta);color:var(--ouro);border-color:var(--tinta)}
.seta-bt svg{width:16px;height:16px}

/* Áreas (lista com prévia que segue o cursor) */
.areas-lista{margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--linha-escura-2)}
.area-linha{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) auto;gap:32px;align-items:center;padding:clamp(28px,3.2vw,44px) 0;border-bottom:1px solid var(--linha-escura-2);text-decoration:none;color:var(--claro);overflow:hidden}
.area-linha::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(200,155,60,.12),transparent 70%);transform:scaleY(0);transform-origin:bottom;transition:transform .7s var(--ease-io)}
.area-linha:hover::before{transform:scaleY(1)}
.area-nome{position:relative;font:400 clamp(36px,5vw,76px)/1 var(--f-serif);letter-spacing:-.025em;transition:transform .7s var(--ease),color .5s}
.area-linha:hover .area-nome{transform:translateX(20px);color:var(--ouro-claro);font-style:italic}
.area-desc{position:relative;color:var(--claro-2);font-size:15.5px;max-width:44ch;transition:color .5s}
.area-linha:hover .area-desc{color:var(--claro)}
.area-seta{position:relative;width:64px;height:64px;border-radius:50%;border:1px solid var(--linha-escura-2);display:grid;place-items:center;color:var(--ouro);transition:transform .7s var(--ease),background .5s,color .5s,border-color .5s}
.area-seta svg{width:18px;height:18px}
.area-linha:hover .area-seta{transform:rotate(-45deg);background:var(--ouro);color:var(--tinta);border-color:var(--ouro)}
.area-previa{position:fixed;left:0;top:0;z-index:60;width:190px;pointer-events:none;opacity:0;transform:translate3d(var(--x,0),var(--y,0),0) rotate(var(--r,0deg)) scale(.85);transition:opacity .4s ease,scale .5s var(--ease)}
.area-previa.ativa{opacity:1}
.area-previa .capa{box-shadow:0 30px 60px -20px rgba(0,0,0,.7)}

/* Plataforma (teaser com janela em perspectiva) */
.plat-teaser .wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(40px,6vw,96px);align-items:center}
.plat-teaser h2{margin-top:22px}
.plat-teaser .lead{margin-top:26px}
.plat-teaser .acoes{margin-top:40px}
.janela-palco{perspective:1600px}
.janela{--p:0;border-radius:14px;background:var(--branco);box-shadow:0 60px 120px -40px rgba(26,27,31,.45),0 0 0 1px rgba(26,27,31,.06);overflow:hidden;
  transform:rotateX(calc((1 - var(--p)) * 22deg)) rotateY(calc((1 - var(--p)) * -14deg)) translateY(calc((1 - var(--p)) * 40px)) scale(calc(.92 + var(--p) * .08));transform-origin:50% 100%;will-change:transform}
.janela-barra{display:flex;align-items:center;gap:14px;height:42px;padding:0 16px;background:#ECE8E0;border-bottom:1px solid var(--linha)}
.janela-url{flex:1;max-width:320px;margin-inline:auto;height:24px;border-radius:999px;background:var(--branco);display:flex;align-items:center;justify-content:center;gap:8px;font-size:11.5px;color:var(--texto-2)}
.janela-url svg{width:10px;height:10px;color:var(--ouro-escuro)}
.janela-corpo{display:grid;grid-template-columns:170px minmax(0,1fr);min-height:400px}
.jl-lateral{background:var(--tinta);color:var(--claro-2);padding:18px 12px;display:flex;flex-direction:column;gap:3px;font-size:12px}
.jl-lateral img{width:120px;margin:0 auto 18px}
.jl-lateral span{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:7px}
.jl-lateral span::before{content:"";width:12px;height:12px;border-radius:3px;border:1px solid currentColor;opacity:.6}
.jl-lateral span.on{background:rgba(200,155,60,.14);color:var(--claro);box-shadow:inset 2px 0 0 var(--ouro)}
.jl-principal{padding:22px;background:var(--papel)}
.jl-busca{display:flex;align-items:center;gap:10px;height:40px;padding:0 14px;border-radius:10px;background:var(--branco);border:1px solid var(--linha);font-size:13px;color:var(--texto)}
.jl-busca svg{width:14px;height:14px;color:var(--texto-3)}
.jl-busca b{font-weight:500}
.jl-busca .cursor{width:1px;height:16px;background:var(--ouro-escuro);animation:piscar 1s steps(1) infinite}
@keyframes piscar{50%{opacity:0}}
.jl-titulo{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 12px;font:500 17px var(--f-serif)}
.jl-titulo small{font:500 11.5px var(--f-sans);color:var(--texto-3)}
.jl-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.jl-grade .capa{border-radius:2px 4px 4px 2px}
.jl-item{transition:opacity .4s,transform .4s var(--ease)}
.jl-item.apagada{opacity:.18;transform:scale(.96)}
.jl-grade .capa-titulo{font-size:11px}
.jl-grade .capa-area{font-size:6px}
.jl-grade .capa-sub,.jl-grade .capa-emblema{display:none}

/* Chamada final */
.chamada{position:relative;overflow:hidden;text-align:center}
.chamada .guilhoche{left:50%;top:50%;width:min(1200px,130vw);aspect-ratio:1;transform:translate(-50%,-50%)}
.chamada .wrap{position:relative;display:grid;justify-items:center}
.chamada h2{margin-top:26px;max-width:14ch}
.chamada .lead{margin-top:26px;margin-inline:auto}
.chamada .acoes{justify-content:center;margin-top:44px}

/* =====================================================================
   PÁGINAS INTERNAS
   ===================================================================== */
.abertura{position:relative;overflow:hidden;padding-block:calc(var(--topo-h) + clamp(70px,9vw,130px)) clamp(70px,8vw,110px)}
.abertura .guilhoche{right:-22%;top:-30%;width:min(1000px,95vw);aspect-ratio:1}
.abertura::after{content:"";position:absolute;left:var(--gutter);right:var(--gutter);bottom:0;height:1px;background:linear-gradient(90deg,var(--ouro),transparent);transform-origin:left;transform:scaleX(0);transition:transform 1.8s var(--ease-io) .6s}
.pronto .abertura::after{transform:scaleX(1)}
.abertura .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:48px;align-items:end}
.trilha{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;color:var(--claro-2)}
.trilha a{text-decoration:none;color:var(--claro-2)}
.trilha a:hover{color:var(--ouro)}
.trilha span[aria-hidden]{color:var(--ouro)}
.abertura h1{margin-top:30px}
.abertura-lado .lead{margin-left:auto}
.folha-marca{position:absolute;right:calc(var(--gutter) * .45);top:calc(var(--topo-h) + 40px);writing-mode:vertical-rl;font:600 10.5px/1 var(--f-sans);letter-spacing:.3em;text-transform:uppercase;color:var(--claro-3)}
.folha-marca b{color:var(--ouro);font-weight:600}

/* Quem somos */
.manifesto .wrap{display:grid;grid-template-columns:minmax(0,.55fr) minmax(0,2fr);gap:clamp(32px,5vw,90px)}
.manifesto-texto{font:400 clamp(26px,2.9vw,44px)/1.34 var(--f-serif);letter-spacing:-.012em}
.manifesto-texto p+p{margin-top:.9em}
.manifesto-texto .pv{color:#CBC4B6;transition:color .35s ease}
.manifesto-texto .pv.on{color:var(--texto)}
.manifesto-texto .pv.on.ouro{color:var(--ouro-escuro);font-style:italic}

.ano{overflow:hidden}
.ano .wrap{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center}
.ano-num{font:300 clamp(120px,22vw,340px)/.82 var(--f-serif);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px rgba(200,155,60,.75);position:relative}
.ano-num span{position:absolute;inset:0;color:var(--ouro);-webkit-text-stroke:0;clip-path:inset(100% 0 0 0);transition:clip-path 2.2s var(--ease-io) .3s}
.ano-num.visivel span{clip-path:inset(0 0 0 0)}
.ano h2{margin-top:22px}
.ano .lead{margin-top:24px}

.pilares{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,80px)}
.pilar{position:relative;padding:44px 36px 40px;background:var(--branco);border:1px solid var(--linha);overflow:hidden;transition:transform .7s var(--ease),box-shadow .7s var(--ease)}
.pilar::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--ouro-escuro),var(--ouro-claro));transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-io)}
.pilar:hover{transform:translateY(-8px);box-shadow:0 30px 60px -30px rgba(26,27,31,.25)}
.pilar:hover::before{transform:scaleX(1)}
.pilar-icone{display:block;width:52px;height:52px;color:var(--ouro-escuro)}
.pilar-icone svg,.recurso-ico svg{width:100%;height:100%}
.pilar h3{margin-top:30px}
.pilar p{margin-top:14px;color:var(--texto-2);font-size:15.5px}

.folhas{display:grid;gap:0;margin-top:clamp(48px,6vw,80px)}
.folha{position:sticky;top:calc(110px + var(--n) * 22px);display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.6fr);gap:40px;align-items:start;
  min-height:300px;padding:clamp(36px,4.6vw,64px);background:var(--branco);border:1px solid var(--linha);box-shadow:0 -24px 50px -34px rgba(26,27,31,.35);margin-bottom:40px;
  background-image:linear-gradient(transparent calc(100% - 1px),rgba(26,27,31,.045) 0);background-size:100% 34px}
.folha:nth-child(even){background-color:#FCFBF8}
.folha:nth-child(1){--n:0}.folha:nth-child(2){--n:1}.folha:nth-child(3){--n:2}.folha:nth-child(4){--n:3}
.acoes--demo{margin-top:48px}
.folha-par{font:400 italic clamp(64px,7vw,110px)/.9 var(--f-serif);color:var(--ouro);letter-spacing:-.03em}
.folha-par small{display:block;margin-top:16px;font:600 10.5px/1 var(--f-sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--texto-3)}
.folha h3{font-size:clamp(28px,2.8vw,40px)}
.folha p{margin-top:18px;font-size:17.5px;color:var(--texto-2);max-width:52ch}

.citacao{text-align:center}
.citacao blockquote{margin:0 auto;max-width:24ch;font:400 italic clamp(32px,4vw,60px)/1.18 var(--f-serif);letter-spacing:-.015em}
.citacao blockquote::before{content:"“";display:block;font:400 clamp(90px,10vw,150px)/.6 var(--f-serif);color:var(--ouro);margin-bottom:10px}
.citacao cite{display:block;margin-top:34px;font:600 11.5px/1 var(--f-sans);font-style:normal;letter-spacing:.24em;text-transform:uppercase;color:var(--ouro)}

/* Catálogo */
.filtros{position:sticky;top:78px;z-index:40;background:rgba(247,246,243,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--linha)}
.filtros .wrap{display:flex;justify-content:space-between;gap:24px;align-items:center;min-height:84px;flex-wrap:wrap;padding-block:14px}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{position:relative;height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--linha);background:transparent;cursor:pointer;font-size:14px;font-weight:500;color:var(--texto-2);display:inline-flex;align-items:center;gap:8px;overflow:hidden;isolation:isolate;transition:color .4s,border-color .4s}
.chip::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--tinta);border-radius:inherit;transform:scale(.4);opacity:0;transition:transform .5s var(--ease),opacity .4s}
.chip:hover{border-color:var(--tinta);color:var(--tinta)}
.chip[aria-pressed="true"]{color:var(--claro);border-color:var(--tinta)}
.chip[aria-pressed="true"]::before{transform:none;opacity:1}
.chip small{font-size:11.5px;color:var(--texto-3);font-variant-numeric:tabular-nums}
.chip[aria-pressed="true"] small{color:var(--ouro)}
.busca{position:relative;width:min(340px,100%)}
.busca input{width:100%;height:46px;border-radius:999px;border:1px solid var(--linha);background:var(--branco);padding:0 18px 0 46px;font:500 15px var(--f-sans);color:var(--texto);transition:border-color .3s,box-shadow .3s}
.busca input:focus{outline:none;border-color:var(--ouro);box-shadow:0 0 0 4px rgba(200,155,60,.18)}
.busca svg{position:absolute;left:17px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--texto-3)}
.catalogo-info{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-top:48px;font-size:14px;color:var(--texto-2)}
.catalogo-info strong{font:500 italic 22px var(--f-serif);color:var(--texto)}
.grade-livros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:64px clamp(24px,3vw,48px);padding-block:48px 120px}
.obra{display:flex;flex-direction:column;text-decoration:none;color:inherit}
.obra.oculta{display:none}
.obra-capa{perspective:1200px}
.obra-capa .capa{transition:transform .8s var(--ease),box-shadow .8s var(--ease);box-shadow:0 20px 40px -24px rgba(26,27,31,.6);transform-origin:left center}
.obra:hover .obra-capa .capa{transform:rotateY(-14deg) translateX(6px);box-shadow:24px 30px 50px -26px rgba(26,27,31,.65)}
.obra:hover .capa::after{transform:translateX(120%)}
.obra small{display:block;margin-top:26px;font:600 11px/1.3 var(--f-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-escuro)}
.obra h3{margin-top:10px;font-size:22px;line-height:1.18}
.obra p{margin-top:10px;font-size:14.5px;line-height:1.55;color:var(--texto-2)}
.obra-mais{margin-top:16px;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:600}
.obra-mais svg{width:13px;height:13px;transition:transform .5s var(--ease)}
.obra:hover .obra-mais svg{transform:translateX(6px)}
.vazio{grid-column:1/-1;padding:80px 0;text-align:center}
.vazio p:first-child{font:400 italic 30px var(--f-serif)}
.vazio p+p{margin-top:10px;color:var(--texto-2)}

/* Página de material */
.material{padding-block:calc(var(--topo-h) + 56px) clamp(80px,10vw,140px)}
.material .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,7vw,120px);align-items:start}
.material-palco{position:sticky;top:120px;display:grid;place-items:center;min-height:600px;border-radius:24px;overflow:hidden;background:var(--tinta)}
.material-palco .guilhoche{inset:-20%;width:140%;height:140%}
.material-palco .livro3d{--w:min(300px,58vw);--h:calc(var(--w) * 1.367)}
.material-palco .selo{position:absolute;left:24px;bottom:24px;--tam:118px}
.material-info .trilha{color:var(--texto-3)}
.material-info .trilha a{color:var(--texto-2)}
.material-info .trilha span[aria-hidden]{color:var(--ouro-escuro)}
.material-info h1{margin-top:28px}
.material-sub{margin-top:16px;font:400 italic clamp(22px,2vw,28px)/1.3 var(--f-serif);color:var(--ouro-escuro)}
.material-info .lead{margin-top:28px}
.material-info .acoes{margin-top:40px}
.ficha{margin-top:56px;border-top:1px solid var(--tinta)}
.ficha-titulo{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 8px;font:600 11px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-escuro)}
.ficha dl{margin:0}
.ficha div{display:flex;align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--linha);font-size:15px}
.ficha dt{color:var(--texto-2)}
.ficha dd{margin:0;font:500 17px var(--f-serif);text-align:right}
.ficha div::after{content:"";order:1;flex:1;border-bottom:1px dotted rgba(26,27,31,.3);transform:translateY(-4px)}
.ficha dd{order:2}
.bloco{margin-top:72px}
.bloco h2{font-size:clamp(28px,2.6vw,38px)}
.bloco h2::after{content:"";display:block;width:40px;height:1px;background:var(--ouro);margin-top:18px}
.bloco p{margin-top:20px;font-size:17.5px;line-height:1.75;color:var(--texto-2);max-width:62ch}
.publico{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.publico li{padding:10px 18px;border:1px solid var(--linha);border-radius:999px;background:var(--branco);font-size:14.5px}
.sumario{margin-top:24px;counter-reset:cap}
.sumario li{counter-increment:cap;display:flex;align-items:baseline;gap:14px;padding:16px 0;border-bottom:1px solid var(--linha);font:400 19px/1.35 var(--f-serif)}
.sumario li::before{content:counter(cap,upper-roman);flex:none;width:44px;font:500 13px var(--f-sans);letter-spacing:.1em;color:var(--ouro-escuro)}
.aviso-exemplo{margin-top:28px;display:inline-flex;gap:10px;align-items:center;padding:8px 14px;border-radius:999px;background:#F6EDD6;color:var(--ouro-fundo);font-size:13px;font-weight:600}
.relacionados .grade-livros{padding-bottom:0}

/* Plataforma — página */
.recursos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linha-escura-2);margin-top:clamp(48px,6vw,80px)}
.recurso{position:relative;padding:44px 36px 48px 0;border-bottom:1px solid var(--linha-escura-2)}
.recurso:not(:nth-child(3n+1)){padding-left:36px;border-left:1px solid var(--linha-escura-2)}
.recurso-ico{display:block;width:46px;height:46px;color:var(--ouro)}
.recurso h3{margin-top:28px;color:var(--branco)}
.recurso p{margin-top:12px;color:var(--claro-2);font-size:15.5px;max-width:34ch}
.cali .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,7vw,120px);align-items:center}
.cali h2{margin-top:22px}
.cali .lead{margin-top:26px}
.cali-janela{background:var(--branco);border:1px solid var(--linha);border-radius:22px;box-shadow:0 50px 100px -50px rgba(26,27,31,.4);overflow:hidden}
.cali-topo{display:flex;align-items:center;gap:14px;padding:18px 22px;border-bottom:1px solid var(--linha)}
.cali-av{width:42px;height:42px;border-radius:50%;background:var(--tinta);display:grid;place-items:center;font:500 italic 20px var(--f-serif);color:var(--ouro)}
.cali-topo b{display:block;font:500 18px var(--f-serif)}
.cali-topo small{font-size:12.5px;color:var(--texto-3)}
.cali-msgs{padding:26px 22px;display:flex;flex-direction:column;gap:14px;min-height:340px;background:var(--papel)}
.msg{max-width:86%;padding:14px 18px;border-radius:18px;font-size:15px;line-height:1.6;opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.msg.mostra{opacity:1;transform:none}
.msg--eu{align-self:flex-end;background:var(--tinta);color:var(--claro);border-bottom-right-radius:6px}
.msg--cali{align-self:flex-start;background:var(--branco);border:1px solid var(--linha);border-bottom-left-radius:6px}
.digitando{display:inline-flex;gap:5px;padding:16px 18px}
.digitando i{width:7px;height:7px;border-radius:50%;background:var(--ouro);animation:pulo 1.2s ease-in-out infinite}
.digitando i:nth-child(2){animation-delay:.15s}.digitando i:nth-child(3){animation-delay:.3s}
@keyframes pulo{0%,60%,100%{transform:none;opacity:.4}30%{transform:translateY(-5px);opacity:1}}
.passos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:clamp(48px,6vw,80px);counter-reset:passo}
.passo{counter-increment:passo;position:relative;padding:40px 34px 44px;border:1px solid var(--linha);background:var(--branco)}
.passo::before{content:counter(passo);display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:1px solid var(--ouro);font:400 italic 26px var(--f-serif);color:var(--ouro-escuro)}
.passo:not(:last-child)::after{content:"";position:absolute;top:68px;left:calc(34px + 56px + 12px);right:-24px;height:1px;background:linear-gradient(90deg,var(--ouro),rgba(200,155,60,0))}
.passo h3{margin-top:28px}
.passo p{margin-top:12px;color:var(--texto-2);font-size:15.5px}
.assinante{display:flex;justify-content:space-between;align-items:center;gap:32px;flex-wrap:wrap;padding:40px clamp(28px,4vw,56px);border-radius:24px;background:var(--tinta);color:var(--claro);margin-top:clamp(64px,8vw,110px)}
.assinante h3{font-size:clamp(26px,2.4vw,34px);color:var(--branco)}
.assinante p{margin-top:8px;color:var(--claro-2)}

/* Contato */
.canais{border-top:1px solid var(--tinta)}
.canal{position:relative;display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1.6fr) auto;gap:24px;align-items:center;padding:clamp(26px,3vw,40px) 0;border-bottom:1px solid var(--linha);overflow:hidden}
.canal::before{content:"";position:absolute;inset:0;background:var(--papel-2);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-io);z-index:-1}
.canal:hover::before{transform:scaleX(1)}
.canais{position:relative;isolation:isolate}
.canal-tipo{font:600 11.5px/1 var(--f-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--texto-3)}
.canal-valor{font:400 clamp(24px,3.2vw,48px)/1.1 var(--f-serif);letter-spacing:-.02em;overflow-wrap:anywhere;transition:transform .7s var(--ease)}
.canal:hover .canal-valor{transform:translateX(14px)}
.canal-valor--longo{font-size:clamp(20px,2.5vw,38px)}
.canal-acoes{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.copiar.ok{color:var(--claro)}
.contato-nota{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;margin-top:clamp(64px,8vw,110px)}
.cartao-nota{padding:40px;border:1px solid var(--linha);background:var(--branco)}
.cartao-nota h3{font-size:26px}
.cartao-nota p{margin-top:12px;color:var(--texto-2)}
.cartao-nota .acoes{margin-top:28px}

/* Texto legal */
.texto-legal{max-width:72ch}
.texto-legal h2{font-size:28px;margin-top:48px}
.texto-legal p{margin-top:16px;color:var(--texto-2);font-size:17px}

/* =====================================================================
   RODAPÉ
   ===================================================================== */
.rodape{position:relative;background:var(--tinta-fundo);color:var(--claro-2);padding-top:clamp(80px,9vw,130px);overflow:hidden}
.rodape-topo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:end;padding-bottom:clamp(56px,7vw,90px);border-bottom:1px solid var(--linha-escura)}
.rodape-topo h2{color:var(--claro);max-width:14ch}
.rodape-topo .acoes{justify-content:flex-end}
.rodape-colunas{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:40px;padding-block:64px 40px;font-size:14.5px}
.rodape-colunas img{height:58px;width:auto}
.rodape-colunas p{margin-top:20px;max-width:36ch;line-height:1.65}
.rodape h4{font:600 11px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro);margin-bottom:20px}
.rodape ul{display:grid;gap:11px}
.rodape a{text-decoration:none;color:var(--claro);transition:color .3s}
.rodape a:hover{color:var(--ouro-claro)}
.rodape-marca{display:block;width:100%;height:auto;margin-top:10px}
.rodape-marca text{font:400 italic 150px var(--f-serif);fill:transparent;stroke:rgba(200,155,60,.55);stroke-width:.8;stroke-dasharray:1400;stroke-dashoffset:1400;transition:stroke-dashoffset 3.2s var(--ease-io),fill 1.6s ease 2s}
.rodape-marca.visivel text{stroke-dashoffset:0;fill:rgba(200,155,60,.06)}
.rodape-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:26px calc(30px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--linha-escura);font-size:13px}
.rodape-base nav{display:flex;gap:22px}

/* WhatsApp flutuante */
.zap{position:fixed;right:clamp(16px,2.4vw,32px);bottom:calc(clamp(16px,2.4vw,32px) + env(safe-area-inset-bottom,0px));z-index:80;display:flex;align-items:center;height:60px;padding:0 6px;border-radius:999px;background:var(--tinta);color:var(--claro);text-decoration:none;
  box-shadow:0 18px 40px -14px rgba(0,0,0,.55),0 0 0 1px rgba(200,155,60,.45);transition:transform .6s var(--ease)}
.zap-ico{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#D7AE52,#B98A2C);color:var(--tinta)}
.zap-ico svg{width:24px;height:24px;fill:currentColor}
.zap-txt{max-width:0;overflow:hidden;white-space:nowrap;font-size:14px;font-weight:600;transition:max-width .7s var(--ease),padding .7s var(--ease)}
.zap:hover .zap-txt{max-width:200px;padding:0 14px 0 12px}
html.js .zap{transform:translateY(140px)}
html.js .pronto .zap{transform:none;transition-delay:1.2s}

.prototipo{position:fixed;left:50%;transform:translateX(-50%);white-space:nowrap;bottom:calc(clamp(16px,2.4vw,32px) + env(safe-area-inset-bottom,0px));z-index:80;padding:8px 14px;border-radius:999px;background:rgba(246,237,214,.95);color:var(--ouro-fundo);font-size:12px;font-weight:600;border:1px solid rgba(200,155,60,.4)}

/* =====================================================================
   RESPONSIVO
   ===================================================================== */
@media (max-width:1180px){
  .nav{display:none}
  .menu-bt{display:inline-flex}
  .topo-acoes{margin-left:auto}
  .grade-livros{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rodape-colunas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rodape-colunas>div:first-child{grid-column:1/-1}
}
@media (max-width:980px){
  :root{--topo-h:84px}
  .abre-home .wrap,.abertura .wrap,.plat-teaser .wrap,.cali .wrap,.material .wrap,.ano .wrap,.declaracao .wrap,.manifesto .wrap,.rodape-topo,.contato-nota{grid-template-columns:minmax(0,1fr)}
  .abre-home{min-height:0;padding-bottom:140px}
  .abre-palco{min-height:440px}
  .abre-palco .livro3d{--w:min(280px,60vw)}
  .abertura-lado .lead{margin-left:0}
  .rodape-topo .acoes{justify-content:flex-start}
  .area-linha{grid-template-columns:minmax(0,1fr) auto}
  .area-desc{grid-column:1/2;grid-row:2}
  .area-seta{grid-row:1/3;grid-column:2}
  .area-previa{display:none}
  .recursos,.pilares,.passos{grid-template-columns:minmax(0,1fr)}
  .recurso,.recurso:not(:nth-child(3n+1)){padding:36px 0;border-left:0}
  .passo::after{display:none}
  .material-palco{position:relative;top:auto;min-height:480px}
  .folha{grid-template-columns:minmax(0,1fr);gap:20px;top:calc(96px + var(--n) * 16px)}
  .filtros{top:0}
  .janela-corpo{grid-template-columns:120px minmax(0,1fr)}
  .jl-lateral img{width:90px}
}
@media (max-width:720px){
  .abre-fatos{display:none}
  .fatos{grid-template-columns:minmax(0,1fr)}
  .fato,.fato+.fato{padding:28px 0;border-left:0;border-bottom:1px solid var(--linha)}
  .grade-livros{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 20px}
  .obra h3{font-size:19px}
  .canal{grid-template-columns:minmax(0,1fr)}
  .canal-acoes{justify-content:flex-start}
  .folha-marca{display:none}
  .janela-corpo{grid-template-columns:minmax(0,1fr);min-height:0}
  .jl-lateral{display:none}
  .jl-grade{grid-template-columns:repeat(3,minmax(0,1fr))}
  .jl-grade .jl-item:nth-child(n+4){display:none}
  .rodape-colunas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .filtros .wrap{min-height:0}
  .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);width:calc(100% + var(--gutter) * 2)}
  .chips::-webkit-scrollbar{display:none}
  .chip{flex:none}
  .busca{width:100%}
  .prototipo{bottom:auto;top:calc(var(--topo-h) + 10px)}
}
@media (max-width:520px){
  .marca img{height:44px}
  .topo.solido .marca img{height:40px}
  .topo-acoes .btn{display:none}
  .btn{--altura:54px}
  .acoes .btn{width:100%;justify-content:space-between}
  .abre-palco .selo{--tam:110px;right:0}
  .grade-livros{grid-template-columns:minmax(0,1fr)}
  .obra-capa{max-width:250px}
  .rodape-colunas{grid-template-columns:minmax(0,1fr)}
  .material-palco .selo{--tam:92px}
  .cartao-nota{padding:28px}
}

/* Movimento reduzido: tudo visível, nada se mexe */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
  html.js [data-revelar],html.js [data-dividir] .palavra>span{opacity:1;transform:none}
  .faixa-trilho{animation:none}
  .janela{transform:none}
}

/* =====================================================================
   CATÁLOGO REAL — capas com foto, categorias e página de produto
   ===================================================================== */
.capa--c1,.livro3d--c1{--cor:#21242B}.capa--c2,.livro3d--c2{--cor:#18291F}.capa--c3,.livro3d--c3{--cor:#2E1A20}.capa--c4,.livro3d--c4{--cor:#152539}
.capa--c5,.livro3d--c5{--cor:#2B2416}.capa--c6,.livro3d--c6{--cor:#251F2C}.capa--c7,.livro3d--c7{--cor:#1A2A2D}.capa--c8,.livro3d--c8{--cor:#262626}
.capa--foto{background-image:none}
.capa-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform 1.4s var(--ease)}
.capa-veu{position:absolute;inset:0;z-index:1;background:
  linear-gradient(180deg,rgba(12,13,16,.62) 0%,rgba(12,13,16,.08) 26%,rgba(12,13,16,0) 40%,color-mix(in srgb,var(--cor) 72%,transparent) 62%,color-mix(in srgb,var(--cor) 97%,black) 84%)}
.capa--foto .capa-moldura{z-index:2;border-color:rgba(200,155,60,.75)}
.capa--foto .capa-titulo{text-shadow:0 1px 12px rgba(0,0,0,.35)}
.capa--foto .capa-emblema{margin-top:0;width:18%;position:absolute;right:9%;top:7%;opacity:.95}
.capa--foto .capa-area{padding-right:24%}
.obra:hover .capa-img,.estante-item:hover .capa-img{transform:scale(1.05)}
.capa--foto .capa-sub:empty,.capa--foto .capa-sub:empty+*{display:none}

.obra-capa{position:relative}
.obra-selos{position:absolute;left:12px;top:-12px;z-index:4;display:flex;flex-wrap:wrap;gap:6px}
.marca-m{display:inline-flex;align-items:center;height:26px;padding:0 12px;border-radius:999px;font:600 11px/1 var(--f-sans);letter-spacing:.04em;background:var(--tinta);color:var(--claro);border:1px solid rgba(200,155,60,.45);white-space:nowrap}
.marca-m--ouro{background:linear-gradient(180deg,#D7AE52,#B98A2C);color:var(--tinta);border-color:transparent}
.marca-m--area{background:transparent;color:var(--ouro);border-color:rgba(200,155,60,.5)}
.obra h3 .obra-sub{display:block;margin-top:4px;font:italic 400 16px/1.3 var(--f-serif);color:var(--ouro-escuro)}
.obra p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.grade-livros--4{grid-template-columns:repeat(4,minmax(0,1fr));padding-bottom:0}
.chips{row-gap:10px}

/* Home: palco do destaque e lista de oito áreas */
.abre-palco{text-decoration:none;color:inherit}
.abre-palco-nota{z-index:2;position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);white-space:nowrap;font:500 italic 14px var(--f-serif);color:var(--claro-2);border-top:1px solid var(--linha-escura-2);padding-top:10px}
html.js .abre-palco-nota{opacity:0;transition:opacity 1s ease 1.4s}
html.js .pronto .abre-palco-nota{opacity:1}
.area-linha{padding:clamp(22px,2.4vw,32px) 0}
.area-nome{font-size:clamp(28px,3.4vw,52px)}
.area-desc b{display:block;margin-top:6px;font:500 italic 15px var(--f-serif);color:var(--ouro)}
.rodape-end{color:var(--claro-2);line-height:1.5;max-width:30ch}
.acoes--abertura{margin-top:32px}
.catalogo-info span{max-width:60ch}

/* Página de produto */
.pg-produto .topo{background:transparent}
.produto{position:relative;overflow:hidden;padding-block:calc(var(--topo-h) + clamp(48px,6vw,90px)) clamp(80px,9vw,130px)}
.produto .guilhoche{left:-18%;top:50%;width:min(1100px,100vw);aspect-ratio:1;transform:translateY(-50%)}
.produto::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 60% at 25% 55%,rgba(200,155,60,.10),transparent 70%);pointer-events:none}
.produto .wrap{position:relative;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(40px,6vw,110px);align-items:center}
.produto-palco{position:relative;display:grid;place-items:center;min-height:560px}
.produto-palco .livro3d{--w:min(300px,62vw);--h:calc(var(--w) * 1.3333)}
.produto-palco .selo{position:absolute;right:4%;bottom:4%;--tam:124px;z-index:3}
html.js .produto-palco .livro3d{opacity:0;transform:translateY(50px) rotate(-3deg);transition:opacity 1.3s var(--ease) .3s,transform 1.5s var(--ease) .3s}
html.js .produto-palco .selo{opacity:0;transform:scale(.6) rotate(-40deg);transition:opacity 1s var(--ease) .8s,transform 1.3s var(--ease) .8s}
html.js .pronto .produto-palco .livro3d,html.js .pronto .produto-palco .selo{opacity:1;transform:none}
.produto-marcas{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.produto-info h1{margin-top:20px;font-size:clamp(38px,4.6vw,72px)}
.produto-sub{margin-top:14px;font:400 italic clamp(21px,2vw,28px)/1.3 var(--f-serif);color:var(--ouro-claro)}
.produto-info .lead{margin-top:26px}
.produto-numeros{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:34px 0 0;border-top:1px solid var(--linha-escura-2)}
.produto-numeros div{padding:18px 20px 0 0}
.produto-numeros div+div{padding-left:20px;border-left:1px solid var(--linha-escura-2)}
.produto-numeros dt{font:600 10.5px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--claro-3)}
.produto-numeros dd{margin:10px 0 0;font:400 clamp(19px,1.6vw,23px)/1.25 var(--f-serif);color:var(--claro)}
.produto-info .acoes{margin-top:36px}

.produto-corpo .wrap{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(40px,6vw,100px);align-items:start}
.ficha-lado{position:sticky;top:110px}
.ficha-lado .ficha{margin-top:0;padding:8px 28px 28px;background:var(--branco);border:1px solid var(--linha);border-top:3px solid var(--tinta)}
.ficha-lado .ficha div:not(.ficha-acoes){flex-wrap:wrap}
.ficha-lado .ficha dd{font-size:16px;max-width:100%}
.ficha-acoes{margin-top:24px}
.ficha-acoes .btn{width:100%;justify-content:space-between}
.produto-texto>.bloco:first-child,.produto-texto>.aviso-m+.bloco{margin-top:0}
.produto-texto .bloco p+p{margin-top:16px}
.aviso-m{margin-bottom:56px;padding:20px 24px;border:1px solid rgba(200,155,60,.5);background:#FBF4E2;color:#5C4513;font-size:15.5px;line-height:1.6}
.aviso-m b{color:var(--tinta)}
.bloco-nota{font-size:14.5px!important;color:var(--texto-3)!important;margin-top:14px!important}
.pastas{margin-top:26px;border-top:1px solid var(--tinta)}
.pasta{border-bottom:1px solid var(--linha)}
.pasta summary,.pasta--simples{display:grid;grid-template-columns:28px minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:18px 4px;list-style:none;cursor:pointer}
.pasta--simples{grid-template-columns:28px minmax(0,1fr) auto;cursor:default}
.pasta summary::-webkit-details-marker{display:none}
.pasta-ico{width:24px;height:24px;color:var(--ouro-escuro)}
.pasta-ico svg{width:100%;height:100%}
.pasta-nome{font:500 19px/1.3 var(--f-serif)}
.pasta-meta{font-size:12.5px;color:var(--texto-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.pasta-mais{width:30px;height:30px;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center;transition:transform .5s var(--ease),background .3s,border-color .3s}
.pasta-mais svg{width:12px;height:12px}
.pasta[open] .pasta-mais{transform:rotate(45deg);background:var(--tinta);color:var(--ouro);border-color:var(--tinta)}
.pasta summary:hover .pasta-nome{color:var(--ouro-escuro)}
.pasta-itens{padding:0 4px 22px 46px;display:grid;gap:9px;columns:auto}
.pasta-itens li{position:relative;padding-left:18px;font-size:15.5px;line-height:1.5;color:var(--texto-2)}
.pasta-itens li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1px;background:var(--ouro)}
.pasta-itens .pasta-resto{font-style:italic;color:var(--texto-3)}
.pasta-itens .pasta-resto::before{display:none}
html.js .pasta[open] .pasta-itens{animation:abrir-pasta .6s var(--ease)}
@keyframes abrir-pasta{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
.acesso .passos{margin-top:clamp(40px,5vw,64px)}
.relacionados .grade-livros{padding-bottom:0}

@media (max-width:1180px){.grade-livros--4{grid-template-columns:repeat(3,minmax(0,1fr))}.grade-livros--4 .obra:nth-child(4){display:none}}
@media (max-width:980px){
  .produto .wrap,.produto-corpo .wrap{grid-template-columns:minmax(0,1fr)}
  .produto-palco{min-height:460px;order:0}
  .ficha-lado{position:relative;top:auto;order:2}
  .produto-texto{order:1}
  .abre-palco-nota{bottom:-18px}
}
@media (max-width:720px){
  .grade-livros--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grade-livros--4 .obra:nth-child(4){display:flex}
  .pasta summary{grid-template-columns:24px minmax(0,1fr) auto;row-gap:4px}
  .pasta summary .pasta-meta,.pasta--simples .pasta-meta{grid-column:2;grid-row:2}
  .pasta summary .pasta-mais{grid-row:1/3;grid-column:3}
  .pasta--simples{grid-template-columns:24px minmax(0,1fr)}
  .pasta-itens{padding-left:38px}
  .produto-numeros{grid-template-columns:minmax(0,1fr)}
  .produto-numeros div+div{padding-left:0;border-left:0}
}
@media (max-width:520px){.grade-livros--4{grid-template-columns:minmax(0,1fr)}.produto-palco .selo{--tam:96px}}
@media (max-width:520px){
  .grade-livros,.grade-livros--4{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 14px}
  .obra-capa{max-width:none}
  .obra small{margin-top:16px;font-size:9.5px;letter-spacing:.12em}
  .obra h3{font-size:16.5px}
  .obra h3 .obra-sub{font-size:14px}
  .obra p,.obra-mais{display:none}
  .obra .capa-area{font-size:7px}
  .obra .capa-titulo{font-size:14px}
  .obra .capa-sub{font-size:11px}
  .obra-selos{left:6px}
  .marca-m{height:22px;padding:0 8px;font-size:9.5px}
}

/* =====================================================================
   REFINAMENTOS — rodada 3
   ===================================================================== */

/* ---------- Fundo dos banners escuros: luz de cena, vinheta e grão ---------- */
.abre-home,.abertura,.produto,.chamada{
  background:
    radial-gradient(42% 58% at 74% 46%,rgba(200,155,60,.13),transparent 70%),
    radial-gradient(70% 90% at 8% 110%,rgba(46,40,30,.55),transparent 60%),
    linear-gradient(180deg,#121317 0%,#191A1F 55%,#121317 100%);
  isolation:isolate}
.abre-home::before,.abertura::before,.produto::before,.chamada::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:conic-gradient(from 180deg at 74% -10%,transparent 0deg,rgba(236,214,160,.07) 14deg,transparent 30deg,transparent 330deg,rgba(236,214,160,.05) 346deg,transparent 360deg);
  -webkit-mask:linear-gradient(180deg,#000,transparent 85%);mask:linear-gradient(180deg,#000,transparent 85%)}
.abre-home::after,.produto::after,.chamada::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(200,155,60,.55),transparent)}
.abertura::before{background:conic-gradient(from 180deg at 82% -10%,transparent 0deg,rgba(236,214,160,.07) 14deg,transparent 30deg,transparent 330deg,rgba(236,214,160,.05) 346deg,transparent 360deg)}

/* ---------- Balança da justiça ---------- */
.balanca{position:absolute;pointer-events:none;z-index:0}
.balanca svg{width:100%;height:100%;overflow:visible}
.balanca path,.balanca circle{stroke:var(--ouro);stroke-width:1.15;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.bz-braco{transform-box:view-box;transform-origin:300px 157px;animation:bz-braco 9s ease-in-out infinite}
.bz-esq{animation:bz-esq 9s ease-in-out infinite}
.bz-dir{animation:bz-dir 9s ease-in-out infinite}
@keyframes bz-braco{0%,100%{transform:rotate(-2.2deg)}50%{transform:rotate(2.2deg)}}
@keyframes bz-esq{0%,100%{transform:translateY(7.7px)}50%{transform:translateY(-7.7px)}}
@keyframes bz-dir{0%,100%{transform:translateY(-7.7px)}50%{transform:translateY(7.7px)}}
html.js .balanca path,html.js .balanca circle{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 3.2s var(--ease-io) .2s}
html.js .pronto .balanca path,html.js .pronto .balanca circle{stroke-dashoffset:0}
.balanca--home{left:50%;top:46%;width:calc(var(--bw) * 2.35);aspect-ratio:600/640;transform:translate(-50%,-50%);opacity:.45}
.abre-palco .flutua{position:relative;z-index:1}
.abre-palco .selo{z-index:3}
.balanca--abertura{right:max(calc((100vw - var(--largura)) / 2 - 20px),-120px);top:calc(var(--topo-h) - 30px);height:calc(100% - var(--topo-h) + 50px);aspect-ratio:600/640;opacity:.2}
.balanca--produto{left:max(calc((100vw - var(--largura)) / 2 - 60px),-140px);top:calc(var(--topo-h) - 10px);height:calc(100% - var(--topo-h));aspect-ratio:600/640;opacity:.26}
.balanca--chamada{left:50%;top:6%;height:88%;aspect-ratio:600/640;transform:translateX(-50%);opacity:.12}
.abertura .guilhoche,.abre-home .guilhoche,.produto .guilhoche,.chamada .guilhoche{display:none}

/* ---------- Logo maior, com o emblema girando como medalha ---------- */
.marca{display:flex;align-items:center;gap:0;text-decoration:none;--lh:66px}
.topo.solido .marca{--lh:54px}
.marca img,.topo.solido .marca img{height:var(--lh)}
.marca-emblema{display:block;perspective:600px;flex:none}
.marca-emblema img{display:block;width:auto;height:var(--lh);transform-style:preserve-3d;transition:transform 1.2s cubic-bezier(.22,.9,.24,1),filter .8s ease,height .5s var(--ease)}
.marca-nome{display:block;width:auto;transition:transform .9s var(--ease),opacity .6s ease,height .5s var(--ease)}
.marca:hover .marca-emblema img,.marca:focus-visible .marca-emblema img{transform:rotateY(360deg);filter:drop-shadow(0 0 14px rgba(200,155,60,.55)) brightness(1.12)}
.marca:hover .marca-nome{transform:translateX(5px)}
@media (max-width:520px){.marca{--lh:52px}.topo.solido .marca{--lh:46px}}

/* ---------- Menu principal em cápsula, com indicador que desliza ---------- */
.nav{position:relative;gap:2px;padding:5px;border-radius:999px;border:1px solid rgba(200,155,60,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 30px -18px rgba(0,0,0,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.nav a{z-index:1;padding:9px 18px;font-size:14px;letter-spacing:.015em;color:var(--claro-2)}
.nav a::after{display:none}
.nav a[aria-current]{color:var(--branco)}
.nav-indicador{position:absolute;z-index:0;top:5px;bottom:5px;left:0;width:0;border-radius:999px;
  background:linear-gradient(180deg,rgba(200,155,60,.24),rgba(200,155,60,.10));box-shadow:inset 0 0 0 1px rgba(200,155,60,.42),0 6px 18px -8px rgba(200,155,60,.5);
  transform:translateX(var(--nx,0));width:var(--nw,0);opacity:var(--no,0);transition:transform .55s var(--ease),width .55s var(--ease),opacity .4s ease}
.topo.solido{border-bottom-color:transparent;box-shadow:0 1px 0 rgba(200,155,60,.18),0 18px 40px -24px rgba(0,0,0,.7)}
.topo::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(200,155,60,.6),transparent);opacity:0;transition:opacity .6s ease}
.topo.solido::after{opacity:1}

/* ---------- Abertura (primeira visita e trocas de página) ---------- */
.veu-contador{display:none!important}
.veu-selo{position:relative;width:112px;height:112px;display:grid;place-items:center}
.veu-selo svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
.veu-anel,.veu-anel2{fill:none;stroke:var(--ouro);stroke-width:.8;stroke-dasharray:1;stroke-dashoffset:1}
.veu-anel2{stroke-opacity:.35}
.veu-selo .veu-emblema{width:66px;opacity:0;transform:scale(.86);transition:opacity .9s ease .25s,transform 1.2s var(--ease) .25s}
.veu-nome{font:400 clamp(26px,3vw,36px)/1.1 var(--f-serif);letter-spacing:.01em;color:var(--claro);display:none;opacity:0;transform:translateY(10px)}
.veu-sub{opacity:0}
html.veu-ativo .veu-selo .veu-emblema,html.veu-fechando .veu-selo .veu-emblema{animation:veu-emb 1.1s var(--ease) .15s both}
@keyframes veu-emb{from{opacity:0;transform:scale(.86)}to{opacity:1;transform:none}}
html.veu-ativo .veu-anel,html.veu-fechando .veu-anel{animation:veu-anel 1.4s var(--ease-io) forwards}
html.veu-ativo .veu-anel2{animation:veu-anel 1.6s var(--ease-io) .15s forwards}
@keyframes veu-anel{to{stroke-dashoffset:0}}
html.intro .veu-nome{display:block;animation:veu-sobe 1s var(--ease) .45s forwards}
html.intro .veu-sub{animation:veu-sobe 1s var(--ease) .75s forwards}
html.intro .veu-fio{width:0;transition:none;animation:veu-fio 1.1s var(--ease-io) .6s forwards}
@keyframes veu-sobe{to{opacity:1;transform:none}}
@keyframes veu-fio{to{width:160px}}
html.veu-abrindo .veu-painel{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--ease-io)}

/* ---------- Banner principal: cabe inteiro na tela ---------- */
.abre-home{min-height:0;height:100svh;min-height:600px;max-height:1000px;padding-block:calc(var(--topo-h) + 1vh) 84px}
.abre-home .wrap{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}
.abre-home h1{font-size:clamp(40px,min(5.6vw,8.4vh),96px);margin-top:min(26px,2.6vh)}
.abre-home .lead{margin-top:min(28px,3vh);font-size:clamp(16px,min(1.3vw,2.3vh),19px)}
.abre-home .acoes{margin-top:min(40px,4.4vh)}
.abre-palco{min-height:0;height:min(560px,64vh)}
.abre-palco{--bw:min(290px,24vw,33vh)}
.abre-palco .livro3d{--w:var(--bw)}
.abre-palco .selo{--tam:min(140px,16vh)}
.abre-rodape{background:linear-gradient(180deg,transparent,rgba(0,0,0,.18))}
@media (max-height:700px) and (min-width:981px){.abre-home .rotulo{display:none}.abre-home h1{margin-top:0}}
@media (max-width:980px){
  .abre-home{height:auto;max-height:none;min-height:0;padding-block:calc(var(--topo-h) + 40px) 120px}
  .abre-home .wrap{grid-template-columns:minmax(0,1fr)}
  .abre-home h1{font-size:clamp(40px,9vw,64px)}
  .abre-palco{height:440px;--bw:min(240px,52vw)}
  .balanca--home{opacity:.32}
  .balanca--abertura{opacity:.12;right:-30%}
  .balanca--produto{left:50%;transform:translateX(-50%);top:calc(var(--topo-h) + 10px);height:520px}
}

/* ---------- Faixa de títulos: lenta, discreta, clicável ---------- */
.faixa{position:relative;padding-block:0;background:var(--papel);border-block:1px solid var(--linha)}
.faixa::before,.faixa::after{content:"";position:absolute;top:0;bottom:0;width:12vw;z-index:2;pointer-events:none}
.faixa::before{left:0;background:linear-gradient(90deg,var(--papel),transparent)}
.faixa::after{right:0;background:linear-gradient(270deg,var(--papel),transparent)}
.faixa-trilho{animation:correr 640s linear infinite;align-items:center}
.faixa-copia{display:flex}
.faixa-item{display:flex;align-items:baseline;gap:14px;padding:22px 34px;white-space:nowrap;text-decoration:none;color:var(--texto);position:relative;transition:color .4s ease}
.faixa-item::after{content:"";position:absolute;right:-3px;top:50%;width:5px;height:5px;background:var(--ouro);transform:translateY(-50%) rotate(45deg);opacity:.75}
.faixa-item small{font:600 10px/1 var(--f-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-escuro)}
.faixa-titulo{font:400 19px/1 var(--f-serif)}
.faixa-item em{font:italic 400 17px/1 var(--f-serif);color:var(--texto-3)}
.faixa-item:hover{color:var(--ouro-escuro)}
.faixa-trilho span{font:inherit;gap:0;padding:0}
.faixa-trilho span::after{content:none}

/* ---------- A editora: foto + texto, sem vazio ---------- */
.declaracao .wrap{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,6vw,104px);align-items:center}
.declaracao-foto{position:relative;margin:0;max-width:520px}
.declaracao-foto img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;filter:saturate(.9) contrast(1.04)}
.declaracao-foto::before{content:"";position:absolute;inset:18px -18px -18px 18px;border:1px solid rgba(200,155,60,.6);z-index:-1}
.declaracao-foto figcaption{position:absolute;left:-1px;bottom:28px;padding:16px 24px;background:var(--tinta);color:var(--claro);font:400 34px/1 var(--f-serif)}
.declaracao-foto figcaption span{display:block;margin-bottom:8px;font:600 10px/1 var(--f-sans);letter-spacing:.24em;text-transform:uppercase;color:var(--ouro)}
.declaracao-corpo .rotulo{margin-bottom:26px}
.declaracao-texto{text-indent:0;font-size:clamp(26px,2.5vw,38px)}
.declaracao-apoio{margin-top:24px;font-size:17px;line-height:1.7;color:var(--texto-2);max-width:56ch}
.declaracao .fio{margin-top:32px}
.declaracao .fatos{margin-top:clamp(44px,5vw,64px)}
.declaracao .fato strong{font-size:clamp(46px,4.4vw,70px)}
@media (max-width:980px){.declaracao .wrap{grid-template-columns:minmax(0,1fr)}.declaracao-foto{max-width:420px}}
@media (max-width:720px){.declaracao .fatos{grid-template-columns:repeat(3,minmax(0,1fr))}.declaracao .fato,.declaracao .fato+.fato{padding:20px 10px 0 0;border-bottom:0}.declaracao .fato span{font-size:13px}}

/* ---------- Áreas: a capa surge à esquerda do nome ---------- */
.area-previa{display:none!important}
.area-titulo{position:relative;display:flex;align-items:center;min-width:0}
.area-capa{flex:none;width:0;height:clamp(64px,5.6vw,84px);aspect-ratio:3/4;margin-right:0;overflow:hidden;border-radius:2px 4px 4px 2px;
  box-shadow:0 14px 30px -14px rgba(0,0,0,.8),0 0 0 1px rgba(200,155,60,.5);opacity:0;transform:rotate(-6deg) scale(.8);
  transition:width .7s var(--ease),margin .7s var(--ease),opacity .5s ease,transform .8s var(--ease)}
.area-capa img{width:100%;height:100%;object-fit:cover;display:block}
.area-linha:hover .area-seta{transform:rotate(45deg)}
.area-linha:hover .area-capa,.area-linha:focus-visible .area-capa{width:clamp(48px,4.2vw,63px);margin-right:clamp(18px,2vw,28px);opacity:1;transform:none}
.area-linha:hover .area-nome{transform:none}
@media (hover:none){.area-capa{width:clamp(40px,10vw,52px);height:auto;margin-right:16px;opacity:1;transform:none}}

/* ---------- Aviso "em desenvolvimento" ---------- */
.em-breve{display:inline-flex;align-items:center;gap:10px;height:30px;padding:0 14px 0 12px;border-radius:999px;border:1px solid rgba(200,155,60,.5);
  background:rgba(200,155,60,.08);color:var(--ouro);font:600 11px/1 var(--f-sans);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.em-breve i{width:7px;height:7px;border-radius:50%;background:var(--ouro);box-shadow:0 0 0 0 rgba(200,155,60,.6);animation:pulsar 2.2s ease-out infinite}
@keyframes pulsar{0%{box-shadow:0 0 0 0 rgba(200,155,60,.55)}80%,100%{box-shadow:0 0 0 9px rgba(200,155,60,0)}}
.em-breve--claro{color:var(--ouro-escuro);border-color:rgba(142,106,25,.4);background:rgba(200,155,60,.1)}
.plat-teaser .em-breve{display:flex;width:max-content;margin-top:20px}
.cabeca .em-breve{display:flex;width:max-content;margin-top:18px}
.em-breve--abertura{margin-top:26px}
.acoes--abertura{margin-top:22px}
.cartao-nota .em-breve{margin-bottom:18px}
.lead--demo{margin-top:22px}

/* ---------- Rodapé: chamada "em breve", sem a assinatura gigante ---------- */
.rodape-marca{display:none}
.rodape-topo{align-items:end}
.rodape-topo h2{margin-top:18px;max-width:16ch}
.rodape-topo .lead{margin-top:18px;color:var(--claro-2);max-width:52ch}
.rodape-end{display:none}

/* ---------- Catálogo: a barra de filtros não acompanha a rolagem ---------- */
.filtros{position:relative;top:auto}
@media (max-width:980px){.filtros{position:relative;top:auto}}

@media (prefers-reduced-motion:reduce){
  .bz-braco,.bz-esq,.bz-dir{animation:none}
  html.js .balanca path,html.js .balanca circle{stroke-dashoffset:0}
  .faixa-trilho{animation:none}
}

/* ---------- A editora: texto + números lado a lado (sem foto) ---------- */
.declaracao .wrap{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:clamp(48px,7vw,120px);align-items:center}
.declaracao-foto{display:none}
.declaracao .fatos--lista{margin-top:0;grid-template-columns:minmax(0,1fr);border-top:1px solid var(--tinta)}
.declaracao .fatos--lista .fato,.declaracao .fatos--lista .fato+.fato{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:center;
  padding:26px 0;border-left:0;border-bottom:1px solid var(--linha)}
.declaracao .fatos--lista .fato strong{font-size:clamp(50px,4.6vw,72px)}
.declaracao .fatos--lista .fato span{margin-top:0;font-size:15px}
@media (max-width:980px){.declaracao .wrap{grid-template-columns:minmax(0,1fr)}}
@media (max-width:720px){.declaracao .fatos--lista{grid-template-columns:minmax(0,1fr)}.declaracao .fatos--lista .fato,.declaracao .fatos--lista .fato+.fato{padding:20px 0;border-bottom:1px solid var(--linha)}}
.produto-palco .livro3d{--w:min(300px,62vw,40vh)}
.produto-palco{min-height:min(560px,72vh)}
.balanca--abertura{opacity:.16}

/* =====================================================================
   REFINAMENTOS — rodada 5
   ===================================================================== */
/* Cabeçalho no topo da página, sem acompanhar a rolagem */
.topo{position:absolute}
.topo.solido,.topo.oculto{transform:none;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.topo.solido .topo-in{height:var(--topo-h)}
.topo.solido .marca{--lh:66px}
.topo::after{display:none}

/* Balança do banner principal: maior e mais sutil */
.balanca--home{width:calc(var(--bw) * 3.15);top:47%;opacity:.24}
@media (max-width:980px){.balanca--home{width:min(560px,118vw);opacity:.2}}

/* Catálogo por área: a capa surge encostada na borda esquerda da tela */
@media (hover:hover) and (pointer:fine){
  .area-linha{overflow:visible;--recuo:calc(max((100vw - var(--largura)) / 2, 0px) + var(--gutter))}
  .area-linha::before{left:calc(-1 * var(--recuo))}
  .area-titulo{position:static}
  .area-capa,.area-linha:hover .area-capa,.area-linha:focus-visible .area-capa{
    position:absolute;left:calc(-1 * var(--recuo));top:0;bottom:0;height:auto;width:auto;aspect-ratio:3/4;margin:0;border-radius:0;
    box-shadow:14px 0 40px -10px rgba(0,0,0,.6);transform:none;opacity:1;
    clip-path:inset(0 100% 0 0);transition:clip-path .8s var(--ease-io)}
  .area-capa img{transform:scale(1.12);transition:transform 1.4s var(--ease)}
  .area-linha:hover .area-capa,.area-linha:focus-visible .area-capa{clip-path:inset(0 0 0 0)}
  .area-linha:hover .area-capa img{transform:none}
  .area-capa::after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:var(--ouro)}
  .area-linha:hover .area-nome{transform:translateX(14px)}
}
@media (hover:hover) and (pointer:fine){
  .area-linha{--capa-w:clamp(78px,6vw,104px)}
  .area-capa,.area-linha:hover .area-capa,.area-linha:focus-visible .area-capa{width:var(--capa-w);aspect-ratio:auto}
  .area-linha:hover .area-nome{transform:translateX(max(14px,calc(var(--capa-w) - var(--recuo) + 24px)))}
}

/* ---------- Banner principal — rodada 6 ---------- */
@media (min-width:981px){
  .abre-home .wrap{grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);gap:32px}
  .abre-home h1{max-width:none;font-size:clamp(44px,min(5.4vw,9.4vh),104px);line-height:.98}
  .abre-palco{transform:translateX(-24%)}
  .balanca--home{left:76%}
  .role{margin-right:max(0px,calc(118px - max((100vw - var(--largura)) / 2, 0px) - var(--gutter)))}
}
@media (min-width:981px){
  .abre-palco .flutua{transform:translateX(clamp(-70px,-3.4vw,-40px))}
  .abre-palco-nota{transform:translateX(calc(-50% + clamp(-70px,-3.4vw,-40px)))}
  .abre-palco .selo{right:-16%}
}
@media (min-width:1600px){
  .abre-home h1{font-size:clamp(44px,min(5vw,8.6vh),92px)}
  .abre-palco .flutua{transform:translateX(-30px)}
  .abre-palco-nota{transform:translateX(calc(-50% - 30px))}
}