/* Espacios promocionales (gestionables desde el admin).
   Nombres neutrales a propósito: evitan que los bloqueadores de anuncios
   oculten los espacios pagados del sitio. */
.promo { width: 100%; margin: 0 auto; text-align: center; }
.promo .promo__item { display: block; }
.promo img,
.promo video { max-width: 100%; max-height: 100%; height: auto; display: block; margin: 0 auto; }

/* Rotación de varios elementos en el mismo espacio (cross-fade). */
.promo[data-rotate] { display: grid; }
.promo[data-rotate] .promo__item {
  grid-area: 1 / 1;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
.promo[data-rotate] .promo__item.is-active { opacity: 1; pointer-events: auto; }