/* =============================================================================
   ANÚNCIOS — padrão único do site (17/09/2026)
   Arquivo único para: (1) anúncio da LATERAL, (2) lateral parada na rolagem nas
   listagens, (3) anúncio ENTRE OS POSTS nas listagens, (4) CAPA. Sucede os-anuncios-padrao-1.css.
   -----------------------------------------------------------------------------
   (1) ANÚNCIO DA LATERAL
   -----------------------------------------------------------------------------
   Referência aprovada: a lateral do ARTIGO (kit 31, os-single-ads-autor-4.css).
   Antes havia três visuais para o MESMO widget (#mow_ad-N .mow_fn_widget_ad_wrapper):
     - artigo:     régua fina embaixo + rótulo "Publicidade" pequeno e centralizado;
     - categoria:  caixa tracejada, fundo creme, rótulo à esquerda com traço laranja
                   (archive-premium.css);
     - páginas (ex.: /artigos-mais-vistos/): sem estilo — h3 do navegador (18px)
                   e o anúncio encostado à esquerda.
   SIMETRIA (padrão da capa: 16px acima e abaixo da peça, dentro das réguas):
     PUBLICIDADE            ← rótulo pequeno, centralizado, ACIMA do campo
     ─────────────────────  ← régua (borda de baixo do .ad_title)
            14px
         [ 300×600 ]
            14px
     ─────────────────────  ← régua (borda de baixo do wrapper)
   O topo do rótulo fica no topo da coluna lateral (alinha com a coluna principal)
   e o espaço até o box vizinho é o mesmo que já existe entre os outros boxes.
   Só VISUAL: borda, fundo, rótulo e centralização. Não mexe em largura, altura,
   altura reservada, sticky nem no carregamento (caminho crítico de receita).
   Especificidade: :not(#os-lat) soma um ID — vence as regras de classe
   !important do archive-premium.css (0,5,1) sem depender de :has().
   Versão no NOME do arquivo (a Cloudflare ignora ?ver).
   ============================================================================= */

.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat){
  border:0 !important;
  border-bottom:1px solid oklch(0.90 0.005 80) !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding-top:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  padding-bottom:14px !important;
}
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .mow_fn_widget_ad{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
}
/* Rótulo + régua de cima: a régua é a borda de baixo do título, então o campo do
   anúncio fica entre duas réguas com o MESMO respiro (14px) em cima e embaixo. */
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .ad_title{
  border:0 !important;
  border-bottom:1px solid oklch(0.90 0.005 80) !important;
  background:none !important;
  padding:0 0 10px !important;
  margin:0 0 14px !important;
  text-align:center !important;
}
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .ad_title h3{
  display:block !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;
  margin:0 !important;
  padding:0 0 0 .2em !important; /* compensa o letter-spacing do fim da palavra: centro óptico exato */
  border:0 !important;
  background:none !important;
  text-align:center !important;
}
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .ad_title h3::before,
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .ad_title h3::after{
  content:none !important;
  display:none !important;
}
/* Peça centralizada (nas páginas o <ins> 300px ficava à esquerda num slot de 320px)
   e sem a folga de linha de 4px embaixo do inline-block, que quebrava a simetria. */
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .ad_content,
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .adsingle_lateral{
  text-align:center !important;
}
.mow_fn_sidebar .widget_mow_ad .mow_fn_widget_ad_wrapper:not(.os-ad-legacy-wrapper):not(#os-lat) .adsingle_lateral > ins{
  vertical-align:top !important;
}

/* ALINHAMENTO nas listagens (categoria, autor, arquivo): a grade de cards começa
   28px abaixo do topo da coluna (.mow_fn_blog{margin:28px 0 48px}, archive-premium.css),
   mas a lateral começava no topo — o rótulo ficava 28px acima dos cards. Com a mesma
   folga, o rótulo "Publicidade" nasce na linha de topo dos cards. Só em 2 colunas
   (≥1041px, mesmo corte do archive-premium.css); abaixo disso a lateral desce. */
@media (min-width:1041px){
  body.archive .mow_fn_index .wspage_bar .mow_fn_sidebar > .widget_mow_ad:first-child:not(#os-lat),
  body.search .mow_fn_index .wspage_bar .mow_fn_sidebar > .widget_mow_ad:first-child:not(#os-lat),
  body.blog .mow_fn_index .wspage_bar .mow_fn_sidebar > .widget_mow_ad:first-child:not(#os-lat){
    margin-top:28px !important;
  }
}

/* LATERAL PARADA NA ROLAGEM nas listagens (17/09/2026)
   O archive-premium.css já define a lateral como sticky (top 24px), mas ela nunca
   grudava: um CSS inline "html, body{overflow-x:hidden}" transforma o <body> numa
   caixa de rolagem própria, e o sticky passa a grudar no body — que não rola.
   No artigo isso é contornado por JS (initSidebarStickyFallback); aqui basta
   trocar hidden por CLIP no body: corta o vazamento lateral do mesmo jeito, mas
   não cria caixa de rolagem. Só listagens e só em 2 colunas (≥1041px).
   Navegador sem suporte a clip (Safari < 16) ignora e fica como antes. */
@media (min-width:1041px){
  body.archive,
  body.search,
  body.blog{
    overflow-x:clip;
    overflow-y:visible;
  }
}

/* =============================================================================
   ANÚNCIO ENTRE OS POSTS nas listagens (categoria, autor, tag, busca) — 17/09/2026
   -----------------------------------------------------------------------------
   Antes: caixa tracejada + fundo creme + cantos (archive-premium.css "Listing ad
   slot"), rótulo DENTRO e assimétrico (desktop 45px acima × 26px abaixo da peça;
   celular 45 × 19). Agora o mesmo padrão da lateral e da capa:
       PUBLICIDADE
       ───────────────  régua (borda do rótulo)
          16px
       [ anúncio ]
          16px
       ───────────────  régua (borda do item)
   O espaço até os cards vizinhos continua sendo o gap da grade (22px em cima e
   embaixo). Só VISUAL: no celular a largura de borda a borda (100vw + margens
   negativas do os-ads-layout.css) NÃO é tocada — nenhuma margem lateral, largura
   ou padding lateral diferente do que já é aplicado lá (0). Tamanho e carregamento do anúncio intactos.
   ============================================================================= */
.mow_fn_blog .osArchiveCardAd.post_item--listbetween-ad:not(#os-lista){
  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid oklch(0.90 0.005 80) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding-top:0 !important;
  padding-bottom:16px !important;
  padding-left:0 !important;  /* = ao que o os-ads-layout.css já força no celular; no desktop */
  padding-right:0 !important; /* tira os 18px para as duas réguas terem a MESMA largura */
  text-align:center !important;
}
.mow_fn_blog .osArchiveCardAd.post_item--listbetween-ad:not(#os-lista)::before{
  content:"Publicidade" !important;
  display:block !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 16px !important;
  padding:0 0 10px .2em !important; /* .2em à esquerda: centro óptico com o letter-spacing */
  border-bottom:1px solid oklch(0.90 0.005 80) !important;
  background:none !important;
}
/* Sem a folga de ~7px embaixo do <ins> inline-block (quebrava a simetria no desktop). */
.mow_fn_blog .osArchiveCardAd.post_item--listbetween-ad:not(#os-lista) ins.adsbygoogle{
  vertical-align:top !important;
}

/* =============================================================================
   (4) CAPA — espaços de anúncio no padrão do site (17/09/2026)
   -----------------------------------------------------------------------------
   Antes: caixa tracejada + fundo creme + cantos, SEM rótulo (home-premium.css
   "body.home .ose-home-premium .os-slot/…"), réguas de ponta a ponta da tela
   (1440px) enquanto o conteúdo tem 1192px; e o anúncio depois de "Mais lidas"
   tinha 76px acima × 24px abaixo.
   Agora igual a artigo/lateral/listagens:
       PUBLICIDADE            ← rótulo (::before, no fluxo)
       ──────────────────     ← régua  ┐ ::after absoluto: réguas na LARGURA DO
          16px                          │ CONTEÚDO (alinhadas às bordas das seções),
       [ anúncio ]                      │ sem mudar a largura do anúncio
          16px                          │ (padding lateral do slot intocado).
       ──────────────────     ← régua  ┘ pointer-events:none — não intercepta clique.
   Espaço até as seções vizinhas = --stack (76px desktop / 52px celular), igual
   em cima e embaixo. Só VISUAL: tamanho, posição e carregamento intactos.
   ============================================================================= */
body.home .os3.ose-home-premium > .adsingle:not(#os-capa),
body.home .os3.ose-home-premium .os-slot:not(#os-capa),
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa){
  position:relative !important;
  background:transparent !important;
  border:0 !important;
  /* bordas laterais TRANSPARENTES de 1px: mantêm a largura do anúncio idêntica à
     de antes (a caixa tracejada tinha 1px de cada lado) */
  border-left:1px solid transparent !important;
  border-right:1px solid transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  padding-top:0 !important;
  padding-bottom:17px !important; /* 16px + a régua de 1px desenhada por cima */
}
body.home .os3.ose-home-premium > .adsingle:not(#os-capa)::before,
body.home .os3.ose-home-premium .os-slot:not(#os-capa)::before,
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa)::before{
  content:"Publicidade" !important;
  display:block !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;          /* régua (1px) + 16px até a peça */
  padding:0 0 10px .2em !important;    /* 10px até a régua; .2em = centro óptico */
  border:0 !important;
  background:none !important;
}
body.home .os3.ose-home-premium > .adsingle:not(#os-capa)::after,
body.home .os3.ose-home-premium .os-slot:not(#os-capa)::after,
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa)::after{
  content:"" !important;
  position:absolute !important;
  top:20px !important;                 /* 10px do rótulo + 10px */
  bottom:0 !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  width:min(1192px, calc(100% - 46px)) !important; /* = conteúdo da .wrap (1240 − 2×24); 46 = 48 − as 2 bordas transparentes */
  border-top:1px solid oklch(0.90 0.005 80) !important;
  border-bottom:1px solid oklch(0.90 0.005 80) !important;
  box-sizing:border-box !important;
  pointer-events:none !important;
  display:block !important;
}
/* O anúncio de "Mais lidas" já mora dentro da .wrap: régua na largura dele (+2 = bordas).
   O miolo dele (.os-heroReadAd__inner) tem 3px de folga em volta do <ins>: 14px aqui
   dá os mesmos 16px visuais entre régua e peça. */
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa)::after{
  width:calc(100% + 2px) !important;
}
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa){
  padding-bottom:14px !important;
}
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa)::before{
  margin-bottom:14px !important;
}
/* Simetria: 76px acima (fim de "Mais lidas") e agora 76px abaixo (era 24px). */
body.home .os3.ose-home-premium .os-heroReadAd:not(#os-capa){
  margin-bottom:var(--stack, 76px) !important;
}
@media (max-width:680px){
  body.home .os3.ose-home-premium > .adsingle:not(#os-capa)::after,
  body.home .os3.ose-home-premium .os-slot:not(#os-capa)::after{
    width:calc(100% - 30px) !important; /* .wrap no celular tem 16px de respiro (30 = 32 − 2 bordas) */
  }
}