.intro{--intro-salida:.7s}.intro-splash{z-index:50;background:var(--barra-negra,#0b0b0c);cursor:pointer;transition:opacity var(--intro-salida) cubic-bezier(.4, 0, 1, 1), transform var(--intro-salida) cubic-bezier(.4, 0, 1, 1);position:fixed;inset:0}.intro[data-fase=salida] .intro-splash{opacity:0;pointer-events:none;transform:scale(1.04)}.intro-luz{position:absolute;inset:0}.intro-logo{width:60vw;color:var(--sobre-barra,#fff);margin:auto;animation:1.1s cubic-bezier(.2,.8,.15,1) .15s both intro-pasada;position:absolute;inset:-1.63vw 0 0}.intro-firma{text-align:center;font-family:var(--fuente-mono,ui-monospace, monospace);letter-spacing:.26em;text-transform:uppercase;color:var(--barra-suave,#cfcfd2);margin:0;font-size:.75rem;animation:.6s cubic-bezier(.16,1,.3,1) .9s both intro-aparecer;position:absolute;top:calc(50% + 5.8vw + 2rem);left:0;right:0}.intro-firma span{color:var(--accion-claro,#7fb2ff)}@media (max-width:699px){.intro-firma{top:calc(50% + 8vw + 1.5rem)}.intro-logo{width:82vw;inset:-2.22vw 0 0}}.intro-login{opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1) .12s,transform .6s cubic-bezier(.16,1,.3,1) .12s;transform:translateY(12px)}.intro:not([data-fase=intro]) .intro-login{opacity:1;transform:none}:root[data-intro-vista] .intro-splash{display:none}:root[data-intro-vista] .intro-login{opacity:1;transition:none;animation:none;transform:none}@media (prefers-reduced-motion:reduce),(scripting:none){.intro-splash{display:none}.intro-login{opacity:1;transition:none;animation:none;transform:none}}@keyframes intro-pasada{0%{opacity:0;filter:blur(14px);transform:translate(-38vw)skew(-14deg)}60%{opacity:1;filter:blur()}to{transform:none}}@keyframes intro-aparecer{0%{opacity:0;transform:translateY(6px)}}
.acceso{--a-fondo:#0b0b0c;--a-texto:#eef2fb;--a-suave:#8e97ab;--a-linea:#7fb2ff33;--a-linea-viva:#7fb2ff;--a-azul:#1f5bd0;--a-azul-vivo:#2f6bff;--a-azul-hondo:#173fa0;--a-hielo:#d8e6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100dvh;padding:var(--e-5) 1rem;color:var(--a-texto);background:radial-gradient(ellipse 70% 42% at 50% 30%, #173fa047, transparent 70%), var(--a-fondo);place-items:center;display:grid;position:relative;overflow-x:clip}.acceso-columna{width:min(100%,23rem);display:grid}.acceso-marca{margin-bottom:var(--e-5)}.acceso-logo-caja{position:relative}.acceso-logo{color:#fff;width:100%;height:auto;display:block;position:relative}.acceso-luz{pointer-events:none;mix-blend-mode:screen;width:100vw;height:calc(1.15*min(23rem,100vw - 2rem));min-height:320px;position:absolute;top:57.2%;left:50%;translate:-50% -50%}.acceso-linea{background:linear-gradient(90deg, transparent, var(--a-azul-hondo) 18%, var(--a-azul-vivo) 36%, var(--a-hielo) 50%, var(--a-azul-vivo) 64%, var(--a-azul-hondo) 82%, transparent);transform-origin:50%;height:2px;animation:1.1s cubic-bezier(.16,1,.3,1) .15s both acceso-luz;position:absolute;top:50%;left:0;right:0;translate:0 -50%;box-shadow:0 0 12px 1px #2f6bff8c,0 0 48px 6px #2f6bff38}.acceso-firma{margin:var(--e-3) 0 0;font-family:var(--fuente-mono);letter-spacing:.26em;text-transform:uppercase;color:var(--a-suave);font-size:.72rem}.acceso-firma span{color:var(--a-linea-viva)}.acceso .rotulo{color:var(--a-texto);border-bottom:0;padding-bottom:0;font-size:1.15rem}.acceso .rotulo-num{color:var(--a-linea-viva)}.acceso .ayuda{margin-bottom:var(--e-4);color:var(--a-suave)}.acceso .formulario{gap:var(--e-4)}.acceso .campo{gap:var(--e-1)}.acceso .campo-etiqueta{font-family:var(--fuente-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--a-suave);font-size:.68rem}.acceso .campo input{min-height:2.75rem;color:var(--a-texto);border:0;border-bottom:1px solid var(--a-linea);caret-color:var(--a-linea-viva);transition:border-color var(--rapido) ease, box-shadow var(--rapido) ease;background:0 0;border-radius:0;padding:.55rem 0;font-size:1rem}.acceso .campo input:hover{border-bottom-color:#7fb2ff73}.acceso .campo input:focus-visible{border-bottom-color:var(--a-linea-viva);box-shadow:0 1px 0 var(--a-linea-viva);outline:none}.acceso .campo input:-webkit-autofill{-webkit-text-fill-color:var(--a-texto);box-shadow:0 0 0 100px var(--a-fondo) inset}.acceso .btn-primario{width:100%;margin-top:var(--e-2);color:#fff;background:var(--a-azul);border:1px solid #7fb2ff59;min-height:3rem;font-weight:600;box-shadow:0 0 0 1px #173fa099,0 12px 32px -12px #2f6bffb3}.acceso .btn-primario:hover{border-color:var(--a-linea-viva);box-shadow:0 0 0 1px #2f6bffcc,0 16px 40px -10px #2f6bffd9}.acceso .btn-primario:active{box-shadow:0 0 0 1px #2f6bffcc}.acceso .btn-primario:focus-visible{outline:2px solid var(--a-hielo);outline-offset:3px}.acceso .cinta{color:#ff9d95;background:#ff7a701a}.acceso-pie{margin:var(--e-5) 0 0;font-family:var(--fuente-mono);letter-spacing:.2em;text-transform:uppercase;color:#8e97abb3;font-size:.64rem}@keyframes acceso-luz{0%{opacity:0;transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.acceso-linea{animation:none}}