/* ==========================================================================
   Anuncios (anuncios.js): ocultos hasta que AdSense esté activado
   ========================================================================== */
.anuncio {
  display: none;
}

/* Hueco con anuncio de Google pedido: visible (Google necesita medir su ancho) pero sin altura
   ni etiqueta hasta que llega un anuncio de verdad ("lleno", lo pone anuncios.js). Así, mientras
   la web no está aprobada o no hay anuncio, no queda ningún espacio en blanco. */
.anuncio.activo {
  display: block;
}

.anuncio.activo.lleno,
.anuncio.prueba {
  display: block;
  margin: 4px 0 12px;
  min-height: 120px;
}

ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none !important;
}

/* Etiqueta obligatoria para distinguir el anuncio del contenido */
.anuncio.activo.lleno::before {
  content: "Publicidad";
  display: block;
  font-size: 0.68rem;
  color: var(--text-dim);
  margin-bottom: 4px;
}

/* Vista previa en el ordenador local */
.anuncio.prueba {
  display: grid;
  place-items: center;
  border: 2px dashed rgba(245, 158, 11, 0.6);
  border-radius: var(--radius-md);
  color: var(--color-warning);
  font-size: 0.8rem;
  text-align: center;
  padding: 8px;
}