/* JR Ortiz · versão D · as páginas do menu (Conteúdo, Palestras, Minha história)
   Mesma casa da página inicial: pedra, verde, ouro só no destaque, Archivo, Inter e JetBrains Mono.
   Base vem de estilo.css (cores, topo, botões, linha verde, bolinha do mouse, rodapé).
   Aqui só o que é destas páginas: menu enxuto, miolo centrado, soleiras, capas, listas, texto de leitura. */

:root{
  --respiro:clamp(48px,6.2svh,76px);
  --c-vender:var(--vivo);--c-inv:var(--ouro);--c-ia:var(--verde);--c-pei:var(--papel);
  --tinta:rgba(242,239,231,.14);
  --corte:rgba(242,239,231,.08);
}
html{scroll-padding-top:84px}

/* ================= MENU ENXUTO (o mesmo da página inicial) ================= */
.topo .btn.peq{white-space:nowrap}
.f-nav{display:flex;align-items:center;gap:clamp(14px,2vw,28px)}
.f-nav summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:500;color:var(--suave);padding:8px 2px;border-radius:8px;transition:color .25s}
.f-nav summary::-webkit-details-marker{display:none}
.f-nav summary:hover,.f-nav details[open] > summary{color:var(--papel)}
.f-nav summary:focus-visible{outline:2px solid var(--vivo);outline-offset:4px}
.f-drop,.f-menu{position:relative}
.f-drop > summary::after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s var(--ease)}
.f-drop[open] > summary::after{transform:translateY(2px) rotate(-135deg)}
.f-drop > .f-drop-lista{position:absolute;z-index:80;top:calc(100% + 14px);left:-14px;width:min(380px,80vw)}
.f-drop-lista{display:grid;gap:2px;padding:10px;border-radius:16px;background:rgba(15,23,18,.98);box-shadow:inset 0 0 0 1px rgba(242,239,231,.12),0 30px 60px -20px rgba(0,0,0,.85)}
.f-drop-lista a{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:10px;color:var(--papel)!important;text-decoration:none;font-size:.9375rem!important;line-height:1.3}
.f-drop-lista a:hover,.f-drop-lista a:focus-visible{background:rgba(79,191,127,.12);outline:none}
.f-drop-lista i{width:10px;height:10px;border-radius:50%;background:var(--cor);flex:none}
.f-menu > summary{width:44px;height:44px;justify-content:center;padding:0;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(242,239,231,.25);color:var(--papel)}
.f-menu > summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.f-menu[open] > summary{box-shadow:inset 0 0 0 1.5px var(--vivo)}
.f-menu-painel{position:absolute;z-index:80;top:calc(100% + 12px);right:0;width:min(380px,calc(100vw - 32px));max-height:calc(100svh - 90px);overflow:auto;padding:16px;border-radius:18px;background:#0C130F;box-shadow:inset 0 0 0 1px rgba(242,239,231,.12),0 30px 70px -20px rgba(0,0,0,.9);display:grid;gap:10px}
.f-menu-lista a{display:block;padding:10px 12px;border-radius:10px;font-family:var(--disp);font-weight:800;font-stretch:80%;font-size:1.5rem!important;color:var(--papel)!important;text-decoration:none}
.f-menu-lista a:hover,.f-menu-lista a:focus-visible{background:rgba(79,191,127,.12);outline:none}
.f-menu-rot{margin:6px 12px 0;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.f-menu-portas{background:none;box-shadow:none;padding:0}
.f-menu-btn{justify-content:center;margin-top:4px;color:var(--pedra)!important}
.topo nav a[aria-current="page"]{color:var(--vivo)}
.f-menu-lista a[aria-current="page"]{color:var(--vivo)!important}
.botao-topo .curto{display:none}
@media (max-width:600px){.topo .btn.peq{font-size:.85rem;padding:.6em .9em}}
@media (max-width:760px){.topo nav .so-pc{display:none}}

/* ================= O MIOLO CENTRADO (igual à home) ================= */
main > section,.rodape{--g:max(clamp(16px,4vw,56px),calc((100vw - var(--max) - var(--trilho)) / 2))}
.pg-sec{position:relative;padding:var(--respiro) var(--g) var(--respiro) calc(var(--g) + var(--trilho))}
.rail-e{left:calc(var(--g) + 6px)}
@media (max-width:860px){
  .pg-sec{padding:44px 16px 44px var(--trilho)}
  .rail-e{left:18px}
}
@media (min-width:861px){
  .pg-sec.lado-d{padding-left:var(--g);padding-right:calc(var(--g) + var(--trilho))}
  .lado-d > .rail-e{left:auto;right:calc(var(--g) + 6px)}
  .lado-d .pg-sol{justify-content:flex-end}
  .lado-d .pg-sol > .estacao{left:auto;right:calc(6px - var(--trilho));margin:-12px -12px 0 0}
}
.estacao.estacao-grande{width:24px;height:24px;margin:-12px 0 0 -12px;box-shadow:inset 0 0 0 2.5px var(--vivo),0 0 0 5px rgba(79,191,127,.08)}
.estacao.estacao-grande.aceso{box-shadow:0 0 0 7px rgba(79,191,127,.18),0 0 30px rgba(79,191,127,.55)}
/* sem JavaScript a linha não existe: as estações ficam acesas e paradas */
html:not(.js) .estacao{background:var(--vivo)}

/* ================= SOLEIRA (o rótulo de cada bloco) ================= */
.pg-sol{position:relative;display:flex;align-items:center;gap:16px;padding-top:14px;margin-bottom:clamp(28px,4.6svh,52px);border-top:1px solid rgba(242,239,231,.2);font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado)}
.pg-sol b{font-weight:500;color:var(--vivo)}
.pg-sol > .estacao{left:calc(6px - var(--trilho));top:0}
@media (max-width:860px){.pg-sol{gap:12px}.pg-sol > .estacao{left:calc(18px - var(--trilho))}}

/* ================= TIPOGRAFIA ================= */
.pg-titulo{font-family:var(--disp);font-weight:800;font-stretch:70%;font-size:clamp(2.7rem,6.2vw,6rem);line-height:.92;letter-spacing:-.018em;color:var(--papel);text-wrap:balance}
.pg-titulo em{font-style:normal;color:var(--vivo)}
.pg-frase{font-family:var(--disp);font-weight:600;font-stretch:84%;font-size:clamp(1.5rem,2.8vw,2.6rem);line-height:1.08;letter-spacing:-.018em;color:var(--papel);text-wrap:balance}
.pg-frase em{font-style:normal;color:var(--vivo)}
.pg-texto{font-size:clamp(1.0625rem,1.25vw,1.25rem);line-height:1.6;color:var(--suave);max-width:56ch;text-wrap:pretty}
.pg-texto b{color:var(--papel);font-weight:600}
.pg-rot{font-family:var(--mono);font-weight:500;font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--vivo)}
.pg-rot.mudo{color:var(--apagado)}
.pg-num{font-family:var(--disp);font-weight:900;font-stretch:62%;line-height:.8;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;color:var(--vivo)}

/* ================= CAPAS ================= */
.pg-capa{position:relative;overflow:hidden;isolation:isolate;padding-top:clamp(104px,15svh,150px);padding-bottom:clamp(40px,6svh,72px)}
.pg-capa-esfera{position:absolute;z-index:0;left:calc(var(--g) - 4vw);top:clamp(70px,9svh,120px);width:min(62vw,820px);aspect-ratio:1;opacity:.45;pointer-events:none}
.pg-capa-esfera canvas{display:block;width:100%;height:100%}
.pg-capa > *:not(.pg-capa-esfera){position:relative;z-index:1}
.pg-capa-grade{display:grid;grid-template-columns:minmax(0,1fr) clamp(260px,30vw,440px);gap:clamp(24px,4vw,64px);align-items:end}
.pg-h1{font-family:var(--disp);margin:0;color:var(--papel)}
.pg-h1.palavra{font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(4.4rem,13vw,12.5rem);line-height:.8;letter-spacing:-.012em}
.pg-h1.palavra span{display:block}
.pg-h1.palavra .pt{color:var(--vivo)}
.pg-h1.dito{font-weight:800;font-stretch:68%;font-size:clamp(3rem,8vw,8rem);line-height:.88;letter-spacing:-.02em;text-wrap:balance}
.pg-h1.dito em{font-style:normal;color:var(--vivo)}
.pg-cargo{margin-top:clamp(18px,3svh,30px);font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.3rem,2vw,2rem);line-height:1.1;letter-spacing:-.015em;color:var(--papel);max-width:26ch}
.pg-cargo span{color:var(--vivo)}
.pg-lede{margin-top:clamp(16px,2.6svh,26px);font-size:clamp(1.1rem,1.5vw,1.4rem);line-height:1.5;color:var(--suave);max-width:46ch;text-wrap:pretty}
.pg-lede b{color:var(--papel);font-weight:600}
.pg-capa .btn{margin-top:clamp(20px,3.4svh,34px)}
.pg-foto{position:relative;margin:0}
.pg-foto img{width:100%;height:auto}
.pg-foto.recorte{align-self:end;aspect-ratio:1240/2060;max-height:min(80svh,780px);justify-self:end}
.pg-foto.recorte img{width:100%;height:100%;object-fit:contain;object-position:50% 100%;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
.pg-foto.palco{border-radius:6px;aspect-ratio:4/5;-webkit-mask-image:linear-gradient(180deg,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,#000 78%,transparent 100%)}
.pg-foto.palco img{width:100%;height:100%;object-fit:cover;object-position:34% 50%}
.pg-foto.palco::after{content:"";position:absolute;inset:0;background:#2a4f3b;mix-blend-mode:color;opacity:.82;pointer-events:none}
.pg-foto.palco::before{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(120% 90% at 50% 40%,transparent 40%,rgba(10,16,13,.75) 100%);pointer-events:none}
.pg-foto.palco img{filter:grayscale(1) contrast(1.08) brightness(.9)}
@media (max-width:860px){
  .pg-capa{padding-top:92px}
  .pg-capa-grade{grid-template-columns:minmax(0,1fr);gap:22px}
  .pg-capa-esfera{left:50%;width:130vw;transform:translateX(-50%);top:70px;opacity:.4}
  .pg-foto.recorte{max-height:none;width:min(300px,78%);justify-self:start}
  .pg-foto.palco{aspect-ratio:4/3}
  .pg-h1.palavra{font-size:min(21vw,5.6rem)}
  .pg-h1.dito{font-size:clamp(2.7rem,12vw,4.4rem)}
}

/* números de prova em fila */
.pg-nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(18px,3vw,40px);margin:0}
.pg-nums li{display:grid;gap:10px;align-content:start}
.pg-nums .pg-num{font-size:clamp(2.8rem,4.6vw,4.6rem)}
.pg-nums span{font-size:1rem;line-height:1.35;color:var(--suave);max-width:20ch}
.pg-nums.ouro .pg-num.o{color:var(--ouro)}

/* ================= CARTÕES EM VIDRO VERDE ================= */
.pg-vidro{position:relative;border-radius:16px;background:linear-gradient(160deg,rgba(30,58,43,.5),rgba(15,23,18,.7));box-shadow:inset 0 0 0 1px rgba(242,239,231,.09),0 40px 80px -50px rgba(0,0,0,.8)}

/* ================= HISTÓRIA ================= */
.hi-lista{display:grid}
.hi-item{position:relative;display:grid;grid-template-columns:minmax(150px,.34fr) minmax(0,1fr);gap:clamp(18px,4vw,64px);padding:clamp(26px,4.4svh,44px) 0;border-top:1px solid var(--corte);align-items:start}
.hi-item:first-child{border-top:0;padding-top:0}
.hi-item > .estacao{left:calc(6px - var(--trilho));top:clamp(36px,5svh,56px)}
.hi-item:first-child > .estacao{top:.55em}
.hi-ano{font-family:var(--disp);font-weight:900;font-stretch:62%;font-size:clamp(3.4rem,8vw,7.4rem);line-height:.8;letter-spacing:-.015em;color:var(--papel);font-variant-numeric:lining-nums}
.hi-ano small{display:block;margin-top:.5em;font-family:var(--mono);font-weight:500;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado);line-height:1.3}
.hi-item.queda .hi-ano{color:var(--ouro)}
.hi-item.hoje .hi-ano{color:var(--vivo)}
.hi-corpo{display:grid;gap:12px;align-content:start;max-width:56ch}
.hi-corpo h3{font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(1.6rem,2.6vw,2.5rem);line-height:1;letter-spacing:-.012em;color:var(--papel)}
.hi-corpo p{font-size:clamp(1.0625rem,1.2vw,1.2rem);line-height:1.6;color:var(--suave)}
.hi-corpo p b{color:var(--papel);font-weight:600}
@media (max-width:860px){
  .hi-item{grid-template-columns:minmax(0,1fr);gap:10px;padding:28px 0}
  .hi-item > .estacao{left:calc(18px - var(--trilho));top:34px}
  .hi-item:first-child > .estacao{top:.5em}
}
.hi-mcc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,3vw,40px);margin:0 0 clamp(30px,5svh,56px)}
.hi-mcc li{display:grid;gap:8px;padding-top:16px;border-top:2px solid var(--vivo)}
.hi-mcc b{font-family:var(--disp);font-weight:900;font-stretch:62%;text-transform:uppercase;font-size:clamp(2.2rem,5vw,4.6rem);line-height:.85;color:var(--papel)}
.hi-mcc span{font-family:var(--mono);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
@media (max-width:600px){.hi-mcc{grid-template-columns:minmax(0,1fr);gap:16px}.hi-mcc li{grid-template-columns:minmax(0,1fr) auto;align-items:end}}
.hi-aprendi{display:grid;counter-reset:ap;gap:0;max-width:62rem}
.hi-aprendi li{counter-increment:ap;display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:14px;align-items:baseline;padding:16px 0;border-top:1px solid var(--corte);font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.12;letter-spacing:-.012em;color:var(--papel)}
.hi-aprendi li:last-child{border-bottom:1px solid var(--corte)}
.hi-aprendi li::before{content:counter(ap,decimal-leading-zero);font-family:var(--mono);font-weight:500;font-size:.8125rem;letter-spacing:.1em;color:var(--vivo)}
.hi-aprendi em{font-style:normal;color:var(--vivo)}

/* impacto: uma frase com força de capa */
.pg-impacto-sec{display:grid;justify-items:center;text-align:center;padding-top:clamp(44px,6svh,76px)!important;padding-bottom:clamp(44px,6svh,76px)!important}
.pg-impacto{margin:0;max-width:18ch;font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(2.7rem,7.2vw,7.4rem);line-height:.94;letter-spacing:-.02em;color:var(--papel);text-wrap:balance}
.pg-impacto em{font-style:normal;color:var(--vivo)}
.pg-impacto-apoio{margin-top:clamp(20px,3.2svh,36px);font-family:var(--mono);font-size:.875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro)}
.pg-orgulho{margin:0;max-width:26ch;font-family:var(--disp);font-weight:700;font-stretch:80%;font-size:clamp(1.9rem,4vw,3.8rem);line-height:1.04;letter-spacing:-.018em;color:var(--papel);text-wrap:balance}
.pg-orgulho em{font-style:normal;color:var(--vivo)}
@media (max-width:860px){.pg-impacto-sec{justify-items:start;text-align:left}}

/* ================= PALESTRAS ================= */
.pl-palcos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,80px)}
.pl-palco{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;padding:22px 0;border-top:1px solid var(--corte);align-items:baseline}
.pl-palco:nth-last-child(-n+2){border-bottom:1px solid var(--corte)}
.pl-palco > b{grid-row:1/4;font-family:var(--mono);font-weight:500;font-size:.8125rem;letter-spacing:.1em;color:var(--vivo);padding-top:.35em}
.pl-palco .tipo{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.pl-palco h3{font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.3rem,1.9vw,1.75rem);line-height:1.1;letter-spacing:-.01em;color:var(--papel);text-wrap:balance}
.pl-palco .onde{font-size:1rem;color:var(--suave)}
@media (max-width:860px){.pl-palcos{grid-template-columns:minmax(0,1fr)}.pl-palco:nth-last-child(2){border-bottom:0}}
.pl-temas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.pl-tema{position:relative;padding:clamp(20px,2.6vw,34px);min-height:clamp(110px,14svh,150px);display:grid;align-content:space-between;gap:20px}
.pl-tema b{font-family:var(--mono);font-weight:500;font-size:.8125rem;letter-spacing:.1em;color:var(--vivo)}
.pl-tema span{font-family:var(--disp);font-weight:800;font-stretch:76%;font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:.96;letter-spacing:-.012em;color:var(--papel)}
@media (max-width:1000px){.pl-temas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pl-temas{grid-template-columns:minmax(0,1fr)}.pl-tema{min-height:0}}
.pl-pods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,80px)}
.pl-pods li{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:20px 0;border-top:1px solid var(--corte);font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(1.5rem,2.4vw,2.3rem);line-height:1;letter-spacing:-.01em;color:var(--papel)}
.pl-pods li:nth-last-child(-n+2){border-bottom:1px solid var(--corte)}
.pl-pods li span{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado);white-space:nowrap}
@media (max-width:860px){.pl-pods{grid-template-columns:minmax(0,1fr)}.pl-pods li:nth-last-child(2){border-bottom:0}}
.pl-livro{display:grid;grid-template-columns:minmax(200px,.28fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.pl-capa{position:relative;aspect-ratio:3/4;max-width:300px;width:100%;padding:22px 20px;display:grid;align-content:space-between;background:linear-gradient(160deg,#1E3A2B,#0F1712 80%);box-shadow:inset 0 0 0 1px rgba(242,239,231,.16),0 40px 70px -40px rgba(0,0,0,.9);border-radius:4px 10px 10px 4px}
.pl-capa::before{content:"";position:absolute;left:12px;top:0;bottom:0;width:1px;background:rgba(242,239,231,.14)}
.pl-capa b{font-family:var(--disp);font-weight:900;font-stretch:64%;text-transform:uppercase;font-size:clamp(1.9rem,2.7vw,2.7rem);line-height:.84;color:var(--papel);padding-left:10px}
.pl-capa span{font-size:1rem;line-height:1.25;color:var(--suave);padding-left:10px}
.pl-capa i{font-style:normal;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro);padding-left:10px}
.pl-livro-txt{display:grid;gap:16px;align-content:center}
.pl-livro-txt h3{font-family:var(--disp);font-weight:800;font-stretch:76%;font-size:clamp(1.9rem,3.6vw,3.4rem);line-height:.98;letter-spacing:-.015em;color:var(--papel);max-width:20ch;text-wrap:balance}
.pl-pergunta{margin:0;padding:18px 0 0;border-top:1px solid var(--corte);max-width:52ch;font-family:var(--disp);font-weight:600;font-stretch:90%;font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.25;color:var(--papel)}
.pl-pergunta small{display:block;margin-bottom:8px;font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
@media (max-width:860px){.pl-livro{grid-template-columns:minmax(0,1fr)}.pl-capa{max-width:240px}}

/* ================= CONTEÚDO ================= */
.ct-grade{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.ct-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:clamp(22px,2.8vw,38px);min-height:clamp(260px,34svh,360px);text-decoration:none;color:var(--papel);grid-column:span 6;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
.ct-card:nth-child(1){grid-column:span 7}
.ct-card:nth-child(2){grid-column:span 5}
.ct-card:nth-child(3){grid-column:span 5}
.ct-card:nth-child(4){grid-column:span 7}
.ct-card:hover,.ct-card:focus-visible{transform:translateY(-4px);box-shadow:inset 0 0 0 1px var(--vivo),0 40px 80px -50px rgba(0,0,0,.8),0 0 0 6px rgba(79,191,127,.08);outline:none}
.ct-topo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ouro)}
.ct-topo b{font-weight:500;color:var(--vivo)}
.ct-card h3{align-self:center;font-family:var(--disp);font-weight:800;font-stretch:74%;font-size:clamp(1.9rem,3.4vw,3.3rem);line-height:.96;letter-spacing:-.015em;text-wrap:balance}
.ct-card:nth-child(1) h3,.ct-card:nth-child(4) h3{font-size:clamp(2.1rem,4vw,4rem)}
.ct-card p{font-size:1rem;line-height:1.5;color:var(--suave);max-width:46ch}
.ct-pe{display:flex;justify-content:space-between;align-items:end;gap:14px}
.ct-ler{display:inline-flex;align-items:center;gap:.6em;font-family:var(--disp);font-weight:700;font-stretch:90%;font-size:1rem;color:var(--vivo)}
.ct-ler svg{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .4s var(--ease)}
.ct-card:hover .ct-ler svg{transform:translateX(5px)}
@media (max-width:900px){.ct-card,.ct-card:nth-child(n){grid-column:1/-1;min-height:0}}
.ct-tag{display:inline-block;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--suave);padding:5px 10px;border-radius:99px;box-shadow:inset 0 0 0 1px rgba(242,239,231,.22);white-space:nowrap}
.ct-tags{display:flex;flex-wrap:wrap;gap:8px}
.ct-novo{color:var(--pedra);background:var(--vivo);box-shadow:none}

/* ================= TEXTO DE LEITURA ================= */
.ar-capa{padding-top:clamp(104px,14svh,140px);padding-bottom:clamp(28px,4svh,44px)}
.ar-migalha{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:clamp(22px,3.4svh,36px);font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--apagado)}
.ar-migalha a{color:var(--suave);text-decoration:none}
.ar-migalha a:hover{color:var(--vivo)}
.ar-migalha i{font-style:normal;color:var(--apagado)}
.ar-h1{margin:0;max-width:18ch;font-family:var(--disp);font-weight:800;font-stretch:72%;font-size:clamp(2.7rem,6.6vw,6.4rem);line-height:.92;letter-spacing:-.018em;color:var(--papel);text-wrap:balance}
.ar-lead{margin-top:clamp(18px,3svh,30px);max-width:34ch;font-family:var(--disp);font-weight:600;font-stretch:88%;font-size:clamp(1.3rem,2.2vw,2rem);line-height:1.16;letter-spacing:-.01em;color:var(--papel);text-wrap:balance}
.ar-meta{margin-top:clamp(20px,3svh,30px);display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;font-family:var(--mono);font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado)}
.ar-meta b{font-weight:500;color:var(--papel)}
.ar-livro{display:grid;grid-template-columns:minmax(0,68ch) minmax(220px,300px);gap:clamp(32px,6vw,110px);align-items:start;justify-content:start}
.ar-corpo{font-size:clamp(1.125rem,1.3vw,1.25rem);line-height:1.72;color:rgba(242,239,231,.86)}
.ar-corpo > * + *{margin-top:1.15em}
.ar-corpo h2{margin-top:2.1em;font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(1.9rem,3vw,2.7rem);line-height:1;letter-spacing:-.012em;color:var(--papel);scroll-margin-top:92px;text-wrap:balance}
.ar-corpo h2 + *{margin-top:.8em}
.ar-corpo p b,.ar-corpo li b{color:var(--papel);font-weight:600}
.ar-corpo .ouro{color:var(--ouro);font-weight:600}
.ar-corpo ul,.ar-corpo ol{display:grid;gap:.5em;padding-left:1.3em;list-style:none}
.ar-corpo li{position:relative}
.ar-corpo ul li::before{content:"";position:absolute;left:-1.1em;top:.6em;width:.4em;height:.4em;border-radius:50%;background:var(--vivo)}
.ar-corpo ol{counter-reset:o;padding-left:2em}
.ar-corpo ol li{counter-increment:o}
.ar-corpo ol li::before{content:counter(o);position:absolute;left:-2em;top:.15em;width:1.5em;height:1.5em;display:grid;place-items:center;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--vivo);font-family:var(--mono);font-size:.75rem;color:var(--vivo)}
.ar-corpo blockquote{margin-left:0;margin-right:0;padding:.2em 0 .2em 1.1em;border-left:3px solid var(--vivo);font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.12;letter-spacing:-.012em;color:var(--papel);text-wrap:balance}
.ar-corpo .tabela{overflow-x:auto;-webkit-overflow-scrolling:touch}
.ar-corpo table{width:100%;border-collapse:collapse;font-size:1rem;line-height:1.4}
.ar-corpo th,.ar-corpo td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--corte)}
.ar-corpo thead th{font-family:var(--disp);font-weight:800;font-stretch:84%;font-size:1.15rem;color:var(--vivo)}
.ar-corpo tbody th{font-family:var(--mono);font-weight:500;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--apagado);white-space:nowrap}
.ar-hoje{padding:clamp(20px,2.4vw,30px);display:grid;gap:10px}
.ar-hoje .pg-rot{color:var(--ouro)}
.ar-hoje p{font-size:1.0625rem;line-height:1.6;color:var(--papel)}
.ar-frase{font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(1.9rem,3.6vw,3.2rem);line-height:.98;letter-spacing:-.015em;color:var(--vivo);text-wrap:balance}
.ar-video{display:inline-flex}
.ar-fontes{font-size:.9375rem;line-height:1.5;color:var(--apagado)}
.ar-fontes .pg-rot{display:block;margin-bottom:8px;color:var(--apagado)}
.ar-fontes ol{padding-left:1.6em;display:grid;gap:6px}
.ar-fontes a{color:var(--suave);text-decoration-color:var(--verde)}
.ar-fontes a:hover{color:var(--vivo)}
.ar-lado{position:sticky;top:96px;display:grid;gap:22px;padding-left:20px;border-left:1px solid var(--corte)}
.ar-lado .pg-rot{display:block;margin-bottom:10px}
.ar-lado ol{display:grid;gap:10px}
.ar-lado a{color:var(--suave);text-decoration:none;font-size:1rem;line-height:1.3}
.ar-lado a:hover{color:var(--vivo)}
.ar-lado .assina-jr{font-family:var(--disp);font-weight:700;font-stretch:84%;font-size:1.1rem;color:var(--papel)}
.ar-lado p{font-size:1rem;line-height:1.45;color:var(--suave)}
@media (max-width:1100px){
  .ar-livro{grid-template-columns:minmax(0,68ch)}
  .ar-lado{display:none}
}
@media (max-width:860px){.ar-livro{grid-template-columns:minmax(0,1fr)}.ar-corpo{font-size:1.125rem}}
.ar-cta{display:grid;gap:14px;justify-items:start;padding:clamp(22px,3vw,40px);max-width:68ch}
.ar-cta h2{margin:0!important;font-size:clamp(1.8rem,3vw,2.6rem)!important}
.ar-cta p{font-size:1.0625rem;color:var(--suave)}
.ar-cta .btn{margin-top:6px}
.ar-tambem{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
@media (max-width:760px){.ar-tambem{grid-template-columns:minmax(0,1fr)}}
.ar-tambem .ct-card{grid-column:auto;min-height:0}
.ar-tambem .ct-card:nth-child(n){grid-column:auto}
.ar-tambem .ct-card h3{font-size:clamp(1.6rem,2.6vw,2.4rem)}

/* ================= FECHO ================= */
.pg-fecho{display:grid;align-content:center;justify-items:center;text-align:center;padding-top:clamp(64px,9svh,100px)!important;padding-bottom:clamp(56px,8svh,90px)!important}
.pg-fecho-t{margin:0;max-width:17ch;font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(2.8rem,7vw,7.4rem);line-height:.94;letter-spacing:-.02em;color:var(--papel);text-wrap:balance}
.pg-fecho-t em{font-style:normal;color:var(--vivo)}
.pg-fecho-ap{margin-top:clamp(18px,2.8svh,32px);max-width:44ch;font-size:1.0625rem;line-height:1.5;color:var(--suave)}
.pg-tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,32px);max-width:62rem;margin-top:clamp(30px,4.4svh,48px);text-align:left}
.pg-tres li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start}
.pg-tres b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--vivo);font-family:var(--mono);font-size:.875rem;font-weight:500;color:var(--vivo)}
.pg-tres span{padding-top:6px;font-size:1rem;line-height:1.45;color:var(--papel)}
.pg-fecho-acao{position:relative;margin-top:clamp(34px,5svh,56px);display:flex;flex-wrap:wrap;gap:14px 18px;justify-content:center;align-items:center}
.pg-fecho-no{left:-24px;top:50%}
.pg-fecho-acao .btn.grande{min-height:64px;padding:20px 44px;font-size:clamp(1.1rem,1.4vw,1.35rem)}
.pg-fecho-acao:has(.no.aceso) .btn:first-of-type{box-shadow:0 0 0 8px rgba(79,191,127,.16),0 0 48px rgba(79,191,127,.45)}
.pg-nota{margin-top:22px;font-size:1rem;color:var(--suave)}
.pg-nota a{color:var(--papel);text-decoration-color:var(--verde)}
@media (max-width:860px){
  .pg-fecho{justify-items:start;text-align:left}
  .pg-tres{grid-template-columns:minmax(0,1fr)}
  .pg-fecho-acao{justify-content:flex-start}
  .pg-fecho-no{left:calc(18px - var(--trilho))}
  .pg-fecho-acao .btn.grande{padding:18px 28px}
}

/* ================= RODAPÉ (igual ao da home) ================= */
.rodape{padding-top:36px;padding-bottom:26px;gap:18px}
@media (max-width:760px){
  .rodape nav a.so-pc-r{display:none}
  .rodape{padding:28px 16px 22px var(--trilho)}
  .rodape nav{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
  .rodape nav a{padding:6px 0;font-size:.95rem}
  .rodape{gap:12px}
}

/* ================= MOVIMENTO ================= */
@media (max-width:860px){
  .js:not(.estatico) .surge{opacity:1;transform:none;transition:none}
}
@media (prefers-reduced-motion:reduce){.surge{opacity:1!important;transform:none!important}}

/* ================= BOTÕES NA COR DA PORTA + PONTO DA CAPA ================= */
.btn.cta{min-height:56px;padding:.8em 1.5em;text-align:left;line-height:1.08;flex-direction:column;align-items:flex-start;gap:2px;font-size:1rem}
.btn.cta span{display:block;font-weight:800}
.btn.cta.c-vender{--bg:var(--c-vender)}
.btn.cta.c-inv{--bg:var(--c-inv)}
.btn.cta.c-inv:hover{box-shadow:0 14px 32px -12px rgba(214,179,106,.55)}
.btn.cta.c-ia{--bg:var(--c-ia)}
.btn.cta.c-pei{--bg:var(--c-pei)}
.btn.cta.c-pei:hover{box-shadow:0 14px 32px -12px rgba(242,239,231,.4)}
.pg-ponto{left:calc(6px - var(--trilho));top:.5em}
.ar-capa .pg-ponto{top:auto}
.pg-ponto::before,.pg-pulso::before{content:"";position:absolute;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--vivo);box-shadow:0 0 0 0 rgba(79,191,127,.7);animation:pg-pisca 1.5s ease-out infinite}
@keyframes pg-pisca{0%{box-shadow:0 0 0 0 rgba(79,191,127,.75)}70%{box-shadow:0 0 0 16px rgba(79,191,127,0)}100%{box-shadow:0 0 0 0 rgba(79,191,127,0)}}
.estatico .pg-ponto::before,.estatico .pg-pulso::before{animation:none}
@media (prefers-reduced-motion:reduce){.pg-ponto::before,.pg-pulso::before{animation:none}}
@media (max-width:860px){.pg-ponto{left:calc(18px - var(--trilho))}}

.lado-txt{display:grid;gap:14px;margin-bottom:clamp(24px,4svh,44px);justify-items:end;text-align:right}
@media (max-width:860px){.lado-txt{justify-items:start;text-align:left}}

/* ================= PRODUTOS (vD/produtos/) ================= */
.pd-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.6vw,40px);align-items:stretch;margin-top:clamp(26px,4svh,44px)}
.pd-card{display:flex;flex-direction:column;gap:18px;padding:clamp(22px,2.8vw,40px);border-radius:22px}
.pd-topo{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}
.pd-tipo{font-family:var(--mono);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--apagado)}
.pd-selo{display:inline-flex;align-items:center;min-height:30px;padding:0 14px;border-radius:999px;font-family:var(--mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;box-shadow:inset 0 0 0 1.5px var(--vivo);color:var(--vivo)}
.pd-selo.breve{box-shadow:inset 0 0 0 1.5px var(--ouro);color:var(--ouro)}
.pd-card h3{font-family:var(--disp);font-weight:800;font-stretch:78%;font-size:clamp(2rem,3.4vw,3.4rem);line-height:.98;letter-spacing:-.015em;color:var(--papel)}
.pd-card h3 em{font-style:normal;color:var(--vivo)}
.pd-card p{font-size:clamp(1.0625rem,1.2vw,1.2rem);line-height:1.55;color:var(--suave);max-width:46ch}
.pd-card p b{color:var(--papel);font-weight:600}
.pd-print{margin:0;display:grid;gap:10px}
.pd-print img{width:100%;height:auto;border-radius:12px;box-shadow:0 0 0 1px var(--corte),0 30px 60px -36px rgba(0,0,0,.9)}
.pd-print figcaption{font-family:var(--mono);font-size:.75rem;letter-spacing:.06em;text-transform:uppercase;color:var(--apagado)}
.pd-acao{margin-top:auto;padding-top:6px}
.pd-acao .btn{min-height:56px}
.pd-breve{opacity:.92}
.pd-breve .pd-tr{margin:0;width:100%;height:auto;stroke:rgba(214,179,106,.7);fill:none;stroke-width:1.4}
.pd-aviso{font-family:var(--mono);font-size:.8125rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro)}
@media (max-width:860px){.pd-grade{grid-template-columns:minmax(0,1fr)}.pd-acao .btn{width:100%;justify-content:center}}

/* menu do celular: com o item Produtos, em tela baixa os itens ficam mais juntos para o painel caber sem rolar */
@media (max-width:860px) and (max-height:760px){.f-menu-lista a{display:flex;align-items:center;min-height:44px;padding:4px 12px;font-size:1.35rem!important}.f-menu-painel{padding:12px 14px}.f-menu-portas a{display:flex;align-items:center;min-height:44px;padding-top:6px;padding-bottom:6px}}

/* A esfera só mora na capa da home. Nestas páginas fica um fundo discreto e parado no lugar dela. */
.pg-capa::before{content:"";position:absolute;z-index:0;left:calc(var(--g) - 4vw);top:clamp(40px,6svh,90px);width:min(56vw,760px);aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(79,191,127,.11),rgba(79,191,127,.04) 55%,rgba(79,191,127,0) 74%)}
@media (max-width:860px){.pg-capa::before{left:50%;top:60px;width:120vw;transform:translateX(-50%)}}