
.apertura { padding-block: clamp(28px, 5vw, 64px) clamp(48px, 6vw, 88px); }
.apertura__griglia { display: grid; grid-template-columns: repeat(var(--colonne), minmax(0, 1fr)); gap: 32px var(--spazio-griglia); align-items: start; }
.apertura__griglia > :first-child { grid-column: var(--blocco-1); }
.apertura__griglia > :last-child { grid-column: var(--blocco-2); }
@media (min-width: 960px) { .apertura__griglia { align-items: center; } }
.apertura h1 { max-width: 12ch; margin-top: 20px; }
.apertura .lead { max-width: 34ch; }
.apertura .stato { margin-top: 22px; }

.canali { display: grid; gap: 6px; margin: 0; padding: 10px; border-radius: var(--raggio-l); background: var(--scuro); box-shadow: var(--ombra-sollevato); list-style: none; }
.canali li + li { border-top: 1px solid var(--linea-su-scuro); }
.canale { display: flex; align-items: center; gap: 16px; min-height: 80px; padding: 14px 18px 14px 14px; border-radius: var(--raggio-m); color: var(--bianco); text-decoration: none; transition: background-color var(--durata-breve) ease; }
.canale:hover { background: var(--su-scuro-hover); }
.canale:focus-visible { outline-color: var(--bianco); outline-offset: 2px; }
.canale__testo { display: grid; flex: 1; gap: 4px; min-width: 0; }
.canale__nome { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; color: var(--su-scuro-2); font: 600 0.875rem/1.2 var(--font-titoli); }
.canale__valore { font: 700 1.1875rem/1.25 var(--font-titoli); letter-spacing: -0.01em; overflow-wrap: anywhere; }
.canale__valore--lungo { font-size: 1.0625rem; }
.canale__vai { flex: none; font-size: 1.25rem; transition: transform var(--durata-breve) ease; }
.canale:hover .canale__vai { transform: translateX(3px); }

.sede { display: grid; grid-template-columns: repeat(var(--colonne), minmax(0, 1fr)); gap: 40px var(--spazio-griglia); align-items: center; }
.sede > :first-child { grid-column: var(--blocco-1); }
.sede > :last-child { grid-column: var(--blocco-2); }
.sede__indirizzo { margin-top: 14px; font-size: 1.125rem; }
.arrivare { display: grid; gap: 12px; margin: 24px 0 0; padding: 0; list-style: none; }
.arrivare li { display: flex; align-items: center; gap: 14px; font-size: 1.0625rem; }


.legale { display: grid; grid-template-columns: repeat(var(--colonne), minmax(0, 1fr)); gap: var(--spazio-griglia); margin-top: 36px; }
.legale > * { grid-column: 1 / -1; }
@media (min-width: 960px) { .legale { align-items: start; } .legale > :first-child { grid-column: 1 / 6; } .legale > :last-child { grid-column: 6 / -1; } }
@media (min-width: 1100px) { .legale > :first-child { grid-column: 1 / 8; } .legale > :last-child { grid-column: 8 / -1; } }
.dati-legali { display: grid; margin: 0; padding: 8px 24px; border: 1px solid var(--linea); border-radius: var(--raggio-m); background: var(--bianco); }
.dati-legali div { padding-block: 14px; border-bottom: 1px dashed var(--linea-forte); }
.dati-legali div:last-child { border-bottom: 0; }
@media (min-width: 960px) {
  .dati-legali { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--spazio-griglia); }
  .dati-legali div:first-child { grid-column: 1 / -1; }
  .dati-legali div:nth-last-child(2) { border-bottom: 0; }
}
.dati-legali dt { color: var(--testo-2); font: 600 0.875rem/1.3 var(--font-titoli); }
.dati-legali dd { margin: 4px 0 0; font-size: 1.0625rem; overflow-wrap: anywhere; }
.social .icona { margin-bottom: 16px; }
