/* Configuraciones para Material Symbols */
.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Gradiente e imagen de fondo para la sección Hero */
.hero-gradient {
    background: linear-gradient(rgba(0, 27, 58, 0.85), rgba(0, 27, 58, 0.7)), url('https://images.unsplash.com/photo-1589829545856-d10d557cf95f?ixlib=rb-4.0.3&auto=format&fit=crop&w=2000&q=80');
    background-size: cover;
    background-position: center;
}