/*
Theme Name: EB Arena
Theme URI: https://www.esportesbrasilia.com.br
Author: Esportes Brasília
Description: Tema próprio do Esportes Brasília: notícias, rádio e TV do esporte do DF.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: eb-arena
*/

:root{
	--navy:#0A1430;--navy2:#121E40;--navy3:#1B2A5C;--deep:#060D22;
	--ink:#F4F6FB;--mute:#A9B3CC;--line:rgba(255,255,255,.1);
	--orange:#FF6B1A;--yellow:#FFC72C;--red:#FF3B3B;
	--paper:#F4F6FB;--text:#1B2440;--text2:#5A6685;--rule:#DDE2EE;
	--display:'Big Shoulders Display',Impact,'Arial Narrow',sans-serif;
	--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
	--serif:'Source Serif 4',Georgia,'Times New Roman',serif;
	--wrap:1280px;--r:16px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
html,body{overflow-x:clip;max-width:100%}
.adslot,.google-auto-placed{max-width:100%;overflow:hidden}
body{margin:0;background:var(--navy);color:var(--ink);font:400 16px/1.5 var(--sans);-webkit-font-smoothing:antialiased}
img,video,iframe{max-width:100%}
img{height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--yellow)}
:focus-visible{outline:3px solid var(--yellow);outline-offset:2px}
button{font:inherit;cursor:pointer}
.screen-reader-text,.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip{position:absolute;left:-999px;top:8px;z-index:100000;background:var(--yellow);color:var(--navy);padding:10px 14px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.disp{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;line-height:.95;font-weight:800}
.tag{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:4px 8px;border-radius:4px;color:var(--navy);background:var(--c,var(--orange));line-height:1.2}
.tag{align-self:flex-start;width:max-content;max-width:100%}
.tag--ghost{background:rgba(255,255,255,.14);color:var(--ink)}
.prose p.credit{font:13px/1.4 var(--sans);color:var(--text2);margin-bottom:16px}
.kicker{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--c,var(--orange))}
.meta{font-size:13px;color:var(--mute)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--red);display:inline-block;animation:eb-pulse 1.4s infinite}
@keyframes eb-pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Topo */
.topbar{background:var(--deep);border-bottom:1px solid var(--line);font-size:12px;color:var(--mute)}
.topbar .wrap{display:flex;align-items:center;gap:18px;min-height:36px}
.topbar__social{margin-left:auto;display:flex;gap:14px;align-items:center}
.topbar__social a{display:flex;color:var(--mute)}
.topbar__social a:hover{color:var(--ink)}
.topbar svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}
.site-header{position:sticky;top:0;z-index:999;background:rgba(10,20,48,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.admin-bar .site-header{top:32px}
.site-header .wrap{display:flex;align-items:center;gap:24px;min-height:72px}
.brand{display:flex;align-items:center;flex:none}
.brand__plate{background:#fff;border-radius:12px;padding:6px 10px;display:flex}
.brand__plate img{height:44px;width:auto}
.nav{flex:1;min-width:0}
.nav ul{list-style:none;margin:0;padding:0}
.nav>ul{display:flex;gap:4px;flex-wrap:wrap}
.nav li{position:relative}
.nav a{display:flex;align-items:center;gap:6px;padding:10px 10px;border-radius:8px;font-size:14px;font-weight:600;white-space:nowrap}
.nav>ul>li>a{text-transform:uppercase;letter-spacing:.03em;font-size:13px}
.nav a:hover,.nav .current-menu-item>a,.nav .current-menu-ancestor>a{color:var(--yellow)}
.nav .menu-item-has-children>a::after{content:"";width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7}
.nav ul ul{position:absolute;left:0;top:100%;min-width:230px;background:var(--navy2);border:1px solid var(--line);border-radius:12px;padding:8px;box-shadow:0 20px 50px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(6px);transition:.15s}
.nav ul ul ul{left:100%;top:-8px}
.nav li:hover>ul,.nav li:focus-within>ul{opacity:1;visibility:visible;transform:none}
.nav ul ul a{font-size:14px;text-transform:none;letter-spacing:0}
.header-actions{display:flex;gap:8px;align-items:center;flex:none}
.icon-btn{width:44px;height:44px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center}
.icon-btn:hover{border-color:var(--yellow);color:var(--yellow)}
.icon-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;border-radius:10px;border:0;font-weight:700;font-size:14px;background:var(--orange);color:var(--navy)}
.btn:hover{color:var(--navy);filter:brightness(1.08)}
.btn--light{background:var(--ink);color:var(--navy)}
.btn--ghost{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.2)}
.btn--ghost:hover{color:var(--yellow);border-color:var(--yellow)}
.btn--dark{background:var(--navy);color:var(--ink)}
.btn--dark:hover{color:var(--yellow)}
.menu-toggle{display:none}
.searchbar{display:none;border-top:1px solid var(--line);padding:14px 0}
.searchbar.is-open{display:block}
.searchform{display:flex;gap:8px;max-width:640px}
.searchform input[type=search]{flex:1;min-width:0;height:46px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:var(--navy2);color:var(--ink);padding:0 14px;font:16px var(--sans)}
.light .searchform input[type=search]{background:#fff;color:var(--text);border-color:var(--rule)}
.ticker{background:#0D1938;border-bottom:1px solid var(--line);overflow:hidden}
.ticker .wrap{display:flex;align-items:center;gap:16px;min-height:42px}
.ticker__track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.ticker__list{display:flex;gap:32px;white-space:nowrap;animation:eb-ticker 60s linear infinite;width:max-content;font-size:13px}
.ticker__list:hover{animation-play-state:paused}
.ticker__list a::before{content:"/";color:#4A5A85;margin-right:32px}
.ticker__list a:first-child::before{display:none}
@keyframes eb-ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.adslot{display:block;padding:16px 0;overflow:hidden;text-align:center;min-height:120px}
.adslot__label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-bottom:6px}
.light .adslot__label{color:var(--text2)}
.adslot--top{padding-top:20px}
.adslot--mid{margin:8px 0}
.adslot--inline{margin:8px 0 28px;font-family:var(--sans)}
.adslot ins.adsbygoogle[data-ad-status="unfilled"]{display:none!important}
/* Mais lidas */
.rank{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;counter-reset:r}
.rank a{display:flex;flex-direction:column;gap:8px;position:relative}
.rank .ph{aspect-ratio:16/10}
.rank h3{margin:0;font-size:16px;font-weight:700;line-height:1.3}
.rank__n{position:absolute;z-index:2;left:10px;top:6px;font-size:56px;font-weight:900;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.6);line-height:1}

/* Off-canvas (celular) */
.drawer{position:fixed;inset:0;z-index:100001;display:none}
.drawer.is-open{display:block}
.drawer__bg{position:absolute;inset:0;background:rgba(6,13,34,.75)}
.drawer__panel{position:absolute;top:0;left:0;bottom:0;width:min(360px,88vw);background:var(--navy);border-right:1px solid var(--line);overflow-y:auto;padding:20px}
.drawer__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.drawer ul{list-style:none;margin:0;padding:0}
.drawer li a{display:block;padding:12px 4px;border-bottom:1px solid var(--line);font-weight:600}
.drawer ul ul{padding-left:14px}
.drawer ul ul a{font-weight:500;color:var(--mute);font-size:15px}

/* Blocos gerais */
main{display:block}
.section{margin:56px 0}
.section-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.section-head::before{content:"";width:10px;height:28px;border-radius:3px;background:var(--c,var(--orange));flex:none}
.section-head h2{margin:0;font-size:44px}
.section-head a.more{margin-left:auto;font-size:13px;font-weight:600;color:var(--mute)}
.section-head a.more:hover{color:var(--yellow)}
.ph{position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(140deg,var(--navy3),var(--navy));display:block}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.ph--empty::after{content:"EB";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 48px var(--display);color:rgba(255,255,255,.12)}
a:hover .ph img{transform:scale(1.04)}
.ph__play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.ph__play span{width:56px;height:56px;border-radius:50%;background:rgba(255,255,255,.92);display:flex;align-items:center;justify-content:center}
.ph__play svg{width:20px;height:20px;fill:var(--navy);margin-left:3px}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,20,48,0) 30%,rgba(10,20,48,.94) 100%)}
.ttl{transition:color .15s}
a:hover .ttl{color:var(--yellow)}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px;margin-top:32px}
.hero__main{position:relative;display:block;min-height:540px;border-radius:20px;overflow:hidden}
.hero__main .ph{position:absolute;inset:0;border-radius:0}
.hero__body{position:absolute;left:0;right:0;bottom:0;padding:36px;display:flex;flex-direction:column;gap:14px;max-width:820px}
.hero__body h2{margin:0;font-size:68px}
.hero__body p{margin:0;font-size:17px;color:#D5DBEA;max-width:640px}
.hero__side{display:flex;flex-direction:column;gap:20px}
.hero__side a{position:relative;flex:1;min-height:166px;border-radius:18px;overflow:hidden;display:block}
.hero__side .ph{position:absolute;inset:0;border-radius:0}
.hero__side .body{position:absolute;left:0;right:0;bottom:0;padding:18px;display:flex;flex-direction:column;gap:8px}
.hero__side h3{margin:0;font-size:26px}

/* Atalhos */
.stories{display:flex;gap:22px;overflow-x:auto;padding:8px 0 6px;scrollbar-width:none;margin-top:36px}
.stories::-webkit-scrollbar{display:none}
.story{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:92px;text-align:center}
.story__ring{width:84px;height:84px;border-radius:50%;padding:3px;background:var(--ring)}
.story__in{width:100%;height:100%;border-radius:50%;background:var(--navy2);border:3px solid var(--navy);display:flex;align-items:center;justify-content:center;font:800 24px var(--display);text-transform:uppercase}
.story span.l{font-size:12px;font-weight:600;color:#D5DBEA;line-height:1.25;max-width:96px}

/* Cards */
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.card{display:flex;flex-direction:column;gap:10px}
.card .ph{aspect-ratio:16/10}
.card h3{margin:0;font-size:19px;font-weight:700;line-height:1.3}
.card--sm h3{font-size:16px}
.row{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid var(--line)}
.row .ph{width:128px;height:80px;flex:none;border-radius:10px}
.row h3{margin:0;font-size:16px;font-weight:600;line-height:1.35}
.row .meta{font-size:12px;display:block;margin-bottom:4px}
.overlay{position:relative;display:block;border-radius:14px;overflow:hidden;min-height:230px}
.overlay .ph{position:absolute;inset:0;border-radius:0}
.overlay .body{position:absolute;left:0;right:0;bottom:0;padding:16px}
.overlay h3{margin:0;font-size:18px;font-weight:700;line-height:1.3}

/* Futebol + classificação */
.split{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:32px;align-items:start}
.panel{background:var(--navy2);border:1px solid var(--line);border-radius:18px;padding:22px}
.standings h2{margin:0;font-size:30px}
.standings__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.standings__head .tag{margin-left:auto}
.standings table{width:100%;border-collapse:separate;border-spacing:0 4px;font-size:14px}
.standings th{font-size:11px;color:var(--mute);font-weight:700;letter-spacing:.06em;text-transform:uppercase;text-align:right;padding:0 6px}
.standings th:nth-child(1),.standings th:nth-child(2){text-align:left}
.standings td{padding:9px 6px;text-align:right;color:var(--mute)}
.standings td:nth-child(1){text-align:left;font-weight:700;width:28px}
.standings td:nth-child(2){text-align:left;color:var(--ink);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.standings td.pts{color:var(--ink);font-weight:800}
.standings tr.g td{background:rgba(61,220,132,.08)}
.standings tr.g td:first-child{color:#3DDC84}
.standings tr.z td{background:rgba(255,90,90,.08)}
.standings tr.z td:first-child{color:#FF5A5A}
.standings tr td:first-child{border-radius:8px 0 0 8px}
.standings tr td:last-child{border-radius:0 8px 8px 0}
.form{display:inline-flex;gap:3px}
.form i{width:11px;height:11px;border-radius:3px;display:inline-block}
.form .w{background:#3DDC84}.form .d{background:#8A96B3}.form .l{background:#FF5A5A}
.legend{display:flex;gap:14px;font-size:11px;color:var(--mute);margin:10px 0 14px}
.legend span{display:flex;gap:5px;align-items:center}

/* Faixa especial */
.band{border-radius:22px;background:linear-gradient(120deg,#FF6B1A 0%,#E2470B 60%,#B5340A 100%);padding:36px;color:var(--navy)}
.band__head{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.band__head h2{margin:0;font-size:60px;font-weight:900}
.band .kicker{color:var(--navy)}
.band .card h3{color:var(--navy)}
.band a:hover .ttl{color:#fff}
.band .meta{color:rgba(10,20,48,.75)}

/* Colunas de modalidade */
.col-head{display:flex;align-items:center;gap:12px;border-bottom:3px solid var(--c);padding-bottom:10px;margin-bottom:14px}
.col-head h2{margin:0;font-size:34px}
.col-head a{margin-left:auto;font-size:13px;color:var(--mute)}
.col .row{padding:12px 0}
.col .row .ph{width:96px;height:64px}

/* TV */
.tvgrid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:20px}
.tvgrid .ebp-inline{margin:0}
.tvlist{display:flex;flex-direction:column;gap:14px}
.tvlist a{display:flex;gap:14px;align-items:center}
.tvlist .ph{width:150px;height:86px;flex:none;border-radius:10px}
.tvlist h3{margin:0;font-size:15px;font-weight:600;line-height:1.35}

/* CTA */
.cta{border-radius:18px;background:var(--navy2);border:1px solid var(--line);padding:26px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.cta h3{margin:0;font-size:28px}
.cta p{margin:0;font-size:14px;color:var(--mute)}
.cta svg{width:28px;height:28px;fill:none;stroke:var(--c,var(--yellow));stroke-width:2}
.cta--light{background:var(--ink);color:var(--navy);border:0}
.cta--light p{color:#3A4666}

/* Rodapé */
.site-footer{margin-top:72px;background:var(--deep);border-top:1px solid var(--line);font-size:14px}
.site-footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;padding:48px 0}
.site-footer h2{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:0 0 12px;font-family:var(--sans)}
.site-footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.site-footer p{color:var(--mute);margin:12px 0 0;line-height:1.5}
.site-footer .bottom{border-top:1px solid var(--line);padding:18px 0;color:var(--mute);font-size:12px;display:flex;gap:16px;flex-wrap:wrap}

/* Leitura (matéria e páginas) */
.light{background:var(--paper);color:var(--text)}
.light a:hover{color:#E2470B}
.post-hero{background:var(--navy);color:var(--ink)}
.post-hero .wrap{max-width:1080px;padding-top:40px;display:flex;flex-direction:column;gap:16px}
.crumbs{font-size:13px;color:var(--mute)}
.crumbs a:hover{color:var(--yellow)}
.post-hero h1{margin:0;font-size:clamp(40px,6vw,78px)}
.post-hero .lede{margin:0;font-size:20px;line-height:1.5;color:#D5DBEA;max-width:820px}
.byline{display:flex;flex-wrap:wrap;gap:16px;align-items:center;font-size:14px;color:var(--mute);padding-bottom:28px}
.byline .who{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:600}
.avatar{width:38px;height:38px;border-radius:50%;background:var(--navy3);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:var(--ink);overflow:hidden}
.avatar img{width:100%;height:100%;object-fit:cover}
.share{margin-left:auto;display:flex;gap:8px}
.share a,.share button{width:40px;height:40px;border-radius:50%;border:0;background:rgba(255,255,255,.12);color:var(--ink);display:flex;align-items:center;justify-content:center}
.share a:hover,.share button:hover{background:var(--orange);color:var(--navy)}
.share .wa{background:#25D366;color:var(--navy)}
.share svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}
.post-media{background:linear-gradient(180deg,var(--navy) 0 50%,var(--paper) 50% 100%)}
.post-media .wrap{max-width:1080px}
.post-media figure{margin:0}
.post-media img{width:100%;border-radius:20px;max-height:640px;object-fit:cover}
.post-media figcaption{font-size:13px;color:var(--text2);padding-top:10px}
.embed{position:relative;aspect-ratio:16/9;border-radius:20px;overflow:hidden;background:#000}
.embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.post-layout{max-width:1080px;margin:0 auto;padding:40px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px}
.prose{font-family:var(--serif);font-size:20px;line-height:1.75;color:var(--text);min-width:0}
.prose>*{margin:0 0 24px}
.prose h2,.prose h3,.prose h4{font-family:var(--sans);line-height:1.25;color:var(--navy);margin:36px 0 14px}
.prose h2{font-size:28px}.prose h3{font-size:23px}
.prose a{color:#C2410C;text-decoration:underline;text-underline-offset:3px}
.prose ul,.prose ol{padding-left:24px}
.prose li{margin-bottom:8px}
.prose blockquote{margin:32px 0;padding:0;font:800 34px/1.05 var(--display);text-transform:uppercase;color:var(--navy);border:0}
.prose blockquote p{margin:0}
.prose img,.prose figure img{border-radius:14px}
.prose figure{margin:0 0 28px}
.prose figcaption,.wp-caption-text{font:13px var(--sans);color:var(--text2);padding-top:8px}
.prose iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:14px}
.prose table{width:100%;border-collapse:collapse;font:15px var(--sans)}
.prose th,.prose td{padding:10px;border-bottom:1px solid var(--rule);text-align:left}
.prose .wp-caption{max-width:100%!important}
.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.gallery-item{margin:0}
.gallery br{display:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--sans)}
.chips a{padding:8px 12px;border-radius:20px;background:#E6EAF3;font-size:13px;font-weight:600;color:var(--navy)}
.authorbox{display:flex;gap:16px;align-items:flex-start;background:#fff;border:1px solid var(--rule);border-radius:16px;padding:20px;font:15px/1.55 var(--sans);margin-top:32px}
.authorbox .avatar{width:56px;height:56px;flex:none;color:#fff}
.authorbox strong{display:block;color:var(--navy);margin-bottom:4px}
.authorbox p{margin:0;color:var(--text2)}
.aside{display:flex;flex-direction:column;gap:22px;font-family:var(--sans)}
.aside .box{background:#fff;border:1px solid var(--rule);border-radius:16px;padding:20px}
.aside h2{margin:0 0 12px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--text2)}
.aside .row{border-color:var(--rule);padding:12px 0}
.aside .row .ph{width:84px;height:56px}
.aside .row h3{font-size:14px;color:var(--navy)}
.aside .row .meta{color:var(--text2)}
.aside .sticky{position:sticky;top:96px}
.aside .dark{background:var(--navy);color:var(--ink);border:0}
.aside .dark h2{color:var(--mute)}
.related{max-width:1080px;margin:56px auto 0;padding:0 32px 24px}
.related h2{margin:0 0 18px;font-size:40px;color:var(--navy)}
.related .card h3{color:var(--navy)}
.related .meta{color:var(--text2)}
.page-body{max-width:1080px;margin:0 auto;padding:40px 32px 24px}
.page-body .prose{max-width:none}

/* Arquivos */
.arch-head{padding:48px 0 32px;border-bottom:1px solid var(--line)}
.arch-head h1{margin:8px 0 0;font-size:clamp(44px,7vw,84px)}
.arch-head p{color:var(--mute);max-width:720px;margin:12px 0 0}
.arch-head .chips{margin-top:18px}
.arch-head .chips a{background:rgba(255,255,255,.08);color:var(--ink)}
.arch-head .chips a:hover{background:var(--orange);color:var(--navy)}
.pagination,.nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:40px 0}
.page-numbers{min-width:44px;height:44px;padding:0 12px;border-radius:10px;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-weight:600}
.page-numbers.current{background:var(--orange);color:var(--navy);border-color:var(--orange)}
.empty{padding:60px 0;text-align:center;color:var(--mute)}

/* Plugin de tabelas (AnWP) dentro das páginas */
.light .anwp-b-wrap{font-family:var(--sans)}

@media (max-width:1100px){
	.nav{display:none}
	.menu-toggle{display:flex}
	.site-header .wrap{gap:12px}
	.brand{margin-right:auto}
}
@media (max-width:980px){
	.wrap{padding:0 18px}
	.hero,.split,.tvgrid,.post-layout{grid-template-columns:minmax(0,1fr)}
.hero>*,.split>*,.tvgrid>*,.post-layout>*{min-width:0;max-width:100%}
	.hero__main{min-height:440px}
	.hero__body{padding:22px}
	.hero__body h2{font-size:44px}
	.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
	.g3{grid-template-columns:1fr}
	.site-footer .cols{grid-template-columns:1fr 1fr}
	.post-layout,.related,.page-body{padding-left:18px;padding-right:18px}
	.aside .sticky{position:static}
	.band{padding:24px}.band__head h2{font-size:42px}
	.section-head h2{font-size:36px}
	.rank>li{flex:0 0 62%!important}
}
@media (max-width:600px){
	.topbar__date,.topbar__live{display:none}
	.brand__plate img{height:34px}
	.hero__side a{min-height:150px}
	.hero__side h3{font-size:22px}
	.g2,.g4{grid-template-columns:1fr}
	.prose{font-size:18px}
	.share{margin-left:0}
	.site-footer .cols{grid-template-columns:1fr}
	.row .ph{width:104px;height:70px}
}
@media (max-width:782px){.admin-bar .site-header{top:0}}

/* ===== Revisão de UX no celular ===== */
.ticker .tag{align-self:center}
.drawer .menu-item-has-children{position:relative}
.drawer .sub-toggle{position:absolute;right:0;top:4px;width:44px;height:44px;border:0;border-radius:10px;background:rgba(255,255,255,.06);color:var(--ink);display:flex;align-items:center;justify-content:center}
.drawer .sub-toggle::before{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.drawer .is-open>.sub-toggle::before{transform:rotate(225deg) translate(-2px,-2px)}
.drawer .menu-item-has-children>a{padding-right:52px}
.drawer .sub-menu{display:none}
.drawer .is-open>.sub-menu{display:block}
.drawer__social{display:flex;gap:10px;margin-top:20px}
.drawer__social a{width:44px;height:44px;border-radius:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:0}
.drawer__social svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}

@media (max-width:980px){
	/* blocos de cards viram carrossel com rolagem lateral */
	.m-scroll{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin-left:-18px;margin-right:-18px;padding:0 18px 6px;scrollbar-width:none}
	.m-scroll::-webkit-scrollbar{display:none}
	.m-scroll>*{flex:0 0 78%;scroll-snap-align:start;min-width:0}
	.hero__side{flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 4px;scrollbar-width:none}
	.hero__side::-webkit-scrollbar{display:none}
	.hero__side a{flex:0 0 78%;min-height:190px;scroll-snap-align:start}
}
@media (max-width:600px){
	.topbar{display:none}
	.site-header .wrap{min-height:60px}
	.icon-btn{width:44px;height:44px}
	.brand__plate{padding:4px 8px;border-radius:10px}
	.brand__plate img{height:32px}
	.ticker .wrap{min-height:38px;gap:10px}
	.section{margin:40px 0}
	.section-head{margin-bottom:14px}
	.section-head h2{font-size:28px}
	.section-head a.more,.col-head a{white-space:nowrap;padding:12px 0 12px 14px}
	.hero{margin-top:18px;gap:14px}
	.hero__main{min-height:400px;border-radius:16px}
	.hero__body{padding:18px;gap:10px}
	.hero__body h2{font-size:34px}
	.hero__body p{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
	.hero__side h3{font-size:21px}
	.stories{margin-top:24px;gap:14px}
	.story{min-width:76px}
	.story__ring{width:68px;height:68px}
	.story__in{font-size:20px}
	.band{padding:20px;border-radius:18px}
	.band__head{margin-bottom:16px}
	.band__head h2{font-size:34px}
	.band__head .btn{margin-left:0!important}
	.band .m-scroll{margin-left:-20px;margin-right:-20px;padding:0 20px 6px;scroll-padding-left:20px}
	.m-scroll{scroll-padding-left:18px}
	.col-head h2{font-size:28px}
	.col .row:nth-of-type(4){display:none}
	.overlay{min-height:200px}
	.g-news{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px}
	.g-news .card .ph{aspect-ratio:4/3}
	.g-news .card h3{font-size:14px;line-height:1.3}
	.g-news .card .kicker{font-size:10px}
	.cta-radio{display:none!important}
	.cta{padding:18px}
	.tvlist .ph{width:112px;height:70px}
	.site-footer{margin-top:48px}
	.site-footer .cols{padding:32px 0;gap:24px}
	.site-footer ul{gap:0}
	.site-footer li a{display:block;padding:11px 0}
	.site-footer .bottom a{padding:10px 0}
	/* matéria: texto começa mais cedo */
	.post-hero .crumbs{display:none}
	.post-hero .wrap{padding-top:22px;gap:12px}
	.post-hero h1{font-size:32px;line-height:1}
	.post-hero .lede{font-size:17px}
	.byline{gap:8px 14px;font-size:13px;padding-bottom:20px}
	.byline .avatar{width:32px;height:32px;font-size:12px}
	.byline .who{min-height:44px}
	.share{width:100%;margin-left:0}
	.share a,.share button{width:44px;height:44px}
	.post-media img{border-radius:14px;max-height:280px}
	.embed{border-radius:14px}
	.post-layout{padding-top:24px;gap:32px}
	.prose{font-size:18px;line-height:1.7}
	.prose blockquote{font-size:28px}
	.aside .dark{display:none}
	.aside .box .row:nth-of-type(n+4){display:none}
	.related{margin-top:32px}
	.related h2{font-size:30px}
	.page-body{padding-top:24px}
	.arch-head{padding:28px 0 20px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}