/* =========================================================
   FOOTER — 73:110 / 73:111
   fascia #7B7B7B alta 336px, testo Albert Sans 500 24px
   ========================================================= */
.site-footer{
  background:var(--footer-bg); color:var(--white);
  min-height:clamp(220px, calc(336 * var(--px)), 336px);
  font-size:var(--fs-footer); font-weight:500; line-height:1.21;
  padding-block:clamp(20px, calc(35 * var(--px)), 35px);
}
.site-footer .wrap{ padding-inline:clamp(20px, calc(90 * var(--px)), 90px); }
.footer-inner{ display:flex; justify-content:space-between; gap:40px; }
.footer-brand img{
  width:clamp(90px, calc(137 * var(--px)), 137px);
  height:auto;
  margin-bottom:clamp(14px, calc(11 * var(--px)), 11px);
}
/* 73:113: la cassa e' larga 585px. Su richiesta del cliente i dati
   fiscali stanno su una riga propria, senza separare il numero dall'etichetta. */
.footer-brand address{ font-style:normal; max-width:clamp(240px, calc(585 * var(--px)), 585px); }
.footer-fiscale{ white-space:nowrap; }
/* Proposta D (19/10): recapiti e dati fiscali in gruppi; dati fiscali piu'
   piccoli ma mai sotto i 16 px (ne' sopra il testo, sotto i 1134 px) */
.footer-contatti, .footer-fiscale{ display:block; margin-top:.5em; }
.footer-fiscale{ font-size:max(min(1em, 16px), .8em); }
.footer-et{ font-weight:400; }
.footer-brand a{ text-decoration:none; }
.footer-brand a:hover{ text-decoration:underline; }
.footer-nav{
  display:flex; flex-direction:column; align-items:flex-end;
  text-align:right;
  /* 363:3284: la colonna attacca a y4970, cioe' 99px sotto il bordo
     della fascia (4871) e 64px sotto il logo */
  padding-top:clamp(0px, calc(58 * var(--px)), 58px);
}
.footer-nav > a{ text-decoration:none; }
.footer-nav > a:hover{ text-decoration:underline; }
.footer-legal{ margin:clamp(18px, calc(34 * var(--px)), 34px) 0 0; }  /* 73:114 a y5144 */
.footer-legal a{ text-decoration:none; }
.footer-legal a:hover{ text-decoration:underline; }



/* Sulla home la fascia grigia della navbar finisce a 86, non a 98: gli ultimi
   12px sono gia' la foto dell'hero. L'hero sale di 12 e i suoi contenuti
   scendono della stessa misura, cosi' le quote restano quelle di tavola. */
.ft-home .site-header{ background:none; border-bottom:0; }
.ft-home .site-header::before{
  content:""; position:absolute; left:0; right:0; top:0;
  height:clamp(48px, calc(86 * var(--px)), 86px);
  background:var(--nav-bg); z-index:-1;
}
.ft-home .hero{
  margin-top:calc(-12 * var(--px));
  height:clamp(430px, calc(1050 * var(--px)), 1050px);
}
.ft-home .hero-s{     top:calc(-114 * var(--px)); }
.ft-home .hero-photo{ top:0; }
.ft-home .hero-logo{  top:clamp(16px, calc(45 * var(--px)), 45px); }
.ft-home .hero-title{ top:clamp(110px, calc(238 * var(--px)), 238px); }
.ft-home .scroll-cue{ top:67.4%; }

/* =========================================================
   VARIANTI DELLA BARRA DI CHIUSURA
   Nel file Figma la fascia non e' identica su tutte le tavole: cambiano il
   margine sinistro del logo e le quote dei tre blocchi. Qui ci sono le
   varianti, applicate con una classe sul body.
   ========================================================= */
/* Servizi, Verniciatura, Contatti: logo a x96, 29 dal bordo */
.ft-b .site-footer{ padding-block:calc(29 * var(--px)) clamp(20px, calc(33 * var(--px)), 33px); }
.ft-b .site-footer .wrap{ padding-inline:clamp(20px, calc(96 * var(--px)), 96px); }
.ft-b .footer-brand img{ margin-bottom:clamp(14px, calc(29 * var(--px)), 29px); }
.ft-b .footer-nav{ padding-top:clamp(0px, calc(62 * var(--px)), 62px); }
.ft-b .footer-legal{ margin-top:clamp(18px, calc(38 * var(--px)), 38px); }
.pagina-servizi .footer-legal{ margin-top:clamp(18px, calc(34 * var(--px)), 34px); }
/* a tavola la colonna dei link sta 3px piu' in basso su "verniciatura" */
.pagina-lv .footer-nav{ padding-top:clamp(0px, calc(65 * var(--px)), 65px); }
.pagina-lv .footer-legal{ margin-top:clamp(18px, calc(34 * var(--px)), 34px); }
/* Chi siamo: logo a x141, blocchi piu' alti */
.ft-c .site-footer{ padding-block:calc(30 * var(--px)) clamp(20px, calc(34 * var(--px)), 34px); }
.ft-c .site-footer .wrap{ padding-inline:clamp(20px, calc(141 * var(--px)), 141px); }
.ft-c .footer-brand img{ margin-bottom:clamp(14px, calc(21 * var(--px)), 21px); }
.ft-c .footer-nav{ padding-top:clamp(0px, calc(44 * var(--px)), 44px); }
.ft-c .footer-legal{ margin-top:clamp(18px, calc(54 * var(--px)), 54px); }
/* Realizzazioni: fascia Figma 69:49 a y3673, alta 336. */
.ft-d .site-footer{
  min-height:clamp(220px, calc(336 * var(--px)), 336px);
  padding-block:calc(29 * var(--px)) clamp(12px, calc(20 * var(--px)), 20px);
}
.ft-d .site-footer .wrap{ padding-inline:clamp(20px, calc(92 * var(--px)), 92px); }
.ft-d .footer-brand img{ margin-bottom:clamp(14px, calc(29 * var(--px)), 29px); }
.ft-d .footer-nav{ padding-top:clamp(0px, calc(48 * var(--px)), 48px); }
.ft-d .footer-legal{ margin-top:clamp(18px, calc(50 * var(--px)), 50px); }
.ft-d .rz-banner{ margin-bottom:0; }

:root{ --ease-soft:cubic-bezier(.22,.61,.36,1); }

/* =========================================================
   PAGINE INTERNE — navbar 108px con logo (Figma 73:50/73:51)
   bordo #AAA invece di #ACABAB, logo 137x70 a 90,19
   ========================================================= */
.site-header--inner{
  height:clamp(64px, calc(108 * var(--px)), 108px);
  border-color:#AAAAAA;   /* resta chiaro: --grey-btn ora e' scuro */
}
.site-header--inner .header-inner{
  justify-content:space-between;
  padding-inline:clamp(16px, calc(90 * var(--px)), 90px)
                 clamp(16px, calc(65 * var(--px)), 65px);
}
.header-logo{
  width:clamp(92px, calc(137 * var(--px)), 137px);
  flex:0 0 auto;
}
.header-logo img{ width:100%; height:auto; }