/* Pagina Connettività: le tipologie di connessione, la continuità del servizio con la sua tela, le garanzie. */
.tipi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tipo{display:flex;flex-direction:column;gap:10px;padding:28px;background:var(--lavagna);border:1px solid var(--traccia);border-radius:4px}
.tipo .tela{aspect-ratio:320 / 160;margin-bottom:8px;border:1px solid var(--traccia);border-radius:4px}
.tipo .sigla{font-family:var(--f-dati);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--segnale-vivo)}
.tipo h3,.garanzie h3{margin:0;font-family:var(--f-display);font-weight:750;font-stretch:108%;font-size:24px;letter-spacing:-.01em}
.tipo p,.garanzie p{margin:0;color:var(--grafite);font-size:16px}
.tipo .banda{padding-bottom:14px;border-bottom:1px solid var(--traccia);font-family:var(--f-dati);font-size:15px;color:var(--carta)}
.continuita{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:56px;align-items:center;margin-bottom:56px}
.continuita .intesta{margin-bottom:0}
.continuita-tela{display:flex;flex-direction:column;align-items:flex-end;gap:10px;min-width:0}
.continuita-tela .tela{aspect-ratio:600 / 320;border-block:1px solid var(--traccia)}
.garanzie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.garanzie > div{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid var(--china)}
.garanzie p{max-width:52ch}
@media (max-width:900px){
  .tipi,.continuita,.garanzie{grid-template-columns:minmax(0,1fr)}
  .continuita{gap:32px;margin-bottom:40px}
}
main > .hero{padding-bottom:clamp(56px,8vw,112px)}