.elementor-5177 .elementor-element.elementor-element-6b78cbd{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-5177 .elementor-element.elementor-element-6b78cbd:not(.elementor-motion-effects-element-type-background), .elementor-5177 .elementor-element.elementor-element-6b78cbd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F5F0EB;}.elementor-5177 .elementor-element.elementor-element-f6da09c{--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;}.elementor-5177 .elementor-element.elementor-element-f6da09c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5177 .elementor-element.elementor-element-5616895{width:var( --container-widget-width, 119.764% );max-width:119.764%;--container-widget-width:119.764%;--container-widget-flex-grow:0;}.elementor-5177 .elementor-element.elementor-element-5616895.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5177 .elementor-element.elementor-element-5616895 img{width:80%;max-width:80%;height:50px;}.elementor-5177 .elementor-element.elementor-element-7694d7e{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:flex-end;}.elementor-5177 .elementor-element.elementor-element-7694d7e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-5177 .elementor-element.elementor-element-38fdbc7{width:var( --container-widget-width, 101.509% );max-width:101.509%;--container-widget-width:101.509%;--container-widget-flex-grow:0;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 > .elementor-widget-container{padding:0px 100px 0px 0px;}.elementor-5177 .elementor-element.elementor-element-38fdbc7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-menu-toggle{margin-left:auto;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:0.75em;font-weight:600;text-transform:uppercase;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item{color:#4A3B31;fill:#4A3B31;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item:focus{color:#E65100;fill:#E65100;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#E65100;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-5177 .elementor-element.elementor-element-38fdbc7 > .elementor-widget-container{padding:0px 20px 0px 0px;}}@media(min-width:768px){.elementor-5177 .elementor-element.elementor-element-f6da09c{--width:15%;}.elementor-5177 .elementor-element.elementor-element-7694d7e{--width:75%;}}@media(max-width:767px){.elementor-5177 .elementor-element.elementor-element-f6da09c{--width:50%;}.elementor-5177 .elementor-element.elementor-element-7694d7e{--width:50%;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5177 .elementor-element.elementor-element-38fdbc7 .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;}}/* Start custom CSS for container, class: .elementor-element-6b78cbd *//* --- CÓDIGO FINAL PARA MENÚ - RESPONSIVE EN ESCRITORIO Y MÓVIL --- */
/* --- ID: #menu-telar-cosmico-principal --- */


/* =============================================================== */
/* === 1. ESTILOS GLOBALES (Se aplican en TODAS las pantallas) ==== */
/* =============================================================== */

/* Prepara cada enlace para la animación del subrayado */
#menu-telar-cosmico-principal .elementor-nav-menu > li > a.elementor-item {
    position: relative !important;
    /* Espacio inferior para que el subrayado no se pegue al texto */
    padding-bottom: 10px !important;
}

/* El efecto de subrayado animado */
#menu-telar-cosmico-principal .elementor-nav-menu > li > a.elementor-item::after {
    content: "" !important;
    position: absolute !important;
    bottom: 5px !important;
    left: 0 !important;
    width: 100% !important;
    height: 2px !important;
    background-color: var(--color-hilo-naranja, #E65100) !important;
    transform: scaleX(0) !important;
    transform-origin: left !important;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Muestra el subrayado al pasar el ratón o si es la página activa */
#menu-telar-cosmico-principal .elementor-nav-menu > li > a.elementor-item:hover::after,
#menu-telar-cosmico-principal .elementor-nav-menu > li.current-menu-item > a.elementor-item::after,
#menu-telar-cosmico-principal .elementor-nav-menu > li.current-menu-ancestor > a.elementor-item::after {
    transform: scaleX(1) !important;
}


/* =============================================================== */
/* === 2. ESTILOS SOLO PARA ESCRITORIO (La Solución) ============= */
/* =============================================================== */

/* Estas reglas solo se activarán en pantallas de más de 1024px de ancho */
@media (min-width: 1025px) {

    /* Controla el contenedor principal del menú en escritorio */
    #menu-telar-cosmico-principal .elementor-nav-menu {
        display: flex !important;
        flex-wrap: nowrap !important; /* Prohíbe que se parta en dos filas */
        justify-content: flex-end; /* Alinea a la derecha */
        gap: clamp(8px, 1.5vw, 20px); /* Espaciado fluido entre elementos */
    }

    /* Controla cada elemento del menú en escritorio */
    #menu-telar-cosmico-principal .elementor-nav-menu > li > a.elementor-item {
        /* Tipografía fluida para escritorio */
        font-size: clamp(11px, 1.2vw, 14px) !important;

        /* Quita el padding horizontal para que 'gap' lo controle todo */
        padding-left: 0 !important;
        padding-right: 0 !important;
        
        /* Evita que un solo elemento se parta en dos líneas */
        white-space: nowrap;
    }
}/* End custom CSS */