:root{--mesa:#ece7dc;--hoja:#fffdf7;--tinta:#1f2430;--suave:#6b6a63;--linea:#d9d3c4;--marcador:#ff9a2e;--acento:#1f4e79;--rojo:#b3382c}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--mesa);color:var(--tinta);font-family:Patrick Hand,Segoe UI,system-ui,sans-serif;font-size:18px;line-height:1.35}button,input{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3{margin:0;font-weight:500}.centro{text-align:center;padding:60px 20px;color:var(--suave)}.app{max-width:520px;margin:0 auto;min-height:100dvh;padding:10px 10px 86px}.papel{background:var(--hoja);border:1px solid var(--linea);border-radius:6px;box-shadow:0 2px 0 var(--linea),0 12px 30px -18px rgba(60,50,30,.45);padding:16px 14px 22px;background-image:repeating-linear-gradient(transparent 0 33px,#efeadd 33px 34px);background-position:0 14px}.mes-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px}.nav-mes{display:flex;gap:8px}.nav-mes button{width:42px;height:42px;border-radius:50%;border:1.5px solid var(--linea);background:var(--hoja);font-size:24px;line-height:1}.caja-mes{font-family:Caveat,cursive;font-weight:700;font-size:30px;border:2px solid var(--tinta);border-radius:6px 10px 7px 11px;padding:2px 16px 0;display:flex;flex-direction:column;align-items:center;line-height:1.05;transform:rotate(-1deg)}.caja-mes small{font-family:Patrick Hand,sans-serif;font-size:13px;color:var(--suave);font-weight:400}.titulo{font-size:34px}.sub,.titulo{font-family:Caveat,cursive;font-weight:700}.sub{font-size:26px;margin:18px 0 6px}.resumen{margin:6px 0 12px;font-size:16px}.chico,.resumen{color:var(--suave)}.chico{font-size:15px;margin:10px 0 0}.lista{display:flex;flex-direction:column}.fila{display:grid;grid-template-columns:34px minmax(0,1fr) 46px auto 34px;align-items:center;grid-gap:4px;gap:4px;min-height:46px;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none}.fila,.fila>*{position:relative}.fila>*{z-index:1}.marca{position:absolute!important;z-index:0!important;inset:5px -3px;background:var(--marcador);opacity:.62;mix-blend-mode:multiply;border-radius:3px 12px 4px 14px/5px 9px 4px 10px;transform:scaleX(0) rotate(-.3deg);transform-origin:left center;transition:transform .38s cubic-bezier(.3,.7,.2,1)}.fila.par .marca{border-radius:5px 9px 12px 4px/8px 4px 10px 5px;transform:scaleX(0) rotate(.35deg)}.e-pagado .marca,.e-plata .marca{transform:scaleX(1) rotate(-.3deg)}.fila.par.e-pagado .marca,.fila.par.e-plata .marca{transform:scaleX(1) rotate(.35deg)}.pbtn{width:28px;height:28px;border-radius:50%;border:1.5px dashed #b9b2a0;background:transparent;color:#b9b2a0;font-family:Caveat,cursive;font-weight:700;font-size:19px;line-height:1;padding:0}.e-pagado .pbtn{border:2px solid var(--tinta);color:var(--tinta)}.nom{font-size:19px;line-height:1.1;padding:4px 0;overflow-wrap:anywhere}.vto{color:var(--suave);font-size:16px}.mto,.vto{text-align:right}.mto{font-size:18px;padding-left:6px;white-space:nowrap}.mto.est{font-style:italic}.lapiz,.mto.est{color:var(--suave)}.lapiz{border:0;background:transparent;font-size:18px;width:34px;height:34px;padding:0}.acciones{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.btn{background:var(--acento);color:#fff;border:0;border-radius:10px;padding:12px 18px;font-size:18px;min-height:46px}.btn.suave{background:transparent;color:var(--acento);border:1.5px solid var(--acento)}.btn.peligro{background:transparent;color:var(--rojo);border:1.5px solid var(--rojo)}.btn:disabled{opacity:.55}.vacio{text-align:center;padding:30px 8px}.vacio .btn{margin:10px 0}.tramos{display:flex;flex-direction:column;gap:6px}.tramo{display:grid;grid-template-columns:1fr auto;grid-template-areas:"a b" "a c";text-align:left;grid-gap:0 12px;gap:0 12px;padding:8px 12px;border:1.5px solid var(--linea);border-radius:10px;background:var(--hoja)}.tramo span:first-child{grid-area:a;align-self:center}.tramo span:nth-child(2){grid-area:b;text-align:right}.tramo .falta{grid-area:c;text-align:right;font-size:14px;color:var(--rojo)}.tramo.on{border-color:var(--acento);background:#e8f0f8}.tarjeta{margin:18px 0 8px;padding:14px;border:1.5px solid var(--tinta);border-radius:10px 14px 10px 16px;background:var(--hoja)}.tarjeta .btn{margin-top:12px}.renglon{margin:8px 0 0}.aviso-chico{margin:10px 0 0;font-size:15px;color:var(--rojo)}.incluye{padding-left:18px;margin:8px 0 0;font-size:16px}details{margin-top:10px;color:var(--suave)}.movs{list-style:none;padding:0;margin:0}.movs li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px dotted var(--linea);padding:4px 0}.form{gap:12px;margin-top:10px}.form,.form label,.login label{display:flex;flex-direction:column}.form label,.login label{gap:4px;font-size:16px;color:var(--suave)}.form input,.login input{border:1.5px solid var(--linea);border-radius:10px;padding:10px 12px;background:#fff;color:var(--tinta);font-size:18px;min-height:46px;width:100%}.dos{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.seg{display:flex;border:1.5px solid var(--linea);border-radius:10px;overflow:hidden}.seg button{flex:1 1;border:0;background:#fff;padding:11px 6px;font-size:17px}.seg button.on{background:var(--acento);color:#fff}.tabs{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:min(520px,100%);display:grid;grid-template-columns:repeat(3,1fr);background:var(--tinta);z-index:10;padding-bottom:env(safe-area-inset-bottom)}.tabs button{background:transparent;border:0;color:#cfcab9;padding:16px 4px;font-size:18px}.tabs button.on{color:#fff;box-shadow:inset 0 -3px 0 var(--marcador)}.aviso{bottom:76px;left:50%;transform:translateX(-50%);width:min(480px,calc(100% - 24px));background:var(--tinta);color:#fff;padding:12px 16px;border-radius:10px;z-index:30;font-size:16px}.aviso,.velo{position:fixed}.velo{inset:0;background:rgba(20,20,25,.45);display:flex;align-items:flex-end;justify-content:center;z-index:20}.hoja-modal{background:var(--hoja);width:min(520px,100%);max-height:92dvh;overflow:auto;border-radius:18px 18px 0 0;padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.modal-cab{display:flex;justify-content:space-between;align-items:center}.modal-cab h2{font-family:Caveat,cursive;font-weight:700;font-size:28px}.cerrar{border:0;background:transparent;font-size:30px;line-height:1;width:44px;height:44px}.login{max-width:360px;margin:14vh auto 0;padding:24px;display:flex;flex-direction:column;gap:14px;background:var(--hoja);border:1px solid var(--linea);border-radius:10px}.login h1{font-family:Caveat,cursive;font-weight:700;font-size:38px}.error{color:var(--rojo);margin:0}@media (prefers-reduced-motion:reduce){.marca{transition:none}}