.acc-val{--ink:#e2e8f0;--muted:#94a3b8;--faint:#64748b;--panel:#0f172ad1;--line:#94a3b824;--cyan:#22d3ee;--green:#4ade80;--indigo:#6366f1;--amber:#fbbf24;--red:#f87171;--navy:#060a14;font-family:var(--font-inter),"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);grid-template-columns:1.15fr 1fr;height:100%;min-height:100dvh;display:grid;overflow-x:hidden}body:has(.acc-val){background:#060a14}.acc-val .fondo{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.acc-val .fondo:before{content:"";background-image:linear-gradient(#94a3b80d 1px,#0000 1px),linear-gradient(90deg,#94a3b80d 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 30% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(80% 70% at 30% 40%,#000 30%,#0000 80%)}.acc-val .orbe{filter:blur(70px);opacity:.55;border-radius:50%;animation:18s ease-in-out infinite acc-val-flota;position:absolute}.acc-val .orbe.a{background:radial-gradient(circle,#22d3ee59,#0000 65%);width:520px;height:520px;top:-140px;left:-120px}.acc-val .orbe.b{background:radial-gradient(circle,#6366f152,#0000 65%);width:460px;height:460px;animation-delay:-6s;bottom:-180px;left:28%}.acc-val .orbe.c{background:radial-gradient(circle,#4ade802e,#0000 65%);width:360px;height:360px;animation-delay:-11s;top:18%;right:-100px}@keyframes acc-val-flota{0%,to{transform:translate(0)}50%{transform:translate(30px,-26px)}}@keyframes acc-val-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:none}}@keyframes acc-val-pulse{0%{box-shadow:0 0 #4ade808c}70%{box-shadow:0 0 0 9px #4ade8000}to{box-shadow:0 0 #4ade8000}}@keyframes acc-val-shimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes acc-val-gira{to{transform:rotate(360deg)}}.acc-val .marca{z-index:1;flex-direction:column;justify-content:center;padding:64px clamp(32px,6vw,96px);display:flex;position:relative}.acc-val .marca>*{animation:.7s cubic-bezier(.2,.9,.3,1) both acc-val-rise}.acc-val .marca>:first-child{animation-delay:20ms}.acc-val .marca>:nth-child(2){animation-delay:70ms}.acc-val .marca>:nth-child(3){animation-delay:.12s}.acc-val .marca>:nth-child(4){animation-delay:.17s}.acc-val .marca>:nth-child(5){animation-delay:.22s}.acc-val .logo{align-items:center;gap:12px;margin-bottom:40px;display:flex}.acc-val .logo img{filter:drop-shadow(0 0 18px #22d3ee40);width:auto;height:38px}.acc-val .logo span{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:12px;font-size:12px;font-weight:600}.acc-val .en-linea{letter-spacing:.18em;text-transform:uppercase;color:var(--green);background:#4ade800f;border:1px solid #4ade8040;border-radius:999px;align-items:center;gap:9px;width:max-content;margin-bottom:22px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.acc-val .en-linea i{background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.6s infinite acc-val-pulse}.acc-val h1{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(34px,4.2vw,54px);font-weight:800;line-height:1.04}.acc-val h1 b{background:linear-gradient(100deg,#22d3ee 0%,#60a5fa 45%,#a78bfa 100%);color:#0000;filter:drop-shadow(0 0 24px #22d3ee2e);-webkit-background-clip:text;background-clip:text}.acc-val .bajada{color:var(--muted);max-width:520px;margin-bottom:38px;font-size:16px;line-height:1.6}.acc-val .pasos{gap:12px;max-width:520px;display:grid}.acc-val .paso{border:1px solid var(--line);background:#0f172a8c;border-radius:14px;align-items:center;gap:14px;padding:14px 16px;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 22px #00000040,inset 0 1px #e2e8f00a}.acc-val .paso:before{content:"";background:var(--acento,var(--cyan));width:2px;position:absolute;top:0;bottom:0;left:0}.acc-val .paso:hover{border-color:#22d3ee59;transform:translateY(-3px);box-shadow:0 14px 30px #00000059}.acc-val .paso .ico{width:38px;height:38px;color:var(--acento,var(--cyan));background:#22d3ee14;border-radius:10px;flex:none;place-items:center;display:grid}.acc-val .paso .ico svg{width:19px;height:19px}.acc-val .paso strong{letter-spacing:-.01em;font-size:14px;font-weight:600;display:block}.acc-val .paso small{color:var(--faint);margin-top:2px;font-size:12.5px;display:block}.acc-val .paso .n{color:var(--faint);font-variant-numeric:tabular-nums;margin-left:auto;font:600 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.acc-val .acceso{z-index:1;border-left:1px solid var(--line);background:linear-gradient(#0a122259,#060a14bf);place-items:center;padding:40px 28px;display:grid;position:relative}.acc-val .tarjeta{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(165deg,#101a30eb,#0a1222eb);border-radius:20px;width:100%;max-width:420px;padding:38px 34px 30px;animation:.7s cubic-bezier(.2,.9,.3,1) .1s both acc-val-rise;position:relative;overflow:hidden;box-shadow:0 30px 60px #00000073,inset 0 1px #e2e8f00f}.acc-val .tarjeta:before{content:"";background:linear-gradient(90deg,#0000,#22d3ee,#6366f1,#0000);height:2px;position:absolute;top:0;left:0;right:0}.acc-val .tarjeta:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 40%,#ffffff0b 50%,#0000 60%);animation:6s ease-in-out 1.2s infinite acc-val-shimmer;position:absolute;inset:0}.acc-val .tarjeta h2{letter-spacing:-.025em;margin-bottom:6px;font-size:24px;font-weight:700}.acc-val .tarjeta .sub{color:var(--muted);margin-bottom:26px;font-size:14px}.acc-val .campo{margin-bottom:16px;animation:.6s cubic-bezier(.2,.9,.3,1) both acc-val-rise}.acc-val .campo:first-of-type{animation-delay:.22s}.acc-val .campo:nth-of-type(2){animation-delay:.28s}.acc-val label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:8px;font-size:10.5px;font-weight:700;display:block}.acc-val .caja{align-items:center;display:flex;position:relative}.acc-val .caja svg.pre{width:17px;height:17px;color:var(--faint);transition:color .25s;position:absolute;left:14px}.acc-val input{width:100%;font:inherit;color:var(--ink);background:#0206178c;border:1px solid #94a3b82e;border-radius:12px;outline:none;padding:14px 44px 14px 42px;font-size:15px;transition:border-color .25s,box-shadow .25s,background .25s}.acc-val input::placeholder{color:#475569}.acc-val input:focus{background:#020617bf;border-color:#22d3ee99;box-shadow:0 0 0 4px #22d3ee1f}.acc-val .caja:focus-within svg.pre{color:var(--cyan)}.acc-val .ojo{width:34px;height:34px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;right:8px}.acc-val .ojo:hover{color:var(--ink);background:#94a3b81a}.acc-val .ojo svg{width:18px;height:18px}.acc-val .error{color:#fecaca;background:#f8717114;border:1px solid #f8717147;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:13.5px;line-height:1.45;animation:.45s cubic-bezier(.2,.9,.3,1) both acc-val-rise;display:flex}.acc-val .error.aviso{color:#fde68a;background:#fbbf2412;border-color:#fbbf2447}.acc-val .error svg{flex:none;width:17px;height:17px;margin-top:1px}.acc-val .error a{color:var(--cyan)}.acc-val button.entrar{cursor:pointer;width:100%;font:inherit;letter-spacing:-.01em;color:#04111d;background:linear-gradient(135deg,#22d3ee 0%,#60a5fa 55%,#818cf8 100%);border:0;border-radius:12px;margin-top:8px;padding:15px 18px;font-size:15px;font-weight:700;transition:transform .3s cubic-bezier(.2,.9,.3,1.4),box-shadow .3s,filter .3s;animation:.6s cubic-bezier(.2,.9,.3,1) .34s both acc-val-rise;position:relative;overflow:hidden;box-shadow:0 12px 28px #22d3ee40,inset 0 1px #ffffff59}.acc-val button.entrar:hover{transform:translateY(-2px);box-shadow:0 18px 36px #22d3ee52,inset 0 1px #ffffff59}.acc-val button.entrar:active{transform:translateY(0)}.acc-val button.entrar .giro{vertical-align:-3px;border:2px solid #04111d59;border-top-color:#04111d;border-radius:50%;width:17px;height:17px;margin-right:8px;animation:.7s linear infinite acc-val-gira;display:none}.acc-val button.entrar.enviando{filter:saturate(.8);pointer-events:none}.acc-val button.entrar.enviando .giro{display:inline-block}.acc-val .pie{border-top:1px solid var(--line);color:var(--faint);justify-content:space-between;gap:12px;margin-top:22px;padding-top:18px;font-size:12px;display:flex}.acc-val .pie .seg{align-items:center;gap:6px;display:inline-flex}.acc-val .pie svg{width:13px;height:13px;color:var(--green)}@media (max-width:960px){.acc-val{grid-template-columns:1fr}.acc-val .marca{padding:40px 28px 8px}.acc-val .pasos,.acc-val .bajada{display:none}.acc-val .logo{margin-bottom:24px}.acc-val h1{margin-bottom:6px;font-size:32px}.acc-val .acceso{background:0 0;border-left:0;align-items:start;padding-top:18px}}@media (prefers-reduced-motion:reduce){.acc-val,.acc-val *{transition:none!important;animation:none!important}}
