/* =============================================================================
   PADRÃO DO SITE — largura e fundo (19/09/2026)
   -----------------------------------------------------------------------------
   Pedido do dono: categoria e hubs na MESMA largura da capa, e fundo igual em
   todo o site. A capa usa min(1500px, tela − 120px); a categoria estava presa a
   min(1320px, 100% − 28px) (archive-premium.css:78) e os hubs a min(1320px,100%)
   dentro de um .container com 50px de respiro. O fundo fora da capa era creme
   (--osr-bg) — agora é branco, como a capa ficou com a camada clean.

   O ARTIGO mantém a largura atual (decisão do dono): aqui ele só recebe o fundo.
   Abaixo de 1041px nada muda: as réguas de largura são só do desktop de 2 colunas.
   Pele escura ([data-site-skin="dark"]) fica de fora das regras de fundo.
   ============================================================================= */

@media (min-width:1041px){
  /* listagens (categoria, tag, busca, autor, blog) */
  .mow_fn_index .container{
    width:min(1500px, calc(100% - 120px)) !important;
    max-width:none !important;
  }
  .mow_fn_blog.os-archiveListing .os-archiveListing__shell{
    width:min(1500px, calc(100% - 120px)) !important;
  }
  /* hubs do ose-organic-hubs (/lua/, /feriados/, /clima/, /esportes/jogos/…):
     o respiro de 50px do .container sai e o teto do wrapper vira o do site */
  .mow_fn_content .container:has(.ooh-hub){
    width:min(1500px, calc(100% - 120px)) !important;
    max-width:none !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }
  .ooh-hub{max-width:100% !important;}
}

/* fundo branco em todo o site (a capa já está pela camada clean) */
:root:not([data-site-skin="dark"]) .mow_fn_content,
:root:not([data-site-skin="dark"]) .mow_fn_blog_content,
:root:not([data-site-skin="dark"]) .archive .mow_fn_content,
:root:not([data-site-skin="dark"]) .search .mow_fn_content,
:root:not([data-site-skin="dark"]) .blog .mow_fn_content,
:root:not([data-site-skin="dark"]) .mow_fn_index .mow_fn_breadcrumbs,
/* a faixa do caminho ("Home › Notícias › …") tem fundo próprio em
   os-single-premium.css:136 (.mow_fn_breadcrumbs{background:var(--osr-bg)}) —
   é o creme que sobrava no topo do artigo e das listagens */
:root:not([data-site-skin="dark"]) .mow_fn_breadcrumbs,
:root:not([data-site-skin="dark"]) .mow_fn_breadcrumbs .breadcrumbs_wrap,
:root:not([data-site-skin="dark"]) .ooh-hub{
  background:#fff !important;
}

/* ---------- hubs: o creme que ainda sobrava (19/09) ----------
   O fundo do hub não vinha do .mow_fn_content e sim do EMBRULHO da página
   (.mow_fn_singlepost.mow_fn_pagepost) e da faixa do título (.mow_fn_pagetitle),
   ambos com var(--osr-bg). */
:root:not([data-site-skin="dark"]) .mow_fn_singlepost,
:root:not([data-site-skin="dark"]) .mow_fn_pagepost,
:root:not([data-site-skin="dark"]) .mow_fn_pagetitle{
  background:#fff !important;
}

/* ---------- anúncios do hub no padrão do site ----------
   Eram os últimos no formato velho (caixa tracejada + fundo creme + rótulo
   dentro). Agora seguem artigo/capa/listagens: rótulo em cima, régua, respiro
   igual, régua. Só VISUAL — o slot, o tamanho e o carregamento não mudam. */
.ooh-ad-slot{
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  padding:0 0 17px !important;
  position:relative !important;
}
.ooh-ad-slot::before{
  content:"Publicidade" !important;
  display:block !important;
  position:static !important;
  width:auto !important;
  height:auto !important;
  font-family:'Figtree',system-ui,sans-serif !important;
  font-size:9.5px !important;
  font-weight:700 !important;
  line-height:10px !important;
  letter-spacing:.2em !important;
  text-transform:uppercase !important;
  color:oklch(0.68 0.01 60) !important;
  text-align:center !important;
  margin:0 0 17px !important;
  padding:0 0 10px .2em !important;
  border:0 !important;
  border-bottom:1px solid oklch(0.90 0.005 80) !important;
  background:none !important;
}
.ooh-ad-slot::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  height:1px !important;
  background:oklch(0.90 0.005 80) !important;
  border:0 !important;
}

/* ---------- o creme que a auditoria encontrou (19/09) ----------
   1) HUB: o fundo não estava no elemento e sim num PSEUDO full-bleed —
      .ooh-hub::before (ose-organic-hubs/assets/front/css/front.css:49-55) pinta
      var(--ooh-bg) por trás do hub inteiro. Por isso a página media "branca" e
      aparecia creme na tela. Não mexemos no token (--ooh-bg também é usado como
      COR de texto nas linhas 225/249), só no fundo do pseudo.
   2) .ooh-hero-panel: painel do topo do hub, o último retângulo creme da dobra.
   3) Páginas institucionais/contato/publicidade: pintam a página inteira com
      var(--bg) (page-institucional.css:3, page-contato.css:3, page-publicidade.css).
   4) Artigo: .os-ad-slot-wrapper (os-ads-premium.css:6) tem fundo #fafafa — era o
      único bloco cinza que sobrava numa página já branca. Só o fundo sai; margem,
      tamanho e carregamento do anúncio continuam iguais. */
:root:not([data-site-skin="dark"]) .ooh-hub::before,
:root:not([data-site-skin="dark"]) .ooh-hero-panel,
:root:not([data-site-skin="dark"]) .os-page-institucional,
:root:not([data-site-skin="dark"]) .os-page-contato,
:root:not([data-site-skin="dark"]) .os-page-publicidade{
  background:#fff !important;
}
:root:not([data-site-skin="dark"]) .os-ad-slot-wrapper{
  background:transparent !important;
}

/* ---------- paleta do hub alinhada ao site (19/09, auditoria) ----------
   O plugin tem tokens próprios (ose-organic-hubs/assets/front/css/front.css:22-24):
   --ooh-surface-2 (#f5f3f0) pinta o poço das fotos dos cards e --ooh-surface-3
   (#ebe9e6) o espaço reservado — mesmo elemento que na listagem é branco. O filete
   (--ooh-line) já bate com o padrão do site e fica como está; só o painel .luadados,
   que usa o filete como FUNDO, precisa ser branco. */
:root:not([data-site-skin="dark"]) .ooh-hub{
  --ooh-surface-2:#ffffff;
  --ooh-surface-3:#ffffff;
}
:root:not([data-site-skin="dark"]) .luadados{background:#fff !important;}