.seguridad-cuenta-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;background:linear-gradient(135deg,var(--card),rgba(37,99,235,.12));}
.seguridad-cuenta-icono{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;font-size:28px;background:rgba(59,130,246,.14);border:1px solid rgba(96,165,250,.28);}
.seguridad-cuenta-hero-texto h2{margin:4px 0 7px;font-size:clamp(21px,2vw,29px);}
.seguridad-cuenta-hero-texto p{margin:0;color:var(--mut);max-width:760px;}
.seguridad-cuenta-kicker{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#93c5fd;font-weight:700;}
.seguridad-cuenta-estado{display:flex;justify-content:flex-end;align-items:center;}
.seguridad-cuenta-estado .badge.seguridad-activa{color:#86efac;border-color:rgba(34,197,94,.45);background:rgba(22,163,74,.12);}
.seguridad-aviso-obligatorio{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:13px 16px;border-radius:12px;border:1px solid rgba(245,158,11,.48);background:rgba(245,158,11,.10);margin:12px 0;color:var(--ink);}
.seguridad-aviso-obligatorio span{color:var(--mut);}
.seguridad-cuenta-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.75fr);gap:16px;align-items:start;}
.seguridad-configuracion-card{padding:22px;min-height:430px;}
.seguridad-columna-lateral{display:grid;gap:4px;}
.seguridad-seccion-titulo{margin-bottom:18px;}
.seguridad-seccion-titulo>div{display:flex;align-items:center;gap:10px;}
.seguridad-seccion-titulo h3{margin:0;font-size:20px;}
.seguridad-seccion-titulo p{margin:8px 0 0;color:var(--mut);line-height:1.55;}
.seguridad-paso-numero{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:rgba(59,130,246,.15);color:#93c5fd;border:1px solid rgba(96,165,250,.32);font-weight:800;}
.mfa-app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 18px;}
.mfa-app-opcion{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:15px;border-radius:12px;background:transparent;color:var(--ink);border:1px solid #334155;min-height:76px;transition:border-color .15s ease,background .15s ease,transform .15s ease;}
.mfa-app-opcion:hover{transform:translateY(-1px);border-color:#64748b;}
.mfa-app-opcion.activa{border-color:#60a5fa;background:rgba(37,99,235,.12);box-shadow:0 0 0 2px rgba(59,130,246,.10);}
.mfa-app-opcion strong{font-size:14px;}
.mfa-app-opcion small{color:var(--mut);}
.seguridad-explicacion{padding:14px 16px;border-radius:12px;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.18);margin-bottom:18px;}
.seguridad-explicacion p{margin:5px 0 0;color:var(--mut);line-height:1.5;}
.seguridad-formulario-linea{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;}
.seguridad-formulario-linea label{display:block;margin-bottom:7px;color:var(--mut);font-size:13px;}
.seguridad-formulario-linea input{width:100%;}
.seguridad-boton-principal{padding:10px 16px;color:#dbeafe;border-color:#3b82f6;background:rgba(37,99,235,.22);font-weight:700;}
.mfa-identidad-cuenta{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 14px;border:1px solid rgba(96,165,250,.28);background:rgba(37,99,235,.08);border-radius:12px;margin-bottom:16px;}
.mfa-identidad-cuenta span{color:var(--mut);}
.mfa-identidad-cuenta strong span{color:var(--ink);}
.mfa-qr-layout-integrado{margin-top:0;}
.seguridad-acciones-pagina{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.seguridad-estado-activo{display:flex;align-items:center;gap:14px;padding:18px;border-radius:14px;background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.26);}
.seguridad-estado-check{width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:rgba(34,197,94,.18);color:#86efac;font-size:24px;font-weight:900;}
.seguridad-estado-activo h3{margin:0 0 5px;}
.seguridad-estado-activo p{margin:0;color:var(--mut);}
.seguridad-datos-resumen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}
.seguridad-datos-resumen>div{padding:12px;border-radius:11px;background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.16);display:flex;flex-direction:column;gap:4px;}
.seguridad-datos-resumen span{font-size:12px;color:var(--mut);}
.seguridad-sin-desactivar{margin:16px 0 0;color:var(--mut);font-size:13px;}
.seguridad-ayuda-card h3,.seguridad-dispositivos-card h3{margin-top:0;}
.seguridad-ayuda-card ul{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px;}
.seguridad-ayuda-card li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.15);}
.seguridad-ayuda-card li:last-child{border-bottom:0;}
.seguridad-ayuda-card li span{color:var(--mut);font-size:12px;}
.seguridad-seccion-encabezado{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;}
.seguridad-seccion-encabezado p{margin:5px 0 0;}
.seguridad-dispositivo-vacio{padding:14px;border:1px dashed rgba(148,163,184,.3);border-radius:10px;color:var(--mut);text-align:center;}
.seguridad-dispositivo-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(148,163,184,.15);}
.seguridad-dispositivo-item:last-child{border-bottom:0;}
.seguridad-dispositivo-item div{display:flex;flex-direction:column;gap:3px;}
.seguridad-dispositivo-item small{color:var(--mut);}
:root[data-theme="light"] .seguridad-cuenta-kicker{color:#1d4ed8;}
:root[data-theme="light"] .mfa-app-opcion{border-color:#cbd5e1;background:#fff;color:#0f172a;}
:root[data-theme="light"] .mfa-app-opcion.activa{border-color:#2563eb;background:#eff6ff;}
:root[data-theme="light"] .seguridad-paso-numero{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe;}
@media(max-width:980px){.seguridad-cuenta-grid{grid-template-columns:1fr}.seguridad-columna-lateral{grid-template-columns:repeat(2,minmax(0,1fr));}.seguridad-cuenta-hero{grid-template-columns:auto 1fr}.seguridad-cuenta-estado{grid-column:1/-1;justify-content:flex-start;}}
@media(max-width:680px){.seguridad-cuenta-hero{grid-template-columns:1fr}.seguridad-cuenta-icono{width:50px;height:50px}.mfa-app-grid{grid-template-columns:1fr}.seguridad-formulario-linea{grid-template-columns:1fr}.seguridad-columna-lateral{grid-template-columns:1fr}.seguridad-datos-resumen{grid-template-columns:1fr}.mfa-identidad-cuenta{flex-direction:column}.seguridad-configuracion-card{padding:16px;}}

/* V1.2.16.3 · Activación MFA directa con identidad de empresa */
.mfa-identidad-cuenta-datos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:min(100%,360px);}
.mfa-identidad-cuenta-datos>div{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border-radius:9px;background:rgba(148,163,184,.07);border:1px solid rgba(148,163,184,.15);}
.mfa-identidad-cuenta-datos small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);}
.mfa-identidad-cuenta-datos strong{color:var(--ink);overflow-wrap:anywhere;}
.seguridad-confirmacion-codigo{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:16px;}
.seguridad-confirmacion-codigo label{display:block;margin-bottom:7px;font-weight:700;}
.seguridad-confirmacion-codigo input{width:100%;max-width:220px;font-size:20px;letter-spacing:.16em;}
.seguridad-confirmacion-codigo p{margin:7px 0 0;line-height:1.45;}
.seguridad-qr-error{display:flex;min-height:180px;align-items:center;justify-content:center;flex-direction:column;gap:12px;text-align:center;color:var(--mut);padding:18px;}
@media(max-width:680px){.mfa-identidad-cuenta-datos{grid-template-columns:1fr;min-width:0}.seguridad-confirmacion-codigo{grid-template-columns:1fr}.seguridad-confirmacion-codigo input{max-width:none}}

/* V1.2.18 · Identidad legible de dispositivos confiables */
.seguridad-dispositivo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 0;}
.seguridad-dispositivo-item>div{display:block;}
.seguridad-dispositivo-icono{width:42px;height:42px;border-radius:12px;display:grid!important;place-items:center;background:rgba(59,130,246,.12);border:1px solid rgba(96,165,250,.24);font-size:21px;line-height:1;}
.seguridad-dispositivo-contenido{min-width:0;display:flex!important;flex-direction:column;gap:3px;}
.seguridad-dispositivo-titulo{display:flex!important;flex-direction:row!important;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;}
.seguridad-dispositivo-titulo strong{overflow-wrap:anywhere;}
.seguridad-dispositivo-actual{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.03em;color:#86efac;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);}
.seguridad-dispositivo-detalle{color:#bfdbfe!important;font-weight:600;}
:root[data-theme="light"] .seguridad-dispositivo-icono{background:#eff6ff;border-color:#bfdbfe;}
:root[data-theme="light"] .seguridad-dispositivo-detalle{color:#1d4ed8!important;}
:root[data-theme="light"] .seguridad-dispositivo-actual{color:#166534;background:#f0fdf4;border-color:#bbf7d0;}
@media(max-width:520px){.seguridad-dispositivo-item{grid-template-columns:auto minmax(0,1fr)}.seguridad-dispositivo-item>button{grid-column:2;justify-self:start}.seguridad-dispositivo-icono{align-self:start}}