@font-face{font-family:"Baloo 2";src:url("/fonts/Baloo2.ttf") format("truetype");font-weight:400 800;font-display:swap}
@font-face{font-family:"Lexend";src:url("/fonts/Lexend.ttf") format("truetype");font-weight:100 900;font-display:swap}
:root{--giallo:#F5DC64;--teal:#46988F;--arancio:#C66A3D;--nero:#191C17;--crema:#FFFAEE;--giallino:#FBF0B8}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--crema);color:var(--nero);font-family:"Lexend",Verdana,sans-serif;font-size:18px;line-height:1.5}
a{color:var(--teal)}
h1,h2,h3{font-family:"Baloo 2",Arial,sans-serif;font-weight:800;line-height:1.1;margin:0 0 .4em}
.hero{background-color:var(--giallo);background-image:linear-gradient(#E9C24F 1.5px,transparent 1.5px),linear-gradient(90deg,#E9C24F 1.5px,transparent 1.5px);background-size:30px 30px;border-bottom:3px solid var(--nero)}
.dentro{max-width:960px;margin:0 auto;padding:26px 18px}
.hero .dentro{display:grid;gap:18px;align-items:center}
.pill{display:inline-block;font-family:"Baloo 2";font-weight:800;background:#fff;border:2px solid var(--nero);border-radius:999px;padding:4px 14px 2px;font-size:.9rem;text-transform:uppercase}
.hero h1{font-size:2rem;text-transform:uppercase;margin:12px 0 8px;line-height:1.35}
.hero h1 em{font-style:normal;background:#fff;border:3px solid var(--nero);border-radius:14px;padding:0 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.hero p{margin:0;max-width:34em}
.copertina{display:none;width:100%;max-width:240px;justify-self:end;border:3px solid var(--nero);border-radius:6px;transform:rotate(2deg)}
.modulo{max-width:560px;margin:-14px auto 0;background:#fff;border:3px solid var(--nero);border-radius:18px;padding:20px 18px;position:relative}
.modulo h2{text-transform:uppercase;font-size:1.4rem;margin-bottom:2px}
.modulo .sotto{margin:0 0 12px;color:#444;font-size:.95rem}
.avviso{background:var(--giallino);border:2px dashed var(--nero);padding:10px 12px;border-radius:10px;font-size:.9rem}
.cosa{display:grid;gap:14px;margin:26px 0}
.voce{background:#fff;border:2px solid var(--nero);border-radius:16px;padding:14px 16px;display:flex;gap:14px;align-items:center}
.voce img{width:64px;height:64px;object-fit:contain;flex:none}
.voce h3{text-transform:uppercase;font-size:1.1rem;margin:0 0 2px}
.voce p{margin:0;font-size:.95rem}
.btn{display:block;text-align:center;font-family:"Baloo 2";font-weight:800;text-transform:uppercase;text-decoration:none;color:var(--nero);background:var(--giallo);border:3px solid var(--nero);border-radius:14px;padding:16px;font-size:1.1rem;margin:12px 0}
.btn.teal{background:var(--teal);color:#fff}.btn.arancio{background:var(--arancio);color:#fff}
.btn small{display:block;font-family:"Lexend";font-weight:400;text-transform:none;font-size:.85rem}
.piccolo{font-size:.9rem;color:#444}
footer{font-size:.85rem;color:#555;margin:30px 0 10px;border-top:2px solid var(--nero);padding-top:12px}
.pagine{width:100%;border:2px solid var(--nero);border-radius:8px;margin-top:6px}
@media(min-width:760px){.hero .dentro{grid-template-columns:1.4fr .6fr;padding:38px 18px 44px}.hero h1{font-size:2.8rem}.copertina{display:block}.cosa{grid-template-columns:1fr 1fr 1fr}.voce{flex-direction:column;text-align:center}}