/* Nuovo Uso · nu-app.css · per il kit 1.0.0
   Il foglio di pagina del portale: gli stili che il capitolo 04 del libro (e, dove indicato, il 05)
   mostra e che components.css non definisce, più il guscio (header 5.1.1, footer 5.1.2, barra laterale
   5.1.3, mega menu 5.1.4, cassetto), i blocchi delle pagine 5.2–5.9 e i breakpoint (04.A, 02 § 1.3).
   Ricostruito con i soli token del kit (--nu-*): nessun colore letterale, nessun raggio, nessuna ombra
   sfumata. Si collega DOPO styles.css e non ridefinisce regole di components.css.
   Le sezioni A–V sono il foglio di docs/design/01-componenti.md § 5.1; da W in poi il guscio e le pagine
   di docs/design/02-layout-struttura-e-pagine.md. */

/* ---------- A · base di pagina · dall'<helmet> dei file di layout/ e guidelines/ ---------- */
body{margin:0;background:var(--nu-bg-0);color:var(--nu-text-1);font:400 var(--nu-fs-body)/var(--nu-lh-body) var(--nu-font-ui)}
a{color:var(--nu-accent-2-text)}
a:hover{color:var(--nu-text-1)}
button{font:inherit;color:inherit}
img,svg{max-width:100%}
mark{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}                         /* 4.4.1 · come la selezione del testo */
.nu-icona{flex:none;display:block}                                                       /* 4.1.5 · l'icona in un controllo flex */
.nu-contenitore{max-width:var(--nu-colonna);margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}   /* 4.1.6 · la colonna di 1180 px */

/* ---------- B · tipografia d'uso · 2.2.1 e le misure del capitolo 04 ---------- */
.nu-display-xl{margin:0;font:900 var(--nu-fs-display-xl)/var(--nu-lh-display-xl) var(--nu-font-display);text-transform:uppercase}
.nu-display-l{margin:0;font:900 var(--nu-fs-display-l)/var(--nu-lh-display-l) var(--nu-font-display);text-transform:uppercase}
.nu-titolo{margin:0;font:800 var(--nu-fs-title)/var(--nu-lh-title) var(--nu-font-display);text-transform:uppercase}
.nu-titolo--card{margin:0;font:800 20px/1.1 var(--nu-font-display);text-transform:uppercase}   /* card 4.1.3 · lotto 4.6.4 · modale 4.3.3 */
.nu-testo{font:400 var(--nu-fs-body)/var(--nu-lh-body) var(--nu-font-ui);max-width:var(--nu-misura);text-wrap:pretty}
.nu-piccolo{margin:0;font-size:var(--nu-fs-small);line-height:var(--nu-lh-small)}
.nu-etichetta{font:600 var(--nu-fs-label)/var(--nu-lh-label) var(--nu-font-ui)}
.nu-mono{font:400 var(--nu-fs-mono)/var(--nu-lh-mono) var(--nu-font-mono)}
.nu-occhiello{font:700 10px/14px var(--nu-font-mono);letter-spacing:.12em;color:var(--nu-text-3);text-transform:uppercase}   /* le etichette di sezione del capitolo 04 */
@media (max-width:599px){.nu-display-xl{font-size:36px}}                                /* 05.A · titolo 56 / 36 px */

/* ---------- C · 4.1.1 / 4.1.5 / 5.6.2 · bottone a sola icona, bottone in attesa ---------- */
.nu-btn--icona{width:var(--nu-ctrl-h);height:var(--nu-ctrl-h);padding:0}                /* 44×44 · 32×32 in compatta */
.nu-btn--icona-piccolo{width:40px;height:40px;min-height:0;padding:0}                  /* 4.6.1 · nella riga prodotto */
.nu-btn--attesa{background:var(--nu-line-soft);color:var(--nu-text-1);gap:10px;pointer-events:none;opacity:1}   /* 5.6.2 v2 · resta al suo posto */
.nu-attesa{display:flex;gap:3px}
.nu-attesa i{width:8px;height:8px;box-sizing:border-box;border:2px solid var(--nu-text-1)}
.nu-attesa i.on{background:var(--nu-text-1)}
.nu-attesa i.corrente{background:var(--nu-accent-1);border-color:var(--nu-accent-1)}

/* ---------- D · 4.1.2 · campi: disabilitato, etichette, segnaposto, ricerca con icona, quantità ---------- */
.nu-input:disabled,.nu-select:disabled,.nu-textarea:disabled{border-color:var(--nu-line-soft);background:var(--nu-bg-1);color:var(--nu-text-3);cursor:not-allowed}
.nu-campo--errore .nu-campo__etichetta{color:var(--nu-errore)}
.nu-campo--disabilitato .nu-campo__etichetta,.nu-campo--disabilitato .nu-campo__aiuto{color:var(--nu-text-3)}
.nu-input::placeholder,.nu-textarea::placeholder{color:var(--nu-text-3);opacity:1}
.nu-textarea{resize:vertical}
.nu-select{border-radius:var(--nu-raggio)}                                              /* il browser arrotonda il select da sé */
.nu-input[type="search"]{-webkit-appearance:none;appearance:none;border-radius:var(--nu-raggio)}
.nu-ricerca{position:relative;display:flex}
.nu-ricerca .nu-input{padding-left:40px}
.nu-ricerca__icona{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;color:var(--nu-text-3);pointer-events:none}
.nu-qta{display:flex;border:var(--nu-tratto) solid var(--nu-line);width:max-content}
.nu-qta__btn{width:var(--nu-ctrl-h);min-height:var(--nu-ctrl-h);border:0;background:var(--nu-surface-1);color:var(--nu-text-1);font:700 18px/1 var(--nu-font-mono);cursor:pointer;padding:0}
.nu-qta__btn:first-child{border-right:var(--nu-tratto) solid var(--nu-line)}
.nu-qta__btn:last-child{border-left:var(--nu-tratto) solid var(--nu-line)}
.nu-qta__valore{min-width:56px;width:56px;border:0;background:transparent;color:var(--nu-text-1);text-align:center;font:500 var(--nu-fs-ctrl)/1 var(--nu-font-mono);-moz-appearance:textfield;appearance:textfield}
.nu-qta__valore::-webkit-outer-spin-button,.nu-qta__valore::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* ---------- E · 4.1.4 · form nelle tre rese, casella di spunta, scelta esclusiva, interruttore ---------- */
.nu-form{display:grid;grid-template-columns:1fr;gap:12px}
@media (min-width:600px){.nu-form--due{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}}   /* due colonne solo da 600 px: mai su telefono */
.nu-form--linea{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.nu-form--linea .nu-campo{flex:1 1 220px}
.nu-form__azioni{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nu-form__intera{grid-column:1 / -1}
.nu-check,.nu-radio{display:flex;gap:10px;align-items:flex-start;font-size:var(--nu-fs-small);line-height:1.4;cursor:pointer}
.nu-check input,.nu-radio input{appearance:none;-webkit-appearance:none;flex:none;width:20px;height:20px;margin:0;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);border-radius:var(--nu-raggio);background-color:var(--nu-bg-0);background-repeat:no-repeat;background-position:center;background-size:16px 16px;cursor:pointer}
/* il segno è il glifo «spunta» del libro (4.1.4, M5 12l4.5 4.5L19 7), nero: --nu-on-accent-3 è nero in entrambe le luci e i token non entrano nei data-URI */
.nu-check input:checked{background-color:var(--nu-accent-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230A0909' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'%3E%3Cpath d='M5 12l4.5 4.5L19 7'/%3E%3C/svg%3E")}
/* .nu-radio non è nel libro: derivazione dalla casella, con il tassello pieno (da confermare con il brand book) */
.nu-radio input:checked{background-color:var(--nu-accent-3);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='7' y='7' width='10' height='10' fill='%230A0909'/%3E%3C/svg%3E")}
.nu-check input:disabled,.nu-radio input:disabled{border-color:var(--nu-line-soft);background-color:var(--nu-bg-1);cursor:not-allowed}
.nu-check input:focus-visible,.nu-radio input:focus-visible{outline:3px solid var(--nu-accent-2);outline-offset:2px}
.nu-switch{width:52px;height:28px;border:var(--nu-tratto) solid var(--nu-line);border-radius:var(--nu-raggio);background:var(--nu-surface-1);padding:0;cursor:pointer;display:flex;justify-content:flex-start;align-items:center}   /* 4.1.6 */
.nu-switch span{width:20px;height:20px;margin:2px;background:var(--nu-text-1);display:block}
.nu-switch[aria-checked="true"]{background:var(--nu-accent-3);justify-content:flex-end}
.nu-switch--ridotto{width:36px;height:20px}                                              /* 5.8.1 · banner del consenso */
.nu-switch--ridotto span{width:14px;height:14px;margin:1px}

/* ---------- F · 4.1.3 · card di contenuto e gialla, tab, filtri rapidi ---------- */
.nu-card--contenuto{background:var(--nu-bg-0);padding:16px;gap:8px}
.nu-card--giallo{background:var(--nu-accent-3);color:var(--nu-on-accent-3);padding:16px;gap:8px}
.nu-card--ferma:hover{box-shadow:none;transform:none}                                    /* card senza azione: niente scarto */
.nu-card__link{font:600 14px/1 var(--nu-font-ui);align-self:flex-start}
.nu-griglia-card{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:12px;align-items:stretch}   /* 5.4.4 · card tutte della stessa altezza */
.nu-tabs{overflow-x:auto;scrollbar-width:none}
.nu-tab{margin-bottom:-2px;white-space:nowrap}
.nu-tab[aria-selected="true"]{font-weight:700}
.nu-filtri{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ---------- G · 4.1.7 · avviso di attenzione, parti dell'avviso, toast ---------- */
.nu-avviso--attenzione{border-color:var(--nu-line);background:var(--nu-accent-1);color:var(--nu-on-accent-1)}
/* sull'arancio e sul giallo niente testo che non sia nero (01 § 3.24): i link dentro l'avviso ereditano il colore */
.nu-avviso--attenzione a,.nu-avviso--conferma a{color:inherit;text-decoration:underline;text-underline-offset:2px}
.nu-avviso__icona{flex:none;display:flex}
.nu-avviso__testo{font-size:14px;line-height:1.45;flex:1}
.nu-avviso__chiudi{flex:none;width:44px;height:44px;margin:-12px -12px -12px 0;padding:0;border:0;background:transparent;color:inherit;display:flex;align-items:center;justify-content:center;cursor:pointer}
.nu-avvisi{display:flex;flex-direction:column;gap:8px}
.nu-toast__azione{border:0;background:transparent;color:inherit;font:700 14px/1 var(--nu-font-ui);text-decoration:underline;cursor:pointer;padding:0}
.nu-toast--fisso{position:fixed;left:16px;bottom:72px;z-index:70;max-width:calc(100vw - 32px)}   /* in basso; a sinistra perché a destra c'è il telefono (4.1.9); sopra l'etichetta dei cookie (5.8.3) */
.nu-toast[hidden]{display:none}

/* ---------- H · 4.1.8 · passi nella resa del libro, avanzamento ---------- */
ol.nu-passi{margin:0;padding:0;list-style:none}
.nu-passi--tasselli .nu-passo::before{height:20px}
.nu-passo__numero{font:700 10px/12px var(--nu-font-mono);color:var(--nu-text-3)}
.nu-passo__nome{font:500 13px/1.3 var(--nu-font-ui);overflow-wrap:anywhere}
.nu-passo[data-stato="corrente"] .nu-passo__nome{font-weight:700}
.nu-avanzamento{display:flex;gap:4px}
.nu-avanzamento i{flex:1;height:14px;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);background:transparent}
.nu-avanzamento i.on{background:var(--nu-text-1)}
.nu-avanzamento__didascalia{font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3)}

/* ---------- I · 4.1.9 · icona fluttuante del telefono ---------- */
.nu-fluttuante{position:fixed;right:12px;bottom:12px;z-index:50;display:flex;align-items:center;gap:8px;min-height:52px;padding:0 16px 0 14px;background:var(--nu-accent-2);color:var(--nu-on-accent-2);border:var(--nu-tratto) solid var(--nu-line);box-shadow:var(--nu-elev-1);text-decoration:none;font:700 14px/1 var(--nu-font-ui);white-space:nowrap}
.nu-fluttuante:hover{color:var(--nu-on-accent-2)}
@media (max-width:599px){.nu-fluttuante{width:52px;height:52px;padding:0;justify-content:center}.nu-fluttuante__testo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}   /* sul telefono resta il quadrato con l'icona */

/* ---------- J · 4.1.10 / 5.1.1 · header ---------- */
.nu-header__riga{display:flex;align-items:center;gap:16px;padding:0 clamp(16px,4vw,64px);height:72px;min-width:0}
.nu-header__nav{display:flex;gap:24px;margin-left:auto;font:600 15px/1 var(--nu-font-ui);white-space:nowrap;align-items:center}
.nu-header__nav a{color:var(--nu-text-1);text-decoration:none}
.nu-header__nav a:hover,.nu-header__nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:2px}
.nu-header__preventivo{display:flex;align-items:center;gap:6px;font:600 14px/1 var(--nu-font-ui);white-space:nowrap;color:var(--nu-text-1);text-decoration:none}
.nu-contatore{min-width:22px;height:22px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background:var(--nu-accent-1);color:var(--nu-on-accent-1);border:var(--nu-tratto) solid var(--nu-line);font:700 11px/1 var(--nu-font-mono);padding:0 3px}
.nu-header__solo-telefono{display:none}
@media (max-width:599px){.nu-header__riga{height:60px;gap:16px}.nu-header__nav,.nu-header__solo-desktop{display:none}.nu-header__solo-telefono{display:flex}.nu-header__preventivo{margin-left:auto}}

/* ---------- K · 4.1.11 · schede fra pagine, percorso, gruppi richiudibili ---------- */
.nu-schede{display:flex;border:var(--nu-tratto) solid var(--nu-line);width:max-content;max-width:100%;overflow-x:auto}
.nu-schede a{min-height:40px;padding:0 14px;display:flex;align-items:center;text-decoration:none;font:600 13px/1 var(--nu-font-ui);background:var(--nu-surface-1);color:var(--nu-text-1);border-right:var(--nu-tratto) solid var(--nu-line);white-space:nowrap}
.nu-schede a:last-child{border-right:0}
.nu-schede a[aria-current="page"]{background:var(--nu-text-1);color:var(--nu-bg-0)}
.nu-percorso [aria-current="page"]{font-weight:600;color:var(--nu-text-1)}
.nu-percorso__sep{color:var(--nu-text-3)}
.nu-gruppi{border:var(--nu-tratto) solid var(--nu-line)}
.nu-gruppo{border-bottom:var(--nu-tratto) solid var(--nu-line)}
.nu-gruppo:last-child{border-bottom:0}
.nu-gruppo__testa{width:100%;min-height:var(--nu-ctrl-h);padding:0 12px;display:flex;justify-content:space-between;align-items:center;border:0;background:var(--nu-surface-1);font:600 14px/1 var(--nu-font-ui);cursor:pointer;text-align:left;color:var(--nu-text-1)}
.nu-gruppo__segno{font:700 14px/1 var(--nu-font-mono)}
.nu-gruppo__voci{padding:4px 12px 10px;display:flex;flex-direction:column;gap:2px;background:var(--nu-surface-1)}
.nu-gruppo__voci a{padding:6px 8px;font-size:14px;text-decoration:none;color:var(--nu-text-1)}
.nu-gruppo__voci a[aria-current="page"]{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}   /* la voce in lettura: gialla */
.nu-gruppo__testa[aria-expanded="false"]+.nu-gruppo__voci{display:none}

/* ---------- L · 4.2.1 · grafico a tasselli ---------- */
.nu-grafico{margin:0;display:flex;flex-direction:column;gap:8px}
.nu-grafico__titolo{font:600 14px/1.3 var(--nu-font-ui)}
.nu-grafico__riga{display:grid;grid-template-columns:100px minmax(0,1fr) 56px;gap:10px;align-items:center}
.nu-grafico__nome{font-size:13px}
.nu-grafico__barra{display:flex;gap:3px;flex-wrap:wrap}
.nu-grafico__barra i{flex:none;width:14px;height:14px;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);background:transparent}
.nu-grafico__riga--evidenza .nu-grafico__barra i{background:var(--nu-accent-1)}         /* una sola serie accesa */
.nu-grafico__valore{font:400 13px/1 var(--nu-font-mono);text-align:right}

/* ---------- M · 4.2.2 · tabella: contenitore scorrevole, ordinamento, a capo ---------- */
.nu-scorri{overflow-x:auto}
/* .nu-tabella-scorrevole avvolge .nu-scorri (macro tabella): quando la tabella è più larga del riquadro, app.js segna
   data-scorre="si" finché restano colonne a destra — un bordo pieno di 6 px lungo il lato destro (ombra piena, non sfumata) —
   e mostra la nota «Scorri per vedere tutte le colonne». Niente sborda mai dalla pagina: il documento resta largo quanto lo schermo. */
.nu-tabella-scorrevole{position:relative;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:6px}
.nu-tabella-scorrevole[data-scorre="si"]::after{content:"";position:absolute;top:0;right:0;width:6px;height:calc(100% - 20px);background:var(--nu-line);pointer-events:none}
.nu-tabella-scorrevole[data-scorre="si"] .nu-scorri{border-right:var(--nu-tratto) solid var(--nu-line)}
.nu-tabella-scorrevole__nota{margin:0;font:400 11px/1.3 var(--nu-font-mono);letter-spacing:.06em;color:var(--nu-text-3);text-transform:uppercase}
.nu-tabella-scorrevole__nota[hidden]{display:none}
.nu-tabella--larga{min-width:620px}
.nu-tabella th{background:var(--nu-surface-1);white-space:nowrap}
.nu-tabella th.num{text-align:right}
.nu-tabella__ordina{border:0;background:transparent;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--nu-text-1);cursor:pointer;display:inline-flex;gap:6px;text-decoration:none}
.nu-tabella .ean{font-size:13px;white-space:nowrap}
.nu-tabella .nowrap{white-space:nowrap}

/* ---------- N · 4.2.3 · filtri attivi, ordinamento, paginazione ---------- */
.nu-filtri__apri{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;gap:8px;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-surface-1);color:var(--nu-text-1);font:600 13px/1 var(--nu-font-ui);cursor:pointer}
.nu-filtro{white-space:nowrap;padding:6px 10px;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-text-1);color:var(--nu-bg-0);font:600 13px/1 var(--nu-font-ui);display:inline-flex;align-items:center;gap:6px}
.nu-filtro__via{border:0;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer;text-decoration:none}
.nu-filtri__azzera{font-size:13px;white-space:nowrap}
.nu-ordinamento{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0}
.nu-ordinamento__conta{font-size:13px;color:var(--nu-text-3);white-space:nowrap}
.nu-paginazione a,.nu-paginazione button{min-width:40px;min-height:40px;padding:0 8px;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-surface-1);color:var(--nu-text-1);font:500 13px/1 var(--nu-font-mono);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.nu-paginazione__salto{min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;font:500 13px/1 var(--nu-font-mono);color:var(--nu-text-1)}

/* ---------- O · 4.2.4 · KPI: variazione, evidenza, griglia ---------- */
.nu-kpi__variazione{font:400 11px/1 var(--nu-font-mono)}
.nu-kpi--evidenza{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}            /* uno solo per riga */
.nu-kpi--evidenza .nu-kpi__etichetta{color:inherit}
.nu-kpi-griglia{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:1000px){.nu-kpi-griglia{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ---------- P · 4.2.6 · log ---------- */
.nu-log{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.nu-log__voce{display:grid;grid-template-columns:16px 96px minmax(0,1fr);gap:10px;align-items:start;padding:8px 0;border-bottom:1.5px solid var(--nu-line-soft)}
.nu-log__tassello{width:12px;height:12px;margin-top:3px;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);background:transparent}
.nu-log__voce[data-stato="fatto"] .nu-log__tassello{background:var(--nu-text-1)}
.nu-log__voce[data-stato="azione"] .nu-log__tassello{background:var(--nu-accent-1)}      /* l'evento che chiede un'azione */
.nu-log__ora{font:400 12px/1.5 var(--nu-font-mono);color:var(--nu-text-3)}
.nu-log__testo{font-size:14px;line-height:1.45}

/* ---------- Q · 4.3.1 / 4.3.2 / 4.3.3 · icona informativa, tooltip del libro, popover, modale ---------- */
.nu-info{display:inline-flex;align-items:center;gap:6px;position:relative}
.nu-info__btn{width:28px;height:28px;border:0;background:transparent;color:var(--nu-accent-2-text);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}
.nu-info__testo{position:absolute;left:0;top:34px;z-index:2;width:min(280px,80vw);padding:10px 12px;background:var(--nu-surface-1);border:var(--nu-tratto) solid var(--nu-line);box-shadow:var(--nu-elev-1);font-size:13px;line-height:1.45;color:var(--nu-text-1)}
.nu-info__btn[aria-expanded="false"]+.nu-info__testo{display:none}
.nu-ancora{position:relative;display:inline-flex}
.nu-tooltip--breve{left:50%;top:calc(100% + 8px);transform:translateX(-50%);white-space:nowrap;width:auto;padding:6px 8px;font:600 12px/1 var(--nu-font-ui)}
.nu-tooltip[hidden],.nu-popover[hidden]{display:none}
.nu-popover{top:calc(100% + 10px);left:0}
.nu-popover__corpo{padding:12px;display:flex;flex-direction:column;gap:6px;font-size:13px}
.nu-popover__titolo{font-family:var(--nu-font-mono)}
.nu-popover__chiudi{align-self:flex-start;border:0;background:transparent;padding:0;font:600 13px/1 var(--nu-font-ui);color:var(--nu-accent-2-text);text-decoration:underline;cursor:pointer}
.nu-scrim[hidden]{display:none}
.nu-scrim--centro{align-items:center;padding:16px}
.nu-modale--stretta{max-width:440px}
.nu-modale__titolo{margin:0;flex:1;font:800 20px/1 var(--nu-font-display);text-transform:uppercase}
.nu-modale__chiudi{flex:none;width:40px;height:40px;padding:0;border:var(--nu-tratto) solid var(--nu-line);background:transparent;color:var(--nu-text-1);display:flex;align-items:center;justify-content:center;cursor:pointer}
.nu-modale__corpo{padding:16px;display:flex;flex-direction:column;gap:14px}
.nu-modale__corpo p{margin:0;font-size:15px;line-height:1.55}
.nu-modale__azioni{display:flex;gap:10px;flex-wrap:wrap}

/* ---------- R · 5.1.3 / 5.5.3 · cassetto (pannello laterale) ---------- */
.nu-scrim--cassetto{justify-content:flex-end;align-items:stretch;padding:0}
.nu-cassetto{width:min(420px,100%);background:var(--nu-bg-0);border-left:var(--nu-tratto) solid var(--nu-line);display:flex;flex-direction:column;overflow:auto;transform:translateX(0);transition:transform var(--nu-dur-lenta) var(--nu-ease)}
.nu-scrim--cassetto[hidden] .nu-cassetto{transform:translateX(100%)}
.nu-cassetto__testa{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:var(--nu-tratto) solid var(--nu-line)}
.nu-cassetto__occhiello{font:700 11px/1 var(--nu-font-mono);letter-spacing:.12em;text-transform:uppercase}
.nu-cassetto__corpo{padding:14px;display:flex;flex-direction:column;gap:10px}

/* ---------- S · 4.4.2 / 4.4.3 / 3.1 · tasselli, signature, contatore ---------- */
.nu-tasselli{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;align-items:end;padding-top:14px}
.nu-tassello{aspect-ratio:1/1;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);background:transparent;transition:transform var(--nu-dur-media) var(--nu-ease),background-color var(--nu-dur-media) var(--nu-ease)}
.nu-tassello--arancio{background:var(--nu-accent-1)}
.nu-tassello--giallo{background:var(--nu-accent-3)}
.nu-tassello--blu{background:var(--nu-pal-2)}
.nu-signature{gap:8px;max-width:440px;padding-top:50%;padding-top:min(50%,40px)}      /* 03.A · passo 8 su 440, un tassello sale di mezzo lato */
.nu-signature .nu-tassello{border-width:var(--nu-tratto-forte)}
.nu-tassello.acceso{background:var(--nu-accent-1);transform:translateY(-50%);transition-duration:var(--nu-dur-signature)}
@media (hover:hover) and (pointer:fine){.nu-tasselli .nu-tassello:hover{background:var(--nu-accent-1);transform:translateY(-50%)}}   /* 4.4.2 · solo con il mouse */
@media (prefers-reduced-motion:reduce){.nu-tassello,.nu-tassello.acceso,.nu-tasselli .nu-tassello:hover{transition:none;transform:none}}
.nu-contatore--anim{position:relative;overflow:hidden}
.nu-contatore--anim span{width:100%;display:flex;align-items:center;justify-content:center}
.nu-contatore--anim.salta span{animation:nu-cade var(--nu-dur-lenta) var(--nu-ease)}    /* 4.4.3 · il numero cade dall'alto, 240 ms */
@keyframes nu-cade{from{transform:translateY(-100%)}to{transform:translateY(0)}}

/* ---------- T · 4.6 · anteprime: card prodotto, righe, preventivo, categoria, lotto ---------- */
.nu-card__ean{font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3)}
.nu-card__nome{margin:0;font:600 15px/1.25 var(--nu-font-ui)}
.nu-card__nome a{color:inherit;text-decoration:none}
.nu-card__nome a:hover{text-decoration:underline}
.nu-card__meta{font-size:12px;color:var(--nu-text-3)}
.nu-card__stato{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.nu-card__stato-nome{font:600 12px/1 var(--nu-font-ui)}
/* l'attributo height degli <img> del libro (width/height per il layout) non deve vincere sull'aspect-ratio */
img.nu-card__media{height:auto}
.nu-card__media--quadrata{aspect-ratio:1/1}
.nu-card__media--larga{aspect-ratio:16/9}
.nu-card__testa{display:flex;justify-content:space-between;gap:8px}
.nu-card__numero{font:700 13px/1 var(--nu-font-mono);white-space:nowrap}
.nu-card__cifra{font:800 22px/1.1 var(--nu-font-display);text-transform:uppercase}
.nu-card--preventivo{padding:14px;gap:8px}
.nu-card--preventivo .nu-btn{align-self:flex-start}
.nu-card--prodotto .nu-card__corpo{gap:8px;flex:1}
.nu-card--prodotto .nu-card__azione{margin-top:auto;padding-top:4px}
.nu-badge--piccolo{padding:3px 7px;font:600 11px/1 var(--nu-font-ui)}
/* il segnaposto quando il pezzo non ha foto (4.6.1): un tassello su --nu-bg-1 col simbolo della foto, la dicitura
   «Foto non disponibile» e la categoria; mai la foto di un altro prodotto del brand. Eredita misura e tratto da
   .nu-card__media (4:3, tratto sotto), .nu-riga__foto (72×54, tratto) e .nu-prodotto__foto (4:3, tratto). */
.nu-segnaposto{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:8px;box-sizing:border-box;background:var(--nu-bg-1);color:var(--nu-text-3);text-align:center;min-width:0}
.nu-segnaposto__testo{font:600 12px/1.2 var(--nu-font-ui);color:var(--nu-text-2)}
.nu-segnaposto__categoria{font:400 11px/1.2 var(--nu-font-mono);letter-spacing:.08em;text-transform:uppercase}
.nu-segnaposto--mini{padding:0;gap:0}
.nu-segnaposto--grande{gap:10px}
.nu-segnaposto--grande .nu-segnaposto__testo{font-size:15px}
.nu-segnaposto--grande .nu-segnaposto__categoria{font-size:12px}
.nu-riga{border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-surface-1);color:var(--nu-text-1);text-decoration:none;display:grid;gap:12px;align-items:center;min-width:0}
.nu-riga--prodotto{grid-template-columns:72px minmax(0,1fr) auto;padding:8px 12px 8px 8px}
.nu-riga__foto{width:72px;height:54px;object-fit:cover;display:block;border:var(--nu-tratto) solid var(--nu-line)}
.nu-riga__testo{min-width:0;display:flex;flex-direction:column;gap:3px}
.nu-riga__nome{font:600 14px/1.25 var(--nu-font-ui)}
.nu-riga__dati{font:400 11px/1 var(--nu-font-mono);color:var(--nu-text-3)}
.nu-riga--preventivo{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px}
.nu-riga__numero{font:700 13px/1 var(--nu-font-mono);white-space:nowrap}
.nu-riga__sintesi{font-size:13px;color:var(--nu-text-2)}
.nu-tassello-categoria{width:180px;max-width:100%;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-surface-1);display:flex;flex-direction:column;text-decoration:none;color:var(--nu-text-1);transition:box-shadow var(--nu-dur-rapida) var(--nu-ease),transform var(--nu-dur-rapida) var(--nu-ease)}
.nu-tassello-categoria:hover{color:var(--nu-text-1);box-shadow:var(--nu-elev-1);transform:var(--nu-scarto)}
.nu-tassello-categoria img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;display:block;border-bottom:var(--nu-tratto) solid var(--nu-line)}
.nu-tassello-categoria__testo{padding:10px 12px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.nu-tassello-categoria__nome{font:800 18px/1 var(--nu-font-display);text-transform:uppercase}
.nu-tassello-categoria__pezzi{font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3);white-space:nowrap}
.nu-tassello-categoria--largo{width:auto;min-width:0}                                    /* 5.2.1 cards_b · nella griglia a 4 della home */

/* ---------- U · 5.6.5 · scheletri e barra di caricamento ---------- */
.nu-scheletro{background:var(--nu-line-soft);display:block}
.nu-scheletro--titolo{height:28px;width:40%}
.nu-scheletro--riga{height:12px;width:70%}
.nu-scheletro--media{aspect-ratio:4/3;width:100%}
.nu-card--scheletro{border-color:var(--nu-line-soft);pointer-events:none}
.nu-card--scheletro:hover{box-shadow:none;transform:none}
.nu-barra-carico{height:4px;display:flex;gap:2px}
.nu-barra-carico i{background:var(--nu-line-soft);display:block}
.nu-barra-carico i.on{background:var(--nu-accent-1)}

/* ---------- V · luce: selettore e marchio per luce (2.1, 1.2.1, 1.2.2) ---------- */
.nu-luci{display:flex;gap:0;border:var(--nu-tratto) solid var(--nu-line);align-self:flex-start;background:var(--nu-bg-0)}
.nu-luci button{border:0;min-height:40px;padding:0 14px;cursor:pointer;font:600 13px/1 var(--nu-font-ui);background:transparent;color:var(--nu-text-2);white-space:nowrap}
.nu-luci button[aria-pressed="true"]{background:var(--nu-text-1);color:var(--nu-bg-0)}
.nu-luci--compatto button{padding:0 10px;font-size:12px}
.nu-marchio{display:inline-flex;line-height:0;color:inherit;text-decoration:none;flex:none;margin-right:12px}
.nu-marchio svg{width:167px;height:auto;display:block;overflow:visible}       /* la scritta in Stardos Stencil sporge dal viewBox del file: non si taglia */                                  /* header: u = 11 px → 15,2 u = 167 px (05.A) */
.nu-marchio .nu-marchio--scuro{display:none}                                            /* una variante sola alla volta: su carta in luce chiara, in luce scura nella scura */
:root[data-luce="scura"] .nu-marchio .nu-marchio--chiaro{display:none}
:root[data-luce="scura"] .nu-marchio .nu-marchio--scuro{display:block}
@media (prefers-color-scheme:dark){:root[data-luce="sistema"] .nu-marchio .nu-marchio--chiaro{display:none}:root[data-luce="sistema"] .nu-marchio .nu-marchio--scuro{display:block}}
.nu-marchio--sempre-chiaro .nu-marchio--scuro{display:none !important}                   /* sul giallo (503) il tratto resta nero in entrambe le luci */
.nu-marchio--sempre-chiaro .nu-marchio--chiaro{display:block !important}
@media (max-width:599px){.nu-marchio svg{width:152px}}                                  /* telefono: u = 10 px, il minimo del marchio completo (1.3.1) */

/* ================================================================================================
   W · il guscio · 02 § 1.1, § 1.2, § 1.3 · le proprietà di layout (desktop → telefono)
   ================================================================================================ */
:root{--nu-l-px:clamp(16px,4vw,64px);--nu-l-pad:48px var(--nu-l-px);--nu-l-gap:20px;--nu-l-h1:56px;--nu-l-h1x:80px;--nu-l-h2:40px;--nu-l-fs:17px;--nu-l-fullh:720px;--nu-l-huge:200px;--nu-l-header:72px}
@media (max-width:599px){:root{--nu-l-pad:28px 16px;--nu-l-gap:16px;--nu-l-h1:36px;--nu-l-h1x:44px;--nu-l-h2:28px;--nu-l-fs:16px;--nu-l-fullh:780px;--nu-l-huge:120px;--nu-l-header:60px}}
html{scroll-padding-top:calc(var(--nu-l-header) + 16px)}
.nu-pagina{min-height:100vh;display:flex;flex-direction:column}
.nu-pagina > main{flex:1}
.nu-salta{position:absolute;left:16px;top:-80px;z-index:90;padding:10px 14px;background:var(--nu-accent-2);color:var(--nu-on-accent-2);border:var(--nu-tratto) solid var(--nu-line);font:700 14px/1 var(--nu-font-ui);text-decoration:none}
.nu-salta:focus{top:16px;color:var(--nu-on-accent-2)}
.nu-solo-desktop{display:revert}
.nu-solo-telefono{display:none !important}
@media (max-width:599px){.nu-solo-desktop{display:none !important}.nu-solo-telefono{display:revert !important}}
/* i blocchi di pagina: uno sotto l'altro, ognuno chiuso dal tratto (02 § 1.1) */
.nu-blocco{padding:var(--nu-l-pad);background:var(--nu-bg-0);border-bottom:var(--nu-tratto) solid var(--nu-line);display:flex;flex-direction:column;gap:var(--nu-l-gap)}
.nu-blocco--rialzato{background:var(--nu-bg-1)}
.nu-blocco--arancio{background:var(--nu-accent-1);color:var(--nu-on-accent-1)}
.nu-blocco--pieno{min-height:var(--nu-l-fullh);justify-content:center;border-bottom:0}
.nu-blocco > *{max-width:var(--nu-colonna);width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
.nu-blocco__titolo{margin:0;font:900 var(--nu-l-h2)/1.05 var(--nu-font-display);text-transform:uppercase}
.nu-blocco__testa{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;flex-wrap:wrap}
.nu-blocco__testa a{font:600 14px/1 var(--nu-font-ui);white-space:nowrap}
.nu-paragrafo{margin:0;font-size:var(--nu-l-fs);line-height:1.55;color:var(--nu-text-2);max-width:60ch}
.nu-occhiello--arancio{font:700 12px/1.3 var(--nu-font-mono);letter-spacing:.14em;color:var(--nu-accent-1-text);text-transform:uppercase}
/* l'intestazione delle pagine di sistema (is_intest) */
.nu-intest{background:var(--nu-bg-1)}
.nu-intest__titolo{margin:0;font:900 var(--nu-l-h1)/1 var(--nu-font-display);text-transform:uppercase}
/* le griglie del libro (tabella P(tel)) */
.nu-g2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.nu-g2t{display:grid;grid-template-columns:1fr 2fr;gap:32px}
.nu-g3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.nu-g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.nu-gsb{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.nu-gcl{display:grid;grid-template-columns:160px 1fr;gap:20px}
@media (max-width:999px){.nu-g3{grid-template-columns:repeat(2,1fr)}.nu-g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.nu-g2,.nu-g2t,.nu-g3,.nu-gsb,.nu-gcl{grid-template-columns:1fr}.nu-g4{grid-template-columns:repeat(2,1fr)}}

/* ---------- X · 5.1.1 header: campo di ricerca con suggerimenti, azioni, cassetto del menu; 5.1.4 mega menu ---------- */
.nu-header__ricerca{flex:1 1 200px;max-width:280px;min-width:120px;margin-left:auto}                /* il campo cede, ma mai sotto i 120 px */
.nu-header__ricerca .nu-input{min-height:40px;font-size:14px}
.nu-header__nav{margin-left:0}
.nu-header__azioni{display:flex;align-items:center;gap:12px;flex:none}
.nu-header__esci{margin:0}
.nu-header__esci .nu-btn{min-height:32px;padding:0 8px;font-size:13px;gap:5px}                        /* «Esci»: ghost piccolo */
.nu-header .nu-btn{min-height:40px}
.nu-header__luci{display:none}
.nu-header__luci button{position:relative;display:inline-flex;align-items:center;gap:6px}
.nu-luci__icona{display:none}
@media (min-width:1000px){.nu-header__luci{display:flex}}
/* sotto i 1400 px: la luce a sole icone (la parola resta ai lettori di schermo), il preventivo senza parola (5.1.1 v1),
   bottoni e distanze più stretti: così l'header di chi è dentro (anche con «Ufficio» ed «Esci») sta in 1280 px */
@media (max-width:1399px){
  .nu-header__riga{gap:14px}
  .nu-header__nav{gap:20px}
  .nu-header__azioni{gap:10px}
  .nu-header__azioni > .nu-btn{padding:0 12px;font-size:14px}
  .nu-header__luci button{padding:0 9px}
  .nu-header__luci .nu-luci__icona{display:block}
  .nu-header__luci .nu-luci__testo{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
  .nu-header__parola{display:none}
}
/* sotto i 1100 px: Area personale, Ufficio, Esci e Accedi nel cassetto, aperto dal bottone del menu */
@media (max-width:1099px){.nu-header__solo-desktop{display:none}.nu-header__solo-telefono{display:flex}}
@media (max-width:999px){.nu-header__nav{display:none}.nu-header__ricerca{max-width:none}}
@media (max-width:599px){.nu-header__ricerca{display:none}}
.nu-suggerimenti{position:relative}
.nu-suggerimenti__lista{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:65;margin:0;padding:0;list-style:none;background:var(--nu-surface-1);border:var(--nu-tratto) solid var(--nu-line);box-shadow:var(--nu-elev-2);max-height:320px;overflow:auto}
.nu-suggerimenti__lista[hidden]{display:none}
.nu-suggerimenti__voce{padding:8px 12px;display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px;cursor:pointer;border-bottom:1.5px solid var(--nu-line-soft)}
.nu-suggerimenti__voce:last-child{border-bottom:0}
.nu-suggerimenti__voce[aria-selected="true"],.nu-suggerimenti__voce:hover{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}
.nu-suggerimenti__ean{font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3);white-space:nowrap}
.nu-suggerimenti__voce[aria-selected="true"] .nu-suggerimenti__ean{color:inherit}
/* il cassetto del menu (telefono e tablet): voci, ricerca, luce, accesso */
.nu-menu__voci{display:flex;flex-direction:column;border:var(--nu-tratto) solid var(--nu-line)}
.nu-menu__voci a{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:var(--nu-tratto) solid var(--nu-line);font:600 15px/1 var(--nu-font-ui);color:var(--nu-text-1);text-decoration:none;background:var(--nu-surface-1)}
.nu-menu__voci a:last-child{border-bottom:0}
.nu-menu__voci a[aria-current="page"]{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}
.nu-menu__sezione{font:700 11px/1 var(--nu-font-mono);letter-spacing:.12em;color:var(--nu-text-3);text-transform:uppercase;margin-top:6px}
/* 5.1.4 mega menu, variante 1 · a colonne: sotto l'header, solo su desktop */
.nu-mega{position:static;display:flex;align-items:center;gap:2px}                      /* il pannello si posiziona rispetto all'header (sticky), a tutta larghezza */
.nu-mega__apri{width:44px;height:44px;margin:-8px 0;padding:0;border:0;background:transparent;color:var(--nu-text-1);display:flex;align-items:center;justify-content:center;cursor:pointer}
.nu-mega__pannello{position:absolute;left:0;right:0;top:100%;z-index:59;padding:24px var(--nu-l-px);background:var(--nu-surface-1);border-bottom:var(--nu-tratto-forte) solid var(--nu-line);box-shadow:0 3px 0 var(--nu-line);display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.nu-mega__pannello[hidden]{display:none}
.nu-mega__colonna{display:flex;flex-direction:column;gap:8px;min-width:0}
.nu-mega__titolo{font:800 20px/1 var(--nu-font-display);text-transform:uppercase;border-bottom:var(--nu-tratto) solid var(--nu-line);padding-bottom:8px;color:var(--nu-text-1);text-decoration:none}
.nu-mega__voce{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--nu-text-1);text-decoration:none}
.nu-mega__voce:hover{text-decoration:underline}
.nu-mega__conta{font:400 12px/1.4 var(--nu-font-mono);color:var(--nu-text-3);white-space:nowrap}
@media (max-width:999px){.nu-mega__pannello{display:none !important}}                     /* mai su telefono (5.1.4) */

/* ---------- Y · 5.1.2 footer, variante 1 ---------- */
.nu-footer{padding:var(--nu-l-pad);background:var(--nu-bg-1);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:28px}
.nu-footer > *{min-width:0}
.nu-footer__colonna{display:flex;flex-direction:column;gap:8px;font-size:14px}
.nu-footer__colonna a{color:var(--nu-text-1);text-decoration:none}
.nu-footer__colonna a:hover{text-decoration:underline}
.nu-footer__titolo{font:700 11px/1 var(--nu-font-mono);letter-spacing:.12em;color:var(--nu-text-3);text-transform:uppercase}
.nu-footer__sede{font-size:14px;line-height:1.5;color:var(--nu-text-2)}
.nu-footer__marchio{display:flex;flex-direction:column;gap:12px}
.nu-footer__legale{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px 20px;padding-top:16px;border-top:var(--nu-tratto) solid var(--nu-line);font-size:12px;color:var(--nu-text-3)}
.nu-footer__legale a{color:var(--nu-text-3)}
.nu-footer__legale a:hover{color:var(--nu-text-1)}
.nu-footer__copyright{margin-left:auto}
@media (max-width:999px){.nu-footer{grid-template-columns:1fr 1fr}.nu-footer__marchio{grid-column:1 / -1}}
@media (max-width:599px){.nu-footer{grid-template-columns:1fr}.nu-footer__copyright{margin-left:0}}

/* ---------- Z · 5.1.3 barra laterale: v2 area personale (nera) e v1 filtri; sotto 600 px diventano il cassetto ---------- */
.nu-area{display:grid;grid-template-columns:260px 1fr;min-height:480px;border-bottom:var(--nu-tratto) solid var(--nu-line)}
.nu-area__barra{padding:16px;border-right:var(--nu-tratto) solid var(--nu-line);background:var(--nu-text-1);color:var(--nu-bg-0);display:flex;flex-direction:column;gap:4px}
.nu-area__sezione{font:700 11px/1 var(--nu-font-mono);letter-spacing:.12em;padding:8px 10px;text-transform:uppercase}
.nu-area__sezione + .nu-area__sezione,.nu-area__barra a + .nu-area__sezione{margin-top:12px}
.nu-area__barra a{padding:10px;font:600 14px/1 var(--nu-font-ui);background:transparent;color:var(--nu-bg-0);text-decoration:none}
.nu-area__barra a:hover{text-decoration:underline;color:var(--nu-bg-0)}
.nu-area__barra a[aria-current="page"]{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}
.nu-area__barra .nu-area__esci{margin-top:auto;padding-top:12px}
.nu-area__barra .nu-area__esci button{width:100%;padding:10px;border:0;background:transparent;color:var(--nu-bg-0);font:600 14px/1 var(--nu-font-ui);text-align:left;cursor:pointer}
.nu-area__barra .nu-area__esci button:hover{text-decoration:underline}
.nu-area__contenuto{padding:24px var(--nu-l-px);display:flex;flex-direction:column;gap:14px;min-width:0}
.nu-area__apri{display:none}
.nu-area__scrim{position:static;display:block;background:none;padding:0;overflow:visible;z-index:auto}
.nu-area__scrim[hidden]{display:block}
.nu-area__scrim .nu-cassetto,.nu-area__scrim[hidden] .nu-cassetto{width:auto;border-left:0;transform:none;transition:none;overflow:visible;height:100%}
.nu-area__scrim .nu-cassetto__testa{display:none}
@media (max-width:599px){
  .nu-area{grid-template-columns:1fr}
  .nu-area__apri{display:inline-flex;align-self:flex-start}
  .nu-area__scrim{position:fixed;display:flex;background:var(--nu-scrim);z-index:80}
  .nu-area__scrim[hidden]{display:none}
  .nu-area__scrim .nu-cassetto{width:min(420px,100%);border-left:var(--nu-tratto) solid var(--nu-line);background:var(--nu-text-1);color:var(--nu-bg-0);transition:transform var(--nu-dur-lenta) var(--nu-ease)}
  .nu-area__scrim[hidden] .nu-cassetto{transform:translateX(100%)}
  .nu-area__scrim .nu-cassetto__testa{display:flex;border-bottom-color:var(--nu-bg-0)}
  .nu-area__scrim .nu-modale__chiudi{border-color:var(--nu-bg-0);color:var(--nu-bg-0)}
  .nu-area__barra{border-right:0;flex:1}
  .nu-area__contenuto{padding:24px 16px}
}
/* 5.1.3 v1 · i filtri del catalogo (su /cerca) */
.nu-catalogo{display:grid;grid-template-columns:260px 1fr;border-bottom:var(--nu-tratto) solid var(--nu-line);min-height:520px}
.nu-filtri-barra{padding:20px;border-right:var(--nu-tratto) solid var(--nu-line);background:var(--nu-surface-1);display:flex;flex-direction:column;gap:14px}
.nu-filtri-barra__titolo{margin:0;font:800 20px/1 var(--nu-font-display);text-transform:uppercase}
.nu-filtri-gruppo{display:flex;flex-direction:column;gap:6px;border-top:var(--nu-tratto) solid var(--nu-line);padding-top:10px;margin:0;padding-left:0;padding-right:0;padding-bottom:0;border-left:0;border-right:0;border-bottom:0;min-width:0}
.nu-filtri-gruppo legend{font:600 14px/1 var(--nu-font-ui);padding:0;margin-bottom:6px}
.nu-filtri-gruppo .nu-check{font-size:14px;align-items:center;gap:8px}
.nu-filtri-gruppo .nu-check input{width:16px;height:16px;background-size:12px 12px}
.nu-filtri-gruppo .nu-check input:checked{background-color:var(--nu-text-1);background-image:none}   /* nel libro la casella del filtro si riempie di nero */
.nu-filtri-gruppo .nu-check span{flex:1;min-width:0}
.nu-filtri-gruppo .nu-mono{color:var(--nu-text-3)}
.nu-risultati{padding:20px var(--nu-l-px) 48px;display:flex;flex-direction:column;gap:20px;min-width:0}
.nu-risultati__cerca{display:flex}
.nu-risultati__cerca .nu-input{min-height:48px}
.nu-risultati__riga{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;font-size:14px;color:var(--nu-text-3)}
.nu-risultati__griglia{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch;align-content:start}
.nu-filtri-scrim{position:static;display:block;background:none;padding:0;overflow:visible;z-index:auto}
.nu-filtri-scrim[hidden]{display:block}
.nu-filtri-scrim .nu-cassetto,.nu-filtri-scrim[hidden] .nu-cassetto{width:auto;border-left:0;transform:none;transition:none;overflow:visible;height:100%;background:var(--nu-surface-1)}
.nu-filtri-scrim .nu-cassetto__testa{display:none}
.nu-filtri__apri-telefono{display:none}
@media (max-width:999px){.nu-risultati__griglia{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){
  .nu-catalogo{grid-template-columns:1fr}
  .nu-risultati{padding:20px 16px 36px}
  .nu-risultati__griglia{grid-template-columns:1fr}
  .nu-filtri__apri-telefono{display:inline-flex}
  .nu-filtri-scrim{position:fixed;display:flex;background:var(--nu-scrim);z-index:80}
  .nu-filtri-scrim[hidden]{display:none}
  .nu-filtri-scrim .nu-cassetto{width:min(420px,100%);border-left:var(--nu-tratto) solid var(--nu-line);transition:transform var(--nu-dur-lenta) var(--nu-ease)}
  .nu-filtri-scrim[hidden] .nu-cassetto{transform:translateX(100%)}
  .nu-filtri-scrim .nu-cassetto__testa{display:flex}
  .nu-filtri-barra{border-right:0}
}

/* ---------- AA · 5.2.1 homepage: apertura (home_hero), categorie (cards_b), passi (passi_a), banner 5.9.1, numeri (numeri_a), CTA 5.5.2 ---------- */
.nu-hero{padding:var(--nu-l-pad);background:var(--nu-accent-1);color:var(--nu-on-accent-1);border-bottom:var(--nu-tratto) solid var(--nu-line);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.nu-hero__testo{display:flex;flex-direction:column;gap:16px;min-width:0}
.nu-hero__titolo{margin:0;font:900 var(--nu-l-h1x)/.92 var(--nu-font-display);text-transform:uppercase}
.nu-hero__frase{margin:0;font-size:var(--nu-l-fs);line-height:1.55;max-width:46ch}
.nu-hero__cerca{display:flex;min-height:52px;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-bg-0);color:var(--nu-text-1);align-items:center;gap:8px;padding:0 0 0 12px;font-size:15px;max-width:520px;width:100%;box-sizing:border-box}
.nu-hero__cerca .nu-ricerca__icona{position:static;transform:none;left:auto;color:var(--nu-text-3)}
.nu-hero__cerca .nu-input{border:0;min-height:48px;padding:0 8px;background:transparent;flex:1;min-width:0}
.nu-hero__cerca .nu-input:focus-visible{outline-offset:-3px}
.nu-hero__cerca .nu-btn{border:0;border-left:var(--nu-tratto) solid var(--nu-line);min-height:48px;padding:0 14px;font-size:14px;align-self:stretch;height:auto}
.nu-hero__filtri{display:flex;gap:8px;flex-wrap:wrap;max-width:520px}
.nu-hero__filtri .nu-select{min-height:40px;font-size:14px}
.nu-hero__filtri .nu-campo{flex:1 1 140px}
.nu-hero__filtri .nu-campo__etichetta{color:var(--nu-on-accent-1)}
.nu-hero__signature{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:end;padding-top:20%}
.nu-hero__signature span{aspect-ratio:1/1;box-sizing:border-box;border:var(--nu-tratto-forte) solid var(--nu-line);background:transparent;transition:transform var(--nu-dur-media) var(--nu-ease)}
.nu-hero__signature span[data-tassello="blu"]{background:var(--nu-pal-2)}
.nu-hero__signature span[data-tassello="giallo"]{background:var(--nu-accent-3)}
.nu-hero__signature span[data-tassello="carta"]{background:var(--nu-bg-0);transform:translateY(-40%)}
.nu-hero__signature span[data-tassello="arancio"]{background:var(--nu-accent-1)}
@media (prefers-reduced-motion:reduce){.nu-hero__signature span{transition:none}}
@media (max-width:599px){.nu-hero{grid-template-columns:1fr}.nu-hero__cerca{max-width:none}}
/* 5.4.5 v1 · passi in fila */
.nu-passi-fila{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0;padding:0;list-style:none}
.nu-passi-fila--cinque{grid-template-columns:repeat(5,1fr)}
.nu-passo-fila{display:flex;flex-direction:column;gap:10px;border-top:4px solid var(--nu-line);padding-top:14px;min-width:0}
.nu-passo-fila__numero{width:44px;height:44px;box-sizing:border-box;border:var(--nu-tratto-forte) solid var(--nu-line);background:transparent;display:flex;align-items:center;justify-content:center;font:900 22px/1 var(--nu-font-display)}
.nu-passo-fila--corrente .nu-passo-fila__numero{background:var(--nu-accent-1);color:var(--nu-on-accent-1)}
.nu-passo-fila__titolo{font:800 22px/1.1 var(--nu-font-display);text-transform:uppercase}
.nu-passo-fila__testo{font-size:15px;line-height:1.5;color:var(--nu-text-2)}
@media (max-width:999px){.nu-passi-fila,.nu-passi-fila--cinque{grid-template-columns:repeat(2,1fr)}}
@media (max-width:599px){.nu-passi-fila,.nu-passi-fila--cinque{grid-template-columns:1fr}}
/* 5.9.1 v1 · banner commerciale 1 con immagine (giallo) */
.nu-banner1{display:grid;grid-template-columns:1fr 1fr;border:var(--nu-tratto-forte) solid var(--nu-line);background:var(--nu-accent-3);color:var(--nu-on-accent-3)}
.nu-banner1__testo{padding:24px;display:flex;flex-direction:column;gap:14px;justify-content:center;align-items:flex-start}
.nu-banner1__testo h2{margin:0;font:900 var(--nu-l-h2)/1.05 var(--nu-font-display);text-transform:uppercase}
.nu-banner1 img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block;border-left:var(--nu-tratto-forte) solid var(--nu-line)}
@media (max-width:599px){.nu-banner1{grid-template-columns:1fr}.nu-banner1 img{border-left:0;border-top:var(--nu-tratto-forte) solid var(--nu-line)}}
/* 5.9.2 v2 · banner commerciale 2 in linea con ricerca (nero) */
.nu-banner2{display:flex;flex-direction:row;gap:12px;align-items:center;padding:14px 18px;background:var(--nu-text-1);color:var(--nu-bg-0)}
.nu-banner2 b{flex:1;font:800 20px/1.15 var(--nu-font-display);text-transform:uppercase}
.nu-banner2 form{flex:1 1 220px;display:flex;min-width:0}
.nu-banner2 .nu-ricerca{flex:1}
.nu-banner2 .nu-input{border-color:var(--nu-bg-0)}
@media (max-width:599px){.nu-banner2{flex-direction:column;align-items:stretch}}
/* 5.4.6 v1 · fascia di numeri */
.nu-numeri{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:var(--nu-tratto) solid var(--nu-line)}
.nu-numeri__cella{padding:20px;border-right:var(--nu-tratto) solid var(--nu-line);display:flex;flex-direction:column;gap:6px;background:var(--nu-surface-1);min-width:0}
.nu-numeri__cella:last-child{border-right:0}
.nu-numeri__cella--evidenza{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}
.nu-numeri__valore{font:900 var(--nu-l-h2)/1 var(--nu-font-display)}
.nu-numeri__etichetta{font-size:14px;line-height:1.4}
@media (max-width:599px){.nu-numeri{grid-template-columns:repeat(2,1fr)}.nu-numeri__cella:nth-child(2n){border-right:0}.nu-numeri__cella:nth-child(-n+2){border-bottom:var(--nu-tratto) solid var(--nu-line)}}
/* 5.4.6 v2 · numeri e citazione */
.nu-numeri-griglia{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nu-numeri-griglia__voce{display:flex;flex-direction:column;gap:4px;border-top:4px solid var(--nu-line);padding-top:10px}
.nu-numeri-griglia__voce strong{font:900 var(--nu-l-h2)/1 var(--nu-font-display)}
.nu-numeri-griglia__voce span{font-size:13px;line-height:1.4;color:var(--nu-text-2)}
.nu-citazione{margin:0;padding:20px;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-accent-3);color:var(--nu-on-accent-3);display:flex;flex-direction:column;gap:12px}
.nu-citazione__frase{font:800 24px/1.2 var(--nu-font-display);text-transform:uppercase}
.nu-citazione__fonte{font:400 13px/1 var(--nu-font-mono)}
/* 5.5.2 v1 · CTA fascia arancio */
.nu-cta-fascia{align-items:flex-start;gap:16px}
.nu-cta-fascia .nu-blocco__titolo{max-width:18ch}
.nu-cta-fascia__azioni{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.nu-cta-fascia__link{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font:700 15px/1 var(--nu-font-ui);text-decoration:underline;color:var(--nu-on-accent-1)}
/* 5.5.2 v2 · CTA riquadro */
.nu-cta-riquadro{border:var(--nu-tratto-forte) solid var(--nu-line);background:var(--nu-surface-1);padding:24px;display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:space-between;box-shadow:var(--nu-elev-1)}
.nu-cta-riquadro__testo{display:flex;flex-direction:column;gap:6px}
.nu-cta-riquadro__numero{font:500 18px/1.3 var(--nu-font-mono)}
@media (max-width:599px){.nu-cta-riquadro{flex-direction:column;align-items:stretch}}
/* 5.4.1 v2 · apertura con signature statica (come funziona) */
.nu-apertura{padding:var(--nu-l-pad);background:var(--nu-bg-1);border-bottom:var(--nu-tratto) solid var(--nu-line);display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.nu-apertura__testo{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.nu-apertura__titolo{margin:0;font:900 var(--nu-l-h1)/1 var(--nu-font-display);text-transform:uppercase}
@media (max-width:599px){.nu-apertura{grid-template-columns:1fr}}

/* ---------- AB · 5.2.2 chi siamo (testo_a, tm_a), 5.2.3 contatti, 5.5.1 v2, 5.2.6 changelog, 5.2.7 legale, 5.2.9 faq ---------- */
.nu-testo-colonna{max-width:68ch;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.nu-testo-lato{display:grid;grid-template-columns:1fr 2fr;gap:32px;align-items:start}
@media (max-width:599px){.nu-testo-lato{grid-template-columns:1fr}}
.nu-media{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:var(--nu-tratto) solid var(--nu-line);box-sizing:border-box}
.nu-contatti{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.nu-contatti__dati{display:flex;flex-direction:column;gap:16px}
.nu-contatti__voce{display:flex;flex-direction:column;gap:4px}
.nu-contatti__valore{font-size:17px;line-height:1.5}
.nu-contatti__valore a{color:inherit}
.nu-contatti__telefono{font:500 22px/1.2 var(--nu-font-mono)}
.nu-contatti__telefono a{color:inherit;text-decoration:none}
.nu-contatti__orari{font-size:14px;color:var(--nu-text-2)}
.nu-contatti__mappa{min-height:280px;border:var(--nu-tratto) solid var(--nu-line);background:repeating-linear-gradient(135deg,var(--nu-bg-1) 0 10px,var(--nu-bg-0) 10px 20px);display:flex;align-items:center;justify-content:center;font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3);text-align:center;padding:16px}
@media (max-width:599px){.nu-contatti{grid-template-columns:1fr}}
.nu-cta-modulo{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.nu-cta-modulo__testo{display:flex;flex-direction:column;gap:12px}
@media (max-width:599px){.nu-cta-modulo{grid-template-columns:1fr}}
.nu-changelog{max-width:820px;display:flex;flex-direction:column}
.nu-changelog__voce{display:grid;grid-template-columns:160px 1fr;gap:20px;padding:20px 0;border-top:var(--nu-tratto) solid var(--nu-line)}
.nu-changelog__versione{font:700 16px/1.3 var(--nu-font-mono)}
.nu-changelog__data{font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3)}
.nu-changelog__testo{font-size:15px;line-height:1.55}
.nu-changelog__testo > :first-child{margin-top:0}
.nu-changelog__testo > :last-child{margin-bottom:0}
.nu-changelog__testo h3,.nu-changelog__testo h4{margin:12px 0 4px;font:800 14px/1.2 var(--nu-font-display);text-transform:uppercase}
.nu-changelog__testo ul{margin:0;padding-left:18px}
.nu-changelog__testo p{margin:0 0 8px}
@media (max-width:599px){.nu-changelog__voce{grid-template-columns:1fr;gap:8px}}
.nu-legale{display:grid;grid-template-columns:260px 1fr;gap:32px;align-items:start}
.nu-legale__indice{display:flex;flex-direction:column;gap:6px;font-size:14px;position:sticky;top:calc(var(--nu-l-header) + 16px);align-self:start;border-left:4px solid var(--nu-accent-1);padding-left:12px}
.nu-legale__indice b{font-weight:700}
.nu-legale__indice a{color:var(--nu-text-1);text-decoration:none}
.nu-legale__indice a:hover{text-decoration:underline}
.nu-legale__testo{max-width:68ch;display:flex;flex-direction:column;gap:14px}
.nu-legale__testo h2{margin:0;font:800 22px/1.1 var(--nu-font-display);text-transform:uppercase}
.nu-legale__testo p{margin:0;font-size:15px;line-height:1.6;color:var(--nu-text-3)}
.nu-legale__testo ul{margin:0;padding-left:18px;font-size:15px;line-height:1.6;color:var(--nu-text-3)}
.nu-legale__revisione{font:400 12px/1 var(--nu-font-mono);color:var(--nu-text-3)}
@media (max-width:599px){.nu-legale{grid-template-columns:1fr}.nu-legale__indice{position:static}}
.nu-faq{max-width:820px;display:flex;flex-direction:column;border-top:var(--nu-tratto) solid var(--nu-line)}
.nu-faq__voce{border-bottom:var(--nu-tratto) solid var(--nu-line);padding:16px 0;display:flex;flex-direction:column;gap:8px}
.nu-faq__domanda{display:flex;justify-content:space-between;gap:12px;font:600 17px/1.3 var(--nu-font-ui);cursor:pointer;list-style:none}
.nu-faq__domanda::-webkit-details-marker{display:none}
.nu-faq__domanda::marker{content:""}
.nu-faq__segno{font-family:var(--nu-font-mono);flex:none}
.nu-faq__segno::before{content:"+"}
.nu-faq__voce[open] .nu-faq__segno::before{content:"−"}
.nu-faq__risposta{margin:0;font-size:15px;line-height:1.55;color:var(--nu-text-2);max-width:68ch}

/* ---------- AC · 5.2.x prodotto (scheda), 5.3.1 404, 5.3.2 503, 5.6.4 rottura, 5.6.3 assenza, offline ---------- */
.nu-prodotto{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
.nu-prodotto__galleria{display:flex;flex-direction:column;gap:8px}
.nu-prodotto__foto{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:var(--nu-tratto) solid var(--nu-line);box-sizing:border-box;background:var(--nu-surface-1)}
.nu-prodotto__miniature{display:flex;gap:8px;flex-wrap:wrap}
.nu-prodotto__miniature img{width:96px;height:72px;object-fit:cover;display:block;border:var(--nu-tratto) solid var(--nu-line);box-sizing:border-box}
.nu-prodotto__dati{display:flex;flex-direction:column;gap:14px;min-width:0}
.nu-prodotto__titolo{margin:0;font:900 var(--nu-l-h2)/1.05 var(--nu-font-display);text-transform:uppercase}
.nu-prodotto__scheda{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 16px;font-size:14px}
.nu-prodotto__scheda dt{font:700 11px/1.4 var(--nu-font-mono);letter-spacing:.12em;color:var(--nu-text-3);text-transform:uppercase}
.nu-prodotto__scheda dd{margin:0}
.nu-prodotto__azione{border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-surface-1);padding:16px;display:flex;flex-direction:column;gap:12px}
@media (max-width:599px){.nu-prodotto{grid-template-columns:1fr}}
.nu-automatica{min-height:var(--nu-l-fullh);min-height:100vh;padding:var(--nu-l-pad);background:var(--nu-bg-0);display:flex;flex-direction:column;justify-content:center;gap:20px;box-sizing:border-box}
.nu-automatica--gialla{background:var(--nu-accent-3);color:var(--nu-on-accent-3)}
.nu-automatica > *{max-width:var(--nu-colonna);width:100%;margin-left:auto;margin-right:auto;box-sizing:border-box}
.nu-numerone{font:700 var(--nu-l-huge)/.85 var(--nu-font-marchio)}                      /* 5.3.1 · il numerone è una scritta di marca: Stardos Stencil */
.nu-numerone--errore{color:var(--nu-errore)}                                            /* 5.6.4 v2 · 500 */
.nu-automatica__cerca{display:flex;min-height:48px;max-width:480px}
.nu-automatica__cerca .nu-input{min-height:48px}
.nu-automatica__link{font:600 15px/1 var(--nu-font-ui);align-self:flex-start}
.nu-assenza{padding:32px;border:var(--nu-tratto) dashed var(--nu-line);display:flex;flex-direction:column;gap:14px;align-items:flex-start;max-width:520px}
.nu-assenza__tasselli{display:flex;gap:6px}
.nu-assenza__tasselli i{width:28px;height:28px;box-sizing:border-box;border:var(--nu-tratto-forte) solid var(--nu-line)}
.nu-rottura{display:flex;gap:12px;align-items:flex-start;padding:16px;border:var(--nu-tratto) solid var(--nu-errore);background:var(--nu-errore-tint);max-width:620px}
.nu-rottura__icona{flex:none;color:var(--nu-errore);display:flex}
.nu-rottura__corpo{display:flex;flex-direction:column;gap:8px}
.nu-rottura__corpo b{font-size:16px}
.nu-rottura__corpo span{font-size:14px;line-height:1.5}

/* ---------- AD · 5.8.1 v1 banner del consenso (barra) e 5.8.3 v2 minimizzato ---------- */
.nu-cookie{position:fixed;left:0;right:0;bottom:0;z-index:75;background:var(--nu-bg-0);color:var(--nu-text-1);border-top:var(--nu-tratto-forte) solid var(--nu-line);padding:18px var(--nu-l-px);display:grid;grid-template-columns:1fr auto;gap:16px 32px;align-items:center}
.nu-cookie[hidden]{display:none}
.nu-cookie__testo{display:flex;flex-direction:column;gap:8px;min-width:0}
.nu-cookie__titolo{margin:0;font:800 20px/1 var(--nu-font-display);text-transform:uppercase}
.nu-cookie__frase{margin:0;font-size:14px;line-height:1.5;color:var(--nu-text-2)}
.nu-cookie__scelte{display:flex;flex-direction:column;gap:6px;font-size:14px;max-width:420px}
.nu-cookie__scelta{display:flex;justify-content:space-between;align-items:center;gap:12px}
.nu-cookie__sempre{font-family:var(--nu-font-mono);font-size:12px;font-weight:700}
.nu-cookie__azioni{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.nu-cookie__salva{border:0;background:transparent;padding:0;font:600 14px/1 var(--nu-font-ui);text-decoration:underline;color:var(--nu-text-1);cursor:pointer}
.nu-cookie-mini{position:fixed;left:16px;bottom:16px;z-index:50;min-height:36px;padding:0 12px;box-sizing:border-box;border:var(--nu-tratto) solid var(--nu-line);background:var(--nu-bg-0);color:var(--nu-text-1);display:flex;align-items:center;font:600 13px/1 var(--nu-font-ui);cursor:pointer}
.nu-cookie-mini[hidden]{display:none}
@media (max-width:599px){.nu-cookie{grid-template-columns:1fr;padding:16px}.nu-cookie__azioni{flex-direction:row;flex-wrap:wrap;align-items:center}}

/* ---------- AE · utilità, stampa ---------- */
.nu-avviso--pagina{margin:0}
.nu-pila{display:flex;flex-direction:column;gap:12px}
.nu-riga-azioni{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.nu-destra{margin-left:auto}
.nu-centrato{text-align:center}
@media print{
  .nu-header,.nu-footer,.nu-fluttuante,.nu-cookie,.nu-cookie-mini,.nu-toast,.nu-scrim,.nu-luci,.nu-salta,.nu-header__ricerca,.nu-filtri-scrim,.nu-area__apri{display:none !important}
  body{background:var(--nu-carta-fondo);color:var(--nu-carta-inchiostro)}
  .nu-blocco,.nu-hero,.nu-apertura{padding:12px 0;border-bottom:1px solid var(--nu-carta-filo);background:transparent;color:inherit}
  a{color:inherit;text-decoration:underline}
  .nu-card,.nu-tassello-categoria{box-shadow:none;transform:none;break-inside:avoid}
}

/* ---------- AF · piccole aggiunte dei moduli: fieldset nudo, bottone di pericolo, avvisi di pagina ---------- */
.nu-fieldset{border:0;padding:0;margin:0;min-width:0}
.nu-btn--pericolo{color:var(--nu-errore);border-color:var(--nu-errore)}                 /* azioni distruttive: cremisi, mai l'arancio */
.nu-avvisi-pagina{padding:16px var(--nu-l-px) 0}
/* «Conferma la tua email» con «Rimanda l'email» (auth/_avviso-verifica.html): base_area.html lo mette in cima a ogni pagina dell'area */
.nu-avviso--verifica{flex-wrap:wrap}
.nu-avviso__azione{flex:none;margin-left:auto}
@media (max-width:599px){.nu-avviso__azione{margin-left:0;width:100%}.nu-avviso__azione .nu-btn{width:100%;justify-content:center}}