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

/* parte rossa nei titoli (come <em> nell'H1) */
.pg-chi-siamo .h2 em,.pg-chi-siamo .cs-rosso{font-style:normal;color:var(--rosso)}
.pg-chi-siamo .sez--notte .cs-rosso{color:var(--brace)}

/* storia: i tre «niente» barrati in rosso */
.pg-chi-siamo #storia .tf-corpo{max-width:36em}
.cs-niente{display:grid;gap:4px;margin:22px 0 18px;padding-left:18px;border-left:3px solid var(--linea)}
.cs-niente li{font:700 clamp(22px,2vw,28px)/1.25 var(--f-tit);letter-spacing:-.015em;color:var(--ferro)}
.cs-niente li::before{content:"Niente ";color:var(--grafite)}
.cs-niente .cs-barra{text-decoration:none;background:linear-gradient(var(--rosso),var(--rosso)) 0 58%/100% 3px no-repeat;padding:0 2px}
.cs-solo{font:700 clamp(20px,1.6vw,23px)/1.35 var(--f-tit)!important;color:var(--grafite)}
.cs-oggi{margin-top:clamp(56px,7vw,96px)}
.cs-oggi-p{font:500 clamp(24px,2.5vw,36px)/1.3 var(--f-tit);letter-spacing:-.02em;max-width:30em}
.cs-oggi-p strong{color:var(--rosso)}
.cs-oggi-p em{font-style:normal;background:linear-gradient(transparent 62%,var(--rosa) 62%)}
.cs-oggi .numeri{margin-bottom:0}

/* valori: quattro colonne numerate con la traccia sopra */
.cs-valori{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,40px);counter-reset:v}
.cs-valori li{position:relative;padding-top:26px;border-top:2.5px solid var(--linea)}
.cs-valori li::before{content:"";position:absolute;left:0;top:-2.5px;height:2.5px;width:44px;background:var(--rosso)}
.cs-v-n{display:block;font:500 13px/1 var(--f-mono);letter-spacing:.08em;color:var(--rosso);margin-bottom:14px}
.cs-valori h3{font-size:clamp(22px,1.9vw,27px);margin-bottom:10px}
.cs-valori p{color:var(--ferro);font-size:17px}
@media (max-width:1023px){.cs-valori{grid-template-columns:1fr 1fr;row-gap:40px}}
@media (max-width:560px){.cs-valori{grid-template-columns:1fr}}

/* cosa facciamo */
.cs-servizi .h2{max-width:22ch}

/* fascia «E oggi anche i siti» */
.cs-ai{padding:clamp(64px,8vw,112px) 0}
.cs-ai-in{display:grid;grid-template-columns:6fr 5fr;gap:clamp(28px,5vw,72px);align-items:end}
.cs-ai .h2{max-width:14ch}
.cs-ai-p{font-size:clamp(18px,1.4vw,20px);color:var(--nebbia);max-width:36em}
.cs-ai-az{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.pg-chi-siamo .btn-chiaro{border-color:rgba(255,255,255,.6);color:#fff;background:transparent}
.pg-chi-siamo .btn-chiaro:hover{background:#fff;color:var(--grafite);border-color:#fff}
@media (max-width:1023px){.cs-ai-in{grid-template-columns:1fr;align-items:start}}
@media (max-width:520px){.cs-ai-az .btn{width:100%}}

/* zone servite */
.zn-in{display:grid;grid-template-columns:6fr 5fr;gap:clamp(32px,5vw,80px);align-items:center}
.zn-elenco{display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;margin-bottom:28px}
.zn-elenco li{display:flex;gap:10px;align-items:center;font-weight:700;font-size:17px}
.zn-elenco .spunta{width:20px;height:20px;flex:none;color:var(--rosso)}
.zn-mappa{margin:0;background:var(--bianco);border-radius:var(--r-foto);box-shadow:0 0 0 1px var(--linea) inset;padding:clamp(12px,2vw,24px)}
.zn-svg{display:block;width:100%;height:auto;overflow:visible}
.zn-anello{fill:none;stroke:var(--linea);stroke-width:1.2;stroke-dasharray:3 5}
.zn-30{stroke:var(--rosso);stroke-width:2;stroke-dasharray:none;fill:rgba(208,17,36,.035)}
.zn-q{font:500 11px var(--f-mono);fill:var(--ferro);letter-spacing:.04em}
.zn-p circle{fill:var(--grafite)}
.zn-n{font:700 13.5px var(--f-tit);fill:var(--grafite)}
.zn-centro circle{fill:var(--rosso)}
.zn-centro .zn-alone{fill:rgba(208,17,36,.15)}
.zn-n-c{font-size:16px;fill:var(--rosso-scuro)}
.zn-mappa figcaption{margin-top:10px;font:400 12px/1.4 var(--f-mono);color:var(--ferro);text-align:center}
@media (max-width:1023px){.zn-in{grid-template-columns:1fr}.zn-mappa{max-width:520px}}
@media (max-width:400px){.zn-elenco{grid-template-columns:1fr}}
@media (prefers-reduced-motion:no-preference){.anim .zn-alone{animation:zn-pulsa 2.4s ease-out infinite;transform-origin:200px 200px;transform-box:view-box}}
@keyframes zn-pulsa{0%{transform:scale(.6);opacity:1}100%{transform:scale(2.2);opacity:0}}