
.pagina-contatti main{background:var(--carta);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;gap:clamp(16px,5svh,56px);padding:clamp(76px,12svh,116px) 0 clamp(12px,3.5svh,40px);box-sizing:border-box}
.pagina-contatti section{padding:0}
.ct-griglia{display:grid;grid-template-columns:1.1fr .9fr;gap:6vw;align-items:center}
.ct-testa .occhiello{margin-bottom:clamp(6px,1.8svh,18px)}
.pagina-contatti h1{font-size:clamp(32px,min(5vw,9svh),68px);line-height:1.04;color:var(--ardesia-scura);margin-bottom:clamp(8px,2.4svh,22px)}
.pagina-contatti section .cs-lead{font-size:clamp(15px,min(1.5vw,2.5svh),20px);line-height:1.5;margin:0;max-width:30em}
.ct-foglio{padding:clamp(14px,4svh,44px) clamp(20px,3.4vw,48px);border-radius:5px;transform:rotate(1deg);box-shadow:0 34px 70px -36px rgba(60,40,20,.5),0 2px 5px rgba(60,40,20,.08)}
.ct-foglio .occhiello{margin-bottom:clamp(4px,1.2svh,12px)}
.pagina-contatti .ct-foglio h2{font-size:clamp(23px,min(3vw,5.4svh),40px);line-height:1.1;margin-bottom:clamp(4px,1.2svh,12px)}
.ct-foglio address{font-style:normal;font-family:var(--titoli);font-size:clamp(18px,min(2vw,3.4svh),26px);line-height:1.3;margin:0 0 clamp(8px,2.4svh,24px)}
.ct-tre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.4vw,52px)}
.ct-tre article{border-top:1px solid rgba(42,61,80,.16);padding-top:clamp(8px,2svh,18px);display:flex;flex-direction:column;align-items:flex-start}
.pagina-contatti .ct-tre .mano{font-size:clamp(17px,2.9svh,23px);line-height:1.5;color:#3a3a3e;margin-bottom:0;background:none;-webkit-text-fill-color:currentColor}
.pagina-contatti .ct-tre h2{font-size:clamp(22px,min(2.4vw,4.2svh),32px);margin:clamp(2px,.6svh,6px) 0 clamp(2px,.8svh,8px)}
.pagina-contatti .ct-tre p:not(.mano){font-size:clamp(15px,2.1svh,17px);line-height:1.45;margin:0 0 clamp(8px,1.8svh,16px);flex:1}
.ct-tre .bottone{padding:clamp(9px,1.6svh,15px) clamp(18px,2vw,26px)}
.ct-tre .bottone--vuoto{color:var(--ardesia-scura)}
@media (max-width:820px),(max-aspect-ratio:95/100){
  .pagina-contatti main{justify-content:flex-start;gap:clamp(12px,2.6svh,26px);padding-top:clamp(66px,10svh,92px)}
  .ct-griglia{grid-template-columns:minmax(0,1fr);gap:clamp(12px,2.6svh,26px)}
  .ct-foglio{transform:none;padding:clamp(10px,2svh,22px) 18px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}
  .ct-foglio .occhiello{grid-column:1/-1;margin-bottom:2px}
  .pagina-contatti .ct-foglio h2{grid-column:1;font-size:clamp(20px,3.4svh,26px);margin-bottom:2px}
  .ct-foglio address{grid-column:1;font-size:clamp(16px,2.6svh,20px);margin:0}
  .ct-foglio .bottone{grid-column:2;grid-row:2/4;padding:10px 14px;font-size:14px;text-align:center;max-width:124px;line-height:1.2}
  .ct-tre{grid-template-columns:minmax(0,1fr);gap:0}
  .ct-tre article{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center;padding:clamp(6px,1.3svh,12px) 0}
  .pagina-contatti .ct-tre .mano{display:none}
  .pagina-contatti .ct-tre h2{grid-column:1;font-size:clamp(20px,3.3svh,25px);margin:0;line-height:1.15}
  .pagina-contatti .ct-tre p:not(.mano){grid-column:1;margin:0;font-size:clamp(13.5px,2.1svh,15.5px)}
  .ct-tre .bottone{grid-column:2;grid-row:1/3;padding:9px 14px;font-size:14px;white-space:nowrap}
}
@media (max-height:520px) and (min-aspect-ratio:95/100){
  .pagina-contatti .ct-tre .mano{display:none}
  .pagina-contatti .ct-tre p:not(.mano){margin-bottom:4px}
}
@media (max-height:650px){
  .pagina-contatti section .cs-lead{display:none}
  .pagina-contatti h1{font-size:clamp(28px,5.4svh,34px);margin-bottom:0}
  .pagina-contatti h1 br{display:none}
  .pagina-contatti main{gap:10px}
  .ct-griglia{gap:10px}
}
@media (max-height:520px) and (min-aspect-ratio:95/100){
  .pagina-contatti h1 br{display:inline}
  .ct-griglia{gap:24px}
  .pagina-contatti main{padding-top:60px;padding-bottom:6px;gap:8px}
  .ct-foglio{padding:8px 20px}
  .ct-tre article{padding-top:6px}
}
@media (max-height:520px) and (min-aspect-ratio:95/100) and (max-width:820px){
  .pagina-contatti h1{font-size:26px}
  .ct-griglia{grid-template-columns:1fr 1fr;gap:18px}
  .ct-foglio{padding:6px 14px}
  .ct-foglio .occhiello{display:none}
  .ct-tre{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .ct-tre article{display:block;padding-top:5px}
  .pagina-contatti .ct-tre h2{font-size:18px}
  .pagina-contatti .ct-tre p:not(.mano){font-size:12.5px;margin-bottom:5px}
  .ct-tre .bottone{padding:6px 12px;font-size:13px}
}
