/**
 * Hero home (index) — ancho 100%, sin margen lateral.
 * Solo se carga en index.php para evitar conflictos con el resto de heroes.
 * El texto del hero siempre es claro (light) en tema claro y oscuro.
 */

.hero.hero--home {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    max-width: none;
    padding: 4rem 1.5rem;
}

.hero.hero--home .hero-title,
.hero.hero--home .hero-subtitle {
    color: #fff;
}