/* Studio Loto — stile condiviso. Valori da DS — Studio Loto (tokens.json). */
:root{
  --petrolio:#004d6c; --blu:#00769c; --blu-chiaro:#d9eaf0;
  --vimini:#c9a46a; --vimini-chiaro:#f1e6d2; --vimini-scuro:#7d5f35; --vimini-su-petrolio:#dcc39a;
  --carta:#fbf8f3; --bianco:#ffffff; --inchiostro:#1d3441; --inchiostro-tenue:#51636c; --filetto:#e2d6c1; --bordo-campo:#8a8f88;
  --ok:#2e6b45; --errore:#a8321f; --petrolio-profondo:#00405a;
  --titoli:Marcellus,"Times New Roman",serif;
  --testo:"Source Sans 3","Segoe UI",system-ui,sans-serif;
  --pagina:1160px; --misura:640px;
  --sezione:clamp(72px,8vw,112px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:120px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
body{margin:0;background:var(--carta);color:var(--inchiostro);font:400 17px/28px var(--testo);-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--blu);text-underline-offset:4px}
a:hover{color:var(--petrolio)}
:focus-visible{outline:2px solid var(--blu);outline-offset:2px}
.fondo-petrolio :focus-visible,.piede :focus-visible{outline-color:var(--carta)}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--titoli);font-weight:400;color:var(--petrolio);margin:0}
p{margin:0}
.contenitore{max-width:var(--pagina);margin:0 auto;padding-left:24px;padding-right:24px}
.sezione{padding-top:var(--sezione);padding-bottom:var(--sezione)}
.fondo-vimini{background:var(--vimini-chiaro)}
.fondo-petrolio{background:var(--petrolio);color:var(--carta)}
.filetto-sopra{border-top:1px solid var(--filetto)}
.salta{position:absolute;left:-9999px}
.salta:focus{position:fixed;left:16px;top:16px;z-index:50;background:var(--carta);padding:8px 14px}

/* Titoli */
.t-display{font-size:clamp(38px,5vw,58px);line-height:1.1;max-width:19ch}
.t-pagina{font-size:clamp(36px,4.6vw,52px);line-height:1.12;max-width:20ch}
.t-sezione{font-size:clamp(30px,3.4vw,42px);line-height:1.15}
.t-blocco{font-size:28px;line-height:36px}
.t-scheda{font-size:22px;line-height:30px}
.intro{font-size:clamp(18px,1.5vw,20px);line-height:1.6;max-width:38em}
.nota{font-size:15px;line-height:23px;color:var(--inchiostro-tenue)}
.da-confermare{font-size:15px;line-height:23px;color:var(--vimini-scuro)}
.misura{max-width:var(--misura)}
.pila>*+*{margin-top:20px}

/* Pulsanti */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 26px;border-radius:999px;font:600 16px/20px var(--testo);text-decoration:none;border:1px solid var(--petrolio);cursor:pointer;transition:background .15s,color .15s}
.btn-p{background:var(--petrolio);color:var(--carta)}
.btn-p:hover{background:var(--inchiostro);border-color:var(--inchiostro);color:var(--carta)}
.btn-s{background:transparent;color:var(--petrolio)}
.btn-s:hover{background:var(--blu-chiaro);color:var(--petrolio)}
.btn-c{background:var(--carta);color:var(--petrolio);border-color:var(--carta)}
.btn-c:hover{background:#fff;color:var(--petrolio)}
.link-forte{font-weight:600;color:var(--petrolio);text-decoration-color:var(--vimini)}
.azioni{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}

/* Intestazione */
.testata{position:sticky;top:0;z-index:20;background:var(--carta);border-bottom:1px solid var(--filetto)}
.testata .contenitore{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;padding-bottom:12px}
.marchio-link img{height:76px;width:auto;display:block}
.nav{display:flex;align-items:center;gap:28px}
.nav a:not(.btn){color:var(--inchiostro);font-size:16px;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:8px;text-decoration-thickness:2px}
.nav a:not(.btn):hover{color:var(--petrolio);text-decoration-color:var(--vimini)}
.nav a[aria-current="page"]{color:var(--petrolio);text-decoration-color:var(--blu)}
.menu-btn{display:none;min-height:48px;padding:10px 18px;background:transparent;border:1px solid var(--petrolio);border-radius:999px;color:var(--petrolio);font:600 16px/20px var(--testo);cursor:pointer}
.menu-mobile{display:none}
@media (max-width:900px){
  .nav{display:none}
  .menu-btn{display:inline-flex}
  .menu-mobile:not([hidden]){display:flex;flex-direction:column;padding:4px 24px 24px;border-top:1px solid var(--filetto)}
  .menu-mobile a:not(.btn){padding:14px 0;border-bottom:1px solid var(--filetto);color:var(--inchiostro);text-decoration:none;font:400 19px/24px var(--titoli)}
  .menu-mobile a[aria-current="page"]{color:var(--petrolio)}
  .menu-mobile .btn{margin-top:20px}
  .marchio-link img{height:64px}
}

/* Testa delle pagine interne */
.testa-pagina{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,5vw,64px)}
.testa-pagina .intro{margin-top:24px}
.briciole{font-size:15px;margin-bottom:20px;color:var(--inchiostro-tenue)}
.briciole a{color:var(--inchiostro-tenue)}

/* Righe flessibili */
.riga{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,72px)}
.riga>*{min-width:0}
.c-stretta{flex:1 1 300px}
.c-larga{flex:2 1 420px}
.c-meta{flex:1 1 400px}
.c-centro{align-items:center}
.c-fondo{align-items:flex-end}

/* Segnaposto foto */
.foto{border-radius:4px;background:var(--vimini-chiaro);display:flex;align-items:flex-end;padding:16px;color:var(--vimini-scuro);font-size:15px;line-height:22px;width:100%}
.fondo-vimini .foto{background:#e6d6b9}
.r-4-5{aspect-ratio:4/5}.r-3-4{aspect-ratio:3/4}.r-3-2{aspect-ratio:3/2}.r-16-9{aspect-ratio:16/9}

/* Dati in fila (dove, orari) */
.dati{display:flex;flex-wrap:wrap;gap:20px 40px;margin:0;padding-top:24px;border-top:1px solid var(--filetto);font-size:15px;line-height:23px}
.dati dt{color:var(--inchiostro-tenue)}
.dati dd{margin:2px 0 0}

/* Aree (marchio interattivo) */
.aree{display:flex;flex-wrap:wrap;gap:clamp(32px,5vw,72px);align-items:center}
.aree .disegno{flex:1 1 420px;max-width:600px;min-width:0}
.aree .disegno svg{width:100%;height:auto;display:block}
.aree .testo{flex:1 1 380px;min-width:0}
.petalo{fill:var(--blu-chiaro);stroke:transparent;stroke-width:0;transition:fill .2s}
.figura{fill:var(--petrolio)}
[data-area="psicoterapia"] .petalo-psicoterapia,[data-area="psicologia"] .petalo-psicologia,[data-area="osteopatia"] .petalo-osteopatia{fill:var(--blu)}
[data-area="nutrizione"] .petalo-nutrizione{fill:var(--blu);stroke:var(--blu);stroke-width:2}
.schede-aree{display:flex;flex-wrap:wrap;gap:4px 22px;border-bottom:1px solid var(--filetto);margin-bottom:28px}
.schede-aree button{padding:10px 0 12px;margin-bottom:-1px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font:400 20px/28px var(--titoli);color:var(--inchiostro-tenue)}
.schede-aree button[aria-pressed="true"]{color:var(--petrolio);border-bottom-color:var(--blu)}

/* Équipe */
.griglia-equipe{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:48px 32px}
@media (max-width:600px){.griglia-equipe{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 16px}}
.persona h2,.persona h3{margin:18px 0 4px}
.persona .t-scheda a{color:var(--petrolio);text-decoration:none}
.persona .t-scheda a:hover{text-decoration:underline;text-decoration-color:var(--vimini)}
.ruolo{font-weight:600;font-size:15px;line-height:22px;color:var(--vimini-scuro)}
.persona .breve{margin-top:12px;font-size:16px;line-height:26px}
.persona .link{display:flex;flex-wrap:wrap;gap:6px 20px;margin-top:14px;font-size:15px;line-height:23px}
.filtri{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}
.filtri button{min-height:44px;padding:10px 18px;border-radius:999px;border:1px solid var(--filetto);background:transparent;font:400 16px/20px var(--testo);color:var(--inchiostro);cursor:pointer}
.filtri button[aria-pressed="true"]{background:var(--petrolio);border-color:var(--petrolio);color:var(--carta)}

/* Passi */
.passi{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:40px 32px}
.passi li{flex:1 1 260px;min-width:0;border-top:3px solid var(--petrolio);padding-top:20px}
.passi li:nth-child(2){border-top-color:var(--blu)}
.passi li:nth-child(3){border-top-color:var(--vimini)}
.passi h3{font-size:24px;line-height:32px;margin-bottom:8px}

/* Area (pagina Aree) */
.area{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,5vw,80px);padding:clamp(56px,6vw,88px) 0;border-top:1px solid var(--filetto)}
.area:first-of-type{border-top:none}
@media (max-width:760px){.area{grid-template-columns:1fr}}
.area .coppia{width:120px;height:auto;display:block;margin-bottom:16px}
.elenco{list-style:none;margin:0;padding:0}
.elenco li{padding:10px 0 10px 22px;border-bottom:1px solid var(--filetto);position:relative}
.elenco li::before{content:"";position:absolute;left:2px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--vimini)}
.chi{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:16px}
.etichetta{font:600 15px/22px var(--testo);color:var(--inchiostro-tenue);margin-bottom:8px}
.indice-aree{display:flex;flex-wrap:wrap;gap:8px 28px;padding:20px 0;border-top:1px solid var(--filetto);border-bottom:1px solid var(--filetto)}
.indice-aree a{font:400 22px/30px var(--titoli);color:var(--petrolio);text-decoration:none}
.indice-aree a:hover{text-decoration:underline;text-decoration-color:var(--vimini)}

/* Scheda professionista */
.scheda{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
@media (max-width:800px){.scheda{grid-template-columns:1fr}}
.scheda .foto{max-width:440px}
.tabella-dati{margin:0;display:grid;grid-template-columns:max-content 1fr;gap:12px 28px;font-size:16px;line-height:24px;padding:24px 0;border-top:1px solid var(--filetto);border-bottom:1px solid var(--filetto)}
.tabella-dati dt{color:var(--inchiostro-tenue)}
.tabella-dati dd{margin:0}
@media (max-width:480px){.tabella-dati{grid-template-columns:1fr;gap:2px}.tabella-dati dd{margin-bottom:12px}}

/* Gli spazi (galleria) */
.spazi{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.spazi figure{margin:0}
.spazi figcaption{margin-top:8px;font-size:15px;color:var(--inchiostro-tenue)}
.spazi .s1{grid-column:span 4}.spazi .s2{grid-column:span 2}.spazi .s3{grid-column:span 3}.spazi .s4{grid-column:span 3}
@media (max-width:700px){.spazi{grid-template-columns:1fr}.spazi>*{grid-column:auto!important}}

/* Come lavoriamo: elenco definizioni */
.principi{margin:0}
.principi div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:8px 48px;padding:28px 0;border-top:1px solid var(--filetto)}
.principi div:last-child{border-bottom:1px solid var(--filetto)}
.principi dt{font:400 24px/32px var(--titoli);color:var(--petrolio)}
.principi dd{margin:0}
@media (max-width:700px){.principi div{grid-template-columns:1fr}}

/* Fascia invito */
.invito{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:center;justify-content:space-between}
.invito h2{max-width:22ch}

/* Contatti */
.contatti dl{margin:0;display:flex;flex-direction:column;gap:22px}
.contatti dt{font-size:15px;line-height:22px;color:var(--vimini-su-petrolio)}
.contatti dd{margin:2px 0 0;font-size:18px}
.contatti a{color:var(--carta);text-decoration-color:var(--vimini)}
.mappa{aspect-ratio:16/9;border:1px solid var(--vimini-su-petrolio);border-radius:2px;display:flex;align-items:center;justify-content:center;color:var(--vimini-su-petrolio);font-size:15px;text-align:center;padding:16px}
.mappa.chiara{border-color:var(--filetto);color:var(--vimini-scuro);background:var(--carta);aspect-ratio:4/3;padding:24px;position:relative;overflow:hidden;align-items:flex-end}
@media (max-width:480px){.mappa.chiara{aspect-ratio:auto;min-height:400px}}
.mappa-disegno{position:absolute;inset:0;width:100%;height:100%}
.m-fondo{fill:var(--vimini-chiaro)}
.m-verde{fill:var(--blu-chiaro)}
.m-strada path{fill:none;stroke:var(--carta);stroke-width:9;stroke-linecap:round}
.m-principale{fill:none;stroke:var(--bianco);stroke-width:15;stroke-linecap:round}
.m-pin path{fill:var(--petrolio)}
.m-pin-centro{fill:var(--carta)}
.mappa-testo{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;max-width:340px;padding:20px 24px;background:var(--carta);border:1px solid var(--filetto);border-radius:2px}
.mappa-testo .t-blocco{color:var(--petrolio);font-family:var(--titoli)}
.mappa-testo .nota{font-size:14px;line-height:20px}
.mappa.caricata{padding:0;border:none;background:none}
.mappa iframe{width:100%;height:100%;border:0;border-radius:2px;display:block}
.modulo{background:var(--carta);color:var(--inchiostro);border-radius:2px;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:18px}
.modulo.bordato{border:1px solid var(--filetto)}
.modulo h2,.modulo h3{font-size:26px;line-height:34px}
.modulo label{display:flex;flex-direction:column;gap:8px;font:600 15px/22px var(--testo)}
.modulo .due{display:flex;flex-wrap:wrap;gap:18px}
.modulo .due label{flex:1 1 200px}
.modulo input:not([type=checkbox]),.modulo select,.modulo textarea{font:400 17px/24px var(--testo);color:var(--inchiostro);background:#fff;border:1px solid var(--bordo-campo);border-radius:4px;padding:12px 14px;width:100%}
.modulo .consenso{flex-direction:row;gap:12px;align-items:flex-start;font-weight:400;color:var(--inchiostro-tenue)}
.modulo .consenso input{width:24px;height:24px;margin-top:1px;flex-shrink:0}
.modulo .btn{align-self:flex-start}
.modulo .esito{color:var(--ok);font-size:15px;line-height:22px}

/* Testo lungo (privacy) */
.testo-lungo h2{font-size:28px;line-height:36px;margin:48px 0 12px}
.testo-lungo p,.testo-lungo ul{margin:0 0 16px}

/* Blog: categorie */
.categorie a{display:inline-flex;align-items:baseline;gap:8px}
.categorie .conta{font:400 15px/22px var(--testo);color:var(--inchiostro-tenue)}
.categorie a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--blu);text-decoration-thickness:2px;text-underline-offset:8px}

/* Blog: elenco degli articoli (righe, non card) */
.elenco-articoli{list-style:none;margin:0;padding:0;border-top:1px solid var(--filetto)}
.voce{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:8px 48px;padding:32px 0;border-bottom:1px solid var(--filetto)}
@media (max-width:760px){.voce{grid-template-columns:1fr;padding:28px 0}}
.voce-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:15px;line-height:22px;color:var(--vimini-scuro);align-content:start}
.voce-meta a{font-weight:600;color:var(--petrolio);text-decoration-color:var(--vimini)}
@media (min-width:761px){.voce-meta{flex-direction:column}}
.voce-titolo{font-size:clamp(22px,2.2vw,26px);line-height:1.3;max-width:30ch}
.voce-titolo a{color:var(--petrolio);text-decoration:none}
.voce-titolo a:hover{text-decoration:underline;text-decoration-color:var(--vimini)}
.voce-sommario{margin:10px 0 10px;max-width:var(--misura)}

/* Articolo */
.categoria{font-size:15px;line-height:22px;margin-bottom:12px;color:var(--vimini-scuro)}
.categoria a{font-weight:600;color:var(--petrolio);text-decoration-color:var(--vimini)}
.t-articolo{max-width:24ch}
.firma{margin-top:28px;padding-top:20px;border-top:1px solid var(--filetto);max-width:var(--misura);display:flex;flex-direction:column;gap:4px}
.firma a{color:var(--petrolio);font-weight:600;text-decoration-color:var(--vimini)}
.corpo-articolo{display:grid;grid-template-columns:240px minmax(0,var(--misura));gap:clamp(40px,6vw,96px);align-items:start;padding-bottom:var(--sezione)}
@media (max-width:900px){.corpo-articolo{grid-template-columns:minmax(0,1fr)}}
.indice{border-top:3px solid var(--petrolio);padding-top:16px}
@media (min-width:901px){.indice{position:sticky;top:124px;max-height:calc(100vh - 148px);overflow:auto}}
@media (max-width:900px){.indice{background:var(--vimini-chiaro);border-top:none;padding:20px 24px;border-radius:2px}}
.indice-titolo{font:600 15px/22px var(--testo);color:var(--inchiostro);margin-bottom:8px}
.indice ol{list-style:none;margin:0;padding:0}
.indice li{font-size:16px;line-height:22px}
.indice>ol>li{padding:7px 0;border-bottom:1px solid var(--filetto)}
.indice>ol>li:last-child{border-bottom:none}
.indice ol ol{padding:6px 0 0 14px}
.indice ol ol li{font-size:15px;padding:3px 0}
.indice a{color:var(--inchiostro);text-decoration:none;display:inline-block;padding:1px 0}
.indice a:hover,.indice a[aria-current="true"]{color:var(--petrolio);text-decoration:underline;text-decoration-color:var(--vimini)}
.testo-articolo h2{font-size:30px;line-height:38px;margin:56px 0 14px}
.testo-articolo h2:first-child{margin-top:0}
.testo-articolo h3{font-size:23px;line-height:30px;margin:32px 0 10px}
.testo-articolo p,.testo-articolo ul,.testo-articolo ol{margin:0 0 16px}
.quando{margin:56px 0;padding:28px clamp(20px,3vw,32px);background:var(--blu-chiaro);border-radius:2px}
.quando h2{margin-top:0!important}
.fonti{padding-left:20px;font-size:15px;line-height:23px}
.avviso{margin-top:32px!important;padding-top:16px;border-top:1px solid var(--filetto)}
.autori{display:flex;flex-direction:column;gap:40px}
.autore{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;max-width:760px}
.autore .foto{padding:8px;font-size:13px;line-height:18px}
.fondo-vimini .autore .foto{background:var(--carta)}
.autore .t-scheda a{color:var(--petrolio);text-decoration-color:var(--vimini)}
.autore .link{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:15px}

/* Piede */
.piede{background:var(--petrolio-profondo);color:var(--vimini-su-petrolio);font-size:15px;line-height:22px}
.piede .contenitore{padding-top:48px;padding-bottom:40px;display:grid;grid-template-columns:auto 1fr 1fr;gap:32px 56px;align-items:start}
@media (max-width:800px){.piede .contenitore{grid-template-columns:1fr}}
.piede img{height:72px;width:auto;display:block}
.piede ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.piede a{color:var(--carta)}
.piede .fondo{grid-column:1/-1;padding-top:24px;border-top:1px solid #1d5a73;display:flex;flex-wrap:wrap;gap:12px 32px;justify-content:space-between}

/* Prenotazione a passi */
.salta-testo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.prenota{max-width:760px}
.avanzamento{list-style:none;margin:0 0 12px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.avanzamento li{border-top:4px solid var(--filetto);padding-top:8px;font-size:14px;line-height:20px;color:var(--inchiostro-tenue)}
.avanzamento li.fatto{border-top-color:var(--blu)}
.avanzamento li.ora{border-top-color:var(--petrolio);color:var(--petrolio);font-weight:600}
@media (max-width:600px){.avanzamento li{font-size:0;line-height:0;padding-top:0}.avanzamento li .salta-testo{font-size:14px}}
.passo-di{font-size:15px;color:var(--inchiostro-tenue);margin-bottom:32px}
.passo{border:none;margin:0;padding:0;min-width:0}
.js .passo{display:none}
.js .passo.attivo{display:block}
.passo+.passo{margin-top:56px}
.js .passo+.passo{margin-top:0}
.passo legend{padding:0;margin-bottom:24px;width:100%}
.passo legend h2{font-size:clamp(28px,3vw,36px);line-height:1.2}
.passo legend h2:focus{outline:none}
.scelte{display:grid;gap:12px}
.riga-scelte{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.scelta{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;border:1px solid var(--bordo-campo);border-radius:4px;background:#fff;cursor:pointer}
.scelta:hover{border-color:var(--petrolio)}
.scelta:has(input:checked){border-color:var(--petrolio);box-shadow:inset 0 0 0 1px var(--petrolio);background:#f4f9fb}
.scelta input{width:22px;height:22px;margin:2px 0 0;flex-shrink:0;accent-color:var(--petrolio)}
.scelta-titolo{display:block;font-weight:600}
.scelta-sotto{display:block;font-size:15px;line-height:22px;color:var(--inchiostro-tenue);margin-top:2px}
.gruppo{margin-top:24px}
.gruppo:first-of-type{margin-top:0}
.spunte{display:flex;flex-wrap:wrap;gap:10px}
.spunta{display:flex;gap:10px;align-items:center;min-height:44px;padding:8px 16px;border:1px solid var(--bordo-campo);border-radius:999px;background:#fff;cursor:pointer}
.spunta:has(input:checked){border-color:var(--petrolio);background:#f4f9fb;box-shadow:inset 0 0 0 1px var(--petrolio)}
.spunta input{width:20px;height:20px;margin:0;accent-color:var(--petrolio)}
.campi{display:flex;flex-direction:column;gap:20px}
.campo{display:flex;flex-direction:column;gap:8px;font:600 15px/22px var(--testo)}
.campo .nota{font-weight:400}
.campi .due{display:flex;flex-wrap:wrap;gap:20px}
.campi .due .campo{flex:1 1 240px}
.prenota input[type=text],.prenota input[type=email],.prenota input[type=tel],.prenota input[type=number],.prenota select,.prenota textarea{font:400 17px/24px var(--testo);color:var(--inchiostro);background:#fff;border:1px solid var(--bordo-campo);border-radius:4px;padding:12px 14px;width:100%}
.prenota [aria-invalid="true"]{border-color:var(--errore);box-shadow:inset 0 0 0 1px var(--errore)}
.prenota .consenso{display:flex;gap:12px;align-items:flex-start;font:400 15px/22px var(--testo);color:var(--inchiostro-tenue)}
.prenota .consenso input{width:24px;height:24px;margin-top:0;flex-shrink:0;accent-color:var(--petrolio)}
.errore{color:var(--errore);font:600 15px/22px var(--testo);margin-top:12px}
.extra{margin-top:20px}
.comandi{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px;padding-top:24px;border-top:1px solid var(--filetto)}
.comandi #avanti,.comandi #invia{margin-left:auto}
.riepilogo:not(:empty){margin-top:32px;padding:20px 24px;background:var(--vimini-chiaro);border-radius:2px;font-size:16px;line-height:26px}
.riepilogo dl{margin:8px 0 0;display:grid;grid-template-columns:max-content 1fr;gap:4px 20px}
.riepilogo dt{color:var(--inchiostro-tenue)}
.riepilogo dd{margin:0}
.riepilogo button{background:none;border:none;padding:0;color:var(--petrolio);font:600 15px/22px var(--testo);text-decoration:underline;text-decoration-color:var(--vimini);cursor:pointer}
.aiuto{margin-top:48px;font-size:16px;color:var(--inchiostro-tenue)}
.fatto:focus{outline:none}