/* ============================================================
   EcuaBiz AI — Landing Page GSAP Effects
   Inyeccion no destructiva — estados iniciales anti-FOUC
   ============================================================ */

/* ---- NAV ---- */
#landing-nav {
  opacity: 0;
  will-change: transform, opacity;
}

/* ---- HERO ---- */
#hero-logo {
  opacity: 0;
  will-change: transform, opacity;
}
#hero-badge {
  opacity: 0;
  will-change: opacity;
}
#hero-h1 {
  opacity: 0;
  will-change: transform, opacity;
}
#hero-subtitle {
  opacity: 0;
  will-change: opacity;
}
#hero-cta {
  opacity: 0;
  will-change: transform, opacity;
}
#hero-cards {
  opacity: 0;
  will-change: transform, opacity;
}

/* ---- SECCIONES GENERALES ---- */
.eb-section-label {
  opacity: 0;
  will-change: opacity;
}
.eb-section-h2 {
  opacity: 0;
  will-change: transform, opacity;
}
.eb-section-subtitle {
  opacity: 0;
  will-change: opacity;
}

/* ---- CARDS GENERICAS ---- */
.eb-card-anim {
  opacity: 0;
  will-change: transform, opacity;
}

/* ---- MOCKUP TELEFONO ---- */
#hero-mockup {
  opacity: 0;
  will-change: transform, opacity;
}

/* ---- CARD SANTYCELL ---- */
#card-santycell {
  opacity: 0;
  will-change: transform, opacity;
}

/* ---- CARD FUNDADOR ---- */
#card-fundador {
  opacity: 0;
  will-change: transform, opacity;
}

/* ---- PARTICULAS HERO ---- */
#landing-particles {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  pointer-events: none;
  z-index: 0;
  overflow: hidden;
}
.lp-particle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  will-change: transform, opacity;
}

/* Hero section necesita position relative para particulas */
#hero-section {
  position: relative;
}

/* Asegurar contenido hero sobre particulas */
#hero-section > * {
  position: relative;
  z-index: 1;
}