/* contatti.css: pagina /contatti/. Riusa hero e modulo di chi-siamo.css e agenzia.css. */

/* hero: le tre card stanno a cavallo tra la hero e la fascia dei contatti */
.ct-hero{padding-bottom:260px}
.ct-cards{position:relative;z-index:2;margin-top:-200px;padding-bottom:24px}
.ct-cards .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ct-cards .grid>*{min-width:0}
.ct-card{background:#fff;border-radius:var(--r-xl);padding:32px;box-shadow:0 16px 40px -8px rgba(75,85,99,.16);display:flex;flex-direction:column;align-items:flex-start}
.ct-card .ic,.ct-info .ic{width:48px;height:48px;border-radius:12px;background:#348e9e;color:#fff;display:grid;place-items:center;flex:none}
.ct-card .ic svg,.ct-info .ic svg{width:26px;height:26px}
.ct-card h2{margin-top:24px;font-size:var(--fs-hs);line-height:var(--lh-hs);font-weight:var(--fw-hs)}
.ct-card p{margin-top:12px;color:var(--ink-2);font-size:var(--fs-bm);line-height:var(--lh-bm)}
.ct-card b{font-weight:600}
.ct-card .btn{margin-top:auto}
.ct-card p{margin-bottom:28px}

/* contatti: sede, telefono ed email con icona */
.ct-info{list-style:none;margin:48px 0 0;padding:0;display:flex;flex-direction:column;gap:28px}
.ct-info li{display:flex;gap:16px;align-items:center}
.ct-info .k{font-size:var(--fs-bm);color:var(--ink-2)}
.ct-info .v{margin-top:4px}
.cinfo .ct-info a.v{font-size:var(--fs-tl);line-height:var(--lh-tl)}

@media (max-width:1100px){.ct-cards .grid{grid-template-columns:1fr}}
@media (max-width:720px){.ct-hero{padding-bottom:160px}.ct-cards{margin-top:-120px}.ct-card{padding:24px}}
/* hero chiara #F6F7F8, senza cerchi */
[data-page="contatti"] .ct-hero{background:#f6f7f8}
[data-page="contatti"] .ct-hero:before,[data-page="contatti"] .ct-hero:after{display:none}