/* ==========================================================================
   Login Mi arbell — Login estilo iOS
   ========================================================================== */

body.arb-login-page {
    background: #F2F2F7 !important;
    --nv-site-bg: #F2F2F7;
}
body.arb-login-page.arb-hide-title .entry-title,
body.arb-login-page.arb-hide-title .nv-page-title-wrap,
body.arb-login-page.arb-hide-title .nv-page-title,
body.arb-login-page.arb-hide-title .page-header {
    display: none !important;
}

.arb-login {
    --arb-blue: #007AFF;
    --arb-pink: #E0245E;
    --arb-orange: #FF9500;
    --arb-red: #FF3B30;
    --arb-green: #34C759;
    --accent: var(--arb-blue);
    --accent-rgb: 0, 122, 255;
    --label: #000;
    --label2: rgba(60, 60, 67, .62);
    --label3: rgba(60, 60, 67, .3);
    --sep: rgba(60, 60, 67, .14);
    --card: #fff;
    --shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 6px 18px rgba(0, 0, 0, .05);

    box-sizing: border-box;
    max-width: 440px;
    margin: 0 auto;
    padding: 12px 16px 40px;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;
    color: var(--label);
    -webkit-font-smoothing: antialiased;
    text-align: left;
}
.arb-login[data-mode="equipo"] {
    --accent: var(--arb-pink);
    --accent-rgb: 224, 36, 94;
}
.arb-login *, .arb-login *::before, .arb-login *::after { box-sizing: border-box; }
.arb-login svg { fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* Paneles que cambian según la opción elegida */
.arb-login[data-mode="cliente"] [data-show="equipo"],
.arb-login[data-mode="equipo"]  [data-show="cliente"] { display: none !important; }

.arb-sr {
    position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
    overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

/* ── Encabezado ───────────────────────────────────────────── */
.arb-head { margin: 4px 0 18px; }
.arb-login .arb-eyebrow {
    margin: 0 0 2px !important;
    font-size: 15px; font-weight: 700; letter-spacing: -.01em; text-transform: none;
    color: #38B6FF;
}
.arb-login .arb-title {
    margin: 0 !important; padding: 0 !important;
    font-family: inherit !important;
    font-size: 34px !important; line-height: 1.1 !important; font-weight: 800 !important;
    letter-spacing: -.025em; color: var(--label) !important; text-align: left !important;
}
.arb-login .arb-sub { margin: 6px 0 0 !important; font-size: 17px; color: var(--label2); }

/* El tema agrega líneas y adornos a los títulos: acá no van */
.arb-login h2, .arb-login h3 { border: 0 !important; padding-bottom: 0 !important; background: none !important; box-shadow: none !important; text-decoration: none !important; }
.arb-login h2::before, .arb-login h2::after, .arb-login h3::before, .arb-login h3::after { content: none !important; display: none !important; }

/* ── Avisos positivos ─────────────────────────────────────── */
.arb-notice {
    display: flex; gap: 10px; align-items: flex-start;
    background: rgba(52, 199, 89, .12); color: #1B6B33;
    border-radius: 14px; padding: 12px 14px; margin: 0 0 14px;
    font-size: 14px; line-height: 1.4;
}
.arb-notice-icon {
    flex: 0 0 22px; height: 22px; border-radius: 50%;
    background: var(--arb-green); color: #fff;
    display: grid; place-items: center;
}
.arb-notice-icon svg { width: 13px; height: 13px; stroke-width: 3.2; }
.arb-inline-error {
    display: flex; flex-direction: column; gap: 2px;
    background: rgba(255, 59, 48, .1); color: #A1221A;
    border-radius: 14px; padding: 12px 14px; margin: 0 0 14px; font-size: 14px;
}

/* ── Form: reseteo de estilos del tema ───────────────────── */
.arb-login form.arb-form {
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    background: none !important; box-shadow: none !important; max-width: none !important;
}

/* ── Selector Clientes / Equipo ───────────────────────────── */
.arb-modes {
    display: grid; grid-template-columns: 1fr 1fr; gap: 12px;
    margin: 0 0 14px !important; padding: 0 !important; border: 0 !important; min-width: 0;
}
.arb-mode { display: block; position: relative; margin: 0 !important; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.arb-mode input { position: absolute; opacity: 0; width: 1px; height: 1px; pointer-events: none; }
.arb-mode--cliente { --c: var(--arb-blue); --c-rgb: 0, 122, 255; }
.arb-mode--equipo  { --c: var(--arb-pink); --c-rgb: 224, 36, 94; }

.arb-mode-card {
    position: relative;
    display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
    height: 100%; min-height: 138px;
    padding: 16px 14px 14px;
    background: var(--card);
    border-radius: 20px;
    box-shadow: var(--shadow), inset 0 0 0 2px transparent;
    transition: box-shadow .2s ease, transform .15s ease;
}
.arb-mode:active .arb-mode-card { transform: scale(.97); }
.arb-mode input:checked + .arb-mode-card {
    box-shadow: 0 8px 22px rgba(var(--c-rgb), .18), inset 0 0 0 2px var(--c);
}
.arb-mode input:focus-visible + .arb-mode-card { outline: 3px solid rgba(var(--c-rgb), .35); outline-offset: 2px; }

.arb-mode-icon {
    width: 44px; height: 44px; border-radius: 12px; margin-bottom: 8px;
    display: grid; place-items: center;
    background: var(--c); color: #fff;
}
.arb-mode-icon svg { width: 22px; height: 22px; }
.arb-mode-title { font-size: 16px; font-weight: 700; letter-spacing: -.01em; color: var(--label); line-height: 1.2; }
.arb-mode-cap   { font-size: 13px; color: var(--label2); line-height: 1.3; }

.arb-mode-check {
    position: absolute; top: 12px; right: 12px;
    width: 22px; height: 22px; border-radius: 50%;
    box-shadow: inset 0 0 0 2px var(--label3);
    display: grid; place-items: center; color: #fff;
    transition: background .2s ease, box-shadow .2s ease;
}
.arb-mode-check svg { width: 13px; height: 13px; stroke-width: 3.2; opacity: 0; transform: scale(.5); transition: all .2s ease; }
.arb-mode input:checked + .arb-mode-card .arb-mode-check { background: var(--c); box-shadow: none; }
.arb-mode input:checked + .arb-mode-card .arb-mode-check svg { opacity: 1; transform: scale(1); }

/* ── Ayuda contextual ─────────────────────────────────────── */
.arb-hint {
    display: flex; gap: 10px; align-items: flex-start;
    margin: 0 0 14px; padding: 11px 14px;
    border-radius: 14px;
    background: rgba(var(--accent-rgb), .08);
    color: rgba(0, 0, 0, .75);
    font-size: 14px; line-height: 1.4;
}
.arb-hint svg { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; color: var(--accent); }
.arb-hint strong { font-weight: 600; color: #000; }

/* ── Crear cuenta (opción Clientes) ───────────────────────── */
.arb-login a.arb-signup {
    display: flex; align-items: center; gap: 12px;
    margin: 0 0 14px; padding: 12px 14px;
    border-radius: 14px; background: rgba(0, 122, 255, .08);
    color: var(--label) !important; text-decoration: none !important;
    transition: background .2s ease, transform .12s ease;
}
.arb-login a.arb-signup:active { transform: scale(.985); }
.arb-login a.arb-signup:hover { background: rgba(0, 122, 255, .12); }
.arb-signup-icon {
    flex: 0 0 36px; width: 36px; height: 36px; border-radius: 10px;
    display: grid; place-items: center; background: var(--arb-blue); color: #fff;
}
.arb-signup-icon svg { width: 18px; height: 18px; }
.arb-signup-text { flex: 1; min-width: 0; display: flex; flex-direction: column; line-height: 1.3; }
.arb-signup-cap { font-size: 13px; color: var(--label2); }
.arb-signup-text strong { font-size: 15.5px; font-weight: 600; color: var(--arb-blue); }
.arb-signup-chev { flex: 0 0 18px; width: 18px; height: 18px; color: var(--label3); stroke-width: 2.4; }

/* ── Grupo de campos (lista agrupada iOS) ─────────────────── */
.arb-group {
    background: var(--card);
    border-radius: 16px;
    box-shadow: var(--shadow);
    overflow: hidden;
}
.arb-group.is-shaking { animation: arb-shake .42s cubic-bezier(.36, .07, .19, .97); }

.arb-field { position: relative; padding: 10px 16px 9px; transition: background .2s ease; }
.arb-field + .arb-field::before {
    content: ""; position: absolute; top: 0; left: 16px; right: 0;
    height: 1px; transform: scaleY(.5); transform-origin: top; background: var(--sep);
}
.arb-login .arb-field label {
    display: block !important; margin: 0 0 1px !important; padding: 0 !important;
    font-size: 12px !important; font-weight: 600 !important; letter-spacing: .01em;
    color: var(--label2) !important; text-transform: none !important;
    transition: color .2s ease;
}
.arb-field:focus-within label { color: var(--accent) !important; }

.arb-login input.arb-input {
    display: block; width: 100% !important; min-width: 0;
    height: 30px !important; margin: 0 !important; padding: 0 !important;
    border: 0 !important; border-radius: 0 !important;
    background: transparent !important; box-shadow: none !important; outline: none !important;
    font-family: inherit !important; font-size: 17px !important; line-height: 30px !important;
    color: var(--label) !important;
    -webkit-appearance: none; appearance: none;
}
.arb-login input.arb-input::placeholder { color: var(--label3); opacity: 1; }
.arb-login input.arb-input:-webkit-autofill { -webkit-box-shadow: 0 0 0 40px #fff inset !important; -webkit-text-fill-color: #000; }

.arb-input-row { display: flex; align-items: center; gap: 6px; }
.arb-login .arb-eye {
    flex: 0 0 36px; width: 36px !important; height: 30px !important;
    margin: 0 -8px 0 0 !important; padding: 0 !important;
    border: 0 !important; background: none !important; box-shadow: none !important;
    color: var(--label2) !important; cursor: pointer; display: grid; place-items: center;
    min-height: 0 !important;
}
.arb-eye svg { width: 20px; height: 20px; }
.arb-eye .arb-eye-closed { display: none; }
.arb-eye[aria-pressed="true"] .arb-eye-open { display: none; }
.arb-eye[aria-pressed="true"] .arb-eye-closed { display: block; }

.arb-field.is-invalid { background: rgba(255, 59, 48, .06); }
.arb-field.is-invalid label { color: var(--arb-red) !important; }

/* Elementos que agregan WooCommerce, el tema u otros plugins y que ya están en el diseño */
.arb-login .show-password-input,
.arb-login .woocommerce-LostPassword,
.arb-login .lost_password { display: none !important; }
.arb-login .password-input { display: block; width: 100%; position: static; }

/* ── Recordarme + olvidé ──────────────────────────────────── */
.arb-row {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 14px 2px 18px;
}
.arb-switch { display: inline-flex !important; align-items: center; gap: 10px; margin: 0 !important; cursor: pointer; font-size: 15px !important; color: var(--label) !important; font-weight: 400 !important; }
.arb-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.arb-switch-track {
    position: relative; flex: 0 0 51px; width: 51px; height: 31px; border-radius: 31px;
    background: rgba(120, 120, 128, .16); transition: background .25s ease;
}
.arb-switch-knob {
    position: absolute; top: 2px; left: 2px; width: 27px; height: 27px; border-radius: 50%;
    background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, .15), 0 1px 1px rgba(0, 0, 0, .16);
    transition: transform .25s cubic-bezier(.3, .7, .4, 1);
}
.arb-switch input:checked + .arb-switch-track { background: var(--arb-green); }
.arb-switch input:checked + .arb-switch-track .arb-switch-knob { transform: translateX(20px); }
.arb-switch input:focus-visible + .arb-switch-track { outline: 3px solid rgba(52, 199, 89, .35); outline-offset: 2px; }

.arb-login .arb-link { white-space: nowrap; font-size: 15px; font-weight: 500; color: var(--accent) !important; text-decoration: none !important; text-align: right; }
.arb-login .arb-link:hover { opacity: .75; }

/* ── Botones ──────────────────────────────────────────────── */
.arb-login .arb-btn {
    position: relative;
    display: flex !important; align-items: center; justify-content: center; gap: 8px;
    width: 100% !important; height: 54px !important; min-height: 0 !important;
    margin: 0 !important; padding: 0 20px !important;
    border: 0 !important; border-radius: 14px !important;
    font-family: inherit !important; font-size: 17px !important; font-weight: 600 !important;
    letter-spacing: -.01em; text-transform: none !important; text-decoration: none !important;
    line-height: 1 !important; cursor: pointer;
    transition: transform .12s ease, opacity .2s ease, background .25s ease, box-shadow .25s ease;
    -webkit-tap-highlight-color: transparent;
}
.arb-login .arb-btn:active { transform: scale(.98); }
.arb-login .arb-btn svg { width: 20px; height: 20px; }

.arb-login .arb-btn--primary {
    background: var(--accent) !important; color: #fff !important;
    box-shadow: 0 8px 20px rgba(var(--accent-rgb), .3) !important;
}
.arb-login .arb-btn--primary:hover { opacity: .93; }
.arb-login .arb-btn--secondary {
    height: 52px !important;
    background: var(--card) !important; color: var(--accent) !important;
    box-shadow: var(--shadow) !important;
}

.arb-spinner {
    display: none; width: 20px; height: 20px; border-radius: 50%;
    border: 2.5px solid rgba(255, 255, 255, .35); border-top-color: #fff;
    animation: arb-spin .7s linear infinite;
}
.arb-btn.is-loading { pointer-events: none; opacity: .85; }
.arb-btn.is-loading .arb-btn-label { display: none; }
.arb-btn.is-loading .arb-spinner { display: block; }

/* ── Pie ──────────────────────────────────────────────────── */
.arb-foot { margin-top: 26px; text-align: center; }
.arb-login .arb-foot-cap { margin: 0 0 10px !important; font-size: 14px; color: var(--label2); }
.arb-login .arb-linkbtn {
    display: inline !important; margin: 0 !important; padding: 0 !important; min-height: 0 !important;
    border: 0 !important; background: none !important; box-shadow: none !important;
    font: inherit !important; font-weight: 600 !important; color: var(--arb-blue) !important;
    cursor: pointer; text-transform: none !important;
}

/* ── Alerta (estilo UIAlertController) ───────────────────── */
.arb-alert-backdrop {
    --tone: #007AFF; --tone-rgb: 0, 122, 255;
    position: fixed; inset: 0; z-index: 2147483000;
    display: flex; align-items: center; justify-content: center; padding: 24px;
    background: rgba(0, 0, 0, .32);
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
    opacity: 0; transition: opacity .22s ease;
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", "Segoe UI", Roboto, sans-serif;
    -webkit-font-smoothing: antialiased;
}
.arb-alert-backdrop[data-tone="pink"]   { --tone: #E0245E; --tone-rgb: 224, 36, 94; }
.arb-alert-backdrop[data-tone="orange"] { --tone: #FF9500; --tone-rgb: 255, 149, 0; }
.arb-alert-backdrop[data-tone="red"]    { --tone: #FF3B30; --tone-rgb: 255, 59, 48; }
.arb-alert-backdrop.is-open { opacity: 1; }
.arb-alert-backdrop *, .arb-alert-backdrop *::before { box-sizing: border-box; }

.arb-alert {
    width: 100%; max-width: 310px;
    background: rgba(255, 255, 255, .97);
    border-radius: 22px; overflow: hidden; text-align: center;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .25);
    transform: scale(1.1); transition: transform .28s cubic-bezier(.2, .9, .3, 1.1);
}
.arb-alert-backdrop.is-open .arb-alert { transform: scale(1); }
.arb-alert-body { padding: 24px 20px 20px; }
.arb-alert-icon {
    width: 60px; height: 60px; margin: 0 auto 12px; border-radius: 50%;
    display: grid; place-items: center; color: var(--tone);
    background: rgba(var(--tone-rgb), .12);
}
.arb-alert-icon svg { width: 28px; height: 28px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.arb-alert-title { margin: 0 0 6px !important; padding: 0 !important; font-family: inherit !important; font-size: 18px !important; font-weight: 700 !important; letter-spacing: -.01em; color: #000 !important; line-height: 1.25 !important; }
.arb-alert-msg { margin: 0 !important; font-size: 14.5px; line-height: 1.45; color: rgba(60, 60, 67, .85); }

.arb-alert-actions { display: flex; flex-direction: column; }
.arb-alert-btn {
    position: relative; display: block !important; width: 100% !important;
    margin: 0 !important; padding: 15px 16px !important; min-height: 0 !important;
    border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important;
    font-family: inherit !important; font-size: 17px !important; font-weight: 400 !important;
    color: var(--tone) !important; text-decoration: none !important; text-transform: none !important;
    line-height: 1.2 !important; cursor: pointer;
}
.arb-alert-btn::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0;
    height: 1px; transform: scaleY(.5); transform-origin: top; background: rgba(60, 60, 67, .22);
}
.arb-alert-btn.is-primary { font-weight: 600 !important; }
.arb-alert-btn:focus { outline: none !important; }
.arb-alert-btn:active { background: rgba(0, 0, 0, .05) !important; }

/* ── Animaciones ──────────────────────────────────────────── */
@keyframes arb-spin { to { transform: rotate(360deg); } }
@keyframes arb-shake {
    10%, 90% { transform: translateX(-1px); }
    20%, 80% { transform: translateX(3px); }
    30%, 50%, 70% { transform: translateX(-6px); }
    40%, 60% { transform: translateX(6px); }
}
@media (prefers-reduced-motion: reduce) {
    .arb-login *, .arb-alert-backdrop, .arb-alert { animation: none !important; transition: none !important; }
}

/* ── Pantallas chicas ─────────────────────────────────────── */
@media (max-width: 360px) {
    .arb-login { padding-left: 12px; padding-right: 12px; }
    .arb-login .arb-title { font-size: 30px !important; }
    .arb-modes { gap: 10px; }
    .arb-mode-card { padding: 14px 12px 12px; min-height: 130px; }
    .arb-row { flex-wrap: wrap; }
}

/* ==========================================================================
   Diseño que se adapta al alto de la pantalla
   En pantallas altas se ve completo; en las más bajas se ajustan tamaños y
   espacios para que todo entre sin scrollear.
   ========================================================================== */
.arb-mode-text { display: flex; flex-direction: column; gap: 4px; }

/* Aire con el menú de arriba y con la barra de navegación de abajo */
body.arb-login-page .entry-content,
body.arb-login-page .nv-single-page-wrap,
body.arb-login-page .nv-content-wrap { margin-top: 0 !important; padding-top: 0 !important; }
.arb-login { padding-top: 24px; padding-bottom: calc(112px + env(safe-area-inset-bottom)); }

@media (max-height: 860px) {
    .arb-login { padding-top: 20px; }
    .arb-head { margin-bottom: 14px; }
    .arb-login .arb-title { font-size: 30px !important; }
    .arb-login .arb-sub { font-size: 16px; margin-top: 4px !important; }
    .arb-mode-card { min-height: 118px; padding: 14px 13px 12px; gap: 3px; }
    .arb-mode-icon { width: 40px; height: 40px; margin-bottom: 6px; }
    .arb-mode-icon svg { width: 20px; height: 20px; }
    .arb-modes { margin-bottom: 12px !important; }
    .arb-login a.arb-signup, .arb-hint { margin-bottom: 12px; padding: 10px 13px; }
    .arb-field { padding: 9px 16px 8px; }
    .arb-row { padding: 12px 2px 14px; }
    .arb-login .arb-btn { height: 52px !important; }
}

@media (max-height: 780px) {
    .arb-login { padding-top: 16px; padding-bottom: calc(104px + env(safe-area-inset-bottom)); }
    .arb-head { margin-bottom: 12px; }
    .arb-login .arb-eyebrow { font-size: 14px; }
    .arb-login .arb-title { font-size: 28px !important; }
    .arb-login .arb-sub { font-size: 15.5px; }
    .arb-mode-card { min-height: 104px; padding: 12px 12px 11px; border-radius: 18px; }
    .arb-mode-icon { width: 36px; height: 36px; border-radius: 11px; margin-bottom: 4px; }
    .arb-mode-icon svg { width: 18px; height: 18px; }
    .arb-mode-title { font-size: 15px; }
    .arb-mode-cap { font-size: 12.5px; }
    .arb-mode-check { top: 10px; right: 10px; width: 20px; height: 20px; }
    .arb-modes { gap: 10px; margin-bottom: 10px !important; }
    .arb-login a.arb-signup, .arb-hint { margin-bottom: 10px; padding: 9px 12px; }
    .arb-signup-icon { flex-basis: 32px; width: 32px; height: 32px; }
    .arb-hint { font-size: 13.5px; }
    .arb-field { padding: 8px 16px 7px; }
    .arb-login input.arb-input { height: 28px !important; line-height: 28px !important; }
    .arb-row { padding: 10px 2px 12px; }
    .arb-login .arb-btn { height: 50px !important; }
    .arb-foot { margin-top: 14px; }
}

@media (max-height: 700px) {
    .arb-login { padding-top: 12px; padding-bottom: calc(100px + env(safe-area-inset-bottom)); }
    .arb-head { margin-bottom: 10px; }
    .arb-login .arb-eyebrow { font-size: 13px; }
    .arb-login .arb-title { font-size: 25px !important; }
    .arb-login .arb-sub { font-size: 15px; margin-top: 2px !important; }
    .arb-mode-card { min-height: 92px; padding: 10px 11px; gap: 2px; }
    .arb-mode-icon { width: 32px; height: 32px; border-radius: 10px; margin-bottom: 3px; }
    .arb-mode-icon svg { width: 17px; height: 17px; }
    .arb-mode-title { font-size: 14.5px; }
    .arb-mode-cap { font-size: 12px; line-height: 1.25; }
    .arb-mode-check { width: 18px; height: 18px; top: 8px; right: 8px; }
    .arb-mode-check svg { width: 11px; height: 11px; }
    .arb-login a.arb-signup, .arb-hint { padding: 8px 12px; }
    .arb-signup-icon { flex-basis: 30px; width: 30px; height: 30px; }
    .arb-signup-cap { font-size: 12px; }
    .arb-signup-text strong { font-size: 14.5px; }
    .arb-hint { font-size: 13px; }
    .arb-field { padding: 7px 16px 6px; }
    .arb-login .arb-field label { font-size: 11.5px !important; }
    .arb-login input.arb-input { height: 26px !important; line-height: 26px !important; font-size: 16px !important; }
    .arb-row { padding: 8px 2px 10px; }
    .arb-switch-track { flex-basis: 46px; width: 46px; height: 28px; }
    .arb-switch-knob { width: 24px; height: 24px; }
    .arb-switch input:checked + .arb-switch-track .arb-switch-knob { transform: translateX(18px); }
    .arb-switch, .arb-login .arb-link { font-size: 14px !important; }
    .arb-login .arb-btn { height: 48px !important; }
    .arb-foot { margin-top: 10px; }
}

@media (max-height: 700px) {
    .arb-login { padding-bottom: calc(80px + env(safe-area-inset-bottom)); }
}
@media (max-height: 650px) {
    .arb-login { padding-top: 10px; padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
    .arb-head { margin-bottom: 8px; }
    .arb-login .arb-title { font-size: 23px !important; }
    .arb-login .arb-sub { font-size: 14.5px; }
    .arb-mode-card { min-height: 84px; padding: 9px 10px; }
    .arb-mode-icon { width: 30px; height: 30px; margin-bottom: 2px; }
    .arb-modes { margin-bottom: 8px !important; }
    .arb-login a.arb-signup, .arb-hint { margin-bottom: 8px; padding: 7px 11px; }
    .arb-field { padding: 6px 16px 5px; }
    .arb-row { padding: 6px 2px 8px; }
    .arb-login .arb-btn { height: 46px !important; }
    .arb-foot { margin-top: 8px; }
}

/* Sin scroll en el ingreso cuando todo entra en la pantalla (lo activa login.js) */
html.arb-no-scroll, html.arb-no-scroll body { overflow: hidden !important; overscroll-behavior: none; }