/**
 * Corrección para los estilos del menú de categorías
 * Este archivo asegura que todas las opciones del menú tengan el mismo estilo y color
 */

/* Estilos generales para todos los elementos del menú */
.main-menu ul li a,
.main-categories-menu ul li a,
.mega-menu li a,
.categories-dropdown-list li a {
    color: #253D4E !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: 'Quicksand', sans-serif !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
}

/* Estilos específicos para el menú de categorías */
.main-categories-menu ul li a:hover,
.mega-menu li a:hover,
.categories-dropdown-list li a:hover {
    color: var(--accent-color, #3BB77E) !important;
}

/* Corrección específica para la opción "Deportes" */
.main-categories-menu ul li a[href*="deportes"],
.mega-menu li a[href*="deportes"],
.categories-dropdown-list li a[href*="deportes"],
a.menu-title[href*="deportes"],
li a:contains("Deportes") {
    color: #253D4E !important;
    background-color: transparent !important;
    font-weight: 500 !important;
}

/* Estilos para los títulos de categorías */
.menu-title,
a.menu-title {
    color: #253D4E !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Estilos para los elementos de subcategorías */
.mega-menu ul li a,
.sub-mega-menu ul li a {
    font-weight: 400 !important;
    padding: 5px 0 !important;
    display: block !important;
}

/* Corrección para cualquier elemento con color diferente */
.mega-menu a,
.categories-dropdown-list a,
.main-categories-menu a,
.main-menu a {
    color: #253D4E !important;
}

/* Estilo para elementos activos o con hover */
.mega-menu a:hover,
.categories-dropdown-list a:hover,
.main-categories-menu a:hover,
.main-menu a:hover {
    color: var(--accent-color, #3BB77E) !important;
}