/* ==========================================================================
   Barra servizi + footer
   ========================================================================== */
.servizi { background: var(--verde-scuro); height: 174px; padding: 0 30px; }
.servizi__riga { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; height: 100%; align-items: center; }
.servizio { display: flex; align-items: center; color: var(--bianco); }
.servizio img { filter: invert(1); flex: 0 0 auto; }
.servizio .t-etichetta { font: 600 14px/18px var(--f-testo); text-transform: uppercase; color: var(--bianco); letter-spacing: 1.164px; }
.servizio h5 { font: 400 23.4px/28px var(--f-serif); text-transform: capitalize; color: var(--bianco); margin-top: 8px; }
.servizio img { width: 70px; height: 70px; margin-right: 20px; }
.servizio:nth-child(1) { padding-left: 13px; }
.servizio:nth-child(1) img { margin-right: 20px; }
.servizio:nth-child(2) img, .servizio:nth-child(3) img { margin-right: 20px; }

.footer { position: relative; background: linear-gradient(rgba(231, 236, 226, .99), rgba(231, 236, 226, .99)), url("../img/footer-trama.png") center / cover no-repeat; height: 523px; padding: 56px 30px 0; color: var(--testo-2); font-family: var(--f-ui); }
.footer__riga { display: grid; grid-template-columns: 241px 331px 248px 249px 1fr; align-items: start; }
.footer .logo-footer { width: 160px; height: 111px; margin-left: -5px; }
.footer__social h5 { font: 400 24px/30px var(--f-titoli); color: var(--testo); text-transform: capitalize; margin-top: 60px; }
.footer__social ul { display: flex; gap: 16px; margin-top: 19px; }
.footer__social a { display: grid; place-items: center; width: 40px; height: 40px; border: 1px solid var(--grigio-bordo); color: var(--verde); }
.footer__social a img { width: 16px; height: 16px; filter: brightness(0) saturate(100%) invert(31%) sepia(15%) saturate(1000%) hue-rotate(51deg) brightness(92%); }
.footer__titolo { font: 400 24px/30px var(--f-titoli); color: var(--testo); text-transform: capitalize; }
.footer__contatti { max-width: 270px; }
.footer__contatti p { font: 400 15px/23px var(--f-ui); color: var(--testo-2); }
.footer__contatti .sede { font: 700 13px/20px var(--f-ui); text-transform: uppercase; color: var(--verde); display: block; }
.footer__contatti .fc1 { margin-top: 33px; } .footer__contatti .fc2 { margin-top: 6px; } .footer__contatti .fs1 { margin-top: 15px; } .footer__contatti .fc3 { margin-top: 6px; }
.footer__contatti .fc4 { margin-top: 5px; } .footer__contatti .fs2 { margin-top: 16px; } .footer__contatti .fc5 { margin-top: 5px; } .footer__contatti .fc6 { margin-top: 6px; }
.footer__link { margin-top: 33px; }
.footer__link li { height: 40px; padding-top: 7px; }
.footer__link a { font: 400 16px/26px var(--f-ui); color: var(--verde); text-transform: capitalize; display: inline-block; }
.footer__link a:hover { color: var(--accento); }
.footer__mappa { margin-top: 10px; }
.mappa-tab { display: flex; gap: 7px; }
.mappa-tab button { width: 152px; height: 33px; border: 1px solid var(--verde); background: transparent; color: var(--verde); font: 700 12px/1 var(--f-ui); text-transform: uppercase; }
.mappa-tab button.attivo { background: var(--verde); color: var(--bianco); }
.mappa-riquadro { width: 311px; height: 210px; margin-top: 7px; background: #E9EEE5; box-shadow: 0 8px 18px rgba(22, 34, 20, .14); }
.mappa-riquadro iframe { width: 100%; height: 100%; border: 0; display: block; }
.footer__copy { position: absolute; left: 0; right: 0; bottom: 0; height: 93px; border-top: 1px solid var(--grigio-bordo); text-align: center; font: 400 18px/32px var(--f-ui); color: var(--testo-2); padding-top: 30px; }

@media (max-width: 1024px) {
  .servizi { height: 143px; padding: 0; overflow: hidden; }
  .servizi__riga { display: flex; gap: 0; height: 100%; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; align-items: stretch; }
  .servizi__riga::-webkit-scrollbar { display: none; }
  .servizio, .servizio:nth-child(1) { flex: 0 0 370px; scroll-snap-align: start; padding: 0 0 0 20px; }
  .servizio img { width: 70px; height: 70px; margin-right: 20px; }
  .servizio h5 { font-size: 20.8px; line-height: 24.96px; margin-top: 9px; }
  .servizio > div { width: 260px; }
}
@media (max-width: 767px) {
  .footer { height: auto; padding: 56px 20px 0; text-align: center; }
  .footer__riga { grid-template-columns: 1fr; }
  .footer .logo-footer { width: 120px; height: 84px; margin: 0 auto; }
  .footer__social h5 { margin-top: 45px; }
  .footer__social ul { justify-content: center; margin-top: 16px; }
  .footer__contatti { max-width: none; margin-top: 35px; }
  .footer__contatti .fc1 { margin-top: 14px; } .footer__contatti .fc2 { margin-top: 5px; } .footer__contatti .fs1 { margin-top: 16px; } .footer__contatti .fc3 { margin-top: 5px; }
  .footer__contatti .fc4 { margin-top: 6px; } .footer__contatti .fs2 { margin-top: 15px; } .footer__contatti .fc5 { margin-top: 6px; } .footer__contatti .fc6 { margin-top: 5px; }
  .footer__blocco { margin-top: 21px; } .footer__blocco + .footer__blocco { margin-top: 15px; }
  .footer__link { margin-top: 14px; }
  .footer__mappa { margin-top: 38px; }
  .mappa-tab { gap: 8px; }
  .mappa-tab button { flex: 1; width: auto; height: 33px; }
  .mappa-riquadro { width: 100%; height: 210px; margin-top: 10px; }
  .footer__copy { position: static; height: auto; margin: 61px -20px 0; padding: 21px 20px 19px; font: 400 16px/28.8px var(--f-ui); }
}