.acceso{--acceso-fondo:#08130E;--acceso-tinta:#F4F7F5;--acceso-tinta-2:rgba(244,247,245,0.62);--acceso-linea:rgba(255,255,255,0.08);--acceso-ciclo:60s;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);background:var(--superficie)}.acceso-escena{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(120% 80% at 0 100%,rgba(0,127,85,.28),transparent 60%),radial-gradient(90% 70% at 100% 0,rgba(23,238,176,.1),transparent 55%),var(--acceso-fondo);color:var(--acceso-tinta);display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px 44px}.acceso-brillo{position:absolute;z-index:-1;width:560px;height:560px;border-radius:50%;left:30%;top:22%;background:radial-gradient(closest-side,rgba(23,238,176,.16),transparent);filter:blur(20px);animation:acceso-deriva 18s ease-in-out infinite alternate}.acceso-rejilla{pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 75%);mask-image:radial-gradient(70% 60% at 50% 45%,#000 20%,transparent 75%)}.acceso-rejilla,.acceso-trazos{position:absolute;inset:0;z-index:-1}.acceso-trazos{width:100%;height:100%}.acceso-trazos .trazo{fill:none;stroke:rgba(255,255,255,.22);stroke-width:1.4;stroke-linecap:round;stroke-dasharray:.34 .66;stroke-dashoffset:1;animation:acceso-trazo 11s linear infinite}.acceso-trazos .trazo-2{animation-duration:15s;animation-delay:-4s;stroke:rgba(23,238,176,.55);stroke-width:1.6}.acceso-trazos .trazo-3{animation-duration:13s;animation-delay:-8s}.acceso-trazos .trazo-4{animation-duration:17s;animation-delay:-2s;stroke:rgba(255,255,255,.14)}.acceso-trazos .trazo-5{animation-duration:19s;animation-delay:-11s;stroke:rgba(23,238,176,.22)}.acceso-marca,.acceso-marca-movil{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;letter-spacing:-.01em}.acceso-logo{width:30px;height:30px;display:block;object-fit:contain}.acceso-marca{animation:acceso-entra .7s cubic-bezier(.4,0,.2,1) both}.acceso-historia{align-self:center;width:min(400px,100%);display:flex;flex-direction:column;gap:22px;animation:acceso-entra .8s cubic-bezier(.4,0,.2,1) .15s both,acceso-flota 9s ease-in-out 1s infinite}.acceso-capitulos{display:grid}.cap{grid-area:1/1;display:flex;flex-direction:column;align-items:stretch;opacity:0;animation:acceso-cap var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-1{opacity:1}.cap-ojo{margin:0 0 8px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(244,247,245,.5)}.cap-cuando{letter-spacing:.02em;text-transform:none;font-weight:500;color:rgba(244,247,245,.42)}.cap-ojo.con{color:var(--brand-electric,#17EEB0)}.cap-logo{width:14px;height:14px;object-fit:contain}.punto-dolor{width:6px;height:6px;border-radius:50%;background:#F5B544;flex:0 0 6px}.cap-dolor{padding:14px 16px 15px;border-radius:16px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);opacity:.5;transform:scale(.97);transform-origin:50% 0;animation:acceso-dolor var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-dolor h3{margin:0 0 4px;font-size:18px;line-height:1.3;font-weight:600;letter-spacing:-.015em;color:var(--acceso-tinta)}.cap-tachar{background-image:linear-gradient(var(--brand-electric,#17EEB0),var(--brand-electric,#17EEB0));background-repeat:no-repeat;background-position:0 56%;background-size:100% 2px;animation:acceso-tachar var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-detalle{margin:0;font-size:13px;line-height:1.45;color:var(--acceso-tinta-2)}.cap-flecha{align-self:center;margin:10px 0;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;color:var(--brand-electric,#17EEB0);background:rgba(23,238,176,.08);border:1px solid rgba(23,238,176,.25);animation:acceso-aparece var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-abajo{display:grid}.cap-abajo>*{grid-area:1/1}.cap-espera{display:flex;align-items:center;justify-content:center;gap:10px;border-radius:18px;border:1px dashed rgba(23,238,176,.28);background:rgba(23,238,176,.035);font-size:12.5px;font-weight:550;color:rgba(244,247,245,.62);opacity:0;animation:acceso-espera var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-puntos{display:inline-flex;gap:4px}.cap-puntos i{width:6px;height:6px;border-radius:50%;background:var(--brand-electric,#17EEB0);animation:acceso-punto 1.1s ease-in-out infinite}.cap-puntos i:nth-child(2){animation-delay:.15s}.cap-puntos i:nth-child(3){animation-delay:.3s}.cap-solucion{animation:acceso-solucion var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-solucion h3{margin:0 0 12px;font-size:21px;line-height:1.22;font-weight:650;letter-spacing:-.02em;color:#fff}.cap-tarjeta{background:#fff;color:var(--tinta);border-radius:18px;overflow:hidden;min-height:150px;box-shadow:0 30px 70px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.06)}.cap-tarjeta .mono{font-family:var(--fuente-mono,ui-monospace,monospace)}.cap-tarjeta .d1{animation:acceso-d1 var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-tarjeta .d2{animation:acceso-d2 var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-tarjeta .d3{animation:acceso-d3 var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.cap-chat{background:#F6F7F5;padding:14px;min-height:150px;display:flex;flex-direction:column;gap:8px}.burbuja{margin:0;max-width:84%;font-size:13px;line-height:1.4;padding:8px 11px;border-radius:16px}.burbuja.entra{align-self:flex-start;background:#fff;border-top-left-radius:4px;box-shadow:0 1px 1px rgba(15,23,42,.06)}.burbuja.sale{align-self:flex-end;background:#ECFBF6;border-top-right-radius:4px;border:1px solid rgba(0,127,85,.16)}.burbuja .mono{font-weight:600}.cap-meta{margin:0;align-self:flex-end;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:#64748B}.cap-meta.arriba{align-self:center;padding:3px 10px;border-radius:9999px;background:#EEF1EF}.punto-ok{position:relative;width:6px;height:6px;border-radius:50%;flex:0 0 6px;background:var(--brand-electric,#17EEB0)}.punto-ok.onda:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--brand-electric,#17eeb0);animation:acceso-onda 2s ease-out infinite}.cap-cuenta{padding:14px 16px}.cap-cuenta p{margin:0;display:flex;justify-content:space-between;gap:12px;font-size:13px;color:#475569;padding:7px 0;border-bottom:1px solid #e2e8f0}.cap-cuenta .mono{color:#1E293B}.cap-total{border-bottom:0!important;padding-top:10px!important}.cap-total .mono,.cap-total span:first-child{font-weight:650;color:#0F172A}.cap-total .mono{font-size:17px}.cap-cobro{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.cap-confirmado{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 8px 24px rgba(15,23,42,.08)}.cap-confirmado strong{display:block;font-size:13.5px;font-weight:650}.cap-confirmado small{display:block;font-size:11.5px;color:#64748B}.cap-confirmado .mono{color:#1E293B}.cap-metodos{margin:0;text-align:center;font-size:11.5px;color:#64748B}.cap-hoy{padding:6px 16px}.cap-hoy p{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:#64748B;padding:12px 0;border-bottom:1px solid #e2e8f0}.cap-hoy p:last-child{border-bottom:0}.cap-hoy strong{color:#0F172A;font-weight:650}.pildora{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;border-radius:9999px;padding:3px 9px;background:#F1F5F9;color:#475569}.pildora:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.8}.pildora.alta{background:rgba(245,158,11,.13);color:#92400E}.pildora.ok{background:rgba(16,185,129,.11);color:#065F46}.pildora.ok:before{background:var(--brand-electric,#17EEB0);opacity:1}.acceso-indice{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px}.ind{font-size:11px;font-weight:550;color:rgba(244,247,245,.42);animation:acceso-ind var(--acceso-ciclo) cubic-bezier(.4,0,.2,1) var(--d) infinite both}.ind-barra{display:block;height:2px;border-radius:2px;margin-bottom:7px;background:rgba(255,255,255,.12);overflow:hidden}.ind-barra span{display:block;height:100%;background:var(--brand-electric,#17EEB0);transform:scaleX(0);transform-origin:0 50%;animation:acceso-ind-barra var(--acceso-ciclo) linear var(--d) infinite both}.acceso-lema{max-width:460px;animation:acceso-entra .8s cubic-bezier(.4,0,.2,1) .3s both}.acceso-lema h2{margin:0 0 10px;font-size:30px;line-height:1.15;font-weight:650;letter-spacing:-.025em;color:var(--acceso-tinta)}.acceso-lema p{margin:0;font-size:14.5px;line-height:1.55;color:var(--acceso-tinta-2)}.acceso-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 32px 28px;position:relative}.acceso-marca-movil{display:none}.acceso-contenido{width:min(380px,100%);margin:auto 0;animation:acceso-entra .7s cubic-bezier(.4,0,.2,1) .12s both}.acceso .login-caja{max-width:none;margin:0;padding:0;border:0;box-shadow:none;background:none}.acceso .login-caja .marca-publica{display:none}.acceso .login-caja h1{font-size:28px;font-weight:650;letter-spacing:-.025em;line-height:1.15;margin-bottom:8px}.acceso .login-caja h1+form,.acceso .login-caja h1+p{margin-top:0}.acceso-bajada{margin:0 0 28px;font-size:14px;color:#64748B}.acceso .login-caja .campo{gap:6px;margin-bottom:16px}.acceso .login-caja .campo label{font-size:12.5px;color:var(--tinta-2)}.acceso .login-caja input{height:46px;padding:0 14px;font-size:15px;border-radius:12px;border-color:#E2E8F0;background:#fff;transition:border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.acceso .login-caja input:hover{border-color:#CBD5E1}.acceso .login-caja input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}.acceso .login-caja button.primario{height:46px;border-radius:12px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.acceso .login-caja button.primario:not(:disabled):hover{box-shadow:0 10px 24px rgba(0,127,85,.28);transform:translateY(-1px)}.acceso .login-caja button.primario:not(:disabled):active{transform:none}.acceso-flecha{transition:transform .3s cubic-bezier(.4,0,.2,1)}.acceso .login-caja button.primario:not(:disabled):hover .acceso-flecha{transform:translateX(3px)}.acceso .login-caja .nota a,.acceso .login-caja>a{color:var(--accent);font-weight:550}.acceso .login-caja .error-inline{margin-top:12px}.acceso-pie{display:flex;gap:8px;justify-content:center;margin-top:32px;font-size:11.5px;color:#94A3B8}.acceso-pie a{color:#64748B}.acceso-pie a:hover{color:var(--tinta)}@media (max-width:1100px){.acceso-escena{padding:32px 32px 36px}.acceso-lema h2{font-size:26px}}@media (max-width:860px){.acceso{grid-template-columns:1fr;grid-template-rows:auto 1fr;background:var(--acceso-fondo)}.acceso-escena{padding:calc(env(safe-area-inset-top, 0px) + 28px) 24px 56px;min-height:0;gap:22px}.acceso-historia{width:100%;gap:14px;animation:acceso-entra .8s cubic-bezier(.4,0,.2,1) .15s both}.acceso-lema,.cap-cuando,.cap-detalle,.cap-flecha,.cap-tarjeta{display:none}.cap-dolor{padding:11px 13px 12px;border-radius:14px}.cap-dolor h3{font-size:15px;margin:0}.cap-ojo{margin-bottom:6px;font-size:10.5px}.cap-solucion{margin-top:12px}.cap-solucion h3{font-size:19px;margin:0}.ind{font-size:10.5px}.acceso-panel{background:var(--superficie);border-radius:24px 24px 0 0;margin-top:-24px;padding:32px 22px calc(env(safe-area-inset-bottom, 0px) + 20px);justify-content:flex-start;box-shadow:0 -12px 32px rgba(0,0,0,.18)}.acceso-contenido{margin:0}.acceso .login-caja h1{font-size:24px}}@keyframes acceso-entra{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes acceso-flota{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes acceso-deriva{0%{transform:translate(-40px,-20px) scale(1)}to{transform:translate(60px,50px) scale(1.15)}}@keyframes acceso-trazo{0%{stroke-dashoffset:1}to{stroke-dashoffset:-1}}@keyframes acceso-punto{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes acceso-onda{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(1.6)}}@keyframes acceso-cap{0%{opacity:0;transform:translateY(14px);filter:blur(8px)}1.5%,19%{opacity:1;transform:none;filter:blur(0)}21.5%,to{opacity:0;transform:translateY(-12px);filter:blur(8px)}}@keyframes acceso-dolor{.5%,0%{opacity:0;transform:translateY(8px)}2%,6.5%{opacity:1;transform:none}8%,to{opacity:.5;transform:scale(.97)}}@keyframes acceso-tachar{0%,4.5%{background-size:0 2px}6%,to{background-size:100% 2px}}@keyframes acceso-aparece{0%,6%{opacity:0;transform:scale(.6)}7%,to{opacity:1;transform:none}}@keyframes acceso-espera{0%,1.5%{opacity:0;transform:scale(.98)}3%,7%{opacity:1;transform:none}8.5%,to{opacity:0;transform:scale(.98)}}@keyframes acceso-solucion{0%,7%{opacity:0;transform:translateY(18px)}9%,to{opacity:1;transform:none}}@keyframes acceso-d1{0%,8.5%{opacity:0;transform:translateY(6px) scale(.98)}9.5%,to{opacity:1;transform:none}}@keyframes acceso-d2{0%,9.5%{opacity:0;transform:translateY(6px) scale(.98)}10.5%,to{opacity:1;transform:none}}@keyframes acceso-d3{0%,10.5%{opacity:0;transform:translateY(6px) scale(.98)}11.5%,to{opacity:1;transform:none}}@keyframes acceso-ind{0%{color:rgba(244,247,245,.42)}1%,19%{color:var(--acceso-tinta)}21%,to{color:rgba(244,247,245,.42)}}@keyframes acceso-ind-barra{0%{transform:scaleX(0);opacity:1}20%{transform:scaleX(1);opacity:1}22%,to{transform:scaleX(1);opacity:0}}@media (prefers-reduced-motion:reduce){.acceso *,.acceso :after,.acceso :before{animation:none!important;transition:none!important}.cap-1 .cap-dolor{opacity:.5}.ind-1{color:var(--acceso-tinta)}.ind-1 .ind-barra span{transform:none}.punto-ok.onda:after{display:none}.acceso .login-caja button.primario:not(:disabled):hover{transform:none}}