.elementor-58 .elementor-element.elementor-element-28dddd7{--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;--margin-top:0px;--margin-bottom:-160px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-59ccf15{--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:25px 25px;--row-gap:25px;--column-gap:25px;--border-radius:24px 24px 24px 24px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;--z-index:999;}.elementor-58 .elementor-element.elementor-element-266b2ff{width:var( --container-widget-width, 142px );max-width:142px;--container-widget-width:142px;--container-widget-flex-grow:0;z-index:2;text-align:left;}.elementor-58 .elementor-element.elementor-element-266b2ff img{width:100%;transition-duration:0.8s;}.elementor-58 .elementor-element.elementor-element-266b2ff:hover img{opacity:0.85;}.elementor-58 .elementor-element.elementor-element-1ca4541.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-menu-toggle{margin:0 auto;background-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu .elementor-item{font-family:"REM", Sans-serif;font-size:17px;font-weight:normal;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-c1ada29 );fill:var( --e-global-color-c1ada29 );padding-left:0px;padding-right:0px;padding-top:7px;padding-bottom:7px;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed .elementor-item:before, .elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-text );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed .elementor-item.elementor-item-active:before, .elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed .elementor-item:before{border-width:1px;}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 1px 1px;}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:1px 1px 0 0;}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:1px 0 0 1px;}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 1px 1px 0;}.elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-underline .elementor-item:after, .elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-overline .elementor-item:before, .elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-double-line .elementor-item:before, .elementor-58 .elementor-element.elementor-element-1ca4541 .e--pointer-double-line .elementor-item:after{height:1px;}.elementor-58 .elementor-element.elementor-element-1ca4541{--e-nav-menu-horizontal-menu-item-margin:calc( 25px / 2 );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:25px;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-menu-toggle{color:var( --e-global-color-b4d1dfd );fill:var( --e-global-color-b4d1dfd );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown{background-color:var( --e-global-color-c1ada29 );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a:hover, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a:focus, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a.highlighted, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-menu-toggle:hover, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-menu-toggle:focus{color:var( --e-global-color-c1ada29 );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a:hover, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a:focus, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a.elementor-item-active, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a.highlighted{background-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--dropdown a.elementor-item-active{color:var( --e-global-color-c1ada29 );background-color:var( --e-global-color-accent );}.elementor-58 .elementor-element.elementor-element-1ca4541 div.elementor-menu-toggle{color:var( --e-global-color-c1ada29 );}.elementor-58 .elementor-element.elementor-element-1ca4541 div.elementor-menu-toggle svg{fill:var( --e-global-color-c1ada29 );}.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-58 .elementor-element.elementor-element-28dddd7{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-58 .elementor-element.elementor-element-59ccf15{--justify-content:space-between;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-58 .elementor-element.elementor-element-1ca4541.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:35px !important;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-menu-toggle{border-radius:50px;}.elementor-58 .elementor-element.elementor-element-ea85d3b.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-58 .elementor-element.elementor-element-ea85d3b .elementor-button{padding:10px 20px 10px 20px;}}@media(max-width:767px){.elementor-58 .elementor-element.elementor-element-28dddd7{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;--z-index:999;}.elementor-58 .elementor-element.elementor-element-59ccf15{--justify-content:space-between;--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:nowrap;--border-radius:10px 10px 10px 10px;--padding-top:10px;--padding-bottom:10px;--padding-left:20px;--padding-right:20px;--z-index:999;}.elementor-58 .elementor-element.elementor-element-266b2ff{--container-widget-width:120px;--container-widget-flex-grow:0;width:var( --container-widget-width, 120px );max-width:120px;}.elementor-58 .elementor-element.elementor-element-266b2ff img{width:100%;}.elementor-58 .elementor-element.elementor-element-1ca4541.elementor-element{--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-58 .elementor-element.elementor-element-1ca4541{--nav-menu-icon-size:20px;}.elementor-58 .elementor-element.elementor-element-1ca4541 .elementor-menu-toggle{border-radius:50px;}.elementor-58 .elementor-element.elementor-element-ea85d3b.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-58 .elementor-element.elementor-element-ea85d3b .elementor-button{font-size:12px;padding:10px 10px 10px 10px;}}/* Start custom CSS for container, class: .elementor-element-28dddd7 *//* ======================================== ESTILO BASE DEL HEADER ======================================== */ .elementor-58 .elementor-element.elementor-element-28dddd7 .header-color { transition: transform 0.8s ease, background-color 0.8s ease, padding 0.8s ease !important; padding-left: 0px; padding-right: 0px; border: 1px solid transparent; } /* ======================================== ESTILO CUANDO SE HACE STICKY ======================================== */ .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .header-color { transition: transform 0.8s ease, background-color 0.8s ease, padding 0.8s ease !important; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.80); padding-left: 20px !important; padding-right: 20px !important; } /* ======================================== EFECTO DE DESENFOQUE DE FONDO ======================================== */ .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .header-color::before { content: ''; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px) !important; z-index: -1; transition: backdrop-filter 0.8s ease; opacity: 1; } /* ======================================== TRANSICIONES DEL LOGO SINCRONIZADAS ======================================== */ /* Estado base del logo - con .elementor-58 .elementor-element.elementor-element-28dddd7 completo */ .elementor-58 .elementor-element.elementor-element-28dddd7 .sticky-logo, .elementor-58 .elementor-element.elementor-element-28dddd7 .sticky-logo img { transition: all 0.8s ease !important; } /* Estado sticky del logo - CORREGIDO: tamaño consistente */ .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .sticky-logo, .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .sticky-logo img { max-width: 100px !important; transition: all 0.8s ease !important; } /* Asegurar que el contenedor del widget también tenga la transición */ .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .sticky-logo.elementor-widget { transition: all 0.8s ease !important; } /* ======================================== RESPONSIVE - MÓVIL ======================================== */ @media screen and (max-width: 767px) { /* CORREGIDO: Usar img en lugar de svg */ .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .sticky-logo img { width: 80px !important; max-width: 80px !important; height: auto !important; } .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .header-color { padding-left: 10px !important; padding-right: 10px !important; } } /* El logo también sincronizado - CORREGIDO: mismo tamaño y transición */ .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .sticky-logo img { width: 130px !important; transition: all 0.8s ease !important; } .elementor-58 .elementor-element.elementor-element-28dddd7.elementor-sticky--effects .elementor-item{ color: white!important; }/* End custom CSS */