.elementor-237 .elementor-element.elementor-element-840d5f2{--display:flex;--position:fixed;--min-height:0px;--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:0px 00px;--row-gap:0px;--column-gap:00px;--border-radius:80px 80px 80px 80px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:2px;--padding-left:10px;--padding-right:8px;top:0px;--z-index:999;}.elementor-237 .elementor-element.elementor-element-840d5f2:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-840d5f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#160817D1;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-840d5f2{left:22.5vw;}body.rtl .elementor-237 .elementor-element.elementor-element-840d5f2{right:22.5vw;}.elementor-237 .elementor-element.elementor-element-e584401{--display:flex;--min-height:0px;}.elementor-237 .elementor-element.elementor-element-e584401.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-theme-site-logo .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-237 .elementor-element.elementor-element-ca3f4c7{width:100%;max-width:100%;}.elementor-237 .elementor-element.elementor-element-ca3f4c7.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-ca3f4c7 img{width:100%;max-width:100%;height:7vh;}.elementor-237 .elementor-element.elementor-element-5a79383{--display:flex;--justify-content:center;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-237 .elementor-element.elementor-element-7df0d2b .elementor-menu-toggle{margin:0 auto;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu .elementor-item{font-family:"Red Hat Display", Sans-serif;font-size:1rem;font-weight:500;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main .elementor-item{color:#F7F7F7;fill:#F7F7F7;padding-left:17px;padding-right:17px;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main .elementor-item:hover, .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main .elementor-item.highlighted, .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main .elementor-item:focus{color:#F7F7F7;fill:#F7F7F7;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--dropdown a, .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-menu-toggle{color:#F7F7F7;fill:#F7F7F7;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--dropdown{background-color:#020101;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--dropdown .elementor-item, .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-237 .elementor-element.elementor-element-c118996{--display:flex;--position:fixed;--min-height:0px;--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:0px 00px;--row-gap:0px;--column-gap:00px;--border-radius:80px 80px 80px 80px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:2px;--padding-left:10px;--padding-right:8px;top:0px;--z-index:999;}.elementor-237 .elementor-element.elementor-element-c118996:not(.elementor-motion-effects-element-type-background), .elementor-237 .elementor-element.elementor-element-c118996 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#160817D1;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-c118996{left:22.5vw;}body.rtl .elementor-237 .elementor-element.elementor-element-c118996{right:22.5vw;}.elementor-237 .elementor-element.elementor-element-6acf683{--display:flex;--min-height:0px;}.elementor-237 .elementor-element.elementor-element-6acf683.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-7ea425a{width:100%;max-width:100%;}.elementor-237 .elementor-element.elementor-element-7ea425a.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-237 .elementor-element.elementor-element-7ea425a img{width:100%;max-width:100%;height:7vh;}.elementor-237 .elementor-element.elementor-element-fc876cb .elementor-menu-toggle{margin-left:auto;}.elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown .elementor-item, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown .elementor-sub-item{font-family:"Red Hat Display", Sans-serif;font-weight:500;}.elementor-237 .elementor-element.elementor-element-fc876cb div.elementor-menu-toggle{color:#F7F7F7;}.elementor-237 .elementor-element.elementor-element-fc876cb div.elementor-menu-toggle svg{fill:#F7F7F7;}.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-237 .elementor-element.elementor-element-840d5f2{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--padding-top:13px;--padding-bottom:13px;--padding-left:20px;--padding-right:20px;}.elementor-237 .elementor-element.elementor-element-c118996{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--flex-wrap:wrap;--padding-top:13px;--padding-bottom:13px;--padding-left:20px;--padding-right:20px;}}@media(min-width:768px){.elementor-237 .elementor-element.elementor-element-840d5f2{--width:54%;}.elementor-237 .elementor-element.elementor-element-e584401{--width:16%;}.elementor-237 .elementor-element.elementor-element-5a79383{--width:100%;}.elementor-237 .elementor-element.elementor-element-c118996{--width:54%;}.elementor-237 .elementor-element.elementor-element-6acf683{--width:16%;}}@media(max-width:1024px) and (min-width:768px){.elementor-237 .elementor-element.elementor-element-840d5f2{--width:793px;}.elementor-237 .elementor-element.elementor-element-c118996{--width:793px;}}@media(max-width:767px){.elementor-237 .elementor-element.elementor-element-840d5f2{--width:86vw;--min-height:0vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--border-radius:100px 100px 100px 100px;--padding-top:2px;--padding-bottom:2px;--padding-left:16px;--padding-right:24px;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-840d5f2{left:5%;}body.rtl .elementor-237 .elementor-element.elementor-element-840d5f2{right:5%;}.elementor-237 .elementor-element.elementor-element-e584401{--width:42%;}.elementor-237 .elementor-element.elementor-element-5a79383{--width:16%;}.elementor-237 .elementor-element.elementor-element-7df0d2b{--e-transform-scale:1.3;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main .elementor-item{padding-left:0px;padding-right:0px;padding-top:0px;padding-bottom:0px;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu--dropdown a{padding-left:93px;padding-right:93px;padding-top:4px;padding-bottom:4px;}.elementor-237 .elementor-element.elementor-element-c118996{--width:87vw;--min-height:0vh;--justify-content:space-between;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--border-radius:60px 60px 60px 60px;--margin-top:25px;--margin-bottom:0px;--margin-left:19px;--margin-right:0px;--padding-top:12px;--padding-bottom:12px;--padding-left:16px;--padding-right:26px;}body:not(.rtl) .elementor-237 .elementor-element.elementor-element-c118996{left:-1%;}body.rtl .elementor-237 .elementor-element.elementor-element-c118996{right:-1%;}.elementor-237 .elementor-element.elementor-element-6acf683{--width:40%;--min-height:3vh;--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;--justify-content:flex-start;}.elementor-237 .elementor-element.elementor-element-7ea425a img{width:100%;max-width:100%;height:5vh;}.elementor-237 .elementor-element.elementor-element-fc876cb{width:100%;max-width:100%;margin:-50px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:7px 0px 0px 0px;--nav-menu-icon-size:25px;}.elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-framed .elementor-item:before{border-width:0px;}.elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-framed.e--animation-draw .elementor-item:before{border-width:0 0 0px 0px;}.elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-framed.e--animation-draw .elementor-item:after{border-width:0px 0px 0 0;}.elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-framed.e--animation-corners .elementor-item:before{border-width:0px 0 0 0px;}.elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-framed.e--animation-corners .elementor-item:after{border-width:0 0px 0px 0;}.elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-underline .elementor-item:after, .elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-overline .elementor-item:before, .elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-double-line .elementor-item:before, .elementor-237 .elementor-element.elementor-element-fc876cb .e--pointer-double-line .elementor-item:after{height:0px;}.elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--main .elementor-item{padding-left:50px;padding-right:50px;}.elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown a{padding-left:100px;padding-right:100px;padding-top:11px;padding-bottom:11px;}.elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:12px !important;}.elementor-237 .elementor-element.elementor-element-fc876cb .elementor-menu-toggle{border-width:0px;}} /* ====== Links base del menú ====== */ .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu li > a { color: #f7f7f7 !important; text-decoration: none !important; font-weight: 400; line-height: 1.2; display: inline-block; text-shadow: 0 0 0 rgba(233, 0, 100, 0); transition: color 0.3s ease, text-shadow 0.4s ease, transform 0.3s ease; } /* Hover con glow y leve aumento visual */ .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu li:not(:last-child) > a:hover, .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu li:not(:last-child) > a:focus { color: #E90064 !important; text-shadow: 0 0 10px rgba(233, 0, 100, 0.7), 0 0 25px rgba(233, 0, 100, 0.5), 0 0 50px rgba(233, 0, 100, 0.25); transform: scale(1.05); } /* Estado activo corregido (evita que todos arranquen en rojo) */ .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu li.current-menu-item > a { color: #f7f7f7 !important; text-shadow: none !important; transform: none !important; } /* Botón "Hablemos" normal */ .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu li:last-child > a { background: #ffffff; color: #160817 !important; border-radius: 999px; font-weight: 500; white-space: nowrap; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25); transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.3s ease, transform 0.3s ease; } /* Botón "Hablemos" hover */ .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu li:last-child > a:hover { background: #E90064; color: #f7f7f7 !important; transform: scale(1.05); box-shadow: 0 0 20px rgba(233, 0, 100, 0.6), 0 0 45px rgba(233, 0, 100, 0.4), 0 20px 80px rgba(233, 0, 100, 0.25); } /* ====== Separación entre "Proyectos" y "Hablemos" ====== */ .elementor-237 .elementor-element.elementor-element-7df0d2b .elementor-nav-menu > li:nth-last-child(2) { margin-right: 15px; /* ajustá el valor según necesites (20–30px funciona bien) */ } /* ---- ESTO SÍ VA AQUÍ ---- */ /* Estilo Glassmorphism para el contenedor */ .elementor-237 .elementor-element.elementor-element-840d5f2 { background: rgba(12, 9, 16, 0.75); /* fondo oscuro con opacidad */ backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); border-radius: 60px; box-shadow: 0 0 40px rgba(233, 0, 100, 0.25), 0 10px 60px rgba(233, 0, 100, 0.15); border: 1px solid rgba(255, 255, 255, 0.05); /* Importante: Añadimos la transición aquí mismo */ /* Así reacciona suavemente a los cambios de JS */ transition: top 0.3s ease-in-out; } /* ---- ESTO SÍ VA AQUÍ ---- */ .elementor-237 .elementor-element.elementor-element-840d5f2 {   /* ... tu código glassmorphism ... */   transition: top 0.3s ease-in-out; } /* ===== Base del header ===== */ #header-mobile{   /* ... tu código de transición ... */ } /* ===== Overlay de fondo ===== */ #header-mobile::before{   /* ... tu código de overlay ... */ } /* ---- PÉGALO AQUÍ AL FINAL ---- */ #header-mobile.header-hidden { transform: translateY(-100%); } /* Start custom CSS for nav-menu, class: .elementor-element-fc876cb *//* ========= DROPDOWN MÓVIL — estilo como desktop ========= */ @media (max-width: 1024px) { /* Panel del dropdown (si ya lo estilaste, podés omitir este bloque) */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu__container .elementor-nav-menu--dropdown { position: fixed !important; top: 50%; left: 50%; transform: translate(-50%, -50%) !important; width: 88vw; max-width: 360px; background: rgba(12, 9, 16, 0.92); -webkit-backdrop-filter: blur(20px) saturate(160%); backdrop-filter: blur(20px) saturate(160%); border-radius: 28px; border: 1px solid rgba(255,255,255,0.08); box-shadow: 0 10px 45px rgba(233,0,100,.20), 0 25px 80px rgba(0,0,0,.35); padding: 28px 22px 22px; text-align: center; /* centrado como tu mock */ z-index: 10000; } /* Reset básico para evitar estilos del tema/addons */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown a { list-style: none !important; text-decoration: none !important; background: transparent !important; box-shadow: none !important; } /* Ítems del dropdown: tipografía y espaciado */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li { margin: 6px 0; } .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li > a { display: block; color: #f7f7f7 !important; font-weight: 400; line-height: 1.2; font-size: 1.25rem; /* ≈ desktop feel */ padding: 12px 8px; border-radius: 12px; text-shadow: 0 0 0 rgba(233, 0, 100, 0); transition: color 0.3s ease, text-shadow 0.4s ease, transform 0.3s ease, background-color 0.25s ease; } /* Hover con glow (para todos excepto el último botón) */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:not(:last-child) > a:hover, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:not(:last-child) > a:focus { color: #E90064 !important; text-shadow: 0 0 10px rgba(233, 0, 100, 0.7), 0 0 25px rgba(233, 0, 100, 0.5), 0 0 50px rgba(233, 0, 100, 0.25); transform: scale(1.05); background: rgba(255,255,255,0.05); } /* Estado activo corregido (no arranquen todos “activos”) */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li.current-menu-item > a { color: #f7f7f7 !important; text-shadow: none !important; transform: none !important; background: transparent !important; } /* Separación previa al botón */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown > li:nth-last-child(2) { margin-bottom: 10px; } /* Botón "Hablemos" (último ítem) */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:last-child > a { background: #ffffff !important; color: #160817 !important; border-radius: 999px; font-weight: 500; padding: 14px 18px; display: inline-block; /* que no estire todo el ancho */ white-space: nowrap; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.25); transition: background-color 0.25s ease, color 0.25s ease, box-shadow 0.3s ease, transform 0.3s ease; } .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:last-child > a:hover { background: #E90064 !important; color: #f7f7f7 !important; transform: scale(1.05); box-shadow: 0 0 20px rgba(233, 0, 100, 0.6), 0 0 45px rgba(233, 0, 100, 0.4), 0 20px 80px rgba(233, 0, 100, 0.25); } /* Quitar indicadores/setas en móvil si molestan */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown .sub-arrow, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown .elementor-item:after { display: none !important; } } /* ===== Centrar textos y botón en el dropdown ===== */ @media (max-width: 1024px) { /* Centra todos los ítems */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown { text-align: center !important; } /* Centra cada enlace individual */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li > a { justify-content: center !important; text-align: center !important; } /* Asegura que el botón “Hablemos” también quede centrado */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:last-child { display: flex; justify-content: center; } } /* ========= FIXES de tipografía y layout en DROPDOWN ========= */ @media (max-width: 1024px) { /* 0) Reset de UL y LI para que no haya paddings raros */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown { display: flex !important; flex-direction: column; align-items: center; /* centra todo el stack */ justify-content: center; gap: 16px; /* separación vertical uniforme */ padding: px 1px 1px !important; margin: 0 !important; text-align: center !important; /* asegura centrado de párrafo */ } .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown > li { list-style: none !important; padding: 0 !important; margin: 0 !important; } /* 1) Evitar quiebre en "El estudio" y otros (no cortar en 2 líneas) */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li > a { display: inline-flex; /* caja del enlace sin ancho raro */ align-items: center; justify-content: center; white-space: nowrap; /* <-- evita el salto de línea */ max-width: none !important; width: auto !important; /* tu look */ color: #f7f7f7 !important; font-weight: 400; line-height: 1.25; /* mejora legibilidad */ font-size: 20px; padding: 10px 12px; border-radius: 12px; text-align: center !important; text-decoration: none !important; text-shadow: 0 0 0 rgba(233, 0, 100, 0); transition: color .3s ease, text-shadow .4s ease, transform .3s ease, background-color .25s ease; } /* 2) Hover consistente y centrado */ .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:not(:last-child) > a:hover, .elementor-237 .elementor-element.elementor-element-fc876cb .elementor-nav-menu--dropdown li:not(:last-child) > a:focus { color: #E90064 !important; background: rgba(255,255,255,0.05); transform: translateY(-1px) scale(1.05);/* End custom CSS */ /* ---- ESTO SÍ VA AQUÍ ---- */ /* Estilo Glassmorphism para el contenedor */ .elementor-237 .elementor-element.elementor-element-c118996 { background: rgba(12, 9, 16, 0.75); /* fondo oscuro con opacidad */ backdrop-filter: blur(25px); -webkit-backdrop-filter: blur(25px); border-radius: 60px; box-shadow: 0 0 40px rgba(233, 0, 100, 0.25), 0 10px 60px rgba(233, 0, 100, 0.15); border: 1px solid rgba(255, 255, 255, 0.05); /* Importante: Añadimos la transición aquí mismo */ /* Así reacciona suavemente a los cambios de JS */ transition: top 0.3s ease-in-out; } /* ---- ESTO SÍ VA AQUÍ ---- */ .elementor-237 .elementor-element.elementor-element-c118996 {   /* ... tu código glassmorphism ... */   transition: top 0.3s ease-in-out; } /* ===== Base del header ===== */ #header-mobile{   /* ... tu código de transición ... */ } /* ===== Overlay de fondo ===== */ #header-mobile::before{   /* ... tu código de overlay ... */ } /* ---- PÉGALO AQUÍ AL FINAL ---- */ #header-mobile.header-hidden { transform: translateY(-100%); }