@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#2f5fb3;--blue2:#3264b8;--pale:#d7e1ef;--gold:#ffbd32;--ink:#17223a;--muted:#64748b;--line:#e5e7eb;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'Montserrat',Arial,Helvetica,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}.top{background:var(--blue);color:#fff}.brand{height:108px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:13px;font-size:31px;font-weight:800}.mark{width:48px;height:38px;border:2px solid #fff;position:relative}.mark:before{content:'N';position:absolute;font-size:38px;font-weight:900;left:5px;top:-5px}.tag{font-size:13px;opacity:.88}.nav{background:#fff;border-bottom:3px solid var(--gold);box-shadow:0 1px 5px #0000000e}.navin{height:54px;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;overflow:auto;white-space:nowrap}.nav a:hover{color:var(--blue)}.ad{height:150px;background:#f3f5f8;margin:28px auto;display:flex;align-items:center;justify-content:center;color:#9aa4b2;font-size:12px;letter-spacing:.15em}.hero{display:grid;grid-template-columns:1.12fr 1.08fr .72fr;gap:22px;padding:10px 0 24px;border-bottom:1px solid var(--line)}.photo{background:linear-gradient(145deg,#8aa5cf,#d7e1ef);min-height:305px;position:relative;overflow:hidden}.photo:after{content:'FOTO DA NOTÍCIA';position:absolute;inset:auto 15px 15px;color:white;font-weight:700;font-size:12px}.kicker{color:var(--blue);font-weight:800;font-size:12px;margin-bottom:8px}.headline{font-family:'Montserrat',Arial,Helvetica,sans-serif;font-weight:800;font-size:42px;line-height:.99;margin:0 0 12px;color:#25304b}.deck{font-family:'Montserrat',Arial,Helvetica,sans-serif;color:#596579;font-size:15px;line-height:1.45}.sidepic{height:155px;background:#d7e1ef;margin-bottom:12px}.side h2{font:700 24px/1.05 'Montserrat',Arial,Helvetica,sans-serif;margin:5px 0}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:20px 0 35px}.mini{font:700 15px/1.25 'Montserrat',Arial,Helvetica,sans-serif;border-left:5px solid var(--gold);padding-left:12px}.section{padding:30px 0}.section-title{display:flex;align-items:center;gap:12px;font-size:22px;color:var(--blue);margin:0 0 18px}.section-title:after{content:'';height:3px;background:var(--gold);flex:1}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card-img{height:165px;background:#d7e1ef}.card .kicker{margin-top:12px}.card h3{font:700 22px/1.1 'Montserrat',Arial,Helvetica,sans-serif;margin:0}.footer{margin-top:50px;background:var(--blue);color:#fff;padding:42px 0}.footerin{display:flex;justify-content:space-between;gap:25px;align-items:center}.article-layout{display:grid;grid-template-columns:minmax(0,720px) 300px;gap:42px}.crumb{font-size:12px;color:#778397;margin:28px 0}.article h1{font:800 48px/1.03 'Montserrat',Arial,Helvetica,sans-serif;margin:8px 0 14px;color:#25304b}.article .subtitle{font:18px/1.45 'Montserrat',Arial,Helvetica,sans-serif;color:#687386}.meta{font-size:12px;color:#6b7280;margin:18px 0}.share{display:flex;gap:8px;margin:18px 0 26px}.share button{border:0;border-radius:18px;padding:9px 14px;font-weight:700;cursor:pointer}.main-img{height:430px;background:#d7e1ef;position:relative}.caption{font-size:11px;color:#7a8492;margin:7px 0 24px}.bodytext{font:18px/1.72 'Montserrat',Arial,Helvetica,sans-serif;color:#293449}.bodytext p{margin:0 0 22px}.sidebar .ad{height:310px;margin-top:0}.trending h3{border-bottom:3px solid var(--gold);padding-bottom:8px;color:var(--blue)}.trend{display:grid;grid-template-columns:80px 1fr;gap:10px;border-bottom:1px solid var(--line);padding:12px 0}.thumb{background:#d7e1ef;height:62px}.trend b{font:700 14px/1.15 'Montserrat',Arial,Helvetica,sans-serif}.back{display:inline-block;margin-top:20px;color:var(--blue);font-weight:700}@media(max-width:800px){.brand{height:82px}.tag{display:none}.hero{grid-template-columns:1fr}.headline{font-size:36px}.photo{min-height:230px}.side{display:grid;grid-template-columns:120px 1fr;gap:14px}.sidepic{height:100px}.side h2{font-size:20px}.mini-grid,.cards{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.sidebar{order:2}.article h1{font-size:38px}.main-img{height:260px}.footerin{display:block}.navin{gap:20px}}
/* Correção: versão abre também diretamente pelo index.html, sem servidor. */
.ad{flex-direction:column;gap:9px;border:1px solid #e7ebf0;background:#f7f8fa}.ad b{font-size:10px;color:var(--blue);letter-spacing:.18em}.photo,.sidepic,.card-img,.main-img,.thumb{background-color:var(--pale);background-image:none}.photo,.sidepic{display:flex;align-items:flex-end;justify-content:flex-start}.photo span,.sidepic span{margin:14px;color:#64748b;font-size:10px;font-weight:800;letter-spacing:.12em}.photo:after{display:none}.lead{padding-top:2px}.headline:hover,.side h2:hover,.card h3:hover{color:var(--blue)}
/* Imagem real usada apenas nesta demonstracao editorial */
.news-photo{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:2px;background:#d7e1ef}
.hero .photo.real-photo{background-image:url('https://i.metroimg.com/c0s-Lp-f2trKo9yF2cVFB6QYyKfcDMo622u1yZOgF54/w%3A600/q%3A85/f%3Awebp/plain/https%3A//images.metroimg.com/2026/10/celina-leao-2-3.jpeg');background-size:cover;background-position:center}
.hero .photo.real-photo span{display:none}

/* CABEÇALHO ESPECIAL PARA MATÉRIAS DE COLUNA */
.column-brand{margin:0 0 28px;padding:4px 0 0;background:#fff}
.column-brand img{display:block;width:100%;max-height:220px;object-fit:contain;object-position:left center}
.column-rule{height:3px;background:var(--blue);margin-top:0}
.column-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0 50px}
.column-card{border:1px solid var(--line);padding:18px;background:#fff}
.column-logo-placeholder{height:145px;background:var(--pale);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--blue);font-weight:800;padding:20px;margin-bottom:15px}
.column-card h2{font-size:21px;margin:0 0 7px}.column-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0 0 14px}.column-card a{font-weight:800;color:var(--blue);font-size:13px}
@media(max-width:800px){.column-brand img{max-height:150px}.column-card-grid{grid-template-columns:1fr}}

/* Publicidade pop-up de entrada */
.ad-popup-overlay{position:fixed;inset:0;z-index:99999;background:rgba(2,15,35,.72);display:flex;align-items:center;justify-content:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease;backdrop-filter:blur(2px)}
.ad-popup-overlay.is-open{opacity:1;visibility:visible}
.ad-popup{position:relative;width:min(600px,92vw);max-height:90vh;background:#fff;border-radius:14px;box-shadow:0 24px 80px rgba(0,0,0,.38);padding:12px;transform:translateY(18px) scale(.98);transition:transform .22s ease}
.ad-popup-overlay.is-open .ad-popup{transform:translateY(0) scale(1)}
.ad-popup-close{position:absolute;right:-13px;top:-13px;width:40px;height:40px;border:0;border-radius:50%;background:#2f5fb3;color:#fff;font:700 27px/40px Arial,sans-serif;cursor:pointer;box-shadow:0 4px 15px rgba(0,0,0,.25);z-index:2}
.ad-popup-label{text-align:center;font-size:10px;letter-spacing:.13em;font-weight:800;color:#6c7685;padding:2px 0 9px}
.ad-popup-link{display:block;text-decoration:none}
.ad-popup-art{aspect-ratio:6/7;min-height:300px;border-radius:8px;background:#d7e1ef;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#2f5fb3;border:1px solid #c4d2e5;padding:28px}
.ad-popup-art:before{content:'';width:74px;height:6px;border-radius:10px;background:#ffbd32;margin-bottom:25px}
.ad-popup-art strong{font-size:clamp(25px,5vw,46px);font-weight:900;letter-spacing:-.04em}
.ad-popup-art span{font-size:16px;font-weight:800;margin-top:9px;color:#23344f}
.ad-popup-art small{font-size:13px;margin-top:16px;color:#65748a}
body.popup-open{overflow:hidden}
@media(max-width:600px){.ad-popup-overlay{padding:16px}.ad-popup{width:min(94vw,480px);padding:9px}.ad-popup-close{right:-5px;top:-12px}.ad-popup-art{min-height:0}}

/* Logo oficial fornecida pelo Portal No Foco */
.logo .official-logo{display:block;width:230px;max-width:42vw;height:76px;object-fit:contain;object-position:left center}
.footer .logo .official-logo{width:180px;height:62px}
@media(max-width:800px){.logo .official-logo{width:175px;height:58px;max-width:55vw}.footer .logo .official-logo{width:155px;height:54px}}

/* Ajuste solicitado: logo oficial maior no cabeçalho */
.logo .official-logo{width:340px;height:96px;max-width:52vw}
.footer .logo .official-logo{width:220px;height:72px}
@media(max-width:800px){.logo .official-logo{width:245px;height:70px;max-width:68vw}.footer .logo .official-logo{width:185px;height:60px}}

/* Ajuste solicitado: aumentar bem mais a logo, mantendo a altura original do cabeçalho */
.logo .official-logo{width:440px;height:102px;max-width:64vw}
@media(max-width:800px){.logo .official-logo{width:300px;height:76px;max-width:78vw}}

/* Ajuste solicitado: duplicar visualmente a logo sem alterar a barra superior */
.top .brand{height:108px;position:relative}
.top .logo{position:relative;z-index:5}
.top .logo .official-logo{width:440px;height:102px;max-width:64vw;transform:scale(2);transform-origin:left center}
@media(max-width:800px){
  .top .brand{height:82px}
  .top .logo .official-logo{width:300px;height:76px;max-width:78vw;transform:scale(2);transform-origin:left center}
}

/* Ajuste solicitado: logo do rodape com a mesma presenca visual da logo da barra superior */
.footer{overflow:hidden}
.footer .logo{position:relative;z-index:2}
.footer .logo .official-logo{width:440px;height:102px;max-width:64vw;transform:scale(2);transform-origin:left center}
@media(max-width:800px){
  .footer .logo .official-logo{width:300px;height:76px;max-width:78vw;transform:scale(2);transform-origin:left center}
}

/* Rodapé: assinatura institucional em uma única linha */
.footer-copy{white-space:nowrap;font-size:14px;font-weight:600;line-height:1.2;position:relative;z-index:3}
@media(max-width:800px){.footer-copy{white-space:nowrap;font-size:10px;margin-top:18px;overflow:hidden;text-overflow:ellipsis}}

/* Tres espacos publicitarios abaixo de Mais lidas */
.sidebar-ads{display:grid;gap:18px;margin-top:22px}.sidebar .sidebar-ad{height:250px;margin:0;width:100%;text-align:center}.sidebar .sidebar-ad span{font-size:12px;color:#8792a2;letter-spacing:.12em}

/* No Foco TV: botão de navegação externa, isolado da navegação por âncoras */
.tv-menu-button{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;color:inherit;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap;position:relative;z-index:1000;pointer-events:auto}
.tv-menu-button:hover{color:var(--blue)}
.nav,.navin{position:relative;z-index:100}

/* Páginas próprias das editorias */
.category-page{padding-bottom:30px}.category-head{padding:18px 0 24px;border-bottom:1px solid var(--line);margin-bottom:26px}.category-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:var(--blue);margin-bottom:7px}.category-head h1{font:800 42px/1 'Montserrat',Arial,sans-serif;color:#25304b;margin:0 0 10px}.category-head p{margin:0;color:#687386;font-size:14px}.category-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;padding-bottom:30px;border-bottom:1px solid var(--line)}.category-featured-image{min-height:340px;background:var(--pale);display:block;overflow:hidden}.category-featured-image img,.category-item-image img{width:100%;height:100%;object-fit:cover;display:block}.category-img-placeholder{width:100%;height:100%;min-height:180px;display:flex;align-items:center;justify-content:center;background:var(--pale);color:#8190a5;font-size:11px;font-weight:800;letter-spacing:.12em}.category-featured-copy{align-self:center}.category-featured-copy h2{font:800 38px/1.04 'Montserrat',Arial,sans-serif;margin:0 0 13px;color:#25304b}.category-featured-copy h2:hover,.category-item h3:hover{color:var(--blue)}.category-featured-copy p,.category-item p{color:#657186;line-height:1.45;margin:0 0 12px}.category-featured-copy small,.category-item small{color:#8a94a3;font-size:11px}.category-list{display:grid;gap:0}.category-item{display:grid;grid-template-columns:260px 1fr;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.category-item-image{height:155px;background:var(--pale);overflow:hidden}.category-item h3{font:800 25px/1.08 'Montserrat',Arial,sans-serif;margin:0 0 9px;color:#25304b}.category-item p{font-size:14px}.category-loading,.category-empty{padding:55px 25px;text-align:center;background:#f7f8fa;border:1px solid #e7ebf0;color:#66758a}.category-empty{display:flex;flex-direction:column;gap:9px}.category-empty strong{font-size:18px;color:#25304b}.category-empty span{font-size:13px}@media(max-width:800px){.category-head h1{font-size:34px}.category-featured{grid-template-columns:1fr;gap:18px}.category-featured-image{min-height:230px}.category-featured-copy h2{font-size:31px}.category-item{grid-template-columns:120px 1fr;gap:15px}.category-item-image{height:95px}.category-item h3{font-size:18px}.category-item p{display:none}}

/* NOTICIA DINAMICA */
.article-category{
  display:block;
  color:#2f5fb3;
  font-weight:800;
  text-transform:uppercase;
  margin-bottom:8px;
}

.article-title{
  font-size:48px;
  line-height:1.03;
  margin:0 0 14px;
  color:#13213c;
  font-weight:800;
}

.article-subtitle{
  font-size:20px;
  line-height:1.45;
  color:#6c788b;
  margin:0 0 18px;
}

.article-meta{
  font-size:13px;
  line-height:1.5;
  margin-bottom:18px;
}

.article-share{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  margin:18px 0;
}

.article-share button{
  border:0;
  padding:10px 15px;
  border-radius:22px;
  cursor:pointer;
  font-weight:600;
}

.article-main-image{
  margin:20px 0 8px;
}

.article-main-image img{
  display:block;
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:cover;
}

.article-main-image figcaption{
  font-size:12px;
  color:#697386;
  margin-top:7px;
}

.article-body{
  font-size:18px;
  line-height:1.75;
}

.article-body p{
  margin:0 0 22px;
}

@media(max-width:768px){
  .article-title{
    font-size:34px;
  }

  .article-subtitle{
    font-size:18px;
  }

  .article-body{
    font-size:17px;
  }
}


/* ============================================================
   HOME PORTAL NO FOCO — DESTAQUES DEFINITIVOS 2026
   Componente independente das regras antigas
   ============================================================ */

#ultimas.nf2026-home {
  display: block !important;
  width: 100% !important;
  margin: 32px 0 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
}


/* ============================================================
   PRIMEIRA LINHA
   Principal + secundária
   ============================================================ */

#ultimas .nf2026-top {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(220px, 0.72fr) !important;
  column-gap: 28px !important;
  align-items: start !important;
  width: 100% !important;
}


/* ============================================================
   NOTÍCIA PRINCIPAL
   FOTO À ESQUERDA + TEXTO À DIREITA
   ============================================================ */

#ultimas .nf2026-main {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.08fr) minmax(260px, 1fr) !important;
  column-gap: 24px !important;
  align-items: start !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}


/* FOTO PRINCIPAL */

#ultimas .nf2026-main-photo {
  display: block !important;

  width: 100% !important;
  height: 275px !important;

  margin: 0 !important;
  padding: 0 !important;

  background-color: #dbe4f0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  text-decoration: none !important;
  overflow: hidden !important;
}


/* TEXTO PRINCIPAL */

#ultimas .nf2026-main-text {
  display: block !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 2px 0 0 !important;
}


/* EDITORIA */

#ultimas .nf2026-category {
  display: block !important;

  margin: 0 0 8px !important;
  padding: 0 !important;

  color: #2f5fb3 !important;

  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}


/* TÍTULO PRINCIPAL */

#ultimas .nf2026-main-title {
  display: block !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #172a4a !important;

  font-size: 38px !important;
  line-height: 0.98 !important;
  font-weight: 800 !important;
  letter-spacing: -1.3px !important;
}


#ultimas .nf2026-main-title a {
  color: inherit !important;
  text-decoration: none !important;
}


/* SUBTÍTULO */

#ultimas .nf2026-main-subtitle {
  display: block !important;

  margin: 14px 0 0 !important;
  padding: 0 !important;

  color: #74829a !important;

  font-size: 14px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}


/* ============================================================
   DESTAQUE SECUNDÁRIO
   ============================================================ */

#ultimas .nf2026-right {
  display: block !important;
  min-width: 0 !important;
}


#ultimas .nf2026-side {
  display: block !important;
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}


#ultimas .nf2026-side-photo {
  display: block !important;

  width: 100% !important;
  height: 150px !important;

  margin: 0 0 12px !important;
  padding: 0 !important;

  background-color: #dbe4f0 !important;
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;

  text-decoration: none !important;
}


#ultimas .nf2026-side-text {
  margin: 0 !important;
  padding: 0 !important;
}


#ultimas .nf2026-side-title {
  margin: 0 !important;
  padding: 0 !important;

  color: #172a4a !important;

  font-size: 21px !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  letter-spacing: -0.4px !important;
}


#ultimas .nf2026-side-title a {
  color: inherit !important;
  text-decoration: none !important;
}


/* ============================================================
   TRÊS CHAMADAS INFERIORES
   ============================================================ */

#ultimas .nf2026-calls {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  width: 100% !important;

  margin: 22px 0 0 !important;
  padding: 16px 0 0 !important;

  border-top: 1px solid #e2e6ec !important;
}


#ultimas .nf2026-call {
  position: relative !important;

  display: block !important;

  margin: 0 !important;
  padding: 0 18px !important;

  min-width: 0 !important;
}


#ultimas .nf2026-call:first-child {
  padding-left: 12px !important;
}


#ultimas .nf2026-call:not(:first-child) {
  border-left: 4px solid #ffbd32 !important;
}


#ultimas .nf2026-call a {
  display: block !important;

  color: #172a4a !important;
  text-decoration: none !important;
}


#ultimas .nf2026-call span {
  display: block !important;

  margin: 0 0 4px !important;

  color: #2f5fb3 !important;

  font-size: 10px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}


#ultimas .nf2026-call strong {
  display: block !important;

  color: #172a4a !important;

  font-size: 14px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}


/* ============================================================
   ESTADO VAZIO
   ============================================================ */

#ultimas .nf2026-empty {
  min-height: 220px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #f5f7fa !important;
  color: #74829a !important;

  font-size: 13px !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (max-width: 950px) {

  #ultimas .nf2026-top {
    grid-template-columns: 1fr !important;
    row-gap: 28px !important;
  }

  #ultimas .nf2026-main {
    grid-template-columns: 1fr 1fr !important;
  }

  #ultimas .nf2026-right {
    display: grid !important;
    grid-template-columns: 240px 1fr !important;
    column-gap: 18px !important;
  }

  #ultimas .nf2026-side-photo {
    height: 140px !important;
    margin: 0 !important;
  }

}


/* ============================================================
   CELULAR
   ============================================================ */

@media (max-width: 680px) {

  #ultimas.nf2026-home {
    margin-top: 22px !important;
  }

  #ultimas .nf2026-main {
    display: block !important;
  }

  #ultimas .nf2026-main-photo {
    height: 230px !important;
    margin-bottom: 16px !important;
  }

  #ultimas .nf2026-main-title {
    font-size: 31px !important;
    line-height: 1.02 !important;
  }

  #ultimas .nf2026-right {
    display: block !important;
  }

  #ultimas .nf2026-side-photo {
    height: 210px !important;
    margin-bottom: 12px !important;
  }

  #ultimas .nf2026-calls {
    display: block !important;
  }

  #ultimas .nf2026-call,
  #ultimas .nf2026-call:first-child {
    padding: 13px 0 13px 13px !important;
    border-left: 4px solid #ffbd32 !important;
  }

  #ultimas .nf2026-call + .nf2026-call {
    margin-top: 8px !important;
  }

}


/* ==========================================================
   CATEGORIA ÚNICA DA MATÉRIA — PORTAL NO FOCO
   ========================================================== */

.nf-article-category {
    display: none;
    align-items: center;
    width: fit-content;
    margin: 0 0 8px 0;

    color: #2F5FB3;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.nf-article-category::before {
    content: '';
    display: block;
    width: 4px;
    height: 14px;
    margin-right: 7px;
    border-radius: 2px;
    background: #FFBD32;
}


/* =========================================================
   CATEGORIA OFICIAL DA MATÉRIA - PORTAL NO FOCO
   ========================================================= */

.article-category-final {
    display: none;
    align-items: center;
    gap: 8px;

    width: fit-content;
    margin: 0 0 10px 0;

    color: #2F5FB3;
    font-family: 'Montserrat', Arial, sans-serif;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.article-category-final::before {
    content: "";
    display: block;
    flex: 0 0 auto;

    width: 4px;
    height: 15px;

    background: #FFBD32;
    border-radius: 3px;
}


/* =========================================================
   PORTAL NO FOCO - CATEGORIA ÚNICA DA MATÉRIA
   ========================================================= */

#nfArticleCategoryFinal.nf-category-final {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    width: auto !important;
    height: auto !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 800 !important;

    letter-spacing: .04em !important;
    text-transform: uppercase !important;

    color: #2F5FB3 !important;
    background: transparent !important;

    position: relative !important;
    z-index: 10 !important;
}


/* ==========================================================
   CATEGORIA OFICIAL DA PÁGINA DE NOTÍCIA
   ========================================================== */

#articleKickerFinal.article-kicker-final {
    display: none;
    margin: 0 0 8px 0;
    padding: 0;

    color: #2F5FB3;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: .04em;
    text-transform: uppercase;
}

#articleKickerFinal + .article-title {
    margin-top: 0;
}


/* ==========================================================
   CATEGORIA ÚNICA — PÁGINA DE NOTÍCIA
   ========================================================== */

.article-category-single {
    display: none;
    margin: 0 0 8px 0;
    padding: 0;

    color: #2F5FB3;

    font-size: 13px;
    font-weight: 800;
    line-height: 1.2;

    letter-spacing: .04em;
    text-transform: uppercase;
}

.article-category-single + .article-title {
    margin-top: 0;
}


/* =========================================================
   AJUSTE FINO — CATEGORIA MAIS PRÓXIMA DO TÍTULO
   ========================================================= */

.article-category,
#articleCategory {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding-bottom: 0 !important;
    line-height: 1.15 !important;
}

.article-title,
#articleTitle {
    margin-top: 0 !important;
}


/* =========================================================
   NOTÍCIA — HIERARQUIA VERTICAL DEFINITIVA
   Página Inicial
        ↓ espaço maior
   CIDADE
        ↓ espaço pequeno
   Título
   ========================================================= */

.article .breadcrumb,
.article-layout .breadcrumb,
.breadcrumb {
    margin-bottom: 18px !important;
}

/* CATEGORIA */
#articleCategory,
.article-category {
    display: block !important;
    margin: 0 0 4px 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* TÍTULO */
#articleTitle,
.article-title {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    line-height: 1.08 !important;
}


/* =========================================================
   PORTAL NO FOCO — CORREÇÃO RESPONSIVA
   Fotos e publicidades preservam proporção e bordas no mobile
   ========================================================= */

@media (max-width: 768px) {

    /* Evita estouro horizontal da página */
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    /* Mantém margem lateral elegante no conteúdo */
    main.wrap,
    .article-layout,
    .article {
        box-sizing: border-box !important;
        max-width: 100% !important;
    }

    /* =====================================================
       FOTO PRINCIPAL DA NOTÍCIA
       ===================================================== */

    #articlePhoto,
    .news-photo,
    .article-main-image,
    .article img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        object-fit: contain !important;
        object-position: center !important;

        box-sizing: border-box !important;

        border-radius: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Container da foto não corta a imagem */
    .news-photo,
    .article-main-image {
        overflow: visible !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    /* =====================================================
       PUBLICIDADES
       Mantém a arte inteira, sem cortar ou deformar
       ===================================================== */

    .ad,
    .article-ad,
    .sidebar-ad,
    .ad-sidebar,
    [class*="ad-"] {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* Imagem da publicidade */
    .ad img,
    .article-ad img,
    .sidebar-ad img,
    .ad-sidebar img,
    [class*="ad-"] img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 auto !important;

        border: 0 !important;
    }

    /* =====================================================
       PUBLICIDADE DO TOPO
       ===================================================== */

    main.wrap > .ad,
    .article-layout > .ad {
        width: 100% !important;
        max-width: 970px !important;

        aspect-ratio: 970 / 150;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    main.wrap > .ad img,
    .article-layout > .ad img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
    }

    /* =====================================================
       PUBLICIDADE QUADRADA / LATERAL
       ===================================================== */

    .sidebar-ad,
    .ad-sidebar {
        aspect-ratio: 1 / 1 !important;

        width: min(300px, 100%) !important;
        max-width: 300px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .sidebar-ad img,
    .ad-sidebar img {
        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
    }

    /* Nunca deforma imagem dentro de links */
    a img {
        max-width: 100% !important;
        height: auto !important;
    }
}


/* ==========================================================
   NO FOCO — MOBILE RESPONSIVO DEFINITIVO
   ========================================================== */

@media screen and (max-width: 768px) {

    /* ---------- ESTRUTURA ---------- */

    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    * {
        box-sizing: border-box;
    }

    main.wrap {
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    /* ---------- PÁGINA DA NOTÍCIA ---------- */

    .article-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .article {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .sidebar {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 28px !important;
    }

    /* ---------- FOTO PRINCIPAL ---------- */

    #articlePhoto,
    .article-main-image,
    .news-photo {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 18px 0 8px !important;

        object-fit: cover !important;
        object-position: center !important;

        overflow: hidden !important;
    }

    #articlePhoto {
        aspect-ratio: auto !important;
    }

    /* Não força dimensões desktop nas imagens */
    #articlePhoto[width],
    #articlePhoto[height] {
        width: 100% !important;
        height: auto !important;
    }

    /* ---------- CRÉDITO DA FOTO ---------- */

    #articlePhotoCredit,
    .article-image-credit {
        width: 100% !important;
        margin-top: 6px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
    }

    /* ======================================================
       PUBLICIDADE SUPERIOR
       No mobile vira banner horizontal proporcional
       ====================================================== */

    main.wrap > .ad,
    .article-top-ad,
    .top-ad {
        width: 100% !important;
        max-width: 100% !important;

        height: 90px !important;
        min-height: 90px !important;

        margin: 18px auto 22px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
    }

    main.wrap > .ad img,
    .article-top-ad img,
    .top-ad img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: cover !important;
        object-position: center !important;
    }

    /* ======================================================
       PUBLICIDADE DA LATERAL
       No celular deixa de ser sidebar e entra no fluxo
       ====================================================== */

    .sidebar-ad,
    .ad-sidebar,
    .sidebar .ad {
        width: 100% !important;
        max-width: 340px !important;

        height: auto !important;
        min-height: 250px !important;

        margin: 22px auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        overflow: hidden !important;
    }

    .sidebar-ad img,
    .ad-sidebar img,
    .sidebar .ad img {
        display: block !important;

        width: 100% !important;
        height: auto !important;

        max-width: 100% !important;

        object-fit: contain !important;
        object-position: center !important;
    }

    /* ---------- QUALQUER OUTRA PUBLICIDADE ---------- */

    .ad img,
    [class*="ad-"] img {
        max-width: 100% !important;
    }

    /* ---------- TÍTULO ---------- */

    .article-title {
        font-size: clamp(30px, 9vw, 42px) !important;
        line-height: 1.04 !important;
        letter-spacing: -0.025em !important;
        overflow-wrap: break-word !important;
    }

    .article-subtitle {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }

    /* ---------- BOTÕES ---------- */

    .share {
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 7px !important;
    }

    /* ---------- TEXTO ---------- */

    .bodytext,
    .article-body {
        width: 100% !important;
        max-width: 100% !important;

        font-size: 17px !important;
        line-height: 1.65 !important;
    }

    .bodytext img,
    .article-body img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    /* ---------- MAIS LIDAS ---------- */

    .trending {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 28px !important;
    }

}


/* CELULARES MENORES */

@media screen and (max-width: 480px) {

    main.wrap {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    main.wrap > .ad,
    .article-top-ad,
    .top-ad {
        height: 72px !important;
        min-height: 72px !important;
    }

    .sidebar-ad,
    .ad-sidebar,
    .sidebar .ad {
        max-width: 300px !important;
        min-height: 250px !important;
    }

    .article-title {
        font-size: 30px !important;
        line-height: 1.07 !important;
    }

}


/* ==========================================================
   MOBILE — PUBLICIDADES + X DO POP-UP
   Correção final de proporção
   ========================================================== */

@media screen and (max-width: 768px) {

    /* ======================================================
       1. PUBLICIDADES
       Nunca comprimir nem forçar altura no mobile
       ====================================================== */

    .ad,
    .article-ad,
    .top-ad,
    .article-top-ad,
    .sidebar-ad,
    .ad-sidebar,
    .sidebar .ad,
    [class*="ad-"] {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: hidden !important;
    }

    /* A imagem é quem determina a altura do anúncio */
    .ad img,
    .article-ad img,
    .top-ad img,
    .article-top-ad img,
    .sidebar-ad img,
    .ad-sidebar img,
    .sidebar .ad img,
    [class*="ad-"] img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 auto !important;
    }

    /* Publicidade superior */
    main.wrap > .ad {
        width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 0 !important;

        margin-top: 16px !important;
        margin-bottom: 20px !important;
    }

    main.wrap > .ad img {
        width: 100% !important;
        height: auto !important;
    }


    /* ======================================================
       2. PUBLICIDADES DA SIDEBAR
       No celular ficam centralizadas e proporcionais
       ====================================================== */

    .sidebar .ad,
    .sidebar-ad,
    .ad-sidebar {
        width: 100% !important;
        max-width: 340px !important;

        height: auto !important;
        min-height: 0 !important;

        padding: 0 !important;

        margin: 20px auto !important;
    }

    .sidebar .ad img,
    .sidebar-ad img,
    .ad-sidebar img {
        width: 100% !important;
        height: auto !important;
    }


    /* ======================================================
       3. POP-UP RESPONSIVO
       ====================================================== */

    .ad-popup {
        position: relative !important;

        width: calc(100vw - 32px) !important;
        max-width: 600px !important;

        height: auto !important;
        max-height: calc(100vh - 40px) !important;

        margin: auto !important;

        overflow: visible !important;
    }

    .ad-popup-link,
    .ad-popup-art {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;

        aspect-ratio: auto !important;
    }

    .ad-popup img,
    .ad-popup-art img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: calc(100vh - 80px) !important;

        object-fit: contain !important;

        margin: 0 auto !important;
    }


    /* ======================================================
       4. X DO POP-UP
       Tamanho fixo — nenhuma regra de botão pode esticá-lo
       ====================================================== */

    button#adPopupClose,
    #adPopupClose,
    .ad-popup-close {
        position: absolute !important;

        top: 8px !important;
        right: 8px !important;
        left: auto !important;
        bottom: auto !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        padding: 0 !important;
        margin: 0 !important;

        border-radius: 50% !important;

        font-size: 24px !important;
        font-weight: 400 !important;
        line-height: 1 !important;

        flex: 0 0 34px !important;

        transform: none !important;

        z-index: 999999 !important;
    }

}


/* CELULARES PEQUENOS */

@media screen and (max-width: 480px) {

    .ad-popup {
        width: calc(100vw - 24px) !important;
    }

    .sidebar .ad,
    .sidebar-ad,
    .ad-sidebar {
        max-width: 100% !important;
    }

}

/* ==========================================================
   PORTAL NO FOCO — LOGO RESPONSIVA NO MOBILE
   Não altera o desktop
   ========================================================== */

@media screen and (max-width: 768px) {

    /* Barra superior */
    header.top .brand {
        min-height: 72px !important;
        height: auto !important;

        display: flex !important;
        align-items: center !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;
    }

    /* Container da logo */
    header.top .logo {
        width: auto !important;
        height: auto !important;
        max-width: 150px !important;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Logo oficial */
    header.top .logo .official-logo,
    header.top img.official-logo {
        display: block !important;

        width: auto !important;
        max-width: 150px !important;

        height: auto !important;
        max-height: 56px !important;

        object-fit: contain !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }

    /* Frase ao lado */
    header.top .tag {
        flex: 1 1 auto !important;
        min-width: 0 !important;

        margin-left: 14px !important;

        font-size: 11px !important;
        line-height: 1.25 !important;
    }
}


/* CELULARES MENORES */

@media screen and (max-width: 480px) {

    header.top .brand {
        min-height: 66px !important;
    }

    header.top .logo {
        max-width: 125px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        max-width: 125px !important;
        max-height: 48px !important;
    }

    header.top .tag {
        margin-left: 10px !important;
        font-size: 10px !important;
    }
}

/* ==========================================================
   AJUSTE FINAL — TAMANHO DA LOGO NO MOBILE
   ========================================================== */

@media screen and (max-width: 768px) {

    header.top .logo {
        max-width: 185px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: auto !important;
        height: auto !important;

        max-width: 185px !important;
        max-height: 68px !important;

        object-fit: contain !important;
    }
}

@media screen and (max-width: 480px) {

    header.top .logo {
        max-width: 165px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        max-width: 165px !important;
        max-height: 62px !important;
    }
}

/* LOGO MOBILE — TAMANHO MAIOR */

@media screen and (max-width: 768px) {

    header.top .logo {
        max-width: 215px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: auto !important;
        height: auto !important;
        max-width: 215px !important;
        max-height: 78px !important;
        object-fit: contain !important;
    }
}

@media screen and (max-width: 480px) {

    header.top .logo {
        max-width: 195px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        max-width: 195px !important;
        max-height: 72px !important;
    }
}

/* ==========================================================
   LOGO MOBILE — TAMANHO DUPLICADO
   ========================================================== */

@media screen and (max-width: 768px) {

    header.top .brand {
        height: auto !important;
        min-height: 110px !important;
    }

    header.top .logo {
        width: min(430px, 90vw) !important;
        max-width: min(430px, 90vw) !important;
        height: auto !important;
        flex-shrink: 0 !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;
    }
}

@media screen and (max-width: 480px) {

    header.top .logo {
        width: min(390px, 90vw) !important;
        max-width: min(390px, 90vw) !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        max-width: 100% !important;
        max-height: none !important;
    }
}

/* LOGO MOBILE — REDUÇÃO DE 80PX */

@media screen and (max-width: 768px) {

    header.top .logo {
        width: min(350px, 90vw) !important;
        max-width: min(350px, 90vw) !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}

@media screen and (max-width: 480px) {

    header.top .logo {
        width: min(310px, 90vw) !important;
        max-width: min(310px, 90vw) !important;
    }
}

/* LOGO MOBILE — REDUÇÃO DE MAIS 50PX */

@media screen and (max-width: 768px) {
    header.top .logo {
        width: min(300px, 90vw) !important;
        max-width: min(300px, 90vw) !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}

@media screen and (max-width: 480px) {
    header.top .logo {
        width: min(260px, 90vw) !important;
        max-width: min(260px, 90vw) !important;
    }
}

/* LOGO MOBILE — REDUÇÃO DE MAIS 50PX */

@media screen and (max-width: 768px) {
    header.top .logo {
        width: min(300px, 90vw) !important;
        max-width: min(300px, 90vw) !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }
}

@media screen and (max-width: 480px) {
    header.top .logo {
        width: min(260px, 90vw) !important;
        max-width: min(260px, 90vw) !important;
    }
}

/* ==========================================================
   MOBILE — AJUSTE FINAL DA LOGO + BARRA AZUL
   ========================================================== */

@media screen and (max-width: 768px) {

    /* Barra azul: continua grande, mas menos alta */
    header.top .brand {
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;

        padding-top: 8px !important;
        padding-bottom: 8px !important;

        display: flex !important;
        align-items: center !important;
    }

    /* Logo menor e proporcional */
    header.top .logo {
        width: min(260px, 70vw) !important;
        max-width: min(260px, 70vw) !important;
        height: auto !important;
        flex-shrink: 0 !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        max-height: 76px !important;

        object-fit: contain !important;
    }
}


/* CELULARES MENORES */

@media screen and (max-width: 480px) {

    /* Barra azul */
    header.top .brand {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;

        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    /* Logo */
    header.top .logo {
        width: min(230px, 68vw) !important;
        max-width: min(230px, 68vw) !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        height: auto !important;
        max-height: 70px !important;
    }
}

/* ==========================================================
   MOBILE — LOGO MAIOR DENTRO DA BARRA ATUAL
   ========================================================== */

@media screen and (max-width: 768px) {

    /* Mantém a barra no tamanho atual */
    header.top .brand {
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;

        padding-top: 6px !important;
        padding-bottom: 6px !important;

        display: flex !important;
        align-items: center !important;
    }

    /* Logo maior, sem aumentar a barra */
    header.top .logo {
        width: min(300px, 76vw) !important;
        max-width: min(300px, 76vw) !important;
        height: 82px !important;

        display: flex !important;
        align-items: center !important;

        flex-shrink: 0 !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: 82px !important;
        max-height: 82px !important;

        object-fit: contain !important;
        object-position: left center !important;

        margin: 0 !important;
    }
}


/* CELULARES MENORES */

@media screen and (max-width: 480px) {

    header.top .brand {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;

        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    header.top .logo {
        width: min(270px, 74vw) !important;
        max-width: min(270px, 74vw) !important;
        height: 76px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        height: 76px !important;
        max-height: 76px !important;
    }
}

/* ==========================================================
   MOBILE — LOGO BEM MAIOR SEM AUMENTAR A BARRA
   ========================================================== */

@media screen and (max-width: 768px) {

    header.top .brand {
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;
        padding: 3px 10px !important;
        display: flex !important;
        align-items: center !important;
        overflow: hidden !important;
    }

    header.top .logo {
        width: min(360px, 82vw) !important;
        max-width: min(360px, 82vw) !important;
        height: 88px !important;

        display: flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;

        height: 88px !important;
        max-height: 88px !important;

        object-fit: contain !important;
        object-position: left center !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}


/* CELULARES MENORES */

@media screen and (max-width: 480px) {

    header.top .brand {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
        padding: 3px 8px !important;
    }

    header.top .logo {
        width: min(330px, 82vw) !important;
        max-width: min(330px, 82vw) !important;
        height: 82px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        height: 82px !important;
        max-height: 82px !important;
    }
}

/* ==========================================================
   MOBILE — LOGO +100PX / BARRA INALTERADA
   ========================================================== */

@media screen and (max-width: 768px) {

    /* NÃO ALTERAR A BARRA */
    header.top .brand {
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;
    }

    /* +100px: 360px -> 460px */
    header.top .logo {
        width: min(460px, 96vw) !important;
        max-width: min(460px, 96vw) !important;
        height: 88px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        max-width: 100% !important;

        height: 88px !important;
        max-height: 88px !important;

        object-fit: contain !important;
        object-position: left center !important;
    }
}

@media screen and (max-width: 480px) {

    /* NÃO ALTERAR A BARRA */
    header.top .brand {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
    }

    /* +100px: 330px -> 430px */
    header.top .logo {
        width: min(430px, 96vw) !important;
        max-width: min(430px, 96vw) !important;
        height: 82px !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        height: 82px !important;
        max-height: 82px !important;
    }
}

/* ==========================================================
   MOBILE — AUMENTO REAL DA LOGO SEM ALTERAR A BARRA
   ========================================================== */

@media screen and (max-width: 768px) {

    /* BARRA PERMANECE EXATAMENTE DO MESMO TAMANHO */
    header.top .brand {
        height: 94px !important;
        min-height: 94px !important;
        max-height: 94px !important;
        overflow: hidden !important;
    }

    header.top .logo {
        width: 320px !important;
        max-width: 80vw !important;
        height: 88px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;

        overflow: visible !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        height: auto !important;

        max-width: none !important;
        max-height: none !important;

        object-fit: contain !important;
        object-position: left center !important;

        /* AUMENTO VISUAL REAL */
        transform: scale(1.35) !important;
        transform-origin: left center !important;
    }
}


@media screen and (max-width: 480px) {

    /* BARRA CONTINUA COM 88PX */
    header.top .brand {
        height: 88px !important;
        min-height: 88px !important;
        max-height: 88px !important;
        overflow: hidden !important;
    }

    header.top .logo {
        width: 270px !important;
        max-width: 78vw !important;
        height: 82px !important;
        overflow: visible !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        width: 100% !important;
        height: auto !important;

        max-width: none !important;
        max-height: none !important;

        transform: scale(1.35) !important;
        transform-origin: left center !important;
    }
}

/* MOBILE — LOGO 50PX MENOR / BARRA INALTERADA */

@media screen and (max-width: 768px) {

    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(1.17) !important;
        transform-origin: left center !important;
    }
}

@media screen and (max-width: 480px) {

    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(1.17) !important;
        transform-origin: left center !important;
    }
}

/* MOBILE — LOGO MAIS 60PX MENOR / BARRA INALTERADA */

@media screen and (max-width: 768px) {
    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(0.95) !important;
        transform-origin: left center !important;
    }
}

@media screen and (max-width: 480px) {
    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(0.95) !important;
        transform-origin: left center !important;
    }
}

/* MOBILE — LOGO MAIS 40PX MENOR / BARRA INALTERADA */

@media screen and (max-width: 768px) {
    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(0.80) !important;
        transform-origin: left center !important;
    }
}

@media screen and (max-width: 480px) {
    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(0.80) !important;
        transform-origin: left center !important;
    }
}

/* ==========================================================
   MOBILE — CENTRALIZAR LOGO NA BARRA AZUL
   Mantém tamanho atual
   ========================================================== */

@media screen and (max-width: 768px) {

    header.top .brand {
        position: relative !important;
        justify-content: center !important;
        align-items: center !important;
    }

    header.top .logo {
        position: absolute !important;
        left: 50% !important;
        top: 50% !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translate(-50%, -50%) !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    header.top .logo .official-logo,
    header.top img.official-logo {
        transform: scale(0.80) !important;
        transform-origin: center center !important;
        object-position: center center !important;
    }
}


/* ==========================================================
   PUBLICIDADES MOBILE — PROPORÇÃO ORIGINAL
   Reduz largura E altura proporcionalmente
   ========================================================== */

@media screen and (max-width: 768px) {

    /* CONTAINERS DE PUBLICIDADE */
    .ad,
    .article-ad,
    .top-ad,
    .article-top-ad,
    .sidebar-ad,
    .ad-sidebar,
    .sidebar .ad,
    [class*="ad-"] {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        padding: 0 !important;

        margin-left: auto !important;
        margin-right: auto !important;

        overflow: visible !important;
    }

    /* A IMAGEM DEFINE A ALTURA NATURAL */
    .ad img,
    .article-ad img,
    .top-ad img,
    .article-top-ad img,
    .sidebar-ad img,
    .ad-sidebar img,
    .sidebar .ad img,
    [class*="ad-"] img {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 auto !important;

        transform: none !important;
    }

    /* BANNER SUPERIOR */
    main.wrap > .ad,
    .top-ad,
    .article-top-ad {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        aspect-ratio: auto !important;
    }

    main.wrap > .ad img,
    .top-ad img,
    .article-top-ad img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        object-fit: contain !important;
    }

    /* PUBLICIDADES QUE ERAM DA LATERAL */
    .sidebar .ad,
    .sidebar-ad,
    .ad-sidebar {
        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        aspect-ratio: auto !important;

        margin: 20px auto !important;
    }

    .sidebar .ad img,
    .sidebar-ad img,
    .ad-sidebar img {
        width: 100% !important;
        height: auto !important;

        max-width: 100% !important;
        max-height: none !important;

        object-fit: contain !important;
    }

}

/* Celulares menores */
@media screen and (max-width: 480px) {

    .ad,
    .article-ad,
    .top-ad,
    .article-top-ad,
    .sidebar-ad,
    .ad-sidebar,
    .sidebar .ad,
    [class*="ad-"] {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
    }

    .ad img,
    .article-ad img,
    .top-ad img,
    .article-top-ad img,
    .sidebar-ad img,
    .ad-sidebar img,
    .sidebar .ad img,
    [class*="ad-"] img {
        width: 100% !important;
        height: auto !important;
    }
}

/* ==========================================================
   NO FOCO — PUBLICIDADE MOBILE DEFINITIVA
   Regras específicas conforme estrutura REAL do portal
   ========================================================== */

@media screen and (max-width: 800px) {

    /* ======================================================
       BANNER PRINCIPAL 970 × 150
       ====================================================== */

    main.wrap > .ad:not(.sidebar-ad) {
        width: 100% !important;
        max-width: 970px !important;

        /* mantém exatamente a proporção 970x150 */
        aspect-ratio: 970 / 150 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding: 0 !important;
        margin: 18px auto !important;

        overflow: hidden !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Quando houver imagem dentro do banner 970x150 */
    main.wrap > .ad:not(.sidebar-ad) img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: 100% !important;
        max-height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    /* ======================================================
       PUBLICIDADES LATERAIS
       Mantém o formato quadrado
       ====================================================== */

    .sidebar-ads {
        width: 100% !important;

        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 18px !important;
        margin-top: 22px !important;
    }

    .sidebar .ad.sidebar-ad,
    .ad.sidebar-ad {
        width: min(100%, 300px) !important;
        max-width: 300px !important;

        aspect-ratio: 1 / 1 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        padding: 0 !important;
        margin: 0 auto !important;

        overflow: hidden !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .sidebar .ad.sidebar-ad img,
    .ad.sidebar-ad img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: 100% !important;
        max-height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: none !important;
    }


    /* ======================================================
       POPUP — TRATADO SEPARADAMENTE
       ====================================================== */

    .ad-popup-overlay {
        padding: 16px !important;
    }

    .ad-popup {
        position: relative !important;

        width: min(92vw, 480px) !important;
        max-width: 480px !important;

        height: auto !important;
        max-height: 90vh !important;

        padding: 9px !important;

        overflow: visible !important;
    }

    .ad-popup-link {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .ad-popup-art {
        width: 100% !important;

        /* proporção original definida no portal */
        aspect-ratio: 6 / 7 !important;

        height: auto !important;
        min-height: 0 !important;

        overflow: hidden !important;
    }

    .ad-popup-art img {
        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;

        transform: none !important;
    }


    /* ======================================================
       X DO POPUP — NUNCA HERDA DIMENSÃO DA PUBLICIDADE
       ====================================================== */

    #adPopupClose.ad-popup-close,
    button#adPopupClose {
        position: absolute !important;

        top: -10px !important;
        right: -6px !important;
        left: auto !important;

        width: 38px !important;
        min-width: 38px !important;
        max-width: 38px !important;

        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;

        aspect-ratio: 1 / 1 !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 0 !important;
        border-radius: 50% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        font-family: Arial, sans-serif !important;
        font-size: 25px !important;
        font-weight: 700 !important;
        line-height: 1 !important;

        transform: none !important;
        flex: 0 0 38px !important;

        z-index: 100000 !important;
    }

}

/* ==========================================================
   CORREÇÃO DEFINITIVA — ENCAIXE DA ARTE NO POPUP
   ========================================================== */

.ad-popup-art {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 6 / 7 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.ad-popup-art img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;

    /* Mantém a publicidade inteira, sem cortar e sem deformar */
    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none !important;
}

.ad-popup-link {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

@media screen and (max-width: 600px) {
    .ad-popup {
        width: min(94vw, 480px) !important;
    }

    .ad-popup-art {
        width: 100% !important;
        aspect-ratio: 6 / 7 !important;
    }

    .ad-popup-art img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center center !important;
    }
}


/* PUBLICIDADE — BANNER SUPERIOR DA MATÉRIA */
#articleTopAd {
    width: 100% !important;
    max-width: 970px !important;
    aspect-ratio: 970 / 150 !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

#articleTopAd > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
}

#articleTopAd img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}



/* ==========================================================
   HOME — CATEGORIAS AUTOMÁTICAS
   CIDADE + MINAS GERAIS
   ========================================================== */

.home-automatic-categories{
    width:100%;
    margin:34px 0 20px;
}

.home-auto-category{
    width:100%;
    margin:0 0 42px;
}

.home-auto-category-title{
    display:flex;
    align-items:center;
    gap:12px;
    width:100%;
    margin:0 0 18px;
}

.home-auto-category-title a{
    flex:0 0 auto;
    color:#2f63b7;
    font-size:20px;
    line-height:1.2;
    font-weight:800;
    text-decoration:none;
}

.home-auto-category-title span{
    display:block;
    flex:1;
    height:2px;
    background:#f4b41a;
}

.home-auto-category-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
    width:100%;
}

.home-auto-news-card{
    display:block;
    min-width:0;
    color:inherit;
    text-decoration:none;
}

.home-auto-news-image{
    position:relative;
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    background:#dbe5f3;
}

.home-auto-news-image img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    transition:transform .25s ease;
}

.home-auto-news-card:hover .home-auto-news-image img{
    transform:scale(1.025);
}

.home-auto-news-content{
    padding-top:11px;
}

.home-auto-news-category{
    margin-bottom:5px;
    color:#2f63b7;
    font-size:11px;
    line-height:1.2;
    font-weight:800;
    text-transform:uppercase;
}

.home-auto-news-content h3{
    margin:0;
    color:#14233b;
    font-size:18px;
    line-height:1.25;
    font-weight:800;
}

.home-auto-news-content p{
    margin:7px 0 0;
    color:#657184;
    font-size:13px;
    line-height:1.4;
}

.home-auto-category-empty,
.home-auto-category-loading{
    grid-column:1 / -1;
    padding:30px 0;
    color:#8792a2;
    font-size:13px;
}


/* MOBILE */
@media screen and (max-width:768px){

    .home-automatic-categories{
        margin-top:26px;
    }

    .home-auto-category{
        margin-bottom:34px;
    }

    .home-auto-category-title a{
        font-size:19px;
    }

    .home-auto-category-grid{
        grid-template-columns:1fr;
        gap:22px;
    }

    .home-auto-news-content h3{
        font-size:18px;
    }
}


/* ==========================================================
   HOME — REMOVE BLOCO ANTIGO DE CATEGORIAS
   Mantém somente Cidade + Minas Gerais automáticas
   ========================================================== */

/* Oculta a antiga seção fixa que fica antes das categorias automáticas */
#homeAutomaticCategories ~ * {
    /* nenhuma alteração */
}

/* A remoção visual do bloco antigo será controlada pelo JS */

/* ==========================================================
   MENU SUPERIOR — ESPAÇAMENTO UNIFORME ENTRE CATEGORIAS
   ========================================================== */

@media screen and (min-width: 769px) {

    nav .wrap,
    .nav .wrap,
    nav .navin,
    .navin {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 30px !important;
    }

    nav a,
    .nav a,
    .navin a {
        margin-left: 0 !important;
        margin-right: 0 !important;
        flex: 0 0 auto !important;
    }
}


/* ==========================================================
   POPUP — ARTE 100% PROPORCIONAL
   Desktop + Mobile
   ========================================================== */

.ad-popup {
    width: auto !important;
    max-width: min(92vw, 600px) !important;
    height: auto !important;
    max-height: 92vh !important;
    padding: 9px !important;
    box-sizing: border-box !important;
}

.ad-popup-link {
    display: block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
}

.ad-popup-art {
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
    min-height: 0 !important;
    max-height: calc(92vh - 55px) !important;

    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
}

.ad-popup-art img {
    display: block !important;

    width: auto !important;
    height: auto !important;

    max-width: min(90vw, 580px) !important;
    max-height: calc(92vh - 55px) !important;

    object-fit: contain !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    transform: none !important;
}


/* MOBILE */
@media screen and (max-width: 600px) {

    .ad-popup-overlay {
        padding: 12px !important;
    }

    .ad-popup {
        width: auto !important;
        max-width: 94vw !important;
        height: auto !important;
        max-height: 92vh !important;
        padding: 7px !important;
    }

    .ad-popup-art {
        width: auto !important;
        height: auto !important;
        aspect-ratio: auto !important;
        max-height: calc(92vh - 50px) !important;
    }

    .ad-popup-art img {
        width: auto !important;
        height: auto !important;

        max-width: calc(94vw - 14px) !important;
        max-height: calc(92vh - 50px) !important;

        object-fit: contain !important;
        object-position: center center !important;
    }
}



/* ==========================================================
   SISTEMA GERAL DE PUBLICIDADES — PORTAL NO FOCO
   ========================================================== */

.public-ad-loaded{
    padding:0 !important;
    overflow:hidden !important;
    box-sizing:border-box !important;
}

.public-ad-loaded .public-ad-link{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
}

.public-ad-loaded .public-ad-image{
    display:block !important;
    width:100% !important;
    height:100% !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    object-position:center center !important;
}


/* BANNER SUPERIOR — 970 × 150 */

#homeTopAd,
#articleTopAd,
[data-ad-placement="home_top"]{
    width:100% !important;
    max-width:970px !important;
    aspect-ratio:970 / 150 !important;
    height:auto !important;
    min-height:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
}

#homeTopAd .public-ad-image,
#articleTopAd .public-ad-image,
[data-ad-placement="home_top"] .public-ad-image{
    object-fit:contain !important;
}


/* PUBLICIDADE LATERAL */

[data-ad-placement="article_sidebar"]{
    width:100% !important;
    overflow:hidden !important;
}

[data-ad-placement="article_sidebar"] .public-ad-image{
    object-fit:contain !important;
}


/* PUBLICIDADES MAIS LIDAS */

[data-ad-placement="most_read_1"],
[data-ad-placement="most_read_2"],
[data-ad-placement="most_read_3"]{
    overflow:hidden !important;
}

[data-ad-placement="most_read_1"] .public-ad-image,
[data-ad-placement="most_read_2"] .public-ad-image,
[data-ad-placement="most_read_3"] .public-ad-image{
    object-fit:contain !important;
}


/* RESPONSIVO */

@media screen and (max-width:768px){

    #homeTopAd,
    #articleTopAd,
    [data-ad-placement="home_top"]{
        width:100% !important;
        max-width:100% !important;
        aspect-ratio:970 / 150 !important;
        height:auto !important;
    }

    #homeTopAd .public-ad-image,
    #articleTopAd .public-ad-image,
    [data-ad-placement="home_top"] .public-ad-image{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
    }
}


/* ==========================================================
   HOME — CARDS CIDADE / MINAS GERAIS
   FOTO QUADRADA E COMPACTA
   ========================================================== */

#cidadeAutomatico .cards,
#minasAutomatico .cards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 18px !important;
    align-items: start !important;
}

#cidadeAutomatico .card,
#minasAutomatico .card {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

#cidadeAutomatico .home-category-link,
#minasAutomatico .home-category-link {
    display: block !important;
    width: 100% !important;
    text-decoration: none !important;
}

#cidadeAutomatico .card img,
#minasAutomatico .card img,
#cidadeAutomatico .card .card-img,
#minasAutomatico .card .card-img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 0 10px 0 !important;
}

#cidadeAutomatico .card h3,
#minasAutomatico .card h3 {
    margin: 4px 0 0 !important;
    line-height: 1.15 !important;
}

/* MOBILE */
@media screen and (max-width: 600px) {

    #cidadeAutomatico .cards,
    #minasAutomatico .cards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    #cidadeAutomatico .card img,
    #minasAutomatico .card img,
    #cidadeAutomatico .card .card-img,
    #minasAutomatico .card .card-img {
        aspect-ratio: 1 / 1 !important;
        width: 100% !important;
        height: auto !important;
        object-fit: cover !important;
    }
}


/* AJUSTE FINAL — CARDS COMPACTOS CIDADE E MINAS GERAIS */

#cidadeAutomatico .cards,
#minasAutomatico .cards {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    justify-content: flex-start !important;
}

#cidadeAutomatico .card,
#minasAutomatico .card,
#cidadeAutomatico .home-category-link,
#minasAutomatico .home-category-link {
    width: 220px !important;
    max-width: 220px !important;
    min-width: 220px !important;
    flex: 0 0 220px !important;
}

#cidadeAutomatico .card img,
#minasAutomatico .card img,
#cidadeAutomatico .card .card-img,
#minasAutomatico .card .card-img {
    width: 220px !important;
    height: 220px !important;
    max-width: 220px !important;
    max-height: 220px !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

#cidadeAutomatico .card h3,
#minasAutomatico .card h3 {
    width: 220px !important;
    max-width: 220px !important;
    font-size: 16px !important;
    line-height: 1.15 !important;
}

/* CELULAR */
@media screen and (max-width: 600px) {

    #cidadeAutomatico .cards,
    #minasAutomatico .cards {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    #cidadeAutomatico .card,
    #minasAutomatico .card,
    #cidadeAutomatico .home-category-link,
    #minasAutomatico .home-category-link {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        flex: none !important;
    }

    #cidadeAutomatico .card img,
    #minasAutomatico .card img,
    #cidadeAutomatico .card .card-img,
    #minasAutomatico .card .card-img {
        width: 100% !important;
        height: auto !important;
        max-width: none !important;
        max-height: none !important;
        aspect-ratio: 1 / 1 !important;
        object-fit: cover !important;
    }

    #cidadeAutomatico .card h3,
    #minasAutomatico .card h3 {
        width: 100% !important;
        max-width: none !important;
        font-size: 14px !important;
    }
}


/* ===== CARDS PEQUENOS - CIDADE E MINAS GERAIS ===== */

#cidadeAutomatico .cards,
#minasAutomatico .cards {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 22px !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

#cidadeAutomatico .card,
#minasAutomatico .card {
    width: 220px !important;
    max-width: 220px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
}

#cidadeAutomatico .card-img,
#minasAutomatico .card-img {
    width: 220px !important;
    height: 150px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    overflow: hidden !important;
    margin: 0 0 8px 0 !important;
    padding: 0 !important;
}

#cidadeAutomatico .card-img img,
#minasAutomatico .card-img img,
#cidadeAutomatico .card img,
#minasAutomatico .card img {
    width: 220px !important;
    height: 150px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    min-height: 150px !important;
    max-height: 150px !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cidadeAutomatico .card h3,
#minasAutomatico .card h3 {
    width: 220px !important;
    max-width: 220px !important;
    margin: 4px 0 0 !important;
}

/* MOBILE */
@media screen and (max-width: 600px) {
    #cidadeAutomatico .card,
    #minasAutomatico .card {
        width: 170px !important;
        max-width: 170px !important;
    }

    #cidadeAutomatico .card-img,
    #minasAutomatico .card-img,
    #cidadeAutomatico .card-img img,
    #minasAutomatico .card-img img,
    #cidadeAutomatico .card img,
    #minasAutomatico .card img {
        width: 170px !important;
        max-width: 170px !important;
        min-width: 170px !important;
        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
    }

    #cidadeAutomatico .card h3,
    #minasAutomatico .card h3 {
        width: 170px !important;
        max-width: 170px !important;
    }
}


/* ===== TAMANHO DEFINITIVO DOS CARDS CIDADE / MINAS ===== */

section#cidadeAutomatico .cards,
section#minasAutomatico .cards {
    display: flex !important;
    grid-template-columns: none !important;
    flex-wrap: wrap !important;
    gap: 18px !important;
    width: 100% !important;
}

section#cidadeAutomatico .cards > *,
section#minasAutomatico .cards > *,
section#cidadeAutomatico article,
section#minasAutomatico article,
section#cidadeAutomatico .card,
section#minasAutomatico .card {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: auto !important;
    flex: 0 0 140px !important;
}

section#cidadeAutomatico .card-img,
section#minasAutomatico .card-img,
section#cidadeAutomatico article .card-img,
section#minasAutomatico article .card-img {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 95px !important;
    min-height: 95px !important;
    max-height: 95px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important;
    padding: 0 !important;
    margin: 0 0 7px 0 !important;
}

section#cidadeAutomatico img,
section#minasAutomatico img,
section#cidadeAutomatico .card-img img,
section#minasAutomatico .card-img img {
    width: 140px !important;
    min-width: 140px !important;
    max-width: 140px !important;
    height: 95px !important;
    min-height: 95px !important;
    max-height: 95px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transform: none !important;
}

section#cidadeAutomatico h3,
section#minasAutomatico h3 {
    width: 140px !important;
    max-width: 140px !important;
    font-size: 14px !important;
    line-height: 1.15 !important;
    margin: 5px 0 0 !important;
}

/* CELULAR */
@media screen and (max-width:600px) {

    section#cidadeAutomatico .cards > *,
    section#minasAutomatico .cards > *,
    section#cidadeAutomatico article,
    section#minasAutomatico article,
    section#cidadeAutomatico .card,
    section#minasAutomatico .card {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        flex: 0 0 120px !important;
    }

    section#cidadeAutomatico .card-img,
    section#minasAutomatico .card-img,
    section#cidadeAutomatico img,
    section#minasAutomatico img {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        height: 82px !important;
        min-height: 82px !important;
        max-height: 82px !important;
        object-fit: cover !important;
    }

    section#cidadeAutomatico h3,
    section#minasAutomatico h3 {
        width: 120px !important;
        max-width: 120px !important;
        font-size: 12px !important;
    }
}


/* ===== HOME CATEGORIAS - CARD COMPACTO DEFINITIVO ===== */
#cidadeAutomatico #cidadeCards,
#minasAutomatico #minasCards {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 22px !important;
}

#cidadeAutomatico #cidadeCards > article,
#minasAutomatico #minasCards > article {
    display: block !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    flex: 0 0 150px !important;
    margin: 0 !important;
    padding: 0 !important;
}

#cidadeAutomatico #cidadeCards > article > a,
#minasAutomatico #minasCards > article > a {
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    text-decoration: none !important;
}

#cidadeAutomatico #cidadeCards article .home-category-img,
#minasAutomatico #minasCards article .home-category-img,
#cidadeAutomatico #cidadeCards article img,
#minasAutomatico #minasCards article img {
    display: block !important;
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 100px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 0 7px 0 !important;
    padding: 0 !important;
    transform: none !important;
}

#cidadeAutomatico #cidadeCards article .kicker,
#minasAutomatico #minasCards article .kicker {
    font-size: 10px !important;
    margin: 0 0 3px !important;
}

#cidadeAutomatico #cidadeCards article h3,
#minasAutomatico #minasCards article h3 {
    width: 150px !important;
    max-width: 150px !important;
    font-size: 13px !important;
    line-height: 1.18 !important;
    margin: 0 !important;
}

/* MOBILE */
@media screen and (max-width:600px) {
    #cidadeAutomatico #cidadeCards > article,
    #minasAutomatico #minasCards > article,
    #cidadeAutomatico #cidadeCards > article > a,
    #minasAutomatico #minasCards > article > a {
        width: 130px !important;
        min-width: 130px !important;
        max-width: 130px !important;
        flex-basis: 130px !important;
    }

    #cidadeAutomatico #cidadeCards article .home-category-img,
    #minasAutomatico #minasCards article .home-category-img,
    #cidadeAutomatico #cidadeCards article img,
    #minasAutomatico #minasCards article img {
        width: 130px !important;
        min-width: 130px !important;
        max-width: 130px !important;
        height: 87px !important;
        min-height: 87px !important;
        max-height: 87px !important;
    }

    #cidadeAutomatico #cidadeCards article h3,
    #minasAutomatico #minasCards article h3 {
        width: 130px !important;
        max-width: 130px !important;
        font-size: 12px !important;
    }
}


/* =========================================================
   PORTAL NO FOCO
   CARDS CIDADE / MINAS GERAIS - IMPLEMENTAÇÃO ISOLADA
   ========================================================= */

#cidadeCards.cards,
#minasCards.cards {
    display: flex !important;
    grid-template-columns: none !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    align-items: flex-start !important;
    gap: 24px !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* CARD */

#cidadeCards > .nf-category-card,
#minasCards > .nf-category-card {

    display: block !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    flex: 0 0 180px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    overflow: visible !important;
}


/* LINK */

#cidadeCards > .nf-category-card > .nf-category-link,
#minasCards > .nf-category-card > .nf-category-link {

    display: block !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    margin: 0 !important;
    padding: 0 !important;

    text-decoration: none !important;
}


/* FOTO — QUADRADO */

#cidadeCards .nf-category-thumb,
#minasCards .nf-category-thumb {

    display: block !important;

    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;

    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;

    aspect-ratio: 1 / 1 !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: none !important;

    overflow: hidden !important;
}


#cidadeCards .nf-category-thumb-empty,
#minasCards .nf-category-thumb-empty {
    background: #d7e1ef !important;
}


/* CATEGORIA */

#cidadeCards .nf-category-kicker,
#minasCards .nf-category-kicker {

    display: block !important;

    width: 180px !important;

    margin: 0 0 4px 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;

    color: #2f5fb3 !important;
}


/* TÍTULO */

#cidadeCards .nf-category-title,
#minasCards .nf-category-title {

    display: block !important;

    width: 180px !important;
    min-width: 0 !important;
    max-width: 180px !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;

    overflow-wrap: break-word !important;
}


/* MENSAGEM SEM NOTÍCIA */

#cidadeCards .nf-category-empty,
#minasCards .nf-category-empty {

    width: 100% !important;
    margin: 0 !important;
    padding: 8px 0 !important;

    font-size: 13px !important;
}


/* MOBILE */

@media screen and (max-width:600px){

    #cidadeCards.cards,
    #minasCards.cards {
        gap: 16px !important;
    }

    #cidadeCards > .nf-category-card,
    #minasCards > .nf-category-card,
    #cidadeCards > .nf-category-card > .nf-category-link,
    #minasCards > .nf-category-card > .nf-category-link {

        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;

        flex-basis: 140px !important;
    }

    #cidadeCards .nf-category-thumb,
    #minasCards .nf-category-thumb {

        width: 140px !important;
        min-width: 140px !important;
        max-width: 140px !important;

        height: 140px !important;
        min-height: 140px !important;
        max-height: 140px !important;
    }

    #cidadeCards .nf-category-kicker,
    #minasCards .nf-category-kicker,
    #cidadeCards .nf-category-title,
    #minasCards .nf-category-title {

        width: 140px !important;
        max-width: 140px !important;
    }

    #cidadeCards .nf-category-title,
    #minasCards .nf-category-title {
        font-size: 12px !important;
    }
}


/* =========================================================
   CIDADE + MINAS GERAIS
   3 NOTÍCIAS / CARDS RETANGULARES
   ========================================================= */

/* CONTAINER COM 3 COLUNAS */
#cidadeCards.cards,
#minasCards.cards {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
    width: 100% !important;
    align-items: start !important;
}

/* CARD */
#cidadeCards > .nf-category-card,
#minasCards > .nf-category-card {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* LINK */
#cidadeCards > .nf-category-card > .nf-category-link,
#minasCards > .nf-category-card > .nf-category-link {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* FOTO RETANGULAR HORIZONTAL */
#cidadeCards .nf-category-thumb,
#minasCards .nf-category-thumb {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 16 / 9 !important;

    object-fit: cover !important;
    object-position: center !important;

    margin: 0 0 9px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    transform: none !important;
    overflow: hidden !important;
}

/* CATEGORIA */
#cidadeCards .nf-category-kicker,
#minasCards .nf-category-kicker {
    display: block !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 4px 0 !important;
    padding: 0 !important;

    font-size: 10px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* TÍTULO */
#cidadeCards .nf-category-title,
#minasCards .nf-category-title {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 15px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;
}

/* TABLET */
@media screen and (max-width: 800px) {

    #cidadeCards.cards,
    #minasCards.cards {
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 18px !important;
    }
}

/* CELULAR */
@media screen and (max-width: 520px) {

    #cidadeCards.cards,
    #minasCards.cards {
        grid-template-columns: 1fr !important;
        gap: 20px !important;
    }

    #cidadeCards > .nf-category-card,
    #minasCards > .nf-category-card {
        width: 100% !important;
        max-width: 100% !important;
    }

    #cidadeCards .nf-category-thumb,
    #minasCards .nf-category-thumb {
        width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }

    #cidadeCards .nf-category-title,
    #minasCards .nf-category-title {
        font-size: 14px !important;
    }
}


/* ==========================================================
   HOME — CIDADE E MINAS GERAIS
   DEFINITIVO: 3 CARDS GRANDES POR FILEIRA
   ========================================================== */

#cidadeAutomatico,
#minasAutomatico {
    width: 100% !important;
    max-width: 100% !important;
}

#cidadeCards,
#minasCards {
    width: 100% !important;
    max-width: 100% !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 24px !important;
    row-gap: 30px !important;

    align-items: start !important;
}

/* CARD — elimina definitivamente limite antigo de 120px */
#cidadeCards > *,
#minasCards > *,
#cidadeCards > article,
#minasCards > article,
#cidadeCards .nf-category-card,
#minasCards .nf-category-card {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
}

/* LINK OCUPA TODO O CARD */
#cidadeCards a,
#minasCards a,
#cidadeCards .nf-category-link,
#minasCards .nf-category-link {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-decoration: none !important;
}

/* IMAGEM GRANDE RETANGULAR */
#cidadeCards img,
#minasCards img,
#cidadeCards .nf-category-thumb,
#minasCards .nf-category-thumb {
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 16 / 9 !important;

    object-fit: cover !important;
    object-position: center !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    transform: none !important;
}

/* CATEGORIA */
#cidadeCards .nf-category-kicker,
#minasCards .nf-category-kicker,
#cidadeCards .kicker,
#minasCards .kicker {
    width: 100% !important;
    max-width: none !important;

    margin: 0 0 5px 0 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* TÍTULO GRANDE E PROPORCIONAL */
#cidadeCards h3,
#minasCards h3,
#cidadeCards .nf-category-title,
#minasCards .nf-category-title {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 18px !important;
    line-height: 1.18 !important;
    font-weight: 700 !important;

    white-space: normal !important;
}

/* TABLET — 2 POR FILEIRA */
@media screen and (max-width: 800px) {
    #cidadeCards,
    #minasCards {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }

    #cidadeCards h3,
    #minasCards h3,
    #cidadeCards .nf-category-title,
    #minasCards .nf-category-title {
        font-size: 16px !important;
    }
}

/* CELULAR — 1 POR FILEIRA */
@media screen and (max-width: 520px) {
    #cidadeCards,
    #minasCards {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    #cidadeCards img,
    #minasCards img,
    #cidadeCards .nf-category-thumb,
    #minasCards .nf-category-thumb {
        width: 100% !important;
        min-width: 100% !important;
        aspect-ratio: 16 / 9 !important;
    }

    #cidadeCards h3,
    #minasCards h3,
    #cidadeCards .nf-category-title,
    #minasCards .nf-category-title {
        font-size: 17px !important;
    }
}


/* ==========================================================
   PORTAL NO FOCO
   CIDADE / MINAS GERAIS — LAYOUT ISOLADO DEFINITIVO
   ========================================================== */

#cidadeCards,
#minasCards {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 26px !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* CARD NOVO */
#cidadeCards .nofoco-home-news,
#minasCards .nofoco-home-news {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    position: static !important;
    transform: none !important;
}

/* LINK */
#cidadeCards .nofoco-home-news-link,
#minasCards .nofoco-home-news-link {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;
    text-decoration: none !important;

    position: static !important;
    transform: none !important;
}

/* CONTAINER DA FOTO */
#cidadeCards .nofoco-home-news-photo,
#minasCards .nofoco-home-news-photo {
    display: block !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    aspect-ratio: 16 / 9 !important;

    margin: 0 0 11px 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    position: relative !important;
    transform: none !important;
}

/* FOTO */
#cidadeCards .nofoco-home-news-photo img,
#minasCards .nofoco-home-news-photo img {
    display: block !important;

    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: center !important;

    transform: none !important;
}

/* NOME DA CATEGORIA */
#cidadeCards .nofoco-home-news-category,
#minasCards .nofoco-home-news-category {
    display: block !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 0 5px 0 !important;
    padding: 0 !important;

    color: #2f64b5 !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
}

/* TÍTULO */
#cidadeCards .nofoco-home-news-title,
#minasCards .nofoco-home-news-title {
    display: block !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #071a3d !important;

    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    white-space: normal !important;
    overflow: visible !important;

    position: static !important;
    transform: none !important;
}

/* TABLET */
@media (max-width: 800px) {

    #cidadeCards,
    #minasCards {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }

    #cidadeCards .nofoco-home-news-title,
    #minasCards .nofoco-home-news-title {
        font-size: 17px !important;
    }
}

/* CELULAR */
@media (max-width: 520px) {

    #cidadeCards,
    #minasCards {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    #cidadeCards .nofoco-home-news-title,
    #minasCards .nofoco-home-news-title {
        font-size: 18px !important;
    }
}


/* BREADCRUMB — PÁGINA INICIAL > CATEGORIA */
.breadcrumb {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
}

.breadcrumb a,
.breadcrumb span {
    font-size: inherit;
}

.breadcrumb-separator {
    opacity: .7;
}

#breadcrumbCategory {
    display: inline;
}

/* CORREÇÃO BREADCRUMB — Página Inicial › Categoria */
.breadcrumb {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
}

.breadcrumb-separator {
    order: 2 !important;
}

.breadcrumb > a:first-child {
    order: 1 !important;
}

#breadcrumbCategory {
    order: 3 !important;
}

.breadcrumb::after {
    display: none !important;
    content: none !important;
}

/* =========================================================
   ULTIMAS DE CIDADE - SIDEBAR DA NOTICIA
   BLOCO ISOLADO
   ========================================================= */

.sidebar .ultima-cidade-item {
    display: grid !important;
    grid-template-columns: 56px 1fr !important;
    gap: 8px !important;
    align-items: center !important;
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border-bottom: 1px solid #e3e7ed !important;
    text-decoration: none !important;
}

.sidebar .ultima-cidade-foto {
    width: 56px !important;
    height: 44px !important;
    min-width: 56px !important;
    overflow: hidden !important;
    background: #dce5f1 !important;
}

.sidebar .ultima-cidade-foto img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

.sidebar .ultima-cidade-titulo {
    color: #12203a !important;
    font-size: 12px !important;
    line-height: 1.12 !important;
    font-weight: 700 !important;
    margin: 0 !important;
}

.sidebar .ultima-cidade-item:hover .ultima-cidade-titulo {
    text-decoration: underline !important;
}

.sidebar .ultimas-cidade-vazio {
    font-size: 12px !important;
    color: #6f7785 !important;
    padding: 12px 0 !important;
}


/* =========================================================
   CORREÇÃO DEFINITIVA — ÚLTIMAS DE CIDADE
   ========================================================= */

.sidebar #ultimasCidadeLista,
.sidebar .ultimas-cidade-lista {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 12px 0 0 0 !important;
    padding: 0 !important;
    gap: 0 !important;
}

.sidebar #ultimasCidadeLista .ultima-cidade-item {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 9px !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 10px 0 !important;

    border-bottom: 1px solid #e2e6ec !important;

    text-decoration: none !important;
    box-sizing: border-box !important;
}

.sidebar #ultimasCidadeLista .ultima-cidade-foto {
    display: block !important;

    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;
    background: #dce5f1 !important;
}

.sidebar #ultimasCidadeLista .ultima-cidade-foto img {
    display: block !important;

    width: 56px !important;
    min-width: 56px !important;
    max-width: 56px !important;

    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;

    object-fit: cover !important;
    object-position: center !important;

    margin: 0 !important;
    padding: 0 !important;
}

.sidebar #ultimasCidadeLista .ultima-cidade-titulo {
    display: block !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #12203a !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    font-weight: 700 !important;

    overflow-wrap: break-word !important;
}

.sidebar #ultimasCidadeLista .ultima-cidade-item:hover
.ultima-cidade-titulo {
    text-decoration: underline !important;
}



/* ==========================================================
   HOME MOBILE — CIDADE / MINAS
   FOTO RETANGULAR + TÍTULO E SUBTÍTULO À DIREITA
   NÃO ALTERA DESKTOP
   ========================================================== */

@media screen and (max-width:768px){

    #cidadeAutomatico,
    #minasAutomatico{
        width:100% !important;
        max-width:100% !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    #cidadeCards.nf-mobile-category-list,
    #minasCards.nf-mobile-category-list{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;
        gap:0 !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }

    #cidadeCards.nf-mobile-category-list > article,
    #minasCards.nf-mobile-category-list > article,
    #cidadeCards.nf-mobile-category-list > .nofoco-home-news,
    #minasCards.nf-mobile-category-list > .nofoco-home-news,
    #cidadeCards.nf-mobile-category-list > .nf-category-card,
    #minasCards.nf-mobile-category-list > .nf-category-card{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        height:auto !important;
        margin:0 !important;
        padding:12px 0 !important;
        border-bottom:1px solid #e3e7ed !important;
        box-sizing:border-box !important;
    }

    #cidadeCards.nf-mobile-category-list article > a,
    #minasCards.nf-mobile-category-list article > a,
    #cidadeCards.nf-mobile-category-list .nofoco-home-news-link,
    #minasCards.nf-mobile-category-list .nofoco-home-news-link,
    #cidadeCards.nf-mobile-category-list .nf-category-link,
    #minasCards.nf-mobile-category-list .nf-category-link{
        display:grid !important;
        grid-template-columns:38% minmax(0,1fr) !important;
        grid-template-rows:auto !important;
        column-gap:14px !important;
        align-items:start !important;
        width:100% !important;
        max-width:100% !important;
        height:auto !important;
        margin:0 !important;
        padding:0 !important;
        text-decoration:none !important;
        box-sizing:border-box !important;
    }

    #cidadeCards.nf-mobile-category-list .nofoco-home-news-photo,
    #minasCards.nf-mobile-category-list .nofoco-home-news-photo{
        grid-column:1 !important;
        grid-row:1 !important;
        width:100% !important;
        height:auto !important;
        aspect-ratio:16/10 !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        overflow:hidden !important;
        border-radius:4px !important;
    }

    #cidadeCards.nf-mobile-category-list .nf-category-thumb,
    #minasCards.nf-mobile-category-list .nf-category-thumb{
        grid-column:1 !important;
        grid-row:1 !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        aspect-ratio:16/10 !important;
        min-height:0 !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        object-fit:cover !important;
        border-radius:4px !important;
    }

    #cidadeCards.nf-mobile-category-list .nofoco-home-news-photo img,
    #minasCards.nf-mobile-category-list .nofoco-home-news-photo img{
        display:block !important;
        width:100% !important;
        height:100% !important;
        min-height:0 !important;
        max-height:none !important;
        object-fit:cover !important;
        object-position:center !important;
        margin:0 !important;
        padding:0 !important;
        transform:none !important;
    }

    #cidadeCards.nf-mobile-category-list .nf-mobile-news-text,
    #minasCards.nf-mobile-category-list .nf-mobile-news-text{
        grid-column:2 !important;
        grid-row:1 !important;
        display:flex !important;
        flex-direction:column !important;
        justify-content:flex-start !important;
        align-self:stretch !important;
        width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    #cidadeCards.nf-mobile-category-list .nf-mobile-news-text h3,
    #minasCards.nf-mobile-category-list .nf-mobile-news-text h3,
    #cidadeCards.nf-mobile-category-list .nofoco-home-news-title,
    #minasCards.nf-mobile-category-list .nofoco-home-news-title,
    #cidadeCards.nf-mobile-category-list .nf-category-title,
    #minasCards.nf-mobile-category-list .nf-category-title{
        display:block !important;
        width:100% !important;
        margin:0 0 7px 0 !important;
        padding:0 !important;
        font-size:17px !important;
        line-height:1.16 !important;
        font-weight:750 !important;
        color:#102342 !important;
        white-space:normal !important;
        overflow:visible !important;
        text-overflow:clip !important;
        transform:none !important;
    }

    #cidadeCards.nf-mobile-category-list .nf-mobile-news-subtitle,
    #minasCards.nf-mobile-category-list .nf-mobile-news-subtitle{
        display:-webkit-box !important;
        width:100% !important;
        margin:0 !important;
        padding:0 !important;
        color:#68768a !important;
        font-size:12px !important;
        font-weight:400 !important;
        line-height:1.35 !important;
        overflow:hidden !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:3 !important;
    }

    #cidadeCards.nf-mobile-category-list .nofoco-home-news-category,
    #minasCards.nf-mobile-category-list .nofoco-home-news-category,
    #cidadeCards.nf-mobile-category-list .nf-category-kicker,
    #minasCards.nf-mobile-category-list .nf-category-kicker{
        display:none !important;
    }
}



/* ==========================================================
   PAGINAÇÃO — PÁGINAS DE CATEGORIA
   ========================================================== */

.nf-category-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:8px;
    width:100%;
    margin:38px 0 15px;
    padding-top:24px;
    border-top:1px solid #e3e7ed;
}

.nf-category-pagination a,
.nf-category-pagination span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:42px;
    height:42px;
    padding:0 13px;
    box-sizing:border-box;
    border:1px solid #dce2ea;
    border-radius:5px;
    background:#fff;
    color:#102342;
    font-size:14px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
    transition:.15s ease;
}

.nf-category-pagination a:hover{
    border-color:#153d70;
    background:#f3f6fa;
}

.nf-category-pagination .nf-page-number.active{
    background:#123a69;
    border-color:#123a69;
    color:#fff;
}

.nf-category-pagination .nf-page-nav{
    padding-left:17px;
    padding-right:17px;
}

@media screen and (max-width:600px){

    .nf-category-pagination{
        gap:6px;
        margin-top:28px;
        padding-top:20px;
    }

    .nf-category-pagination a,
    .nf-category-pagination span{
        min-width:38px;
        height:38px;
        padding:0 10px;
        font-size:13px;
    }

    .nf-category-pagination .nf-page-nav{
        padding-left:12px;
        padding-right:12px;
    }
}



/* ==========================================================
   PORTAL NO FOCO
   PADRONIZAÇÃO DEFINITIVA DAS FOTOS — PÁGINAS DE CATEGORIA
   ========================================================== */

/* FOTO PRINCIPAL / DESTAQUE DA CATEGORIA */
.category-featured-image{
    display:block !important;
    width:100% !important;
    height:420px !important;
    min-height:420px !important;
    max-height:420px !important;
    overflow:hidden !important;
    border-radius:6px !important;
    background:#eef1f5 !important;
}

.category-featured-image > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
}


/* DEMAIS NOTÍCIAS DA CATEGORIA */
.category-item-img{
    display:block !important;
    width:100% !important;
    height:190px !important;
    min-height:190px !important;
    max-height:190px !important;
    overflow:hidden !important;
    border-radius:5px !important;
    background:#eef1f5 !important;
}

.category-item-img > img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:100% !important;
    max-height:100% !important;
    object-fit:cover !important;
    object-position:center center !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
}


/* MOBILE */
@media screen and (max-width:768px){

    .category-featured-image{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:16 / 9 !important;
    }

    .category-featured-image > img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }

    .category-item-img{
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:16 / 9 !important;
    }

    .category-item-img > img{
        width:100% !important;
        height:100% !important;
        object-fit:cover !important;
    }
}



/* ==========================================================
   PORTAL NO FOCO
   CATEGORIAS — LISTA HORIZONTAL SOMENTE NO MOBILE
   MESMO PADRÃO VISUAL DA HOME
   ========================================================== */

@media screen and (max-width:768px){

    /* LISTA DAS NOTÍCIAS */
    .category-list{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;
        gap:0 !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 !important;
    }


    /* CADA NOTÍCIA */
    .category-list .category-item{
        display:grid !important;
        grid-template-columns:38% minmax(0,1fr) !important;
        grid-template-rows:auto auto auto auto !important;
        column-gap:14px !important;
        row-gap:4px !important;

        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:14px 0 !important;

        border-bottom:1px solid #e3e7ed !important;

        box-sizing:border-box !important;
        overflow:visible !important;
    }


    /* FOTO */
    .category-list .category-item .category-item-img{
        grid-column:1 !important;
        grid-row:1 / span 4 !important;

        display:block !important;

        width:100% !important;
        height:auto !important;

        min-width:0 !important;
        min-height:0 !important;

        max-width:100% !important;
        max-height:none !important;

        aspect-ratio:16 / 10 !important;

        margin:0 !important;
        padding:0 !important;

        overflow:hidden !important;

        border-radius:5px !important;

        align-self:start !important;
    }


    .category-list .category-item .category-item-img img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:0 !important;
        min-height:0 !important;

        max-width:none !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        transform:none !important;
    }


    /* CATEGORIA */
    .category-list .category-item > .kicker{
        grid-column:2 !important;
        grid-row:1 !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin:0 0 2px 0 !important;
        padding:0 !important;

        font-size:12px !important;
        line-height:1.1 !important;
        font-weight:700 !important;

        white-space:normal !important;
    }


    /* LINK DO TÍTULO */
    .category-list .category-item > a{
        grid-column:2 !important;
        grid-row:2 !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        text-decoration:none !important;
    }


    /* TÍTULO */
    .category-list .category-item > a h3,
    .category-list .category-item h3{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        font-size:16px !important;
        line-height:1.17 !important;
        font-weight:700 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;

        overflow:visible !important;
        text-overflow:clip !important;

        transform:none !important;
    }


    /* SUBTÍTULO */
    .category-list .category-item > p{
        grid-column:2 !important;
        grid-row:3 !important;

        display:-webkit-box !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:3px 0 0 0 !important;
        padding:0 !important;

        font-size:12px !important;
        line-height:1.3 !important;
        font-weight:400 !important;

        overflow:hidden !important;

        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
    }


    /* DATA */
    .category-list .category-item > small{
        grid-column:2 !important;
        grid-row:4 !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;

        margin:3px 0 0 0 !important;
        padding:0 !important;

        font-size:11px !important;
        line-height:1.2 !important;

        white-space:normal !important;
    }

}



/* ==========================================================
   PORTAL NO FOCO
   NOTÍCIA — PUBLICIDADE 300x300 NO MOBILE
   ========================================================== */

@media screen and (max-width:768px){

    /* PUBLICIDADES LATERAIS DA PÁGINA DA NOTÍCIA */
    .article-layout .sidebar .ad.sidebar-ad,
    .article-layout .sidebar-ads .ad,
    .article-layout .sidebar-ad,
    .article-page .sidebar .ad.sidebar-ad,
    .article-page .sidebar-ad,
    .sidebar .ad.sidebar-ad{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:min(300px, 100%) !important;
        height:auto !important;

        min-width:0 !important;
        min-height:0 !important;

        max-width:300px !important;
        max-height:none !important;

        aspect-ratio:1 / 1 !important;

        margin:20px auto !important;
        padding:0 !important;

        overflow:hidden !important;
        box-sizing:border-box !important;

        flex:none !important;
        transform:none !important;
    }


    /* LINK DA PUBLICIDADE */
    .article-layout .sidebar .ad.sidebar-ad > a,
    .article-layout .sidebar-ads .ad > a,
    .article-layout .sidebar-ad > a,
    .article-page .sidebar .ad.sidebar-ad > a,
    .article-page .sidebar-ad > a,
    .sidebar .ad.sidebar-ad > a{
        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:100% !important;
        min-height:100% !important;

        max-width:100% !important;
        max-height:100% !important;

        margin:0 !important;
        padding:0 !important;
    }


    /* ARTE 300x300 */
    .article-layout .sidebar .ad.sidebar-ad img,
    .article-layout .sidebar-ads .ad img,
    .article-layout .sidebar-ad img,
    .article-page .sidebar .ad.sidebar-ad img,
    .article-page .sidebar-ad img,
    .sidebar .ad.sidebar-ad img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:100% !important;
        min-height:100% !important;

        max-width:100% !important;
        max-height:100% !important;

        aspect-ratio:1 / 1 !important;

        object-fit:contain !important;
        object-position:center center !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }

}



/* ==========================================================
   NO FOCO — NOTÍCIA MOBILE
   PUBLICIDADE 300x300 — CORREÇÃO FINAL
   ========================================================== */

@media screen and (max-width:768px){

    /* SIDEBAR DA NOTÍCIA */
    .sidebar{
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
    }


    /* QUALQUER PUBLICIDADE 300x300 DENTRO DA SIDEBAR */
    .sidebar .ad,
    .sidebar .sidebar-ad,
    .sidebar-ads .ad,
    aside .ad.sidebar-ad{
        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;

        aspect-ratio:1 / 1 !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        margin:24px auto !important;
        padding:0 !important;

        box-sizing:border-box !important;
        overflow:hidden !important;

        flex:0 0 300px !important;

        transform:none !important;
    }


    /* LINK DA PUBLICIDADE */
    .sidebar .ad > a,
    .sidebar .sidebar-ad > a,
    .sidebar-ads .ad > a,
    aside .ad.sidebar-ad > a{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;

        margin:0 !important;
        padding:0 !important;

        box-sizing:border-box !important;
    }


    /* IMAGEM DA PUBLICIDADE */
    .sidebar .ad img,
    .sidebar .sidebar-ad img,
    .sidebar-ads .ad img,
    aside .ad.sidebar-ad img{
        display:block !important;

        width:300px !important;
        min-width:300px !important;
        max-width:300px !important;

        height:300px !important;
        min-height:300px !important;
        max-height:300px !important;

        aspect-ratio:1 / 1 !important;

        object-fit:contain !important;
        object-position:center !important;

        margin:0 !important;
        padding:0 !important;

        transform:none !important;
    }


    /* PLACEHOLDER QUANDO NÃO EXISTE ARTE CADASTRADA */
    .sidebar .ad > b,
    .sidebar .ad > span{
        position:absolute !important;
    }


    /* TELAS MUITO PEQUENAS */
    @media screen and (max-width:340px){

        .sidebar .ad,
        .sidebar .sidebar-ad,
        .sidebar-ads .ad,
        aside .ad.sidebar-ad{
            width:calc(100vw - 32px) !important;
            min-width:0 !important;
            height:auto !important;
            min-height:0 !important;
            max-height:none !important;
            aspect-ratio:1 / 1 !important;
            flex:none !important;
        }

        .sidebar .ad > a,
        .sidebar .sidebar-ad > a,
        .sidebar-ads .ad > a,
        aside .ad.sidebar-ad > a{
            width:100% !important;
            min-width:0 !important;
            height:100% !important;
            min-height:0 !important;
        }

        .sidebar .ad img,
        .sidebar .sidebar-ad img,
        .sidebar-ads .ad img,
        aside .ad.sidebar-ad img{
            width:100% !important;
            min-width:0 !important;
            height:100% !important;
            min-height:0 !important;
        }
    }

}



/* ==========================================================
   HOME — CIDADE / MINAS GERAIS
   REMOVE SUBTÍTULO DOS CARDS
   ========================================================== */

#cidadeCards .nf-mobile-news-subtitle,
#minasCards .nf-mobile-news-subtitle{
    display:none !important;
}



/* ==========================================================
   HOME — REGIÃO REAL
   HERDA O MESMO VISUAL DO ANTIGO BLOCO
   ========================================================== */

#regiaoCards{
    width:100%;
}

/* Sem subtítulo na Home */
#regiaoCards .nf-mobile-news-subtitle{
    display:none !important;
}


/* MOBILE — REGIÃO */
@media screen and (max-width:768px){

    #regiaoCards{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;
        gap:0 !important;
        width:100% !important;
        max-width:100% !important;
    }

    #regiaoCards > .nf-category-card{
        display:block !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        padding:12px 0 !important;
        border-bottom:1px solid #e3e7ed !important;
    }

    #regiaoCards > .nf-category-card > .nf-category-link{
        display:grid !important;
        grid-template-columns:38% minmax(0,1fr) !important;
        column-gap:14px !important;
        align-items:start !important;
        width:100% !important;
        max-width:100% !important;
    }

    #regiaoCards .nf-category-thumb{
        grid-column:1 !important;

        display:block !important;

        width:100% !important;
        height:auto !important;

        min-width:0 !important;
        min-height:0 !important;
        max-width:100% !important;
        max-height:none !important;

        aspect-ratio:16/10 !important;

        object-fit:cover !important;
        object-position:center !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:4px !important;
    }

    #regiaoCards .nf-category-kicker{
        display:none !important;
    }

    #regiaoCards .nf-category-title{
        grid-column:2 !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        font-size:17px !important;
        line-height:1.16 !important;
        font-weight:700 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;

        overflow:visible !important;
        transform:none !important;
    }
}



/* ==========================================================
   HOME — REGIÃO
   FOTO EXATAMENTE NO MESMO PADRÃO DE CIDADE
   ========================================================== */

/* DESKTOP */
#regiaoCards.cards{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:28px !important;
    width:100% !important;
}

#regiaoCards > .nf-category-card{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
}

#regiaoCards > .nf-category-card > .nf-category-link{
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
}

#regiaoCards .nf-category-thumb{
    display:block !important;

    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;

    height:220px !important;
    min-height:220px !important;
    max-height:220px !important;

    object-fit:cover !important;
    object-position:center center !important;

    margin:0 0 12px 0 !important;
    padding:0 !important;

    border-radius:6px !important;

    transform:none !important;
}


/* MOBILE — MESMO PADRÃO DO CIDADE */
@media screen and (max-width:768px){

    #regiaoCards.cards{
        display:flex !important;
        flex-direction:column !important;
        grid-template-columns:none !important;

        width:100% !important;
        max-width:100% !important;

        gap:0 !important;
        margin:0 !important;
        padding:0 !important;
    }

    #regiaoCards > .nf-category-card{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;

        margin:0 !important;
        padding:12px 0 !important;

        border-bottom:1px solid #e3e7ed !important;
    }

    #regiaoCards > .nf-category-card > .nf-category-link{
        display:grid !important;

        grid-template-columns:38% minmax(0,1fr) !important;
        grid-template-rows:auto !important;

        column-gap:14px !important;

        align-items:start !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;
    }

    #regiaoCards .nf-category-thumb{
        grid-column:1 !important;
        grid-row:1 !important;

        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:16 / 10 !important;

        object-fit:cover !important;
        object-position:center center !important;

        margin:0 !important;
        padding:0 !important;

        border-radius:4px !important;

        transform:none !important;
    }

    #regiaoCards .nf-category-title{
        grid-column:2 !important;
        grid-row:1 !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        font-size:17px !important;
        line-height:1.16 !important;
        font-weight:700 !important;
    }

    #regiaoCards .nf-category-kicker,
    #regiaoCards .nf-mobile-news-subtitle{
        display:none !important;
    }
}



/* ==========================================================
   HOME — REGIÃO IDÊNTICA AO PADRÃO VISUAL DE CIDADE
   ========================================================== */

@media screen and (min-width:769px){

    /* CARD */
    #regiaoCards > .nf-category-card{
        display:block !important;
        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        height:auto !important;
    }


    /* LINK COMPLETO */
    #regiaoCards > .nf-category-card > .nf-category-link{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        margin:0 !important;
        padding:0 !important;

        color:inherit !important;
        text-decoration:none !important;
    }


    /* FOTO — MESMA ALTURA DE CIDADE */
    #regiaoCards .nf-category-thumb{
        display:block !important;

        width:100% !important;
        min-width:100% !important;
        max-width:100% !important;

        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;

        margin:0 0 7px 0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center center !important;

        border-radius:0 !important;

        transform:none !important;
    }


    /* "REGIÃO" — EXATAMENTE NO ESTILO DO "CIDADE" */
    #regiaoCards .nf-category-kicker{
        display:block !important;

        width:100% !important;

        margin:0 0 5px 0 !important;
        padding:0 !important;

        color:#2f67b2 !important;

        font-size:12px !important;
        line-height:1 !important;
        font-weight:700 !important;

        font-family:inherit !important;

        text-transform:none !important;
        letter-spacing:0 !important;

        white-space:normal !important;

        transform:none !important;
    }


    /* TÍTULO — MESMO PADRÃO DE CIDADE */
    #regiaoCards .nf-category-title{
        display:block !important;

        width:100% !important;
        min-width:0 !important;
        max-width:100% !important;

        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        color:#071b3c !important;

        font-size:17px !important;
        line-height:1.16 !important;
        font-weight:700 !important;

        font-family:inherit !important;

        text-transform:none !important;
        letter-spacing:0 !important;

        white-space:normal !important;
        word-break:normal !important;
        overflow-wrap:break-word !important;

        overflow:visible !important;
        text-overflow:clip !important;

        transform:none !important;
    }

}



/* NF COLUNAS PUBLICAS START */

/* identidade visual acima do título da matéria */
.column-brand {
    width: 100%;
    margin: 0 0 24px 0;
    padding: 0;
}

.column-brand-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
}

/* página geral de colunas */
.public-columns-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: 24px;
}

.public-column-card {
    width: 100%;
    border-bottom: 1px solid #e2e6eb;
    padding-bottom: 32px;
}

.public-column-brand {
    width: 100%;
    margin-bottom: 18px;
}

.public-column-brand img {
    display: block;
    width: 100%;
    max-height: 280px;
    object-fit: contain;
    object-position: left center;
}

.public-column-info h2 {
    margin: 0 0 4px;
    font-size: 26px;
    line-height: 1.15;
}

.public-column-author {
    color: #2867b2;
    font-weight: 700;
    margin-bottom: 8px;
}

.public-column-info > p {
    margin: 0 0 20px;
}

.public-column-news {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 20px;
    margin-top: 18px;
}

.public-column-news-item {
    text-decoration: none;
    color: inherit;
}

.public-column-news-item img {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    margin-bottom: 8px;
}

.public-column-news-item strong {
    display: block;
    font-size: 16px;
    line-height: 1.2;
}

.public-column-no-news,
.public-columns-empty,
.public-columns-loading {
    color: #6d7480;
    padding: 15px 0;
}

@media screen and (max-width:700px) {

    .column-brand {
        margin-bottom: 18px;
    }

    .column-brand-image {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
    }

    .public-column-card {
        padding-bottom: 24px;
    }

    .public-column-brand img {
        width: 100%;
        height: auto;
        max-height: none;
        object-fit: contain;
        object-position: center;
    }

    .public-column-info h2 {
        font-size: 22px;
    }

    .public-column-news {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .public-column-news-item {
        display: grid;
        grid-template-columns: 125px minmax(0,1fr);
        gap: 12px;
        align-items: center;
        width: 100%;
        padding: 12px 0;
        border-bottom: 1px solid #e2e6eb;
    }

    .public-column-news-item img {
        width: 125px;
        height: 78px;
        margin: 0;
        object-fit: cover;
        border-radius: 5px;
    }

    .public-column-news-item strong {
        font-size: 15px;
        line-height: 1.2;
    }
}

/* NF COLUNAS PUBLICAS END */


/* =========================================================
   NF COLUNAS - CORREÇÃO DEFINITIVA
   ========================================================= */

#columnBrand.column-brand {
    display:none;
    width:100%;
    margin:0 0 22px 0;
    padding:0;
}

#columnBrand .column-brand-image {
    display:block;
    width:100%;
    max-width:100%;
    height:auto;
    max-height:none;
    object-fit:contain;
    object-position:left center;
    margin:0;
}

.public-columns-grid {
    width:100%;
    display:flex;
    flex-direction:column;
    gap:42px;
    margin-top:24px;
}

.public-column-card {
    width:100%;
    padding-bottom:35px;
    border-bottom:1px solid #e2e5e9;
}

.public-column-header-image {
    display:block;
    width:100%;
    max-width:750px;
    height:auto;
    max-height:280px;
    object-fit:contain;
    object-position:left center;
    margin:0 0 20px 0;
}

.public-column-info h2 {
    margin:0 0 5px 0;
    font-size:26px;
    line-height:1.15;
}

.public-column-author {
    color:#2867b2;
    font-weight:700;
    margin-bottom:10px;
}

.public-column-news {
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
    margin-top:20px;
}

.public-column-news-item {
    display:block;
    text-decoration:none;
    color:inherit;
}

.public-column-news-item > img {
    display:block;
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    margin-bottom:9px;
}

.public-column-news-copy strong {
    display:block;
    font-size:16px;
    line-height:1.2;
}

.public-column-news-copy span {
    display:block;
    margin-top:5px;
    font-size:13px;
    line-height:1.3;
    color:#6d7480;
}

@media(max-width:700px){

    #columnBrand .column-brand-image {
        width:100%;
        height:auto;
        object-fit:contain;
        object-position:center;
    }

    .public-column-header-image {
        width:100%;
        max-width:100%;
        height:auto;
        max-height:none;
        object-fit:contain;
        object-position:center;
    }

    .public-column-news {
        display:flex;
        flex-direction:column;
        gap:0;
    }

    .public-column-news-item {
        display:grid;
        grid-template-columns:125px minmax(0,1fr);
        gap:12px;
        align-items:center;
        padding:12px 0;
        border-bottom:1px solid #e2e5e9;
    }

    .public-column-news-item > img {
        width:125px;
        height:78px;
        aspect-ratio:auto;
        object-fit:cover;
        margin:0;
        border-radius:5px;
    }

    .public-column-news-copy strong {
        font-size:15px;
    }
}

/* =========================================================
   NO FOCO - CENTRALIZACAO DO CABECALHO DO POPUP PUBLICITARIO
   ========================================================= */

.ad-popup .ad-popup-label{
    height:44px !important;
    min-height:44px !important;
    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    gap:7px !important;

    line-height:1 !important;
    text-align:center !important;
    box-sizing:border-box !important;
}

/* Traço amarelo abaixo de PUBLICIDADE */
.ad-popup .ad-popup-label::after{
    content:"" !important;
    display:block !important;

    width:50px !important;
    height:4px !important;

    margin:0 !important;

    background:#f5b51b !important;
    border-radius:10px !important;
}

/* Evita traço antigo duplicado */
.ad-popup .ad-popup-label::before{
    display:none !important;
}

/* Mantém a arte imediatamente depois do cabeçalho */
.ad-popup .ad-popup-art{
    margin-top:0 !important;
}


/* =========================================================
   NO FOCO - CORRECAO FINAL CABECALHO POPUP PUBLICIDADE
   ========================================================= */

/* Centraliza o bloco original */
.ad-popup .ad-popup-label{
    height:50px !important;
    min-height:50px !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    text-align:center !important;
    line-height:1.1 !important;
    box-sizing:border-box !important;
}

/* REMOVE o segundo traço criado na alteração anterior */
.ad-popup .ad-popup-label::after{
    content:none !important;
    display:none !important;
}

/* Não cria nenhum elemento adicional */
.ad-popup .ad-popup-label::before{
    content:none !important;
    display:none !important;
}

/* Ajuste do texto */
.ad-popup .ad-popup-label{
    font-size:10px !important;
    font-weight:800 !important;
    letter-spacing:1.4px !important;
}

/* Mantém a publicidade encostada corretamente após o cabeçalho */
.ad-popup .ad-popup-art{
    margin-top:0 !important;
}


/* NO FOCO - AJUSTE FINO PUBLICIDADE POPUP */
.ad-popup .ad-popup-label{
    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:1.3px !important;
    line-height:1 !important;
}

/* Aproxima o traço amarelo original da palavra PUBLICIDADE */
.ad-popup .ad-popup-label + *,
.ad-popup .ad-popup-label span{
    margin-top:3px !important;
}


/* =========================================================
   NO FOCO - AJUSTE FINO FINAL PUBLICIDADE + TRACO
   ========================================================= */

.ad-popup .ad-popup-label{
    height:50px !important;
    min-height:50px !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:1.3px !important;
    line-height:12px !important;
    text-align:center !important;

    box-sizing:border-box !important;
}

/* Aproxima bastante o traço ORIGINAL da palavra */
.ad-popup .ad-popup-label span{
    display:block !important;
    margin:1px auto 0 !important;
    padding:0 !important;
}

/* Garante que nenhum traço artificial seja criado */
.ad-popup .ad-popup-label::before,
.ad-popup .ad-popup-label::after{
    content:none !important;
    display:none !important;
}

/* Mantém a arte intacta */
.ad-popup .ad-popup-art{
    margin-top:0 !important;
}


/* =========================================================
   NO FOCO - PUBLICIDADE + TRACO - BLOCO UNICO DEFINITIVO
   ========================================================= */

.ad-popup .ad-popup-label{
    position:relative !important;

    height:50px !important;
    min-height:50px !important;

    margin:0 !important;
    padding:0 0 7px 0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:1.3px !important;
    line-height:12px !important;

    text-align:center !important;
    box-sizing:border-box !important;
}

/* Traço controlado diretamente pelo mesmo bloco da palavra */
.ad-popup .ad-popup-label::after{
    content:"" !important;
    display:block !important;

    position:absolute !important;

    width:48px !important;
    height:3px !important;

    left:50% !important;
    bottom:11px !important;

    transform:translateX(-50%) !important;

    margin:0 !important;
    padding:0 !important;

    background:#f5b51b !important;
    border-radius:20px !important;
}

/* Nenhum segundo pseudo-elemento */
.ad-popup .ad-popup-label::before{
    content:none !important;
    display:none !important;
}

/* Neutraliza elementos internos que possam estar gerando
   espaçamento/traço antigo */
.ad-popup .ad-popup-label span{
    display:none !important;
}

/* Publicidade permanece exatamente abaixo */
.ad-popup .ad-popup-art{
    margin-top:0 !important;
}


/* NO FOCO - REMOVE SOMENTE O TRACO AMARELO EXTRA INFERIOR */
.ad-popup .ad-popup-label::after{
    content:none !important;
    display:none !important;
}


/* =========================================================
   NO FOCO - TRACO CORRETO DO POPUP
   Mantém o traço inferior controlado e remove o antigo
   ========================================================= */

.ad-popup .ad-popup-label{
    position:relative !important;
    height:50px !important;
    min-height:50px !important;
    padding:0 0 5px 0 !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:1.3px !important;
    line-height:12px !important;
    text-align:center !important;
    box-sizing:border-box !important;

    /* remove eventual borda/traço antigo */
    border-bottom:none !important;
    text-decoration:none !important;
}

/* Esconde o elemento interno responsável pelo traço antigo */
.ad-popup .ad-popup-label span{
    display:none !important;
}

/* Mantém desligado qualquer ::before antigo */
.ad-popup .ad-popup-label::before{
    content:none !important;
    display:none !important;
}

/* ESTE é o único traço que ficará */
.ad-popup .ad-popup-label::after{
    content:"" !important;
    display:block !important;
    position:absolute !important;

    width:48px !important;
    height:3px !important;

    left:50% !important;
    bottom:9px !important;
    transform:translateX(-50%) !important;

    margin:0 !important;
    padding:0 !important;

    background:#f5b51b !important;
    border:none !important;
    border-radius:20px !important;
}


/* =========================================================
   NO FOCO - REMOVE DEFINITIVAMENTE O TRACO EXTRA INFERIOR
   Mantém somente o traço original superior
   ========================================================= */

.ad-popup .ad-popup-label::after{
    content:none !important;
    display:none !important;
    width:0 !important;
    height:0 !important;
    background:none !important;
    border:0 !important;
}

/* Mantém PUBLICIDADE centralizada */
.ad-popup .ad-popup-label{
    height:50px !important;
    min-height:50px !important;
    padding:0 !important;
    margin:0 !important;

    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    align-items:center !important;

    font-size:12px !important;
    font-weight:800 !important;
    letter-spacing:1.3px !important;
    text-align:center !important;
    box-sizing:border-box !important;
}


/* NO FOCO - DESCE SOMENTE A PALAVRA PUBLICIDADE */
.ad-popup .ad-popup-label{
    transform:translateY(6px) !important;
}


/* =========================================================
   NO FOCO - PUBLICIDADES LATERAIS NO MOBILE
   Remove faixas transparentes acima/abaixo da arte
   ========================================================= */

@media screen and (max-width: 768px) {

    .sidebar-ads .ad,
    .sidebar-ad,
    [data-ad-placement^="most_read_"] {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        background: transparent !important;
    }

    .sidebar-ads .ad img,
    .sidebar-ad img,
    [data-ad-placement^="most_read_"] img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        object-fit: contain !important;
    }

}


/* =========================================================
   NO FOCO - REMOVE BORDA DAS PUBLICIDADES NO MOBILE
   ========================================================= */
@media screen and (max-width: 768px) {

    .sidebar-ads .ad,
    .sidebar-ad,
    .sidebar-ads > *,
    [data-ad-placement^="most_read_"] {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

    .sidebar-ads .ad img,
    .sidebar-ad img,
    [data-ad-placement^="most_read_"] img {
        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }

}