/* Kanto · Entrar con huella. Lo pinta web/kanto/huella.js. */
.hu-btn { width: 100%; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 13px; background: #111; color: #fff; border: none; border-radius: 8px; font-size: 14px; font-weight: 600; cursor: pointer; font-family: inherit; }
.hu-btn svg { width: 20px; height: 20px; }
.hu-o { text-align: center; font-size: 12px; color: #888; margin: 12px 0 10px; }
.hu-ov { position: fixed; inset: 0; background: rgba(0,0,0,0.55); z-index: 160; display: flex; align-items: center; justify-content: center; padding: 24px; }
.hu-card { background: #fff; color: #111; max-width: 380px; width: 100%; border-radius: 14px; padding: 24px; font-family: 'Roboto', sans-serif; text-align: center; box-shadow: 0 24px 60px rgba(0,0,0,0.35); }
.hu-card b { font-size: 17px; font-weight: 600; }
.hu-card p { font-size: 13.5px; color: #555; line-height: 1.6; margin: 10px 0 18px; }
.hu-card button { width: 100%; padding: 12px; border-radius: 8px; font-size: 14px; cursor: pointer; font-family: inherit; }
.hu-si { background: #111; color: #fff; border: none; font-weight: 600; }
.hu-no { background: transparent; color: #666; border: none; margin-top: 6px; }
.hu-d { font-size: 13.5px; color: var(--kt-mut); line-height: 1.6; max-width: 560px; }
.hu-lista { display: flex; flex-direction: column; gap: 8px; margin: 12px 0; max-width: 560px; }
.hu-fila { display: flex; align-items: center; justify-content: space-between; gap: 12px; background: var(--kt-panel); border: 1px solid var(--kt-line); border-radius: 10px; padding: 10px 14px; font-size: 14px; }
.hu-fila small { display: block; font-size: 11.5px; color: var(--kt-mut2); margin-top: 2px; }
.kt-panel .hu-fila .kp-btn { margin-top: 0; padding: 8px 14px; }