/* ==========================================================================
   Modal de publicidad — se abre solo al entrar a la home, mientras no se
   haya cerrado ya en esta pestaña (ver assets/js/promo-modal.js). Imagen y
   enlace se cargan desde el admin: Publicidad (ver inc/fields/publicidad.php),
   no hay texto propio del sitio acá.
   ========================================================================== */

.modal__dialog--promo {
  max-width: 640px;
  padding: 0;
  text-align: center;
  overflow: visible;
}

.promo-modal__link {
  display: block;
}

.promo-modal__image {
  display: block;
  width: 100%;
  object-fit: cover;
  background: var(--color-bg-alt);
  border-radius: var(--radius-lg);
}

/* Botón de cerrar sobre la imagen: fondo blanco propio para que se lea
   sin importar los colores de la foto que se use. */
.modal__close--light {
  background: var(--color-white);
  box-shadow: var(--shadow-sm);
}

.modal__close--light:hover {
  background: var(--color-bg-alt);
}