/* Seguridad accesible: guía de dos pasos y opciones técnicas ocultas. */
.simple-security .security-intro{padding:28px 32px;margin-bottom:22px;background:linear-gradient(120deg,#1b2d50 0%,#1d2850 100%)}
.simple-security .security-intro h2{font-size:clamp(1.3rem,2.3vw,1.9rem);margin:10px 0;color:#f7f8ff;line-height:1.25}
.simple-security .security-intro p{max-width:760px;color:#c5d1eb;line-height:1.55}
.simple-security .security-progress{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.simple-security .security-progress>div{display:flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid #ffffff27;border-radius:12px;padding:12px 15px;color:#f0f3ff;font-size:13px}
.simple-security .security-progress strong{font-size:11px;font-weight:700;color:#bdb8ff}
.simple-security .security-number{display:inline-grid;place-items:center;border-radius:11px;background:#7064dd;color:#fff;font-weight:800;min-width:36px;height:36px;flex:none}
.simple-security .security-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.simple-security .security-main-card{padding:26px;min-width:0}
.simple-security .security-card-top{display:flex;align-items:flex-start;gap:13px;margin-bottom:21px}
.simple-security .security-card-top h2{font-size:19px;margin:1px 0 7px}
.simple-security .security-card-top p{color:var(--muted);line-height:1.5;margin:0;font-size:13px}
.simple-security .security-state{display:flex;align-items:center;gap:10px;padding:13px;border-radius:10px;font-size:13px;font-weight:650;margin:12px 0 21px}
.simple-security .security-state.good{background:#123a39;color:#84f3d2;border:1px solid #235b52}
.simple-security .security-state.muted{background:rgba(123,132,177,.12);border:1px solid rgba(145,160,199,.21);color:var(--muted)}
.simple-security .security-help{background:rgba(123,135,205,.09);border:1px solid rgba(123,135,205,.19);border-radius:12px;padding:15px 16px;margin:18px 0;color:var(--text)}
.simple-security .security-help strong{font-size:13px}
.simple-security .security-help p{font-size:13px;line-height:1.55;margin:6px 0 0;color:var(--muted)}
.simple-security .security-expander{border-top:1px solid var(--border,#34435e);padding-top:14px;margin-top:14px}
.simple-security .security-expander>summary{cursor:pointer;font-weight:700;padding:6px 0 10px;font-size:13px;display:flex;align-items:center;gap:8px;list-style:revert}
.simple-security .security-expander .form-stack{margin-top:12px}
.simple-security .security-checkbox{display:flex;gap:10px;align-items:start;font-size:13px;line-height:1.5;margin:14px 0}
.simple-security .security-checkbox input{margin-top:3px;width:18px;height:18px;flex:none}
.simple-security .security-device{padding:12px 0;border-bottom:1px solid var(--border,#34435e);display:grid;gap:9px}
.simple-security .security-device small{display:block;color:var(--muted);margin-top:5px}
.simple-security .security-device label{font-size:12px}
.simple-security .security-device input{display:block;margin-top:7px}
.simple-security .security-device button{justify-self:start}
.simple-security .security-fineprint{font-size:12px;line-height:1.5;color:var(--muted);margin:17px 0 0}
.simple-security .security-bottom-card{margin-top:20px;padding:22px 26px}
.simple-security .security-bottom-card .security-expander{padding-top:0;margin:0;border:0}
.simple-security .security-bottom-content{padding-top:6px;max-width:550px}
.simple-security .security-bottom-content p{color:var(--muted)}
.simple-security .security-main-card .btn{width:100%;justify-content:center}
@media(max-width:1050px){.simple-security .security-grid{grid-template-columns:1fr}.simple-security .security-intro,.simple-security .security-main-card{padding:22px}}
@media(max-width:570px){.simple-security .security-progress>div{width:100%}.simple-security .security-card-top h2{font-size:17px}.simple-security .security-intro{padding:20px}.simple-security .security-main-card{padding:19px}}
/* Passkeys nativas en Centro de Operaciones. */
.passkey-registered{margin-top:1.25rem;border-top:1px solid var(--line, #334159);padding-top:1rem}
.passkey-registered h3{font-size:.95rem;margin:.1rem 0 .8rem}
.passkey-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid rgba(142,163,198,.16);padding:.9rem 0}
.passkey-row>div:first-child{display:grid;gap:.2rem}
.passkey-row strong{overflow-wrap:anywhere}
.passkey-row small{color:var(--muted,#8b9bb8)}
.passkey-remove-form{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}
.passkey-remove-form .control{max-width:215px}
.passkey-error{color:#f0aab6!important}
@media(max-width:700px){.passkey-row{display:grid}.passkey-remove-form .control{max-width:none;flex:1}}