/**
 * Estilos para la sección Hero de la página de inicio.
 * ACTUALIZADO: Ajustado el grid, tamaño y color de los iconos de escenarios.
 *
 * @version 1.1.1
 * @date 2025-07-26
 * @author Baxahaun Venture Studio https://baxahaun.com
 * // PEV_REF: TAREA_PERF_02_FontSubset_Fix
 */

.hero-section {
    position: relative;
    overflow: hidden;
}

.hero-section .display-4 {
    font-size: calc(1.475rem + 2.7vw);
    line-height: 1.2;
}

@media (min-width: 1200px) {
    .hero-section .display-4 {
        font-size: 3.5rem;
    }
}

.hero-actions .btn {
    min-width: 280px;
}

.scenario-card {
    border: 1px solid rgba(var(--bs-secondary-rgb), 0.1);
    backdrop-filter: blur(5px);
    background-color: rgba(var(--bs-light-rgb), 0.8) !important;
}

.scenario-icons-container {
    display: grid;
    /* R: Cambiamos a 5 columnas explícitas */
    grid-template-columns: repeat(5, 1fr);
    gap: 1rem; /* Aumentamos un poco el espacio */
    justify-items: center;
}

.scenario-icons-container .material-symbols-filled {
    /* R: Aumentamos el tamaño al doble y cambiamos el color */
    font-size: 2.5rem !important; /* Aumentado de 2rem */
    color: var(--pc-fire-brick) !important; /* Cambiado a rojo */
    opacity: 0.85;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    cursor: help;
}

.scenario-icons-container .material-symbols-filled:hover {
    transform: scale(1.2);
    color: var(--pc-barn-red) !important; /* Rojo más oscuro al pasar el ratón */
    opacity: 1;
}