/* LAS LLAVES DE ACCESO BIOMÉTRICAS (3-nov-2026): el aviso tras entrar, el botón de los logins y «Mis llaves». */
.pk-offer .modal-content{ border-radius:20px; box-shadow:0 24px 60px rgba(20,30,55,.18); }
.pk-offer__ico{ width:72px; height:72px; margin:0 auto 14px; border-radius:50%; display:flex; align-items:center;
  justify-content:center; font-size:34px; color:#E33D48; background:rgba(227,61,72,.10); flex:0 0 auto; }
.pk-offer__ico.is-done{ color:#198754; background:rgba(25,135,84,.10); }
.pk-offer__list{ list-style:none; padding:0; margin-left:auto; margin-right:auto; max-width:360px; }
.pk-offer__list li{ margin:0 0 6px; display:flex; align-items:baseline; }
.pk-offer__list i{ color:#007CA2; width:18px; flex:0 0 auto; }
.pk-login{ margin-top:14px; }
.pk-login__sep{ display:flex; align-items:center; gap:10px; color:#8a94a6; font-size:.82rem; margin:0 0 12px; }
.pk-login__sep::before, .pk-login__sep::after{ content:""; flex:1 1 auto; height:1px; background:#e3e7ee; }
.pk-login__btn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; }
.pk-login__btn i{ font-size:1.25em; }
.pk-login__btn.is-busy{ pointer-events:none; opacity:.75; }
.pk-login__btn.is-busy i{ animation:pk-pulse 1s ease-in-out infinite; }
@keyframes pk-pulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
.pk-keys{ display:flex; flex-direction:column; gap:10px; }
.pk-key{ display:flex; align-items:center; gap:12px; padding:12px 14px; border:1px solid #e6e9ef; border-radius:14px;
  background:#fff; }
.pk-key__ico{ width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center;
  background:rgba(0,124,162,.10); color:#007CA2; font-size:18px; flex:0 0 auto; }
.pk-key__body{ min-width:0; flex:1 1 auto; }
.pk-badge{ display:inline-flex; align-items:center; gap:4px; font-size:.75rem; padding:2px 8px; border-radius:999px;
  background:rgba(0,124,162,.10); color:#00607e; white-space:nowrap; }