@font-face{font-family:Poppins;src:url(caratteri/Poppins-Bold.ttf);font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(caratteri/Inter-Regular.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(caratteri/Inter-Bold.ttf);font-weight:700;font-display:swap}
:root{--inchiostro:#1B1F3B;--corallo:#FF5A4D;--carta:#FAF7F2;--salvia:#7FB7A4;--nebbia:#D9D9E0;--testo2:#4a4e6a}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--carta);color:var(--inchiostro);font:400 17px/1.6 Inter,Arial,sans-serif}
h1,h2,h3{font-family:Poppins,Arial,sans-serif;font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.1rem,6vw,3.6rem);letter-spacing:-.02em}
h2{font-size:clamp(1.6rem,4vw,2.3rem);letter-spacing:-.01em}
h3{font-size:1.15rem}
p{margin:0 0 1em}
a{color:inherit}
.contenitore{max-width:1080px;margin:0 auto;padding:0 20px}
header{padding:18px 0;border-bottom:1px solid var(--nebbia)}
header .contenitore{display:flex;align-items:center;justify-content:space-between;gap:16px}
header img{height:40px;width:auto;display:block}
header nav a{text-decoration:none;font-weight:700;margin-left:20px;font-size:.95rem}
.pulsante{display:inline-block;background:var(--corallo);color:#fff;text-decoration:none;font-weight:700;
 padding:14px 26px;border-radius:999px;transition:transform .15s}
.pulsante:hover{transform:translateY(-2px)}
.pulsante.chiaro{background:transparent;color:var(--inchiostro);box-shadow:inset 0 0 0 2px var(--inchiostro)}
.apertura{padding:clamp(56px,10vw,110px) 0 clamp(48px,8vw,90px)}
.apertura p{font-size:clamp(1.1rem,2.4vw,1.35rem);color:var(--testo2);max-width:640px;margin-bottom:1.6em}
.apertura .barra{display:flex;gap:6px;margin-bottom:28px}
.apertura .barra span{height:10px;border-radius:5px;background:var(--corallo)}
section{padding:clamp(48px,8vw,84px) 0}
.scuro{background:var(--inchiostro);color:var(--carta)}
.scuro .pulsante.chiaro{color:var(--carta);box-shadow:inset 0 0 0 2px var(--carta)}
.griglia{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:28px}
.scheda{background:#fff;border-radius:16px;padding:24px;border:1px solid var(--nebbia)}
.scuro .scheda{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}
.numero{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--corallo);color:#fff;
 font-family:Poppins,Arial,sans-serif;font-weight:700;align-items:center;justify-content:center;margin-bottom:14px}
.elenco{list-style:none;padding:0;margin:20px 0 0}
.elenco li{padding:10px 0 10px 30px;position:relative;border-bottom:1px solid var(--nebbia)}
.scuro .elenco li{border-color:rgba(255,255,255,.12)}
.elenco li:before{content:"";position:absolute;left:0;top:19px;width:16px;height:6px;border-radius:3px;background:var(--salvia)}
.elenco.no li:before{background:var(--corallo)}
.due{display:grid;gap:28px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
details{background:#fff;border:1px solid var(--nebbia);border-radius:12px;padding:16px 20px;margin-top:12px}
summary{cursor:pointer;font-weight:700}
details p{margin:12px 0 0;color:var(--testo2)}
.riquadro{background:#fff;border-radius:20px;padding:clamp(24px,5vw,44px);border:1px solid var(--nebbia)}
footer{padding:36px 0;font-size:.9rem;background:var(--inchiostro);color:var(--nebbia)}
footer .contenitore{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between}
footer a{color:var(--carta)}
.testo-legale{max-width:760px}
.testo-legale h2{font-size:1.3rem;margin-top:1.6em}
@media (max-width:600px){header nav a.facoltativo{display:none}}