/* ══════════════════════════════
   MODULO: Storia
   Pagina La mia Storia
══════════════════════════════ */

.storia-page { flex: 1; overflow-y: auto; background: var(--bg); }

/* Intro */
.storia-intro { text-align: center; padding: 60px 40px 40px; }

/* Sezioni alternate */
.storia-sezione { display: grid; border-top: 1px solid var(--border); align-items: center; }
.storia-sezione--tf { grid-template-columns: 65fr 35fr; }  /* testo | foto */
.storia-sezione--ft { grid-template-columns: 35fr 65fr; }  /* foto | testo */

/* Testo */
.storia-testo-wrap { display: flex; flex-direction: column; justify-content: center; padding: 52px 64px; }

/* Foto */
.storia-foto-wrap { overflow: hidden; position: relative; height: 320px; align-self: stretch; }
.storia-foto-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; transition: transform .5s ease; }
.storia-foto-wrap:hover img { transform: scale(1.04); }
.storia-foto--capo img { object-position: center top; }
.storia-foto--fine img { object-position: center bottom; }

/* Sezione storia senza immagine */
.storia-foto--vuota { background: var(--bg2); }