/* ==========================================================================
   Pipo News — Slots de publicidade
   Alturas mínimas reservadas para prevenir CLS (Cumulative Layout Shift)
   ========================================================================== */

.ad-slot {
  display: block;
  text-align: center;
  overflow: hidden;
  position: relative;
}

/* Oculta slot vazio para não gerar espaço em branco */
.ad-slot:empty { display: none; }

/* Skeleton de carregamento */
.ad-slot--loading {
  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
  background-size: 200% 100%;
  animation: ad-shimmer 1.5s infinite;
}
@keyframes ad-shimmer {
  0%   { background-position: 200% 0; }
  100% { background-position: -200% 0; }
}

/* Identificador visual (dev mode) */
.ad-slot::before {
  content: 'AD: ' attr(class);
  display: none; /* ativar em dev: display: block */
  font-size: .65rem;
  color: #999;
  padding: 2px 4px;
}

/* --------------------------------------------------------------------------
   Tamanhos reservados por slot (previne CLS)
   -------------------------------------------------------------------------- */

/* Leaderboard 728×90 → altura mínima 90px, largura máxima 970px */
.ad-slot--topo {
  min-height: 90px;
  max-width: 970px;
  margin-inline: auto;
  padding-block: 8px;
}

/* Home meio: 728×90 */
.ad-slot--home-meio {
  min-height: 90px;
  max-width: 728px;
  margin-inline: auto;
  padding-block: 8px;
}

/* Home sidebar: 300×250 até 300×600 */
.ad-slot--home-sidebar {
  min-height: 250px;
  max-width: 300px;
  margin-inline: auto;
}
@media (min-width: 1024px) {
  .ad-slot--home-sidebar { min-height: 600px; }
}

/* Artigo topo: 728×90 */
.ad-slot--artigo-topo {
  min-height: 90px;
  max-width: 728px;
  margin-inline: auto;
  margin-bottom: 1.5rem;
}

/* Artigo meio (in-content): 300×250 */
.ad-slot--artigo-meio {
  min-height: 250px;
  max-width: 336px;
  margin-inline: auto;
  margin-block: 1.5rem;
}

/* Artigo sidebar: 300×600 */
.ad-slot--artigo-sidebar {
  min-height: 250px;
  max-width: 300px;
  margin-inline: auto;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .ad-slot--artigo-sidebar { min-height: 600px; }
}

/* Artigo fundo: 728×90 */
.ad-slot--artigo-fundo {
  min-height: 90px;
  max-width: 728px;
  margin-inline: auto;
  margin-block: 1.5rem;
}

/* Rodapé: 728×90 */
.ad-slot--rodape {
  min-height: 90px;
  max-width: 728px;
  margin-inline: auto;
  padding-block: 8px;
  background: #f9f9f9;
}

/* --------------------------------------------------------------------------
   AdSense: evitar CLS durante carregamento do script
   -------------------------------------------------------------------------- */
.adsbygoogle {
  display: block;
}

/* Aviso de publicidade (acessibilidade) */
[aria-label="Publicidade"] {
  position: relative;
}
[aria-label="Publicidade"]::after {
  content: 'PUBLICIDADE';
  display: block;
  font-size: .55rem;
  letter-spacing: .08em;
  color: #bbb;
  text-align: center;
  padding-top: 2px;
}

/* Mobile: limitar leaderboard em telas pequenas */
@media (max-width: 767px) {
  .ad-slot--topo,
  .ad-slot--home-meio,
  .ad-slot--artigo-topo,
  .ad-slot--artigo-fundo,
  .ad-slot--rodape {
    max-width: 100%;
  }
}