/* ============================================================
   EMEX Financial · capa "Aura" 1.9.0
   Solo efectos visuales: degradados, difuminados tipo cristal,
   luces suaves y apariciones. No cambia ningún texto del sitio.
   Ideas de 21st.dev: Aurora (35187), Glassmorphism Profile Card
   (5717), Bento GlowCard (43096) y Motion Footer (11714).
   ============================================================ */

/* ---------- Luces de aurora (solo transform/opacity: fluido) ---------- */
.aura{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.aura i{position:absolute;display:block;border-radius:50%;will-change:transform;
  animation:auraA 22s ease-in-out infinite alternate;animation-play-state:paused}
.aura-vis .aura i{animation-play-state:running}
.aura i:nth-child(1){width:62vmax;height:62vmax;left:-18vmax;top:-30vmax;background:radial-gradient(closest-side,rgba(20,120,168,.42),rgba(20,120,168,0))}
.aura i:nth-child(2){width:52vmax;height:52vmax;right:-16vmax;top:-12vmax;background:radial-gradient(closest-side,rgba(217,20,26,.26),rgba(217,20,26,0));animation-name:auraB;animation-duration:26s}
.aura i:nth-child(3){width:44vmax;height:44vmax;left:30%;bottom:-30vmax;background:radial-gradient(closest-side,rgba(255,178,30,.16),rgba(255,178,30,0));animation-name:auraC;animation-duration:30s}
@keyframes auraA{to{transform:translate3d(14vmax,8vmax,0) scale(1.12)}}
@keyframes auraB{to{transform:translate3d(-12vmax,10vmax,0) scale(.9)}}
@keyframes auraC{to{transform:translate3d(-10vmax,-8vmax,0) scale(1.15)}}
/* las secciones con aurora quedan por encima de las luces */
.hero>.wrap,.bx>.wrap,.cfband>.wrap,.aura-host>.wrap{position:relative;z-index:1}
.aura-host{position:relative;overflow:hidden}
/* versión clara (para fondos blancos) */
.aura-soft i:nth-child(1){background:radial-gradient(closest-side,rgba(20,120,168,.16),rgba(20,120,168,0))}
.aura-soft i:nth-child(2){background:radial-gradient(closest-side,rgba(24,119,242,.14),rgba(24,119,242,0))}
.aura-soft i:nth-child(3){background:radial-gradient(closest-side,rgba(217,20,26,.09),rgba(217,20,26,0))}

/* ---------- Encabezado de cristal esmerilado (tipo Apple) ---------- */
.hdr{transition:background-color .35s ease,box-shadow .35s ease}
@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .aura-js .hdr.hdr-glass{background:rgba(7,28,51,.86);-webkit-backdrop-filter:blur(20px) saturate(170%);backdrop-filter:blur(20px) saturate(170%);box-shadow:0 10px 30px -18px rgba(0,0,0,.6)}
}

/* ---------- Barra de avance de lectura ---------- */
.aura-bar{position:fixed;left:0;top:0;right:0;height:3px;z-index:200;pointer-events:none;transform-origin:0 50%;transform:scaleX(var(--p,0));
  background:linear-gradient(90deg,var(--red),#FF5A3C 45%,var(--led));box-shadow:0 0 12px rgba(255,120,40,.55)}

/* ---------- Títulos con degradado sutil ---------- */
.hero h1{background:linear-gradient(180deg,#fff 30%,#C9DAEA);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec:not(.ins):not(.bx):not(.cfband) h2{background:linear-gradient(100deg,var(--ink),var(--navy-3) 70%,var(--river));-webkit-background-clip:text;background-clip:text;color:transparent}
@media(forced-colors:active){.hero h1,.sec h2{color:CanvasText;background:none}}

/* ---------- Transiciones difuminadas entre secciones ---------- */
.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;pointer-events:none;z-index:0;
  background:radial-gradient(70% 100% at 50% 100%,rgba(20,120,168,.28),transparent 70%)}
.hero .river{z-index:1}
.cfband{position:relative}
.cfband::before{content:"";position:absolute;left:0;right:0;top:0;height:120px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent)}

/* ---------- Tarjeta rápida de cristal ---------- */
.quick .wrap{box-shadow:0 30px 70px -30px rgba(7,28,51,.45),0 0 0 1px rgba(15,34,54,.05)}
@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .quick .wrap{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
}

/* ---------- Tarjetas con brillo que sigue al cursor (GlowCard) ---------- */
.glow{position:relative;isolation:isolate}
.glow::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;opacity:0;transition:opacity .35s ease;
  background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),var(--glow,rgba(20,120,168,.14)),transparent 60%)}
.glow:hover::before{opacity:1}
.quick a.glow{--glow:rgba(20,120,168,.13)}
.ins-card.glow{--glow:rgba(255,255,255,.2);transition:transform .35s ease,box-shadow .35s ease,background-color .35s ease}
.ins-card.glow:hover{transform:translateY(-4px);background:rgba(255,255,255,.14);box-shadow:0 26px 50px -26px rgba(60,0,0,.65)}
.mv article.glow{--glow:rgba(20,120,168,.12);box-shadow:0 1px 0 rgba(15,34,54,.04),0 18px 40px -30px rgba(7,28,51,.4);transition:transform .35s ease,box-shadow .35s ease}
.mv article.glow:nth-child(2){--glow:rgba(217,20,26,.1)}
.mv article.glow:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(7,28,51,.45)}
.bx-card.glow{--glow:rgba(255,255,255,.16);transition:transform .35s ease,box-shadow .35s ease}
.bx-card.glow:hover{transform:translateY(-4px)}
@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){
  .ins-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
}

/* ---------- Apariciones suaves al bajar (sin mover formularios) ---------- */
.aura-js .au-rv{opacity:0;transform:translate3d(0,26px,0);filter:blur(5px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1),filter .8s ease;transition-delay:var(--rv-d,0s)}
.aura-js .au-rv.au-in{opacity:1;transform:none;filter:none}

/* ---------- Cierre cinematográfico (solo inicio) ---------- */
.aura-fin{position:relative;overflow:hidden;color:#fff;text-align:center;padding:clamp(80px,12vw,150px) 0 clamp(70px,10vw,120px);
  background:radial-gradient(90% 70% at 50% 0%,#0E3157 0%,transparent 70%),linear-gradient(180deg,var(--navy),#04121F)}
.aura-fin .wrap{display:grid;justify-items:center;gap:22px}
.aura-fin .fin-tag{display:inline-flex;align-items:center;gap:10px;padding:8px 16px;border-radius:999px;font-weight:700;font-size:14.5px;color:#DCE7F2;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14)}
.aura-fin .fin-tag i{width:8px;height:8px;border-radius:50%;background:var(--led);box-shadow:0 0 12px var(--led)}
@supports((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.aura-fin .fin-tag{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}
.aura-fin .fin-word{font:800 clamp(88px,21vw,300px)/.82 var(--f-display);letter-spacing:-.05em;margin:6px 0 clamp(14px,2vw,26px);padding-bottom:.06em;user-select:none;
  background:linear-gradient(180deg,#fff 15%,rgba(255,255,255,.6) 58%,rgba(255,255,255,.12) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
  transform:scale(var(--fs,1));transform-origin:50% 100%}
.aura-fin .fin-lead{max-width:56ch;color:#BFD0E1;font-size:clamp(17px,1.6vw,20px);line-height:1.55}
.aura-fin .fin-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px}
.aura-fin .fin-tape{position:relative;z-index:1;margin-top:clamp(48px,7vw,80px);border-block:1px solid rgba(255,255,255,.1);overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.aura-fin .fin-tape div{display:flex;width:max-content;animation:finTape 38s linear infinite;animation-play-state:paused}
.aura-vis .fin-tape div{animation-play-state:running}
.aura-fin .fin-tape span{white-space:nowrap;padding:16px 28px;font:400 clamp(15px,1.5vw,19px)/1 "DotGothic16",monospace;letter-spacing:.06em;color:var(--led);text-shadow:0 0 10px rgba(255,178,30,.45)}
@keyframes finTape{to{transform:translateX(-50%)}}
.aura-fin-vis #rateDock{opacity:0!important;pointer-events:none!important;transform:translateY(24px)!important;transition:opacity .3s,transform .3s}

@media(max-width:700px){
  .aura i{animation-duration:34s}
  .aura-fin .fin-ctas .btn{width:100%}
  .aura-fin .fin-ctas{width:100%;max-width:360px}
}

/* ---------- Movimiento reducido: todo quieto y visible ---------- */
@media(prefers-reduced-motion:reduce){
  .aura i,.aura-fin .fin-tape div{animation:none!important}
  .aura-js .au-rv{opacity:1!important;transform:none!important;filter:none!important}
  .aura-fin .fin-word{transform:none}
  .aura-bar{display:none}
}
.phero>.wrap,section.cf>.wrap{position:relative;z-index:1}
.phero h1{background:linear-gradient(180deg,#fff 30%,#C9DAEA);-webkit-background-clip:text;background-clip:text;color:transparent}
/* en celular, la aparición es sin difuminado (más ligera para el teléfono) */
@media(hover:none),(max-width:700px){.aura-js .au-rv{filter:none}}