.elementor-1760 .elementor-element.elementor-element-5af49cfb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:5% 5%;--row-gap:5%;--column-gap:5%;--overflow:hidden;border-style:solid;--border-style:solid;border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#000000;--border-color:#000000;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:1%;--padding-bottom:1%;--padding-left:5%;--padding-right:5%;--z-index:9999;}.elementor-1760 .elementor-element.elementor-element-5af49cfb:not(.elementor-motion-effects-element-type-background), .elementor-1760 .elementor-element.elementor-element-5af49cfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.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-1760 .elementor-element.elementor-element-257e4485{width:auto;max-width:auto;z-index:9998;text-align:start;}.elementor-1760 .elementor-element.elementor-element-257e4485 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1760 .elementor-element.elementor-element-257e4485 img{width:100%;height:35px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1760 .elementor-element.elementor-element-7d5ea366 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0% 0% 0% 0%;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-menu-toggle{margin-left:auto;background-color:rgba(255, 255, 255, 0);}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-transform:uppercase;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main .elementor-item:hover, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main .elementor-item.highlighted, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#030303;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed .elementor-item:before, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed .elementor-item:after{border-color:#030303;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:#FFFFFF;--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-underline .elementor-item:after, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-overline .elementor-item:before, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-double-line .elementor-item:before, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-menu-toggle{color:#000000;fill:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown{background-color:#FFFFFF;border-style:solid;border-color:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a:hover, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a:focus, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a.highlighted, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-menu-toggle:hover, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-menu-toggle:focus{color:#FFFFFF;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a:hover, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a:focus, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a.highlighted{background-color:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a.elementor-item-active{color:#000000;background-color:#F2EFEC;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#000000;border-bottom-width:1px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 div.elementor-menu-toggle{color:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 div.elementor-menu-toggle svg{fill:#000000;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 div.elementor-menu-toggle:hover, .elementor-1760 .elementor-element.elementor-element-7d5ea366 div.elementor-menu-toggle:focus{color:#ACA298;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 div.elementor-menu-toggle:hover svg, .elementor-1760 .elementor-element.elementor-element-7d5ea366 div.elementor-menu-toggle:focus svg{fill:#ACA298;}.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-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown{border-width:0px 0px 1px 0px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--dropdown a{padding-top:20px;padding-bottom:20px;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:29px !important;}}@media(max-width:767px){.elementor-1760 .elementor-element.elementor-element-257e4485{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;}.elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-1760 .elementor-element.elementor-element-7d5ea366 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:16px !important;}}/* Start custom CSS for image, class: .elementor-element-257e4485 */.elementor-1760 .elementor-element.elementor-element-257e4485 { transition: filter 0.4s ease-in-out !important; } /* Esto fuerza a la imagen de dentro a aplicar el filtro negro cuando se activa el scroll */ .elementor-1760 .elementor-element.elementor-element-257e4485.elementor-sticky--effects .elementor-image img, .elementor-1760 .elementor-element.elementor-element-257e4485.elementor-sticky--effects img { filter: invert(1) brightness(0) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-5af49cfb *//* ========================================== 1. ESTADO NORMAL (ARRIBA DEL TOP) ========================================== */ .elementor-1760 .elementor-element.elementor-element-5af49cfb { background-color: transparent !important; transition: background-color 0.4s ease-in-out !important; /* Forzamos que el desplegable sea visible siempre */ overflow: visible !important; } /* Suavizar la transición de la flechita del menú */ .elementor-1760 .elementor-element.elementor-element-5af49cfb .sub-arrow .e-font-icon-svg, .elementor-1760 .elementor-element.elementor-element-5af49cfb .sub-arrow .e-font-icon-svg path { transition: fill 0.4s ease-in-out, color 0.4s ease-in-out !important; } /* ========================================== 2. ESTADO EN SCROLL (MENU BLANCO) ========================================== */ .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects { background-color: #ffffff !important; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.05) !important; /* Evita que Elementor mutile el desplegable al hacer scroll */ overflow: visible !important; } /* Cambia el color de los textos del menú */ .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects .elementor-nav-menu a { color: #333333 !important; } /* Cambia el color de textos sueltos o iconos generales */ .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects h1, .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects h2, .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects p, .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects i { color: #333333 !important; } /* Cambia el logo al archivo SVG negro de Nōxa */ .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects .mi-logo-dinamico img { content: url("https://www.noxaproject.com/wp-content/uploads/2026/04/Noxa-horizontal-negro-1.svg") !important; } /* Cambia la flechita del menú a color negro */ .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects .sub-arrow .e-font-icon-svg, .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects .sub-arrow .e-font-icon-svg path { fill: #000000 !important; color: #000000 !important; } /* ========================================== 3. BLOQUE DEFECTO: SEPARADORES FILTRADOS ========================================== */ /* Transición suave para el borde del separador */ .elementor-1760 .elementor-element.elementor-element-5af49cfb .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child)::after { transition: border-color 0.4s ease-in-out !important; } /* Al hacer scroll: Forzamos el color gris oscuro en el borde izquierdo y en su variable */ .elementor-1760 .elementor-element.elementor-element-5af49cfb.elementor-sticky--effects .elementor-nav-menu--layout-horizontal .elementor-nav-menu > li:not(:last-child)::after { border-color: #333333 !important; --e-nav-menu-divider-color-style: #333333 !important; }/* End custom CSS */