:root{--fondo: #fffdf5;--superficie: #ffffff;--tinta: #171717;--amarillo: #ffde5b;--lima: #d4f057;--lila: #c9b0f7;--turquesa: #a7ece5;--rosa: #f6a7cb;--gris-suave: #f2efe4;--rojo-suave: #ff8f8f;--borde: 2.5px solid var(--tinta);--sombra: 4px 4px 0 var(--tinta);--sombra-chica: 2px 2px 0 var(--tinta);--radio: 10px;--espacio-1: 4px;--espacio-2: 8px;--espacio-3: 12px;--espacio-4: 16px;--espacio-5: 24px;--espacio-6: 32px;--texto: 16px;--texto-chico: 13.5px;--titulo: 700;--super-titulo: 800;--fuente: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{background:var(--fondo);color:var(--tinta);font-family:var(--fuente);font-size:var(--texto);line-height:1.45;-webkit-font-smoothing:antialiased}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body.movimiento-reducido *,body.movimiento-reducido *:before,body.movimiento-reducido *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}h1,h2,h3,h4{margin:0;line-height:1.15}p{margin:0}button{font-family:inherit}input,select,textarea{font-family:inherit;font-size:var(--texto)}button,a,.nav-tab,.saldo-atajo,.chip,.radio-tarjeta,.casilla{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,.nav-tab,.saldo-atajo,.chip{user-select:none;-webkit-user-select:none}:focus-visible{outline:3px solid var(--tinta);outline-offset:2px;border-radius:4px}.app{min-height:100vh;display:flex;flex-direction:column}.cabecera{position:sticky;top:0;z-index:30;background:var(--amarillo);border-bottom:var(--borde);padding:var(--espacio-3) var(--espacio-5);padding-top:max(var(--espacio-3),env(safe-area-inset-top));display:flex;align-items:center;gap:var(--espacio-4);flex-wrap:wrap}.cabecera__titulo{font-size:22px;font-weight:var(--super-titulo);letter-spacing:.2px;display:flex;align-items:center;gap:var(--espacio-2)}.cabecera__logo{width:38px;height:38px;border:var(--borde);border-radius:50%;background:var(--superficie);display:grid;place-items:center;box-shadow:var(--sombra-chica);font-size:18px;flex:none}.cabecera__zona-nav{margin-left:auto;display:flex;align-items:center;gap:var(--espacio-2);flex-wrap:wrap}.saldo-atajo{display:inline-flex;align-items:center;gap:var(--espacio-2);background:var(--turquesa);border:var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-chica);padding:6px 12px;font-weight:var(--titulo);color:var(--tinta);text-decoration:none;min-height:44px}.saldo-atajo:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--tinta)}.saldo-atajo small{font-weight:600;font-size:var(--texto-chico);text-transform:uppercase;letter-spacing:.4px}.contenido{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:var(--espacio-5);padding-bottom:96px}.navegacion{display:flex;gap:var(--espacio-2);flex-wrap:wrap}.nav-tab{border:var(--borde);border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra-chica);padding:8px 16px;font-weight:var(--titulo);font-size:var(--texto);color:var(--tinta);cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;transition:transform 60ms ease,box-shadow 60ms ease}.nav-tab[aria-current=page]{background:var(--tinta);color:var(--amarillo);transform:translate(2px,2px);box-shadow:0 0 0 var(--tinta)}.nav-tab:hover:not([aria-current=page]){background:var(--lima)}.ventana{background:var(--superficie);border:var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);overflow:hidden}.ventana__barra{display:flex;align-items:center;gap:var(--espacio-2);padding:10px var(--espacio-4);border-bottom:var(--borde);font-weight:var(--super-titulo);font-size:15px;text-transform:uppercase;letter-spacing:.6px;background:var(--gris-suave)}.ventana__barra--amarillo{background:var(--amarillo)}.ventana__barra--lima{background:var(--lima)}.ventana__barra--lila{background:var(--lila)}.ventana__barra--turquesa{background:var(--turquesa)}.ventana__cuerpo{padding:var(--espacio-4)}.btn{border:var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-chica);background:var(--superficie);color:var(--tinta);font-weight:var(--titulo);font-size:var(--texto);padding:9px 16px;min-height:44px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;transition:transform 60ms ease,box-shadow 60ms ease,background .12s ease}.btn:hover:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--tinta)}.btn:active:not(:disabled),.btn[aria-pressed=true]{transform:translate(2px,2px);box-shadow:0 0 0 var(--tinta)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--primario{background:var(--amarillo)}.btn--lime{background:var(--lima)}.btn--lila{background:var(--lila)}.btn--turquesa{background:var(--turquesa)}.btn--rosa{background:var(--rosa)}.btn--peligro{background:var(--rojo-suave)}.btn--oscuro{background:var(--tinta);color:var(--superficie)}.btn--chico{min-height:36px;padding:5px 10px;font-size:var(--texto-chico);border-width:2px}.btn--icono{min-width:44px;padding:8px 10px;font-size:18px}.chip{display:inline-flex;align-items:center;gap:6px;border:2px solid var(--tinta);border-radius:999px;padding:4px 12px;font-size:var(--texto-chico);font-weight:700;background:var(--superficie);min-height:32px}button.chip{cursor:pointer;min-height:44px;padding:6px 14px;border-radius:var(--radio);box-shadow:var(--sombra-chica)}button.chip[aria-pressed=true]{background:var(--tinta);color:var(--superficie);transform:translate(2px,2px);box-shadow:0 0 0 var(--tinta)}.chip--tengo{background:var(--lima)}.chip--falta{background:var(--gris-suave)}.chip--repetida{background:var(--amarillo)}.chip--venta{background:var(--lila)}.chip--cobrada{background:var(--turquesa)}.chip--cancelada{background:var(--gris-suave);text-decoration:line-through}.chip--anulada{background:var(--rojo-suave)}.chip--apertura{background:var(--amarillo)}.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--espacio-4)}.campo>label{font-weight:var(--titulo);font-size:var(--texto-chico);text-transform:uppercase;letter-spacing:.4px}.entrada{border:var(--borde);border-radius:var(--radio);background:var(--superficie);padding:10px 12px;min-height:44px;width:100%;color:var(--tinta)}textarea.entrada{min-height:72px;resize:vertical}.entrada:focus-visible{outline-offset:0;background:#fffbe9}.entrada--error{background:#ffecec}.ayuda{font-size:var(--texto-chico);color:#4c4a45}.error-texto{font-size:var(--texto-chico);font-weight:700;color:#b3001b;display:flex;gap:6px;align-items:baseline}.fila-form{display:flex;gap:var(--espacio-3);flex-wrap:wrap}.fila-form>.campo{flex:1 1 180px}.radios{display:flex;flex-direction:column;gap:var(--espacio-2)}.radio-tarjeta{display:flex;align-items:center;gap:10px;border:2px solid var(--tinta);border-radius:var(--radio);padding:10px 12px;background:var(--superficie);cursor:pointer;min-height:44px;font-weight:600}.radio-tarjeta:has(input:checked){background:var(--lima);box-shadow:var(--sombra-chica)}.radio-tarjeta input{accent-color:var(--tinta);width:20px;height:20px}.casilla{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:2px solid var(--tinta);border-radius:var(--radio);background:var(--superficie);min-height:44px;cursor:pointer}.casilla input{accent-color:var(--tinta);width:20px;height:20px;margin-top:2px;flex:none}.dialogo-fondo{position:fixed;inset:0;background:#1717178c;display:flex;align-items:flex-start;justify-content:center;padding:var(--espacio-5) var(--espacio-3);z-index:100;overflow-y:auto}.dialogo{background:var(--superficie);border:3px solid var(--tinta);border-radius:var(--radio);box-shadow:8px 8px 0 var(--tinta);width:100%;max-width:560px}.dialogo__barra{display:flex;align-items:center;gap:var(--espacio-2);padding:12px var(--espacio-4);border-bottom:var(--borde);background:var(--amarillo);font-weight:var(--super-titulo)}.dialogo__barra h2{font-size:18px;flex:1}.dialogo__cuerpo{padding:var(--espacio-4)}.dialogo__pie{display:flex;gap:var(--espacio-3);justify-content:flex-end;padding:var(--espacio-3) var(--espacio-4);border-top:var(--borde);background:var(--gris-suave);flex-wrap:wrap}@media(max-width:719px){.dialogo-fondo{align-items:flex-end;padding:0}.dialogo{max-width:none;max-height:92vh;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:16px 16px 0 0;border-left-width:0;border-right-width:0;border-bottom-width:0;box-shadow:0 -4px 0 var(--tinta);overflow-y:auto;animation:hoja-subir .2s ease-out}.dialogo__pie{justify-content:stretch}.dialogo__pie .btn{flex:1 1 auto}}@keyframes hoja-subir{0%{transform:translateY(28px);opacity:.5}to{transform:translateY(0);opacity:1}}.resumen-coleccion{margin-bottom:var(--espacio-5)}.progreso-num{font-size:30px;font-weight:var(--super-titulo)}.barra-progreso{border:var(--borde);border-radius:999px;background:var(--superficie);height:22px;overflow:hidden}.barra-progreso__relleno{height:100%;background:repeating-linear-gradient(-45deg,var(--lima) 0 12px,#c4e94b 12px 24px);border-right:2px solid var(--tinta);transition:width .3s ease}.estadisticas{display:flex;gap:var(--espacio-3);flex-wrap:wrap}.stat{border:var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-chica);background:var(--superficie);padding:8px 14px;display:flex;flex-direction:column;gap:2px}.stat__valor{font-size:20px;font-weight:var(--super-titulo)}.stat__etiqueta{font-size:var(--texto-chico);font-weight:700;text-transform:uppercase;letter-spacing:.4px}.herramientas{display:flex;gap:var(--espacio-2);flex-wrap:wrap;align-items:center;margin:var(--espacio-4) 0}.herramientas .entrada-busqueda{flex:1 1 220px;min-width:180px}.album{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:var(--espacio-3)}.tile{position:relative;border:var(--borde);border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra-chica);padding:var(--espacio-2);display:flex;flex-direction:column;gap:6px;min-width:0}.tile--tengo{background:var(--lima)}.tile--venta{background:var(--lila)}.tile__num{font-size:var(--texto-chico);font-weight:var(--super-titulo);display:flex;justify-content:space-between;align-items:center;gap:4px}.tile__img{width:100%;aspect-ratio:1;border:2px solid var(--tinta);border-radius:8px;background:var(--gris-suave);display:grid;place-items:center;overflow:hidden}.tile__img img{width:100%;height:100%;object-fit:contain}.tile__img--vacia{font-size:30px;color:#b6b2a6}.tile__nombre{font-weight:var(--titulo);font-size:14.5px;min-height:2.6em;overflow-wrap:anywhere}.tile__acciones{display:flex;gap:6px;flex-wrap:wrap}.tile__badge-cant{position:absolute;top:-10px;right:-8px;background:var(--amarillo);border:2px solid var(--tinta);border-radius:999px;font-weight:var(--super-titulo);font-size:13px;padding:2px 9px;box-shadow:var(--sombra-chica)}.lista-cartas{display:flex;flex-direction:column;gap:var(--espacio-2)}.fila-carta{display:flex;align-items:center;gap:var(--espacio-3);border:var(--borde);border-radius:var(--radio);background:var(--superficie);box-shadow:var(--sombra-chica);padding:8px 12px;flex-wrap:wrap}.fila-carta__num{font-weight:var(--super-titulo);width:44px;flex:none}.fila-carta__nombre{font-weight:var(--titulo);flex:1 1 140px;min-width:0;overflow-wrap:anywhere}.venta-fila{display:flex;flex-direction:column;gap:var(--espacio-2)}.venta-fila__arriba{display:flex;align-items:center;gap:var(--espacio-2);flex-wrap:wrap}.venta-fila__monto{font-size:20px;font-weight:var(--super-titulo);margin-left:auto}.saldo-grande{font-size:44px;font-weight:var(--super-titulo);overflow-wrap:anywhere}.saldo-negativo{background:var(--rojo-suave)}.mov-fila{display:flex;align-items:center;gap:var(--espacio-3);border-bottom:2px solid var(--gris-suave);padding:10px 0;flex-wrap:wrap}.mov-fila:last-child{border-bottom:none}.mov-fila--anulado{opacity:.55}.mov-fila__fecha{font-weight:var(--titulo);font-size:var(--texto-chico);width:92px;flex:none}.mov-fila__concepto{flex:1 1 180px;min-width:0;overflow-wrap:anywhere}.mov-fila__monto{font-weight:var(--super-titulo);font-variant-numeric:tabular-nums}.mov-ingreso{color:#1c7a1c}.mov-gasto{color:#b3001b}.toasts{position:fixed;bottom:84px;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:var(--espacio-2);width:min(92vw,420px)}.toast{background:var(--tinta);color:var(--superficie);border:2px solid var(--tinta);border-radius:var(--radio);box-shadow:4px 4px #17171759;padding:10px 14px;font-weight:600;display:flex;gap:8px;align-items:baseline}.toast--celebrar{background:var(--lima);color:var(--tinta);border:2px solid var(--tinta)}.toast--error{background:var(--rojo-suave);color:var(--tinta);border:2px solid var(--tinta)}.vacio{text-align:center;padding:var(--espacio-6) var(--espacio-4);color:#5b584f}.vacio strong{color:var(--tinta)}.aviso{border:2px solid var(--tinta);border-radius:var(--radio);background:var(--rosa);padding:10px 14px;font-weight:600}.aviso--info{background:var(--turquesa)}.aviso--amarillo{background:var(--amarillo)}.pie{border-top:var(--borde);background:var(--gris-suave);padding:var(--espacio-3) var(--espacio-5);font-size:var(--texto-chico);text-align:center}.aux-nav{display:flex;gap:var(--espacio-2);align-items:center}.aux-nav a,.aux-nav button{color:var(--tinta)}.navegacion-inferior{display:none;position:fixed;bottom:0;left:0;right:0;z-index:40;background:var(--amarillo);border-top:var(--borde);padding:6px 8px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;gap:var(--espacio-2)}.navegacion-inferior .nav-tab{flex:1;flex-direction:column;gap:2px;justify-content:center;max-width:140px;box-shadow:none;border-width:2px;min-height:54px;padding:7px 4px;font-size:12.5px}.navegacion-inferior .nav-tab[aria-current=page]{transform:none}.nav-tab__icono{font-size:21px;line-height:1}.chips-fila{display:flex;gap:var(--espacio-2);flex-wrap:wrap;align-items:center}.foto-previa{width:100%;max-height:260px;object-fit:contain;border:var(--borde);border-radius:var(--radio);background:var(--gris-suave)}.enlace{color:var(--tinta);font-weight:var(--titulo);text-decoration-thickness:2px;text-underline-offset:3px}@media(max-width:719px){.cabecera{padding:var(--espacio-2) var(--espacio-3);padding-top:max(var(--espacio-2),env(safe-area-inset-top))}.cabecera__zona-nav .navegacion{display:none}.navegacion-inferior{display:flex}.contenido{padding:var(--espacio-3);padding-bottom:calc(96px + env(safe-area-inset-bottom))}.pie{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.saldo-grande{font-size:34px}.herramientas .entrada-busqueda{flex:1 1 100%}.chips-fila{flex-wrap:nowrap;width:100%;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.chips-fila::-webkit-scrollbar{display:none}.chips-fila>*{flex:none}.album{grid-template-columns:repeat(auto-fill,minmax(128px,1fr))}}@media(max-width:389px){.album{grid-template-columns:repeat(2,1fr)}.cabecera__titulo{font-size:18px}.stat__valor{font-size:17px}.saldo-atajo small{display:none}}.acceso{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--espacio-5);background:var(--amarillo)}.acceso__tarjeta{background:var(--superficie);border:var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:var(--espacio-6) var(--espacio-5);width:min(340px,100%);display:flex;flex-direction:column;align-items:center;gap:var(--espacio-4);text-align:center}@keyframes acceso-tiembla{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}.acceso__tarjeta--error{animation:acceso-tiembla .45s}.acceso__logo{font-size:44px;line-height:1}.acceso__titulo{font-size:22px;font-weight:var(--super-titulo)}.acceso__ayuda{color:var(--tinta);opacity:.75}.acceso__pistas{display:flex;gap:var(--espacio-3)}.acceso__pista{width:16px;height:16px;border:var(--borde);border-radius:50%;background:var(--superficie)}.acceso__pista--llena{background:var(--tinta)}.acceso__teclado{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--espacio-3);width:100%}.acceso__tecla{padding:13px 0;font-size:22px;font-weight:var(--titulo);background:var(--superficie);border:var(--borde);border-radius:var(--radio);box-shadow:var(--sombra-chica);cursor:pointer}.acceso__tecla:active{transform:translate(2px,2px);box-shadow:none}.acceso__entrada{width:100%;border:var(--borde);border-radius:var(--radio);padding:10px 12px;text-align:center;text-transform:uppercase;letter-spacing:2px;background:var(--superficie)}.acceso__enlace{background:none;border:none;padding:0;text-decoration:underline;cursor:pointer;color:var(--tinta);font-size:var(--texto-chico)}.acceso__error{min-height:1.3em;font-size:var(--texto-chico);font-weight:var(--titulo);color:#b00020}