/*
 * Pre-oculta solo el hero (visible en el primer frame).
 * Todo lo demás lo maneja el JS directamente — pre-ocultar
 * secciones debajo del fold desde CSS es peligroso porque si
 * el observer falla, el contenido queda invisible para siempre.
 */
.inf-hero__title,
#informes .informes__title,
.inf-hero__desc,
#informes .informes__subtitle,
#informes .search-wrapper,
#informes .filters {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    .inf-hero__title,
    #informes .informes__title,
    .inf-hero__desc,
    #informes .informes__subtitle,
    #informes .search-wrapper,
    #informes .filters {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}