/* ========================================================
   ESTILOS ESPECÍFICOS: ESPACIOS PARA FAMILIAS
   ========================================================
   Espacios para familias utiliza el sistema visual compartido
   de programas y servicios definido en css/design-system.css
   (Hero interactivo de 2 columnas, notas manuscritas, in-page
   nav, grillas y Dark CTA).
   ======================================================== */

/* Adaptación del hero cuando la imagen está pendiente de cargar / oculta */
.ds-hero-split:has(.ds-hero-media.hidden),
.ds-hero-split.ds-hero-split--pending-media {
    grid-template-columns: minmax(0, 1fr);
    max-width: 860px;
}

.ds-hero-split:has(.ds-hero-media.hidden) .ds-hero-content,
.ds-hero-split.ds-hero-split--pending-media .ds-hero-content {
    max-width: 48rem;
}