.elementor-800 .elementor-element.elementor-element-bc787cd{--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:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--overlay-opacity:0.8;--margin-top:3vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:0rem;--padding-right:0rem;--z-index:99;}.elementor-800 .elementor-element.elementor-element-bc787cd::before, .elementor-800 .elementor-element.elementor-element-bc787cd > .elementor-background-video-container::before, .elementor-800 .elementor-element.elementor-element-bc787cd > .e-con-inner > .elementor-background-video-container::before, .elementor-800 .elementor-element.elementor-element-bc787cd > .elementor-background-slideshow::before, .elementor-800 .elementor-element.elementor-element-bc787cd > .e-con-inner > .elementor-background-slideshow::before, .elementor-800 .elementor-element.elementor-element-bc787cd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}.elementor-800 .elementor-element.elementor-element-8c120c9{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-800 .elementor-element.elementor-element-8428286{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-800 .elementor-element.elementor-element-8428286 img{width:38%;height:13vh;object-fit:cover;object-position:top center;}.elementor-800 .elementor-element.elementor-element-3110bd8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item.elementor-button:hover{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item{color:var( --e-global-color-text );}.elementor-widget-navigation-menu .menu-item a.hfe-menu-item:hover, .elementor-widget-navigation-menu .sub-menu a.hfe-sub-menu-item:hover, .elementor-widget-navigation-menu .menu-item.current-menu-item a.hfe-menu-item, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item.highlighted, .elementor-widget-navigation-menu .menu-item a.hfe-menu-item:focus{color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent a.hfe-menu-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-nav-menu-layout:not(.hfe-pointer__framed) .menu-item.parent .sub-menu .hfe-has-submenu-container a:after{background-color:var( --e-global-color-accent );}.elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:before, .elementor-widget-navigation-menu .hfe-pointer__framed .menu-item.parent a.hfe-menu-item:after{border-color:var( --e-global-color-accent );} .elementor-widget-navigation-menu .sub-menu li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-widget-navigation-menu nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-800 .elementor-element.elementor-element-5d040f5 .menu-item a.hfe-menu-item{padding-left:18px;padding-right:18px;}.elementor-800 .elementor-element.elementor-element-5d040f5 .menu-item a.hfe-sub-menu-item{padding-left:calc( 18px + 20px );padding-right:18px;}.elementor-800 .elementor-element.elementor-element-5d040f5 .hfe-nav-menu__layout-vertical .menu-item ul ul a.hfe-sub-menu-item{padding-left:calc( 18px + 40px );padding-right:18px;}.elementor-800 .elementor-element.elementor-element-5d040f5 .hfe-nav-menu__layout-vertical .menu-item ul ul ul a.hfe-sub-menu-item{padding-left:calc( 18px + 60px );padding-right:18px;}.elementor-800 .elementor-element.elementor-element-5d040f5 .hfe-nav-menu__layout-vertical .menu-item ul ul ul ul a.hfe-sub-menu-item{padding-left:calc( 18px + 80px );padding-right:18px;}.elementor-800 .elementor-element.elementor-element-5d040f5 .menu-item a.hfe-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 .menu-item a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-800 .elementor-element.elementor-element-5d040f5 ul.sub-menu{width:220px;}.elementor-800 .elementor-element.elementor-element-5d040f5 .sub-menu a.hfe-sub-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown li a.hfe-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown li a.hfe-sub-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown-expandible li a.hfe-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown-expandible li a.hfe-sub-menu-item{padding-top:15px;padding-bottom:15px;}.elementor-800 .elementor-element.elementor-element-5d040f5{width:100%;max-width:100%;}.elementor-800 .elementor-element.elementor-element-5d040f5 .hfe-nav-menu__toggle{margin:0 auto;}.elementor-800 .elementor-element.elementor-element-5d040f5 a.hfe-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 a.hfe-sub-menu-item{font-family:"Poppins", Sans-serif;font-size:1.2rem;font-weight:600;}.elementor-800 .elementor-element.elementor-element-5d040f5 .sub-menu, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown-expandible, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown .menu-item a.hfe-menu-item, .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown .menu-item a.hfe-sub-menu-item{background-color:#fff;}.elementor-800 .elementor-element.elementor-element-5d040f5 .sub-menu li.menu-item:not(:last-child), .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown li.menu-item:not(:last-child), .elementor-800 .elementor-element.elementor-element-5d040f5 nav.hfe-dropdown-expandible li.menu-item:not(:last-child){border-bottom-style:solid;border-bottom-color:#c4c4c4;border-bottom-width:1px;}.elementor-800 .elementor-element.elementor-element-5d040f5 div.hfe-nav-menu-icon{color:var( --e-global-color-accent );}.elementor-800 .elementor-element.elementor-element-5d040f5 div.hfe-nav-menu-icon svg{fill:var( --e-global-color-accent );}.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-800 .elementor-element.elementor-element-bc787cd{--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--margin-top:2rem;--margin-bottom:0rem;--margin-left:0rem;--margin-right:0rem;--padding-top:1.5rem;--padding-bottom:1.5rem;--padding-left:4rem;--padding-right:4rem;}.elementor-800 .elementor-element.elementor-element-8428286 img{width:50%;}.elementor-800 .elementor-element.elementor-element-3110bd8{--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-800 .elementor-element.elementor-element-bc787cd{--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;--margin-top:5vw;--margin-bottom:0vw;--margin-left:0vw;--margin-right:0vw;--padding-top:0rem;--padding-bottom:0rem;--padding-left:3rem;--padding-right:3rem;}.elementor-800 .elementor-element.elementor-element-8c120c9{--width:50%;}.elementor-800 .elementor-element.elementor-element-8428286{text-align:start;}.elementor-800 .elementor-element.elementor-element-3110bd8{--width:50%;}.elementor-widget-navigation-menu a.hfe-menu-item, .elementor-widget-navigation-menu a.hfe-sub-menu-item{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-800 .elementor-element.elementor-element-8c120c9{--width:30%;}.elementor-800 .elementor-element.elementor-element-3110bd8{--width:70%;}}@media(max-width:1024px) and (min-width:768px){.elementor-800 .elementor-element.elementor-element-8c120c9{--width:50%;}.elementor-800 .elementor-element.elementor-element-3110bd8{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-bc787cd *//* ===================================================== HEADER — 2 ESTADOS (NORMAL + STICKY) Normal (sin scroll): - Fondo Primary @ 50% - Logo + Textos WHITE - Hover menú (solo normal): #BABABA - Hamburguesa WHITE (Elementor + UAE) Sticky (con scroll): - Fondo WHITE 100% - Textos PRIMARY - Hamburguesa PRIMARY - LOGO en su COLOR ORIGINAL (NO negro) Primary: #1D1D1B ===================================================== */ :root{ --ddb-primary: #1D1D1B; --ddb-white: #FFFFFF; --ddb-hover: #BABABA; --ddb-primary-50: rgba(29,29,27,0.50); } /* Transiciones suaves (más seguro que "all") */ .elementor-800 .elementor-element.elementor-element-bc787cd, .elementor-800 .elementor-element.elementor-element-bc787cd::before, .elementor-800 .elementor-element.elementor-element-bc787cd .elementor-background-overlay, .elementor-800 .elementor-element.elementor-element-bc787cd a, .elementor-800 .elementor-element.elementor-element-bc787cd .elementor-item, .elementor-800 .elementor-element.elementor-element-bc787cd .menu-item a, .elementor-800 .elementor-element.elementor-element-bc787cd .ddb-logo img, .elementor-800 .elementor-element.elementor-element-bc787cd .elementor-menu-toggle, .elementor-800 .elementor-element.elementor-element-bc787cd .uael-nav-menu__toggle{ transition: background-color .3s ease, color .3s ease, filter .3s ease, box-shadow .3s ease, opacity .3s ease; } /* ===================================================== 1) NORMAL (SIN SCROLL) ===================================================== */ /* Fondo primario 50% */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects){ background-color: var(--ddb-primary-50) !important; box-shadow: none !important; } /* Overlay (por si Elementor mete overlay) */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects)::before, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-background-overlay{ background-color: var(--ddb-primary-50) !important; opacity: 1 !important; } /* Textos/menú en blanco */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) a, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) p, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-item, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .menu-item a{ color: var(--ddb-white) !important; } /* Hover del menú SOLO en normal */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) a:hover, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-item:hover, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .menu-item a:hover{ color: var(--ddb-hover) !important; } /* LOGO en blanco (IMG) */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .ddb-logo img{ filter: brightness(0) invert(1) !important; opacity: 0.98 !important; } /* LOGO en blanco (si fuera SVG inline) */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .ddb-logo svg, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .ddb-logo svg *, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .ddb-logo path, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .ddb-logo line, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .ddb-logo rect{ fill: var(--ddb-white) !important; stroke: var(--ddb-white) !important; } /* ===================================================== HAMBURGUESA (3 barras) — NORMAL = BLANCA Elementor + UAE/UAEL ===================================================== */ /* Elementor clásico */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-menu-toggle, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-menu-toggle i{ color: var(--ddb-white) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-menu-toggle svg, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-menu-toggle svg *{ fill: var(--ddb-white) !important; stroke: var(--ddb-white) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .elementor-menu-toggle img{ filter: brightness(0) invert(1) !important; } /* UAE / UAEL */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle i, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle a{ color: var(--ddb-white) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle svg, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle svg *{ fill: var(--ddb-white) !important; stroke: var(--ddb-white) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle img{ filter: brightness(0) invert(1) !important; opacity: 1 !important; } /* Barras por CSS */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle-icon, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle-icon span, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle-icon::before, .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) .uael-nav-menu__toggle-icon::after{ background-color: var(--ddb-white) !important; border-color: var(--ddb-white) !important; } /* Fallback robusto */ .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) [class*="menu-toggle"], .elementor-800 .elementor-element.elementor-element-bc787cd:not(.elementor-sticky--effects) [class*="nav-menu__toggle"]{ color: var(--ddb-white) !important; } /* ===================================================== 2) STICKY (CON SCROLL) ===================================================== */ /* Fondo blanco 100% */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects{ background-color: var(--ddb-white) !important; box-shadow: 0px 4px 15px rgba(0,0,0,0.10); } /* Overlay blanco */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects::before, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-background-overlay{ background-color: var(--ddb-white) !important; opacity: 1 !important; } /* Textos/menú primario */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects a, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects p, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-item, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .menu-item a{ color: var(--ddb-primary) !important; } /* ✅ LOGO en su COLOR ORIGINAL (NO negro) */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .ddb-logo img{ filter: none !important; /* <- ESTE es el cambio clave */ opacity: 1 !important; } /* (Si fuera SVG inline y quieres que NO cambie de color, comenta este bloque) .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .ddb-logo svg, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .ddb-logo svg *, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .ddb-logo path, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .ddb-logo line, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .ddb-logo rect{ fill: var(--ddb-primary) !important; stroke: var(--ddb-primary) !important; } */ /* ===================================================== HAMBURGUESA (3 barras) — STICKY = PRIMARIA ===================================================== */ /* Elementor clásico */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-menu-toggle, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-menu-toggle i{ color: var(--ddb-primary) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-menu-toggle svg, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-menu-toggle svg *{ fill: var(--ddb-primary) !important; stroke: var(--ddb-primary) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .elementor-menu-toggle img{ filter: brightness(0) !important; } /* UAE / UAEL */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle i, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle a{ color: var(--ddb-primary) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle svg, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle svg *{ fill: var(--ddb-primary) !important; stroke: var(--ddb-primary) !important; } .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle img{ filter: brightness(0) !important; opacity: 1 !important; } /* Barras por CSS */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle-icon, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle-icon span, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle-icon::before, .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects .uael-nav-menu__toggle-icon::after{ background-color: var(--ddb-primary) !important; border-color: var(--ddb-primary) !important; } /* Fallback robusto */ .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects [class*="menu-toggle"], .elementor-800 .elementor-element.elementor-element-bc787cd.elementor-sticky--effects [class*="nav-menu__toggle"]{ color: var(--ddb-primary) !important; }/* End custom CSS */