.elementor-990488 .elementor-element.elementor-element-fd1d32f{--display:flex;--min-height:100vh;--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:space-between;--align-items:stretch;--gap:3em 0em;--row-gap:3em;--column-gap:0em;--overlay-opacity:1;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-990488 .elementor-element.elementor-element-fd1d32f:not(.elementor-motion-effects-element-type-background), .elementor-990488 .elementor-element.elementor-element-fd1d32f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-990488 .elementor-element.elementor-element-fd1d32f::before, .elementor-990488 .elementor-element.elementor-element-fd1d32f > .elementor-background-video-container::before, .elementor-990488 .elementor-element.elementor-element-fd1d32f > .e-con-inner > .elementor-background-video-container::before, .elementor-990488 .elementor-element.elementor-element-fd1d32f > .elementor-background-slideshow::before, .elementor-990488 .elementor-element.elementor-element-fd1d32f > .e-con-inner > .elementor-background-slideshow::before, .elementor-990488 .elementor-element.elementor-element-fd1d32f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);}.elementor-990488 .elementor-element.elementor-element-fd1d32f.e-con{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-990488 .elementor-element.elementor-element-fd1d32f{--min-height:60vh;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}}@media(max-width:767px){.elementor-990488 .elementor-element.elementor-element-fd1d32f{--width:100%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0em 0em;--row-gap:0em;--column-gap:0em;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-990488 .elementor-element.elementor-element-fd7d748{width:100%;max-width:100%;}}/* Start custom CSS for container, class: .elementor-element-fd1d32f */:root{
  --andez-bg: #05030a;
  --aurora-green: #14F195;   /* Solana green */
  --aurora-purple: #7B3CFF;  /* morado fuego */
  --aurora-blue: #283BFF;    /* azul frío derecha */
}

/* HERO: fondo base, sin moverse */
.home-andez{
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 72vh;
  background:
    radial-gradient(circle at 0% 0%,
      rgba(20,241,149,0.18),
      transparent 55%
    ),
    linear-gradient(to bottom, #05030a 0, #020307 40%, #000 100%);
  color: #f4f7ff;

  /* vars que mueve el JS (-1 a 1) */
  --mx: 0;
  --my: 0;
}

/* AURORA SOLO ARRIBA (más morado, más presencia) */
.home-andez::before{
  content:"";
  position:absolute;
  top:-25%;
  left:-15%;
  right:-15%;
  height:55%;
  z-index:0;

  background:
    /* líneas verticales suaves tipo scan */
    repeating-linear-gradient(
      to bottom,
      rgba(0,0,0,0.8) 0 2px,
      rgba(0,0,0,0.0) 2px 11px
    ),
    /* blob morado intenso arriba izquierda (subimos un tris) */
    radial-gradient(
      520px 360px at 14% -5%,
      color-mix(in oklab, var(--aurora-purple) 100%, transparent) 0%,
      transparent 65%
    ),
    /* haz azul/morado hacia la derecha */
    radial-gradient(
      620px 420px at 86% 5%,
      color-mix(in oklab, var(--aurora-blue) 80%, var(--aurora-purple) 20%) 0%,
      transparent 72%
    ),
    /* banda diagonal morado + verde que cruza el centro */
    linear-gradient(
      115deg,
      #000 6%,
      rgba(0,0,0,0.95) 14%,
      color-mix(in oklab, var(--aurora-purple) 70%, transparent) 25%,
      color-mix(in oklab, var(--aurora-purple) 55%, var(--aurora-green) 45%) 35%,
      color-mix(in oklab, var(--aurora-green) 82%, var(--aurora-purple) 18%) 46%,
      color-mix(in oklab, var(--aurora-green) 60%, transparent) 58%,
      rgba(0,0,0,0.94) 70%,
      transparent 100%
    );

  background-size:
    130% 140%,   /* líneas */
    180% 150%,   /* blob morado izq */
    200% 180%,   /* haz azul der */
    190% 170%;   /* aurora diagonal */

  background-position:
    center top,
    calc(32% + var(--mx) * 4%) calc(-4% + var(--my) * 3%),  /* blob morado */
    calc(80% + var(--mx) * 6%) calc(3% + var(--my) * 4%),   /* haz azul */
    calc(50% + var(--mx) * 9%) calc(35% + var(--my) * 6%);  /* banda diagonal */

  /* menos blur para que se note un poco más el color */
  filter: blur(8px);
  opacity: 1;               /* un tris más de opacidad */
  mix-blend-mode: screen;

  transition: background-position 0.25s ease-out, opacity 0.25s ease-out;

  /* fade hacia abajo: aurora solo en el top del hero */
  mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 58%,
    rgba(0,0,0,0) 100%
  );
  -webkit-mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,1) 58%,
    rgba(0,0,0,0) 100%
  );
}

/* RUIDO + “mesh” un poquito más fuerte */
.home-andez::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;

  background:
    /* viñeta */
    radial-gradient(circle at 50% 45%,
      rgba(0,0,0,0) 0,
      rgba(0,0,0,0.22) 55%,
      rgba(0,0,0,0.85) 100%
    ),
    /* líneas horizontales (film grain) */
    repeating-linear-gradient(
      180deg,
      rgba(255,255,255,0.045) 0 1px,
      rgba(0,0,0,0) 1px 3px
    ),
    /* textura diagonal muy suave tipo mesh */
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.02) 0 1px,
      rgba(0,0,0,0) 1px 6px
    );
  mix-blend-mode:multiply;
  opacity: 0.9;  /* un tris más de presencia */
}

/* Contenido por encima */
.home-andez > .e-con-inner,
.home-andez .elementor-widget,
.home-andez .e-con,
.home-andez .elementor-column{
  position:relative;
  z-index:1;
}

/* Motion effects de Elementor atrás */
.home-andez .elementor-motion-effects-container,
.home-andez .elementor-motion-effects-layer{
  z-index:-1 !important;
}

/* Menos movimiento si alguien lo pide */
@media (prefers-reduced-motion: reduce){
  .home-andez::before{
    background-position:
      center top,
      32% -4%,
      80% 3%,
      50% 35%;
    transition:none;
  }
}
/* ===== Ajustes de aurora en móvil ===== */
@media (max-width: 767px){

  .home-andez{
    min-height: 100vh;
    /* fondo base más simple y centrado */
    background:
      radial-gradient(circle at 50% 0%,
        rgba(20,241,149,0.28),
        transparent 60%
      ),
      linear-gradient(to bottom, #05030a 0, #020307 40%, #000 100%);
  }

  .home-andez::before{
    /* que la aurora abarque bien el ancho y no deje banda negra */
    top:-35%;
    left:-30%;
    right:-30%;
    height:70%;

    background:
      /* líneas más finas */
      repeating-linear-gradient(
        to bottom,
        rgba(0,0,0,0.75) 0 1px,
        rgba(0,0,0,0.0) 1px 9px
      ),
      /* blob morado más visible */
      radial-gradient(
        520px 360px at 22% 0%,
        color-mix(in oklab, var(--aurora-purple) 100%, transparent) 0%,
        transparent 65%
      ),
      /* haz azul/verde hacia la derecha pero sin cortar */
      radial-gradient(
        560px 360px at 78% 2%,
        color-mix(in oklab, var(--aurora-blue) 60%, var(--aurora-green) 40%) 0%,
        transparent 70%
      );

    background-size:
      200% 180%,   /* líneas */
      220% 190%,   /* morado */
      220% 190%;   /* azul/green */

    background-position:
      center top,
      35% 6%,
      65% 14%;

    filter: blur(10px);
    opacity: 0.95;
    mix-blend-mode: screen;

    /* fade más corto para que no atraviese todo el hero */
    mask-image: linear-gradient(to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 45%,
      rgba(0,0,0,0) 100%
    );
    -webkit-mask-image: linear-gradient(to bottom,
      rgba(0,0,0,1) 0%,
      rgba(0,0,0,1) 45%,
      rgba(0,0,0,0) 100%
    );
  }

  .home-andez::after{
    /* un poco menos denso para que el texto no se apague en pantallas pequeñas */
    opacity: 0.75;
  }
}/* End custom CSS */