/* /contatti/ · stili solo di questa pagina (selettori con .pg-contatti) */

/* riga sotto i pulsanti: stato aperto/chiuso (calcolato dagli orari in p-contatti.js) */
.pg-contatti .ap-int-riga{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}
.ct-stato{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;background:var(--sabbia);color:var(--grafite);font:500 13px/1.3 var(--f-mono)}
.ct-stato::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cenere);flex:none}
.ct-stato.aperto{background:#E6F2EA;color:#1B5E33}.ct-stato.aperto::before{background:#1F8A4C;box-shadow:0 0 0 3px rgba(31,138,76,.2)}

/* canali */
.pg-contatti .ct-canali-sez{padding-top:clamp(8px,2vw,24px)}
.ct-canali{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px)}
.ct-c{display:flex;flex-direction:column;gap:10px;background:var(--bianco);border-radius:var(--r);padding:clamp(22px,2.4vw,32px);box-shadow:0 0 0 1px var(--linea) inset}
.ct-c--tel{box-shadow:0 0 0 2px var(--rosso) inset}
.ct-ico{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--rosa);color:var(--rosso);flex:none}
.ct-ico .ico{width:24px;height:24px}
.ct-c h3{font:500 13px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ferro);margin-top:6px}
.ct-num{font:800 clamp(28px,2.6vw,38px)/1.05 var(--f-tit);letter-spacing:-.025em;font-variant-numeric:tabular-nums}
.ct-num a{text-decoration:none}.ct-num a:hover{color:var(--rosso)}
.ct-d{color:var(--ferro);font-size:17px}
.ct-c>.btn,.ct-c-az{margin-top:auto;padding-top:8px}
.ct-c>.btn{align-self:flex-start}
.ct-c-az{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.ct-link{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--rosso-scuro);text-decoration:none}
.ct-link .fr{width:18px;height:11px;transition:transform .25s}.ct-link:hover .fr{transform:translateX(4px)}
@media (max-width:1023px){.ct-canali{grid-template-columns:1fr 1fr}.ct-c:last-child{grid-column:1/-1}}
@media (max-width:640px){.ct-canali{grid-template-columns:1fr}}

/* email: tre indirizzi, ognuno con il suo uso */
.ct-email{margin-top:clamp(16px,2vw,24px);background:var(--bianco);border-radius:var(--r);box-shadow:0 0 0 1px var(--linea) inset;padding:clamp(22px,2.4vw,32px);display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:20px clamp(24px,4vw,56px);align-items:start}
.ct-email-testa{display:flex;gap:16px;align-items:flex-start}
.ct-email-testa h3{font:500 13px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ferro);margin:4px 0 8px}
.ct-email-testa p{color:var(--ferro);font-size:17px}
.ct-email-l li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"em az" "uso az";gap:2px 16px;align-items:center;padding:14px 0;border-top:1px solid var(--linea)}
.ct-email-l li:first-child{border-top:0;padding-top:0}
.ct-em{grid-area:em;font:700 clamp(20px,1.8vw,25px)/1.2 var(--f-tit);letter-spacing:-.015em;text-decoration:none;overflow-wrap:anywhere}
.ct-em:hover{color:var(--rosso)}
.ct-em-uso{grid-area:uso;color:var(--ferro);font-size:16px}
.ct-em-az{grid-area:az;display:flex;gap:8px}
.ct-scrivi,.ct-copia{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 16px;border-radius:999px;font:700 15px/1 var(--f-txt);text-decoration:none;border:1.5px solid var(--grafite);background:transparent;color:var(--grafite);cursor:pointer;transition:background-color .2s,color .2s}
.ct-scrivi{background:var(--grafite);color:#fff}
.ct-scrivi:hover{background:#000}
.ct-copia:hover{background:var(--grafite);color:#fff}
.ct-copia.fatto{border-color:#1F8A4C;color:#1B5E33;background:#E6F2EA}
@media (max-width:860px){.ct-email{grid-template-columns:1fr}}
@media (max-width:480px){.ct-email-l li{grid-template-columns:1fr;grid-template-areas:"em" "uso" "az"}.ct-em-az{margin-top:8px}}

/* cosa ti serve */
.ct-guida{border-top:1px solid var(--linea)}
.ct-guida li{display:grid;grid-template-columns:48px minmax(0,6fr) minmax(0,5fr);gap:12px clamp(16px,3vw,40px);align-items:center;padding:20px 0;border-bottom:1px solid var(--linea)}
.ct-g-n{font:500 13px/1 var(--f-mono);letter-spacing:.08em;color:var(--rosso)}
.ct-g-t h3{font-size:clamp(19px,1.5vw,22px);margin-bottom:4px}
.ct-g-t p{color:var(--ferro);font-size:17px}
.ct-g-az{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.ct-g-az a{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 16px;border-radius:999px;background:var(--carta);box-shadow:0 0 0 1px var(--linea) inset;font-weight:700;font-size:15px;text-decoration:none;transition:box-shadow .2s,color .2s}
.ct-g-az a:hover{box-shadow:0 0 0 1.5px var(--rosso) inset;color:var(--rosso-scuro)}
.ct-g-az .ico{width:18px;height:18px;color:var(--rosso)}
.ct-g-az .fr{width:16px;height:10px;color:var(--rosso)}
@media (max-width:860px){.ct-guida li{grid-template-columns:36px minmax(0,1fr)}.ct-g-az{grid-column:2;justify-content:flex-start}}
@media (max-width:420px){.ct-g-az a{overflow-wrap:anywhere}}

/* dati aziendali */
.ct-dati{background:var(--sabbia);padding:clamp(40px,5vw,64px) 0}
.ct-dati-in{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(24px,4vw,56px)}
.ct-dati-h{font:500 12px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ferro);margin-bottom:10px}
.ct-dati p{font-size:17px}
.ct-altri{display:grid;gap:2px}
.ct-altri a{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-weight:700;text-decoration:none}
.ct-altri a:hover{color:var(--rosso-scuro)}
.ct-altri .ico{width:20px;height:20px;color:var(--rosso)}
@media (max-width:860px){.ct-dati-in{grid-template-columns:1fr}}
@media (max-width:860px){.ct-guida li{align-items:start}.ct-g-n{padding-top:6px}}