.elementor .e-4f89565{width:30%;padding-block-start:0px;padding-block-end:0px;padding-inline-start:60px;padding-inline-end:30px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:0px;margin-inline-end:0px;border-start-start-radius:0px;border-start-end-radius:40px;border-end-start-radius:0px;border-end-end-radius:40px;flex-direction:column;}.elementor .e-addf063{width:70%;flex-direction:column;justify-content:center;align-items:end;}.elementor .e-d776403{width:100%;max-width:1140px;position:static;scroll-margin-top:0px;padding-block-start:0px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;margin:0px;flex-direction:row;gap:10px;justify-content:space-between;align-items:center;}.elementor .e-3637322{width:100%;position:fixed;z-index:999;scroll-margin-top:0px;padding-block-start:25px;margin-block-end:-100px;background-image:linear-gradient(180deg, #032c16 29%,#032c1666 100%);background-repeat:repeat;background-attachment:scroll;background-size:auto auto;background-position:0% 0%;flex-direction:row;justify-content:center;align-items:center;/* 1. Creamos la animación del fondo negro */
@keyframes aparecerNegro {
to { background-color: rgba(0, 0, 0, 0.95); }
}

/* 2. Aplicamos la animación al menú según el scroll */
selector {
animation: aparecerNegro linear both;
animation-timeline: scroll(); /* Esto detecta el movimiento de la página */
animation-range: 0px 150px;    /* El cambio ocurre entre el pixel 0 y el 150 */
transition: all 0.3s ease;
}

/* 3. Sombra opcional para que resalte al bajar */
selector.elementor-sticky--active {
  box-shadow: 0px 5px 20px rgba(0,0,0,0.2);
}\n}