/**
 * Estilos para el menú personalizado de Andrea
 */

/* Estilos para el menú superior */
.header-wrapper {
    background-color: rgba(94, 180, 168, 0.9) !important;
}

/* Estilos para el menú de Productos */
.andrea-productos-menu-item .nav-dropdown {
    background-color: rgba(94, 180, 168, 0.9) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    min-width: 260px !important;
    width: 260px !important;
    display: block !important;
}

/* Estilos para los enlaces del menú */
.andrea-productos-menu-item .nav-dropdown a {
    color: white !important;
    font-weight: normal;
    padding: 10px 20px;
    display: block;
}

/* 🟡 Estilos para los títulos de secciones (CURSOS, EBOOKS Y PLANTILLAS, MERCH) */
.nav-dropdown .menu-title,
.nav-dropdown .nav-column-title,
.nav-dropdown .menu-item-has-children > a {
    text-transform: uppercase !important;
    font-weight: bold !important;
    color: #000 !important; /* texto negro */
    background-color: #FFD700 !important; /* amarillo */
    padding: 10px 20px !important;
    display: block;
    margin: 0 !important;
    border-radius: 5px !important;
    margin-bottom: 5px !important;
}

/* Contenedor principal del menú desplegable */
.nav-dropdown-col, 
.nav-dropdown > li {
    background-color: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Estilo para los elementos del menú */
.nav-dropdown > li > a {
    color: white !important;
    font-weight: normal !important;
    border-bottom: none !important;
    padding: 10px 20px !important;
    font-size: 1em !important;
    text-transform: none !important;
}

/* Estilo para los elementos del submenú */
.nav-dropdown-col li a,
.nav-dropdown .nav-column li > a,
.nav-dropdown li a {
    color: white !important;
    padding: 8px 20px !important;
    font-size: 1em !important;
    border-bottom: none !important;
    background-color: rgba(94, 180, 168, 0.8) !important;
}

/* Hover para los elementos del menú */
.nav-dropdown > li > a:hover,
.nav-dropdown-col li a:hover,
.nav-dropdown .nav-column li > a:hover,
.nav-dropdown li a:hover {
    color: white !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* Estilo para los elementos secundarios */
.nav-dropdown .menu-item:contains("Creo en Mi Accionando") > a,
.nav-dropdown .menu-item:contains("Aprende a Emprender") > a,
.nav-dropdown .menu-item:contains("Mapa de Sueños") > a,
.nav-dropdown .menu-item:contains("Tablero de Áreas") > a {
    background-color: rgba(94, 180, 168, 0.8) !important;
    font-weight: normal !important;
    text-transform: none !important;
    padding-left: 40px !important;
}

/* Estilo amarillo para EBOOKS Y PLANTILLAS */
.titulo-ebooks > a {
    background-color: #FFD500 !important; /* Amarillo */
    color: #000 !important;               /* Texto negro para contraste */
    font-weight: bold;
}


/* Ajustes para el menú en dispositivos móviles */
@media (max-width: 849px) {
    .nav-dropdown {
        width: 100% !important;
    }
}