@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque-latin.woff2) format("woff2");font-weight:200 800;font-display:swap}:root{--inchiostro: #17181B;--inchiostro-2: #4E5158;--pagina: #F5F4F0;--carta: #fff;--linea: #D9D9DD;--accento: #17181B;--ok: #0F6B33;--ok-fondo: #E3F4E9;--no: #A31B12;--no-fondo: #FDE7E4;--avviso: #6B4A00;--avviso-fondo: #FFF2D6;--raggio: 16px;--font: "Bricolage Grotesque", -apple-system, system-ui, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:17px/1.45 var(--font);color:var(--inchiostro);background:var(--pagina);-webkit-font-smoothing:antialiased}h1{font-size:26px;line-height:1.2;margin:0 0 6px;font-weight:700}h2{font-size:17px;margin:0 0 10px;font-weight:700}p{margin:0 0 12px}.sotto{color:var(--inchiostro-2)}.pagina{min-height:100dvh;display:flex;flex-direction:column;max-width:520px;margin:0 auto;padding:24px 20px calc(24px + env(safe-area-inset-bottom))}.spinta{flex:1}.testata{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.logo{display:block;height:40px;width:auto;max-width:140px;object-fit:contain;border-radius:6px;background:#fff;flex-shrink:0}.logo.sopra{margin-bottom:14px}.con-logo{display:flex;align-items:center;gap:10px}.scheda{background:var(--carta);border-radius:var(--raggio);padding:18px;margin-bottom:14px;box-shadow:0 0 0 1px var(--linea)}.grande{font-size:22px;font-weight:700}.codice-personale{font-size:34px;font-weight:700;letter-spacing:6px;font-variant-numeric:tabular-nums}.bottone{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 20px;border:0;border-radius:var(--raggio);background:var(--accento);color:var(--su-accento, #fff);font:600 18px var(--font);cursor:pointer;margin-top:12px}.bottone:disabled{opacity:.45;cursor:default}.bottone.due{background:var(--carta);color:var(--inchiostro);box-shadow:inset 0 0 0 2px var(--inchiostro)}.bottone.piano{background:none;color:var(--inchiostro);text-decoration:underline;min-height:48px;font-weight:500}.bottone:focus-visible,.tasto:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1F6FEB;outline-offset:2px}label{display:block;font-weight:600;margin:14px 0 6px}input[type=text],input[type=tel],input[type=email],select{width:100%;min-height:52px;padding:0 14px;border:2px solid var(--inchiostro-2);border-radius:12px;font:17px var(--font);color:var(--inchiostro);background:#fff}input.codice{font-size:26px;font-weight:700;letter-spacing:3px;text-align:center;text-transform:uppercase;min-height:64px}.esito{border-radius:var(--raggio);padding:14px 16px;margin:14px 0;font-weight:600;display:flex;gap:10px;align-items:flex-start}.esito.no{background:var(--no-fondo);color:var(--no)}.esito.ok{background:var(--ok-fondo);color:var(--ok)}.esito.avviso{background:var(--avviso-fondo);color:var(--avviso)}.esito .icona{flex:none;width:24px;height:24px}.pallini{display:flex;justify-content:center;gap:14px;margin:22px 0 8px}.pallino{width:18px;height:18px;border-radius:50%;box-shadow:inset 0 0 0 2px var(--inchiostro)}.pallino.pieno{background:var(--inchiostro)}.tastierino{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.tasto{min-height:68px;border:0;border-radius:var(--raggio);background:var(--carta);box-shadow:0 0 0 1px var(--linea);font:600 28px var(--font);color:var(--inchiostro);cursor:pointer;touch-action:manipulation}.tasto:active{background:#e6e5e0}.tasto.piccolo{font-size:16px}.tasto:disabled{opacity:.35}.scheda .sotto,.esito>div{overflow-wrap:anywhere;min-width:0}.etichetta{display:inline-block;font-size:14px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--ok-fondo);color:var(--ok);margin-left:8px}@media (prefers-reduced-motion: no-preference){.bottone,.tasto{transition:opacity .15s,background-color .1s}}textarea{width:100%;padding:12px 14px;border:2px solid var(--inchiostro-2);border-radius:12px;font:17px var(--font);color:var(--inchiostro);background:#fff;resize:vertical;margin-top:14px}.etichetta.avviso{background:var(--avviso-fondo);color:var(--avviso)}.schermo{min-height:100dvh;display:flex;flex-direction:column;padding:20px 28px;background:var(--pagina)}.schermo header{display:flex;align-items:center;gap:20px}.lingue{display:flex;gap:6px}.lingue button{min-width:52px;min-height:48px;border:0;border-radius:12px;background:var(--carta);box-shadow:0 0 0 1px var(--linea);font:600 16px var(--font);color:var(--inchiostro-2);cursor:pointer}.lingue button.attiva{background:var(--accento);color:var(--su-accento, #fff)}.etichetta.no{background:var(--no-fondo);color:var(--no)}.conferma{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:6px}.conferma span{flex:1 1 100%;font-weight:600}.conferma .bottone{width:auto;min-height:48px;margin:0}.conferma .bottone.piano{padding:0 12px}:root[data-tema=brand] .testata{margin:-24px -20px 18px;padding:calc(14px + env(safe-area-inset-top)) 20px 14px;background:var(--accento)}:root[data-tema=brand] .bottone.due{color:var(--accento-testo);box-shadow:inset 0 0 0 2px var(--accento-testo)}:root[data-tema=brand] input:focus,:root[data-tema=brand] textarea:focus,:root[data-tema=brand] select:focus{outline-color:var(--accento-testo)}:root[data-tema=brand] .schermo header{margin:-20px -28px 0;padding:16px 28px;background:var(--accento);color:var(--su-accento)}:root[data-tema=brand] .schermo header .lingue button{background:transparent;color:var(--su-accento);box-shadow:inset 0 0 0 1px currentColor}:root[data-tema=brand] .schermo header .lingue button.attiva{background:var(--su-accento);color:var(--accento);box-shadow:none}.tasto{box-shadow:0 0 0 1.5px #8f9197}.tasto:disabled{cursor:default}input.codice::placeholder{font-weight:400;color:#a0a2a7;letter-spacing:2px}:root[data-tema=brand] .testata .lingue button{background:transparent;color:var(--su-accento);box-shadow:inset 0 0 0 1px currentColor}:root[data-tema=brand] .testata .lingue button.attiva{background:var(--su-accento);color:var(--accento);box-shadow:none}