/* ==========================================================================
   CAUXE — Aurora detrás de 2 CTAs (2026-10-08)
   "¿Tu equipo sigue armando reportes a mano?" (diagnóstico, mitad de página) y
   "Empieza ahora" (cierre). Animación en assets/js/aurora.js.
   CTAs anteriores: archivo/portada-cauxe02/ctas-v1/
   ========================================================================== */
.aurora { position: absolute; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; border-radius: inherit; }
.aurora canvas { display: block; width: 100%; height: 100%; }

/* CTA diagnóstico: franja azul noche para que la aurora se vea */
.cta-band.has-aurora { background: linear-gradient(180deg, #0a1030 0%, #070b22 100%); border: 1px solid rgba(180, 151, 207, .22); box-shadow: 0 30px 70px -30px rgba(82, 39, 255, .55); }
.cta-band.has-aurora::after { display: none; }
.cta-band.has-aurora .aurora { opacity: .95; }
.cta-band.has-aurora > :not(.aurora) { position: relative; z-index: 1; }
.cta-band.has-aurora .cta-band-txt b { text-shadow: 0 2px 18px rgba(5, 8, 25, .6); }

/* CTA cierre: la aurora sube detrás del contador y del título, y se desvanece hacia los bordes */
.closer-wrap.has-aurora { position: relative; isolation: isolate; }
/* 2026-10-14 (optimización): la aurora del cierre sobresalía 6 % a los lados y la página se movía hacia la derecha */
.closer-sec { overflow-x: hidden; overflow-x: clip; } /* hidden: iPhone con iOS 15 o anterior no entiende clip */
.closer-wrap.has-aurora .aurora {
  inset: -10% -6% 25% -6%; border-radius: 0;
  -webkit-mask-image: radial-gradient(ellipse 60% 75% at 50% 35%, #000 35%, transparent 75%);
          mask-image: radial-gradient(ellipse 60% 75% at 50% 35%, #000 35%, transparent 75%);
}
.closer-wrap.has-aurora > :not(.aurora) { position: relative; z-index: 1; }
[data-theme="light"] .closer-wrap.has-aurora .aurora { opacity: .5; filter: saturate(1.8) brightness(1.6); }