.elementor-kit-12{--e-global-color-primary:#05001B;--e-global-color-secondary:#093DE1;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FFF600;--e-global-color-15c67cc:#43CDFF;--e-global-typography-primary-font-family:"articulat-heavy-cf";--e-global-typography-primary-font-weight:100;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:var( --e-global-color-primary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-12 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* add this to your custom CSS in the site settings */

html {
  scroll-behavior: auto !important;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}

 
  .video-swiper .swiper-slide video {
    width: 100%; height: 100%; object-fit: cover; border-radius: 12px;
    display: block;
  }
  
  /* Contenedor general (opcional) */
  .video-coverflow { width: 100%; max-width: 1200px; margin: 0 auto; }

  /* Mantener proporción 1920 x 1190 en cada slide */
  .video-swiper .swiper-slide {
    aspect-ratio: 1920 / 1190;
    width: min(90vw, 1000px);   /* ancho visible del slide central */
    transition: transform .4s ease, opacity .4s ease;
    display: flex; align-items: center; justify-content: center;
  }

  /* El video llena el slide */
  .video-swiper .swiper-slide video {
    width: 100%; height: 100%; object-fit: cover; border-radius: 12px;
    display: block;
  }

  /* CenteredSlides + coverflow: estados visuales */
  .video-swiper .swiper-slide { opacity: .3; transform: scale(.8); z-index: 1; }
  .video-swiper .swiper-slide.swiper-slide-active { opacity: 1; transform: scale(1); z-index: 3; }
  .video-swiper .swiper-slide.swiper-slide-prev,
  .video-swiper .swiper-slide.swiper-slide-next { opacity: .3; transform: scale(.85); z-index: 2; }

  /* Responsivo básico */
  @media (max-width: 767px) {
    .video-swiper .swiper-slide { width: 90vw; }
  } 



/* —— Aurora global centrada y que sube con scroll —— */
:root{
  /* Colores (forzados para evitar overrides en otros bloques) */
  --c1:#093DE1 !important;
  --c2:#FFF600 !important;
  --c3:#43CDFF !important;

  /* Tamaños de cada mancha (respetados) */
  --s1: clamp(450px, 20vmax, 400px);
  --s2: clamp(450px, 20vmax, 400px);
  --s3: clamp(450px, 20vmax, 400px);

  /* Intensidad (respetada) */
  --blur: 120px;         /* antes 58px */
  --opacity: .6;       /* antes .7  */

  /* Velocidades (respetadas) */
  --move: 7s;
  --hue: 1s;            /* (ya no se usa, se deja para compatibilidad) */

  /* Alto de la zona donde vive la aurora (respetado) */
  --aurora-height: clamp(800px, 100vh, 1400px);

  /* Offsets horizontales desde el centro (neg = izq, pos = der) */
  --cx1: 50px;   /* mancha 1 */
  --cx2: 300px;  /* mancha 2 */
  --cx3: 500px;   /* mancha 3 */

  /* Posiciones verticales desde el top */
  --y1: -350px;
  --y2: -380px;
  --y3: -400px;
}

body{
  position: relative;
  z-index: 0;
}

/* Aurora: capa absoluta que se desplaza con el scroll */
body::before{
  content:"";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: var(--aurora-height);
  pointer-events: none;
  z-index: 0;

  /* Blindajes para evitar mezclas/overlays externas */
  isolation: isolate;
  mix-blend-mode: normal;
  background-blend-mode: normal;

  background-image:
    radial-gradient(var(--s1) var(--s1) at center, var(--c1) 0 35%, transparent 60%),
    radial-gradient(var(--s2) var(--s2) at center, var(--c2) 0 35%, transparent 60%),
    radial-gradient(var(--s3) var(--s3) at center, var(--c3) 0 35%, transparent 60%);
  background-repeat: no-repeat;

  /* Posiciones relativas al centro (evita “correrse” con zoom) */
  background-position:
    calc(50% + var(--cx1)) var(--y1),
    calc(50% + var(--cx2)) var(--y2),
    calc(50% + var(--cx3)) var(--y3);

  background-size:
    var(--s1) var(--s1),
    var(--s2) var(--s2),
    var(--s3) var(--s3);

  filter: blur(var(--blur));
  opacity: var(--opacity);

  /* Solo movimiento vertical (se quita aurora-hue) */
  animation: aurora-drift var(--move) ease-in-out infinite alternate;
}

/* Asegura que el contenido esté encima */
.elementor-location-header, header, main, footer, #page, .site{
  position: relative;
  z-index: 1;
}

/* Movimiento principalmente VERTICAL para no cruzar manchas */
@keyframes aurora-drift{
  0%{
    background-position:
      /* X más a la izq. (-60px) | Y igual que tenías */
      calc(50% + var(--cx1) - 60px) calc(var(--y1) - 20px),
      /* X más a la der. (+40px) */
      calc(50% + var(--cx2) + 40px) calc(var(--y2) - 20px),
      /* X un poco a la izq. (-30px) */
      calc(50% + var(--cx3) - 30px) calc(var(--y3) + 10px);
  }
  50%{
    background-position:
      /* X más a la der. (+80px) | Y como pediste (+70px) */
      calc(50% + var(--cx1) + 80px) calc(var(--y1) + 70px),
      /* X a la izq. (-60px) | Y +60px */
      calc(50% + var(--cx2) - 60px) calc(var(--y2) + 60px),
      /* X más a la der. (+70px) | Y -60px */
      calc(50% + var(--cx3) + 70px) calc(var(--y3) - 60px);
  }
  100%{
    background-position:
      /* X a la izq. (-40px) | Y -50px */
      calc(50% + var(--cx1) - 40px) calc(var(--y1) - 50px),
      /* X a la der. (+80px) | Y +50px */
      calc(50% + var(--cx2) + 80px) calc(var(--y2) + 50px),
      /* X aún más a la der. (+110px) | Y +100px */
      calc(50% + var(--cx3) + 110px) calc(var(--y3) + 100px);
  }
}

}

/* (Se elimina por completo aurora-hue) */

/* Ajustes móviles (respetados) */
@media (max-width: 768px){
  :root{
    --blur: 38px;
    --opacity: .38;

    /* Mantén separación también en móvil */
    --cx1: -260px;
    --cx2:    0px;
    --cx3:  260px;

    --y1:  -420px;
    --y2:  -420px;
    --y3:  -360px;
  }
  
}

html, body {
  overflow-x: hidden;
}

/* Recomendado por Lenis: reseteos y prevención de desbordes laterales */
html, body { overflow-x: hidden; }

html.lenis, html.lenis body {
  height: auto;
}
.lenis.lenis-smooth { scroll-behavior: auto !important; } /* evita conflictos con smooth nativo de anclas */
.lenis.lenis-stopped { overflow: hidden; }

body::after {
  content:"";
  position: absolute;
  left: 0; right: 0;
  bottom: 0;
  height: 490px;                /* Alto bajo = ovalado, ajusta según desees */
  width: 400vw;
  pointer-events: none;
  z-index: 0;
  isolation: isolate;
  mix-blend-mode: normal;
  background: radial-gradient(
    13% 50% at 13.3% 90%,         /* Ancho muy alto, bajo en alto, centrado horizontal */
    rgba(9,61,225,1) 10%,
    rgba(9,61,255,20) 45%,
    transparent 100%
  );
  filter: blur(150px);
  opacity: 0.95;
}/* End custom CSS */