@font-face{font-family:"Figtree";font-style:normal;font-weight:400 800;font-display:swap;
  src:url(/vendor/figtree-latin.woff2) format("woff2")}

body[data-login-role]{--role:#1f2937;--role-hi:#111827;--role-soft:#eef1f4;
  font-family:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif}
body[data-login-role="admin"]{--role:#047857;--role-hi:#065f46;--role-soft:#e7f4ef}
body[data-login-role="promotor"]{--role:#246a4b;--role-hi:#174b35;--role-soft:#e8f2ed}
body[data-login-role="huesped"]{--role:#255ec7;--role-hi:#17428f;--role-soft:#eaf0fc}
body[data-login-role="aliado"]{--role:#7a3340;--role-hi:#5b2530;--role-soft:#f7ecee}
body[data-login-role="proveedor"]{--role:#173f5f;--role-hi:#102e46;--role-soft:#e9f0f5}

[data-login-shell] .roleKicker{margin:0 0 .45rem;color:var(--role);font-size:.76rem;
  font-weight:800;letter-spacing:.09em;text-transform:uppercase}
[data-login-shell] label:not(.campo){display:block;text-align:left;font-size:.86rem;font-weight:700;
  letter-spacing:0;margin-bottom:.38rem}
[data-login-shell] input{min-height:48px;font-size:1rem;border-color:#b8c0c7}
[data-login-shell] label:not(.campo)+input{margin-bottom:.8rem}
[data-login-shell] input:focus{outline:3px solid color-mix(in srgb,var(--role) 22%,transparent);
  outline-offset:1px;border-color:var(--role)}
[data-login-shell] :is(button[type="submit"],.rolePrimary){min-height:48px;background:var(--role);
  color:#fff;font-weight:750;border-radius:12px;box-shadow:none}
[data-login-shell] :is(button[type="submit"],.rolePrimary):hover{background:var(--role-hi)}
[data-login-shell] :is(.err,#loginErr,#pwErr){min-height:1.35rem}

body[data-login-role="admin"] #loginView form{padding:clamp(1.35rem,5vw,2rem);
  border:1px solid #d7dfdb;border-radius:18px;background:#fff}
body[data-login-role="admin"] #loginView input{text-align:left;border-radius:12px}

body[data-login-role="aliado"] .entrar .caja,
body[data-login-role="proveedor"] .entrar .caja{max-width:430px;padding:clamp(1.25rem,5vw,2rem);
  border:1px solid var(--line);border-radius:18px;background:var(--s1)}

@media (prefers-reduced-motion:reduce){[data-login-shell]{animation:none!important}}