:root{--petrolio:#0F3A45;--profondo:#0A2B33;--acqua:#1C6E7D;--foglio:#FFFFFF;--fondo:#EEF3F3;--velo:#E1EAEB;--inchiostro:#182226;--grigio:#46524F;--giallo:#F2C230;--giallo-bg:#FFF6D6}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--fondo);color:var(--inchiostro);font:400 18px/1.6 "Public Sans",system-ui,sans-serif}
img{display:block;max-width:100%;height:auto}
a{color:var(--acqua);text-underline-offset:.18em;text-decoration-thickness:1px}:focus-visible{outline:3px solid var(--acqua);outline-offset:3px}
::selection{background:var(--giallo);color:var(--inchiostro)}
h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}
.testata{background:var(--petrolio);color:#fff}
.testata .riga{max-width:1180px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.marchio{color:#fff;text-decoration:none;font:800 24px/1 "Public Sans",sans-serif;letter-spacing:-.02em}
.marchio span{color:var(--giallo)}
.testata nav{display:flex;gap:22px}.testata nav a{color:#CFE0E3;text-decoration:none;font-size:15px}.testata nav a:hover{color:#fff}
.contenitore{max-width:1180px;margin:0 auto;padding:0 24px}
.intro{padding:52px 0 44px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:30px 52px;align-items:center}
.intro h1{grid-column:1/-1;margin:0;max-width:14em}
h1{font:800 clamp(38px,6vw,84px)/.98 "Public Sans",sans-serif;letter-spacing:-.035em;color:var(--petrolio);margin:0 0 22px}
.intro p{margin:0 0 24px;font-size:20px;max-width:30em}
.intro .aggiornato{font-size:15px;color:var(--grigio);margin:18px 0 0}
.intro figure{margin:0;border-radius:20px;overflow:hidden}
.intro figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.bacheca{display:grid;gap:12px}
.voce{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:28px;align-items:center;padding:24px 28px;background:var(--foglio);border-radius:16px;text-decoration:none;color:inherit;transition:background-color .18s ease,transform .2s var(--esce)}
.voce:hover{background:#F7FAFA;transform:translateX(4px)}.voce:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.giorni{font:800 48px/1 "Public Sans",sans-serif;font-variant-numeric:tabular-nums;color:var(--petrolio);letter-spacing:-.03em}
.giorni small{display:block;font:500 15px/1.3 "Public Sans",sans-serif;color:var(--grigio);letter-spacing:0;margin-top:6px}
.giorni.sportello{font-size:22px;letter-spacing:-.01em;white-space:nowrap}
.voce.urgente{background:var(--giallo-bg)}.voce.urgente:hover{background:#FFF1C2}
.voce.urgente .giorni{color:#7A4F00}
.voce h2,.blocchi .voce h2{font:700 21px/1.3 "Public Sans",sans-serif;margin:0 0 4px;color:var(--inchiostro);letter-spacing:0}
.voce p{margin:0;font-size:16px;color:var(--grigio)}
.aiuto{font-size:15px;color:var(--petrolio);text-align:right;white-space:nowrap}
.aiuto strong{display:block;font-size:19px}
.chiusi{display:none}
.voce[hidden]{display:none}
.titolo-bacheca{font:800 clamp(24px,2.6vw,32px)/1.15 "Public Sans",sans-serif;color:var(--petrolio);margin:0 0 18px;letter-spacing:-.02em}
.tutti{justify-self:start;margin-top:8px}
.settore{min-height:120px}.settore .testo{padding:24px}
.scorciatoie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.scorciatoie a{display:block;background:var(--petrolio);color:#fff;border-radius:16px;padding:20px 22px;text-decoration:none;transition:transform .2s var(--esce)}.scorciatoie a:hover{transform:translateY(-3px)}.scorciatoie strong{display:block;font-size:19px;margin-bottom:4px}.scorciatoie span{color:#CFE0E3;font-size:15px}
@media (max-width:900px){.scorciatoie{grid-template-columns:1fr}}
.regioni{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0}.regioni p{width:100%;margin:0 0 4px;font-weight:700;color:var(--petrolio)}
.regioni a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--foglio);color:var(--petrolio);text-decoration:none;font-size:15px;transition:background-color .18s ease}.regioni a:hover{background:var(--velo)}
.intro-elenco{display:block;padding-bottom:24px}.intro-elenco h1{margin-bottom:14px}
.filtri{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) auto auto;gap:14px 18px;align-items:end;background:var(--foglio);border-radius:18px;padding:20px 22px;margin:0 0 18px}
.filtri label{display:flex;flex-direction:column;gap:6px;font-size:15px;color:var(--grigio)}
.filtri input[type=search],.filtri select{font:inherit;font-size:16px;color:var(--inchiostro);padding:11px 13px;border-radius:10px;border:2px solid var(--velo);background:#fff;min-width:0}
.filtri .spunta{flex-direction:row;align-items:center;gap:8px;color:var(--inchiostro);white-space:nowrap;padding-bottom:12px}
.filtri .spunta input{width:18px;height:18px;accent-color:var(--acqua)}
.conta{grid-column:1/-1;margin:0;font-size:15px;color:var(--grigio)}
.blocchi{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:44px;padding:120px 0 24px}
.blocchi h2{font:800 clamp(30px,3.4vw,44px)/1.08 "Public Sans",sans-serif;color:var(--petrolio);margin:0 0 22px;letter-spacing:-.025em}
.articoli{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.articolo-breve{display:flex;flex-direction:column;background:var(--foglio);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .22s var(--esce)}
.articolo-breve:hover{transform:translateY(-4px)}.articolo-breve:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.articolo-breve .scatto{overflow:hidden}
.articolo-breve img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .7s var(--morbido)}
.articolo-breve:hover img{transform:scale(1.04)}
.articolo-breve div.testo{padding:18px 20px 22px}
.articolo-breve h3{margin:0 0 6px;font:700 19px/1.3 "Public Sans",sans-serif;color:var(--inchiostro)}
.articolo-breve p{margin:0;font-size:16px;color:var(--grigio)}
.riquadro{align-self:start;position:sticky;top:24px;background:var(--petrolio);color:#fff;border-radius:20px;padding:32px}
.riquadro h2{color:#fff}
.riquadro p{color:#CFE0E3;margin:0 0 16px}
.riquadro a{color:var(--giallo)}
form{display:flex;flex-direction:column;gap:10px}
label{font-size:15px;color:#CFE0E3}
input[type=email]{font:inherit;padding:13px 15px;border-radius:10px;border:0}
.consenso{display:flex;gap:10px;align-items:flex-start;font-size:15px;line-height:1.4}
.consenso input{margin-top:3px;accent-color:var(--giallo);width:16px;height:16px;flex:none}
.bottone{display:inline-flex;align-items:center;justify-content:center;min-height:50px;background:var(--giallo);color:var(--inchiostro);font:700 17px/1 "Public Sans",sans-serif;padding:0 24px;border-radius:999px;border:0;cursor:pointer;text-decoration:none;text-align:center;white-space:nowrap;transition:background-color .18s ease,transform .16s var(--esce)}
.bottone:hover{background:#E5B31C;transform:translateY(-2px)}.bottone:active{transform:scale(.98)}
.bottone.scuro{background:var(--petrolio);color:#fff}.bottone.scuro:hover{background:var(--profondo)}
.esito-form{font-size:15px;color:var(--giallo);min-height:1em}
.chiamata{margin:120px 0 0;position:relative;border-radius:22px;overflow:hidden;color:#fff;background:var(--profondo);min-height:380px;display:flex;align-items:flex-end}
.chiamata img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.chiamata::after{content:"";position:absolute;inset:0;/* taste-skill-ignore: velo sulla foto per leggere il testo */background:linear-gradient(180deg,rgba(10,43,51,0) 15%,rgba(10,43,51,.9) 100%)}
.chiamata .testo{position:relative;z-index:1;padding:40px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;width:100%}
.chiamata h2{margin:0 0 8px;font:800 clamp(26px,3vw,38px)/1.1 "Public Sans",sans-serif;letter-spacing:-.02em}
.chiamata p{margin:0;max-width:32em;color:#E4EEF0}
article.pagina{background:var(--foglio);border-radius:20px;padding:44px clamp(20px,5vw,64px);margin:36px auto 0;max-width:860px}
article.pagina h1{font-size:clamp(32px,4.4vw,48px);line-height:1.05}
article.pagina .copertina{margin:28px calc(-1*clamp(20px,5vw,64px)) 28px;overflow:hidden}
article.pagina .copertina img{width:100%;aspect-ratio:16/8;object-fit:cover}
article.pagina h2{font:700 25px/1.25 "Public Sans",sans-serif;color:var(--petrolio);margin:36px 0 10px}
article.pagina p,article.pagina li{max-width:68ch}
.scheda{background:var(--fondo);border-radius:14px;padding:20px 24px;margin:20px 0}
.scheda dl{display:grid;grid-template-columns:170px 1fr;gap:8px 18px;margin:0}
.scheda dt{font-weight:700;color:var(--petrolio)}
.scheda dd{margin:0}
.fonti{font-size:15px;color:var(--grigio)}
.data{color:var(--grigio);font-size:15px;margin:0 0 20px}
footer{background:var(--velo);margin-top:120px}
footer .contenitore{padding:34px 24px 46px;color:#3C4B4D;font-size:15px}
footer p{margin:0 0 10px;max-width:75ch}footer a{color:#3C4B4D;margin-right:16px}
.crediti{font-size:14px}.crediti a{margin-right:0}

:root{--esce:cubic-bezier(.22,1,.36,1);--morbido:cubic-bezier(.33,1,.68,1)}
.js [data-entra]>*{opacity:0;transform:translateY(22px);transition:opacity .75s var(--esce),transform .75s var(--esce)}
.js [data-entra].visto>*{opacity:1;transform:none}
.js [data-entra].visto>:nth-child(2){transition-delay:.08s}.js [data-entra].visto>:nth-child(3){transition-delay:.16s}
.js [data-entra].visto>:nth-child(4){transition-delay:.24s}.js [data-entra].visto>:nth-child(5){transition-delay:.32s}
.js [data-entra].visto>:nth-child(n+6){transition-delay:.4s}
.respira{overflow:hidden}.respira img{animation:respira 22s var(--morbido) infinite alternate;transform-origin:50% 60%}
@keyframes respira{from{transform:scale(1)}to{transform:scale(1.07)}}
.js .apre{clip-path:inset(0 0 100% 0);transition:clip-path 1.1s var(--esce)}.js .apre.visto{clip-path:inset(0 0 0 0)}
@media (prefers-reduced-motion:reduce){.js [data-entra]>*{opacity:1;transform:none;transition:none}.respira img{animation:none}.js .apre{clip-path:none;transition:none}}

@media (prefers-reduced-motion:reduce){.bottone,.voce,.articolo-breve,.articolo-breve img{transition:none}}
@media (max-width:900px){.filtri{grid-template-columns:1fr}.filtri .spunta{padding-bottom:0}.intro{grid-template-columns:1fr;gap:28px;padding-top:36px}.intro figure img{aspect-ratio:16/10}.blocchi{grid-template-columns:1fr;padding-top:88px}.riquadro{position:static}.voce{grid-template-columns:minmax(0,1fr);gap:8px;padding:20px}.giorni,.giorni.sportello{display:flex;align-items:baseline;gap:8px}.giorni{font-size:34px}.giorni.sportello{font-size:20px}.giorni small{margin-top:0}.aiuto{grid-column:1;text-align:left}.chiamata .testo{flex-direction:column;align-items:flex-start;padding:28px}.chiamata{margin-top:88px}.scheda dl{grid-template-columns:1fr}.testata nav a:not(:last-child){display:none}footer{margin-top:88px}}
@media (max-width:600px){h1{font-size:30px}.contenitore,.testata .riga{padding-left:18px;padding-right:18px}.articoli{grid-template-columns:1fr}.intro .bottone{width:100%}}