/* La línea visual de HATIKU Super Nova (la misma de la página de inicio y del inicio de la app):
   papel de plano azul con grilla, tipografía ancha (Archivo), el azul de la marca y el nogal. */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@62..125,400..900&display=swap');
body.hk-marca{margin:0;min-height:100vh; min-height:100dvh;color:#e8e6e1;font-family:Archivo,"Helvetica Neue",Arial,sans-serif;background:#13202f;
  background-image:linear-gradient(rgba(120,160,210,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(120,160,210,.09) 1px,transparent 1px);background-size:24px 24px}
.hk-marca .center-screen{min-height:100vh; min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 18px calc(24px + env(safe-area-inset-bottom,0px));background:none}
.hk-marca .auth-card{width:100%;max-width:440px;background:#0c1622;border:1px solid rgba(232,230,225,.14);border-radius:24px;padding:26px 22px;color:#e8e6e1;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.hk-marca .auth-card h1{font-stretch:118%;font-weight:850;font-size:28px;line-height:1.05;letter-spacing:-.02em;color:#e8e6e1;margin:6px 0 8px}
.hk-marca .auth-card p,.hk-marca .sub{color:#9aa7b6}
.hk-marca .eyebrow{display:none}
.hk-marca .auth-back,.hk-marca .switch-line a{color:#8db4ff}
.hk-marca .switch-line{color:#9aa7b6}
.hk-marca .field label{color:#c4ccd6;font-weight:700;font-size:13px}
.hk-marca .field input{background:#13202f;border:1px solid rgba(232,230,225,.18);color:#e8e6e1;border-radius:12px;padding:12px}
.hk-marca .field input::placeholder{color:#64748b}
.hk-marca .field input:focus{outline:3px solid rgba(141,180,255,.6);outline-offset:1px;border-color:#3d7dff}
.hk-marca .btn-primary,.hk-marca .btn-dark{background:#3d7dff;border:0;color:#fff;border-radius:14px;font-weight:800;padding:14px}
.hk-marca .btn-ghost{background:transparent;color:#e8e6e1;border:1px solid rgba(232,230,225,.18);border-radius:14px}
.hk-marca .hk-regalo{display:flex;gap:12px;align-items:center;background:linear-gradient(120deg,#1c3a66,#0c1622);border:1px solid rgba(61,125,255,.5);border-radius:16px;padding:12px 14px;margin:14px 0}
.hk-marca .hk-regalo b{display:block;color:#fff}.hk-marca .hk-regalo span{font-size:12.5px;color:#c4ccd6}
.hk-marca .hk-opcion{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(232,230,225,.14);border-radius:14px;padding:11px 12px;margin:6px 0;cursor:pointer}
.hk-marca .hk-opcion input{margin-top:3px;accent-color:#3d7dff}.hk-marca .hk-opcion:has(input:checked){border-color:#3d7dff;background:rgba(61,125,255,.1)}
.hk-marca .hk-opcion b{color:#e8e6e1}.hk-marca .hk-opcion small{display:block;color:#9aa7b6;font-size:12.5px}
.hk-marca .hk-wa{display:block;text-align:center;margin-top:16px;background:#25d366;color:#08240f;font-weight:800;border-radius:14px;padding:14px;text-decoration:none}
.hk-marca .status-icon{background:rgba(61,125,255,.15);color:#8db4ff}
/* (la hoja general pone los títulos de los campos en mayúsculas y letra de máquina, y los input al 100 %: acá no) */
.hk-marca .field label{text-transform:none;font-family:inherit;letter-spacing:0}
.hk-marca .field label.hk-opcion{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:10px;font-weight:400;font-size:14px}
.hk-marca .hk-opcion input[type=radio]{width:18px;height:18px;flex:none;margin:2px 0 0;padding:0}
.hk-marca .hk-opcion b,.hk-marca .hk-opcion small{text-transform:none;font-family:inherit;letter-spacing:0}
.hk-marca .hk-opcion b{font-size:15px}