/*
 Theme Name:   Tendencias
 Description:  Tema hijo para el sitio Tendencias basado en Hello Elementor
 Author:       Sistemas
 Template:     hello-elementor
 Version:      1.0.1
*/


/* Menú principal*/

/* ==========================================================================
   1. ESTILOS EXCLUSIVOS PARA ESCRITORIO (Pantallas mayores a 1024px)
   Todo este bloque se ejecutará únicamente en laptops y monitores.
   ========================================================================== */
@media (min-width: 1025px) {

    /* Estado base de los enlaces en escritorio */
    .elementskit-navbar-nav > li > a.ekit-menu-nav-link {
        position: relative !important;
        border: none !important;
        padding-bottom: 12px !important;
        background: transparent !important;
        transition: color 0.3s ease-in-out;
    }

    /* Línea inferior estructurada como pseudo-elemento oculto */
    .elementskit-navbar-nav > li > a.ekit-menu-nav-link::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background-color: #6EC1E4; /* Tu color de marca */
        transition: width 0.3s ease-in-out;
    }

    /* Efecto HOVER: Expansión de la línea al pasar el mouse */
    .elementskit-navbar-nav > li:hover > a.ekit-menu-nav-link::after {
        width: 100% !important;
    }
    .elementskit-navbar-nav > li:hover > a.ekit-menu-nav-link {
        color: #6EC1E4 !important;
    }

    /* ESTADO ACTIVO UNIVERSAL (Funciona en Home y Páginas Internas) */
    .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link::after,
    .elementskit-navbar-nav > li.current_page_item > a.ekit-menu-nav-link::after,
    .elementskit-navbar-nav > li.menu-item-activo > a.ekit-menu-nav-link::after {
        width: 100% !important;
    }

    .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link,
    .elementskit-navbar-nav > li.current_page_item > a.ekit-menu-nav-link,
    .elementskit-navbar-nav > li.menu-item-activo > a.ekit-menu-nav-link {
        color: #6EC1E4 !important;
    }
}

/* ==========================================================================
   2. PROTECCIÓN Y OPTIMIZACIÓN PARA MÓVIL (Pantallas de 1024px o menos)
   Este bloque limpia los residuos y asegura el menú de hamburguesa.
   ========================================================================== */
@media (max-width: 1024px) {
    
    /* Desactivar la línea flotante ::after en móviles para no descuadrar el menú vertical */
    .elementskit-navbar-nav > li > a.ekit-menu-nav-link::after {
        display: none !important;
        width: 0 !important;
    }

    /* Estado activo universal para móviles (Home y Páginas Internas) */
    .elementskit-navbar-nav > li.current-menu-item > a.ekit-menu-nav-link,
    .elementskit-navbar-nav > li.current_page_item > a.ekit-menu-nav-link,
    .elementskit-navbar-nav > li.menu-item-activo > a.ekit-menu-nav-link {
        color: #6EC1E4 !important; /* Tu color destacado */
        background: transparent !important;
        border: none !important;
        font-weight: bold; /* Opcional: le da un toque extra de legibilidad en móviles */
    }
}


/* end menú principal*/


/*BI*/
.bi-responsive-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* Relación de aspecto 16:9 */
}

.bi-responsive-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

/*END BI*/