/* ================= HERO ================= */
  #academy-virtual .hero{
    min-height:100svh; display:flex; flex-direction:column; justify-content:center;
    padding:140px clamp(20px,6vw,80px) 80px;
    position:relative;
  }
#academy-virtual .hero--academy{
  background-image:
    linear-gradient(
      90deg,
      rgba(0,0,0,.88) 0%,
      rgba(0,0,0,.72) 40%,
      rgba(0,0,0,.55) 100%
    ),
    url('/src/components/assets/images/academy/virtual-academy/hero_fondo.jpeg');

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  position: relative;
  overflow: hidden;
}
  
  #academy-virtual .hero-grid{
    display:grid; grid-template-columns:1.3fr 0.7fr; gap:60px; align-items:end;
  }
  #academy-virtual .eyebrow{
    font-family:var(--av-mono); font-size:12px; letter-spacing:4px; text-transform:uppercase;
    color:var(--av-gold); margin-bottom:22px; display:flex; align-items:center; gap:10px;
  }
  #academy-virtual .eyebrow::before{content:'';width:26px;height:1px;background:var(--av-gold);}
  #academy-virtual h1{
    font-family:var(--av-display);
    font-size:clamp(54px, 9vw, 128px);
    line-height:0.88;
    letter-spacing:0.5px;
    text-transform:uppercase;
    color:var(--av-paper);
  }
  #academy-virtual h1 em{font-style:normal; color:var(--av-gold);}
  #academy-virtual .hero-sub{
    font-size:clamp(15px,1.6vw,18px); line-height:1.6; color:#bdbdbd; max-width:520px; margin-top:26px;
    font-weight:400;
  }
  #academy-virtual .hero-stamp-col{display:flex; flex-direction:column; align-items:flex-end; gap:18px;}
  #academy-virtual .hero-stats{display:flex; gap:28px; font-family:var(--av-mono); justify-content:flex-end; flex-wrap:wrap;}
  #academy-virtual .hero-stat{text-align:right;}
  #academy-virtual .hero-stat b{display:block; font-family:var(--av-display); font-size:34px; color:var(--av-paper); letter-spacing:1px;}
  #academy-virtual .hero-stat span{font-size:9.5px; letter-spacing:1.5px; color:var(--av-grey); text-transform:uppercase;}

  #academy-virtual .scroll-cue{
    position:absolute; bottom:36px; left:50%; transform:translateX(-50%);
    display:flex; flex-direction:column; align-items:center; gap:10px;
    font-family:var(--av-mono); font-size:10px; letter-spacing:2px; color:var(--av-grey); text-transform:uppercase;
  }
  #academy-virtual .scroll-line{width:1px; height:34px; background:linear-gradient(var(--av-gold), transparent); animation:av-scrollPulse 1.8s ease-in-out infinite;}
  @keyframes av-scrollPulse{0%,100%{opacity:.3;} 50%{opacity:1;}}