@media (max-width: 1440px) {

    /* Estilos para el menú de acordeón */
    .dropdown .dropdown-menu {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease-out;
        background-color: transparent;
        box-shadow: none;
        position: static;
        min-width: auto;
        padding: 0;
        margin: 10px 0 0 0;
        /* [FIX] Eliminado margen izquierdo de 20px */
        text-align: center;
        /* [FIX] Centrar texto de opciones */
        width: 100%;
        /* [FIX] Ocupar todo el ancho */
    }

    .dropdown.dropdown-open .dropdown-menu {
        max-height: 500px;
        /* Un valor suficientemente grande */
        transition: max-height 0.5s ease-in;
    }

    .dropdown-menu a {
        font-size: 1.2rem !important;
        /* Texto más pequeño */
        font-weight: 400 !important;
        padding: 8px 0 !important;
        color: white !important;
    }

    /* Eliminar estilos de hover que no aplican al modo acordeón */
    header.site-header .main-nav .dropdown-menu a:hover {
        background-color: transparent !important;
        color: var(--color-primario-vivo) !important;
    }
}