.hero {
    background: linear-gradient(135deg, var(--azul-oscuro), var(--azul-medio));
    padding: 80px 20px;
    border-radius: 12px;
    margin: 30px auto;
    text-align: center;
    width: 95%;
    color: white;
    animation: heroGlow 10s infinite alternate;
    box-shadow: var(--sombra-media);
}

@keyframes heroGlow {
    0% { background: linear-gradient(135deg, var(--azul-oscuro), var(--azul-medio)); }
    50% { background: linear-gradient(135deg, var(--azul-medio), var(--azul-claro)); }
    100% { background: linear-gradient(135deg, var(--azul-claro), var(--azul-oscuro)); }
}

.hero h1 {
    font-size: 2.8rem;
    font-weight: 700;
}

.hero p {
    font-size: 1.2rem;
    opacity: 0.9;
}

.hero .btn {
    background-color: var(--amarillo);
    color: #000;
    font-weight: bold;
    padding: 12px 30px;
    border-radius: 8px;
    transition: 0.3s;
}

.hero .btn:hover {
    background-color: var(--azul-claro);
    color: #fff;
}
/* REPARA ACORDEONES BLOQUEADOS */
.collapse:not(.show) {
    display: none !important;
}

.accordion-collapse.show {
    display: block !important;
}

.accordion-button {
    pointer-events: auto !important;
}