/* Ritmo verticale su telefono, dalla sezione 04 in giù.
   Sezioni più compatte (44 px sopra e sotto invece di 56), titoli allineati alla 03,
   niente vuoti che mostrano solo lo sfondo. Hero, 02 e 03 non sono toccati qui. */
@media (max-width:760px){

  /* titoli h2 come quelli della 03 (.sec-h h2) */
  html .scale h2,
  html .who-t h2{font-size:clamp(1.625rem,1.25rem + 1.6vw,1.75rem);max-width:none}

  /* 04 Magazzino e logistica: via il vuoto fra testo e dati */
  html .scale{padding-block:44px 24px}
  html .scale .lead{margin-top:12px}
  html .scale .facts{margin-top:24px}
  html .scale .facts div{padding:12px 0}
  html .scale .facts dd{margin-top:2px;font-size:1.25rem}

  /* foto sotto la 04: più basse, più vicine ai dati */
  html .strip-w{padding-block:8px 44px}
  html .strip{gap:12px;margin-top:0}
  html .strip figure:first-child .ph{aspect-ratio:16/9}
  html .strip figure:first-child img{object-position:60% 62%}
  html .strip .ph{aspect-ratio:16/9}
  html .strip figcaption{margin-top:6px}

  /* 05 Chi siamo */
  html section.sec:has(> #azienda){padding-block:44px}
  html .who{gap:16px}
  html .who-ph .ph{aspect-ratio:16/10}
  html .who-ph .cap{margin-top:8px}
  html .who-t p{margin-top:12px}
  html .checks{margin-top:20px}
  html .checks li{padding:10px 0}

  /* 06 Contatti */
  html section.ct{padding-block:44px}
  html section.ct .sec-h{margin-bottom:20px}
  html section.ct .ct-meta{margin-top:24px;gap:12px}

  /* footer */
  html .ft{padding-top:40px}
  html .ft-g{gap:20px 24px}
  html .ft p[style]{margin-top:12px!important}
  html .ft h3{margin-bottom:4px}
  html .ft-b{margin-top:24px;padding-top:16px}
}

/* Contatti da telefono: sede e orari in due colonnine, PEC su una riga, così il calendario delle visite sale */
.cm-s{display:none}
@media (max-width:760px){
  html section.ct .ct-meta{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 16px;margin-top:20px;font-size:.9375rem;line-height:1.4}
  .ct-meta .cm-l{display:none}
  .ct-meta .cm-s{display:inline}
  .ct-meta b{margin-bottom:2px;font-size:.875rem}
  .ct-meta p{margin:0;min-width:0}
  .ct-meta .cm-sede a{min-height:44px;align-items:flex-start}
  .ct-meta .cm-pec{grid-column:1/-1;display:flex;align-items:center;gap:8px}
  .ct-meta .cm-pec b{margin:0}
  #visita-f .vis-h p{display:none}
}
@media (max-width:760px){html section.ct #visita-f{margin-top:20px;padding-top:16px}}
