:root{--carbon-950:#101013;--carbon-900:#16161a;--carbon-800:#1d1d23;--carbon-700:#26262e;--borde:#2f2f39;--ambar:#ffb224;--ambar-intenso:#ff9d00;--texto:#eceaf1;--texto-suave:#98959f;--papel:#f7f2e5;--papel-tinta:#2c2a22;--exito:#53d47f;--error:#ff6b6b;--fuente-sans:"Archivo",system-ui,sans-serif;--fuente-mono:"IBM Plex Mono",ui-monospace,monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--fuente-sans);background:var(--carbon-950);color:var(--texto);min-height:100vh}button{font-family:inherit}.app{max-width:440px;margin:0 auto;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;background:var(--carbon-900);border-left:1px solid var(--borde);border-right:1px solid var(--borde)}.cargando{margin:auto;font-weight:800;letter-spacing:.4em;color:var(--ambar);animation:parpadeo 1.2s infinite}@keyframes parpadeo{50%{opacity:.35}}.cabecera{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--borde);position:-webkit-sticky;position:sticky;top:0;background:var(--carbon-900);z-index:10}.marca{font-weight:800;letter-spacing:.25em;font-size:15px}.marca-antena{color:var(--ambar)}.saldo{display:flex;align-items:baseline;gap:6px;font-family:var(--fuente-mono)}.saldo-valor{color:var(--ambar);font-size:18px;font-weight:600}.saldo-unidad{color:var(--texto-suave);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.contenido{flex:1 1;padding:20px 20px 90px;display:flex;flex-direction:column;gap:16px}.titulo-seccion{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--texto-suave);margin-top:8px}.nav-inferior{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:440px;display:flex;background:var(--carbon-800);border-top:1px solid var(--borde);z-index:20}.nav-indicador{position:absolute;top:-1px;height:2px;width:25%;background:var(--ambar);transition:left .28s cubic-bezier(.4,0,.2,1)}.nav-item{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 0 12px;font-size:11px;letter-spacing:.05em;color:var(--texto-suave);text-decoration:none;transition:color .2s}.nav-icono{font-size:16px}.nav-item-activo{color:var(--ambar)}.tarjeta{background:var(--carbon-800);border:1px solid var(--borde);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.boton{background:var(--ambar);color:#1c1503;border:none;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:filter .15s}.boton:hover{filter:brightness(1.1)}.boton:disabled{filter:grayscale(.7) brightness(.7);cursor:not-allowed}.boton-fantasma{background:transparent;color:var(--texto-suave);border:1px solid var(--borde);border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer}.boton-fantasma:hover{color:var(--error);border-color:var(--error)}.boton-enlace{display:inline-block;text-align:center;text-decoration:none}.campo{display:flex;flex-direction:column;gap:6px}.campo label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--texto-suave)}.campo input,.campo select{background:var(--carbon-700);border:1px solid var(--borde);border-radius:8px;color:var(--texto);padding:11px 12px;font-size:15px;font-family:var(--fuente-mono)}.campo input:focus,.campo select:focus{outline:2px solid var(--ambar);outline-offset:-1px}.fila{display:flex;gap:10px}.fila>*{flex:1 1}.tarjeta-numero{border-left:3px solid var(--ambar)}.numero-telefono{font-family:var(--fuente-mono);font-size:19px;font-weight:600;letter-spacing:.02em}.numero-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--texto-suave)}.numero-servicio{text-transform:capitalize}.countdown{font-family:var(--fuente-mono);font-weight:600;color:var(--exito)}.countdown-urgente{color:var(--ambar)}.countdown-agotado{color:var(--error)}.estado-etiqueta{font-family:var(--fuente-mono);font-size:11px;padding:3px 8px;border-radius:99px;border:1px solid var(--borde);color:var(--texto-suave);text-transform:uppercase;letter-spacing:.08em}.estado-RECIBIDO{color:var(--exito);border-color:var(--exito)}.estado-ACTIVO{color:var(--ambar);border-color:var(--ambar)}.esperando-sms,.estado-CANCELADO,.estado-EXPIRADO{color:var(--texto-suave)}.esperando-sms{display:flex;align-items:center;gap:8px;font-size:13px}.esperando-sms:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ambar);animation:parpadeo 1s infinite}.chip-codigo{display:inline-flex;align-items:center;gap:10px;background:var(--carbon-700);border:1px dashed var(--ambar);border-radius:8px;padding:8px 12px;cursor:pointer;width:-moz-fit-content;width:fit-content;animation:revelar-chip .45s cubic-bezier(.2,1.6,.4,1)}@keyframes revelar-chip{0%{transform:scale(.6);opacity:0}60%{box-shadow:0 0 22px rgba(255,178,36,.45)}to{transform:scale(1);opacity:1}}.chip-codigo-valor{font-family:var(--fuente-mono);font-size:18px;font-weight:600;color:var(--ambar);letter-spacing:.15em}.chip-codigo-accion{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--texto-suave)}.sms-item{display:flex;flex-direction:column;gap:8px}.sms-remitente{font-weight:600;font-size:13px}.sms-texto{font-family:var(--fuente-mono);font-size:13px;line-height:1.5}.sms-fecha,.sms-texto{color:var(--texto-suave)}.sms-fecha{font-size:11px}.paquete{display:flex;justify-content:space-between;align-items:center;background:var(--carbon-800);border:1px solid var(--borde);border-radius:10px;padding:16px;cursor:pointer;transition:border-color .15s}.paquete-elegido{border-color:var(--ambar);box-shadow:0 0 0 1px var(--ambar)}.paquete-monto{font-family:var(--fuente-mono);font-size:20px;font-weight:600}.paquete-desglose{text-align:right;font-size:12px;color:var(--texto-suave);line-height:1.6}.paquete-tokens{color:var(--ambar);font-weight:600;font-size:14px}.paquete-tokens,.procesando{font-family:var(--fuente-mono)}.procesando{display:flex;flex-direction:column;align-items:center;gap:14px;padding:40px 0;color:var(--texto-suave);font-size:13px;text-transform:uppercase;letter-spacing:.2em}.procesando:before{content:"";width:34px;height:34px;border-radius:50%;border:3px solid var(--borde);border-top-color:var(--ambar);animation:girar .9s linear infinite}@keyframes girar{to{transform:rotate(1turn)}}.recibo{position:relative;background:var(--papel);color:var(--papel-tinta);font-family:var(--fuente-mono);padding:26px 22px 30px;margin:10px 6px;box-shadow:0 10px 30px rgba(0,0,0,.45);animation:aparecer .4s ease-out}@keyframes aparecer{0%{transform:translateY(14px);opacity:0}}.recibo:after,.recibo:before{content:"";position:absolute;left:0;right:0;height:9px;background-image:linear-gradient(45deg,var(--papel) 25%,transparent 25%),linear-gradient(-45deg,var(--papel) 25%,transparent 25%);background-size:14px 18px;background-repeat:repeat-x}.recibo:before{top:-9px;transform:rotate(180deg)}.recibo:after{bottom:-9px}.recibo-titulo{text-align:center;font-weight:600;letter-spacing:.3em;margin-bottom:4px}.recibo-sub{text-align:center;font-size:11px;color:#7a7566;margin-bottom:16px}.recibo-linea{display:flex;justify-content:space-between;font-size:13px;padding:5px 0}.recibo-separador{border-top:1px dashed #b5ad97;margin:10px 0}.recibo-total{font-size:16px;font-weight:600}.recibo-ref{margin-top:14px;text-align:center;font-size:10px;color:#7a7566;word-break:break-all}.sello{position:absolute;top:42%;right:18px;transform:rotate(-14deg);border:3px solid var(--exito);color:var(--exito);font-weight:600;font-size:15px;letter-spacing:.2em;padding:6px 14px;border-radius:6px;opacity:.85;text-transform:uppercase;animation:sellar .35s cubic-bezier(.2,2.4,.4,1) .25s backwards}@keyframes sellar{0%{transform:rotate(-14deg) scale(2.4);opacity:0}}.pago-breb{align-items:center;text-align:center}.breb-qr{width:260px;max-width:100%;border-radius:10px;border:4px solid var(--papel)}.breb-llave{letter-spacing:.05em;font-size:15px}.monto-exacto{display:flex;flex-direction:column;align-items:center;gap:4px}.monto-exacto-etiqueta{font-size:12px;text-transform:uppercase;letter-spacing:.2em;color:var(--texto-suave)}.monto-exacto-valor{font-family:var(--fuente-mono);font-size:34px;font-weight:600;color:var(--ambar)}.campo-archivo input{padding:9px;font-size:13px}.comprobante-imagen{max-width:100%;max-height:320px;object-fit:contain;border-radius:8px;border:1px solid var(--borde);background:var(--carbon-950)}.estado-vacio{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 20px;border:1px dashed var(--borde);border-radius:10px;text-align:center;color:var(--texto-suave);font-size:14px}.estado-vacio-icono{font-size:30px;opacity:.6}.toasts{position:fixed;bottom:76px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:8px;z-index:50;width:calc(100% - 48px);max-width:392px}.toast{background:var(--carbon-700);border:1px solid var(--borde);border-left:3px solid var(--ambar);border-radius:8px;padding:11px 14px;font-size:13px;box-shadow:0 8px 20px rgba(0,0,0,.4);animation:subir .25s ease-out}.toast-ok{border-left-color:var(--exito)}.toast-error{border-left-color:var(--error)}@keyframes subir{0%{transform:translateY(10px);opacity:0}}.login{max-width:380px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;justify-content:center;gap:20px;padding:24px}.login-marca{text-align:center;font-size:26px;font-weight:800;letter-spacing:.35em}.login-lema{text-align:center;color:var(--texto-suave);font-size:13px;font-family:var(--fuente-mono)}.login-pestanas{display:flex;border:1px solid var(--borde);border-radius:8px;overflow:hidden}.login-pestana{flex:1 1;background:transparent;border:none;color:var(--texto-suave);padding:10px;font-size:13px;font-weight:600;cursor:pointer}.login-pestana-activa{background:var(--ambar);color:#1c1503}.error-texto{color:var(--error);font-size:13px}.separador-o{display:flex;align-items:center;gap:12px;color:var(--texto-suave);font-size:12px;text-transform:uppercase}.separador-o:after,.separador-o:before{content:"";flex:1 1;border-top:1px solid var(--borde)}.boton-google{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--carbon-700);color:var(--texto);border:1px solid var(--borde);border-radius:8px;padding:11px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s}.boton-google:hover{border-color:var(--ambar)}.google-g{font-family:var(--fuente-mono);font-weight:600;color:var(--ambar);border:1px solid var(--ambar);border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:12px}.proveedor-fila{display:flex;justify-content:space-between;align-items:center;gap:10px}.proveedor-nombre{font-weight:600;font-size:14px}.proveedor-detalle{font-size:12px;color:var(--texto-suave)}.regla{display:flex;gap:10px;font-size:13px;color:var(--texto-suave);line-height:1.5}.regla:before{content:"▸";color:var(--ambar)}