/* Lasteis – Servizi (home e pagina Colazione e servizi) */

body.lstz .lstz-servizi { padding: 96px 0; }
body.lstz .lstz-servizi--pagina { background: rgba(171, 196, 199, .16); }
body.lstz .lstz-servizi__in { display: flex; flex-direction: column; gap: 36px; }
body.lstz .lstz-servizi--pagina .lstz-servizi__in { gap: 48px; }
body.lstz .lstz-servizi__intestazione { max-width: 640px; }
body.lstz .lstz-servizi--home :where(.lstz-servizi__intestazione) .lstz-titolo { font-size: clamp(44px, 5vw, 68px); }
body.lstz .lstz-servizi__gruppo { display: flex; flex-direction: column; gap: 16px; }
body.lstz .lstz-servizi__gruppo-titolo { display: flex; align-items: center; gap: 12px; margin: 0; font: 600 18px/1.3 var(--lstz-f-etichette); color: var(--lstz-blu); }
body.lstz .lstz-servizi__gruppo-titolo .lstz-icona { flex: none; color: var(--lstz-oliva); }
body.lstz .lstz-servizi__griglia { display: grid; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 14px; }
body.lstz .lstz-servizi__voce { display: flex; flex-direction: column; gap: 10px; padding: 22px; border: 1px solid var(--lstz-linea); border-radius: 16px; background: #fff; }
body.lstz .lstz-servizi__icona { display: flex; color: var(--lstz-petrolio); }
body.lstz .lstz-servizi__nome { margin: 0; font: 600 16px/1.35 var(--lstz-f-etichette); color: var(--lstz-blu); }
body.lstz .lstz-servizi__testo { margin: 0; font-size: 14px; line-height: 1.55; color: var(--lstz-testo-2); }

/* Pagina servizi */
body.lstz .lstz-servizi--pagina .lstz-servizi__voce { padding: 24px; border-radius: 18px; }
body.lstz .lstz-servizi--pagina .lstz-servizi__icona { align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 14px; background: var(--lstz-crema); }
body.lstz .lstz-servizi--pagina .lstz-servizi__nome { font-size: 17px; }
body.lstz .lstz-servizi--pagina .lstz-servizi__testo { font-size: 15px; line-height: 1.6; }

@media (max-width: 820px) {
	body.lstz .lstz-servizi { padding: 64px 0; }
	body.lstz .lstz-servizi--pagina .lstz-servizi__in { gap: 36px; }
}
@media (max-width: 600px) {
	body.lstz .lstz-servizi__griglia { grid-template-columns: 1fr; }
}
