/* direttamondiali — stili specifici della home (hero) */
.hero{min-height:74vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding-top:80px;
      background:radial-gradient(125% 105% at 0% 72%,rgba(255,90,31,.34),transparent 56%),
                 linear-gradient(125deg,#2c1207 0%,#120a10 42%,var(--bg) 72%)}
.hero::before{content:'2026';position:absolute;right:-30px;top:28px;font-size:300px;font-weight:900;color:rgba(255,255,255,.045);font-style:italic;line-height:1}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,12,20,.55),transparent 40%);z-index:1}
.hero .in{padding:0 50px 50px;position:relative;z-index:2;width:100%}
.hero h1{font-size:clamp(40px,7.5vw,96px);line-height:.92;font-style:italic;text-transform:uppercase;letter-spacing:-.03em;margin:18px 0 16px;text-shadow:0 4px 30px rgba(0,0,0,.5)}
.hero .vs{display:flex;align-items:center;gap:22px;font-size:clamp(28px,5.5vw,64px);font-weight:900;flex-wrap:wrap}
.hero .vs .fl{font-size:.95em}
.hero .vs .sc{color:var(--accent2)}
.hero .vs img.fl{height:.85em;width:.85em;border-radius:8px}
.hero .vs .kick{color:#fff;font-style:italic}
.hero .meta{font-family:var(--font);font-size:15px;font-weight:600;color:#c7cdda;margin-top:14px}
.hero .meta .ico{color:var(--accent2);vertical-align:-.16em}
.hero .vs .sep{opacity:.4;margin:0 4px}
/* marcatori / espulsi sotto il risultato */
.hero .hero-events{display:flex;flex-direction:column;gap:7px;margin-top:14px;font-family:var(--font);font-size:15px;font-weight:600}
.hero .he-ev{display:flex;align-items:center;gap:9px;color:#e6ebf4}
.hero .he-ev .min{color:var(--accent2);font-weight:800;font-variant-numeric:tabular-nums;min-width:26px}
.hero .he-ev img.fl{height:18px;width:18px}
.hero .he-ev .ev-ic{flex:none}
/* flash quando cambia il risultato */
.hero .vs.goal .sc{animation:goalpop .7s ease}
/* transizione: cambio partita (rotazione) */
@keyframes heroEnter{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}
.hero.hero-enter .in{animation:heroEnter .45s ease both}
/* flash discreto: evento che porta in evidenza un'altra partita */
@keyframes heroFlash{0%,100%{box-shadow:inset 0 0 0 2px rgba(255,90,31,0)}40%{box-shadow:inset 0 0 0 2px rgba(255,90,31,.55),inset 0 0 70px rgba(255,90,31,.16)}}
.hero.hero-flash{animation:heroFlash .9s ease}

@media(max-width:768px){
  .hero{min-height:auto;padding-top:108px}
  .hero::before{font-size:160px;top:64px;right:-12px}
  .hero .in{padding:0 18px 34px}
  .hero h1{font-size:clamp(32px,10.5vw,56px);margin:13px 0 13px}
  .hero .vs{gap:14px;font-size:clamp(26px,9vw,44px)}
  .hero .meta{font-size:13px;line-height:1.7}
  .hero .tag{font-size:11px;padding:6px 12px;letter-spacing:.04em}
}
@media(max-width:430px){
  .hero h1{font-size:clamp(28px,8.5vw,44px)}
  .hero .vs{font-size:clamp(23px,8.5vw,34px)}
  .hero .meta .ico{vertical-align:-.18em}
}