/*
Theme Name: Elessi Theme Child
Theme URI: https://elessi.nasatheme.com
Description: This is a child theme for Elessi Theme
Author: NasaTheme team
Author URI: https://nasatheme.com
Template: elessi-theme
Version: 1.0
*/


/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/


/* Color azul base para los títulos del Mega Menú */
.menu-cat-title {
    color: #123368 !important;
    transition: color 0.3s ease !important;
}

/* Cambio a naranja al pasar el mouse (hover) */
a:hover .menu-cat-title,
.menu-cat-title:hover {
    color: #FF8500 !important;
}





/* Subcategorías: Color azul corporativo y más grosor */
.sub-menu a, 
.elementor-nav-menu--dropdown a {
    color: #123368 !important;
    font-weight: 600 !important;
    transition: color 0.3s ease !important;
}

/* Subcategorías: Cambio a color naranja al pasar el mouse (hover) */
.sub-menu a:hover, 
.elementor-nav-menu--dropdown a:hover {
    color: #FF8500 !important;
}

/* Esquinas inferiores redondeadas en el contenedor del Mega Menú */
.sub-menu, 
.elementor-nav-menu--dropdown {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
    overflow: hidden !important;
}





/* Aplica únicamente en dispositivos móviles (pantallas menores a 992px) */
@media (max-width: 991px) {
    .nasa-mobile-nav-wrap .nasa-title-menu,
    .nasa-mobile-nav-wrap a {
        color: #123368 !important;
        transition: color 0.3s ease !important;
    }

    .nasa-mobile-nav-wrap .nasa-title-menu:hover,
    .nasa-mobile-nav-wrap a:hover {
        color: #FF8500 !important;
    }
}