/* VIX Secure Native — login designer 2026 */
.px-auth{background:#07152b;min-height:100vh}.px-auth .px-auth-card{max-width:1120px;width:min(1120px,calc(100% - 32px));padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);background:transparent;box-shadow:0 28px 90px rgba(0,0,0,.3);position:relative}.px-auth .px-auth-brand{position:absolute;z-index:6;top:26px;left:30px;margin:0}.px-auth .px-auth-brand img{width:142px;max-height:46px}.px-auth .px-auth-brand .px-badge{display:none}
.vix-secure-login-shell{--secure-primary:#1264e8;--secure-accent:#38bdf8;--secure-bg:#f4f7fb;--secure-panel:#fff;--secure-text:#111d34;--secure-muted:#6d7b91;--secure-input:#fff;--secure-input-border:#cad5e3;--secure-button:#1264e8;--secure-button-text:#fff;--secure-radius:14px;--secure-panel-width:520px;--secure-panel-padding:40px;--secure-field-radius:8px;--secure-button-radius:8px;display:grid;grid-template-columns:minmax(360px,.94fr) minmax(420px,1.06fr);min-height:650px;background:var(--secure-bg);border-radius:var(--secure-radius);overflow:hidden;color:var(--secure-text)}
.vix-secure-login-shell.no-scene{grid-template-columns:1fr;max-width:700px;margin:auto}.vix-secure-login-copy{position:relative;overflow:hidden;display:flex;align-items:flex-end;padding:100px 48px 52px;color:#fff;background:linear-gradient(145deg,#071936,#0a2a59 60%,#0b58bf 130%);isolation:isolate}.vix-secure-login-copy:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(56,189,248,.28),transparent 30%),radial-gradient(circle at 14% 82%,rgba(18,100,232,.32),transparent 38%);z-index:-1}.vix-secure-login-copy:after{content:"";position:absolute;inset:auto -12% -22% 8%;height:55%;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-12deg);z-index:-1}.vix-secure-scene-content{position:relative;z-index:2;max-width:470px}.vix-secure-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.18em;font-weight:900;color:#8bdcff}.vix-secure-login-copy h1{margin:13px 0 14px;font-size:clamp(34px,4vw,50px);line-height:1.02;letter-spacing:-.05em}.vix-secure-login-copy p{margin:0;max-width:430px;color:rgba(255,255,255,.78);line-height:1.7}.vix-secure-signals{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.vix-secure-signals span{border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.07);backdrop-filter:blur(8px);padding:8px 10px;border-radius:999px;font-size:10px;font-weight:700;color:#e5f1ff}
.vix-secure-form-panel{background:var(--secure-panel);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:78px var(--secure-panel-padding) 46px;min-width:0}.vix-secure-form-head,.vix-secure-form{width:min(100%,var(--secure-panel-width));margin-left:auto;margin-right:auto}.vix-secure-form-head{margin-bottom:24px}.vix-secure-form-mark{display:inline-flex;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--secure-primary) 10%,transparent);color:var(--secure-primary);font-size:12px;font-weight:900;letter-spacing:.15em}.vix-secure-form-head h2{font-size:30px;letter-spacing:-.045em;margin:13px 0 8px;color:var(--secure-text)}.vix-secure-form-head p{margin:0;color:var(--secure-muted);line-height:1.6;font-size:13px}.vix-secure-form{padding:0}.vix-secure-form .px-field label{color:var(--secure-text)}.vix-secure-form .px-input{background:var(--secure-input);border-color:var(--secure-input-border);border-radius:var(--secure-field-radius);color:var(--secure-text);min-height:48px}.vix-secure-form .px-input:focus{border-color:var(--secure-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--secure-primary) 13%,transparent)}.vix-secure-submit{width:100%;min-height:50px;border-radius:var(--secure-button-radius)!important;background:var(--secure-button)!important;border-color:var(--secure-button)!important;color:var(--secure-button-text)!important}.vix-passkey-login{width:100%;min-height:48px;justify-content:center;border-radius:var(--secure-button-radius)}.vix-secure-link{display:block;text-align:center;font-size:13px;font-weight:800;color:var(--secure-primary);text-decoration:none}.vix-secure-status{min-height:20px;font-size:12px;color:var(--secure-muted);text-align:center}.vix-secure-mobile-signals{display:none;gap:8px;justify-content:center;margin-top:24px}.vix-secure-mobile-signals span{font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--secure-muted);border:1px solid var(--secure-input-border);border-radius:999px;padding:5px 8px}
/* Eleven native compositions */
.template-executive .vix-secure-login-copy{background-image:linear-gradient(180deg,rgba(3,17,38,.2),rgba(3,17,38,.83)),url('../security/login/executive-pro.webp');background-size:cover;background-position:center}.template-executive .vix-secure-login-copy:before{background:linear-gradient(90deg,rgba(3,22,51,.42),transparent 62%)}
.template-noir{background:#050b14}.template-noir .vix-secure-login-copy{background-image:linear-gradient(180deg,rgba(2,4,10,.18),rgba(2,4,10,.88)),url('../security/login/noir-prestige.webp');background-size:cover;background-position:center}.template-noir .vix-secure-login-copy:after{background:url('../security/login/noir-prestige-glow.png') center/contain no-repeat;border:0;opacity:.34;inset:15% -20% -15% 20%;height:auto}.template-noir .vix-secure-kicker{color:#d6b27a}
.template-command{background:#111827}.template-command .vix-secure-login-copy{background-image:linear-gradient(180deg,rgba(8,12,22,.35),rgba(8,12,22,.9)),url('../security/login/command.webp');background-size:cover;background-position:center}.template-command .vix-secure-form-panel{background:#111827}.template-command .vix-secure-form-head h2,.template-command .vix-secure-form .px-field label{color:#f8fafc}.template-command .vix-secure-form-head p,.template-command .vix-secure-status{color:#94a3b8}.template-command .vix-secure-form .px-input{background:#172033;border-color:#334155;color:#f8fafc}
.template-glass{background-image:linear-gradient(145deg,rgba(23,105,255,.18),rgba(121,87,232,.18)),url('../security/login/glass.webp');background-size:cover;background-position:center;padding:28px;gap:20px}.template-glass .vix-secure-login-copy,.template-glass .vix-secure-form-panel{border:1px solid rgba(255,255,255,.4);border-radius:calc(var(--secure-radius) - 4px);backdrop-filter:blur(22px)}.template-glass .vix-secure-login-copy{background:rgba(6,29,67,.46)}.template-glass .vix-secure-form-panel{background:rgba(255,255,255,.8)}
.template-split .vix-secure-login-copy{background-image:linear-gradient(180deg,rgba(8,35,77,.22),rgba(7,27,58,.8)),url('../security/login/split.webp');background-size:cover;background-position:center}
.template-editorial .vix-secure-login-copy{background-image:linear-gradient(180deg,rgba(48,25,88,.1),rgba(20,25,64,.74)),url('../security/login/aurora.webp');background-size:cover;background-position:center}.template-editorial .vix-secure-login-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:600;letter-spacing:-.035em}.template-editorial .vix-secure-form-head h2{font-family:Georgia,"Times New Roman",serif;font-weight:600}
.template-minimal{grid-template-columns:1fr;max-width:680px;margin:auto;background:#f8fafc}.template-minimal .vix-secure-login-copy{display:none}.template-minimal .vix-secure-form-panel{padding-top:96px;background:#fff}.template-minimal .vix-secure-form-mark{background:#f1f5f9;color:#475569}
.template-monolith{grid-template-columns:1fr;max-width:720px;margin:auto;background:#f3f0e8;border:10px solid #111}.template-monolith .vix-secure-login-copy{display:none}.template-monolith .vix-secure-form-panel{background:#f9f7f2}.template-monolith .vix-secure-form-mark{background:#111;color:#fff;border-radius:2px}.template-monolith .vix-secure-submit{box-shadow:6px 6px 0 rgba(17,17,17,.18)}
.template-orbit{grid-template-columns:1fr;max-width:760px;margin:auto;position:relative;background:radial-gradient(circle at 10% 15%,rgba(28,107,255,.14),transparent 28%),radial-gradient(circle at 90% 88%,rgba(113,87,232,.16),transparent 34%),#f5f7ff}.template-orbit .vix-secure-login-copy{display:none}.template-orbit:before,.template-orbit:after{content:"";position:absolute;border:1px solid rgba(28,107,255,.18);border-radius:50%;width:300px;height:300px;pointer-events:none}.template-orbit:before{left:-190px;top:-150px}.template-orbit:after{right:-210px;bottom:-160px}.template-orbit .vix-secure-form-panel{background:rgba(255,255,255,.82);backdrop-filter:blur(12px)}
.template-canvas .vix-secure-login-copy{background:linear-gradient(145deg,#2144af,#5339a8 65%,#8c56d9)}.template-canvas .vix-secure-login-copy:before{background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.09) 40% 42%,transparent 42% 60%,rgba(255,255,255,.06) 60% 62%,transparent 62%)}.template-canvas .vix-secure-login-copy h1{font-size:56px;max-width:350px}
.template-zen{grid-template-columns:1fr;max-width:700px;margin:auto;background:#ebe6dc}.template-zen .vix-secure-login-copy{display:none}.template-zen .vix-secure-form-panel{background:#f2efe8;padding-top:100px}.template-zen .vix-secure-form-mark{background:transparent;color:#8c765f;border:1px solid #cfc6b7}.template-zen .vix-secure-form .px-input{background:#faf8f3;border-color:#d7d0c5}.template-zen .vix-secure-submit{letter-spacing:.04em}
.vix-secure-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.vix-security-challenge{padding:70px 54px 48px;max-width:620px;background:#fff}.vix-security-challenge h1{color:#071b3a;margin:12px 0 14px;font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.04em}.vix-security-challenge>p{color:#62738b;line-height:1.65}.vix-twofa-setup{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;margin:24px 0;padding:20px;border:1px solid #e2e9f3;border-radius:18px;background:#f8fbff}.vix-twofa-qr{width:170px;height:170px;background:#fff;border-radius:12px;padding:10px;display:grid;place-items:center}.vix-twofa-qr canvas,.vix-twofa-qr img{max-width:100%;max-height:100%}.vix-secret-code{display:block;margin-top:8px;word-break:break-all;padding:10px}.vix-otp-input{letter-spacing:.22em;font-weight:800;text-align:center;font-size:20px}.vix-check{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#53657d}.cf-turnstile,.g-recaptcha{margin:4px 0 12px}
@media(max-width:860px){.px-auth .px-auth-card{width:min(680px,calc(100% - 24px))}.vix-secure-login-shell,.template-glass{grid-template-columns:1fr;padding:0;gap:0}.vix-secure-login-copy{min-height:280px;padding:94px 34px 34px}.vix-secure-login-copy h1{font-size:36px}.vix-secure-form-panel{padding:38px 34px 42px}.px-auth .px-auth-brand{top:22px;left:26px}.vix-twofa-setup{grid-template-columns:1fr}.vix-twofa-qr{margin:auto}.vix-security-challenge{padding:84px 28px 38px}.template-glass .vix-secure-login-copy,.template-glass .vix-secure-form-panel{border-radius:0;border:0}.template-canvas .vix-secure-login-copy h1{font-size:40px}}
@media(max-width:500px){.px-auth .px-auth-card{width:100%;min-height:100vh;border:0;border-radius:0}.vix-secure-login-shell{min-height:100vh;border-radius:0}.vix-secure-login-copy{min-height:220px;padding:82px 24px 26px}.vix-secure-login-copy p,.vix-secure-signals{display:none}.vix-secure-form-panel{padding:30px 24px 38px}.vix-secure-form-head h2{font-size:27px}.vix-secure-mobile-signals{display:flex}.vix-security-challenge{padding:84px 22px 36px}.template-minimal,.template-monolith,.template-orbit,.template-zen{border-radius:0;max-width:none}.template-monolith{border-width:6px}}

/* VIX Secure Pro v101 — variables del diseñador nativo */
.vix-secure-login-shell{grid-template-columns:minmax(300px,var(--secure-scene-width,38%)) minmax(360px,1fr);background:var(--secure-bg);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.vix-secure-login-shell.secure-font-humanist{font-family:"Trebuchet MS",Candara,system-ui,sans-serif}.vix-secure-login-shell.secure-font-serif{font-family:Georgia,"Times New Roman",serif}.vix-secure-login-shell.secure-font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.vix-secure-login-copy{opacity:var(--secure-scene-opacity,1);transform:translate(var(--secure-scene-x,0),var(--secure-scene-y,0)) scale(var(--secure-scene-scale,1));transform-origin:center;background-size:var(--secure-bg-size,cover);background-position:var(--secure-bg-position,center center);background-repeat:var(--secure-bg-repeat,no-repeat)}.vix-secure-login-shell.has-custom-background .vix-secure-login-copy{background-image:linear-gradient(color-mix(in srgb,var(--secure-overlay) calc(var(--secure-overlay-opacity)*100%),transparent),color-mix(in srgb,var(--secure-overlay) calc(var(--secure-overlay-opacity)*100%),transparent)),var(--secure-custom-background)!important;background-size:var(--secure-bg-size,cover)!important;background-position:var(--secure-bg-position,center center)!important;background-repeat:var(--secure-bg-repeat,no-repeat)!important}.vix-secure-login-shell.no-template-background:not(.has-custom-background) .vix-secure-login-copy{background-image:none!important;background:linear-gradient(145deg,#071936,#0a2a59 60%,#0b58bf 130%)!important}.vix-secure-login-copy:before{opacity:calc(1 - var(--secure-overlay-opacity,0))}.vix-secure-scene-content{color:var(--secure-scene-text);text-align:left}.secure-scene-align-center .vix-secure-scene-content{text-align:center;margin-inline:auto}.secure-scene-align-right .vix-secure-scene-content{text-align:right;margin-left:auto}.vix-secure-kicker{font-size:var(--secure-scene-kicker-size);color:var(--secure-scene-kicker)}.vix-secure-login-copy h1{font-size:clamp(30px,var(--secure-scene-title-size),var(--secure-scene-title-size));color:var(--secure-scene-text);font-weight:var(--secure-title-weight);letter-spacing:var(--secure-title-tracking)}.vix-secure-login-copy p{font-size:var(--secure-scene-caption-size);color:var(--secure-scene-caption)}.vix-scene-copyright{display:block;margin-top:24px;color:var(--secure-scene-caption);font-size:var(--secure-footer-size);opacity:.8}.vix-secure-form-panel{padding:78px var(--secure-panel-padding) 46px;background:color-mix(in srgb,var(--secure-panel) var(--secure-panel-opacity),transparent);border:var(--secure-panel-border) solid var(--secure-panel-border-color);backdrop-filter:blur(var(--secure-panel-blur));transform:translate(var(--secure-panel-offset-x),var(--secure-panel-offset-y));position:relative}.secure-panel-shadow-none .vix-secure-form-panel{box-shadow:none}.secure-panel-shadow-soft .vix-secure-form-panel{box-shadow:0 12px 34px rgba(7,27,58,.08)}.secure-panel-shadow-medium .vix-secure-form-panel{box-shadow:0 20px 60px rgba(7,27,58,.13)}.secure-panel-shadow-strong .vix-secure-form-panel{box-shadow:0 28px 90px rgba(7,27,58,.2)}.vix-secure-form-head{margin-bottom:var(--secure-intro-spacing);text-align:left}.secure-content-center .vix-secure-form-head,.secure-content-center .vix-secure-form{text-align:center}.secure-content-right .vix-secure-form-head,.secure-content-right .vix-secure-form{text-align:right}.vix-secure-form-head h2{font-size:var(--secure-title-size);font-weight:var(--secure-title-weight);letter-spacing:var(--secure-title-tracking);color:var(--secure-text)}.vix-secure-form-head p{font-size:var(--secure-subtitle-size);color:var(--secure-muted)}.vix-secure-form{display:grid;gap:var(--secure-form-spacing)}.vix-secure-form .px-field{gap:7px}.vix-secure-form .px-field label{font-size:var(--secure-label-size);font-weight:var(--secure-label-weight);color:var(--secure-label)}.secure-label-uppercase .vix-secure-form .px-field label{text-transform:uppercase;letter-spacing:.06em}.vix-secure-form .px-input{min-height:var(--secure-field-height);padding-left:var(--secure-field-padding-x);padding-right:var(--secure-field-padding-x);border-width:var(--secure-field-border);border-color:var(--secure-input-border);background:var(--secure-input);color:var(--secure-input-text);font-size:var(--secure-field-text-size)}.vix-secure-form .px-input::placeholder{color:var(--secure-placeholder)}.vix-secure-form .px-input:focus{border-color:var(--secure-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--secure-focus) calc(var(--secure-focus-opacity)*100%),transparent)}.vix-secure-submit{min-height:var(--secure-button-height);border-width:var(--secure-button-border-width)!important;border-color:var(--secure-button-border)!important;background:var(--secure-button)!important;color:var(--secure-button-text)!important;font-size:var(--secure-button-text-size);font-weight:var(--secure-button-weight)}.vix-secure-submit:hover{background:var(--secure-button-hover)!important;color:var(--secure-button-hover-text)!important}.secure-button-uppercase .vix-secure-submit{text-transform:uppercase;letter-spacing:.05em}.vix-secure-login-shell:not(.secure-button-full-width) .vix-secure-submit{width:auto;align-self:flex-start;padding-inline:28px}.secure-content-center:not(.secure-button-full-width) .vix-secure-submit{justify-self:center}.secure-content-right:not(.secure-button-full-width) .vix-secure-submit{justify-self:end}.secure-button-shadow-none .vix-secure-submit{box-shadow:none}.secure-button-shadow-soft .vix-secure-submit{box-shadow:0 8px 20px color-mix(in srgb,var(--secure-button) 18%,transparent)}.secure-button-shadow-medium .vix-secure-submit{box-shadow:0 12px 30px color-mix(in srgb,var(--secure-button) 25%,transparent)}.secure-button-shadow-strong .vix-secure-submit{box-shadow:0 16px 40px color-mix(in srgb,var(--secure-button) 34%,transparent)}.vix-passkey-login{min-height:var(--secure-button-height);font-size:var(--secure-button-text-size);font-weight:var(--secure-button-weight)}.vix-secure-link,.vix-login-secondary a{font-size:var(--secure-link-size);color:var(--secure-link);text-decoration:none}.secure-content-center .vix-secure-link{text-align:center}.secure-content-right .vix-secure-link{text-align:right}.secure-link-underline .vix-secure-link,.secure-link-underline .vix-login-secondary a{text-decoration:underline}.vix-login-custom-logo{display:flex;width:100%;margin-bottom:var(--secure-logo-margin)}.vix-login-custom-logo img{width:auto;max-width:var(--secure-logo-width);height:auto;max-height:var(--secure-logo-height);object-fit:contain}.secure-logo-center .vix-login-custom-logo{justify-content:center}.secure-logo-right .vix-login-custom-logo{justify-content:flex-end}.vix-login-secondary{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:2px}.secure-content-center .vix-login-secondary{justify-content:center}.secure-content-right .vix-login-secondary{justify-content:flex-end}.vix-login-remember{display:flex;gap:8px;align-items:center;color:var(--secure-muted);font-size:var(--secure-link-size);cursor:pointer}.vix-login-footer{width:min(100%,var(--secure-panel-width));margin:18px auto 0;color:var(--secure-muted);font-size:var(--secure-footer-size);text-align:center}.secure-ornaments-enabled:before{content:"";position:absolute;inset:20px;border:1px solid color-mix(in srgb,var(--secure-accent) 16%,transparent);border-radius:calc(var(--secure-radius) + 16px);pointer-events:none;z-index:2}.secure-layout-left .vix-secure-form-panel{align-items:flex-start}.secure-layout-right .vix-secure-form-panel{align-items:flex-end}.secure-vertical-top .vix-secure-form-panel{justify-content:flex-start}.secure-vertical-bottom .vix-secure-form-panel{justify-content:flex-end}
@media(max-width:860px){.vix-secure-login-shell{grid-template-columns:1fr}.vix-secure-login-shell:not(.secure-mobile-scene-enabled) .vix-secure-login-copy{display:none}.vix-secure-form-panel{padding:52px var(--secure-panel-padding) 42px;transform:none}.vix-secure-login-copy{transform:none}.vix-login-secondary{flex-wrap:wrap}}
@media(max-width:500px){.vix-secure-form-panel{padding:34px var(--secure-panel-padding) 38px}.vix-secure-login-shell.secure-mobile-scene-enabled .vix-secure-login-copy{min-height:210px}.vix-secure-login-copy h1{font-size:min(36px,var(--secure-scene-title-size))}}

/* Advanced customer registration */
.account-type-picker{border:0;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-type-picker legend{grid-column:1/-1;font-weight:800;color:#10244a;margin-bottom:2px}.account-type-picker label{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid #dfe7f2;border-radius:14px;background:#fff;cursor:pointer}.account-type-picker label:has(input:checked){border-color:#9bbcff;background:#f7faff;box-shadow:0 0 0 1px #c9dcff inset}.account-type-picker input{margin-top:4px}.account-type-picker span{display:grid;gap:2px}.account-type-picker strong{font-size:14px}.account-type-picker small{font-size:12px;color:#64748b;line-height:1.4}.phone-composite{display:grid;grid-template-columns:92px 1fr;gap:8px}.phone-composite .phone-prefix{padding-left:10px;padding-right:24px}.account-register-card .account-form-grid{align-items:start}
@media(max-width:640px){.account-type-picker{grid-template-columns:1fr}.phone-composite{grid-template-columns:88px 1fr}}