@font-face{font-family:"Atkinson";src:url(/fonts/AtkinsonHyperlegible-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Atkinson";src:url(/fonts/AtkinsonHyperlegible-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
:root{--verde:#1D6B3F;--verde2:#24804B;--verde-scuro:#14512F;--menta:#A0E1BC;--menta-chiara:#CFEBDA;--sfondo:#FFFFFF;--carta:#F3F7F4;--testo:#1D2A22;--tenue:#55655B;--bordo:#D8E2DB;--link:#1D6B3F;--giallo:#FFF4D6;--giallo-testo:#7A4E00}
@media (prefers-color-scheme:dark){:root{--sfondo:#111714;--carta:#18211C;--testo:#E4ECE6;--tenue:#A3B3A9;--bordo:#2C3A32;--link:#6FD39B;--giallo:#3A3020;--giallo-testo:#FFD27A}}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Atkinson",system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--sfondo);color:var(--testo);font-size:17px;line-height:1.6}
a{color:var(--link)}
img{max-width:100%;height:auto}
.salta{position:absolute;left:-999px;top:0;background:#fff;color:#000;padding:8px 12px;z-index:10}
.salta:focus{left:8px;top:8px}
header.sito{background:var(--verde);color:#fff}
header.sito .in{max-width:1040px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
header.sito a{color:#fff;text-decoration:none}
.marchio{display:flex;align-items:center;gap:10px;font-weight:700;font-size:22px}
.marchio img{width:36px;height:36px;border-radius:50%}
nav.principale{display:flex;gap:4px;flex-wrap:wrap;margin-left:auto}
nav.principale a{padding:8px 12px;border-radius:10px;font-size:16px}
nav.principale a:hover,nav.principale a[aria-current]{background:rgba(255,255,255,.18)}
.eroe{background:var(--verde);color:#fff}
.eroe .in{max-width:1040px;margin:0 auto;padding:28px 20px 44px;display:flex;align-items:center;gap:36px;flex-wrap:wrap}
.eroe .logo{width:150px;height:150px;border-radius:50%;flex:none}
.eroe h1{font-size:clamp(28px,5vw,44px);line-height:1.15;margin:0 0 12px}
.eroe p{font-size:19px;color:var(--menta-chiara);margin:0 0 20px;max-width:34em}
.azioni{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 20px;border-radius:999px;font:inherit;font-weight:700;text-decoration:none;border:2px solid transparent;cursor:pointer}
.btn.pieno{background:var(--menta);color:#0F4A2A}
.btn.vuoto{border-color:var(--menta);color:var(--menta-chiara)}
.btn.verde{background:var(--verde);color:#fff}
.btn:hover{filter:brightness(1.06)}
main{max-width:1040px;margin:0 auto;padding:28px 20px 48px}
main.stretto{max-width:760px}
h1,h2,h3{line-height:1.25}
h2{font-size:26px;margin:2em 0 .6em}
h2:first-child{margin-top:0}
.griglia{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.scheda{background:var(--carta);border:1px solid var(--bordo);border-radius:16px;padding:18px 20px}
.scheda h3{margin:0 0 6px;font-size:19px}
.scheda p{margin:0;color:var(--tenue)}
.tenue{color:var(--tenue)}
.piccolo{font-size:15px}
.ricerca{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.ricerca input{flex:1;min-width:220px;font:inherit;padding:12px 18px;border-radius:999px;border:2px solid var(--bordo);background:var(--sfondo);color:var(--testo)}
.ricerca input:focus{outline:3px solid var(--menta);border-color:var(--verde2)}
.risultati{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.risultati a{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 16px;border:1px solid var(--bordo);border-radius:12px;text-decoration:none;color:var(--testo);background:var(--carta)}
.risultati a:hover{border-color:var(--verde2)}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:14px;font-weight:700;white-space:nowrap}
.pill.si{background:var(--menta);color:#0F4A2A}
.pill.no{background:var(--bordo);color:var(--tenue)}
.pill.att{background:var(--giallo);color:var(--giallo-testo)}
.elenco-comuni{columns:3 220px;column-gap:24px;margin:0;padding:0;list-style:none}
.elenco-comuni li{break-inside:avoid;padding:3px 0}
.prossimo{background:var(--verde);color:#fff;border-radius:18px;padding:20px 24px;margin:16px 0}
.prossimo .quando{font-size:15px;color:var(--menta-chiara)}
.prossimo .data{font-size:clamp(24px,5vw,34px);font-weight:700;line-height:1.2;margin:2px 0 10px;text-transform:capitalize}
.chip{display:inline-flex;align-items:center;gap:7px;padding:4px 12px 4px 8px;border-radius:999px;background:var(--sfondo);color:var(--testo);margin:3px 6px 3px 0;font-size:16px}
.punto{width:14px;height:14px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.25)}
table.cal{width:100%;border-collapse:collapse}
table.cal th,table.cal td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--bordo);vertical-align:top}
table.cal th{font-size:14px;color:var(--tenue);font-weight:700}
table.cal td.d{white-space:nowrap;text-transform:capitalize}
.avviso{background:var(--giallo);color:var(--giallo-testo);border-radius:12px;padding:12px 16px;margin:14px 0}
.note{font-size:14px;color:var(--tenue)}
.tipi-prossimi{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.tipi-prossimi .scheda{padding:12px 14px}
.tipi-prossimi .scheda b{display:flex;align-items:center;gap:8px}
.tipi-prossimi .scheda div{font-size:15px;color:var(--tenue);text-transform:capitalize}
.cta{background:var(--carta);border:1px solid var(--bordo);border-radius:16px;padding:18px 20px;margin:28px 0;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.cta p{margin:0;flex:1;min-width:220px}
.mio{font-size:14px;color:var(--tenue);margin:0 0 6px}
footer.sito{background:var(--carta);border-top:1px solid var(--bordo);color:var(--tenue);font-size:15px}
footer.sito .in{max-width:1040px;margin:0 auto;padding:24px 20px;display:flex;gap:20px 40px;flex-wrap:wrap;justify-content:space-between}
footer.sito a{color:var(--tenue)}
footer.sito p{margin:0 0 6px}
:focus-visible{outline:3px solid var(--menta);outline-offset:2px}
@media (prefers-reduced-motion:no-preference){.btn,.risultati a{transition:filter .15s,border-color .15s}}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.eroe .testo{flex:1;min-width:260px}
.eroe .ricerca{margin:0 0 12px}
.eroe .ricerca input{border-color:transparent;font-size:18px}
.eroe .risultati{margin:0 0 14px}
.eroe .risultati li.tenue{color:var(--menta-chiara)}
.eroe .risultati a{background:#fff;color:#1D2A22;border-color:#fff}
.eroe .risultati a:hover{border-color:var(--menta)}
.eroe .risultati .pill.no{background:#E3E8E4;color:#44514A}
.pdf-ufficiali{list-style:none;padding:0;margin:14px 0}
.pdf-ufficiali li{margin:6px 0}
.pdf-ufficiali a{font-weight:600}
