/* Intro de la home: logo de los hermanos → sale volando → lluvia de burgas. La coreografía está en js/home.js. */
.intro { display: none; }
.con-intro .intro {
  position: fixed; inset: 0; z-index: 100;
  display: grid; place-items: center;
  background: radial-gradient(120% 80% at 50% 45%, #8170bb 0%, var(--violeta) 40%, var(--violeta-tinta) 100%);
  cursor: pointer; touch-action: manipulation;
}
.intro-logo { width: min(64vw, 340px); opacity: 0; will-change: transform, opacity; filter: drop-shadow(0 18px 0 rgba(18, 7, 42, .45)); }
.intro-saltar {
  position: absolute; bottom: calc(24px + env(safe-area-inset-bottom)); left: 0; right: 0; text-align: center;
  font-family: "Barlow Condensed", sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .14em;
  font-size: 13px; color: rgba(253, 246, 232, .55);
}

/* mientras corre la intro, el contenido del hero espera */
.con-intro .hero .anim,
.con-intro #hero-burger img,
.con-intro #hero-burger .badge { opacity: 0; }
.con-intro body { overflow: hidden; }

.lluvia { position: absolute; inset: 0; z-index: 3; pointer-events: none; overflow: hidden; }
.lluvia img { position: absolute; top: 0; left: 0; will-change: transform; filter: drop-shadow(0 12px 12px rgba(10, 4, 24, .4)); }
.hero .wrap { position: relative; z-index: 2; }