@charset "UTF-8";
/* Pagina di accesso del portale (11/2026): si appoggia a pelle.css. */
*, *::before, *::after { box-sizing: border-box; }
body.accesso { background: var(--blu); display: flex; flex-direction: column; min-height: 100vh; }
.accesso-pagina { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 32px 16px; }
.accesso-scheda { width: 100%; max-width: 420px; background: var(--carta); border-radius: 12px; box-shadow: 0 16px 40px rgba(0, 0, 0, .25); padding: 32px 32px 24px; text-align: center; border-top: 5px solid var(--verde); }
.accesso-logo { display: block; width: 240px; height: auto; margin: 0 auto 16px; }
.accesso-scheda h1 { font-size: 1.5rem; margin-bottom: 2px; }
.accesso-sotto { color: var(--testo2); margin: 0 0 20px; font-size: .95rem; }
.accesso-modulo { text-align: left; }
.accesso-modulo label { display: flex; align-items: center; gap: 8px; font: 600 .85rem var(--titoli); color: var(--testo2); margin: 0 0 6px; }
.accesso-modulo input { width: 100%; border: 1px solid var(--linea); border-radius: 6px; padding: 11px 12px; font-size: 1rem; margin-bottom: 16px; }
.accesso-modulo input:focus { outline: none; border-color: var(--blu); box-shadow: 0 0 0 .25rem rgba(44, 67, 155, .25); }
.accesso-modulo .pulsante { width: 100%; padding: 12px; font-size: 1rem; margin-top: 4px; }
.accesso-modulo .avviso { margin: 0 0 16px; }
.accesso-aiuto { margin: 18px 0 0; font-size: .85rem; color: var(--testo2); }
.accesso-pie { margin: 20px 0 0; color: #fff; font-size: .85rem; opacity: .85; }
.accesso-pie a { color: #fff; }
@media (max-width: 480px) { .accesso-scheda { padding: 24px 18px 18px; } }