.elementor-7 .elementor-element.elementor-element-343cacc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-7 .elementor-element.elementor-element-b621a73.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}.elementor-7 .elementor-element.elementor-element-a141e99{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-7 .elementor-element.elementor-element-d276e60 .elementor-repeater-item-60ab610 .swiper-slide-bg{background-image:url(https://arcastore.universal.org.ec/wp-content/uploads/2025/04/BANNER_SITE_73.png);background-size:cover;}.elementor-7 .elementor-element.elementor-element-d276e60 .elementor-repeater-item-d9522ad .swiper-slide-bg{background-image:url(https://arcastore.universal.org.ec/wp-content/uploads/2025/04/BANNER_SITE_72.png);background-size:cover;}.elementor-7 .elementor-element.elementor-element-d276e60 .elementor-repeater-item-02522d7 .swiper-slide-bg{background-image:url(https://arcastore.universal.org.ec/wp-content/uploads/2025/04/BANNER_SITE_74.png);background-size:cover;}.elementor-7 .elementor-element.elementor-element-d276e60 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-7 .elementor-element.elementor-element-d276e60.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}.elementor-7 .elementor-element.elementor-element-d276e60 .swiper-slide-contents{max-width:66%;}.elementor-7 .elementor-element.elementor-element-d276e60 .swiper-slide-inner{text-align:center;}.elementor-7 .elementor-element.elementor-element-e6b9242{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;overflow:visible;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-7 .elementor-element.elementor-element-3db1fc1{width:var( --container-widget-width, 48.885% );max-width:48.885%;--container-widget-width:48.885%;--container-widget-flex-grow:0;}.elementor-7 .elementor-element.elementor-element-3db1fc1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-3db1fc1.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}.elementor-7 .elementor-element.elementor-element-45c628a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-7 .elementor-element.elementor-element-45c628a.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-7 .elementor-element.elementor-element-83a835c.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}.elementor-7 .elementor-element.elementor-element-ec1feb1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;overflow:visible;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-7 .elementor-element.elementor-element-255acf9.xpro-widget-bg-overlay > .elementor-widget-container:before{transition:background 0.3s;}.elementor-7 .elementor-element.elementor-element-255acf9 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:24px;font-weight:600;color:#525252;}.elementor-7 .elementor-element.elementor-element-c66a6bf{--display:flex;overflow:visible;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-7 .elementor-element.elementor-element-45c628a{--width:48.07%;}}/* Start custom CSS for html, class: .elementor-element-b621a73 *//* Estilos generales para el menú */
.navigation {
    background-color: #2c3e50; /* Color de fondo oscuro */
    font-family: 'Helvetica Neue', Arial, sans-serif; /* Fuente moderna */
    color: #ecf0f1; /* Color de texto claro */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Sombra sutil */
    position: relative; /* Asegura que el menú esté posicionado correctamente */
    z-index: 1000; /* Asegura que el menú esté por encima de otros elementos */
}

.navigation ul {
    list-style: none; /* Elimina los puntos de la lista */
    padding: 0; /* Elimina el padding */
    margin: 0; /* Elimina el margen */
    display: flex; /* Usa flexbox para alinear los elementos horizontalmente */
    justify-content: space-around; /* Distribuye el espacio entre los elementos */
}

.navigation li {
    position: relative; /* Permite posicionar los submenús */
}

.navigation a {
    display: block; /* Hace que los enlaces ocupen todo el espacio del li */
    padding: 15px 20px; /* Espacio interno del enlace */
    text-decoration: none; /* Elimina el subrayado del enlace */
    color: #ecf0f1; /* Color del texto del enlace */
    transition: background-color 0.3s, color 0.3s; /* Efecto de transición para el hover */
}

.navigation a:hover {
    background-color: #34495e; /* Color de fondo al pasar el ratón */
    color: #ffffff; /* Color del texto al pasar el ratón */
}

/* Estilos para los submenús */
.navigation .submenu {
    display: none; /* Oculta los submenús por defecto */
    position: absolute; /* Posiciona los submenús de manera absoluta */
    background-color: #ffffff; /* Color de fondo del submenú */
    min-width: 250px; /* Ancho mínimo del submenú */
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2); /* Sombra del submenú */
    z-index: 1001; /* Asegura que el submenú esté por encima de otros elementos */
    top: 100%; /* Posiciona el submenú debajo del elemento padre */
    left: 0; /* Alinea el submenú con la izquierda */
}

.navigation .submenu ul {
    display: block; /* Cambia la disposición de la lista a bloque */
    padding: 10px 0; /* Espacio interno del submenú */
}

.navigation .submenu a {
    padding: 10px 20px; /* Espacio interno del enlace del submenú */
    color: #34495e; /* Color del texto del submenú */
    transition: background-color 0.3s, color 0.3s; /* Efecto de transición para el hover */
}

.navigation .submenu a:hover {
    background-color: #f1c40f; /* Color de fondo al pasar el ratón en el submenú */
    color: #ffffff; /* Color del texto al pasar el ratón en el submenú */
}

/* Estilos para los submenús de tercer nivel */
.navigation .submenu .submenu {
    left: 100%; /* Posiciona los submenús de tercer nivel a la derecha */
    top: 0; /* Alinea los submenús de tercer nivel con la parte superior del submenú padre */
}

/* Estilos para el toggle de los submenús */
.navigation .open-children-toggle {
    display: none; /* Oculta el toggle por defecto */
}

/* Estilos para el menú de todos los departamentos */
.navigation .alldepts .submenu {
    width: 100%; /* Ancho completo para el submenú de todos los departamentos */
    left: 0; /* Alinea el submenú con la izquierda */
}

.navigation .alldepts .submenu ul {
    display: flex; /* Usa flexbox para alinear los elementos horizontalmente */
    flex-wrap: wrap; /* Permite que los elementos se envuelvan en múltiples líneas */
    padding: 20px; /* Espacio interno del submenú */
}

.navigation .alldepts .submenu li {
    flex: 1 1 20%; /* Ajusta el ancho de los elementos del submenú */
    box-sizing: border-box; /* Incluye el padding y el border en el ancho del elemento */
    margin-bottom: 10px; /* Espacio entre los elementos del submenú */
}

/* Estilos para el menú responsive */
@media (max-width: 768px) {
    .navigation ul {
        flex-direction: column; /* Cambia la disposición de la lista a columna */
    }

    .navigation .submenu {
        position: static; /* Cambia la posición del submenú a estática */
        display: block; /* Muestra los submenús por defecto */
        box-shadow: none; /* Elimina la sombra en dispositivos pequeños */
    }

    .navigation .open-children-toggle {
        display: block; /* Muestra el toggle en dispositivos pequeños */
        cursor: pointer; /* Cambia el cursor a mano */
        padding: 10px; /* Espacio interno del toggle */
        background-color: #34495e; /* Color de fondo del toggle */
        color: #ecf0f1; /* Color del texto del toggle */
        text-align: center; /* Centra el texto del toggle */
    }

    .navigation .open-children-toggle::after {
        content: '▼'; /* Icono del toggle */
        font-size: 12px; /* Tamaño del icono */
    }
}

/* Estilos adicionales para mejorar la apariencia */
.navigation .level-top {
    font-weight: bold; /* Hace que el texto del nivel superior sea en negrita */
}

.navigation .see-all {
    font-style: italic; /* Hace que el texto "Ver todos" sea en cursiva */
    color: #e74c3c; /* Color de texto para "Ver todos" */
}

.navigation .see-all:hover {
    color: #c0392b; /* Color de texto al pasar el ratón sobre "Ver todos" */
}

/* Estilos para mostrar los submenús al pasar el ratón */
.navigation .ui-menu-item:hover > .submenu {
    display: block; /* Muestra el submenú al pasar el ratón */
}/* End custom CSS */