/* Passi del metodo. */
.metodo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--china)}
.metodo.tre{grid-template-columns:repeat(3,minmax(0,1fr))}
.passo{padding:28px 28px 0 0;display:flex;flex-direction:column;gap:12px;min-width:0}
.passo + .passo{padding-left:28px;border-left:1px solid var(--traccia)}
.passo .tela{aspect-ratio:320 / 160;margin-bottom:8px;border:1px solid var(--traccia);border-radius:4px}
/* Il primo passo non ha il margine a sinistra: la sua tela si accorcia per restare uguale alle altre. */
@media (min-width:901px){.passo:first-child .tela{width:calc(100% - 28px)}}
.passo .n{font-family:var(--f-dati);font-size:13px;color:var(--segnale-vivo)}
.passo h3{margin:0;font-family:var(--f-display);font-weight:750;font-stretch:108%;font-size:26px}
.passo p{margin:0;color:var(--grafite);font-size:16px}
@media (max-width:900px){
  .metodo,.metodo.tre{grid-template-columns:minmax(0,1fr)}
  .passo,.passo + .passo{padding:24px 0;border-left:0;border-bottom:1px solid var(--traccia)}
}
