/* GEPI Expo — stile 2026 su tutte le pagine (14/10/2026).
   Simone: «perfette queste, aggiorna tutto il sito» → lo stesso respiro della home nuova, senza stravolgere:
   stessi testi e colori; foto vere senza marchi nelle fasce in alto, il pass sempre a portata, movimento leggero.
   La home ha il suo home-nuova.css e NON carica questo file. */

/* barra di avanzamento in cima */
.g26-avanza{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--gepi-red);transform-origin:0 50%;transform:scaleX(0);z-index:400;pointer-events:none}

/* ---------- fascia in alto con una foto vera a destra che sfuma nel colore della fascia ---------- */
.inner-hero.g26-foto{min-height:440px;display:flex;align-items:center}
.inner-hero.g26-foto > .wrap{width:100%}
.g26-foto__img{position:absolute;top:0;right:0;bottom:0;width:58%;background-size:cover;background-position:center;z-index:0;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 30%,#000 62%);mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.55) 30%,#000 62%);
  animation:g26-zoom 10s ease-out both}
.section--dark .g26-foto__img{opacity:.78}
.section--red .g26-foto__img{opacity:.6;mix-blend-mode:luminosity}
.section--gold .g26-foto__img{opacity:.5;mix-blend-mode:luminosity}
@keyframes g26-zoom{from{transform:scale(1.1)}to{transform:scale(1)}}
.inner-hero.g26-foto .h-hero{letter-spacing:-.02em}

/* ---------- comparse allo scorrimento (solo se il movimento è acceso) ---------- */
.g26-mosso .g26-su{opacity:0;transform:translateY(32px)}
.frame{transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.media.frame img,.frame.ratio-4-3 img{transition:transform .9s cubic-bezier(.22,1,.36,1)}
.media.frame:hover img,.frame.ratio-4-3:hover img{transform:scale(1.05)}
.btn--primary .g26-freccia,.btn--gold .g26-freccia{display:inline-block;transition:transform .25s}
.btn:hover .g26-freccia{transform:translateX(5px)}

/* ---------- pass sempre a portata (mai sulla pagina del pass) ---------- */
.g26-pass{position:fixed;right:20px;bottom:20px;z-index:300;display:flex;align-items:center;gap:12px;padding:12px 14px 12px 20px;background:var(--gepi-red);color:#fff;
  border-radius:var(--radius-pill);text-decoration:none;font-weight:800;box-shadow:0 14px 34px rgba(226,6,20,.38);transform:translateY(140%);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.g26-pass.on{transform:none}
.g26-pass small{display:block;font-weight:500;font-size:12px;opacity:.85}
.g26-pass em{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--gepi-gold);color:var(--gepi-black,#0A0A0A);font-size:18px}
.g26-pass:hover,.g26-pass:focus{color:#fff}

@media (max-width:900px){
  .inner-hero.g26-foto{min-height:0}
  .g26-foto__img{width:100%;-webkit-mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 55%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,rgba(0,0,0,.35) 55%,transparent 100%)}
  .section--dark .g26-foto__img{opacity:.42}
  .section--red .g26-foto__img{opacity:.3}
  .section--gold .g26-foto__img{opacity:.3}
}
@media (max-width:560px){
  .g26-pass{left:12px;right:12px;bottom:12px;justify-content:space-between}
}
@media (prefers-reduced-motion:reduce){
  .g26-foto__img{animation:none}
  .frame,.media.frame img,.frame.ratio-4-3 img{transition:none}
}
.inner-hero.g26-foto .hero__overlay{display:none}   /* la foto sfuma da sé nel colore della fascia */