/* Pantalla de acceso */
body.acceso { display: grid; place-items: center; align-content: center; gap: 18px; padding: 24px 16px;
  background: radial-gradient(1200px 500px at 50% -10%, #FFE3D6 0%, transparent 60%), var(--papel); }
.acceso-caja { width: min(400px, 100%); background: var(--superficie); border-radius: 20px; box-shadow: var(--sombra-alta);
  padding: 34px 30px 30px; position: relative; overflow: hidden; }
.acceso-caja::before { content: ""; position: absolute; inset: 0 0 auto; height: 4px; background: var(--marca); }
.acceso-logo { width: 150px; height: auto; margin-bottom: 26px; }
.acceso-caja h1 { font-size: 26px; margin-bottom: 6px; }
.acceso-caja > p { font-size: 14px; margin-bottom: 24px; }
.acceso-form { display: grid; gap: 16px; }
.acceso-form .input { height: 44px; font-size: 15px; }
.acceso-btn { height: 46px; font-size: 15px; margin-top: 4px; }
.acceso-error { margin: 0; padding: 10px 12px; border-radius: 10px; background: var(--mal-fondo); color: #8A1A11; font-size: 13.5px; }
.acceso-pie { font-size: 12.5px; color: var(--tinta-3); text-align: center; max-width: 40ch; margin: 0; }