/* /sicurezza-it/ · solo questa pagina (body.pg-sicurezza-it) */

/* introduzione: frase forte + i tre livelli disegnati */
.pg-sicurezza-it .sic-intro{display:grid;grid-template-columns:6fr 5fr;gap:clamp(36px,6vw,96px);align-items:center}
.pg-sicurezza-it .sic-frase{font:700 clamp(28px,3.1vw,44px)/1.12 var(--f-tit);letter-spacing:-.025em;max-width:17ch;margin-bottom:24px}
.pg-sicurezza-it .sic-frase em{font-style:normal;color:var(--rosso)}
.pg-sicurezza-it .sic-testo .chip-t{margin-top:30px}
.pg-sicurezza-it .sic-testo .chip li{background:var(--bianco);box-shadow:0 0 0 1px var(--linea) inset;font-weight:700}

.pg-sicurezza-it .sic-strati{margin:0}
.pg-sicurezza-it .ss{position:relative;border-radius:22px;padding:46px clamp(14px,2vw,24px) clamp(14px,2vw,24px)}
.pg-sicurezza-it .ss-3{border:2px dashed var(--rosso);background:var(--bianco);overflow:hidden;box-shadow:var(--ombra)}
.pg-sicurezza-it .ss-2{border:3px solid var(--grafite);background:var(--carta);border-radius:18px}
.pg-sicurezza-it .ss-1{border:1px solid var(--linea);background:var(--bianco);border-radius:14px}
.pg-sicurezza-it .ss-et{position:absolute;top:15px;left:clamp(14px,2vw,22px);right:12px;display:flex;gap:8px;align-items:baseline;font:500 12px/1.25 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ferro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pg-sicurezza-it .ss-et b{color:var(--rosso);font-weight:500}
.pg-sicurezza-it .ss-3>.ss-et{color:var(--rosso-scuro)}
.pg-sicurezza-it .ss-2>.ss-et{color:var(--grafite)}
.pg-sicurezza-it .ss-vpn{position:absolute;right:-3px;top:58%;transform:translate(50%,-50%);background:var(--grafite);color:#fff;font:500 11px/1 var(--f-mono);letter-spacing:.08em;padding:6px 9px;border-radius:999px;box-shadow:0 0 0 4px var(--bianco);z-index:1}
.pg-sicurezza-it .ss-pc{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.pg-sicurezza-it .ss-pc li{position:relative;aspect-ratio:5/4;border-radius:10px;background:var(--sabbia);display:grid;place-items:center}
.pg-sicurezza-it .ss-pc .ico{width:clamp(22px,2.4vw,30px);height:clamp(22px,2.4vw,30px);color:var(--grafite)}
.pg-sicurezza-it .ss-pc .spunta{position:absolute;right:6px;bottom:6px;width:16px;height:16px;color:var(--rosso)}
/* la «scansione» dell'audit passa sopra a tutto, piano */
.pg-sicurezza-it .ss-scan{position:absolute;top:0;bottom:0;left:0;width:28%;background:linear-gradient(90deg,rgba(208,17,36,0),rgba(208,17,36,.07) 75%,rgba(208,17,36,.45));border-right:2px solid rgba(208,17,36,.55);transform:translateX(-110%);animation:sic-scan 6s cubic-bezier(.45,0,.35,1) 1.2s infinite;pointer-events:none}
@keyframes sic-scan{0%{transform:translateX(-110%)}55%,100%{transform:translateX(370%)}}
.pg-sicurezza-it .sic-strati figcaption{margin-top:14px;font:400 13px/1.45 var(--f-mono);color:var(--ferro)}

/* «Perché non si rompa»: i servizi collegati, compatti sotto il testo */
.pg-sicurezza-it .sic-coll{margin-top:28px}
.pg-sicurezza-it .sic-coll .schede{gap:10px}
.pg-sicurezza-it .sic-coll .scheda{padding:16px 20px;gap:4px;background:var(--bianco);border-color:#D9D6CF}
.pg-sicurezza-it .sic-coll .sc-t{font-size:20px}
.pg-sicurezza-it .sic-coll .sc-p{font-size:16px}
.pg-sicurezza-it .sic-coll .sc-link{padding-top:4px}

@media (max-width:1023px){.pg-sicurezza-it .sic-intro{grid-template-columns:1fr}.pg-sicurezza-it .sic-strati{max-width:560px}}
@media (max-width:520px){.pg-sicurezza-it .ss-pc{grid-template-columns:repeat(2,minmax(0,1fr))}.pg-sicurezza-it .ss-pc li{aspect-ratio:2/1}.pg-sicurezza-it .ss{padding-top:42px}.pg-sicurezza-it .ss-et{font-size:11px;letter-spacing:.03em}}
@media (prefers-reduced-motion:reduce){.pg-sicurezza-it .ss-scan{display:none}}