/*
Theme Name: Átila 20 anos
Theme URI: https://atilalemos.com.br
Author: Dialogue Comunicação Digital
Author URI: https://agenciadialogue.com.br
Description: Tema leve de notícias do Portal Átila Lemos, feito sobre o esboço da home de 20 anos. Sem construtor de páginas, com posições do Advanced Ads.
Version: 1.3.2
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: atila20
*/
:root{
  --red:#E3262F;--red-dark:#B81C24;--red-soft:#FDECEC;--ink:#16171B;--ink-2:#2A2C33;--paper:#F5F3EF;--white:#fff;
  --muted:#6B6E76;--line:#E5E1DA;--green:#1F7A3A;--green-soft:#E6F4EA;
  --f-head:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-body:'DM Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --wrap:1192px;--gap:24px;--radius:10px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.55 var(--f-body)}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{position:fixed;top:8px;left:8px;z-index:999;background:#fff;padding:8px 12px;clip:auto;width:auto;height:auto}
.wrap{max-width:calc(var(--wrap) + 32px);margin:0 auto;padding:0 16px}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .4em}
.red{color:var(--red)}

/* ===== Topbar ===== */
.topbar{background:var(--ink);color:#C9CBD1;font-size:13px}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px}
.topbar strong{color:#fff;font-weight:700}
.topbar__links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.topbar__links a{color:#E6E7EA}.topbar__links a:hover{color:#fff}

/* ===== Brand ===== */
.brand{background:#fff}
.brand .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;padding-bottom:24px}
.brand__id{display:flex;align-items:center;gap:18px}
.brand__logo img{max-height:46px;width:auto}
.wordmark{font:900 40px/1 var(--f-head);text-transform:uppercase;letter-spacing:-.045em;color:var(--ink)}
.wordmark span{color:var(--red)}
.seal20{display:flex;align-items:center;gap:8px;border-left:2px solid var(--ink);padding-left:18px}
.seal20__num{font:900 38px/1 var(--f-head);letter-spacing:-.04em;display:flex;align-items:center}
.seal20__zero{display:inline-block;width:.7em;height:.88em;border:.17em solid var(--red);border-radius:50%;margin-left:.02em}
.seal20__txt{font:800 12px/1.15 var(--f-head);text-transform:uppercase;letter-spacing:.04em}
.brand__actions{display:flex;align-items:center;gap:12px}
.pill-search{display:flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:0 16px;width:260px;height:42px}
.pill-search input{border:0;background:transparent;font:inherit;font-size:15px;width:100%;outline:0}
.pill-search button{background:none;border:0;padding:0;color:var(--muted);cursor:pointer;display:flex}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;border:0;border-radius:999px;padding:12px 18px;font:700 15px/1 var(--f-body);cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--red-dark);color:#fff}
.btn--dark{background:var(--ink)}.btn--dark:hover{background:#000}
.btn--green{background:var(--green)}.btn--green:hover{background:#17602D}

/* ===== Nav ===== */
.mainnav{background:var(--red);position:sticky;top:0;z-index:50}
.admin-bar .mainnav{top:32px}
.mainnav .wrap{display:flex;align-items:center;gap:8px;min-height:48px}
.mainnav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px}
.mainnav li{position:relative}
.mainnav a{display:block;color:#fff;font:700 15px/1 var(--f-body);padding:11px 12px;border-radius:4px}
.mainnav a:hover,.mainnav .current-menu-item>a,.mainnav .current-category-ancestor>a,.mainnav .current-menu-ancestor>a{background:var(--red-dark);color:#fff}
.mainnav .sub-menu{display:none;position:absolute;left:0;top:100%;background:var(--ink);min-width:200px;flex-direction:column;align-items:stretch;padding:6px;border-radius:0 0 6px 6px}
.mainnav li:hover>.sub-menu,.mainnav li:focus-within>.sub-menu{display:flex}
.nav-toggle{background:none;border:0;color:#fff;padding:10px 6px;cursor:pointer;display:none}

/* ===== Ticker ===== */
.ticker{background:#fff;border-bottom:1px solid var(--line)}
.ticker .wrap{display:flex;align-items:center;gap:14px;min-height:44px;overflow:hidden}
.ticker__label{flex:none;background:var(--red);color:#fff;font:800 11px/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;padding:6px 9px;border-radius:3px}
.ticker__list{display:flex;gap:16px;overflow-x:auto;scrollbar-width:none;white-space:nowrap;font-size:14.5px}
.ticker__list::-webkit-scrollbar{display:none}
.ticker__list b{font-weight:700;margin-right:5px}

/* ===== Ads ===== */
.adslot{display:flex;justify-content:center;align-items:center;margin:20px auto;max-width:100%;overflow:hidden}
.adslot img{margin:0 auto}
.adslot--side{flex-direction:column;gap:16px;margin:0}
.adrot__item[hidden]{display:none}
.ad-deitado{display:block;width:100%;max-width:920px;margin:0 auto;line-height:0}
.ad-deitado__wide{display:block;width:100%;height:auto;aspect-ratio:920/250}
.ad-deitado__tall{display:none;margin:0 auto}
@media (max-width:600px){.ad-deitado__wide{display:none}.ad-deitado__tall{display:block}}
.sidebar .adslot--side{gap:20px}
.adslot__ph{width:100%;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;border:2px dashed #C7C2B9;border-radius:6px;color:#7A766F;font:700 13px/1.3 var(--f-body);text-transform:uppercase;letter-spacing:.02em;background:repeating-linear-gradient(135deg,#F0EDE7 0 14px,#E9E5DE 14px 28px);text-align:center;padding:8px;margin:0 auto}
.adslot__ph small{font-weight:400;text-transform:none;font-size:12px}

/* ===== Sections ===== */
.main{padding:8px 0 48px}
.sec{margin:0 0 48px}
.sec__head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;border-bottom:3px solid var(--ink);padding-bottom:10px;margin-bottom:20px}
.sec__title{font:800 28px/1.1 var(--f-head);letter-spacing:-.035em;margin:0}
.sec__more{font:700 14px/1 var(--f-body);color:var(--red-dark);white-space:nowrap}
.sec__more:hover{color:var(--red)}
.kicker{display:inline-block;font:800 12px/1 var(--f-head);text-transform:uppercase;letter-spacing:.08em;color:var(--red-dark);margin-bottom:8px}
.meta{font-size:13px;color:var(--muted)}
.box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.box__title{font:700 17px/1.2 var(--f-body);margin:0 0 10px}
.ph{background:repeating-linear-gradient(135deg,#DBD6CE 0 16px,#D3CEC5 16px 32px);display:flex;align-items:center;justify-content:center;color:#7A766F;font:700 13px/1 var(--f-body);text-transform:uppercase}

/* ===== Hero ===== */
.hero{display:grid;grid-template-columns:minmax(0,563fr) minmax(0,281fr) minmax(0,300fr);gap:24px;margin:28px 0 56px}
.media{display:block;border-radius:var(--radius);overflow:hidden;background:#DDD8CF}
.media img{width:100%;height:100%;object-fit:cover}
.lead .media{aspect-ratio:563/400;margin-bottom:16px}
.lead h2{font:800 clamp(28px,3.1vw,40px)/1.05 var(--f-head);letter-spacing:-.04em;margin:0 0 10px}
.lead p{font-size:17px;color:var(--ink-2);margin:0 0 6px}
.dest{display:flex;flex-direction:column;gap:24px}
.lead__more{margin-top:22px}
.lead__more .mini{grid-template-columns:150px minmax(0,1fr)}
.lead__more .mini .media{aspect-ratio:150/96}
.lead__more .mini h3{font-size:17px}
.dest .media{aspect-ratio:281/170;margin-bottom:12px}
.card-t{font:700 20px/1.18 var(--f-body);letter-spacing:-.01em;margin:0 0 6px}
.rank{list-style:none;margin:0;padding:0;counter-reset:n}
.rank li{display:flex;gap:16px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--line)}
.rank li:last-child{border-bottom:0}
.rank li::before{counter-increment:n;content:counter(n);font:900 26px/1 var(--f-head);color:var(--red);min-width:18px}
.rank a{font:600 15px/1.3 var(--f-body)}
.side-col{display:flex;flex-direction:column;gap:20px}

/* ===== Faixa 20 anos ===== */
.band20{background:var(--ink);color:#fff;border-radius:16px;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;overflow:hidden;margin:0 0 56px;min-height:452px}
.band20__txt{padding:44px}
.chip{display:inline-block;background:var(--red);color:#fff;font:800 12px/1 var(--f-head);letter-spacing:.1em;padding:6px 8px;border-radius:3px}
.band20 h2{font:800 clamp(36px,4.2vw,52px)/1.02 var(--f-head);letter-spacing:-.045em;margin:16px 0 18px;max-width:520px}
.band20 h2 span{color:var(--red)}
.band20 p{font-size:18px;color:#D6D7DB;max-width:500px;margin:0 0 28px}
.stats{display:flex;gap:28px;margin-bottom:26px;flex-wrap:wrap}
.stats b{display:block;font:800 30px/1 var(--f-head);letter-spacing:-.04em}
.stats span{font-size:13px;color:#BFC1C7}
.band20__img{align-self:stretch;display:flex;justify-content:flex-end;align-items:flex-end}
.band20__img img{max-height:452px;width:auto}

.band-ad{margin:0 0 48px}
.band-ad .adslot{margin:0 auto}

/* ===== Vagas ===== */
.chips{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.chips button{font:600 14px/1 var(--f-body);background:#fff;border:1px solid var(--line);color:var(--ink);padding:10px 14px;border-radius:999px;cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.vagas{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px}
.vagas__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}
.vaga{background:#fff;border:1px solid var(--line);border-left:4px solid var(--red);border-radius:8px;padding:14px 18px;min-height:92px}
.vaga[hidden]{display:none}
.vaga .kicker{font-size:11.5px;margin-bottom:6px}
.vaga h3{font:700 17px/1.25 var(--f-body);margin:0 0 4px}
.vaga p{margin:0;font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wa-card{position:relative;border-radius:var(--radius);overflow:hidden;min-height:304px;display:flex;align-items:flex-end;background:var(--ink);color:#fff}
.wa-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.wa-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,23,27,0) 30%,rgba(22,23,27,.85) 100%)}
.wa-card__txt{position:relative;z-index:1;padding:20px}
.wa-card__txt strong{display:block;font:700 22px/1.15 var(--f-body);margin-top:8px}
.wa-card:hover{color:#fff}

/* ===== Polícia / Itabira / Utilidade ===== */
.trio{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 320px;gap:28px;align-items:start}
.mini{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.mini .media{aspect-ratio:110/76;border-radius:8px}
.mini h3{font:700 16px/1.25 var(--f-body);margin:2px 0 0}
.util{list-style:none;margin:0;padding:0}
.util li{border-bottom:1px solid var(--line)}
.util li:last-child{border-bottom:0}
.util a{display:flex;align-items:center;gap:14px;padding:12px 0;font:600 16px/1.2 var(--f-body)}
.util .ico{flex:none;width:34px;height:34px;border-radius:8px;background:var(--red-soft);color:var(--red);display:flex;align-items:center;justify-content:center}

/* ===== Grids ===== */
.grid{display:grid;gap:var(--gap)}
.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.card .media{aspect-ratio:283/150;margin-bottom:12px}
.card .card-t{font-size:17px}
.reels{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.reel{position:relative;aspect-ratio:227/404;border-radius:var(--radius);overflow:hidden;display:flex;align-items:flex-end;color:#fff;background:#DDD8CF}
.reel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.reel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.7))}
.reel span{position:relative;z-index:1;padding:12px;font:700 14px/1.25 var(--f-body)}
.reel:hover{color:#fff}
.logos{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}
.logos a,.logos div{background:#fff;border:1px solid var(--line);border-radius:8px;height:84px;display:flex;align-items:center;justify-content:center;padding:8px;font:700 14px/1 var(--f-body)}
.logos img{max-height:66px;width:auto;object-fit:contain}
.ctas{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.cta{border-radius:var(--radius);padding:30px 28px}
.cta .kicker{letter-spacing:.1em}
.cta h2{font:800 27px/1.12 var(--f-head);letter-spacing:-.035em;margin:0 0 16px;max-width:520px}
.cta--wa{background:var(--green-soft)}.cta--wa .kicker{color:var(--green)}
.cta--biz{background:var(--red);color:#fff}.cta--biz .kicker{color:#fff}

/* ===== Single / Archive ===== */
.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;align-items:start;margin-top:28px}
.sidebar{display:flex;flex-direction:column;gap:20px}
.article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px clamp(16px,4vw,40px)}
.crumbs{font-size:13px;color:var(--muted);margin-bottom:10px}
.crumbs a{color:var(--red-dark);font-weight:700}
.article__title{font:800 clamp(30px,4vw,44px)/1.06 var(--f-head);letter-spacing:-.04em;margin:6px 0 12px}
.article__excerpt{font-size:19px;color:var(--ink-2);margin:0 0 16px}
.article__meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:14px;color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px 0;margin-bottom:20px}
.share{display:flex;gap:8px;margin-left:auto}
.share a,.share button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--paper);border:0;color:var(--ink);cursor:pointer}
.share a:hover,.share button:hover{background:var(--red);color:#fff}
.article__figure{margin:0 0 20px}
.article__figure img{border-radius:8px;width:100%}
.article__figure figcaption{font-size:13px;color:var(--muted);padding-top:6px}
.entry{font-size:18px;line-height:1.72}
.entry p{margin:0 0 1.1em}
.entry h2,.entry h3{font-family:var(--f-head);margin-top:1.4em}
.entry a{color:var(--red-dark);text-decoration:underline;text-underline-offset:2px}
.entry blockquote{border-left:4px solid var(--red);margin:1.4em 0;padding:4px 0 4px 18px;font-style:italic;color:var(--ink-2)}
.entry img,.entry iframe,.entry video{max-width:100%}
.entry figure{margin:1.4em 0}
.entry figcaption{font-size:13px;color:var(--muted)}
.tags{margin-top:20px;display:flex;flex-wrap:wrap;gap:8px}
.tags a{background:var(--paper);padding:6px 10px;border-radius:20px;font-size:13px}
.wa-cta{display:flex;align-items:center;gap:12px;background:var(--green-soft);border-radius:8px;padding:14px 16px;margin:24px 0;font-weight:600;color:var(--green)}
.archive-head{border-bottom:3px solid var(--ink);padding-bottom:10px;margin-bottom:8px}
.archive-head h1{font:800 34px/1.1 var(--f-head);letter-spacing:-.035em;margin:0}
.row-card{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}
.row-card .media{aspect-ratio:16/10}
.row-card p{margin:6px 0 0;color:var(--ink-2);font-size:15px}
.pagination .nav-links{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.pagination .page-numbers{background:#fff;border:1px solid var(--line);padding:9px 14px;border-radius:8px;font-weight:700}
.pagination .current{background:var(--red);border-color:var(--red);color:#fff}

/* ===== Footer ===== */
.footer{background:var(--ink);color:#C9CBD1;padding:48px 0 0;font-size:15px;margin-top:8px}
.footer a{color:#C9CBD1}.footer a:hover{color:#fff}
.footer__grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:32px}
.footer .wordmark{color:#fff;font-size:28px}
.footer h3{font:700 15px/1 var(--f-body);color:#fff;margin:6px 0 16px}
.footer ul{list-style:none;margin:0;padding:0}
.footer li{padding:3px 0}
.footer__bottom{border-top:1px solid #2E3038;margin-top:32px;padding:18px 0;font-size:13px;color:#9EA1A9}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:60;width:54px;height:54px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.wa-float:hover{color:#fff}

/* ===== Responsivo ===== */
@media (max-width:1100px){
  .hero{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .side-col{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .trio{grid-template-columns:1fr 1fr}
  .trio>aside{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}
  .logos{grid-template-columns:repeat(4,minmax(0,1fr))}
  .layout{grid-template-columns:1fr}
  .sidebar{position:static}
  .pill-search{width:200px}
}
@media (max-width:860px){
  .topbar__links--right{display:none}
  .brand .wrap{flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
  .brand__actions{width:100%}
  .pill-search{flex:1;width:auto}
  .brand__actions .btn--dark{display:none}
  .nav-toggle{display:flex}
  .mainnav .menu{display:none;position:absolute;left:0;right:0;top:100%;background:var(--red);flex-direction:column;align-items:stretch;padding:8px 16px 16px;max-height:75vh;overflow:auto}
  .mainnav.is-open .menu{display:flex}
  .mainnav .sub-menu{position:static;display:flex;background:var(--red-dark)}
  .mainnav .wrap{position:relative}
  .hero,.vagas,.band20,.ctas{grid-template-columns:1fr}
  .lead__more .mini{grid-template-columns:110px minmax(0,1fr)}
  .band20__txt{padding:28px 22px 0}
  .band20__img{justify-content:center}
  .band20__img img{max-height:320px}
  .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reels{grid-template-columns:repeat(5,64%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}
  .reel{scroll-snap-align:start}
  .footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .wordmark{font-size:28px}
  .seal20{padding-left:12px}.seal20__num{font-size:28px}.seal20__txt{font-size:10px}
  .brand__actions .btn{padding:12px 14px;font-size:14px}
  .side-col,.trio,.trio>aside,.vagas__grid,.grid-3{grid-template-columns:1fr}
  .grid-4{grid-template-columns:1fr 1fr;gap:16px}
  .grid-4 .card-t{font-size:15px}
  .logos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sec__title{font-size:24px}
  .row-card{grid-template-columns:110px minmax(0,1fr);gap:12px}
  .row-card p{display:none}
  .entry{font-size:17px}
  .share{margin-left:0}
  .footer__grid{grid-template-columns:1fr}
  .reels{grid-template-columns:repeat(5,46%)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}