/* Layout: revista de luxo — faixas escuras de cinema intercaladas com páginas claras de leitura */
:root{
 --tinta:#14231b; --suave:#5d6a62; --papel:#ffffff; --papel-2:#f5f4ef; --linha:#e4e1d6;
 --esmeralda:#0d3b2a; --esmeralda-2:#08271c; --ouro:#b8913f; --ouro-claro:#d9bd7a; --champanhe:#efe4c8;
 --f-display:'Bodoni Moda','Didot','Bodoni 72',Georgia,serif; --f-texto:'Figtree',system-ui,-apple-system,'Segoe UI',sans-serif;
 --verde-txt:#0d3b2a; --vidro:rgba(255,255,255,.94); --branco:#ffffff; --sombra:rgba(13,59,42,.12);
 color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--tinta:#e8ece7;--suave:#a3b2a9;--papel:#0f1913;--papel-2:#14211a;--linha:#26352c;--verde-txt:#9fd1b4;--vidro:rgba(15,25,19,.94);--sombra:rgba(0,0,0,.4);color-scheme:dark}}
:root[data-theme="dark"]{--tinta:#e8ece7;--suave:#a3b2a9;--papel:#0f1913;--papel-2:#14211a;--linha:#26352c;--verde-txt:#9fd1b4;--vidro:rgba(15,25,19,.94);--sombra:rgba(0,0,0,.4);color-scheme:dark}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{font-family:var(--f-texto);background:var(--papel);color:var(--tinta);line-height:1.6;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:100;background:var(--esmeralda-2)}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.wrap{width:100%;max-width:1240px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
h1,h2,h3{font-family:var(--f-display);font-weight:600;text-wrap:balance;letter-spacing:-.01em}
.olho{font:700 .72rem/1 var(--f-texto);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 22px;font:700 .82rem/1 var(--f-texto);letter-spacing:.12em;text-transform:uppercase;border:1px solid transparent;transition:.25s;white-space:nowrap;cursor:pointer}
.btn-ouro{background:linear-gradient(135deg,#d9bd7a,#b8913f 55%,#9c7a30);color:#1a1406}
.btn-ouro:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn-claro{border-color:rgba(255,255,255,.55);color:#fff}
.btn-claro:hover{background:#fff;color:var(--esmeralda)}
.btn-escuro{background:var(--esmeralda);color:#fff}
.btn-escuro:hover{background:var(--esmeralda-2)}
.btn-linha{border-color:var(--tinta);color:var(--tinta)}
.btn-linha:hover{background:var(--tinta);color:var(--papel)}

/* topo */
.utilidade{background:var(--esmeralda-2);color:#cdd8d1;font-size:.78rem}
.utilidade .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:8px}
.utilidade b{color:var(--ouro-claro);font-weight:600}
.utilidade a:hover{color:#fff}
.cabecalho{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--vidro);backdrop-filter:blur(10px);border-bottom:1px solid var(--linha)}
.mastro{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-block:14px}
.hamb{justify-self:start;background:none;border:0;cursor:pointer;display:flex;gap:10px;align-items:center;font:700 .74rem var(--f-texto);letter-spacing:.2em;color:var(--tinta)}
.hamb i{display:grid;gap:5px}.hamb i span{display:block;width:22px;height:1.5px;background:var(--tinta)}
.logo{text-align:center;line-height:1}
.logo strong{display:block;font:700 2rem/1 var(--f-display);letter-spacing:-.02em;color:var(--verde-txt)}
.logo strong em{font-style:italic;color:var(--ouro)}
.logo small{display:block;margin-top:6px;font:600 .62rem var(--f-texto);letter-spacing:.32em;text-transform:uppercase;color:var(--suave)}
.acesso{justify-self:end;display:flex;gap:10px}
.acesso .btn{padding:11px 16px}
.nav{border-top:1px solid var(--linha)}
.nav .wrap{display:flex;justify-content:center;gap:2px;overflow-x:auto;scrollbar-width:none}
.nav .wrap::-webkit-scrollbar{display:none}
.nav a{position:relative;padding:12px 14px;font:600 .76rem var(--f-texto);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:#38443d}
.nav a::after{content:"";position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:var(--ouro);transform:scaleX(0);transition:.3s}
.nav a:hover::after{transform:scaleX(1)}
.menu-lateral{position:fixed;inset:0;z-index:90;display:none}
.menu-lateral.aberto{display:block}
.menu-lateral .fundo{position:absolute;inset:0;background:rgba(8,39,28,.5)}
.menu-lateral nav{position:absolute;inset:0 auto 0 0;width:min(320px,86%);background:var(--esmeralda-2);color:#fff;padding:calc(28px + env(safe-area-inset-top,0px)) 28px 28px max(28px,env(safe-area-inset-left,0px));display:flex;flex-direction:column}
.menu-lateral nav a{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--f-display);font-size:1.25rem}
.menu-lateral nav a:hover{color:var(--ouro-claro)}

/* capa de cinema */
.capa{position:relative;background:var(--esmeralda-2);color:#fff;overflow:hidden;isolation:isolate}
.capa .amb{position:absolute;inset:-60px;background-size:cover;background-position:center;filter:blur(38px) saturate(1.25) brightness(.55);transform:scale(1.1);z-index:-2}
.capa::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 120% at 15% 50%,rgba(8,39,28,.92) 0%,rgba(8,39,28,.7) 45%,rgba(8,39,28,.35) 100%)}
.capa .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center;padding-block:64px 70px}
.capa .olho{color:var(--ouro-claro)}
.capa h1{font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.02;margin:18px 0 20px}
.capa h1 em{font-style:italic;color:var(--ouro-claro)}
.capa .linha-fina{font-size:1.12rem;color:#d4ded7;max-width:520px}
.capa .acoes{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.moldura{position:relative;aspect-ratio:4/3;max-width:100%}
.moldura .foto{position:absolute;inset:0;background:var(--esmeralda) center/cover;box-shadow:0 40px 80px rgba(0,0,0,.45)}
.moldura::before{content:"";position:absolute;inset:-14px 14px 14px -14px;border:1px solid rgba(217,189,122,.55)}
.moldura .legenda{position:absolute;left:0;bottom:-1px;background:var(--papel);color:var(--tinta);padding:10px 16px;font:600 .7rem var(--f-texto);letter-spacing:.18em;text-transform:uppercase}
.capa .fade{animation:sobe .9s cubic-bezier(.2,.7,.2,1) both}
.capa .fade.d2{animation-delay:.12s}.capa .fade.d3{animation-delay:.24s}
@keyframes sobe{from{transform:translateY(14px)}to{transform:none}}
@media (prefers-reduced-motion:reduce){.capa .fade{animation:none}}

/* faixa de manchetes secundárias */
.chamadas{background:var(--papel);border-bottom:1px solid var(--linha)}
.chamadas .wrap{display:grid;grid-template-columns:repeat(3,1fr)}
.chamada{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;padding:22px 24px;border-left:1px solid var(--linha)}
.chamada:first-child{border-left:0;padding-left:0}
.chamada .foto{aspect-ratio:1;background:var(--esmeralda) center/cover}
.chamada h3{font-size:1.08rem;line-height:1.25;margin-top:6px}
.chamada:hover h3,.materia-card:hover h3,.destaque-grande:hover h2{color:var(--verde-txt);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:5px;text-decoration-thickness:1px}

/* editorias */
.editoria{padding-block:72px}
.editoria.creme{background:var(--papel-2)}
.cab{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px;padding-bottom:18px;border-bottom:1px solid var(--tinta)}
.cab h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1}
.cab h2 em{font-style:italic;color:var(--ouro)}
.cab p{max-width:420px;color:var(--suave);font-size:.95rem}
.grade-ed{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}
.destaque-grande .foto{aspect-ratio:16/10;background:var(--esmeralda) center/cover}
.destaque-grande h2{font-size:clamp(1.6rem,2.8vw,2.3rem);line-height:1.12;margin:16px 0 10px}
.destaque-grande p{color:var(--suave);font-size:1.02rem;max-width:60ch}
.pilha{display:flex;flex-direction:column}
.materia-card{display:grid;grid-template-columns:1fr 132px;gap:18px;padding:22px 0;border-bottom:1px solid var(--linha)}
.materia-card:first-child{padding-top:0}
.materia-card h3{font-size:1.25rem;line-height:1.2;margin:6px 0 6px}
.materia-card p{color:var(--suave);font-size:.9rem}
.materia-card .foto{aspect-ratio:1;background:var(--esmeralda) center/cover}
.rotulo{font:700 .68rem var(--f-texto);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.ler{display:inline-block;margin-top:14px;font:700 .74rem var(--f-texto);letter-spacing:.16em;text-transform:uppercase;border-bottom:1px solid var(--ouro);padding-bottom:3px}

/* especial MAPA */
.especial{background:var(--esmeralda);color:#fff;padding-block:80px;position:relative;overflow:hidden}
.especial::before{content:"MAPA";position:absolute;right:-2%;top:50%;transform:translateY(-50%);font:italic 700 clamp(8rem,22vw,20rem)/1 var(--f-display);color:rgba(217,189,122,.07);pointer-events:none}
.especial .olho{color:var(--ouro-claro)}
.especial h2{font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.05;margin:16px 0 14px;max-width:820px}
.especial h2 em{font-style:italic;color:var(--ouro-claro)}
.especial .linha-fina{color:#cfdcd3;max-width:680px;font-size:1.05rem}
.normas{display:grid;grid-template-columns:repeat(4,1fr);margin:44px 0 38px;border-top:1px solid rgba(217,189,122,.35)}
.norma{padding:26px 24px 8px 0;border-right:1px solid rgba(255,255,255,.1);min-width:0}
.norma+.norma{padding-left:24px}
.norma:last-child{border-right:0}
.norma .ref{font:600 .7rem var(--f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro)}
.norma h3{font-size:1.35rem;margin:10px 0 8px}
.norma p{color:#c9d6ce;font-size:.9rem}
.cores{display:flex;gap:6px;margin-top:12px}
.cores i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px rgba(255,255,255,.35)}
.especial .acoes{display:flex;gap:12px;flex-wrap:wrap}

/* associações */
.filtros{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}
.filtros button{background:none;border:1px solid var(--linha);padding:9px 16px;font:700 .72rem var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--suave);cursor:pointer;transition:.2s}
.filtros button.ativo,.filtros button:hover{background:var(--tinta);border-color:var(--tinta);color:var(--papel)}
.assoc-grade{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linha);border-left:1px solid var(--linha)}
.assoc{padding:24px 22px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);display:flex;flex-direction:column;gap:10px;background:var(--papel);transition:.25s;min-width:0}
.assoc:hover{background:var(--esmeralda);color:#fff}
.assoc:hover p,.assoc:hover .area{color:#c9d6ce}
.assoc:hover .site{color:var(--ouro-claro)}
.assoc .sigla{font:italic 700 1.7rem/1 var(--f-display);color:var(--ouro);overflow-wrap:anywhere}
.assoc .area{font:700 .64rem var(--f-texto);letter-spacing:.2em;text-transform:uppercase;color:var(--suave)}
.assoc h3{font:600 .98rem/1.3 var(--f-texto);letter-spacing:0}
.assoc p{color:var(--suave);font-size:.86rem;flex:1}
.assoc .site{font:700 .72rem var(--f-texto);letter-spacing:.14em;text-transform:uppercase;color:var(--verde-txt)}
.aviso{margin-top:18px;color:var(--suave);font-size:.82rem}

/* vitrine */
.vitrine-sec{position:relative;color:#fff;padding-block:84px;isolation:isolate;overflow:hidden;background:var(--esmeralda-2)}
.vitrine-sec .amb{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}
.vitrine-sec::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,39,28,.96) 0%,rgba(8,39,28,.86) 50%,rgba(8,39,28,.55) 100%)}
.vitrine-sec .cab{border-color:rgba(217,189,122,.5)}
.vitrine-sec .cab p{color:#cfdcd3}
.vitrine{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(217,189,122,.3);border:1px solid rgba(217,189,122,.3)}
.vcard{background:rgba(8,39,28,.82);backdrop-filter:blur(6px);padding:30px 26px;display:flex;flex-direction:column;gap:12px}
.vcard h3{font-size:1.6rem}
.vcard p{color:#c9d6ce;font-size:.92rem;flex:1}
.vitrine-sec .nota{margin-top:20px;color:#cfdcd3;font-size:.9rem}
.vitrine-sec .nota a{color:var(--ouro-claro);border-bottom:1px solid currentColor}

/* app + agenda */
.app-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}
.funcs{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--linha)}
.func{padding:22px 22px 22px 0;border-bottom:1px solid var(--linha);min-width:0}
.func:nth-child(even){padding-left:22px;border-left:1px solid var(--linha)}
.func h3{font-size:1.3rem;margin-bottom:6px}
.func p{color:var(--suave);font-size:.9rem}
.video{aspect-ratio:16/10;max-width:100%;position:relative;background:var(--esmeralda) center/cover;display:grid;place-items:center;color:#fff;text-align:center}
.video::before{content:"";position:absolute;inset:0;background:rgba(8,39,28,.55)}
.video>div{position:relative}
.video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.play{width:74px;height:74px;border-radius:50%;border:1px solid var(--ouro-claro);display:grid;place-items:center;margin:0 auto 14px;font-size:1.3rem;color:var(--ouro-claro)}
.agenda{margin-top:28px;border:1px solid var(--linha);padding:24px}
.agenda h3{font-size:1.5rem;margin-bottom:12px}
.tipos{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.tipos span{border:1px solid var(--linha);padding:6px 12px;font:600 .72rem var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--suave)}
.evento{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--linha)}
.evento .dt{font:700 1.5rem/1 var(--f-display);color:var(--verde-txt);text-align:center}
.evento .dt small{display:block;font:600 .64rem var(--f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);margin-top:4px}
.agenda p a{color:var(--verde-txt);font-weight:700;border-bottom:1px solid var(--ouro)}

/* planos */
.alterna{display:inline-flex;border:1px solid var(--tinta);margin-bottom:30px}
.alterna button{border:0;background:none;padding:10px 20px;font:700 .72rem var(--f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta);cursor:pointer}
.alterna button.ativo{background:var(--tinta);color:var(--papel)}
.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.plano{background:var(--papel);border:1px solid var(--linha);padding:34px 28px;display:flex;flex-direction:column;gap:14px;position:relative}
.plano.destaque{background:var(--esmeralda);color:#fff;border-color:var(--esmeralda);box-shadow:0 30px 60px rgba(13,59,42,.25)}
.plano.destaque ul{color:#cfdcd3}
.plano .fita{position:absolute;top:0;right:28px;transform:translateY(-50%);background:linear-gradient(135deg,#d9bd7a,#b8913f);color:#1a1406;font:700 .64rem var(--f-texto);letter-spacing:.18em;text-transform:uppercase;padding:6px 12px}
.plano h3{font-size:1.7rem}
.preco{font:600 2.6rem/1 var(--f-display);font-variant-numeric:tabular-nums}
.preco small{font:500 .85rem var(--f-texto);opacity:.7}
.plano ul{list-style:none;display:grid;gap:9px;color:var(--suave);font-size:.92rem;flex:1}
.plano li::before{content:"— ";color:var(--ouro)}
.obs{margin-top:18px;color:var(--suave);font-size:.88rem}

/* matéria */
.materia-capa{position:relative;color:#fff;background:var(--esmeralda-2);isolation:isolate;overflow:hidden}
.materia-capa .amb{position:absolute;inset:0;background-size:cover;background-position:center;z-index:-2}
.materia-capa::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(8,39,28,.95) 0%,rgba(8,39,28,.6) 55%,rgba(8,39,28,.35) 100%)}
.materia-capa .wrap{padding-block:150px 54px;max-width:900px}
.materia-capa .olho{color:var(--ouro-claro)}
.materia-capa h1{font-size:clamp(2.1rem,4.8vw,3.8rem);line-height:1.05;margin:16px 0 16px}
.materia-capa .linha-fina{font-size:1.2rem;color:#d4ded7;max-width:680px}
.assina{display:flex;gap:16px;align-items:center;margin-top:26px;font-size:.82rem;color:#c9d6ce;letter-spacing:.06em}
.assina b{color:#fff}
article.texto{max-width:700px;margin:0 auto;padding:56px 0 30px;font-size:1.14rem;line-height:1.75}
article.texto>p:first-child::first-letter{float:left;font:700 4.2rem/.85 var(--f-display);color:var(--ouro);margin:6px 10px 0 0}
article.texto h2{font-size:1.65rem;margin:38px 0 10px;line-height:1.2}
article.texto ol,article.texto ul{padding-left:22px;display:grid;gap:14px;margin:18px 0}
article.texto li::marker{color:var(--ouro);font-weight:700}
article.texto p{margin:16px 0}
article.texto em{color:var(--suave)}
.box-app{background:var(--esmeralda);color:#fff;padding:30px;margin:40px 0 8px;display:flex;gap:20px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.box-app p{margin:0!important;max-width:440px;font-size:1rem;color:#d4ded7}
.box-app strong{color:var(--ouro-claro);font-family:var(--f-display);font-size:1.2rem}
.leia{max-width:900px;margin:0 auto;padding:20px 0 80px}
.leia .cab h2{font-size:2rem}
.leia-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.leia-grade a .foto{aspect-ratio:4/3;background:var(--esmeralda) center/cover;margin-bottom:12px}
.leia-grade h3{font-size:1.15rem;line-height:1.25;margin-top:6px}

/* rodapé */
footer{background:var(--esmeralda-2);color:#b9c7bf;padding-block:64px 30px;font-size:.9rem}
footer .cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:44px}
footer .logo{text-align:left}
footer .logo strong{color:#fff}
footer h5{font:700 .7rem var(--f-texto);letter-spacing:.22em;text-transform:uppercase;color:var(--ouro-claro);margin-bottom:14px}
footer p{margin-bottom:6px}
footer a:hover{color:#fff}
footer .base{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8rem;letter-spacing:.04em}
.zap{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:60;width:56px;height:56px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.zap svg{width:30px;height:30px;fill:#fff}

@media (max-width:1000px){
 .capa .wrap,.grade-ed,.app-grid{grid-template-columns:1fr}
 .capa .wrap{gap:44px}
 .chamadas .wrap{grid-template-columns:1fr}
 .chamada,.chamada:first-child{border-left:0;border-top:1px solid var(--linha);padding:18px 0}
 .chamada:first-child{border-top:0}
 .normas{grid-template-columns:1fr 1fr}
 .norma,.norma+.norma{padding:22px 18px 14px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}
 .assoc-grade{grid-template-columns:1fr 1fr}
 .vitrine,.planos{grid-template-columns:1fr}
 .leia-grade{grid-template-columns:1fr 1fr}
 footer .cols{grid-template-columns:1fr}
 .acesso .btn-linha{display:none}
}
@media (max-width:620px){
 .utilidade .ed,.utilidade .wrap>a{display:none}
 .mastro{grid-template-columns:auto 1fr auto;gap:10px}
 .hamb b{display:none}
 .logo strong{font-size:1.15rem}.logo small{font-size:.46rem;letter-spacing:.16em}
 .acesso .btn{padding:10px 12px;font-size:.68rem;letter-spacing:.08em}
 .nav .wrap{justify-content:flex-start}
 .capa .wrap{padding-block:44px 54px}
 .moldura::before{inset:-10px 10px 10px -10px}
 .cab{flex-direction:column;align-items:start}
 .materia-card{grid-template-columns:1fr 96px}
 .materia-card p{display:none}
 .normas,.assoc-grade,.funcs,.leia-grade{grid-template-columns:1fr}
 .func,.func:nth-child(even){padding:18px 0;border-left:0}
 .editoria,.especial,.vitrine-sec{padding-block:52px}
 .materia-capa .wrap{padding-block:110px 40px}
}

.video.vert{aspect-ratio:9/16;max-width:380px;width:100%;margin-inline:auto;background:#000}
.video.vert::before{display:none}
.video.vert video{object-fit:contain;background:#000}

/* ===== recursos de portal de notícias ===== */
.pular{position:absolute;left:-9999px;top:0;z-index:200;background:var(--ouro);color:#1a1406;padding:10px 16px;font-weight:700}
.pular:focus{left:max(16px,env(safe-area-inset-left,0px));top:calc(8px + env(safe-area-inset-top,0px))}
body.travado{overflow:hidden}
.ut-links{display:flex;gap:18px}
.esq{justify-self:start;display:flex;gap:18px;align-items:center}
.lupa{background:none;border:0;cursor:pointer;display:flex;gap:8px;align-items:center;font:700 .74rem var(--f-texto);letter-spacing:.2em;color:var(--tinta)}
.lupa svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.hamb i span{background:var(--tinta)}
.nav a{color:var(--suave)}
.nav a:hover{color:var(--tinta)}
/* faixa "agora no agro" */
.agora{background:var(--esmeralda-2);color:#dfe7e1;font-size:.82rem;border-top:1px solid rgba(217,189,122,.25)}
.agora .wrap{display:flex;align-items:center;gap:16px;padding-block:9px}
.selo{flex:none;display:flex;align-items:center;gap:8px;font:700 .64rem var(--f-texto);letter-spacing:.2em;text-transform:uppercase;color:var(--ouro-claro)}
.selo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ouro-claro);animation:pulsa 1.8s ease-in-out infinite}
@keyframes pulsa{50%{opacity:.25}}
.trilho{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.corre{display:flex;width:max-content;animation:corre 70s linear infinite}
.trilho:hover .corre,.trilho:focus-within .corre{animation-play-state:paused}
.corre a{white-space:nowrap;padding-right:44px}
.corre a b{color:var(--ouro-claro);font-weight:600;margin-right:8px;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}
.corre a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@keyframes corre{to{transform:translateX(-50%)}}
/* painéis: menu e busca */
.painel-lado,.painel-busca{position:fixed;inset:0;z-index:90}
.painel-lado .fundo,.painel-busca .fundo{position:absolute;inset:0;background:rgba(8,39,28,.55)}
.painel-lado nav{position:absolute;inset:0 auto 0 0;width:min(320px,86%);background:var(--esmeralda-2);color:#fff;padding:calc(28px + env(safe-area-inset-top,0px)) 28px 28px max(28px,env(safe-area-inset-left,0px));display:flex;flex-direction:column;overflow-y:auto}
.painel-lado nav a{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--f-display);font-size:1.2rem}
.painel-lado nav a:hover,.painel-lado nav a.ouro{color:var(--ouro-claro)}
.fechar{background:none;border:0;color:inherit;font-size:2rem;line-height:1;cursor:pointer;align-self:flex-end}
.caixa-busca{position:absolute;inset:0 0 auto;background:var(--papel);color:var(--tinta);padding-top:env(safe-area-inset-top,0px);box-shadow:0 30px 60px var(--sombra);max-height:85vh;overflow-y:auto}
.caixa-busca .wrap{padding-block:28px 34px;max-width:860px}
.campo{display:flex;gap:12px;align-items:center;border-bottom:2px solid var(--tinta);margin-top:12px}
.campo input{flex:1;min-width:0;border:0;background:none;color:var(--tinta);font:500 clamp(1.3rem,3vw,2rem) var(--f-display);padding:10px 0;outline:none}
.resultados{list-style:none;margin-top:14px}
.resultados li a{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid var(--linha)}
.resultados li a:hover b{color:var(--verde-txt);text-decoration:underline;text-decoration-color:var(--ouro)}
.resultados b{font:600 1.08rem/1.3 var(--f-display)}
.resultados small{color:var(--suave);font-size:.86rem}
.resultados .vazio{padding:18px 0;color:var(--suave)}
/* meta de notícia */
.meta{display:block;margin-top:8px;font-size:.78rem;color:var(--suave);font-variant-numeric:tabular-nums;letter-spacing:.02em}
.meta-capa{margin-top:16px;font-size:.84rem;color:#c9d6ce;letter-spacing:.04em}
.destaque-grande .rotulo{display:block;margin-top:18px}
/* faixa de associações em destaque */
.assoc-faixa{background:var(--papel-2);border-bottom:1px solid var(--linha)}
.assoc-faixa .wrap{padding-block:36px 40px}
.af-cab{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.af-cab h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1;margin-top:8px}
.af-cab h2 em{font-style:italic;color:var(--ouro)}
.af-grade{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:1px solid var(--linha);background:var(--papel)}
.ad{display:flex;flex-direction:column;gap:4px;padding:18px 16px;border-right:1px solid var(--linha);min-width:0;transition:.25s}
.ad:last-child{border-right:0}
.ad .sigla{font:italic 700 1.55rem/1 var(--f-display);color:var(--ouro)}
.ad-nome{font-weight:600;font-size:.88rem;line-height:1.25}
.ad-area{font:700 .6rem var(--f-texto);letter-spacing:.18em;text-transform:uppercase;color:var(--suave);margin-top:auto;padding-top:8px}
.ad:hover{background:var(--esmeralda);color:#fff}
.ad:hover .ad-area{color:var(--ouro-claro)}
/* últimas + lateral */
.ult-grid{display:grid;grid-template-columns:1fr 360px;gap:48px}
.ultimas{list-style:none;min-width:0}
.ultimas li a{display:grid;grid-template-columns:96px 1fr;column-gap:22px;row-gap:4px;padding:18px 0;border-bottom:1px solid var(--linha)}
.ultimas li:first-child a{padding-top:0}
.ultimas time{grid-row:1/4;font-size:.8rem;color:var(--suave);font-variant-numeric:tabular-nums;padding-top:2px;border-right:1px solid var(--linha)}
.ultimas b{font:600 1.22rem/1.25 var(--f-display);text-wrap:balance}
.ultimas small{font-size:.8rem;color:var(--suave)}
.ultimas li a:hover b{color:var(--verde-txt);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:4px}
.lateral{display:flex;flex-direction:column;gap:28px;min-width:0}
.bloco{border-top:2px solid var(--tinta);padding-top:16px}
.bloco h3{font-size:1.35rem;margin:8px 0 6px}
.escolhas ol{list-style:none;counter-reset:n;margin-top:10px}
.escolhas li{counter-increment:n}
.escolhas li a{display:grid;grid-template-columns:40px 1fr;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--linha);font:600 1.02rem/1.3 var(--f-display)}
.escolhas li a::before{content:counter(n);grid-row:1/3;font:italic 700 2rem/1 var(--f-display);color:var(--ouro)}
.escolhas li a:hover{color:var(--verde-txt)}
.escolhas .rotulo{font-family:var(--f-texto)}
.eventos{display:grid}
.evento{display:grid;grid-template-columns:58px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--linha)}
.evento b{display:block;font-weight:600;line-height:1.3;margin-top:2px}
.evento small{color:var(--suave);font-size:.82rem}
.evento:hover b{color:var(--verde-txt)}
.nota-ag{margin-top:12px;font-size:.88rem}
.nota-ag a{color:var(--verde-txt);font-weight:700;border-bottom:1px solid var(--ouro)}
/* vitrine: textos fixos sobre fundo escuro */
.vitrine-sec .cab h2{color:#fff}.vitrine-sec .cab h2 em{color:var(--ouro-claro)}.vitrine-sec .olho{color:var(--ouro-claro)}
/* faixa WhatsApp */
.whats-band{background:var(--esmeralda);color:#fff;border-top:1px solid rgba(217,189,122,.3)}
.whats-band .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-block:44px}
.whats-band .olho{color:var(--ouro-claro)}
.whats-band h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.1;margin:10px 0 8px}
.whats-band h2 em{font-style:italic;color:var(--ouro-claro)}
.whats-band p{color:#cfdcd3;max-width:56ch}
footer .sobre{margin-top:18px;max-width:380px}
.sel{user-select:all}
/* matéria */
.progresso{position:fixed;left:0;right:0;top:env(safe-area-inset-top,0px);height:3px;z-index:60;pointer-events:none}
.progresso i{display:block;height:100%;background:linear-gradient(90deg,#d9bd7a,#b8913f);transform:scaleX(0);transform-origin:left}
.trilha{display:flex;flex-wrap:wrap;gap:8px;font-size:.78rem;color:#c9d6ce;margin-bottom:22px;letter-spacing:.04em}
.trilha a:hover{color:#fff;text-decoration:underline}
.assina{flex-wrap:wrap;gap:10px}
.compartilha{max-width:700px;margin:26px auto 0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--linha);font:700 .7rem var(--f-texto);letter-spacing:.18em;text-transform:uppercase;color:var(--suave)}
.compartilha>span{margin-right:6px}
.cp{border:1px solid var(--linha);background:var(--papel);color:var(--tinta);padding:8px 14px;font:700 .7rem var(--f-texto);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.cp:hover{border-color:var(--ouro)}
.cp-campo{flex:1 1 100%;border:1px solid var(--linha);background:var(--papel-2);color:var(--tinta);padding:8px;font-size:.85rem}
article.texto{padding-top:36px}
article.texto .fonte{font-size:.9rem;color:var(--suave)}
article.texto a{color:var(--verde-txt);border-bottom:1px solid var(--ouro)}
.box-app a.btn{border:0;color:#1a1406}
.leia-grade .meta{margin-top:6px}
@media (max-width:1100px){.af-grade{grid-template-columns:repeat(4,minmax(0,1fr))}.ad{border-bottom:1px solid var(--linha)}}
@media (max-width:1000px){.ult-grid{grid-template-columns:1fr}.lupa b{display:none}}
@media (max-width:620px){
 .ut-links a+a{display:none}
 .esq{gap:12px}
 .af-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ad:nth-child(odd){border-right:1px solid var(--linha)}.ad:nth-child(even){border-right:0}
 .ultimas li a{grid-template-columns:1fr}
 .ultimas time{grid-row:auto;border-right:0;padding-top:0}
 .agora .selo{font-size:0;gap:0}
}
@media (prefers-reduced-motion:reduce){
 .corre{animation:none;width:auto}.trilho{overflow-x:auto;mask-image:none}.corre a[aria-hidden]{display:none}
 .selo::before{animation:none}html{scroll-behavior:auto}
}
.ad.todas{background:var(--esmeralda);color:#fff}.ad.todas .sigla,.ad.todas .ad-area{color:var(--ouro-claro)}.ad.todas:hover{background:var(--esmeralda-2)}

/* Área do cliente: entrada no app logo na chegada ao portal */
.area-cliente{position:relative;background:radial-gradient(120% 140% at 85% 0%,#14513a 0%,var(--esmeralda) 45%,var(--esmeralda-2) 100%);color:#fff;padding-block:clamp(36px,6vw,64px);border-bottom:1px solid rgba(217,189,122,.35);overflow:hidden}
.area-cliente::after{content:"360°";position:absolute;right:-.06em;bottom:-.28em;font:700 clamp(9rem,22vw,19rem)/1 var(--f-display);color:rgba(217,189,122,.07);pointer-events:none}
.area-cliente .wrap{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,64px);align-items:center}
.ac-texto{min-width:0;display:flex;flex-direction:column;gap:18px}
.area-cliente h2{font-size:clamp(2rem,4.4vw,3.3rem);line-height:1.05;color:#fff}
.area-cliente h2 em{color:var(--ouro-claro);font-style:italic}
.ac-texto>p{max-width:52ch;color:rgba(255,255,255,.82);font-size:1.05rem}
.ac-acoes{display:flex;flex-wrap:wrap;gap:12px}
.ac-entrar{padding:18px 30px;font-size:.92rem;box-shadow:0 12px 30px rgba(0,0,0,.28)}
.ac-entrar span{transition:transform .25s}
.ac-entrar:hover span{transform:translateX(4px)}
.ac-ajuda{font-size:.88rem;color:rgba(255,255,255,.7)}
.ac-ajuda a{color:var(--ouro-claro);text-decoration:underline;text-underline-offset:3px}
.ac-passos{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;padding-top:6px;border-top:1px solid rgba(255,255,255,.14)}
.ac-passos li{display:flex;align-items:center;gap:10px;padding-top:12px;font-weight:600;font-size:.92rem}
.ac-passos b{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--ouro);color:var(--ouro-claro);border-radius:50%;font:700 .85rem/1 var(--f-texto)}
.ac-painel{min-width:0;display:flex;flex-direction:column;align-items:center;gap:10px}
.ac-tela{width:100%;max-width:380px;background:#0b1f17;border:1px solid rgba(217,189,122,.4);border-radius:22px;padding:18px;box-shadow:0 30px 60px rgba(0,0,0,.35)}
.ac-topo{display:flex;justify-content:space-between;align-items:center;font:700 .72rem/1 var(--f-texto);letter-spacing:.16em;text-transform:uppercase;color:var(--ouro-claro);padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}
.ac-vivo{display:inline-flex;align-items:center;gap:6px;color:#7fd8a6}
.ac-vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:#3fcf7e;box-shadow:0 0 0 0 rgba(63,207,126,.6);animation:pulso 2s infinite}
@keyframes pulso{70%{box-shadow:0 0 0 8px rgba(63,207,126,0)}100%{box-shadow:0 0 0 0 rgba(63,207,126,0)}}
.ac-lista{list-style:none;display:flex;flex-direction:column}
.ac-lista li{display:grid;grid-template-columns:3.2em minmax(0,1fr) auto;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07);font-size:.9rem}
.ac-hora{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.55);font-size:.82rem}
.ac-item{color:#fff}
.ok,.pend{font:700 .66rem/1 var(--f-texto);letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:999px}
.ok{background:rgba(63,207,126,.16);color:#7fd8a6}
.pend{background:rgba(217,189,122,.16);color:var(--ouro-claro)}
.ac-rodape{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:12px;font-size:.74rem;color:rgba(255,255,255,.55)}
.ac-legenda{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.barra-app{display:none}
@media (max-width:860px){.area-cliente .wrap{grid-template-columns:minmax(0,1fr)}.ac-painel{order:2}}
@media (max-width:620px){
 .ac-acoes .btn{flex:1 1 100%}
 .barra-app{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:70;background:var(--esmeralda-2);border-top:1px solid rgba(217,189,122,.4);padding:10px max(16px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
 .barra-app .btn{flex:1;padding:14px 10px;font-size:.74rem}
 .barra-app .btn-claro{color:#fff;border:1px solid rgba(255,255,255,.55)}
 .zap{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
 footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
}
@media (prefers-reduced-motion:reduce){.ac-vivo::before{animation:none}}

/* ===== Plantão, Mercado e Departamentos (out/2026) ===== */
.plantao{display:inline-block;margin-right:10px;padding:5px 9px;background:#b3261e;color:#fff;letter-spacing:.18em;animation:pisca 2.4s ease-in-out infinite}
@keyframes pisca{50%{opacity:.65}}
@media (prefers-reduced-motion:reduce){.plantao{animation:none}}
a.moldura{display:block}
.merc-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:start}
.cotacoes{background:var(--esmeralda-2);color:#e7ede9;padding:26px 26px 22px;border-top:3px solid var(--ouro)}
.cot-cab h3{font-size:1.6rem;margin:10px 0 2px;color:#fff}
.cot-cab small{color:#a9bab0;font-size:.8rem}
.cotacoes table{width:100%;border-collapse:collapse;margin:18px 0;font-variant-numeric:tabular-nums}
.cotacoes th,.cotacoes td{padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95rem}
.cotacoes th{text-align:left;font-weight:500}
.cotacoes th small{display:block;color:#a9bab0;font-size:.72rem}
.cotacoes td{text-align:right;font-weight:700;color:#fff}
.cotacoes tr.to th,.cotacoes tr.to td{color:var(--ouro-claro)}
.cot-ind{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.1)}
.cot-ind div{background:var(--esmeralda-2);padding:12px 8px 4px}
.cot-ind span{display:block;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;color:#a9bab0}
.cot-ind b{font:600 1.35rem/1.3 var(--f-display);color:#fff}
.cot-fonte{margin-top:14px;font-size:.74rem;color:#a9bab0}
.deptos{padding:72px 0;background:var(--papel-2)}
.deptos .cab{display:block}
.deptos .cab h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-top:10px}
.deptos .cab h2 em{color:var(--ouro)}
.deptos-grade{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--linha);border-left:1px solid var(--linha)}
.depto{display:flex;flex-direction:column;gap:8px;padding:26px 24px;border-right:1px solid var(--linha);border-bottom:1px solid var(--linha);background:var(--papel);transition:.25s}
.depto:hover{background:var(--esmeralda);color:#fff}
.depto:hover p,.depto:hover .d-num{color:#cdd8d1}
.d-num{font:600 .8rem var(--f-texto);letter-spacing:.2em;color:var(--ouro)}
.depto h3{font-size:1.45rem}
.depto p{color:var(--suave);font-size:.92rem;flex:1}
.d-ir{font:700 .74rem var(--f-texto);letter-spacing:.12em;text-transform:uppercase;color:var(--ouro)}
@media (max-width:1000px){.merc-grid{grid-template-columns:1fr}.deptos-grade{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.deptos{padding:48px 0}.depto{padding:20px 16px}.depto h3{font-size:1.2rem}.cotacoes{padding:22px 18px}}