
/* =========================================================
   A PALAVRA ONLINE — Layout v1
   Tokens de marca extraídos da logomarca
   ========================================================= */
:root{
  --navy:#0B2366; --navy-2:#11308A; --blue:#0B6BF2; --blue-2:#1747C9; --sun:#F6B01E; --red:#E11D48;
  --bg:#F4F6FB; --surface:#FFFFFF; --surface-2:#EDF1F9; --ink:#0D1530; --ink-2:#2C3552; --muted:#667089; --line:#E2E7F1;
  --hover:#1747C9;
  --shadow:0 1px 2px rgba(13,21,48,.05),0 12px 32px -14px rgba(13,21,48,.22);
  --radius:16px; --radius-sm:10px; --scale:1;
  --ui:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --wrap:1280px;
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#070C1B; --surface:#0E1528; --surface-2:#162038; --ink:#E9EDF7; --ink-2:#C4CBDD; --muted:#8D97B0; --line:#212B45; --hover:#7FB2FF;
    --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.7); color-scheme:dark;
  }
  :root:not([data-theme="light"]) img.logo-light{display:none!important}
  :root:not([data-theme="light"]) img.logo-dark{display:block!important}
}
:root[data-theme="dark"]{
  --bg:#070C1B; --surface:#0E1528; --surface-2:#162038; --ink:#E9EDF7; --ink-2:#C4CBDD; --muted:#8D97B0; --line:#212B45; --hover:#7FB2FF;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -14px rgba(0,0,0,.7); color-scheme:dark;
}
:root[data-theme="dark"] img.logo-light{display:none!important}
:root[data-theme="dark"] img.logo-dark{display:block!important}
img.logo-dark{display:none}

*{box-sizing:border-box}
html{font-size:calc(100% * var(--scale));-webkit-text-size-adjust:100%;scroll-padding-top:80px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--ui);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .3s,color .3s}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;padding:0}
input{font:inherit}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
@media(max-width:640px){.wrap{padding:0 16px}}
.icon{width:1.15em;height:1.15em;flex:none;display:inline-block;vertical-align:middle}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px;border-radius:6px}
.skip{position:absolute;left:12px;top:-60px;background:var(--blue);color:#fff;padding:10px 14px;border-radius:8px;z-index:200;font-weight:700}
.skip:focus{top:12px}
[hidden]{display:none!important}

/* ---------- Barra superior ---------- */
.topbar{background:var(--navy);color:#C9D5F5;font-size:.8rem}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px}
.tb-left{display:flex;gap:16px;align-items:center;white-space:nowrap;overflow:hidden;min-width:0}
.tb-left .date{overflow:hidden;text-overflow:ellipsis}
.tb-left .loc{display:flex;align-items:center;gap:6px}
.tb-left .loc::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sun)}
.tb-right{display:flex;align-items:center;gap:4px;flex:none}
.social-mini{display:flex;gap:2px}
.social-mini a{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;color:#C9D5F5;transition:.2s}
.social-mini a:hover{background:rgba(255,255,255,.1);color:#fff}
.a11y{display:flex;align-items:center;gap:2px;padding-left:10px;margin-left:6px;border-left:1px solid rgba(255,255,255,.16)}
.a11y button{height:30px;min-width:32px;padding:0 7px;border-radius:8px;color:#fff;font-weight:800;display:grid;place-items:center;transition:.2s}
.a11y button:hover{background:rgba(255,255,255,.12)}
.a11y .fs-s{font-size:.72rem}.a11y .fs-m{font-size:.85rem}.a11y .fs-l{font-size:1rem}
.a11y .fs-label{font-size:.7rem;color:#9FB0DA;min-width:36px;text-align:center}
@media(max-width:760px){.social-mini,.tb-left .loc,.a11y .fs-label{display:none}.a11y{border:0;margin:0;padding:0}}

/* ---------- Cabeçalho ---------- */
.masthead{background:var(--surface);border-bottom:1px solid var(--line)}
.masthead .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:20px;padding-bottom:20px}
.brand img{height:78px;width:auto;display:block}
img.logo-dark{display:none}
.masthead .ad-leader{width:728px;height:90px;flex:none}
@media(max-width:1060px){.masthead .ad-leader{display:none}.masthead .wrap{justify-content:center}.brand img{height:60px}}
@media(max-width:480px){.brand img{height:46px}.masthead .wrap{padding-top:14px;padding-bottom:14px}}

/* ---------- Publicidade (AdRotate) ---------- */
.ad-zone{padding:24px 0;text-align:center}
.ad-zone>small{display:block;font-size:.6rem;letter-spacing:.22em;color:var(--muted);text-transform:uppercase;margin-bottom:8px;font-weight:700}
.ad-zone .ad{margin:0 auto;max-width:100%;line-height:0}
.ad-zone .ad img,.ad-zone .ad iframe{max-width:100%;height:auto;display:inline-block;border-radius:var(--radius-sm)}
.ad-zone .ad .g,.ad-zone .ad .g-single{margin:0 auto!important;line-height:0}
.ad-970x90 .ad{max-width:970px}.ad-728x90 .ad{max-width:728px}.ad-300x250 .ad{max-width:300px}
.ad-topo{padding:0;flex:none}
.ad-topo .ad{width:728px}
.ad-mobile{display:none;padding:12px 16px 0}
.ad-ph{line-height:1.4;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:10px 16px;border:2px dashed color-mix(in srgb,var(--blue) 45%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--blue) 6%,var(--surface));color:var(--ink-2);text-align:center;font-size:.8rem}
.ad-ph strong{font-size:.86rem;color:var(--blue)}
.ad-ph span{font-size:.72rem;color:var(--muted)}
.ad-ph-728x90{aspect-ratio:728/90;width:100%}
.ad-ph-970x90{aspect-ratio:970/90;width:100%}
.ad-ph-300x250{aspect-ratio:300/250;width:100%}
@media(max-width:1060px){.masthead .ad-topo{display:none}.ad-mobile{display:block}}
@media(max-width:760px){.ad-ph-970x90,.ad-ph-728x90{aspect-ratio:auto;min-height:70px}}

/* ---------- Menu principal ---------- */
.mainnav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(1.5) blur(14px);backdrop-filter:saturate(1.5) blur(14px);border-bottom:1px solid var(--line)}
.mainnav .wrap{display:flex;align-items:center;gap:6px;height:58px}
.nav-btn{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:none;transition:.2s}
.nav-btn:hover{background:var(--surface-2)}
.nav-btn .icon{width:22px;height:22px}
.nav-logo{width:0;opacity:0;overflow:hidden;transition:width .3s,opacity .3s,margin .3s;flex:none}
.nav-logo img{height:34px;width:34px}
.mainnav.stuck .nav-logo{width:34px;opacity:1;margin:0 8px 0 2px}
.nav-list{display:flex;gap:2px;list-style:none;margin:0;padding:0;flex:1;min-width:0}
.nav-list>li>a{display:flex;align-items:center;gap:4px;padding:9px 12px;border-radius:10px;font-weight:700;font-size:.86rem;color:var(--ink-2);position:relative;white-space:nowrap;transition:color .2s,background .2s}
.nav-list>li>a::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:3px;border-radius:3px;background:var(--c,var(--blue));transform:scaleX(0);transition:transform .25s}
.nav-list>li>a:hover::after,.nav-list>li>a.active::after{transform:scaleX(1)}
.nav-list>li>a:hover,.nav-list>li>a.active {color:var(--ink);background:var(--surface-2)}
.nav-list li{position:relative}
.nav-list .sub-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;list-style:none;margin:0;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:5}
.nav-list li:hover>.sub-menu,.nav-list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.nav-list .sub-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:9px;font-weight:600;font-size:.88rem;white-space:nowrap}
.nav-list .sub-menu a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--blue));flex:none}
.nav-list .sub-menu a:hover{background:var(--surface-2)}
.nav-list>li.menu-item-has-children>a::before{content:"";order:2;width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);margin-left:4px}
.nav-list>li.current-menu-item>a::after,.nav-list>li>a.active::after{transform:scaleX(1)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--c,var(--blue));flex:none}
.nav-cta{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:9px 15px;border-radius:999px;font-weight:800;font-size:.8rem;flex:none;transition:.2s}
.nav-cta:hover{background:#1DB954;transform:translateY(-1px)}
.nav-spacer{flex:1;display:none}
@media(max-width:1180px){.nav-list{display:none}.nav-spacer{display:block}}
@media(max-width:560px){.nav-cta span{display:none}.nav-cta{padding:10px}}

/* ---------- Ticker "Últimas" ---------- */
.ticker{background:var(--surface);border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:14px;height:46px}
.tk-label{flex:none;display:flex;align-items:center;gap:8px;font-weight:800;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.pulse{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 0 rgba(225,29,72,.6);animation:pulse 1.6s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(225,29,72,0)}100%{box-shadow:0 0 0 0 rgba(225,29,72,0)}}
.tk-track{flex:1;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.tk-move{display:flex;gap:44px;width:max-content;animation:tick 80s linear infinite}
.tk-track:hover .tk-move{animation-play-state:paused}
.tk-move a{font-size:.87rem;font-weight:600;white-space:nowrap;color:var(--ink-2)}
.tk-move a:hover{color:var(--hover)}
.tk-move time{color:var(--blue);margin-right:8px;font-weight:800}
@keyframes tick{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.tk-move{animation:none}*{scroll-behavior:auto!important}}

/* ---------- Componentes ---------- */
.chip{display:inline-block;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--c,var(--blue))}
.chip.solid{background:var(--c,var(--blue));color:#fff;padding:5px 10px;border-radius:6px}
.meta{font-size:.76rem;color:var(--muted);display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.meta .icon{width:14px;height:14px}
.card{display:flex;flex-direction:column;gap:12px;position:relative;min-width:0}
.card .thumb{position:relative;aspect-ratio:16/10;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-2)}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.card:hover .thumb img{transform:scale(1.05)}
.card-body{display:flex;flex-direction:column;gap:6px;min-width:0}
.card h3{font-family:var(--serif);font-weight:600;font-size:1.18rem;line-height:1.22;margin:0;letter-spacing:-.005em;transition:color .2s}
.card:hover h3{color:var(--hover)}
.card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.5}
.stretched::after{content:"";position:absolute;inset:0;z-index:1}
.card-h{flex-direction:row;gap:14px;align-items:flex-start}
.card-h .thumb{width:118px;aspect-ratio:4/3;flex:none}
.card-h h3{font-size:1.02rem}
.card-big h3{font-size:clamp(1.35rem,1rem + .8vw,1.75rem);line-height:1.15}
.card-big p{font-size:1rem}
.list-sep>*+*{border-top:1px solid var(--line);padding-top:16px}
.list-sep{display:flex;flex-direction:column;gap:16px}

.sec-head{display:flex;align-items:center;gap:14px;margin:0 0 20px}
.sec-head h2{font-size:1.08rem;font-weight:800;letter-spacing:.02em;margin:0;display:flex;align-items:center;gap:10px;text-transform:uppercase;white-space:nowrap}
.sec-head h2::before{content:"";width:6px;height:22px;border-radius:3px;background:var(--c,var(--blue))}
.sec-head .rule{flex:1;height:1px;background:var(--line)}
.sec-head .more-link{font-size:.78rem;font-weight:800;color:var(--c,var(--blue));display:flex;align-items:center;gap:4px;white-space:nowrap}
.sec-head .more-link:hover{gap:8px}
.sec-head .more-link .icon{width:14px;height:14px;transition:.2s}
:root[data-theme="dark"] .sec-head .more-link,:root[data-theme="dark"] .chip:not(.solid){filter:brightness(1.45)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .sec-head .more-link,:root:not([data-theme="light"]) .chip:not(.solid){filter:brightness(1.45)}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:999px;font-weight:800;font-size:.88rem;transition:.2s;white-space:nowrap}
.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-2)}
.btn-yt{background:#FF0033;color:#fff}.btn-yt:hover{background:#d4002b}
.btn-ghost{border:1px solid rgba(255,255,255,.3);color:#fff}.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-outline{border:1px solid var(--line);background:var(--surface)}.btn-outline:hover{border-color:var(--blue);color:var(--hover)}

/* ---------- Bloco inicial (manchete + destaques) ---------- */
.top{padding-top:28px}
.lead-story{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}
.lead-img{display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--surface-2)}
.lead-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}
.lead-story:hover .lead-img img{transform:scale(1.03)}
.lead-txt{padding:10px 22px 10px 0;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.lead-txt h1{font-family:var(--serif);font-size:clamp(1.45rem,1rem + .95vw,2rem);line-height:1.15;margin:0;font-weight:700;letter-spacing:-.015em;text-wrap:balance}
.lead-txt h1 a:hover{color:var(--hover)}
.lead-sub{margin:0;color:var(--muted);font-size:1rem;line-height:1.55}
.lead-rel{list-style:none;margin:4px 0 0;padding:14px 0 0;border-top:1px solid var(--line);display:grid;gap:10px;width:100%}
.lead-rel li{display:flex;gap:10px;font-size:.9rem;font-weight:600;line-height:1.35}
.lead-rel li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--sun);flex:none;margin-top:.48em}
.lead-rel a:hover{color:var(--hover)}
.sec-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}
.text-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:30px}
.ts-item{position:relative;border-top:3px solid var(--c);padding-top:12px;display:flex;flex-direction:column;gap:6px}
.ts-item h3{font-family:var(--serif);font-size:1.06rem;line-height:1.26;margin:0;font-weight:600;transition:color .2s}
.ts-item:hover h3{color:var(--hover)}
@media(max-width:980px){.lead-story{grid-template-columns:1fr;gap:16px}.lead-txt{padding:0 8px 10px}.sec-row,.text-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  .top{padding-top:16px}.lead-story{padding:0;border:0;box-shadow:none;background:transparent}.lead-img{border-radius:14px}.lead-txt{padding:0}
  .sec-row{grid-template-columns:1fr;gap:16px;margin-top:22px}.sec-row .card{flex-direction:row;gap:14px}.sec-row .card .thumb{width:118px;aspect-ratio:4/3;flex:none}.sec-row .card h3{font-size:1.02rem}
  .text-strip{grid-template-columns:1fr;gap:16px;margin-top:22px}
}

/* ---------- Colunistas ---------- */
.cols-sec{padding:52px 0;margin-top:8px;background:linear-gradient(180deg,var(--surface) 0%,var(--bg) 100%);border-block:1px solid var(--line)}
.col-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.col-feat{display:grid;grid-template-columns:210px minmax(0,1fr);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);position:relative;transition:transform .3s,box-shadow .3s}
.col-feat:hover{transform:translateY(-3px)}
.portrait{position:relative;min-height:280px;overflow:hidden;background:var(--surface-2)}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 25%;transition:transform .8s}
.col-feat:hover .portrait img{transform:scale(1.04)}
.portrait::after{content:"";position:absolute;inset:auto 0 0 0;height:40%;background:linear-gradient(transparent,rgba(5,12,35,.55))}
.portrait svg{width:88%;height:auto;position:relative;z-index:1}
.portrait .ini{position:absolute;top:14px;left:16px;font-weight:800;font-size:3.4rem;line-height:1;color:rgba(255,255,255,.14);letter-spacing:-.04em}
.portrait .ribbon{position:absolute;left:12px;bottom:12px;z-index:2;background:var(--sun);color:var(--navy);font-size:.62rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:5px 9px;border-radius:6px}
.pg1{background:radial-gradient(90% 60% at 80% 10%,rgba(246,176,30,.45),transparent 60%),linear-gradient(165deg,var(--blue),var(--navy))}
.pg2{background:radial-gradient(90% 60% at 20% 10%,rgba(11,107,242,.7),transparent 60%),linear-gradient(165deg,#15307D,#050C25)}
.col-feat .cbody{padding:26px 26px 22px;display:flex;flex-direction:column;gap:10px;position:relative}
.col-feat .cbody::before{content:"\201C";position:absolute;right:18px;top:-6px;font-family:var(--serif);font-size:7rem;line-height:1;color:var(--sun);opacity:.35}
.col-name{font-weight:800;font-size:1.08rem;display:flex;align-items:center;gap:8px}
.col-role{font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.col-feat h3{font-family:var(--serif);font-size:clamp(1.3rem,1rem + .7vw,1.65rem);line-height:1.16;margin:4px 0 0;font-weight:600;letter-spacing:-.01em;transition:color .2s}
.col-feat:hover h3{color:var(--hover)}
.col-feat .cfoot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line)}
.col-feat .read{display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.82rem;color:var(--blue)}
.col-feat .cfoot a.all{position:relative;z-index:2;font-size:.78rem;font-weight:700;color:var(--muted)}
.col-feat .cfoot a.all:hover{color:var(--hover)}
.col-mini-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:20px}
.col-mini .avatar{width:56px;height:56px}
.col-mini{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;position:relative;transition:.25s}
.col-mini:hover{border-color:var(--blue);transform:translateY(-2px)}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:50%}
.avatar{overflow:hidden;width:50px;height:50px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:.95rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy));box-shadow:0 0 0 3px var(--surface),0 0 0 4px var(--line)}
.col-mini .n{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.col-mini h4{font-family:var(--serif);font-size:1rem;margin:2px 0 0;line-height:1.25;font-weight:600}
.col-mini.all{justify-content:center;background:transparent;border-style:dashed;font-weight:800;color:var(--blue);font-size:.88rem;gap:8px}
@media(max-width:1060px){.col-feat-grid{grid-template-columns:1fr}.col-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .col-feat{grid-template-columns:128px minmax(0,1fr)}.portrait{min-height:220px}.portrait .ini{font-size:2.4rem}
  .col-feat .cbody{padding:18px 16px}.col-feat .cbody::before{font-size:4.5rem}
  .col-feat .cfoot a.all{display:none}
  .col-mini-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-16px;padding-inline:16px}
  .col-mini{min-width:80%;scroll-snap-align:start}
}

/* ---------- Conteúdo + barra lateral ---------- */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 336px;gap:44px;padding-block:52px}
.stack{display:flex;flex-direction:column;gap:52px;min-width:0}
.sidebar{display:flex;flex-direction:column;gap:28px;min-width:0}
.widget{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px}
.w-title{margin:0 0 16px;font-size:.82rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.w-title::before{content:"";width:18px;height:3px;border-radius:2px;background:var(--c,var(--sun))}
.sticky-side{position:sticky;top:78px}
.block-lead{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px}
.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px}
.two .card-h .thumb{width:96px}
@media(max-width:1060px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.sticky-side{position:static}}
@media(max-width:760px){.block-lead,.two{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr}.layout{padding-block:36px;gap:36px}.stack{gap:40px}}

/* Enquete */
.poll-q{font-family:var(--serif);font-size:1.2rem;font-weight:600;line-height:1.25;margin:0 0 14px}
.poll-opt{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--line);border-radius:11px;margin-bottom:8px;cursor:pointer;font-size:.9rem;font-weight:600;transition:.15s}
.poll-opt:hover{border-color:var(--blue)}
.poll-opt input{position:absolute;opacity:0;pointer-events:none}
.poll-opt .rb{width:18px;height:18px;border-radius:50%;border:2px solid var(--muted);flex:none;display:grid;place-items:center;transition:.15s}
.poll-opt input:checked+.rb{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px var(--surface)}
.poll-opt:has(input:checked){border-color:var(--blue);background:color-mix(in srgb,var(--blue) 7%,transparent)}
.poll-opt input:focus-visible+.rb{outline:3px solid var(--blue);outline-offset:2px}
.poll-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}
.poll-actions .btn{padding:11px 22px}
.poll-actions .btn:disabled{opacity:.45;cursor:not-allowed}
.linkish{font-size:.8rem;font-weight:700;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.linkish:hover{color:var(--hover)}
.bar{position:relative;padding:10px 12px;border-radius:10px;background:var(--surface-2);overflow:hidden;margin-bottom:8px;font-size:.86rem;font-weight:600;display:flex;justify-content:space-between;gap:10px}
.bar span{position:relative;z-index:1}
.bar b{position:relative;z-index:1;font-weight:800}
.bar .fill{position:absolute;inset:0 auto 0 0;width:0;background:color-mix(in srgb,var(--blue) 24%,transparent);transition:width 1.1s cubic-bezier(.2,.7,.2,1)}
.bar.top .fill{background:color-mix(in srgb,var(--blue) 40%,transparent)}
.bar.mine{box-shadow:inset 0 0 0 1.5px var(--sun)}
.poll-note{font-size:.72rem;color:var(--muted);margin-top:10px}

/* Mais lidas */
.rank{list-style:none;margin:0;padding:0;counter-reset:r}
.rank li{display:grid;grid-template-columns:42px 1fr;gap:6px;padding:12px 0;border-bottom:1px solid var(--line);position:relative;counter-increment:r}
.rank li:last-child{border:0;padding-bottom:0}
.rank li::before{content:counter(r);font-family:var(--serif);font-size:2.3rem;font-weight:700;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--blue)}
.rank li:hover::before{color:var(--blue)}
.rank a{font-weight:700;font-size:.92rem;line-height:1.32}
.rank a:hover{color:var(--hover)}
.rank .chip{margin-bottom:3px}

/* Parceiro / redes */
.partner{display:block;border-radius:12px;overflow:hidden;position:relative;aspect-ratio:960/470;background:#000}
.partner img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.partner:hover img{transform:scale(1.04)}
.partner-cap{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;font-size:.8rem;font-weight:700}
.partner-cap a{white-space:nowrap;color:var(--blue)}
.partner-cap a:hover{color:var(--hover)}

/* ---------- FIEPB News (widget lateral) ---------- */
.player{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}
.player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.pposter{position:absolute;inset:0;display:grid;place-items:center;cursor:pointer;background:radial-gradient(70% 90% at 70% 30%,rgba(11,107,242,.55),transparent 60%),linear-gradient(135deg,#0A1A4A,#030814);overflow:hidden;width:100%;color:#fff}
.pposter .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px}
.pposter .brandtag{position:absolute;top:12px;left:14px;display:flex;align-items:baseline;gap:6px;font-weight:800;letter-spacing:-.02em;font-size:1.05rem}
.pposter .brandtag i{font-style:normal;color:var(--sun)}
.play-btn{width:54px;height:54px;border-radius:50%;background:#fff;color:#FF0033;display:grid;place-items:center;box-shadow:0 0 0 8px rgba(255,255,255,.12);transition:transform .3s;position:relative;z-index:1}
.play-btn .icon{width:22px;height:22px;margin-left:3px}
.pposter:hover .play-btn{transform:scale(1.08)}
.fw-txt{font-size:.86rem;color:var(--muted);margin:12px 0 8px;line-height:1.45}
.fw-links{display:flex;justify-content:space-between;align-items:center;gap:8px}
.fw-links a{display:inline-flex;align-items:center;gap:6px;font-size:.8rem;font-weight:800}
.fw-links a .icon{color:#FF0033}
.file-note{margin:10px 0 0;font-size:.74rem;color:var(--muted)}

/* ---------- Shorts ---------- */
.shorts{padding:0}
.stack .sh-track{grid-auto-columns:calc((100% - 3*16px)/4.2)}
.shorts .sec-head h2::before{background:#FF0033}
.sh-nav{display:flex;gap:6px}
.sh-nav button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;transition:.2s}
.sh-nav button:hover{border-color:var(--blue);color:var(--hover)}
.sh-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5.25);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 8px;scroll-behavior:smooth}
.sh-track::-webkit-scrollbar{display:none}
.short{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#111;scroll-snap-align:start;color:#fff;text-align:left;display:block;width:100%;isolation:isolate;box-shadow:var(--shadow)}
.short img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s}
.short:hover img{transform:scale(1.06)}
.short::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 25%,transparent 50%,rgba(0,0,0,.85))}
.short .sbadge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:5px;font-size:.68rem;font-weight:800;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:5px 9px;border-radius:999px}
.short .sbadge .icon{color:#FF0033;width:14px;height:14px}
.short .splay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);opacity:0;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;display:grid;place-items:center;transition:.3s}
.short:hover .splay,.short:focus-visible .splay{opacity:1;transform:translate(-50%,-50%) scale(1)}
.short .st{position:absolute;left:14px;right:14px;bottom:14px;font-weight:700;font-size:.92rem;line-height:1.28}
.sh-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:.8rem;color:var(--muted);flex-wrap:wrap}
@media(max-width:1060px){.sh-track,.stack .sh-track{grid-auto-columns:calc((100% - 3*16px)/3.4)}}
@media(max-width:640px){.sh-track,.stack .sh-track{grid-auto-columns:46%;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px}}

/* 4 editorias */
.grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding-block:40px 20px}
.grid-4 .sec-head{margin-bottom:16px}
@media(max-width:1060px){.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.grid-4{grid-template-columns:1fr}}


/* ---------- Rodapé ---------- */
.footer{background:#050B20;color:#A9B5D4;padding:60px 0 26px;margin-top:64px;font-size:.9rem}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:36px}
.footer .flogo img{height:62px;width:auto}
.footer .slogan{margin:16px 0 20px;max-width:34ch;line-height:1.6}
.footer h4{color:#fff;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin:6px 0 16px}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.footer a:hover{color:#fff}
.social-big{display:flex;gap:8px;flex-wrap:wrap}
.social-big a{width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:#fff;transition:.25s}
.social-big a:hover{background:var(--bc,var(--blue));transform:translateY(-3px)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:44px;padding-top:22px;display:flex;justify-content:space-between;gap:16px;font-size:.8rem;flex-wrap:wrap}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.footer-grid{grid-template-columns:1fr}}

/* ---------- Gaveta (menu mobile) ---------- */
.drawer{position:fixed;inset:0;z-index:90;visibility:hidden;transition:visibility 0s .35s}
.drawer.open{visibility:visible;transition:none}
.scrim{position:absolute;inset:0;background:rgba(3,8,22,.55);opacity:0;transition:opacity .3s}
.drawer.open .scrim{opacity:1}
.drawer .panel{position:absolute;top:0;bottom:0;left:0;width:min(370px,88vw);background:var(--surface);transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.7,.2,1);overflow-y:auto;padding:18px 18px 28px;display:flex;flex-direction:column;gap:22px;box-shadow:var(--shadow)}
.drawer.open .panel{transform:none}
.drawer-top{display:flex;align-items:center;justify-content:space-between}
.drawer-top img{height:40px;width:auto}
.dr-h{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.dr-cats{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dr-cats a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-weight:700;font-size:.92rem}
.dr-cats a:hover{background:var(--surface-2)}
.dr-cols a{display:flex;align-items:center;gap:12px;padding:8px 6px;border-radius:10px;font-weight:700;font-size:.9rem}
.dr-cols a:hover{background:var(--surface-2)}
.dr-cols .avatar{width:34px;height:34px;font-size:.7rem;box-shadow:none}
.dr-a11y{display:flex;gap:8px;flex-wrap:wrap}
.pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:.85rem;background:var(--surface)}
.pill:hover{border-color:var(--blue)}

/* ---------- Busca ---------- */
.search-ov{position:fixed;inset:0;z-index:95;background:color-mix(in srgb,var(--bg) 94%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:none;padding:90px 16px 40px;overflow-y:auto}
.search-ov.open{display:block;animation:fade .25s}
@keyframes fade{from{opacity:0}}
.search-box{max-width:780px;margin:0 auto}
.search-field{display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--ink)}
.search-field .icon{width:28px;height:28px;color:var(--muted)}
.search-field input{flex:1;min-width:0;font-size:clamp(1.3rem,1rem + 1.5vw,2rem);font-family:var(--serif);padding:16px 0;border:0;background:transparent;color:var(--ink);outline:none}
.search-close{position:fixed;top:20px;right:20px}
.s-hints{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.s-res{display:flex;flex-direction:column;gap:18px;margin-top:22px}
.s-res mark{background:color-mix(in srgb,var(--sun) 45%,transparent);color:inherit;border-radius:3px;padding:0 2px}
.s-empty{color:var(--muted);padding:20px 0}

/* ---------- Modal (Shorts) ---------- */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center;background:rgba(3,8,22,.86);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px}
.modal.open{display:grid;animation:fade .25s}
.modal-box{position:relative;height:min(86vh,780px);aspect-ratio:9/16;max-width:100%;border-radius:20px;overflow:hidden;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6)}
.modal-box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.modal-yt{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;align-items:center;color:rgba(255,255,255,.85);font-size:.76rem;font-weight:700;width:calc(100% - 32px);text-align:center}
.modal-yt a{white-space:nowrap}
.modal-yt a{display:inline-flex;gap:6px;align-items:center;background:#FF0033;color:#fff;padding:7px 13px;border-radius:999px}
.modal-box{height:min(80vh,740px)!important}
.modal-x{position:absolute;top:16px;right:16px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.modal-x:hover{background:rgba(255,255,255,.22)}
.modal-arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center}
.modal-arrow:hover{background:rgba(255,255,255,.25)}
.modal-arrow.l{left:max(16px,calc(50% - min(86vh,780px)*9/32 - 76px))}
.modal-arrow.r{right:max(16px,calc(50% - min(86vh,780px)*9/32 - 76px))}

/* ---------- Página da notícia ---------- */
.progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--sun));width:0;z-index:70;transition:width .1s linear}
.art-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:44px;padding-block:32px 20px}
.crumbs{font-size:.8rem;color:var(--muted);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.crumbs a:hover{color:var(--hover)}
.art-title{font-family:var(--serif);font-size:clamp(1.9rem,1.1rem + 2.2vw,3.1rem);line-height:1.07;letter-spacing:-.022em;margin:16px 0 14px;font-weight:700;text-wrap:balance}
.art-lead{font-size:1.2rem;color:var(--ink-2);line-height:1.5;margin:0 0 22px;font-weight:500}
.byline{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line)}
.byline .who{font-weight:800;font-size:.92rem}
.byline .when{font-size:.78rem;color:var(--muted)}
.toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:26px}
.tools-l{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.tg{display:flex;align-items:center;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.tg button{height:36px;min-width:36px;padding:0 11px;border-radius:999px;font-weight:800;font-size:.82rem;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:.15s}
.tg button:hover{background:var(--surface-2)}
.tg .fs-label{font-size:.72rem;color:var(--muted);min-width:40px;text-align:center;font-weight:700}
.tg .listen-btn{background:var(--navy);color:#fff;padding:0 16px}
.tg .listen-btn:hover{background:var(--blue-2)}
.tg .listen-btn.on{background:var(--sun);color:var(--navy)}
.listen-status{font-size:.74rem;color:var(--muted);padding:0 8px;font-weight:700;white-space:nowrap}
.listen-bar{height:3px;border-radius:3px;background:var(--surface-2);overflow:hidden;margin:-14px 0 22px}
.listen-bar i{display:block;height:100%;width:0;background:var(--sun);transition:width .4s}
.share-row{display:flex;gap:6px;flex-wrap:wrap}
.sh{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--bc);transition:transform .2s,filter .2s;flex:none}
.sh:hover{transform:translateY(-2px);filter:brightness(1.1)}
.sh .icon{width:18px;height:18px}
.sh.neutral{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
.sh.neutral:hover{border-color:var(--blue)}
.art-figure{margin:0 0 30px}
.art-figure img{border-radius:var(--radius);aspect-ratio:16/9;object-fit:cover;width:100%;background:var(--surface-2)}
.art-figure figcaption{font-size:.8rem;color:var(--muted);margin-top:10px;display:flex;gap:6px}
.art-body{font-family:var(--serif);font-size:1.24rem;line-height:1.72;color:var(--ink);max-width:720px}
.art-body>p{margin:0 0 1.15em}
.art-body>p:first-of-type::first-letter{float:left;font-size:3.7em;line-height:.82;font-weight:700;margin:.08em .12em 0 0;color:var(--blue)}
.art-body h2{font-family:var(--ui);font-size:1.38rem;letter-spacing:-.01em;margin:1.7em 0 .6em;line-height:1.25}
.art-body blockquote{border-left:4px solid var(--sun);padding:4px 0 4px 22px;margin:1.6em 0;font-size:1.5rem;font-style:italic;color:var(--ink-2);line-height:1.4}
.art-body ul{padding-left:1.2em;margin:0 0 1.2em}
.art-body li{margin-bottom:.4em}
.art-body figure{margin:1.8em 0}
.art-body figure img{border-radius:12px;width:100%;aspect-ratio:3/2;object-fit:cover}
.art-body figcaption{font-family:var(--ui);font-size:.8rem;color:var(--muted);margin-top:8px}
.art-body a{color:var(--hover);text-decoration:underline;text-underline-offset:3px}
.reading{background:color-mix(in srgb,var(--sun) 26%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--sun) 26%,transparent);border-radius:4px;transition:background .3s,box-shadow .3s}

.tags{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0}
.tags a{padding:7px 13px;border-radius:999px;background:var(--surface-2);font-size:.8rem;font-weight:700}
.tags a:hover{background:var(--blue);color:#fff}
.share-end{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:18px 20px;border-radius:14px;background:var(--surface);border:1px solid var(--line)}
.share-end b{font-size:.95rem}
.author-box{display:flex;gap:18px;align-items:center;margin:28px 0;padding:22px;border-radius:var(--radius);background:linear-gradient(135deg,color-mix(in srgb,var(--blue) 8%,var(--surface)),var(--surface));border:1px solid var(--line)}
.author-box .avatar{width:68px;height:68px;font-size:1.2rem}
.author-box h4{margin:0 0 4px;font-size:1.05rem}
.author-box p{margin:0;color:var(--muted);font-size:.9rem}
.related{padding-block:36px 10px}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.m-actions{display:none}
@media(max-width:1180px){.art-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:960px){
  .art-layout{grid-template-columns:1fr;padding-top:20px}
  .grid-3{grid-template-columns:1fr}
  .art-body{font-size:1.14rem}
  .art-side .sticky-side{position:static}
  .m-actions{display:flex;position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:60;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:6px;justify-content:space-around;transform:translateY(140%);visibility:hidden;transition:transform .35s,visibility .35s}
  .m-actions.show{transform:none;visibility:visible}
  .m-actions button{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 4px;border-radius:12px;font-size:.66rem;font-weight:700;color:var(--ink-2)}
  .m-actions button .icon,.m-actions button b{width:20px;height:20px;font-size:.95rem;line-height:20px}
  .m-actions button.on{color:var(--blue)}
  body.in-article .to-top{bottom:96px}
}
@media(max-width:640px){.tools-l{width:100%}.toolbar .share-row{display:none}.tg .listen-status{display:none}}

/* Página de editoria */
.arch-head{padding:44px 0 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,color-mix(in srgb,var(--c) 10%,var(--surface)),var(--bg))}
.arch-head h1{font-family:var(--serif);font-size:clamp(2.2rem,1.2rem + 3vw,3.6rem);margin:8px 0 6px;letter-spacing:-.02em;line-height:1}
.arch-head p{margin:0;color:var(--muted)}
.arch-head .bar-c{width:64px;height:6px;border-radius:3px;background:var(--c)}
.arch-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding:36px 0}
.arch-grid .card:first-child{grid-column:span 2;grid-row:span 2}
.arch-grid .card:first-child h3{font-size:clamp(1.4rem,1rem + 1vw,2rem)}
.pager{display:flex;gap:6px;justify-content:center;padding:10px 0 20px}
.pager a{min-width:40px;height:40px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);font-weight:700;background:var(--surface)}
.pager a.on{background:var(--blue);color:#fff;border-color:var(--blue)}
@media(max-width:860px){.arch-grid{grid-template-columns:1fr 1fr}.arch-grid .card:first-child{grid-column:1/-1;grid-row:auto}}
@media(max-width:520px){.arch-grid{grid-template-columns:1fr}}

/* ---------- Utilitários flutuantes ---------- */
.to-top{position:fixed;right:18px;bottom:18px;z-index:55;width:48px;height:48px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:.3s}
.to-top.show{opacity:1;transform:none;pointer-events:auto}
.to-top:hover{background:var(--blue)}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,30px);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:12px;font-weight:700;font-size:.88rem;z-index:120;opacity:0;pointer-events:none;transition:.3s;box-shadow:var(--shadow);max-width:calc(100vw - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
body.in-article .sheet{position:fixed;inset:0;z-index:110;display:none}
.sheet.open{display:block}
.sheet .scrim{opacity:1}
.sheet-box{position:absolute;left:0;right:0;bottom:0;background:var(--surface);border-radius:22px 22px 0 0;padding:14px 20px calc(24px + env(safe-area-inset-bottom));animation:up .3s cubic-bezier(.2,.7,.2,1)}
@keyframes up{from{transform:translateY(100%)}}
.sheet-box .grab{width:44px;height:5px;border-radius:3px;background:var(--line);margin:0 auto 16px}
.sheet-box h4{margin:0 0 14px;font-size:1rem}
.sheet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 8px}
.sheet-grid a,.sheet-grid button{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.72rem;font-weight:700}
.sheet-grid .sh{width:52px;height:52px}
.sheet-grid .sh .icon{width:22px;height:22px}

/* =========================================================
   WordPress — complementos do tema
   ========================================================= */
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.admin-bar .mainnav{top:32px}
@media(max-width:782px){.admin-bar .mainnav{top:0}}
.chips{display:flex;gap:8px;align-items:center;flex-wrap:wrap;position:relative;z-index:2}
a.chip:hover{text-decoration:underline;text-underline-offset:3px}
.lead-txt .chip,.art-head .chip{position:relative;z-index:2}
.thumb img,.lead-img img{width:100%;height:100%;object-fit:cover}
.ph{display:block;width:100%;height:100%;background:radial-gradient(60% 80% at 80% 20%,rgba(246,176,30,.35),transparent 60%),linear-gradient(135deg,var(--blue),var(--navy))}
.lead-img .ph{min-height:100%}
.portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.portrait .ini,.avatar .ini{display:grid;place-items:center;width:100%;height:100%;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--blue),var(--navy))}
.portrait .ini{position:absolute;inset:0;font-size:3.4rem}
.avatar img,.avatar .av-img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:50%}
.rank li>div{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.rank .rank-t{font-weight:700;font-size:.92rem;line-height:1.32}
.rank .rank-t:hover{color:var(--hover)}
.grid4-more{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
@media(max-width:760px){.grid-3{grid-template-columns:1fr}}
.pposter img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.85;transition:opacity .3s}
.pposter:hover img{opacity:1}
.pposter::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.5))}
.play-btn{z-index:2}

/* Menu do celular */
.dr-cats ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px}
.dr-cats li{display:contents}
.dr-cats .sub-menu{display:contents}
.dr-cats a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;font-weight:700;font-size:.92rem}
.dr-cats a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--blue));flex:none}
.dr-cats a:hover{background:var(--surface-2)}
.dr-cats li.menu-item-has-children>a[href="#"]{display:none}
.dr-cols .dc-n{display:block}
.dr-cols .dc-t{display:block;font-weight:500;font-size:.8rem;color:var(--muted)}
.drawer-top a{display:block}

/* Busca */
.search-inline{display:flex;gap:8px;max-width:560px;margin-top:16px}
.search-inline input{flex:1;min-width:0;padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-size:1rem}
.search-list{padding:32px 0;max-width:860px}
.s-res a.s-item{display:block;padding:14px 0;border-bottom:1px solid var(--line);font-family:var(--serif);font-size:1.15rem;font-weight:600}
.s-res a.s-item:hover{color:var(--hover)}
.s-res .s-all{display:inline-block;margin-top:14px;font-weight:800;color:var(--blue)}

/* Listas (editoria, colunista, busca) */
.arch-head h1{font-family:var(--serif);font-size:clamp(2rem,1.2rem + 2.6vw,3.3rem);margin:8px 0 6px;letter-spacing:-.02em;line-height:1.02}
.arch-head .bar-c{margin-top:18px}
.arch-title{display:flex;align-items:center;gap:20px}
.arch-avatar{width:96px!important;height:96px!important;box-shadow:0 0 0 4px var(--surface),0 0 0 5px var(--line)}
.arch-head.plain{background:none;padding:36px 0 10px}
.arch-ad{padding-bottom:0}
.arch-grid.paged .card:first-child{grid-column:auto;grid-row:auto}
.pager .page-numbers{min-width:40px;height:40px;padding:0 10px;display:grid;place-items:center;border-radius:10px;border:1px solid var(--line);font-weight:700;background:var(--surface)}
.pager .page-numbers.current{background:var(--blue);color:#fff;border-color:var(--blue)}
.pager .page-numbers.dots{border:0;background:none}

/* Conteúdo da notícia (blocos do editor) */
.art-body img{max-width:100%;height:auto;border-radius:12px}
.art-body figure{margin:1.8em 0}
.art-body figcaption,.wp-caption-text{font-family:var(--ui);font-size:.8rem;color:var(--muted);margin-top:8px}
.art-body .wp-block-embed iframe,.art-body iframe{max-width:100%;border-radius:12px}
.art-body .wp-block-embed__wrapper{position:relative}
.art-body .alignleft{float:left;margin:.3em 1.2em 1em 0;max-width:50%}
.art-body .alignright{float:right;margin:.3em 0 1em 1.2em;max-width:50%}
.art-body .aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.art-body .wp-block-quote,.art-body blockquote{border-left:4px solid var(--sun);padding:4px 0 4px 22px;margin:1.6em 0;font-size:1.4rem;font-style:italic;color:var(--ink-2);line-height:1.4}
.art-body .wp-block-quote p{margin:0 0 .4em}
.art-body .wp-block-pullquote{border-top:3px solid var(--sun);border-bottom:3px solid var(--sun);padding:1em 0;text-align:center}
.art-body table{width:100%;border-collapse:collapse;font-family:var(--ui);font-size:.92rem}
.art-body th,.art-body td{border:1px solid var(--line);padding:8px 10px}
.art-body .ad-zone{font-family:var(--ui);margin:2em 0;padding:0}
.art-body .ad-zone>small{font-size:.58rem}
.page-layout{max-width:860px;padding:32px 24px 20px}
.page-body>p:first-of-type::first-letter{all:unset}
.notfound{text-align:center;padding:60px 24px}
.notfound .nf-code{font-family:var(--serif);font-size:6rem;font-weight:700;line-height:1;margin:0;color:var(--blue)}
.notfound .search-inline{margin:20px auto 40px}
.notfound .related{text-align:left}

/* Comentários */
.comments{margin:36px 0;padding-top:24px;border-top:1px solid var(--line)}
.comments-title,.comment-reply-title{font-size:1.2rem;margin:0 0 16px}
.comment-list{list-style:none;padding:0;margin:0 0 24px}
.comment-list .comment{padding:14px 0;border-bottom:1px solid var(--line)}
.comment-list .children{list-style:none;padding-left:24px}
.comment-meta{display:flex;align-items:center;gap:10px;font-size:.82rem}
.comment-meta img{border-radius:50%}
.comment-content{font-size:.95rem}
.comment-form label{display:block;font-weight:700;font-size:.85rem;margin-bottom:4px}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}

/* Enquetes */
.poll fieldset{border:0;margin:0;padding:0;min-width:0}
.poll-res{margin-top:4px}
.poll-more{margin:10px 0 0}
.poll-msg{font-size:.82rem;font-weight:700;color:var(--blue);margin:8px 0 0}
.poll-archive{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:36px 0}
.poll-card .poll{border:0;padding:0;background:none}
.poll-card .poll-more{display:none}
.poll-card .ok{color:#16a34a}
.poll-single{max-width:620px;margin:20px 0 40px}
@media(max-width:760px){.poll-archive{grid-template-columns:1fr}}

.rank a.chip{font-size:.68rem;font-weight:800}
.col-list .card h3{font-size:1.35rem}
.col-list .card-h .thumb{width:180px}
@media(max-width:600px){.col-list .card-h .thumb{width:110px}}

/* Colunistas: página e lista */
.arch-head.is-col{background:linear-gradient(180deg,color-mix(in srgb,#F6B01E 14%,var(--surface)),var(--bg))}
.col-index{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:36px 0}
.col-card{position:relative;display:flex;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.25s}
.col-card:hover{border-color:#D99A0B;transform:translateY(-2px)}
.col-card .avatar{width:84px;height:84px;font-size:1.3rem}
.col-card h2{font-family:var(--serif);font-size:1.35rem;margin:0 0 4px}
.col-card .bio{margin:0 0 6px;color:var(--muted);font-size:.9rem}
.col-card .last{margin:0;font-size:.86rem;font-weight:600}
.col-card .last span{color:#D99A0B;font-weight:800;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:760px){.col-index{grid-template-columns:1fr}}
.chip-col{--c:#D99A0B}

/* FIEPB News — vídeo vertical */
.fiepb-v{position:relative;aspect-ratio:9/16;max-height:640px;width:100%;margin:0 auto;border-radius:14px;overflow:hidden;background:#000}
.fiepb-v video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#000}
.fiepb-v .fv-play{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.45));cursor:pointer;border:0;z-index:2}
.fiepb-v.playing .fv-play{display:none}
.fiepb-v .play-btn{width:64px;height:64px}
.fv-title{font-family:var(--serif);font-weight:600;font-size:1.05rem;line-height:1.3;margin:12px 0 4px}
