/* Hacer que todo el texto dentro de .hero-feature sea blanco con un fondo oscuro superpuesto */ .hero-feature { position: relative; color: #ffffff !important; } .hero-feature *, .hero-feature h1, .hero-feature h2, .hero-feature h3, .hero-feature p, .hero-feature a, .hero-feature span { color: #ffffff !important; } /* Opcional: agregar una superposición oscura semitransparente para facilitar la lectura */ .hero-feature::before { content: ''; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.4); /* ajustar la opacidad aquí */ z-index: 0; } .hero-feature * { position: relative; índice z: 1; }