:root{--carta:#fff8f4;--testo:#241626;--testo-tenue:#64566a;--sera:#2a1530;--sera-chiara:#3b2142;--rosa:#e0466d;--ottone:#f0b44c;--linea:#ecdcdf;--superficie:#fff;color-scheme:light}@media (prefers-color-scheme:dark){:root{--carta:#181019;--testo:#f4ecf3;--testo-tenue:#b9a9bb;--sera:#241228;--sera-chiara:#362039;--linea:#34253a;--superficie:#21162a;color-scheme:dark}.serate .data{background:var(--sera-chiara)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--carta);color:var(--testo);margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6}h1,h2,h3,.logo{letter-spacing:-.01em;font-family:Unbounded,system-ui,sans-serif;line-height:1.12}h2{margin:0 0 1.75rem;font-size:clamp(1.6rem,3.6vw,2.4rem);font-weight:700}h3{font-weight:700}a{color:var(--rosa)}:focus-visible{outline:3px solid var(--ottone);outline-offset:3px;border-radius:4px}.contenitore{max-width:68rem;margin-inline:auto;padding-inline:1.5rem}.sezione{padding-block:4.5rem}.demo{color:#f4ecf3;text-align:center;background:#120a14;margin:0;padding:.5rem 1rem;font-size:.875rem}.demo a{color:var(--ottone)}.hero{background:radial-gradient(ellipse 60% 55% at 78% 70%, #f0b44c29, transparent 70%), var(--sera);color:#fff8f4;padding:0 1.5rem 5rem}.barra{justify-content:space-between;align-items:center;gap:1rem;max-width:68rem;margin:0 auto;padding-block:1.4rem;display:flex}.logo{color:#fff8f4;font-size:1.35rem;font-weight:800;text-decoration:none}.voci{gap:1.5rem;display:flex}.voci a{color:#fff8f4;opacity:.85;text-decoration:none}.voci a:hover{opacity:1;text-underline-offset:4px;text-decoration:underline}.hero-corpo{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:center;gap:2rem;max-width:68rem;margin:0 auto;padding-top:3.5rem;display:grid}.dove{color:var(--ottone);margin:0 0 1.25rem;font-weight:600}.hero h1{max-width:15ch;margin:0 0 1.5rem;font-size:clamp(2.3rem,6.2vw,4.6rem);font-weight:800}.frase{color:#eadbe6;max-width:36rem;margin:0 0 3rem;font-size:1.25rem}.conteggio{grid-template-columns:repeat(8,minmax(0,4.5rem));gap:.6rem;margin-bottom:.9rem;display:grid}.conteggio span{aspect-ratio:1;border-radius:50%;place-items:center;font-family:Unbounded,sans-serif;font-size:clamp(1rem,2.6vw,1.6rem);font-weight:700;display:grid}.battito{background:var(--rosa);color:#fff;animation:.5s both accendi;animation-delay:calc(var(--i) * .32s + .3s)}.pausa{border:2px dashed #fff8f459}@keyframes accendi{0%{color:#fff6;background:0 0;transform:scale(.9);box-shadow:inset 0 0 0 2px #fff8f459}60%{transform:scale(1.08)}to{background:var(--rosa);color:#fff;transform:scale(1)}}.didascalia{color:#cdb9c9;margin:0 0 2.75rem;font-size:.98rem}.azioni{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.bottone{background:var(--rosa);color:#fff;border-radius:999px;padding:.95rem 1.7rem;font-weight:700;text-decoration:none;transition:transform .15s;display:inline-block}.bottone:hover{transform:translateY(-2px)}.bottone.chiaro{color:var(--sera);background:#fff8f4}.secondario{color:#fff8f4;font-weight:600}.diagramma{justify-self:end;width:100%;max-width:22rem;overflow:visible}.traccia{fill:none;stroke:var(--ottone);stroke-width:2.5px;stroke-dasharray:2 8;stroke-linecap:round;opacity:.85}.impronta path,.impronta ellipse{fill:#fff8f4}.impronta.destra path,.impronta.destra ellipse{fill:var(--rosa)}.impronta .numero{fill:#cdb9c9;font-family:Unbounded,sans-serif;font-size:12px;font-weight:700}.inizio{padding-block:5rem 2rem}.rassicurazioni{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:0;display:grid}.rassicurazioni div{border-top:4px solid var(--rosa);padding-top:1.1rem}.rassicurazioni dt{margin-bottom:.4rem;font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:700}.rassicurazioni dd{color:var(--testo-tenue);margin:0}.corsi{grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:0 3rem;margin:0;padding:0;list-style:none;display:grid}.corsi li{border-left:4px solid var(--colore);border-bottom:1px solid var(--linea);padding:1.4rem 0 1.4rem 1.25rem}.corsi h3{margin:0 0 .35rem;font-size:1.2rem}.corsi .stili{margin:0}.corsi .dettagli{color:var(--testo-tenue);margin:.3rem 0 0;font-size:.95rem}.orari{background:var(--sera);color:#fff8f4}.orari-testa{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem 2rem;margin-bottom:2rem;display:flex}.orari h2{margin:0}.filtri{flex-wrap:wrap;gap:.5rem;display:flex}.filtri button{font:inherit;cursor:pointer;color:#fff8f4;background:0 0;border:1.5px solid #fff8f44d;border-radius:999px;padding:.4rem .9rem;font-size:.92rem;font-weight:600}.filtri button:hover{border-color:#fff8f4}.filtri button[aria-pressed=true]{background:var(--colore,#fff8f4);border-color:var(--colore,#fff8f4);color:var(--sera)}.settimana{grid-template-columns:repeat(5,1fr);gap:.75rem;display:grid}.giorno{background:var(--sera-chiara);border-radius:.9rem;padding:1.1rem}.giorno h3{color:var(--ottone);margin:0 0 .9rem;font-size:.95rem}.giorno ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.giorno li{border-left:3px solid var(--colore);padding-left:.65rem;transition:opacity .2s}.giorno li.spenta{opacity:.18}.giorno .ora{font-size:.9rem;font-weight:700;display:block}.giorno .titolo{color:#eadbe6;font-size:.95rem;line-height:1.35;display:block}.nota-orari{color:#cdb9c9;margin:1.75rem 0 0}.serate{gap:1.25rem;max-width:50rem;margin:0;padding:0;list-style:none;display:grid}.serate li{border-bottom:1px solid var(--linea);grid-template-columns:5.5rem 1fr;align-items:start;gap:1.5rem;padding-bottom:1.25rem;display:grid}.serate .data{background:var(--sera);color:#fff8f4;text-align:center;border-radius:.9rem;padding:.7rem .4rem}.serate .data .numero{font-family:Unbounded,sans-serif;font-size:1.9rem;font-weight:800;line-height:1;display:block}.serate .data .mese{color:var(--ottone);margin-top:.2rem;font-weight:700;display:block}.serate h3{margin:.1rem 0 .15rem;font-size:1.2rem}.serate .quando{color:var(--rosa);margin:0 0 .35rem;font-size:.95rem;font-weight:600}.serate p{margin:0}.insegnanti{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.iniziali{background:var(--colore);color:#241626;border-radius:50%;place-items:center;width:4.25rem;height:4.25rem;margin-bottom:1rem;font-family:Unbounded,sans-serif;font-size:1.15rem;font-weight:800;display:grid}.insegnanti h3{margin:0;font-size:1.15rem}.insegnanti .ruolo{color:var(--testo-tenue);margin:.15rem 0 .5rem;font-weight:600}.insegnanti p{margin:0}.domande{grid-template-columns:1fr 2fr;gap:2rem 4rem;display:grid}details{border-bottom:1px solid var(--linea)}summary{cursor:pointer;padding:1.1rem 2rem 1.1rem 0;font-size:1.08rem;font-weight:700;list-style:none;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:"+";color:var(--rosa);font-family:Unbounded,sans-serif;font-size:1.3rem;transition:transform .2s;position:absolute;top:.85rem;right:.25rem}details[open] summary:after{transform:rotate(45deg)}details p{color:var(--testo-tenue);max-width:42rem;margin:0 0 1.2rem}.prova{background:var(--rosa);color:#fff;padding-block:4.5rem}.prova-corpo{grid-template-columns:1.4fr 1fr;align-items:center;gap:3rem;display:grid}.prova h2{margin-bottom:.75rem}.prova p{max-width:30rem;margin:0 0 1.75rem;font-size:1.15rem}.recapiti{gap:1rem;margin:0;display:grid}.recapiti dt{opacity:.85;font-size:.92rem;font-weight:700}.recapiti dd{margin:0;font-size:1.1rem}.recapiti a{color:#fff}footer{color:var(--testo-tenue);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-block:2rem;font-size:.9rem;display:flex}footer a{color:var(--testo-tenue)}@media (width<=60rem){.settimana{grid-template-columns:1fr 1fr}.domande{grid-template-columns:1fr}}@media (width<=44rem){.voci{display:none}.hero{padding-bottom:3.5rem}.hero-corpo{padding-top:1.5rem}.conteggio{grid-template-columns:repeat(8,1fr);gap:.35rem}.hero-corpo,.prova-corpo{grid-template-columns:1fr}.diagramma{display:none}.rassicurazioni{grid-template-columns:1fr;gap:1.75rem}.settimana{grid-template-columns:1fr}.giorno{grid-template-columns:6.5rem 1fr;gap:.75rem;display:grid}.giorno h3{margin:0}.sezione{padding-block:3.25rem}.serate li{grid-template-columns:4.5rem 1fr;gap:1rem}}@media (prefers-reduced-motion:reduce){.battito{animation:none}html{scroll-behavior:auto}.bottone{transition:none}}
