.secure-access-screen{--sa-cyan:#00e5ff;--sa-blue:#0045f5;--sa-violet:#6633ee;--sa-ink:#08080d;--sa-muted:#667085;position:relative;isolation:isolate;min-height:100vh;display:grid;place-items:center;overflow:hidden;padding:32px;background:radial-gradient(circle at 18% 12%,rgba(0,229,255,.12),transparent 30%),radial-gradient(circle at 82% 82%,rgba(102,51,238,.14),transparent 34%),linear-gradient(145deg,#07080d,#0b0d17 58%,#090a12);font-family:Inter,system-ui,sans-serif;color:#0c111d}
.secure-access-screen::before{content:"";position:absolute;inset:0;z-index:-2;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 82%)}
.secure-orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(8px);pointer-events:none}.secure-orb-one{width:320px;height:320px;left:-90px;top:-80px;background:radial-gradient(circle,rgba(0,229,255,.13),transparent 68%)}.secure-orb-two{width:420px;height:420px;right:-130px;bottom:-140px;background:radial-gradient(circle,rgba(102,51,238,.16),transparent 68%)}
.secure-shell{width:min(1120px,100%);min-height:680px;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(460px,1.08fr);overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#fff;box-shadow:0 38px 110px rgba(0,0,0,.48)}
.secure-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:38px;color:#eef8ff;background:radial-gradient(circle at 50% 43%,rgba(0,229,255,.11),transparent 30%),linear-gradient(150deg,#0b0d16,#07080d 75%)}
.secure-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(0,229,255,.035) 50%,transparent 64%);transform:translateX(-100%);animation:secureSheen 6s ease-in-out infinite;pointer-events:none}
.secure-brand{position:relative;z-index:2;display:flex;align-items:center;gap:12px}.secure-brand-mark{width:45px;height:45px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.3);border-radius:13px;background:rgba(255,255,255,.045);font:800 23px/1 'Space Grotesk',sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.08),0 0 28px rgba(0,229,255,.08)}.secure-brand-mark span{color:var(--sa-cyan)}.secure-brand-copy strong,.secure-brand-copy small{display:block}.secure-brand-copy strong{font:700 18px/1.2 'Space Grotesk',sans-serif}.secure-brand-copy small{margin-top:3px;color:#7f8aa3;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.secure-core{position:relative;width:300px;height:300px;align-self:center;display:grid;place-items:center}.secure-core-halo{position:absolute;inset:37px;border-radius:50%;background:radial-gradient(circle,rgba(0,229,255,.16),rgba(0,69,245,.035) 48%,transparent 70%);filter:blur(4px)}.secure-ring{position:absolute;border:1px solid rgba(0,229,255,.23);border-radius:50%}.secure-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--sa-cyan);box-shadow:0 0 15px var(--sa-cyan)}.secure-ring-one{inset:29px;animation:secureRotate 16s linear infinite}.secure-ring-one::after{top:19px;left:37px}.secure-ring-two{inset:62px;border-style:dashed;border-color:rgba(102,51,238,.38);animation:secureRotate 12s linear infinite reverse}.secure-ring-two::after{right:-3px;top:50%;background:#8f68ff}.secure-ring-three{inset:92px;border-color:rgba(255,255,255,.12);animation:securePulse 2.5s ease-in-out infinite}.secure-scan{position:absolute;width:184px;height:184px;border-radius:50%;background:conic-gradient(from 30deg,transparent 0 74%,rgba(0,229,255,.13) 85%,transparent 94%);animation:secureRotate 4.8s linear infinite}.secure-node{position:absolute;width:9px;height:9px;border:2px solid #071018;border-radius:50%;background:var(--sa-cyan);box-shadow:0 0 0 4px rgba(0,229,255,.08),0 0 14px rgba(0,229,255,.65)}.secure-node-a{left:22px;top:126px}.secure-node-b{right:36px;top:64px}.secure-node-c{right:21px;bottom:82px;background:#8c64ff}.secure-node-d{left:50px;bottom:40px;background:var(--sa-blue)}.secure-core-center{position:relative;width:88px;height:88px;display:grid;place-items:center;border:1px solid rgba(0,229,255,.35);border-radius:27px;color:var(--sa-cyan);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(0,229,255,.03));box-shadow:inset 0 1px rgba(255,255,255,.12),0 0 50px rgba(0,229,255,.13)}.secure-core-center svg{width:39px;height:39px}
.secure-visual-copy{position:relative;z-index:2;max-width:390px}.secure-visual-copy h2{margin:0;color:#eef8ff;font:700 28px/1.12 'Space Grotesk',sans-serif;letter-spacing:-.04em}.secure-visual-copy p{margin:12px 0 0;color:#8c96aa;font-size:13px;line-height:1.65}.secure-label{position:absolute;right:28px;top:29px;display:flex;align-items:center;gap:8px;color:#8f9aae;font-size:9px;letter-spacing:.06em;text-transform:uppercase}.secure-label i{width:7px;height:7px;border-radius:50%;background:var(--sa-cyan);box-shadow:0 0 0 4px rgba(0,229,255,.1)}
.secure-auth{min-width:0;display:grid;place-items:center;padding:52px;background:linear-gradient(180deg,#fff,#fbfcff)}.secure-auth-card{min-width:0;width:min(100%,460px)}.secure-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--sa-blue);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.secure-eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--sa-cyan);box-shadow:0 0 0 4px rgba(0,229,255,.1)}.secure-auth h1{margin:14px 0 10px;color:#0b1020;font:700 clamp(31px,3vw,43px)/1.05 'Space Grotesk',sans-serif;letter-spacing:-.055em}.secure-lead{margin:0;color:#687386;font-size:13px;line-height:1.65}
.secure-google-btn,.secure-primary-btn{width:100%;min-height:51px;display:flex;align-items:center;justify-content:center;gap:11px;margin-top:25px;border:1px solid #d7dce5;border-radius:12px;background:#fff;color:#172033;font:700 13px/1 Inter,sans-serif;box-shadow:0 7px 18px rgba(16,24,40,.07);transition:.18s ease}.secure-google-btn:hover{border-color:#aeb7c7;transform:translateY(-1px);box-shadow:0 11px 25px rgba(16,24,40,.11)}.secure-google-btn:disabled,.secure-primary-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.secure-google-btn svg{width:20px;height:20px}.secure-primary-btn{border-color:transparent;color:#fff;background:linear-gradient(100deg,var(--sa-blue),#225ff7 60%,var(--sa-violet));box-shadow:0 12px 25px rgba(0,69,245,.22)}.secure-primary-btn svg{width:17px;height:17px}
.secure-divider{display:flex;align-items:center;gap:12px;margin:25px 0;color:#98a2b3;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.secure-divider::before,.secure-divider::after{content:"";height:1px;flex:1;background:#e7eaf0}.secure-assurance{display:grid;gap:15px}.secure-assurance-row{display:grid;grid-template-columns:37px 1fr;gap:11px;align-items:start}.secure-assurance-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:10px;color:var(--sa-blue);background:#edf3ff}.secure-assurance-icon svg{width:18px;height:18px}.secure-assurance-row strong,.secure-assurance-row span{display:block}.secure-assurance-row strong{color:#1b2538;font-size:11px}.secure-assurance-row span span{margin-top:3px;color:#7b8495;font-size:10px;line-height:1.45}.secure-legal{margin:23px 0 0;color:#98a2b3;font-size:9px;line-height:1.55;text-align:center}
.secure-loader{position:relative;width:190px;height:190px;display:grid;place-items:center;margin:0 auto}.secure-load-ring{position:absolute;border:1px solid rgba(0,69,245,.18);border-radius:50%;animation:secureRotate 5s linear infinite}.secure-load-ring.one{inset:5px}.secure-load-ring.two{inset:28px;border-style:dashed;border-color:rgba(102,51,238,.3);animation-direction:reverse;animation-duration:3.8s}.secure-load-ring.three{inset:52px;border-color:rgba(0,229,255,.38);animation-duration:2.8s}.secure-load-core{width:61px;height:61px;display:grid;place-items:center;border-radius:19px;color:var(--sa-blue);background:#f1f5ff;box-shadow:0 0 38px rgba(0,69,245,.13)}.secure-load-core svg{width:28px}.secure-loading-copy{text-align:center}.secure-loading-copy h2{margin:7px 0 7px;font:700 25px/1.1 'Space Grotesk',sans-serif;color:#101828}.secure-loading-copy p{min-height:40px;margin:0;color:#7b8495;font-size:11px;line-height:1.55}.secure-progress{height:5px;margin-top:25px;overflow:hidden;border-radius:10px;background:#edf0f5}.secure-progress span{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--sa-cyan),var(--sa-blue),var(--sa-violet));animation:secureProgress 1.9s ease-in-out infinite}.secure-loading-status{display:flex;justify-content:space-between;margin-top:9px;color:#98a2b3;font:700 9px/1 'JetBrains Mono',monospace;letter-spacing:.05em}
.secure-user-chip{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:11px;align-items:center;margin:22px 0 20px;padding:11px;border:1px solid #e4e8ef;border-radius:12px;background:#fafbfe}.secure-user-avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--sa-blue),var(--sa-violet));font-size:11px;font-weight:800}.secure-user-chip>span:nth-child(2)>strong,.secure-user-chip>span:nth-child(2)>span{display:block}.secure-user-chip strong{color:#1d2939;font-size:11px}.secure-user-chip>span:nth-child(2)>span{margin-top:3px;color:#7b8495;font-size:9px}.secure-user-chip button{border:0;background:transparent;color:var(--sa-blue);font-size:9px;font-weight:800}.secure-otp-label{display:flex;justify-content:space-between;gap:12px;color:#667085;font-size:10px}.secure-otp-label strong{color:#344054}.secure-otp{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:10px}.secure-otp input{min-width:0;width:100%;height:57px;border:1px solid #d9dee7;border-radius:11px;outline:0;background:#fff;color:#101828;text-align:center;font:700 22px/1 'JetBrains Mono',monospace;transition:.16s}.secure-otp input:focus{border-color:var(--sa-blue);box-shadow:0 0 0 4px rgba(0,69,245,.09)}.secure-otp input.filled{border-color:#9bb7ff;background:#f7f9ff}.secure-otp input.error{border-color:#ef4444;animation:secureShake .25s linear}.secure-verify-row{display:flex;align-items:center;justify-content:space-between;gap:10px 16px;margin:16px 0 0;flex-wrap:wrap}.secure-remember{display:flex;align-items:center;gap:9px;color:#475467;font-size:12px;flex-shrink:0;white-space:nowrap;cursor:pointer}.secure-remember input{flex:0 0 auto;width:16px;height:16px;margin:0;cursor:pointer}.secure-resend,.secure-logout{border:0;background:transparent;color:var(--sa-blue);font-size:10px;font-weight:800}.secure-resend:disabled{color:#a8b0be}.secure-error{min-height:17px;margin:9px 0 0;color:#dc2626;font-size:10px;line-height:1.4}.secure-hint{margin:12px 0 0;color:#98a2b3;font-size:9px;line-height:1.55;text-align:center}
.secure-enroll-grid{display:grid;grid-template-columns:148px 1fr;gap:15px;align-items:center;margin:20px 0}.secure-qr{width:148px;height:148px;padding:7px;border:1px solid #e4e7ec;border-radius:13px;background:#fff}.secure-secret-label{color:#7b8495;font-size:9px;line-height:1.45}.secure-secret{margin-top:8px;padding:9px;border-radius:8px;background:#f4f6fa;color:#344054;font:600 10px/1.45 'JetBrains Mono',monospace;letter-spacing:.08em;word-break:break-all}.secure-success{text-align:center}.secure-success-badge{width:78px;height:78px;display:grid;place-items:center;margin:0 auto 20px;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--sa-cyan),var(--sa-blue));box-shadow:0 18px 40px rgba(0,69,245,.2)}.secure-success-badge svg{width:36px}.secure-success h2{margin:0;color:#101828;font:700 28px/1.1 'Space Grotesk',sans-serif}.secure-success p{color:#7b8495;font-size:11px;line-height:1.6}
@keyframes secureRotate{to{transform:rotate(360deg)}}@keyframes securePulse{50%{transform:scale(1.07);opacity:.6}}@keyframes secureProgress{0%{transform:translateX(-100%)}50%{transform:translateX(40%)}100%{transform:translateX(145%)}}@keyframes secureSheen{0%,45%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}@keyframes secureShake{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}
@media(max-width:900px){.secure-shell{grid-template-columns:1fr;min-height:auto}.secure-visual{min-height:225px;padding:27px}.secure-core{position:absolute;right:16px;top:-26px;width:220px;height:220px;opacity:.55}.secure-visual-copy{margin-top:62px;max-width:480px}.secure-visual-copy h2{font-size:23px}.secure-label{display:none}.secure-auth{padding:42px}}
@media(max-width:560px){.secure-access-screen{padding:0;display:block}.secure-shell{min-height:100vh;border:0;border-radius:0}.secure-visual{min-height:170px;padding:22px}.secure-core{width:180px;height:180px;right:-25px;top:-25px}.secure-visual-copy{margin-top:28px;max-width:270px}.secure-visual-copy h2{font-size:19px}.secure-visual-copy p{display:none}.secure-auth{padding:34px 22px}.secure-auth-card{width:100%;max-width:100%}.secure-auth h1{font-size:32px}.secure-loading-copy h2{font-size:23px}.secure-otp{gap:6px}.secure-otp input{height:51px;font-size:19px}.secure-enroll-grid{grid-template-columns:1fr}.secure-qr{margin:auto}}
@media(prefers-reduced-motion:reduce){.secure-access-screen *{animation-duration:.01ms!important;animation-iteration-count:1!important}}

/* ── Separación de públicos: Individuos / Empresas (2026-07-18) ───────────────
   Dos pestañas dentro de la misma tarjeta de acceso. Individuos es la primera,
   pero se recuerda la última usada para no darle un paso extra a los clientes
   que ya entran por Empresas todos los días (ver auth-screen.js). */
.secure-audience {
    display: flex;
    gap: 4px;
    margin: 20px 0 22px;
    padding: 4px;
    border: 1px solid #e4e7ec;
    border-radius: 13px;
    background: #f4f6fa;
}
.secure-audience-tab {
    flex: 1 1 0;
    min-height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--sa-muted);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: -0.01em;
    transition: background .18s, color .18s, border-color .18s, box-shadow .18s;
}
.secure-audience-tab svg { width: 17px; height: 17px; flex: 0 0 auto; }
.secure-audience-tab:hover { color: var(--sa-ink); }
.secure-audience-tab.active {
    border-color: #e4e7ec;
    background: #fff;
    color: var(--sa-blue);
    box-shadow: 0 1px 2px rgba(8, 8, 13, .06);
}
.secure-audience-tab:focus-visible {
    outline: 2px solid var(--sa-blue);
    outline-offset: 2px;
}

.secure-audience-panel[hidden] { display: none; }

/* Puente entre pestañas: "¿Sos parte de una empresa? Ingresá por acá" */
.secure-switch {
    margin: 18px 0 0;
    color: var(--sa-muted);
    font-size: 11px;
    line-height: 1.6;
    text-align: center;
}
.secure-switch > button {
    padding: 2px 0;
    border: 0;
    background: none;
    color: var(--sa-blue);
    font-size: 11px;
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 2px;
    cursor: pointer;
}
.secure-switch > button:hover { color: #0035bd; }
.secure-switch > button:focus-visible { outline: 2px solid var(--sa-blue); outline-offset: 2px; border-radius: 4px; }

@media (max-width: 560px) {
    .secure-audience-tab { font-size: 11.5px; gap: 5px; }
    .secure-audience-tab svg { width: 15px; height: 15px; }
}