@font-face{font-family:"Vinila";src:url('../fonts/vinila-700-900-normal-3d36be76.otf') format("opentype");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Vinila";src:url('../fonts/vinila-700-900-italic-5f268c34.otf') format("opentype");font-weight:700 900;font-style:italic;font-display:swap}
@font-face{font-family:"Alte Haas";src:url('../fonts/alte-haas-400-normal-45cda920.ttf') format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Alte Haas";src:url('../fonts/alte-haas-700-normal-6294f6b1.ttf') format("truetype");font-weight:700;font-display:swap}
/* fontes da Feirinha: uso exclusivo na barra de publicidade */
@font-face{font-family:"AlteHaas180";src:url('../fonts/altehaas180-700-normal-b1f676ed.ttf') format("truetype");font-weight:700;font-display:swap}
/* ================= TOKENS ================= */
:root{
  --bege:#FFF3E2; --preto:#000; --verde:#D2F779;
  --papel:#FFF3E2;          /* fundo da página */
  --tinta:#000;             /* texto principal */
  --suave:#000;             /* texto secundário: sempre cor cheia, nunca cinza */
  --linha:rgba(0,0,0,.16);  /* divisórias finas */
  --inv-bg:#000;            /* faixas invertidas (submenu, cinema) */
  --inv-fg:#FFF3E2;
  --inv-suave:#FFF3E2;
  --inv-linha:rgba(255,243,226,.22);
  --moldura:#D2F779;        /* moldura das fotos */
  --ph-bg:#000;
  --mais-hbg:#000; --mais-hfg:#D2F779; --hov-fg:#FFF3E2;
  --f-titulo:"Vinila","Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif;
  --f-sub:"Alte Haas","Helvetica Neue",Arial,sans-serif;
  --f-texto:"Alte Haas","Helvetica Neue",Arial,sans-serif;
  --hd-extra:0px;
  --max:1320px; --gut:clamp(16px,3vw,32px);
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --papel:#000; --tinta:#FFF3E2; --suave:#FFF3E2; --linha:rgba(255,243,226,.2);
    --inv-bg:#FFF3E2; --inv-fg:#000; --inv-suave:#000; --inv-linha:rgba(0,0,0,.18);
    --ph-bg:#1a1a1a; --mais-hbg:#FFF3E2; --mais-hfg:#000; --hov-fg:#000;
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --papel:#000; --tinta:#FFF3E2; --suave:#FFF3E2; --linha:rgba(255,243,226,.2);
  --inv-bg:#FFF3E2; --inv-fg:#000; --inv-suave:#000; --inv-linha:rgba(0,0,0,.18);
  --ph-bg:#1a1a1a; --mais-hbg:#FFF3E2; --mais-hfg:#000; --hov-fg:#000;
  color-scheme:dark;
}

*{box-sizing:border-box}
html,body{margin:0}
/* impede o celular de aumentar a fonte sozinho em blocos largos (ticker, tabelas e listas que rolam de lado) */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{background:var(--papel);color:var(--tinta);font:400 16px/1.55 var(--f-texto);-webkit-font-smoothing:antialiased;transition:background-color .25s,color .25s}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button{font:inherit;color:inherit}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gut)}
::selection{background:var(--verde);color:#000}
.ticker ::selection,.cob ::selection,footer ::selection,.busca ::selection,.rank .n::selection{background:#000;color:var(--verde)}
:focus-visible{outline:3px solid var(--verde);outline-offset:2px;box-shadow:0 0 0 5px #000}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ================= TIPOGRAFIA ================= */
.t-titulo{font-family:var(--f-titulo);font-weight:900;text-transform:uppercase;letter-spacing:-.04em;line-height:.88;margin:0;text-wrap:balance}
/* título das páginas (em alta, recentes, categoria, tag, equipe, contato, envie, créditos, privacidade, termos): 115px no computador */
h1.t-titulo.pg-tit{font-size:clamp(46px,8vw,115px)!important}
.t-sub{font-family:var(--f-sub);font-weight:700;letter-spacing:-.01em;line-height:1.18;margin:0;text-wrap:balance}
/* detalhe: Alte Haas Bold, maiúsculo e sublinhado (substitui a Farnham por enquanto) */
.t-det{font-family:var(--f-sub);font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:12px;line-height:1.2;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.t-texto{font-size:16px;line-height:1.55;color:var(--suave);margin:0}
.hl{background:linear-gradient(var(--verde),var(--verde)) 0 88%/0 38% no-repeat;transition:background-size .28s ease;box-decoration-break:clone;-webkit-box-decoration-break:clone}
a:hover .hl,a:focus-visible .hl{background-size:100% 38%}
[data-theme="dark"] .hl{color:inherit}

/* ================= PUBLI FEIRINHA (topo) ================= */
.publi{background:#FBAEFF;color:#33001A;position:relative}
.publi .wrap{display:flex;align-items:center;justify-content:center;gap:28px;min-height:46px;padding-block:5px}
.publi .pb-link::after{content:"";position:absolute;inset:0}
.publi .pb-link:focus-visible{outline-offset:-3px}
.publi .meio{display:flex;align-items:center}
.publi .marca{width:96px;height:auto;flex:none;color:#33001A;display:block}
.publi .frase{margin:0;display:flex;align-items:baseline;gap:.28em;line-height:1;text-transform:uppercase;white-space:nowrap}
.publi .fc,.publi .fw{font:italic 700 22px/1 var(--f-titulo);letter-spacing:0;text-transform:uppercase}

@keyframes gira{to{transform:rotate(360deg)}}
.publi .cta{display:inline-flex;align-items:center;gap:8px;color:#33001A;font:700 13px/1 var(--f-sub);text-transform:uppercase;letter-spacing:-.5px;padding:6px 0;text-decoration:none}
.publi .cta svg{width:20px;height:20px;flex:none;transform-origin:30% 90%}
.publi .pb-link:hover .cta,.publi .pb-link:focus-visible .cta{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.publi .pb-link:hover .cta svg,.publi .pb-link:focus-visible .cta svg{animation:balanca .6s ease-in-out}
@keyframes balanca{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-4deg)}}
@media (max-width:1180px){.publi .rot{display:none}}
.publi .rot{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:700 9px var(--f-sub);letter-spacing:.08em;text-transform:uppercase}
.publi .rot-esq{right:auto;left:10px;color:inherit;text-decoration:none;z-index:1}
.publi .rot-esq:hover,.publi .rot-esq:focus-visible{text-decoration:underline;text-underline-offset:3px}

/* barra de rolagem da página (computador): a do navegador some e entra só uma barrinha verde flutuando sobre a página, sem fundo */
.rolagem{display:none}
@media (hover:hover) and (pointer:fine){
  html{scrollbar-width:none}
  html::-webkit-scrollbar{display:none;width:0;height:0}
  .rolagem{display:block;position:fixed;top:0;right:0;bottom:0;width:16px;z-index:48;pointer-events:none}
  .rolagem[hidden]{display:none}
  .rolagem i{position:absolute;top:0;right:5px;width:6px;border-radius:99px;background:var(--verde);pointer-events:auto;touch-action:none}
  .rolagem i::before{content:"";position:absolute;inset:0 -5px}
  body.rolando{user-select:none;-webkit-user-select:none}
}

/* ================= CABEÇALHO ================= */
header.site{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--papel)}
.head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:95px;padding-block:8px}
.head-l,.head-r{display:flex;align-items:center;gap:6px}
.head-r{justify-content:flex-end}
.ico{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--tinta);background:none;cursor:pointer;flex:none;transition:background .2s,color .2s}
.ico:hover{background:var(--verde);color:#000;border-color:#000}
.head .ico{border-color:transparent}
.head .ico:hover,.head .ico:focus-visible,.head .ico[aria-expanded="true"]{background:var(--verde);color:#000;border-color:#000}
.ico svg{width:15px;height:15px}
.logo{display:block;width:140px;color:var(--tinta)}
.logo svg{display:block;width:100%;height:auto}
.burger{display:none}

/* campo de busca do cabeçalho: no topo da página é só a lupa; depois de rolar (no computador) a lupa dá lugar ao campo */
.hd-busca{display:none}
@media (min-width:901px){
  header.site.rolou{box-shadow:0 1px 0 var(--tinta)}
  #btn-busca{max-width:32px;overflow:hidden;transition:max-width .3s,opacity .2s,visibility .3s,background .2s,color .2s}
  .hd-busca{display:flex;align-items:center;gap:9px;position:relative;min-width:0;width:260px;max-width:0;opacity:0;visibility:hidden;overflow:hidden;white-space:nowrap;color:var(--tinta);border-bottom:0 solid var(--tinta);padding:0;margin-left:-6px;transition:max-width .45s cubic-bezier(.7,0,.2,1),opacity .3s,visibility .45s,box-shadow .2s}
  .hd-busca svg{width:15px;height:15px;flex:none}
  .hd-busca input{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background:none;color:inherit;min-width:0;width:100%;padding:0;margin:0;font:700 10px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
  .hd-busca input:focus,.hd-busca input:focus-visible{outline:none;box-shadow:none}
  .hd-busca input::-webkit-search-cancel-button,.hd-busca input::-webkit-search-decoration{-webkit-appearance:none;display:none}
  .hd-busca input::placeholder{color:transparent;opacity:1}
  .hd-busca:focus-within input::placeholder{color:var(--tinta)}
  .hd-busca .rola{position:absolute;left:32px;right:2px;top:50%;height:1.3em;margin-top:-.65em;overflow:hidden;pointer-events:none;font:700 10px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
  .hd-busca .rola span{display:block;height:1.3em;overflow:hidden;text-overflow:ellipsis;transition:transform .45s cubic-bezier(.7,0,.2,1);transform:translateY(calc(var(--i,0) * -1.3em))}
  .hd-busca .rola b{font-weight:400}
  .hd-busca:focus-within .rola,.hd-busca.tem .rola{display:none}
  .hd-busca:focus-within{box-shadow:0 1px 0 var(--tinta)}
  header.site.rolou .hd-busca{max-width:260px;opacity:1;visibility:visible;border-bottom-width:1px;padding:8px 2px 7px 8px;margin-left:0}
  header.site.rolou #btn-busca{max-width:0;min-width:0;padding-inline:0;border-width:0;margin-right:-6px;opacity:0;visibility:hidden}
}
@media (prefers-reduced-motion:reduce){.hd-busca,#btn-busca,.hd-busca .rola span{transition:none}}

/* menu em preto dentro do cabeçalho preso (computador): segunda linha que desce quando o menu preto sai da tela */
.hd-menu{display:none}
@media (min-width:901px){
  :root{--hd-extra:43px}
  .hd-menu{display:block;position:absolute;left:0;right:0;top:100%;height:43px;overflow:hidden;visibility:hidden;pointer-events:none;transition:visibility 0s .3s}
  .hd-menu ul{display:flex;justify-content:safe center;align-items:center;list-style:none;margin:0;padding:0 var(--gut);height:43px;background:var(--papel);color:var(--tinta);border-block:1px solid var(--tinta);overflow-x:auto;scrollbar-width:none;transform:translateY(-100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
  .hd-menu ul::-webkit-scrollbar{display:none}
  .hd-menu a{display:flex;align-items:center;gap:6px;height:41px;padding:0 11px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;color:inherit;text-decoration:none;text-decoration-thickness:1.5px;text-underline-offset:4px}
  .hd-menu a:hover,.hd-menu a:focus-visible{text-decoration:underline}
  .hd-menu a:focus-visible{outline-offset:-3px}
  .hd-menu .i-envie{width:15px;height:15px;flex:none}
  header.site.rolou .hd-menu{visibility:visible;pointer-events:auto;transition:visibility 0s}
  header.site.rolou .hd-menu ul{transform:none}
}
@media (prefers-reduced-motion:reduce){.hd-menu,.hd-menu ul{transition:none}}

/* submenu preto */
.submenu{background:#000;color:#FFF3E2}
.submenu ul{display:flex;justify-content:center;align-items:center;gap:0;list-style:none;margin:0;padding:0;flex-wrap:wrap;min-height:65px}
.submenu a{display:flex;align-items:center;height:65px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;text-decoration-thickness:1.5px;text-underline-offset:3px;padding:0 16px;transition:color .15s}
.submenu a:hover,.submenu a:focus-visible{color:var(--verde);text-decoration:underline}

/* gaveta do menu (hambúrguer) */
.gaveta{position:fixed;inset:0;z-index:50;background:var(--inv-bg);color:var(--inv-fg);display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 18px) var(--gut) 32px;transform:translateX(-100%);transition:transform .3s ease;visibility:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.gaveta > *{flex-shrink:0}
.gaveta.aberta{transform:none;visibility:visible}
.gaveta .fechar{align-self:flex-end;border-color:var(--inv-fg);width:42px;height:42px}
.gaveta ul{list-style:none;margin:24px 0 0;padding:0;display:flex;flex-direction:column}
.gaveta ul a{display:block;font:900 44px/1 var(--f-titulo);letter-spacing:-.04em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid var(--inv-linha)}
.gaveta ul a:hover{color:var(--verde)}
.submenu a.envie{gap:7px}
.submenu a.envie .i-envie{width:16px;height:16px;flex:none}
.gaveta ul a.envie{display:flex;align-items:flex-start;gap:12px}
.gaveta ul a.envie .i-envie{width:26px;height:26px;flex:none;margin-top:6px}
.gaveta .redes{display:flex;gap:6px;margin-top:auto;padding-top:24px}
.gaveta .redes .ico{color:var(--inv-fg)}

/* ================= TELA DE PESQUISA ================= */
.busca{position:fixed;inset:0;z-index:60;background:var(--verde);color:#000;overflow-y:auto;padding:0 var(--gut);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.busca.aberta{opacity:1;visibility:visible}
.busca-in{max-width:980px;margin:0 auto;min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:1fr auto 1fr}
/* espaço acima da barra: o X fica no meio dele e o "Pesquise no escutai" logo acima da barra */
.busca-topo{display:grid;grid-template-rows:minmax(16px,1fr) auto minmax(16px,1fr);justify-items:center;padding-top:env(safe-area-inset-top,0px)}
/* espaço abaixo da barra: as sugestões ficam no meio dele (como o X no de cima); com resultados, sobem para logo abaixo da barra */
.busca-baixo{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:16px 0 calc(env(safe-area-inset-bottom,0px) + 16px)}
.busca.com-res .busca-baixo{justify-content:flex-start;padding:24px 0 48px}
.busca.com-res .busca-in{grid-template-rows:auto auto 1fr}
.busca.com-res .busca-topo{padding-top:calc(env(safe-area-inset-top,0px) + 60px)}
.busca .fechar{grid-row:2;position:relative;width:56px;height:56px;border:1px solid #000;background:none;display:grid;place-items:center;cursor:pointer;color:#000}
.busca .fechar:hover{background:#000;color:var(--bege)}
/* com resultados na tela, o X sobe e fica preso no topo enquanto se rola a lista */
.busca.com-res .fechar{position:fixed;top:calc(env(safe-area-inset-top,0px) + 20px);left:50%;transform:translateX(-50%);z-index:2}
.busca .fechar svg{width:24px;height:24px}
.busca form{position:relative;display:flex;flex-direction:column;align-items:center}
.busca .campo{position:relative;display:flex;align-items:center;gap:14px;width:100%;border:1px solid #000;background:var(--bege);padding:6px 6px 6px 22px}
.busca input{flex:1;min-width:0;width:100%;background:transparent;border:0;border-radius:0;color:#000;font:700 clamp(17px,2vw,22px)/1.2 var(--f-sub);letter-spacing:-.01em;text-transform:uppercase;text-align:left;padding:12px 0}
.busca input::placeholder{color:transparent}
/* sugestão que vai sendo "escrita" dentro de um fundo bege, por cima do campo vazio */
.busca .dig{position:absolute;left:22px;right:62px;top:50%;transform:translateY(-50%);pointer-events:none;white-space:nowrap;overflow:hidden;display:flex;align-items:center;gap:.35em;font:400 clamp(17px,2vw,22px)/1.2 var(--f-sub);letter-spacing:-.01em;text-transform:uppercase;color:#000}
.busca .dig-t{font-weight:700;background:var(--verde);padding:.12em .3em}
.busca .dig-t:empty{padding:0}
.busca .campo.tem .dig{display:none}
/* lupa do botão: procurando, num movimento curto e contínuo */
@keyframes lupa-procura{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(2px,-2px) rotate(-10deg)}50%{transform:translate(0,-3px) rotate(0)}75%{transform:translate(-2px,-1px) rotate(10deg)}}
.busca .ir svg{animation:lupa-procura 2.8s ease-in-out infinite;transform-origin:45% 45%}
@media (prefers-reduced-motion:reduce){.busca .ir svg{animation:none}}
.busca input::-webkit-search-cancel-button,.busca input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}
.busca input:focus,.busca input:focus-visible{outline:none;box-shadow:none}
.busca .ir{width:48px;height:48px;border-radius:0;background:#000;color:var(--verde);border:0;display:grid;place-items:center;cursor:pointer;flex:none;transition:transform .2s}
.busca .ir svg{width:18px;height:18px}
.busca .ir:hover,.busca .ir:focus-visible{transform:scale(1.07)}
.busca .sug-g{display:flex;flex-direction:column;align-items:center;gap:20px}
.busca .sug-tit{margin:0;font:700 11px/1.2 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.busca .sug{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;max-width:640px}
.busca .sug button{background:var(--bege);color:#000;border:1px solid #000;padding:7px 10px 6px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:background .2s,color .2s}
.busca .sug button:hover,.busca .sug button:focus-visible{background:#000;color:var(--bege)}
.busca .msg:empty,.busca .res:empty{display:none}
/* computador: bloco "em alta" e tags 20% maiores */
@media (min-width:901px){.busca .sug-g{gap:24px}.busca .sug-tit{font-size:13.2px}.busca .sug{gap:10px;max-width:780px}.busca .sug button{font-size:13.2px;padding:8.4px 12px 7.2px}}
.busca .msg{font:700 15px var(--f-sub);margin:0;min-height:1.3em;text-align:center}
.res{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
.res a{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:center;padding-block:14px;border-top:1px solid #000}
.res .media{aspect-ratio:1;border:1px solid #000}
.res a > div{display:flex;flex-direction:column;gap:6px}
.res .t-sub{font-size:17px}
.res a:hover .hl{background-size:100% 38%}
.res .hl{background-image:linear-gradient(var(--bege),var(--bege))}

/* ================= TICKER ================= */
.ticker{position:relative;background:var(--verde);color:#000;overflow:hidden;border-block:1px solid #000}
.tk-selo{position:absolute;left:0;top:0;bottom:0;z-index:2;display:flex;align-items:center;background:var(--verde);border-right:1px solid #000;padding:0 22px 0 calc(22px + .06em);font:700 14px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.06em}
.tk-move{display:flex;width:max-content;animation:tk var(--tk-dur,60s) linear infinite}
.ticker:hover .tk-move{animation-play-state:paused}
.tk-set{display:flex;align-items:center;flex:none}
.tk-set a,.tk-selo{-webkit-text-size-adjust:100%;text-size-adjust:100%;max-height:999999px}
.tk-set a{font:700 14px/1 var(--f-sub);letter-spacing:-.35px;text-transform:uppercase;padding:19.5px 0;white-space:nowrap;transition:color .15s}
.tk-set a:hover,.tk-set a:focus-visible,.tk-set a:active{color:#000;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.tk-set .estrela{width:14px;height:14px;margin-inline:21px;flex:none;color:var(--bege);animation:gira 6s linear infinite}
@keyframes tk{to{transform:translateX(-50%)}}

/* ================= GENÉRICOS ================= */
section{padding-block:clamp(40px,5vw,68px)}
.sec-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:28px}
.sec-head h2{font-size:clamp(36px,5vw,60px)}
.sec-head a.mais{flex:none;margin-bottom:6px;background:var(--verde);color:#000;text-decoration:none;padding:10px 14px;transition:background .2s,color .2s}
.sec-head a.mais:hover,.sec-head a.mais:focus-visible{background:var(--mais-hbg);color:var(--hov-fg)}
.cine .sec-head a.mais:hover,.cine .sec-head a.mais:focus-visible{background:var(--inv-fg);color:var(--inv-bg)}
.meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--suave)}
.data{display:inline-flex;align-items:baseline;text-decoration:none}
.data::before{content:"";display:inline-block;width:24px;border-bottom:1px solid currentColor;margin-right:8px;transform:translateY(-3px)}
.cat{font-size:9px;color:var(--tinta)}
.cine .cat{color:var(--inv-fg)}
.cob .cat,.busca .cat{color:#000}
/* nota da crítica nas chamadas: cinco estrelinhas na linha da categoria, alinhadas à direita */
.nt-est{display:inline-flex;gap:2.5px;flex:none;margin-left:auto;padding-inline:1px}
.nt-est svg{width:11px;height:11px;display:block;overflow:visible}
.nt-est .vz{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}
.nt-est .ch{fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;clip-path:inset(0 calc(100% - var(--f) * 100%) 0 0)}
.cat-n{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px 10px}
.cat-n .cat{white-space:nowrap}
.cat-n .nt-est{margin-left:0}
.t-sub > .nt-est{margin-left:8px;vertical-align:1px}
.cs-topo{display:flex;align-items:center;gap:12px}
.cs-topo .nt-est{color:var(--verde)}
.novo{display:inline-block;background:var(--tinta);color:var(--papel);font:700 11px var(--f-sub);padding:3px 7px;letter-spacing:.06em}

.media{position:relative;overflow:hidden;background:var(--ph-bg);aspect-ratio:3/2;max-width:100%}
.media .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.media.sem .ph,.media.erro .ph{opacity:1}
.media .carrega{position:absolute;inset:0;display:grid;place-items:center;background:var(--papel);z-index:0;transition:opacity .3s}
.media .carrega svg{width:clamp(14px,12%,24px);height:auto;aspect-ratio:1;color:var(--tinta);animation:gira 1.4s linear infinite}
.media.ok .carrega,.media.erro .carrega,.media.sem .carrega{opacity:0;pointer-events:none}
.media.ok .carrega svg,.media.erro .carrega svg,.media.sem .carrega svg{animation:none}
@media (prefers-reduced-motion:reduce){.media .carrega svg{animation:none}}
.media .foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:0;transition:transform .5s ease,opacity .35s ease}
.media.ok .foto{opacity:1}
a:hover .media .foto{transform:scale(1.035)}
.bordada{border:1px solid var(--tinta)}
.frame{background:var(--moldura);padding:clamp(10px,1.2vw,16px);transition:background-color .35s ease}
a:hover .frame,a:focus-visible .frame{background:var(--tinta)}
.card{display:flex;flex-direction:column;gap:12px}
.card .t-sub{font-size:19px}

/* ================= HERO ================= */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,3vw,44px);padding-top:clamp(28px,3vw,44px)}
.duo-item{display:flex;flex-direction:column;background:var(--verde);padding:clamp(10px,1.2vw,16px);color:#000;transition:background-color .35s ease,color .35s ease}
.duo-item .media{aspect-ratio:16/9}
.duo-cap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end;padding:16px 6px 6px}
.duo-item .meta,.duo-item .cat{color:inherit}
.duo-cap h2{font-size:clamp(26px,2.6vw,38px);margin-top:8px}
.duo-cap .seta{font:700 22px var(--f-sub);transition:transform .25s}
.duo-item .hl{background:none}
.duo-item:hover,.duo-item:focus-visible{background:var(--tinta);color:var(--papel)}
.duo-item:hover .seta,.duo-item:focus-visible .seta{transform:translateX(5px)}
.hero{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:clamp(24px,3vw,44px);padding-top:clamp(28px,3vw,44px)}
.hero-main{display:flex;flex-direction:column;gap:18px}
.hero-fig{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:10px;align-items:start}
.hero-fig .frame{padding:clamp(12px,1.6vw,24px)}
.hero-fig .media{aspect-ratio:16/10}
.vcred,.vlabel{writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;justify-self:center}
.vcred{font:700 10px var(--f-sub);letter-spacing:.04em;text-transform:uppercase;align-self:end;margin-bottom:4px}
.vlabel{font:700 26px/1 var(--f-sub);letter-spacing:-.02em;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;align-self:center}
.hero-main h2{font-size:clamp(37px,5.3vw,77px)}
.hero-main .t-texto{font-size:18px;max-width:62ch}
.hero-side{display:flex;flex-direction:column}
.hero-side .lbl{padding-block:12px}
.hero-side .side-ad{min-height:100px;margin-top:39px}
.side-item{display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:16px;padding-block:16px;border-top:1px solid var(--linha);align-items:start}
.side-item .media{aspect-ratio:1}
.side-item .t-sub{font-size:18px}
.side-item > div{display:flex;flex-direction:column;gap:8px}

/* ================= PUBLICIDADE ================= */
.ad{position:relative;display:grid;place-items:center;color:var(--suave);text-align:center;gap:4px;padding:10px;margin-top:21px}
/* rótulo fixo: etiqueta centralizada, logo acima do anúncio (sem encostar nele: o Google não permite cobrir o anúncio).
   O Google só aceita "Anúncios" ou "Links patrocinados" como rótulo. O espaço em si não tem cor nem moldura. */
.ad::before{content:"anúncios";position:absolute;left:50%;transform:translateX(-50%);bottom:100%;background:var(--mais-hbg);color:var(--mais-hfg);font:700 10px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.09em;padding:5px 8px 4px;white-space:nowrap}
/* o espaço tem a largura do anúncio, para a etiqueta ficar centralizada nele */
.ad.leader{min-height:90px;width:100%;max-width:728px;margin-inline:auto}
.ad.box,.ad.side-ad,.ad.mini{margin-inline:auto}
.ad.box{width:300px;max-width:100%}
.ad.side-ad{width:100%;max-width:320px}
/* anúncio dentro do texto (in-article): ocupa a largura da coluna, sem linhas, só a etiqueta "anúncios" */
.ad.artigo{width:100%;min-height:200px}
/* anúncio carregado ocupa o espaço inteiro; sem anúncio para mostrar, o espaço inteiro some */
.ad[data-pronto]{padding:0}
.ad:has(ins[data-ad-status="unfilled"]){display:none}
.ad-sep{padding-top:clamp(40px,5vw,68px)}
.ad ins{display:block;width:100%}
.ad.box{min-height:250px}
.ad small{font:400 12px var(--f-texto)}

/* ================= MAIS RECENTES ================= */
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}

/* ================= EM ALTA ================= */
.lst-sec{padding-top:0}
.lst{display:grid;grid-template-columns:300px minmax(0,1fr);gap:40px;padding:clamp(24px,3vw,40px);border:1px solid var(--tinta)}
.lst-h{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.lst-h h2{font-size:clamp(44px,5vw,72px);line-height:.84}
.lst-h p{margin:0;font-size:17px;line-height:1.45}
.lst-h .mais{background:var(--verde);color:#000;text-decoration:none;padding:10px 14px;margin-top:6px;transition:background .2s,color .2s}
.lst-h .mais:hover,.lst-h .mais:focus-visible{background:var(--mais-hbg);color:var(--hov-fg)}
.lst-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media (max-width:900px){.lst{grid-template-columns:minmax(0,1fr);gap:28px}}
@media (max-width:560px){.lst-g{grid-template-columns:minmax(0,1fr);gap:28px}}
.tit-troca{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.1em .25em}
.troca{display:inline-flex;align-items:center;gap:.2em;background:var(--verde);color:#000;border:0;cursor:pointer;padding:.16em .26em .1em .32em;font:900 .5em/1 var(--f-titulo);letter-spacing:-.04em;text-transform:uppercase;margin-bottom:.06em;transition:background .2s,color .2s}
.troca:hover,.troca:focus-visible{background:var(--mais-hbg);color:var(--hov-fg)}
.troca .jan{display:block;height:1.15em;overflow:hidden;text-align:left}
.troca .pal{display:block;transition:transform .35s cubic-bezier(.7,0,.2,1)}
.troca .pal span{display:block;height:1.5em;line-height:1.25em;white-space:nowrap}
.troca.m .pal{transform:translateY(-1.5em)}
.troca svg{width:.8em;height:.8em;flex:none;transition:transform .35s}
.troca.m svg{transform:rotate(180deg)}
.per{font:700 10px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;color:var(--tinta);margin:-18px 0 18px}
.lidas .per{margin:0 0 6px}
.troca-lista{transition:opacity .2s}
.troca-lista.saindo{opacity:0}
.rank{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}
.rank a{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:start;padding-block:20px;border-top:1px solid currentColor}
.rank .n{display:grid;place-items:center;min-width:64px;height:72px;background:var(--verde);color:#000;font:900 60px/1 var(--f-titulo);letter-spacing:-.04em;padding-inline:6px}
.rank .t-sub{font-size:20px}
.rank > a > div{display:flex;flex-direction:column;gap:8px}

/* ================= CRÍTICAS DE ÁLBUM ================= */
.cine .hl{background-position:0 100%;background-size:0 3px}
.cine a:hover .hl,.cine a:focus-visible .hl{background-size:100% 3px}
/* críticas de álbum: estante de discos — lombadas que andam, a do meio abre */
.alb{--lomb:96px;--ab:720px}
.estante{position:relative;overflow:hidden;height:590px;touch-action:pan-y}
.estante .trilho{display:flex;height:100%;transition:transform .8s cubic-bezier(.6,0,.2,1)}
.estante .lp{flex:none;width:var(--lomb);height:100%;background:var(--verde);color:#000;border:1px solid #000;margin-right:-1px;position:relative;overflow:hidden;transition:width .8s cubic-bezier(.6,0,.2,1)}
.estante .lomb{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;padding:16px 0;background:none;border:0;color:#000;cursor:pointer;transition:opacity .3s;font:inherit}
.estante .lomb:hover .v,.estante .lomb:focus-visible .v{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.estante .num{font:900 30px/.8 var(--f-titulo);letter-spacing:-.04em}
.estante .lomb .v{writing-mode:vertical-rl;transform:rotate(180deg);font:900 26px/1 var(--f-titulo);text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;max-height:calc(100% - 70px)}
.estante .aberto{position:absolute;inset:0;width:var(--ab);display:grid;grid-template-columns:minmax(0,544px) minmax(260px,1fr);gap:28px;padding:22px;color:#000;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.estante .aberto .media{aspect-ratio:1;align-self:start;max-height:100%}
.estante .aberto .lado{display:flex;flex-direction:column;gap:12px;min-width:0}
.estante .est-topo{display:flex;justify-content:space-between;align-items:start}
.estante .aberto .cat{color:#000}
.estante .art{font:700 13px/1.2 var(--f-sub);text-transform:uppercase;letter-spacing:.03em}
.estante .disco{font:400 14px/1.2 var(--f-texto)}
.estante .aberto h3{font:900 clamp(30px,3vw,46px)/.88 var(--f-titulo);text-transform:uppercase;letter-spacing:-.04em;margin:0;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
.estante .aberto p{margin:0;font-size:15px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.estante .ler{margin-top:auto;display:inline-flex;gap:8px;width:max-content;font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #000;padding-bottom:4px}
.estante .ler span{transition:transform .25s}
.estante .aberto:hover .ler span,.estante .aberto:focus-visible .ler span{transform:translateX(4px)}
.estante .lp.on{width:var(--ab)}
.estante .lp.pub .lomb .v{font-size:22px}
.estante .aberto-pub{grid-template-columns:minmax(0,1fr)!important;place-items:center}
.estante .aberto-pub .ad{width:300px;max-width:100%;min-height:250px;color:#000}
.estante .lp.on .lomb{opacity:0;pointer-events:none}
.estante .lp.on .aberto{opacity:1;visibility:visible;transition-delay:.35s}

/* ================= COBERTURAS (destaque verde) ================= */
.cob{background:var(--verde);color:#000}
.cob .intro{max-width:52ch;margin:-12px 0 28px;color:#000}
.cob-anos{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.cob-anos button{background:none;border:1px solid #000;color:#000;padding:8px 12px;font:700 14px/1 var(--f-sub);letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s}
.cob-anos button:hover,.cob-anos button:focus-visible{background:var(--bege)}
.cob-anos button[aria-pressed="true"]{background:var(--bege);color:#000;border-style:solid}
.chips{display:flex;flex-wrap:wrap;gap:12px;transition:opacity .2s}
.chips.saindo{opacity:0}
.chips a{display:flex;align-items:center;gap:14px;border:1px solid #000;padding:16px 18px;font:700 15px/1.15 var(--f-sub);text-transform:uppercase;letter-spacing:.02em;background:var(--verde);transition:background .2s,color .2s,transform .2s}
.chips a{flex:none}
.chips .ic,.chips .ic-st{width:30px;height:30px;flex:none}
.chips .ic-st{display:none;padding:4px;animation:gira 1.6s linear infinite}
.chips .ar{font:700 17px/1 var(--f-sub);opacity:0;transform:translateX(12px);transition:opacity .25s,transform .3s ease}
.chips a:hover,.chips a:focus-visible{background:var(--bege)}
.chips a:hover .ic,.chips a:focus-visible .ic{display:none}
.chips a:hover .ic-st,.chips a:focus-visible .ic-st{display:block}
.chips a:hover .ar,.chips a:focus-visible .ar{opacity:1;transform:none}

/* ================= LIVROS + MAIS LIDAS ================= */
.split{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(28px,4vw,56px)}
.list-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding-block:18px;border-top:1px solid var(--linha);align-items:center}
.list-row:first-child{border-top:0;padding-top:0}
.list-row .t-sub{font-size:21px}
.list-row > div{display:flex;flex-direction:column;gap:8px}
.aside{display:flex;flex-direction:column;gap:28px}
.lidas{counter-reset:l}
.lidas h2{font-size:40px;margin-bottom:8px}
.lidas a{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding-block:14px;border-top:1px solid var(--linha)}
.lidas a::before{counter-increment:l;content:counter(l);font:900 40px/.85 var(--f-titulo);letter-spacing:-.04em}
.lidas .t-sub{font-size:17px}

/* ================= CINEMA (faixa invertida) ================= */
.cine{background:var(--inv-bg);color:var(--inv-fg)}
.cine .t-texto,.cine .meta{color:var(--inv-suave)}
.cine-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:clamp(24px,3vw,44px)}
.cine-grid .cine-big{order:2}
.cine-grid .cine-side{order:1}
.cine-big{display:flex;flex-direction:column;gap:16px}
.cine-big .media{aspect-ratio:4/3;background:transparent;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 50%,#000 60%,transparent 100%)}
.cine-big h3{font-size:clamp(34px,4vw,56px)}
.cine-side{display:flex;flex-direction:column;gap:28px}
.cine .ad{color:var(--inv-suave)}
.cine .ad::before{background:var(--inv-fg);color:var(--inv-bg)}
.cine-list{display:flex;flex-direction:column}
.cine-list a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding-block:18px;border-top:1px solid var(--inv-linha)}
.cine-list a:first-child{border-top:0;padding-top:0}
.cine-list .media{aspect-ratio:1;border:5px solid var(--inv-fg)}
.cine-list > a > div{display:flex;flex-direction:column;gap:8px}
.cine .t-sub{font-size:19px}

/* ================= TEATRO ================= */
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}
.grid3 .media{aspect-ratio:16/10}

/* ================= RODAPÉ ================= */
/* ================= RODAPÉ (centralizado, em camadas; logo embaixo como assinatura) ================= */
footer{background:var(--verde);color:#000}
.foot{display:flex;flex-direction:column;align-items:center;text-align:center;padding-block:52px 28px}
.foot .ft-tr{width:100%;border-top:1px solid #000;margin:32px 0}
.foot .estrela{width:9px;height:9px;flex:none;color:#000;animation:gira 6s linear infinite}
/* seções: lado a lado, separadas pela estrelinha; a estrelinha que cairia na ponta de uma linha vira quebra (.qb, via JS) */
.ft-menu{display:flex;flex-direction:column;align-items:center;font:700 13px/1.15 var(--f-sub);text-transform:uppercase;letter-spacing:.04em}
.ft-menu div{display:flex;align-items:center;justify-content:center;gap:0 14px}
.ft-menu a{padding-block:6px;text-decoration-thickness:1.5px;text-underline-offset:3px}
.ft-menu a:hover,.ft-menu a:focus-visible{text-decoration:underline}
.ft-menu .ft-so-cel{display:none}
.foot .qb{flex-basis:100%;width:0;height:0;margin:0;visibility:hidden}
.ft-soc{display:flex;gap:6px;margin-top:22px}
.ft-soc a{width:36px;height:36px;display:grid;place-items:center;border:1px solid #000;transition:background .2s,color .2s}
.ft-soc a svg{width:16px;height:16px}
.ft-soc a:hover,.ft-soc a:focus-visible{background:#000;color:var(--bege)}
.mails{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}
.mails a{display:inline-flex;align-items:center;gap:7px;font:700 12px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.03em;text-decoration:underline;text-underline-offset:3px}
.mails a:hover{background:#000;color:var(--bege)}
.mails a.ok{background:#000;color:var(--verde);text-decoration:none}
.mails svg{width:16px;height:16px;flex:none}
.foot .legal{display:flex;flex-wrap:nowrap;white-space:nowrap;align-items:center;justify-content:center;gap:0 9px;margin-top:18px}
.foot .legal a,.foot .legal button{background:none;border:0;padding:3px 0;color:#000;cursor:pointer;font:700 10.5px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.04em;text-decoration:none}
.foot .legal a:hover,.foot .legal button:hover,.foot .legal a:active,.foot .legal button:active,.foot .legal a:focus-visible,.foot .legal button:focus-visible{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.foot .logo2{width:min(340px,70vw);color:#000}
.foot .logo2 svg{width:100%;height:auto;display:block}
.powered{display:inline-flex;align-items:baseline;gap:10px}
.powered span{font:700 7.2px/1 var(--f-sub);position:relative;top:-3.4px;text-decoration:underline;text-underline-offset:3px;text-transform:uppercase;letter-spacing:.05em}
.powered b{font:900 18px/1 var(--f-titulo);display:block;letter-spacing:-.04em;text-transform:lowercase}
.foot .ft-pow-cel{display:none}
.ft-base{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 24px;border-top:1px solid #000;margin-top:36px;padding-top:18px}
.foot .dir{font:700 11px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.03em;margin:0;color:#000}
.foot .dir i{font-style:normal}
@media (max-width:700px){
  .foot{padding-block:40px 26px}
  .foot .ft-tr{margin:26px 0}
  .ft-menu{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:0 12px}
  .ft-menu div{display:contents}
  .ft-menu .ft-so-cel{display:block}
  .mails{flex-direction:column;align-items:center}
  .foot .legal{flex-wrap:wrap;white-space:normal}
  .foot .ft-pow-cel{display:inline-flex;margin-top:20px}
  .ft-base{justify-content:center;margin-top:28px}
  .ft-base .powered{display:none}
  .foot .dir{line-height:1.5}
  .foot .dir span{display:block}
  .foot .dir i{display:none}
}
@media (prefers-reduced-motion:reduce){.foot .estrela{animation:none}}
/* aviso de cookies: cartão tracejado no canto, biscoito mordido girando */
.cookies{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:55;width:340px;max-width:calc(100% - 32px);display:grid;gap:12px;background:var(--bege);color:#000;border:1px solid #000;padding:16px;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .3s,transform .3s,visibility .3s}
.cookies.on{opacity:1;visibility:visible;transform:none}
.cookies .ck-t{display:flex;align-items:center;gap:10px;margin:0;font:700 16px/1.1 var(--f-sub);text-transform:uppercase;letter-spacing:.02em}
.cookies .bisc{width:26px;height:26px;flex:none;color:#000;animation:gira 8s linear infinite}
.cookies p{margin:0;font:400 14px/1.45 var(--f-texto)}
.cookies p a{color:#000;text-decoration:underline;text-underline-offset:3px}
.cookies p a:hover{background:var(--verde)}
.cookies .bts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.cookies button{font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;padding:11px 10px;cursor:pointer;border:1px solid #000;color:#000;transition:background .2s,color .2s}
.cookies .nao{background:none;border-style:solid}
.cookies .nao:hover,.cookies .nao:focus-visible{background:#fff}
.cookies .sim{background:var(--verde)}
.cookies .sim:hover,.cookies .sim:focus-visible{background:#000;color:var(--bege)}
@media (max-width:560px){.cookies{left:12px;right:12px;width:auto;max-width:none;bottom:calc(12px + env(safe-area-inset-bottom,0px))}}
@media (prefers-reduced-motion:reduce){.cookies .bisc{animation:none}}

/* ================= FLUTUANTES ================= */
.status{position:fixed;left:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:10px;background:#000;color:var(--bege);padding:8px 8px 8px 14px;font:700 12px var(--f-sub);max-width:calc(100% - 90px);box-shadow:0 0 0 1px var(--verde)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--verde);flex:none;animation:pulse 2s infinite}
.status.off .dot{background:#999;animation:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(210,247,121,.7)}70%{box-shadow:0 0 0 8px rgba(210,247,121,0)}100%{box-shadow:0 0 0 0 rgba(210,247,121,0)}}
.status button{background:var(--verde);color:#000;border:0;padding:5px 10px;font:700 11px var(--f-sub);cursor:pointer;flex:none}
.topo{position:fixed;right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px));z-index:40;width:48px;height:48px;border-radius:50%;border:0;background:var(--tinta);color:var(--papel);display:grid;place-items:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s}
.topo.on{opacity:1;pointer-events:auto}

/* ================= RESPONSIVO ================= */
@media (max-width:1080px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rank{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .submenu{display:none}
  .burger{display:grid}
  .hero,.split,.cine-grid,.duo{grid-template-columns:minmax(0,1fr)}
  /* telas empilhadas: nunca dois espaços de publicidade seguidos (o bloco de cima já termina com um) */
  .ad-dup-cel{display:none}
  .cine-grid .cine-big,.cine-grid .cine-side{order:0}
  .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:700px){
  .head .soc{display:none}
  /* celular: menu à esquerda, logo no centro, pesquisa e modo escuro à direita */
  .head{display:flex;align-items:center;position:relative;gap:6px}
  .head-l{display:contents}
  .head .logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  #btn-menu{order:0}
  #btn-busca{order:1;margin-left:auto}
  #btn-tema{order:2}
  .head-r{order:3}
  .head{min-height:75px}
  .logo{width:110px}
}
@media (max-width:560px){
  .tk-set a{font-size:11px;padding:18.5px 0}
  .tk-selo{font-size:11px;padding:0 14px 0 calc(14px + .06em)}
  .tk-set .estrela{width:13px;height:13px;margin-inline:15px}
  .cob-anos{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}
  .cob-anos::-webkit-scrollbar{display:none}
  .cob-anos button{flex:none}
  .chips a{flex:0 1 auto;max-width:100%}
  .grid4,.grid3,.rank{grid-template-columns:minmax(0,1fr)}
  /* celular: estante na vertical — disco aberto em cima, próximas lombadas deitadas embaixo */
  .alb{--lomb:56px}
  .estante{height:660px}
  .estante .trilho{flex-direction:column}
  .estante .lp{width:100%;height:var(--lomb);margin:0 0 -1px;border-inline:0;transition:height .8s cubic-bezier(.6,0,.2,1)}
  .estante .lp.on{width:100%;height:var(--ab)}
  .estante .lomb{flex-direction:row;align-items:center;gap:14px;padding:0 var(--gut)}
  .estante .num{font-size:24px}
  .estante .lomb .v{writing-mode:horizontal-tb;transform:none;font-size:22px;max-height:none;max-width:calc(100% - 50px);text-overflow:ellipsis}
  .estante .aberto{width:100%;height:var(--ab);bottom:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px;padding:16px var(--gut)}
  .estante .aberto .media{aspect-ratio:16/10}
  .estante .aberto h3{font-size:28px;display:block;-webkit-line-clamp:unset;overflow:visible}
  .estante .aberto-pub{min-height:282px}
  .estante .aberto p{-webkit-line-clamp:3}
  .ad.leader{min-height:100px;max-width:320px}
  .list-row{grid-template-columns:110px minmax(0,1fr);gap:14px}
  .list-row .t-sub{font-size:17px}
  .hero-fig{grid-template-columns:minmax(0,1fr)}
  .vcred{display:none}
  .publi .marca{width:78px}
  .publi .meio,.publi .rot{display:none}
  .publi .cta{font-size:12px}
  .res{grid-template-columns:minmax(0,1fr)}
  .status span.txt{display:none}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  .ticker{overflow-x:auto}
}

/* bloco "crítica destaque": slide de críticas na largura total da tela */
.cs-todas{margin-left:auto;background:var(--verde);color:#000;text-decoration:none;padding:12px 15px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;transition:background .15s,color .15s;white-space:nowrap}
.cs-todas:hover,.cs-todas:focus-visible{background:var(--bege);color:#000;outline:none}
.cs{position:relative;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);background:#000;color:var(--bege);min-height:clamp(420px,42vw,600px);touch-action:pan-y;user-select:none}
.cs-img{position:relative;overflow:hidden;display:block}
.cs-img .media{position:absolute;inset:0;aspect-ratio:auto;height:100%}
.cs-img .media img{width:100%;height:100%;object-fit:cover}
.cs-lado{display:flex;flex-direction:column;padding:clamp(24px,3vw,44px) var(--gut) clamp(22px,2.6vw,36px) clamp(24px,3vw,44px)}
.cs-lado .cs-cat{align-self:flex-start;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.07em;color:var(--verde);border-bottom:1px solid var(--verde);padding-bottom:3px}
.cs-lado h3{font:700 clamp(24px,2.6vw,42px)/1.04 "AlteHaas180",var(--f-sub);letter-spacing:-.1em;padding-right:.1em;margin:14px 0 12px;text-decoration:underline;text-decoration-color:var(--bege);text-decoration-thickness:.07em;text-underline-offset:.12em;text-wrap:balance;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.cs-lado h3{font-family:var(--f-titulo);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;line-height:1.2}
.cs-lado h3 a{color:inherit;text-decoration:inherit}
.cs-lado p{margin:0;font-size:16px;line-height:1.5;max-width:46ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-base{margin-top:auto;display:flex;align-items:center;justify-content:flex-start;gap:12px;padding-top:18px;border-top:1px solid rgba(255,243,226,.3)}
.cs-seta{width:48px;height:48px;border-radius:50%;border:1px solid var(--bege);background:transparent;color:var(--bege);display:grid;place-items:center;cursor:pointer;font:700 18px/1 var(--f-sub);transition:background .15s,color .15s,border-color .15s}
.cs-seta:hover,.cs-seta:focus-visible{background:var(--verde);color:#000;border-color:var(--verde);outline:none}
.cs-cont{font:700 12px/1 var(--f-sub);letter-spacing:.06em;font-variant-numeric:tabular-nums}
.cs-anim{animation:cs-entra .45s ease}
@keyframes cs-entra{from{opacity:0;transform:translateX(var(--cs-dx,24px))}}
.cs-img .media.cs-anim{animation:cs-foto .6s ease}
@keyframes cs-foto{from{opacity:.2}}
@media (max-width:900px){.cs{grid-template-columns:minmax(0,1fr);min-height:0}.cs-img{aspect-ratio:16/10}.cs-lado{padding:22px var(--gut) 20px}}
@media (prefers-reduced-motion:reduce){.cs-anim,.cs-img .media.cs-anim{animation:none}}

/* ícone do "envie sua música": coração pulsando */
.i-envie{animation:env-pulsa 1.1s ease-in-out infinite;transform-origin:50% 60%}
@keyframes env-pulsa{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.i-envie{animation:none}}

/* barra de anúncio: fundo bordô, textos em rosa */
.publi{background:#3a0016;color:#fbaeff}
.publi .marca,.publi .cta{color:#fbaeff}
.publi .fc,.publi .fw{color:#fbaeff}
/* tema claro: anúncio bege com preto, header verde, ticker bege, menu preto */
.publi,:root .publi{background:#FFF3E2;color:#000}
.publi .marca,.publi .cta,.publi .fc,.publi .fw{color:#000} /* barra de anúncio igual nos dois temas */
:root:not([data-theme="dark"]) header.site{background:var(--verde)}
:root:not([data-theme="dark"]) .ticker{background:#FFF3E2;color:#000}
:root:not([data-theme="dark"]) .tk-set .estrela{color:#000}
:root:not([data-theme="dark"]) .tk-set a:hover{color:#000}
@media (prefers-color-scheme:dark){
  
  
  :root:not([data-theme="light"]) header.site{background:var(--papel)}
  :root:not([data-theme="light"]) .ticker{background:var(--verde);color:#000}
  :root:not([data-theme="light"]) .tk-set .estrela{color:var(--bege)}
}


:root[data-theme="dark"] header.site{background:var(--papel)}
:root[data-theme="dark"] .ticker{background:var(--verde);color:#000}
:root[data-theme="dark"] .tk-set .estrela{color:var(--bege)}
/* sem linhas no topo ao rolar: nem embaixo do header nem na faixa do menu fixo (nem durante a animação) */
header.site.rolou{box-shadow:none}
.hd-menu ul{border:0!important}
/* barra de leitura logo abaixo do menu fixo */
@media (min-width:901px){body:has(header.site.so-menu) .progresso{top:56px}}
/* ===== topo e rodapé (vindos do teste da página envie sua música) ===== */
/* no computador, ao rolar, só a faixa do menu fica fixa no topo (o header rola junto com a página); faixa com 56px */
@media (min-width:901px){
  header.site{position:relative}
  header.site .hd-menu,header.site .hd-menu ul{height:56px}
  header.site .hd-menu a{height:54px}
  header.site.so-menu .hd-menu{position:fixed;top:0;left:0;right:0;z-index:40;visibility:visible;pointer-events:auto;transition:visibility 0s}
  .hd-acoes{display:none}
  header.site.so-menu .hd-acoes{position:absolute;left:calc(max(0px,(100% - var(--max))/2) + var(--gut));top:0;height:56px;display:flex;align-items:center;gap:4px;z-index:2}
  .hd-acoes .ico{border-color:transparent;color:inherit}
  header.site.so-menu .hd-acoes{color:var(--tinta)}
  .hd-acoes .ico:hover,.hd-acoes .ico:focus-visible{background:#000;color:#FFF3E2}
  :root[data-theme="dark"] .hd-acoes .ico:hover,:root[data-theme="dark"] .hd-acoes .ico:focus-visible{background:#FFF3E2;color:#000}
  @media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hd-acoes .ico:hover,:root:not([data-theme="light"]) .hd-acoes .ico:focus-visible{background:#FFF3E2;color:#000}}
  :root[data-theme="dark"] header.site.so-menu .hd-menu ul{background:#000;color:#FFF3E2}
  :root[data-theme="dark"] header.site.so-menu .hd-acoes{color:#FFF3E2}
  @media (prefers-color-scheme:dark){
    :root:not([data-theme="light"]) header.site.so-menu .hd-menu ul{background:#000;color:#FFF3E2}
    :root:not([data-theme="light"]) header.site.so-menu .hd-acoes{color:#FFF3E2}
  }
  header.site.so-menu .hd-menu ul{transform:none;border:0;background:var(--papel);color:var(--tinta)}
}
/* ticker na Vinila Bold (um pouco maior, porque a Vinila é mais estreita) */
.tk-set a,.tk-selo{font-family:var(--f-titulo);font-weight:700;letter-spacing:0;font-size:18px;line-height:14px}
@media (max-width:900px){.tk-set a,.tk-selo{font-size:14px;line-height:11px}}
/* frase da barra de anúncio menor e mais junta */
.publi .fc,.publi .fw{font-size:17px;letter-spacing:-.03em}
/* ticker sem o selo "news" */
.tk-selo{display:none}
.ticker{border-block:0}
/* linhas do rodapé sólidas, num verde levemente mais escuro (preto 7% por cima) */
footer .foot .ft-tr,footer .foot .ft-base,footer .ft-base{border-top:1px solid rgba(0,0,0,.07)}

/* ================= MATÉRIA ABERTA ================= */
@font-face{font-family:"Farnham";src:url('../fonts/farnham-300-italic-a9f18520.otf') format("opentype");font-weight:300;font-style:italic;font-display:swap}
.progresso{position:fixed;left:0;top:0;height:10px;width:100%;transform-origin:0 50%;transform:scaleX(0);background:var(--verde);z-index:45;pointer-events:none}
.post-topo{padding-top:clamp(32px,4vw,56px);display:flex;flex-direction:column;gap:18px}
.migalha{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;color:var(--suave)}
.migalha a:hover{background:var(--verde);color:#000}
/* estrelinha girando entre as categorias */
.migalha .mg-sep{display:block;width:9px;height:9px;flex:none;color:var(--tinta);animation:gira 6s linear infinite}
.post-titulo{font-size:clamp(36px,4.6vw,66px)}
.linha-fina{font:400 clamp(20px,2vw,25px)/1.4 var(--f-sub);color:var(--tinta);margin:0;max-width:60ch;text-wrap:pretty}
.post-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;border-top:1px solid var(--linha);border-bottom:1px solid var(--linha);padding-block:14px;margin-top:6px}
.quem{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font:400 13px var(--f-sub)}
.quem .por{font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.quem .por a{text-decoration:underline;text-underline-offset:3px}
.quem .por a:hover{background:var(--verde);color:#000}
.quem .info{display:inline-flex;align-items:center;gap:6px;text-transform:lowercase}
.quem .info svg{width:15px;height:15px;flex:none}
.quem .dc{display:none}
@media (max-width:560px){.quem{gap:10px 14px}.quem .autor-l{flex-basis:100%}.quem .dl{display:none}.quem .dc{display:inline}}
.partilha{display:flex;align-items:center;gap:6px}
.partilha .rot{font:700 11px var(--f-sub);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}
.partilha .ico{width:34px;height:34px;color:var(--tinta)}
.partilha .ico.ok{background:var(--verde);color:#000;border-color:#000}
.post-capa{margin:clamp(24px,3vw,40px) 0 0}
.post-capa .fig{display:grid;grid-template-columns:minmax(0,1fr) 14px;gap:10px;align-items:start}
.post-capa .frame{padding:clamp(12px,1.6vw,22px)}
.post-capa .media{aspect-ratio:16/9}
.post-capa .media .foto{object-position:50% 30%}
.post-capa .vcred{align-self:stretch;overflow:hidden;text-overflow:ellipsis;text-align:right}
.post-capa figcaption{margin-top:10px;font:400 12px/1.4 var(--f-sub);color:var(--tinta);max-width:70ch}
.post-capa .so-cel{display:none}
.post-corpo-wrap{display:grid;grid-template-columns:minmax(0,680px) 300px;justify-content:space-between;gap:clamp(32px,5vw,80px);padding-block:clamp(32px,4vw,56px)}
.corpo{font:400 19px/1.7 var(--f-texto);color:var(--tinta);min-width:0}
.corpo > *{margin:0 0 1.15em}
.corpo p:empty{display:none}
.corpo a{text-decoration:underline;text-decoration-color:var(--verde);text-decoration-thickness:3px;text-underline-offset:3px;transition:background .2s}
.corpo a:hover{background:var(--verde);color:#000}
.corpo strong,.corpo b{font-weight:700}
.corpo h2,.corpo h3{font:700 clamp(22px,2.2vw,28px)/1.2 var(--f-sub);letter-spacing:-.01em;margin:1.6em 0 .6em}
.corpo h3{font-size:clamp(19px,1.8vw,22px)}
.corpo figure{margin:1.8em 0}
.corpo figure img{width:100%;height:auto;display:block;border:1px solid var(--tinta)}
.corpo figcaption{margin-top:8px;font:400 12px/1.4 var(--f-sub);color:var(--tinta)}
.corpo .wp-block-embed__wrapper{position:relative}
.corpo iframe{display:block;width:100%;border:0;max-width:100%}
.corpo .wp-embed-aspect-16-9 iframe{aspect-ratio:16/9;height:auto}
.corpo .wp-embed-aspect-4-3 iframe{aspect-ratio:4/3;height:auto}
.corpo blockquote{margin:1.8em 0;padding:4px 0 4px 22px;border-left:6px solid var(--verde);font:700 clamp(22px,2.2vw,27px)/1.35 var(--f-sub)}
.corpo blockquote p{margin:0}
.corpo ul,.corpo ol{padding-left:1.2em}
.corpo .ad{margin:calc(2em + 21px) 0 2em}
.quem .avatar{width:36px;height:36px;border-radius:50%;background:var(--verde);color:#000;display:grid;place-items:center;font:900 18px/1 var(--f-titulo);overflow:hidden;flex:none}
.quem .avatar img{width:100%;height:100%;object-fit:cover}
.quem .autor-l{display:flex;align-items:center;gap:10px}
.resumo{border:1px solid var(--tinta);padding:20px 22px 18px;margin:0 0 32px;background:var(--papel)}
.resumo .rt{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.resumo .rt .estrela{width:14px;height:14px;color:var(--tinta);animation:gira 6s linear infinite}
.resumo ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.resumo li{position:relative;padding-left:22px;font:400 12px/1.55 var(--f-texto)}
.resumo li::before{content:"";position:absolute;left:2px;top:.4em;width:8px;height:8px;background:var(--verde);box-shadow:0 0 0 1px var(--tinta)}
.meio-rel{border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta);padding:18px 0 20px;margin:2em 0}
.meio-rel .t-det{display:inline-block;margin-bottom:14px}
.meio-rel .g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.meio-rel a.mr{display:flex;flex-direction:column;gap:8px;text-decoration:none;background:none}
.meio-rel a.mr:hover{background:none;color:inherit}
.meio-rel .frame{padding:clamp(10px,1.2vw,16px)}
.meio-rel .media{aspect-ratio:3/2}
.corpo .meio-rel .mr-t{display:block;font:700 14px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;margin:1.4em 0 .5em}
.post-aside{display:flex;flex-direction:column;gap:28px}
.post-aside .fixo{position:sticky;top:calc(env(safe-area-inset-top,0px) + 119px + var(--hd-extra));display:flex;flex-direction:column;gap:28px}
.post-aside .lidas h2,.post-aside .jaleu h2{font-size:34px}
/* anúncio horizontal depois do "leia também" */
.ad-fim{padding-block:clamp(8px,1vw,16px) clamp(40px,5vw,68px)}
/* já leu essas? (as menos votadas no termômetro: chamada para dar outra chance) */
.jaleu h2{margin:0}
.jl-sub{margin:8px 0 0;font:700 10.5px/1.4 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
.jl{list-style:none;margin:12px 0 0;padding:0;counter-reset:jl}
.jl li{counter-increment:jl;border-top:1px solid var(--tinta)}
.jl li:last-child{border-bottom:1px solid var(--tinta)}
.jl a{display:grid;grid-template-columns:28px 64px minmax(0,1fr);gap:10px;align-items:center;padding:10px 0;color:inherit;text-decoration:none}
.jl a::before{content:counter(jl,decimal-leading-zero);font:700 18px/1 "AlteHaas180",var(--f-sub);letter-spacing:-.04em}
.jl .media{aspect-ratio:1;border:1px solid #000}
.jl h3{margin:0 0 6px;font:700 13px/1.25 var(--f-sub);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.jl a:hover h3{text-decoration:underline;text-underline-offset:3px}
.jl .ch{display:inline-flex;font:700 10px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid currentColor;padding-bottom:2px}
.post-fim{display:flex;flex-direction:column;gap:28px;max-width:680px;padding-bottom:clamp(24px,3vw,40px)}
.tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tags .rot{font:700 11px var(--f-sub);text-transform:uppercase;letter-spacing:.05em;margin-right:6px}
.tags a{border:1px solid var(--tinta);padding:7px 12px;font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.03em;transition:background .2s,color .2s}
.tags a:hover{background:var(--verde);color:#000;border-color:#000}
.autor{display:grid;grid-template-columns:88px minmax(0,1fr);gap:20px;align-items:start;background:transparent;color:var(--tinta);border:1px solid var(--tinta);padding:22px}
.autor .foto-a{width:88px;height:88px;background:transparent;color:var(--tinta);border:1px solid var(--tinta);display:grid;place-items:center;font:900 44px/1 var(--f-titulo);overflow:hidden}
.autor .foto-a img{width:100%;height:100%;object-fit:cover}
.autor .t-det{color:var(--tinta)}
.autor .topo-a{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.autor .topo-a .t-det{margin-top:-2px}
main .ad.ad-topo{margin:clamp(44px,5vw,64px) auto 0}
.critica .ad-topo{display:none}
.autor .redes-a{display:flex;gap:6px}
.autor .redes-a .ico{width:32px;height:32px;color:var(--tinta)}
.autor h2{font:900 34px/.9 var(--f-titulo);letter-spacing:-1.5px;text-transform:uppercase;margin:6px 0 8px}
.autor p{margin:0;font:400 15px/1.5 var(--f-texto);color:var(--tinta)}
@media (max-width:1000px){
  .post-corpo-wrap{grid-template-columns:minmax(0,1fr)}
  .post-aside .fixo{position:static}
}
@media (max-width:560px){
  .post-capa .fig{grid-template-columns:minmax(0,1fr)}
  .post-capa .vcred{display:none}
  .post-capa .so-cel{display:block}
  /* celular: autor em cima; datas e ícones de compartilhar numa linha só */
  .post-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 10px}
  .post-meta .quem{display:contents}
  .quem .autor-l{flex-basis:100%}
  .quem .info{font-size:12px;gap:4px;white-space:nowrap}
  .quem .info svg{width:13px;height:13px}
  .partilha{margin-left:auto;gap:4px}
  .partilha .rot{display:none}
  .partilha .ico{width:30px;height:30px}
  .partilha .ico svg{width:14px;height:14px}
}
@media (max-width:380px){
  .post-meta{gap:12px 6px}
  .quem .info{gap:3px}
  .partilha{gap:3px}
  .partilha .ico{width:28px;height:28px}
}
@media (max-width:560px){
  .corpo{font-size:17.5px}
  .autor{grid-template-columns:64px minmax(0,1fr);padding:18px}
  .meio-rel .g{grid-template-columns:minmax(0,1fr)}
  .meio-rel a.mr{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center}
  .autor .foto-a{width:64px;height:64px;font-size:32px}
  .autor h2{font-size:26px}
}
@media (max-width:340px){.quem .info svg{display:none}}

/* ================= formatação do corpo da matéria ================= */
/* intertítulos: mesma família do título da matéria, retos e menores */
.corpo h2{font-family:"AlteHaas180",var(--f-sub);font-weight:700;font-size:clamp(24px,2.4vw,34px);letter-spacing:-.13em;line-height:1.02;text-decoration:underline;text-decoration-thickness:.07em;text-underline-offset:.12em;text-decoration-skip-ink:none;margin:1.7em 0 .55em;padding-right:.13em;text-wrap:balance}
.corpo h3{font-family:"AlteHaas180",var(--f-sub);font-weight:700;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.11em;line-height:1.05;margin:1.5em 0 .5em;padding-right:.11em;text-wrap:balance}
.corpo h4{font:700 14px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;margin:1.4em 0 .5em}
.corpo h2 + h3{margin-top:.5em}
/* listas: estrelinha e números em Vinila */
.corpo ul,.corpo ol{list-style:none;padding:0}
.corpo li{position:relative;margin:0 0 .55em}
.corpo li > ul,.corpo li > ol{margin:.55em 0 0}
.corpo ul > li{padding-left:1.5em}
.corpo ul > li::before{content:"";position:absolute;left:0;top:.38em;width:.95em;height:.95em;background:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%27-1 -1 26 26%27%3E%3Cpolygon points=%2712.00,2.60 14.82,8.72 21.51,9.51 16.57,14.08 17.88,20.69 12.00,17.40 6.12,20.69 7.43,14.08 2.49,9.51 9.18,8.72%27 fill=%27%23D2F779%27/%3E%3C/svg%3E") center/contain no-repeat;animation:gira 6s linear infinite}
@media (prefers-reduced-motion:reduce){.corpo ul > li::before{animation:none}}
.corpo ol{counter-reset:item}
.corpo ol > li{counter-increment:item;padding-left:2.5em;min-height:1.6em}
.corpo ol > li::before{content:counter(item,decimal-leading-zero);position:absolute;left:0;top:.18em;width:2.15em;height:1.5em;display:grid;place-items:center;background:var(--verde);color:#000;border:1px solid #000;font-family:"AlteHaas180",var(--f-sub);font-weight:700;font-size:.8em;line-height:1;letter-spacing:-.1em;padding-right:.1em}
/* citações */
.corpo blockquote cite{display:block;margin-top:.7em;font:700 12px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;font-style:normal}
.corpo .wp-block-pullquote{margin:2.2em 0;padding:1.3em 0 1.1em;border-top:1px solid var(--tinta);border-bottom:1px solid var(--tinta)}
.corpo .wp-block-pullquote blockquote{border:0;padding:0;margin:0;transform:rotate(-1deg);transform-origin:left center}
.corpo .wp-block-pullquote p{font-family:"AlteHaas180",var(--f-sub);font-weight:700;font-size:clamp(26px,3vw,40px);letter-spacing:-.13em;line-height:1.05;padding-right:.13em;margin:0;text-wrap:balance}
.corpo .wp-block-pullquote p span.m,.corpo .wp-block-pullquote mark{background:var(--verde);color:#000;padding:0 .08em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.corpo .wp-block-pullquote cite{margin-top:1em}
/* embeds: moldura verde grossa, igual à imagem principal */
.corpo .wp-block-embed{margin:1.8em 0}
.corpo .wp-block-embed__wrapper{background:var(--moldura);padding:clamp(12px,1.6vw,22px)}
.corpo .emb-social .wp-block-embed__wrapper{display:flex;justify-content:center}
.corpo .emb-spotify iframe{border-radius:12px}
.corpo .emb-yt iframe{aspect-ratio:16/9;height:auto}
.yt-capa{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;cursor:pointer;overflow:hidden}
.corpo .yt-capa img{width:100%;height:100%;object-fit:cover;display:block;border:0;transition:transform .4s}
.yt-capa:hover img,.yt-capa:focus-visible img{transform:scale(1.03)}
.yt-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;background:var(--verde);border:1px solid #000;display:grid;place-items:center;transition:transform .2s}
.yt-play svg{width:28px;height:28px;fill:#000;margin-left:4px}
.yt-capa:hover .yt-play,.yt-capa:focus-visible .yt-play{transform:scale(1.08)}
.yt-rot{position:absolute;left:12px;bottom:12px;background:#000;color:var(--verde);font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;padding:7px 9px}
.corpo blockquote.instagram-media,.corpo blockquote.twitter-tweet,.corpo blockquote.tiktok-embed{border:1px solid #000;background:var(--bege);color:#000;margin:0!important;padding:18px 20px;width:100%;max-width:540px;font:400 15px/1.5 var(--f-sub)}
.corpo blockquote.instagram-media a,.corpo blockquote.twitter-tweet a,.corpo blockquote.tiktok-embed a{color:#000}
.corpo .emb-social iframe{margin:0 auto!important}
/* na crítica, players de música e posts de redes ficam na largura do texto */
.critica .corpo > .wp-block-embed.emb-spotify,.critica .corpo > .wp-block-embed.emb-social{grid-column:texto;margin-right:0}
/* tabelas */
.corpo .wp-block-table{margin:1.8em 0}
.corpo .wp-block-table .rolagem{overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid var(--tinta)}
.corpo .wp-block-table table{width:100%;border-collapse:collapse;font:400 15px/1.35 var(--f-sub);min-width:520px}
.corpo .wp-block-table thead th,.corpo .wp-block-table thead td{background:#000;color:var(--verde);font:700 11.5px/1.2 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:12px 14px;white-space:nowrap}
.corpo .wp-block-table td,.corpo .wp-block-table tbody th{padding:12px 14px;border-top:1px solid var(--tinta);vertical-align:top;text-align:left}
.corpo .wp-block-table tbody tr:first-child td{border-top:0}
.corpo .wp-block-table thead + tbody tr:first-child td{border-top:1px solid var(--tinta)}
.corpo .wp-block-table tbody tr{transition:background .15s,color .15s}
.corpo .wp-block-table tbody tr:hover{background:var(--verde);color:#000}
.corpo .wp-block-table .dica{display:none;font:700 10px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;margin:0 0 8px}
/* ficha técnica: sanfona, fechada por padrão */
.corpo details.ficha{border:1px solid var(--tinta);border-radius:16px;overflow:hidden;margin:1.8em 0}
.ficha summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px;background:#000;color:var(--verde);padding:15px 16px;font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.07em;transition:background .15s,color .15s}
.ficha summary::-webkit-details-marker{display:none}
.ficha summary .st{width:14px;height:14px;color:var(--verde);flex:none;animation:gira 6s linear infinite}
.ficha summary .acao{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:10.5px}
.ficha summary .acao::before{content:"ver dados"}
.ficha[open] summary .acao::before{content:"fechar"}
.ficha summary .acao i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.ficha[open] summary .acao i{transform:translateY(2px) rotate(-135deg)}
.ficha summary:hover,.ficha summary:focus-visible{background:var(--verde);color:#000;outline:none}
.ficha summary:hover .st,.ficha summary:focus-visible .st{color:#000}
.ficha dl{margin:0;display:grid;grid-template-columns:max-content minmax(0,1fr)}
.ficha[open] dl{animation:ficha-abre .3s ease}
@keyframes ficha-abre{from{opacity:0;transform:translateY(-6px)}}
.ficha dt,.ficha dd{margin:0;padding:11px 16px;border-top:1px solid var(--tinta);font:400 15px/1.45 var(--f-sub)}
.ficha dt{font:700 11.5px/1.7 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--tinta)}
/* galeria, botões, separador */
.corpo .wp-block-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:1.8em 0}
.corpo .wp-block-gallery.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.corpo .wp-block-gallery figure{margin:0}
.corpo .wp-block-gallery figure img{aspect-ratio:1;object-fit:cover}
.corpo .wp-block-gallery > figcaption{grid-column:1/-1;margin-top:0}
.corpo .wp-block-buttons{display:flex;flex-wrap:wrap;gap:10px;margin:1.6em 0}
.corpo .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;background:var(--verde);color:#000;border:1px solid #000;padding:13px 18px;font:700 13px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;text-decoration:none;transition:background .15s,color .15s}
.corpo .wp-block-button__link:hover,.corpo .wp-block-button__link:focus-visible{background:#000;color:var(--bege)}
.corpo hr,.corpo .wp-block-separator{border:0;border-top:1px solid var(--tinta);height:0;margin:2.4em 0;opacity:1}
@media (max-width:560px){
  .corpo h2{font-size:clamp(20px,6vw,24px)}
  .corpo h3{font-size:19px}
  .corpo .wp-block-pullquote p{font-size:clamp(22px,6.6vw,28px)}
  .yt-play{width:58px;height:58px;margin:-29px 0 0 -29px}
  .yt-play svg{width:22px;height:22px}
  .corpo .wp-block-gallery.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .corpo .wp-block-table table{font-size:14px}
  .corpo .wp-block-table .dica{display:block}
  .ficha dl{grid-template-columns:minmax(0,1fr)}
  .ficha dt{border-right:0;padding-bottom:0}
  .ficha dd{border-top:0;padding-top:3px}
}

/* subtítulos da matéria na Vinila Bold, como os títulos */
.corpo h2,.corpo h3{font-family:var(--f-titulo);font-weight:700;text-transform:uppercase;letter-spacing:-.02em;line-height:.95;text-decoration:none;padding-right:0}
.corpo h2{font-size:clamp(30px,3vw,42px)}
.corpo h3{font-size:clamp(24px,2.3vw,32px)}
@media (max-width:560px){.corpo h2{font-size:28px}.corpo h3{font-size:23px}}

/* JustWatch: sanfona com moldura verde, fechada por padrão */
.corpo details.jw-sanfona{background:var(--moldura);padding:clamp(12px,1.6vw,18px);margin:1.8em 0;scroll-margin-top:calc(115px + var(--hd-extra))}
.jw-sanfona summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:10px}
.jw-sanfona summary::-webkit-details-marker{display:none}
.jw-sanfona .jw-selo{display:inline-flex;align-items:center;gap:8px;background:#000;color:var(--verde);font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.07em;padding:9px 12px}
.jw-sanfona .jw-selo svg{width:16px;height:16px;flex:none}
.jw-sanfona .jw-ac{margin-left:auto;display:flex;align-items:center;gap:10px;font:700 10.5px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.07em;color:#000}
.jw-sanfona .jw-ac::before{content:"ver plataformas"}
.jw-sanfona[open] .jw-ac::before{content:"fechar"}
.jw-sanfona .jw-ac i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s}
.jw-sanfona[open] .jw-ac i{transform:translateY(2px) rotate(-135deg)}
.jw-sanfona summary:hover .jw-selo,.jw-sanfona summary:focus-visible .jw-selo{background:var(--bege);color:#000;box-shadow:inset 0 0 0 1px #000}
.jw-sanfona summary:focus-visible{outline:none}
.jw-miolo{background:var(--bege);color:#000;border:1px solid #000;padding:16px;margin-top:clamp(12px,1.6vw,16px);animation:ficha-abre .3s ease}
.jw-miolo .jw-tit{font:700 16px/1.05 "AlteHaas180",var(--f-sub);letter-spacing:-.06em;padding-right:.06em;margin:0 0 12px}
.jw-miolo [data-jw-widget]:empty::before{content:"carregando plataformas…";display:block;padding:10px 0;font:700 11px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
.jw-miolo a[href*="justwatch.com"]{font:400 11px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;color:#000}
.jw-miolo > *:last-child{margin-bottom:0}
.jw-sanfona.marcado{animation:jw-pisca 1s ease}
@keyframes jw-pisca{0%,100%{box-shadow:0 0 0 0 var(--tinta)}35%{box-shadow:0 0 0 3px var(--tinta)}}
@media (max-width:560px){.jw-sanfona .jw-ac::before{content:"ver"}.jw-sanfona[open] .jw-ac::before{content:"fechar"}}

/* nota do crítico (ACF) — fim do texto da crítica */
.corpo .nota-critico{container-type:inline-size;background:var(--verde);color:#000;border-radius:18px;padding:26px 28px;margin:2.2em 0}
.nota-critico .nc-tit{display:flex;align-items:center;gap:8px;font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.07em;margin:0 0 14px}
.nota-critico .nc-tit .estrela{width:12px;height:12px;color:#000;animation:gira 6s linear infinite;flex:none}
.nota-critico .nc-linha{display:flex;align-items:center;flex-wrap:wrap;gap:18px 30px}
.nota-critico .nc-num{display:flex;align-items:baseline;gap:4px}
.nota-critico .nc-num b{font:700 56px/.85 "AlteHaas180",var(--f-sub);letter-spacing:calc(-.13em - 1px);padding-right:.08em}
.nota-critico .nc-num small{font:700 25px/1 "AlteHaas180",var(--f-sub);letter-spacing:calc(-.12em - 1px)}
.nota-critico .nc-ics{display:flex;gap:10px;border-left:1px solid #000;padding-left:30px;align-self:stretch;align-items:center}
.nota-critico .nc-ic{position:relative;width:46px;height:46px;flex:none}
.nota-critico .nc-ic svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.nota-critico .nc-ic .vz{fill:none;stroke:#000;stroke-width:1.6;stroke-linejoin:round}
.nota-critico .nc-ic .ch{fill:#000;stroke:#000;stroke-width:1.6;stroke-linejoin:round;clip-path:inset(0 calc(100% - var(--f) * 100%) 0 0)}
.nota-critico .nc-autor{display:flex;align-items:center;gap:8px;margin-top:16px;padding-top:14px;border-top:1px solid #000;font:700 10.5px/1.2 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
.nota-critico .nc-autor i{width:26px;height:26px;border-radius:50%;background:#000;color:var(--verde);display:grid;place-items:center;overflow:hidden;font:900 13px/1 var(--f-titulo);font-style:normal;flex:none}
.nota-critico .nc-autor i img{width:100%;height:100%;object-fit:cover;border:0}
@container (max-width:440px){
  .corpo .nota-critico{padding:20px}
  .nota-critico .nc-num b{font-size:46px}
  .nota-critico .nc-num small{font-size:21px}
  .nota-critico .nc-ics{border-left:0;padding-left:0;gap:7px}
  .nota-critico .nc-ic{width:36px;height:36px}
}
@media (prefers-reduced-motion:reduce){.nota-critico .nc-tit .estrela{animation:none}}

/* "onde assistir" com ficha do filme (cartaz, classificação, direção, elenco) */
.corpo details.jw-sanfona{container-type:inline-size}
.jw-miolo.com-ficha{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;align-items:start}
.jw-cartaz{aspect-ratio:2/3;border-radius:10px;overflow:hidden;border:1px solid #000;background:#000}
.jw-cartaz img{width:100%;height:100%;object-fit:cover;display:block;border:0}
.jw-info{min-width:0}
.jw-topo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.jw-ci{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:4px;background:#000;color:var(--bege);font:700 10.5px/1 var(--f-sub)}
.jw-ano{font:400 10.5px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.06em}
.jw-ft{font:700 22px/1.02 "AlteHaas180",var(--f-sub);letter-spacing:-.07em;padding-right:.07em;margin:0 0 12px;overflow-wrap:anywhere}
.jw-info dl{margin:0 0 14px;display:grid;grid-template-columns:max-content minmax(0,1fr);gap:6px 12px}
.jw-info dt{font:700 11px/1.6 var(--f-sub);text-transform:uppercase;letter-spacing:.06em}
.jw-info dd{margin:0;font:400 11px/1.6 var(--f-sub);text-transform:uppercase;letter-spacing:.06em}
.jw-cred{margin:-6px 0 14px;font:400 10px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
.jw-cred a{color:#000}
.jw-onde{font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.07em;border-top:1px solid #000;padding-top:12px;margin:0 0 10px}
@container (max-width:520px){.jw-miolo.com-ficha{grid-template-columns:96px minmax(0,1fr);gap:14px}.jw-info dl{grid-template-columns:1fr;gap:2px}.jw-info dd{margin-bottom:6px}}
@container (max-width:380px){.jw-miolo.com-ficha{grid-template-columns:1fr}.jw-cartaz{width:120px}.jw-ft{font-size:20px}}

/* ================= seleção de trecho: copiar e compartilhar ================= */
::target-text{background:var(--verde);color:#000}
.sel-pp{position:absolute;z-index:25;display:flex;align-items:stretch;white-space:nowrap;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.sel-pp[hidden]{display:none}
.sel-pp.entra{animation:sel-entra .22s ease}
@keyframes sel-entra{from{transform:translateY(6px)}}
.sel-pp button{border:0;background:none;margin:0;cursor:pointer;display:inline-flex;align-items:center;gap:7px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;color:inherit;padding:12px 13px;transition:background .15s,color .15s}
.sel-pp svg{width:15px;height:15px;flex:none}
.sel-seta{position:absolute;left:var(--ax,50%);bottom:-6px;width:12px;height:12px;transform:translateX(-50%) rotate(45deg);pointer-events:none}
.sel-pp.baixo .sel-seta{bottom:auto;top:-6px}
/* computador: pílula preta */
.sel-pi{background:var(--mais-hbg);color:var(--mais-hfg);border-radius:999px;padding:0 5px}
.sel-pi .sel-seta{background:var(--mais-hbg)}
.sel-pi button + button{box-shadow:-1px 0 0 var(--inv-fg)}
.sel-pi button:hover{color:var(--inv-fg)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sel-pi button:hover{text-decoration:underline;text-underline-offset:3px}}
:root[data-theme="dark"] .sel-pi button:hover{text-decoration:underline;text-underline-offset:3px}
/* celular: só ícones, embaixo do trecho */
.sel-ic{background:var(--papel);color:var(--tinta);border:1px solid var(--tinta);border-radius:999px;padding:5px;gap:5px}
.sel-ic .sel-seta{background:var(--papel);border-right:1px solid var(--tinta);border-bottom:1px solid var(--tinta);bottom:-7px}
.sel-ic.baixo .sel-seta{border:0;border-left:1px solid var(--tinta);border-top:1px solid var(--tinta);top:-7px}
.sel-ic button{position:relative;z-index:1;width:40px;height:40px;padding:0;justify-content:center;border:1px solid var(--tinta);border-radius:50%;background:var(--papel)}
.sel-ic button.ok,.sel-ic button:active{background:var(--verde);color:#000;border-color:#000}
@media (hover:hover){.sel-ic button:hover{background:var(--verde);color:#000;border-color:#000}}
.sel-ic svg{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){.sel-pp.entra{animation:none}}
@media print{.sel-pp{display:none}}

/* ================= cartão "fonte preferida no Google" (lateral das matérias) ================= */
.fp-card{display:flex;flex-direction:column;align-items:flex-start;background:var(--verde);color:#000;padding:22px;text-decoration:none}
.fp-card .fp-et{display:inline-flex;align-items:center;gap:7px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}
.fp-card .fp-cor{width:14px;height:14px;flex:none;fill:#000;animation:fp-pulsa 1.1s ease-in-out infinite;transform-origin:50% 60%}
@keyframes fp-pulsa{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}
.fp-card .fp-t{font:900 34px/.86 var(--f-titulo);text-transform:uppercase;letter-spacing:-.04em;margin-bottom:10px;max-width:11ch}
.fp-card .fp-p{font:400 14.5px/1.45 var(--f-texto);margin-bottom:16px}
.fp-card .fp-bt{align-self:stretch;text-align:center;background:#000;color:var(--verde);font:700 12px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;padding:14px 16px;transition:background .2s,color .2s}
.fp-card:hover .fp-bt,.fp-card:focus-visible .fp-bt{background:var(--bege);color:#000}
@media (prefers-reduced-motion:reduce){.fp-card .fp-cor{animation:none}}

/* ================= COMPARTILHAR NO STORIES ================= */
.st-modal{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.72);display:flex;align-items:flex-end;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}
.st-modal.on{opacity:1;visibility:visible}
.st-folha{width:100%;max-height:100%;overflow:auto;background:#FFF3E2;color:#000;padding:18px 52px calc(22px + env(safe-area-inset-bottom,0px));display:grid;gap:14px;transform:translateY(24px);transition:transform .3s}
.st-modal.on .st-folha{transform:none}
@media (max-width:420px){.st-folha{padding-inline:26px}}
@media (min-width:701px){.st-modal{align-items:center}.st-folha{width:360px;border:1px solid #000;padding:14px 22px 16px;gap:11px}.st-previa{width:170px!important}}
.st-top{display:flex;justify-content:space-between;align-items:center;font:700 13px var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
.st-top button{width:32px;height:32px;border:1px solid #000;background:none;color:#000;cursor:pointer;display:grid;place-items:center}
.st-top button svg{width:14px;height:14px}
.st-previa{width:min(240px,62vw);aspect-ratio:9/16;margin:0 auto;border:1px solid #000;background:#FFF3E2;display:grid;place-items:center;overflow:hidden}
.st-previa img{width:100%;height:100%;display:block}
.st-previa .estrela{width:22px;height:22px;animation:gira 1.4s linear infinite}
.st-cores{display:flex;justify-content:center;align-items:center;gap:10px}
.st-cores .t{font:700 10px var(--f-sub);text-transform:uppercase;letter-spacing:.06em;margin-right:2px}
.st-cores button{width:20px;height:20px;padding:0;border:1px solid #000;cursor:pointer;outline:1px solid transparent;outline-offset:3px;transition:outline-color .2s,transform .2s}
.st-cores button:hover{transform:scale(1.12);outline-color:#b9a78c}
.st-cores button[aria-pressed="true"]{outline-color:#000}
.st-copia{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;padding:4px 2px;border:0;background:none;color:#000;font:700 11px var(--f-sub);text-transform:uppercase;letter-spacing:.05em;cursor:pointer}
.st-copia .tx{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.st-copia:hover .tx,.st-copia:focus-visible .tx{text-decoration-thickness:2.5px}
.st-copia .ic{position:relative;width:16px;height:16px;flex:none}
.st-copia .ic svg{position:absolute;inset:0;width:100%;height:100%;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}
.st-copia .ic .v{opacity:0;transform:scale(.3) rotate(-30deg)}
.st-copia.ok .ic .l{opacity:0;transform:scale(.3) rotate(30deg)}
.st-copia.ok .ic .v{opacity:1;transform:none}
.st-copia.ok{animation:st-pula .45s ease}
@keyframes st-pula{30%{transform:scale(.97)}60%{transform:scale(1.02)}}
.st-bts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.st-bts.um{grid-template-columns:1fr}
.st-bts button{display:flex;align-items:center;justify-content:center;gap:7px;height:43px;padding:0 8px;white-space:nowrap;font:700 10.5px var(--f-sub);text-transform:uppercase;letter-spacing:.03em;border:1px solid #000;color:#000;cursor:pointer;transition:background .2s,color .2s}
.st-bts button[hidden]{display:none}
.st-bts button[disabled]{cursor:wait}
.st-bts .s{background:none;border-style:solid}
.st-bts .s:hover,.st-bts .s:focus-visible{background:#F3E3CC}
.st-bts .c{background:#D2F779}
.st-bts .c:hover,.st-bts .c:focus-visible{background:#000;color:#D2F779}
.st-bts svg{width:18px;height:18px;flex:none;overflow:visible}
.i-baixa .seta{animation:st-desce 1.6s ease-in-out infinite}
@keyframes st-desce{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.i-comp .seta{animation:st-sobe 1.6s ease-in-out infinite}
@keyframes st-sobe{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
.st-bts .s.gira .i-comp{animation:st-giro .6s ease}
@keyframes st-giro{to{transform:rotate(360deg)}}
.st-info{display:grid;gap:4px;text-align:center;padding:2px 6px 0}
.st-info b{display:inline-flex;align-items:center;justify-content:center;gap:5px;font:700 11.2px var(--f-sub)}
.st-info b svg{width:14px;height:14px;flex:none;animation:gira 6s linear infinite}
.st-info p{margin:0;font:400 10.4px/1.45 var(--f-texto)}
@media (prefers-reduced-motion:reduce){.i-baixa .seta,.i-comp .seta,.st-bts .s.gira .i-comp,.st-info b svg{animation:none}}

.post-titulo.t-titulo{font-family:"AlteHaas180",var(--f-sub);font-weight:700;text-transform:none;font-size:clamp(28px,3.9vw,56px);letter-spacing:-.13em;line-height:.99;
  margin-block:.25em .35em;text-wrap:balance;padding-right:.13em}
@media (max-width:560px){.post-titulo.t-titulo{font-size:clamp(24px,7.4vw,34px)}}
/* matéria e crítica: título na Vinila Bold, em maiúsculas */
main .post-titulo.t-titulo{font-family:var(--f-titulo);font-weight:700;text-transform:uppercase;letter-spacing:-.04em;line-height:.92;padding-right:0}
main .post-titulo.t-titulo,main.critica .post-titulo.t-titulo{font-size:clamp(28px,4.17vw,60px)}
@media (max-width:560px){main .post-titulo.t-titulo{font-size:clamp(24px,7.4vw,34px)}main.critica .post-titulo.t-titulo{font-size:clamp(19px,5.8vw,26.6px)}}
/* ícones de compartilhar: Instagram (stories) em destaque */
#sh-stories{background:var(--verde);color:#000;border-color:#000}
#sh-stories:hover,#sh-stories:focus-visible{background:#000;color:var(--bege)}
/* informações do autor, datas e leitura sem as linhas */
.post-meta{border-top:0;border-bottom:0;padding-block:6px}
/* imagem principal na largura padrão; crédito do lado de fora */
.post-capa .fig{display:block;position:relative}
.post-capa .vcred{position:absolute;top:0;bottom:0;left:calc(100% + 8px);width:14px}
@media (min-width:561px) and (max-width:1080px){.post-capa .fig{margin-right:22px}}
/* barra flutuante: stories + votar (sem sombra) */
.st-fixo{position:fixed;right:14px;bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s}
.st-fixo.on{opacity:1;visibility:visible;transform:none}
.fx-barra{pointer-events:auto;display:flex;border:1px solid var(--tinta);background:var(--papel)}
.fx-barra button{border:0;background:none;color:var(--tinta);cursor:pointer;display:flex;align-items:center;gap:7px;padding:12px 14px;font:700 11px/1 var(--f-sub);text-transform:uppercase;letter-spacing:.05em;transition:background .15s,color .15s}
.fx-barra button svg{width:16px;height:16px;flex:none}
.fx-barra button + button{border-left:1px solid var(--tinta)}
.fx-barra #st-fixo-bt{background:var(--verde);color:#000}
.fx-barra button:hover,.fx-barra button:focus-visible{background:#000;color:var(--bege);outline:none}
.fx-barra #vt-abre[aria-expanded="true"]{background:#000;color:var(--verde)}
.fx-barra #vt-abre.foi svg{fill:currentColor}
.vt-gav{pointer-events:auto;width:290px;max-width:calc(100vw - 28px);animation:vt-sobe .25s ease}
.vt-gav[hidden]{display:none}
@keyframes vt-sobe{from{opacity:0;transform:translateY(8px)}}
/* bloco de votação (texto e ícones provisórios) */
.vt{border:1px solid var(--tinta);background:var(--papel);color:var(--tinta);padding:14px}
.vt .q{font:700 13px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.04em;margin:0 0 11px}
.vt .coracao{display:inline-block;width:15px;height:15px;vertical-align:-3px;margin-left:3px;fill:var(--verde);stroke:var(--tinta);stroke-width:1.6;stroke-linejoin:round;animation:vt-pulsa 1.1s ease-in-out infinite;transform-origin:50% 60%}
@keyframes vt-pulsa{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.vt .coracao{animation:none}}
.vt .ops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.vt .op{border:1px solid var(--tinta);background:none;color:inherit;cursor:pointer;padding:10px 4px 9px;display:flex;flex-direction:column;align-items:center;gap:5px;font:700 10px/1.1 var(--f-sub);text-transform:uppercase;letter-spacing:.04em;transition:background .15s,color .15s}
.vt .op svg{width:24px;height:24px;flex:none}
.vt .op:hover,.vt .op:focus-visible{background:var(--verde);color:#000;outline:none}
.vt .op.on{background:#000;color:var(--verde);border-color:#000}
.vt .ok{display:none;margin:10px 0 0;font:700 10px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.05em}
.vt.foi .ok{display:block}
/* linha compacta no topo (computador) */
/* mesma distância (20px) entre as informações, a linha e a votação: 6px do respiro das informações + 18px do espaçamento do bloco - 4px */
.meta-linha{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;border-top:1px solid var(--tinta);margin-top:-4px;padding-top:20px}
.vt.linha{border:0;background:none;padding:0;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}
/* selinho "disponível no streaming": só aparece quando a matéria tem o widget do JustWatch */
.jw-chip{margin-left:auto;display:inline-flex;align-items:center;gap:6px;border:1px solid #000;background:var(--verde);color:#000;padding:7px 10px;font:700 10.5px/1.1 var(--f-sub);text-transform:uppercase;letter-spacing:.04em;text-decoration:none;transition:background .15s,color .15s}
.jw-chip[hidden]{display:none}
.jw-chip svg{width:16px;height:16px;flex:none}
.jw-chip .seta{display:inline-block;animation:jw-desce 1.4s ease-in-out infinite}
@keyframes jw-desce{0%,100%{transform:translateY(0)}50%{transform:translateY(2px)}}
.jw-chip:hover,.jw-chip:focus-visible{background:#000;color:var(--bege);outline:none}
@media (prefers-reduced-motion:reduce){.jw-chip .seta{animation:none}}
.vt.linha .q{font:700 11px/1 var(--f-sub);letter-spacing:.05em;margin:0}
.vt.linha .ops{display:flex;gap:5px}
.vt.linha .op{flex-direction:row;padding:7px 10px;gap:6px;font-size:10.5px}
.vt.linha .op svg{width:16px;height:16px}
.vt.linha .ok{margin:0}
@media (max-width:560px){.vt.linha{display:none}.meta-linha{border-top:0;margin-top:0;padding-top:4px;justify-content:flex-start}.meta-linha .jw-chip{margin-left:0}.meta-linha:not(:has(.jw-chip:not([hidden]))){display:none}}

/* ===== ajustes do tema (WordPress) ===== */
.status{display:none!important}
/* barra preta do WordPress (só para quem está logado): o menu fixo e o topo no celular descem para não ficar embaixo dela */
@media (min-width:901px){body.admin-bar header.site.so-menu .hd-menu{top:32px}}
@media (min-width:783px) and (max-width:900px){body.admin-bar header.site{top:32px}}
@media (min-width:601px) and (max-width:782px){body.admin-bar header.site{top:46px}}
.esc-busca-sub{margin:10px 0 0;font:700 15px/1.3 var(--f-sub);text-transform:uppercase;letter-spacing:.04em}
.lg-pg{padding-block:clamp(24px,3vw,40px) clamp(48px,6vw,80px);max-width:760px}
.lg-pg img{max-width:100%;height:auto}
/* vídeos incorporados: sem o espaço extra que o WordPress coloca para manter a proporção */
.corpo .wp-block-embed__wrapper::before{content:none!important;display:none!important;padding:0!important}
.corpo .wp-block-embed iframe{position:static!important;max-width:100%;display:block}
/* vídeos de tela deitada (YouTube, Vimeo, Dailymotion…): proporção 16:9 na largura toda */
.corpo .wp-block-embed.esc-169 iframe{width:100%!important;height:auto!important;aspect-ratio:16/9}
.corpo .wp-block-embed.esc-169.wp-embed-aspect-4-3 iframe{aspect-ratio:4/3}
.corpo .wp-block-embed.esc-169.wp-embed-aspect-21-9 iframe{aspect-ratio:21/9}
/* players e posts (Spotify, SoundCloud, Deezer, Bandcamp, Apple Music, Instagram, X, TikTok…): largura da moldura, altura do próprio player */
.corpo .wp-block-embed.esc-rico iframe{width:100%}
/* posts de redes (Instagram, X, TikTok) chegam como citação até o script deles carregar: sem o estilo de citação do texto */
.corpo .wp-block-embed blockquote{margin:0 auto!important;border-left:0!important;padding:0!important;font:400 15px/1.5 var(--f-texto)!important;transform:none!important}