/*
Theme Name: Folha de Bel 3D
Theme URI: https://folhadebel.com
Author: Folha de Belford Roxo
Description: Tema do portal Folha de Belford Roxo: faixa de últimas, destaques, colunas, anúncios rotativos, mais lidas e canal do Zap, com visual em camadas (3D).
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: folhadebel
*/

/* ================= Tokens ================= */
:root{
	--blue:#1967f7; --blue-2:#4189ff; --blue-3:#8db8ff; --navy:#0b2a7a; --deep:#071640; --abyss:#040b24;
	--red:#ee1f3c; --red-d:#a90f1d; --zap:#25d366; --zap-d:#128c4a;
	--bg:#eef2fb; --bg-2:#e3e9f7; --paper:#ffffff; --ink:#0b1330; --ink-2:#2a3456; --mute:#66708f; --line:rgba(11,42,122,.10);
	--shadow-1:0 1px 2px rgba(7,22,64,.04), 0 6px 20px -12px rgba(7,22,64,.18);
	--shadow-2:0 2px 4px rgba(7,22,64,.05), 0 20px 40px -20px rgba(7,22,64,.30);
	--radius:20px; --radius-s:14px;
	--max:1240px; --gap:clamp(18px,2.2vw,30px);
	--title:"Saira Condensed","Arial Narrow",Arial,sans-serif;
	--ui:"Saira",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
	color-scheme:light;
}
:root[data-theme="dark"]{
	--bg:#050b1e; --bg-2:#0a1430; --paper:#0d1838; --ink:#eef3ff; --ink-2:#c3cdea; --mute:#8b96ba; --line:rgba(141,184,255,.14);
	--shadow-1:0 1px 0 rgba(141,184,255,.10) inset, 0 8px 24px -10px rgba(0,0,0,.7);
	--shadow-2:0 1px 0 rgba(141,184,255,.12) inset, 0 24px 48px -18px rgba(0,0,0,.85);
	color-scheme:dark;
}
@media (prefers-color-scheme: dark){
	:root:not([data-theme="light"]){
		--bg:#050b1e; --bg-2:#0a1430; --paper:#0d1838; --ink:#eef3ff; --ink-2:#c3cdea; --mute:#8b96ba; --line:rgba(141,184,255,.14);
		--shadow-1:0 1px 0 rgba(141,184,255,.10) inset, 0 8px 24px -10px rgba(0,0,0,.7);
		--shadow-2:0 1px 0 rgba(141,184,255,.12) inset, 0 24px 48px -18px rgba(0,0,0,.85);
		color-scheme:dark;
	}
}

/* ================= Base ================= */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
	margin:0;color:var(--ink);font:400 16px/1.6 var(--ui);-webkit-font-smoothing:antialiased;
	background:
		radial-gradient(1200px 600px at 85% -10%, rgba(25,103,247,.14), transparent 60%),
		radial-gradient(900px 500px at -10% 30%, rgba(65,137,255,.10), transparent 60%),
		var(--bg);
	background-attachment:fixed;
}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input{font:inherit;color:inherit}
h1,h2,h3,h4{margin:0;font-family:var(--title);font-weight:800;line-height:1.05;letter-spacing:-.005em}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sr:focus{clip:auto;width:auto;height:auto;margin:0;padding:12px 16px;left:12px;top:12px;background:var(--navy);color:#fff;z-index:999;border-radius:10px}
:focus-visible{outline:3px solid var(--blue-2);outline-offset:3px;border-radius:6px}
.wrap{width:min(100% - 32px,var(--max));margin-inline:auto}
.wrap--first{margin-top:var(--gap)}
.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ico .f{fill:currentColor;stroke:none}

/* ================= Peças 3D reutilizáveis ================= */
.btn3d{
	--c1:var(--blue-2); --c2:var(--blue); --edge:#0b45b5;
	display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border:0;border-radius:999px;cursor:pointer;
	font:800 14px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#fff;
	background:linear-gradient(180deg,var(--c1),var(--c2));
	box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 8px 18px -8px rgba(7,22,64,.55);
	transform:translateY(0);transition:transform .15s ease, box-shadow .15s ease, filter .15s;
}
.btn3d:hover{filter:brightness(1.07);transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.3) inset, 0 14px 24px -10px rgba(7,22,64,.6)}
.btn3d:active{transform:translateY(1px);box-shadow:0 4px 10px -6px rgba(7,22,64,.5)}
.btn3d--sm{padding:9px 16px;font-size:12px}
.btn3d--zap{--c1:#3ee07a; --c2:var(--zap); --edge:var(--zap-d)}

.btn-ico{
	display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;border:0;cursor:pointer;color:inherit;
	background:rgba(255,255,255,.10);
	box-shadow:none;
	transition:transform .15s, background .15s;
}
.btn-ico:hover{transform:translateY(-2px);background:linear-gradient(180deg,rgba(255,255,255,.26),rgba(255,255,255,.08))}
.btn-ico:active{transform:translateY(2px)}
.btn-ico.is-ok{background:var(--zap);color:#fff}

.tag3d{
	--t1:var(--blue-2); --t2:var(--blue); --te:#0b45b5;
	display:inline-flex;align-items:center;padding:5px 10px 4px;border-radius:999px;
	font:800 11px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#fff;
	background:linear-gradient(180deg,var(--t1),var(--t2));
	box-shadow:0 4px 10px -4px var(--te);
	transition:transform .15s;
}
.tag3d:hover{transform:translateY(-1px)}
.tag3d--lg{font-size:13px;padding:7px 13px 6px}
.tag3d[data-cat="policia"]{--t1:#ff4b62; --t2:var(--red); --te:var(--red-d)}
.tag3d[data-cat="politica"]{--t1:#6d5cff; --t2:#4a37e8; --te:#2a1aa8}
.tag3d[data-cat="cultura"]{--t1:#ff9a3d; --t2:#f2760b; --te:#a84d00}
.tag3d[data-cat="esporte"]{--t1:#34d37f; --t2:#12a95a; --te:#0a6b38}
.tag3d[data-cat="brasil"]{--t1:#22c3c3; --t2:#0a9696; --te:#055e5e}

/* ================= Faixa de últimas (ticker) ================= */
.ticker{
	position:relative;display:flex;align-items:stretch;height:40px;overflow:hidden;z-index:40;
	background:linear-gradient(90deg,var(--abyss),var(--deep) 30%,var(--navy));
	color:#dbe7ff;box-shadow:0 1px 0 rgba(141,184,255,.18) inset, 0 -1px 0 rgba(0,0,0,.4) inset;
}
.ticker__tag{
	position:relative;z-index:2;flex:none;display:flex;align-items:center;gap:8px;padding:0 18px 0 16px;
	font:800 12px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:#fff;
	background:linear-gradient(180deg,#ff4b62,var(--red));
	box-shadow:0 1px 0 rgba(255,255,255,.35) inset, 8px 0 18px rgba(4,11,36,.7);
	clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%);
}
.pulse{width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.8);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.ticker__viewport{flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.ticker__track{display:flex;width:max-content;margin:0;padding:0;list-style:none;height:100%;align-items:center;animation:ticker 70s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__track li{display:flex;align-items:center;font:600 14px/1 var(--ui);white-space:nowrap}
.ticker__track li::after{content:"";width:6px;height:6px;margin:0 22px;border-radius:2px;background:var(--blue-2);transform:rotate(45deg);box-shadow:0 0 10px var(--blue-2)}
.ticker__track a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
@keyframes ticker{to{transform:translateX(-50%)}}

/* ================= Cabeçalho ================= */
.hd{
	position:sticky;top:0;z-index:30;color:#fff;
	background:linear-gradient(180deg,rgba(11,42,122,.94),rgba(7,22,64,.94));
	backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);
	box-shadow:0 1px 0 rgba(141,184,255,.22) inset, 0 -1px 0 rgba(0,0,0,.35) inset, 0 14px 30px -14px rgba(4,11,36,.65);
}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--blue),var(--blue-2),var(--blue));opacity:.9}
.hd__bar{display:flex;align-items:center;gap:22px;height:78px;transition:height .25s}
.hd.is-compact .hd__bar{height:62px}
.logo{flex:none;display:block}
.logo__img{height:48px;width:auto;transition:height .25s}
.hd.is-compact .logo__img{height:38px}
.menu{flex:1;min-width:0}
.menu>ul{display:flex;align-items:center;gap:2px;margin:0;padding:0;list-style:none}
.menu>ul>li{position:relative}
.menu>ul>li>a{display:block;padding:10px 12px;border-radius:999px;font:700 13.5px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:#cfdcff;transition:background .15s,color .15s,transform .15s}
.menu>ul>li>a:hover,.menu>ul>li.on>a{color:#fff;background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.04));transform:none}
.mega{
	position:absolute;top:calc(100% + 12px);left:50%;width:360px;padding:12px;border-radius:16px;
	background:linear-gradient(180deg,rgba(13,32,92,.97),rgba(7,22,64,.98));
	box-shadow:0 1px 0 rgba(141,184,255,.2) inset, 0 30px 60px -20px rgba(0,0,0,.7);
	opacity:0;visibility:hidden;transform:translate(-50%,8px) perspective(800px) rotateX(-8deg);transform-origin:top center;transition:.2s ease;
}
.mega::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}
.menu>ul>li:hover .mega,.menu>ul>li:focus-within .mega{opacity:1;visibility:visible;transform:translate(-50%,0) perspective(800px) rotateX(0)}
.mega__item{display:grid;grid-template-columns:64px 1fr;gap:12px;align-items:center;padding:8px;border-radius:12px}
.mega__item:hover{background:rgba(255,255,255,.07)}
.mega__img{width:64px;height:64px;border-radius:10px;overflow:hidden;background:var(--navy);box-shadow:0 4px 10px rgba(0,0,0,.4)}
.mega__img img{width:100%;height:100%;object-fit:cover}
.mega__t{font:600 14px/1.3 var(--ui);color:#e8efff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mega__all{display:block;margin-top:6px;padding:10px 8px 4px;border-top:1px solid rgba(141,184,255,.15);font:700 12px/1 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--blue-3)}
.hd__tools{display:flex;align-items:center;gap:8px;flex:none}
.social{display:flex;gap:8px}
.burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 10px;border:0;border-radius:12px;background:rgba(255,255,255,.1);cursor:pointer}
.burger i{display:block;height:2px;border-radius:2px;background:#fff;transition:.2s}
.search{border-top:1px solid rgba(141,184,255,.15);padding:14px 0}
.search .wrap{display:flex;gap:12px}
.search input{flex:1;min-width:0;padding:13px 16px;border-radius:12px;border:1px solid rgba(141,184,255,.25);background:rgba(4,11,36,.5);color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.35) inset}
.search input::placeholder{color:#8fa3d6}

/* ================= Seções ================= */
.sec{margin-top:calc(var(--gap) * 1.6)}
.sec__head{display:flex;align-items:center;gap:16px;margin-bottom:22px;position:relative}
.sec__kicker{position:absolute;top:-16px;left:16px;font:800 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--blue)}
.sec__title{
	position:relative;padding-left:16px;font-size:clamp(26px,2.8vw,34px);font-weight:800;text-transform:uppercase;color:var(--ink);
	}
.sec__title::before{content:"";position:absolute;left:0;top:12%;bottom:12%;width:5px;border-radius:5px;background:linear-gradient(180deg,var(--blue-2),var(--blue))}
.sec__rule{flex:1;height:1px;background:var(--line)}
.sec__more{display:inline-flex;align-items:center;gap:4px;font:700 13px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;color:var(--blue);white-space:nowrap}
.sec__more svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4}
.sec__desc{margin:-8px 0 20px;color:var(--mute)}

/* ================= Cards ================= */
.card{
	--rx:0deg; --ry:0deg; --mx:50%; --my:50%;
	position:relative;display:flex;flex-direction:column;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-1);outline:1px solid var(--line);outline-offset:-1px;
	transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s;
}
.card.is-tilt{transition:transform .08s linear, box-shadow .3s}
.card:hover{box-shadow:var(--shadow-2)}
.card__media{position:relative;display:block;overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;aspect-ratio:16/10;background:linear-gradient(135deg,var(--navy),var(--blue));transform:translateZ(0)}
.card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.card:hover .card__media img{transform:scale(1.06)}
.card__shine{position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(255,255,255,.22),transparent 40%);opacity:0;transition:opacity .3s}
.card.is-tilt .card__shine{opacity:1}
.card__body{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px 18px}
.card__title{font-size:21px;line-height:1.12;font-weight:800;color:var(--ink)}
.card__title a{background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;transition:background-size .3s}
.card__title a:hover{background-size:100% 2px}
.card__sub{margin:0;color:var(--ink-2);font-size:16px;line-height:1.5}
.card__time{font:600 12px/1 var(--ui);letter-spacing:.04em;color:var(--mute);margin-top:auto}
.ph{display:grid;place-items:center;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,var(--blue-2),var(--navy) 70%)}
.ph img{width:45%;height:auto;opacity:.5}

.card--lead .card__title{font-size:clamp(28px,3vw,42px);line-height:1.02}
.card--lead .card__body{padding:20px 22px 22px}

.card--over{min-height:420px;justify-content:flex-end;overflow:hidden;color:#fff;background:var(--deep);outline:0}
.card--over .card__media{position:absolute;inset:0;aspect-ratio:auto;border-radius:var(--radius)}
.card--over .card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,11,36,0) 25%,rgba(4,11,36,.55) 55%,rgba(4,11,36,.95))}
.card--over .card__body{position:relative;padding:24px}
.card--over .card__title,.card--over .card__sub{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.5)}
.card--over .card__title{font-size:clamp(26px,2.8vw,38px)}
.card--over .card__time{color:#b9c8f0}

.card--side{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:0}
.card--side .card__media{aspect-ratio:auto;width:100%;height:100%;min-height:100px;border-radius:var(--radius) 0 0 var(--radius)}
.card--side .card__body{padding:12px 14px;gap:7px}
.card--side .card__title{font-size:17px;line-height:1.15}

.card--rank{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:14px;padding:14px 16px;background:transparent;box-shadow:none;outline:0}
.card--rank .card__body{padding:0;gap:6px;transform:none}
.card--rank .card__title{font-size:17px;line-height:1.18}
.card__n{
	font:900 52px/0.9 var(--title);min-width:44px;text-align:center;
	background:linear-gradient(180deg,var(--blue-2),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent;
}

/* ================= Destaques ================= */
.dest{display:grid;grid-template-columns:260px 1fr 340px;gap:var(--gap);align-items:start}
.dest__side{display:grid;gap:14px}

.coluna{
	--rx:0deg; --ry:0deg;
	position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:100%;aspect-ratio:auto;padding:22px;border-radius:var(--radius);overflow:hidden;color:#fff;isolation:isolate;
	background:linear-gradient(160deg,var(--blue-2),var(--navy) 55%,var(--abyss));
	box-shadow:var(--shadow-2);
	transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .35s cubic-bezier(.2,.8,.2,1);
	min-height:520px;
}
.coluna.is-tilt{transition:transform .08s linear}
.coluna__bg{position:absolute;inset:0;z-index:-2;opacity:.45;mix-blend-mode:luminosity}
.coluna__bg img{width:100%;height:100%;object-fit:cover}
.coluna__layer{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(25,103,247,.25),rgba(4,11,36,.92) 70%)}
.coluna__k{align-self:flex-start;font:800 11px/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;padding:6px 11px;border-radius:999px;background:var(--red)}
.coluna__name{font:900 44px/.92 var(--title);text-transform:uppercase;text-shadow:0 4px 20px rgba(0,0,0,.4)}
.coluna__t{font:600 16px/1.35 var(--ui);color:#dbe6ff}
.coluna .btn3d{align-self:flex-start}

/* ================= Anúncios ================= */
.ad{position:relative;margin:calc(var(--gap) * 1.2) auto 0;text-align:center}
.ad__label{display:block;margin-bottom:6px;font:700 10px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.ad__stage{position:relative;display:grid;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1);background:var(--navy)}
.ad--wide .ad__stage{aspect-ratio:4/1}
.ad--vert .ad__stage{aspect-ratio:1/2;max-width:300px;margin-inline:auto}
.ad__slide{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .8s, visibility .8s}
.ad__slide.is-on{opacity:1;visibility:visible}
.ad__slide img{width:100%;height:100%;object-fit:cover}
.ad__slide a{transition:filter .2s}.ad__slide a:hover{filter:brightness(1.06)}
.ad__slide>a{display:block;height:100%}
.ad__ph>a{
	position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;padding:18px;color:#fff;overflow:hidden;isolation:isolate;
	background:
		radial-gradient(500px 200px at 20% 0%,rgba(141,184,255,.45),transparent 60%),
		radial-gradient(400px 220px at 90% 100%,rgba(238,31,60,.35),transparent 60%),
		linear-gradient(135deg,var(--blue),var(--navy) 60%,var(--abyss));
}
.ad__ph>a::before{
	content:"";position:absolute;inset:-40%;z-index:-1;
	background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.08),transparent 30%);animation:spin 9s linear infinite;
}
.ad__ph>a::after{content:"";position:absolute;inset:0;z-index:-1;background:url("assets/img/marca-dagua.png") left center/auto 18px repeat-x;opacity:.35;top:50%;height:18px;transform:translateY(-50%)}
@keyframes spin{to{transform:rotate(360deg)}}
.ad__ph-k{font:800 11px/1 var(--ui);letter-spacing:.24em;text-transform:uppercase;color:var(--blue-3)}
.ad__ph strong{font:900 clamp(26px,3.4vw,44px)/1 var(--title);text-transform:uppercase;text-shadow:2px 2px 0 var(--blue),4px 4px 0 var(--navy),6px 8px 16px rgba(0,0,0,.5)}
.ad__ph-s{font:500 15px/1.35 var(--ui);color:#d7e3ff;max-width:46ch}
.ad__ph--wide>a{flex-direction:row;flex-wrap:wrap;gap:6px 22px;text-align:left}
.ad__ph--wide .ad__ph-k{width:100%;text-align:center}
.ad__ph--vert strong{font-size:40px}

/* ================= Layout com lateral ================= */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:calc(var(--gap) * 1.4);align-items:start}
.layout__side{position:relative;height:100%}
.side-sticky{position:sticky;top:96px;display:grid;gap:18px;padding-top:calc(var(--gap) * 1.6)}
.ult{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
.ult>.card--over{grid-column:span 3}
.ed{display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:repeat(3,auto);gap:14px var(--gap)}
.ed>.card--grid{grid-row:span 3}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gap)}

/* Caixas da lateral: Zap e Instagram (o bloco inteiro é link) */
.cta3d{
	position:relative;display:grid;grid-template-columns:64px 1fr;gap:12px 14px;align-items:center;padding:18px;border-radius:var(--radius);color:#fff;overflow:hidden;isolation:isolate;
	background:linear-gradient(140deg,#2fdc72,var(--zap) 50%,#0e8a46);box-shadow:0 18px 36px -18px rgba(14,138,70,.75);
	transition:transform .25s cubic-bezier(.2,.8,.2,1), box-shadow .25s;
}
.cta3d::before{content:"";position:absolute;width:220px;height:220px;right:-70px;top:-90px;border-radius:50%;background:rgba(255,255,255,.14);z-index:-1}
.cta3d:hover{transform:translateY(-4px);box-shadow:0 26px 44px -20px rgba(14,138,70,.85)}
.cta3d--ig{background:linear-gradient(140deg,#feda75,#fa7e1e 20%,#d62976 50%,#962fbf 78%,#4f5bd5);box-shadow:0 18px 36px -18px rgba(150,47,191,.75)}
.cta3d--ig:hover{box-shadow:0 26px 44px -20px rgba(150,47,191,.85)}
.cta3d__avatar{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(160deg,var(--blue-2),var(--navy));box-shadow:0 0 0 3px rgba(255,255,255,.9),0 8px 18px -6px rgba(0,0,0,.45)}
.cta3d__avatar img{width:auto;height:30px}
.cta3d__avatar i{position:absolute;right:-4px;bottom:-4px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff;color:var(--zap);box-shadow:0 3px 8px rgba(0,0,0,.25)}
.cta3d--ig .cta3d__avatar i{color:#d62976}
.cta3d__avatar .ico{width:16px;height:16px}
.cta3d__txt strong{display:block;font:800 19px/1.1 var(--title);text-transform:uppercase;letter-spacing:.02em}
.cta3d__txt span{display:block;font-size:13.5px;line-height:1.35;opacity:.92;margin-top:4px}
.cta3d__btn{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;background:#fff;color:var(--ink);font:800 13px/1 var(--ui);letter-spacing:.06em;text-transform:uppercase;transition:gap .2s}
.cta3d__btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.cta3d:hover .cta3d__btn{gap:14px}
.box3d{padding:18px;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-1)}
.box3d__title{font-size:22px;text-transform:uppercase;margin-bottom:6px}
.rank-mini{margin:0;padding:0;list-style:none}
.rank-mini li+li{border-top:1px solid var(--line)}
.rank-mini .card--rank{padding:12px 0}
.rank-mini .card__n{font-size:40px;min-width:34px}

/* ================= Mais lidas (faixa) ================= */
.lidas{
	position:relative;margin-top:calc(var(--gap) * 2.2);padding:calc(var(--gap) * 2) 0;color:#fff;overflow:hidden;
	background:linear-gradient(180deg,var(--deep),var(--abyss));
	box-shadow:0 1px 0 rgba(141,184,255,.18) inset;
}
.lidas::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 300px at 15% 0%,rgba(25,103,247,.35),transparent 60%),radial-gradient(600px 300px at 100% 100%,rgba(238,31,60,.18),transparent 60%);pointer-events:none}
.lidas .wrap{position:relative}
.lidas .sec__title{color:#fff}
.lidas .sec__rule{background:rgba(141,184,255,.18)}
.lidas .sec__kicker{color:var(--blue-3)}
.lidas__list{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin:0;padding:0;list-style:none}
.lidas .card--rank{
	grid-template-columns:1fr;align-content:start;height:100%;padding:18px;border-radius:var(--radius);
	background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
	box-shadow:0 1px 0 rgba(255,255,255,.08) inset;
	transition:transform .25s, background .25s;
}
.lidas .card--rank:hover{transform:translateY(-6px)}
.lidas .card__n{text-align:left;font-size:64px;background:linear-gradient(180deg,#fff,var(--blue-3));-webkit-background-clip:text;background-clip:text}
.lidas .card__title{color:#fff}
.lidas .card__time{color:#93a5d4}

/* ================= Matéria ================= */
.layout--post{margin-top:var(--gap)}
.materia{min-width:0;padding-top:calc(var(--gap) * 1.2)}
.post__head{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:820px}
.post__title{font-size:clamp(34px,4.4vw,58px);line-height:1;font-weight:900;color:var(--ink)}
.post__sub{margin:0;font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:var(--ink-2)}
.post__meta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:var(--mute)}
.post__meta b{color:var(--ink)}
.share{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share>span{font:700 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);margin-right:4px}
.share .btn-ico{color:#fff;background:linear-gradient(180deg,var(--blue-2),var(--blue));box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 3px 0 #0b45b5, 0 8px 14px -6px rgba(7,22,64,.5)}
.share .btn-ico--zap{background:linear-gradient(180deg,#3ee07a,var(--zap));box-shadow:0 1px 0 rgba(255,255,255,.4) inset, 0 3px 0 var(--zap-d), 0 8px 14px -6px rgba(7,22,64,.5)}
.post__hero{margin:26px 0 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-2);transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s}
.post__hero figcaption{padding:10px 16px;font-size:13px;color:var(--mute);background:var(--paper)}
.post__content{max-width:720px;margin-top:28px;font-size:19px;line-height:1.72;color:var(--ink)}
.post__content>*{margin:0 0 1.15em}
.post__content a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.post__content h2,.post__content h3{margin-top:1.4em;font-size:30px}
.post__content blockquote{margin:1.5em 0;padding:18px 22px;border-radius:var(--radius-s);background:var(--paper);box-shadow:var(--shadow-1);border-left:6px solid var(--blue);font-size:21px;font-weight:600}
.post__content img{border-radius:var(--radius-s)}
.post__foot{max-width:720px;display:grid;gap:22px;margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}
.cta-line{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;padding:16px 18px;border-radius:var(--radius);background:var(--paper);box-shadow:var(--shadow-1)}
.cta-line .ico{width:30px;height:30px;color:var(--zap)}
.cta-line p{margin:0;font-weight:600}

/* ================= Diversos ================= */
.pager{margin-top:30px}
.pager .page-numbers{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 12px;margin:0 4px 8px 0;border-radius:12px;background:var(--paper);box-shadow:var(--shadow-1);font-weight:700}
.pager .page-numbers.current{color:#fff;background:linear-gradient(180deg,var(--blue-2),var(--blue));box-shadow:0 3px 0 #0b45b5}
.vazio{text-align:center}
.search-form{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.search-form input[type=search]{padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--paper);min-width:240px}
.search-form input[type=submit]{padding:12px 18px;border:0;border-radius:12px;background:var(--blue);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 4px 0 #0b45b5}
.nao-achei{text-align:center;padding:40px 0}
.nao-achei__n{display:block;font:900 clamp(120px,22vw,240px)/.8 var(--title);color:transparent;-webkit-text-stroke:3px var(--blue);text-shadow:6px 6px 0 rgba(25,103,247,.25),12px 12px 0 rgba(25,103,247,.12)}
.nao-achei p{color:var(--mute)}

/* ================= Rodapé ================= */
.ft{position:relative;margin-top:calc(var(--gap) * 2);color:#c9d6f5;background:linear-gradient(180deg,var(--deep),var(--abyss));overflow:hidden}
.lidas+.wrap+.ft,.lidas~.ft{margin-top:0}
.ft__glow{position:absolute;left:50%;top:-200px;width:900px;height:400px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(25,103,247,.4),transparent);pointer-events:none}
.ft__grid{position:relative;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--gap);padding:56px 0 36px}
.ft__brand img{width:200px;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}
.ft__brand p{max-width:42ch;margin:16px 0 18px;color:#a9b8de}
.ft__col h4{font-size:18px;text-transform:uppercase;color:#fff;margin-bottom:14px;letter-spacing:.04em}
.ft__col ul{margin:0;padding:0;list-style:none;columns:2;gap:18px}
.ft__col li{margin-bottom:8px}
.ft__col a:hover{color:#fff}
.ft__col p{margin:0 0 16px;color:#a9b8de}
.ft__base{position:relative;display:flex;justify-content:space-between;gap:16px;padding:18px 0 26px;border-top:1px solid rgba(141,184,255,.14);font-size:13px;color:#8496c4}
.social--ft .btn-ico{color:#fff}

/* ================= Responsivo ================= */
@media (max-width:1180px){
	.social--hd{display:none}
	.dest{grid-template-columns:1fr 320px}
	.coluna{grid-column:1/-1;min-height:240px;order:3}
	.lidas__list{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:980px){
	.burger{display:flex}
	.hd__bar{height:66px;gap:12px}
	.logo{margin-right:auto}
	.logo__img{height:40px}
	.menu{position:fixed;inset:106px 0 0 0;padding:16px;background:linear-gradient(180deg,var(--deep),var(--abyss));transform:translateX(-100%);transition:transform .3s;overflow:auto}
	body.menu-aberto .menu{transform:none}
	body.menu-aberto .burger i:nth-child(1){transform:translateY(7px) rotate(45deg)}
	body.menu-aberto .burger i:nth-child(2){opacity:0}
	body.menu-aberto .burger i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
	.menu>ul{flex-direction:column;align-items:stretch;gap:6px}
	.menu>ul>li>a{padding:16px;font-size:16px}
	.mega{display:none}
	.layout{grid-template-columns:1fr}
	.side-sticky{position:static;padding-top:var(--gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
	.dest{grid-template-columns:1fr}
	.grid4{grid-template-columns:repeat(2,1fr)}
	.ft__grid{grid-template-columns:1fr 1fr}
	.ft__brand{grid-column:1/-1}
}
@media (max-width:640px){
	body{font-size:15.5px}
	.ticker{height:36px}
	.ticker__tag{padding:0 14px 0 12px;font-size:11px}
	.ult{grid-template-columns:1fr}
	.ult>.card--over{grid-column:auto;min-height:360px}
	.ed{grid-template-columns:1fr}
	.ed>.card--grid{grid-row:auto}
	.grid4{grid-template-columns:1fr}
	.lidas__list{grid-template-columns:1fr}
	.lidas .card--rank{grid-template-columns:auto 1fr}
	.lidas .card__n{font-size:54px}
	.ad__ph--wide>a{flex-direction:column;text-align:center}
	.ad__ph strong{font-size:26px}
	.ad__ph-s{display:none}
	.card--side{grid-template-columns:96px 1fr}
	.cta-line{grid-template-columns:auto 1fr}
	.cta-line .btn3d{grid-column:1/-1}
	.ft__grid{grid-template-columns:1fr}
	.ft__base{flex-direction:column}
	.sec__title{font-size:28px}
}
@media (prefers-reduced-motion:reduce){
	*{animation:none!important;transition:none!important}
	.ticker__viewport{overflow-x:auto}
}