@font-face{font-family:"Anton";src:url(/caratteri/anton.ttf) format("truetype");font-display:swap}
@font-face{font-family:"Archivo";src:url(/caratteri/archivo.ttf) format("truetype");font-weight:400 700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/caratteri/plexmono-400.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/caratteri/plexmono-600.ttf) format("truetype");font-weight:600;font-display:swap}
:root{color-scheme:light;--fondo:#CFD6DC;--bordo:#AFBAC3;--bordo-2:#9AA8B3;--inchiostro:#0F1B24;--grigio:#46545E;--debole:#5E6D77;--blu:#1B4965;--blu-scuro:#143A52;--blu-tenue:#E3EDF4;--ambra:#E8A317;--ambra-viva:#F5BB44;--ambra-testo:#8A6003;--su-ambra:#0F1B24;--foglio:#FFFFFF;--insegna:"Anton","Haettenschweiler","Arial Narrow",sans-serif;--testo:"Archivo","Helvetica Neue",Arial,sans-serif;--dato:"IBM Plex Mono",ui-monospace,Menlo,monospace}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--fondo);color:var(--inchiostro);font-family:var(--testo);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%;height:auto;display:block}
.colonna{width:min(100% - 2.25rem,64rem);margin-inline:auto}
.stretta{width:min(100% - 2.25rem,44rem);margin-inline:auto}
h1,h2,h3{font-family:var(--insegna);font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.95;text-wrap:balance;margin:0}
h1{font-size:clamp(1.9rem,4.4vw,3.1rem);line-height:1.06;max-width:22em}
h2{font-size:clamp(1.45rem,3vw,2rem);margin-top:2.6rem}
h3{font-size:1.15rem;line-height:1.1}
p{margin:0}
strong{font-weight:700;color:var(--inchiostro)}
a{color:var(--blu);text-underline-offset:.2em}
:focus-visible{outline:2px solid var(--blu);outline-offset:3px}
.occhiello{font-family:var(--testo);font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--ambra-testo)}
.occhiello.spento{color:var(--debole)}
.marchio{display:inline-flex;align-items:center;gap:.68rem}
.marchio svg{width:2.35rem;height:2.35rem;display:block;flex:none}
.marchio-testo{font-family:var(--insegna);font-size:1.42rem;text-transform:uppercase;letter-spacing:.012em;line-height:1;color:var(--inchiostro);white-space:nowrap}
.marchio-testo em{font-style:normal;color:var(--ambra-testo)}
.barra{border-bottom:1px solid var(--bordo);background:var(--fondo);position:sticky;top:0;z-index:5}
.barra .colonna{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}
.menu{display:flex;align-items:center;gap:.15rem;margin-left:auto;overflow-x:auto;scrollbar-width:none}
.menu::-webkit-scrollbar{display:none}
.menu a{font-size:.84rem;font-weight:600;color:var(--blu);text-decoration:none;padding:.42rem .6rem;white-space:nowrap}
.menu a:hover{background:var(--blu-tenue)}
.menu a.io{border:1px solid var(--bordo-2)}
@media (max-width:44rem){.barra{position:static}.barra .colonna{flex-wrap:wrap;gap:.5rem}.menu{margin-left:0;width:100%;flex-wrap:wrap;overflow:visible}.menu a{font-size:.8rem;padding:.3rem .5rem}}
.briciole{font-size:.8rem;color:var(--debole);margin-top:2.2rem}
.briciole a{color:var(--debole)}
.briciole span{margin:0 .4rem}
.apertura{padding-block:1.2rem clamp(2rem,5vw,3rem)}
.apertura h1{margin-top:.85rem}
.sotto{margin-top:1rem;color:var(--grigio);font-size:.95rem}
.sotto b{color:var(--inchiostro);font-weight:600}
.breve{margin-top:1.8rem;background:var(--foglio);border-left:4px solid var(--ambra);padding:1.15rem 1.3rem;font-size:1.06rem;line-height:1.55}
.breve .occhiello{display:block;margin-bottom:.45rem}
article p{margin-top:1rem;color:var(--grigio);font-size:1.03rem}
article h2{color:var(--inchiostro)}
article h2 + p{margin-top:1rem}
.norme{display:grid;gap:.8rem;margin-top:1.4rem}
.norma{border-left:3px solid var(--blu);padding:.65rem 0 .65rem 1rem;background:transparent}
.norma b{display:block;font-size:1rem}
.norma span{display:block;color:var(--grigio);font-size:.95rem;margin-top:.2rem}
.faq{margin-top:1.2rem;display:grid;gap:.8rem}
.faq details{background:var(--foglio);border:1px solid var(--bordo);padding:.9rem 1.1rem}
.faq summary{cursor:pointer;font-weight:700;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"+";display:inline-block;width:1.2rem;color:var(--ambra-testo);font-family:var(--dato)}
.faq details[open] summary::before{content:"–"}
.faq details p{margin-top:.6rem;font-size:.98rem}
.prodotto{margin-top:2.8rem;border-top:1px solid var(--bordo);border-bottom:1px solid var(--bordo);padding:1.4rem 0}
.prodotto p{margin-top:.6rem}
.bottone{display:inline-block;margin-top:1.2rem;padding:.85rem 1.7rem;background:var(--ambra);color:var(--su-ambra);font-family:var(--insegna);font-size:1.08rem;text-transform:uppercase;letter-spacing:.02em;text-decoration:none}
.bottone:hover,.bottone:focus-visible{background:var(--ambra-viva)}
.correlate{margin-top:2.4rem}
.correlate ul{list-style:none;padding:0;margin:.8rem 0 0;display:grid;gap:.5rem}
.correlate li a{display:block;padding:.75rem .95rem;border:1px solid var(--bordo);text-decoration:none;color:var(--blu);font-weight:600;font-size:.98rem}
.correlate li a:hover{background:var(--blu-tenue)}
.scarica{margin-top:1.6rem;background:var(--blu);color:#fff;padding:1.3rem 1.4rem}
.scarica b{display:block;font-family:var(--insegna);font-weight:400;font-size:1.3rem;text-transform:uppercase;line-height:1.1;color:#fff}
.scarica span{display:block;margin-top:.5rem;font-size:.98rem;color:#E3EDF4}
.scarica .bottone{margin-top:1rem}
.tabella{margin-top:1.2rem;overflow-x:auto}
.tabella table{border-collapse:collapse;width:100%;min-width:34rem;font-size:.95rem}
.tabella th,.tabella td{text-align:left;vertical-align:top;padding:.6rem .7rem;border-bottom:1px solid var(--bordo)}
.tabella th{font-family:var(--testo);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--debole)}
.tabella th:nth-child(1),.tabella td:nth-child(1){width:34%}
.tabella th:nth-child(2),.tabella td:nth-child(2){width:36%}
.tabella td:nth-child(2){font-family:var(--dato);font-weight:600;color:var(--inchiostro)}
.tabella td:nth-child(3){color:var(--debole);font-size:.88rem}
.firma{margin-top:2.4rem;display:flex;gap:1rem;align-items:center;color:var(--grigio);font-size:.92rem}
.firma img{width:3.4rem;height:3.4rem;border-radius:50%;object-fit:cover;flex:none}
.firma b{color:var(--inchiostro)}
.elenco{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem}
.elenco li a{display:block;padding:1rem 1.15rem;background:var(--foglio);border:1px solid var(--bordo);text-decoration:none;color:var(--inchiostro)}
.elenco li a:hover{border-color:var(--blu)}
.elenco .occhiello{display:block;margin-bottom:.3rem}
.elenco b{display:block;font-size:1.05rem;line-height:1.3}
.elenco span{display:block;color:var(--grigio);font-size:.93rem;margin-top:.35rem}
footer.piede{margin-top:3.5rem;padding-block:2.4rem 3.2rem;font-size:.8rem;color:var(--grigio);border-top:1px solid var(--bordo)}
.piede-alto{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:space-between;align-items:center}
.avvertenza{margin-top:1.5rem;padding-top:1.2rem;border-top:1px solid var(--bordo);line-height:1.5;max-width:42rem}