/* ── Menú de división (Equipos · Resultados · Clasificación · Estadísticas · Calendario) ── */
.LEW_DivisionMenu {
    display: flex;
    align-items: stretch;
    background-color: #1a2332;
    overflow: hidden;
}

.LEW_DivisionMenu_Item {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    font-family: 'Roboto Mono', monospace;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: rgba(255,255,255,0.6);
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color .18s ease, border-color .18s ease, background-color .18s ease;
    white-space: nowrap;
}

.LEW_DivisionMenu_Item:hover {
    color: #fff;
    background-color: rgba(255,255,255,0.06);
}

.LEW_DivisionMenu_Item--active {
    color: #fff;
    border-bottom-color: #fff; /* sobreescrito por --dhf / --dhm */
}

/* ── Colores por división ── */
.LEW_DivisionMenu--dhm                                { background-color: #103865; }
.LEW_DivisionMenu--dhf                                { background-color: #2B78C1; }
.LEW_DivisionMenu--dhm .LEW_DivisionMenu_Item--active { border-bottom-color: #fff; }
.LEW_DivisionMenu--dhf .LEW_DivisionMenu_Item--active { border-bottom-color: #fff; }

/* ── Dropdown hover (mega-menu) ── */
/* Eliminar el gap blanco: quitar margin-top del contenedor del dropdown */
.elementor-element-7426d06,
.elementor-element-0173a69 {
    --margin-top: 0px !important;
}
/* El fondo blanco por defecto de Elementor en .e-n-menu-content > .e-con */
#menuDHF .e-n-menu-content > .e-con,
#menuDHM .e-n-menu-content > .e-con {
    background-color: transparent !important;
}
/* Sombra al dropdown */
#menuDHF .e-n-menu-content .LEW_DivisionMenu,
#menuDHM .e-n-menu-content .LEW_DivisionMenu {
    box-shadow: 0 4px 12px rgba(0,0,0,.25);
}

@media only screen and (max-width: 768px) {
    .LEW_DivisionMenu_Item {
        font-size: 12px;
        padding: 10px 8px;
        letter-spacing: .03em;
    }
}