.acceso{--acc-focus:#8c6b33;--acc-error:#b42318;--acc-ok:#1f6b45;--acc-line:color-mix(in srgb, var(--mk-ink) 26%, transparent);--acc-muted:color-mix(in srgb, var(--mk-ink) 74%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-site-theme=light]) .acceso{--acc-focus:#d9bc8c;--acc-error:#fca5a5;--acc-ok:#86efac}}:root[data-site-theme=dark] .acceso{--acc-focus:#d9bc8c;--acc-error:#fca5a5;--acc-ok:#86efac}.acceso-tarjeta{background:var(--mk-surface);border-radius:24px;width:100%;max-width:440px;padding:28px 20px}@media (min-width:640px){.acceso-tarjeta{border:1px solid color-mix(in srgb, var(--mk-gold) 35%, transparent);box-shadow:0 1px 2px color-mix(in srgb, var(--mk-navy) 8%, transparent), 0 24px 48px -24px color-mix(in srgb, var(--mk-navy) 28%, transparent);padding:40px 40px 36px}}.acceso-label{color:var(--mk-ink);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.acceso-input{box-sizing:border-box;width:100%;min-height:52px;color:var(--mk-ink);background:var(--mk-bg);border:1px solid var(--acc-line);border-radius:12px;padding:12px 16px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .15s,box-shadow .15s}.acceso-input::placeholder{color:color-mix(in srgb, var(--mk-ink) 50%, transparent)}.acceso-input:focus{border-color:var(--acc-focus);box-shadow:0 0 0 3px color-mix(in srgb, var(--acc-focus) 35%, transparent);outline:none}.acceso-input[aria-invalid=true]{border-color:var(--acc-error)}.acceso-input.codigo{text-align:center;letter-spacing:.5em;font-variant-numeric:tabular-nums;padding-left:calc(16px + .5em);font-size:26px}.acceso-boton{background:var(--mk-ink);width:100%;min-height:52px;color:var(--mk-bg);letter-spacing:.02em;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;font:500 15px Inter,sans-serif;transition:transform .1s,opacity .15s;display:inline-flex}.acceso-boton:active{transform:scale(.985)}.acceso-boton[disabled]{opacity:.7;cursor:progress}.acceso-boton:focus-visible,.acceso-link:focus-visible,.acceso-ojo:focus-visible,.acceso-rol:focus-visible{outline:2px solid var(--acc-focus);outline-offset:3px}.acceso-ojo{cursor:pointer;width:44px;height:44px;color:var(--acc-muted);background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.acceso-link{color:var(--mk-ink);text-decoration:underline;-webkit-text-decoration-color:var(--mk-gold);text-decoration-color:var(--mk-gold);text-underline-offset:4px;border-radius:4px}.acceso-link:hover{text-decoration-thickness:2px}.acceso-alerta{color:var(--acc-error);background:color-mix(in srgb, var(--acc-error) 8%, transparent);border:1px solid color-mix(in srgb, var(--acc-error) 30%, transparent);border-radius:12px;margin:0;padding:12px 14px;font-size:14px;line-height:1.5}.acceso-ok{color:var(--acc-ok);background:color-mix(in srgb, var(--acc-ok) 8%, transparent);border:1px solid color-mix(in srgb, var(--acc-ok) 30%, transparent);border-radius:12px;margin:0;padding:12px 14px;font-size:14px}.acceso-rol{text-align:left;cursor:pointer;background:var(--mk-bg);border:1px solid var(--acc-line);width:100%;color:var(--mk-ink);border-radius:16px;align-items:center;gap:14px;padding:16px;transition:border-color .15s,background .15s;display:flex}.acceso-rol:hover{border-color:var(--mk-gold);background:color-mix(in srgb, var(--mk-gold) 8%, var(--mk-bg))}@keyframes acceso-gira{to{transform:rotate(360deg)}}.acceso-gira{animation:1s linear infinite acceso-gira}@media (prefers-reduced-motion:reduce){.acceso-gira{animation-duration:3s}}