body { min-height: 100vh; display: grid; place-items: center; padding: 24px; }
.acceso { width: 100%; max-width: 380px; background: #fff; border: 1px solid var(--borde); border-radius: 16px; overflow: hidden; }
.acceso header { height: 64px; background: var(--tinta); color: var(--fondo); display: flex; align-items: center; gap: 10px; padding: 0 24px; font-weight: 700; font-size: 17px; }
.acceso form { padding: 26px 24px 22px; display: flex; flex-direction: column; gap: 6px; }
.acceso h1 { margin: 0 0 2px; font-size: 24px; font-weight: 700; letter-spacing: -0.3px; }
.acceso p { margin: 0 0 12px; color: var(--gris); font-size: 14px; }
label { font-size: 13px; font-weight: 600; color: var(--gris); margin-top: 8px; }
input { width: 100%; min-height: 44px; padding: 0 12px; border: 1px solid var(--control); border-radius: 10px; background: #fff; }
button { margin-top: 18px; min-height: 48px; border: 0; border-radius: 10px; background: var(--acento); color: #fff; font-weight: 600; font-size: 15px; cursor: pointer; }
button:disabled { opacity: .6; cursor: wait; }
#error { min-height: 20px; margin-top: 8px; color: var(--warn-txt); font-size: 13px; font-weight: 500; }