:root{color:#102a43;--green:#0b6e4f;--green-dark:#08553c;--brand:#0b6e4f;--brand-dark:#08553c;--on-brand:#fff;--brand-link:#0b6e4f;--blue:#243b53;--danger:#b42318;--card:#fff;--border:#cbd2d9;--muted:#486581;--disabled-bg:#d9e2ec;--disabled-fg:#486581;--touch-tablet:48px;background:#e8eef4;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}*{box-sizing:border-box}body{min-height:100vh;margin:0}a{color:inherit;text-decoration:none}.page{max-width:1100px;min-height:100vh;margin:0 auto;padding:1rem 1.25rem 2rem}.page.center{place-items:center;display:grid}.topbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.topbar h1{margin:0;font-size:1.35rem}.card{background:var(--card);border-radius:16px;margin-bottom:1rem;padding:1.25rem 1.5rem;box-shadow:0 2px 12px #102a4314}.card-narrow{width:100%;max-width:420px}.card.compact{padding:.85rem 1.1rem}.card h1,.card h2{margin-top:0}.field{flex-direction:column;gap:.4rem;margin:.85rem 0;font-weight:600;display:flex}input{font:inherit;border:1px solid var(--border);background:#fff;border-radius:10px;padding:.65rem .85rem}.input-lg{padding:.75rem .9rem;font-size:1.1rem}.input-xl{letter-spacing:.04em;padding:.9rem 1rem;font-size:1.5rem}.btn{font:inherit;cursor:pointer;background:var(--brand);color:var(--on-brand);text-align:center;min-height:var(--touch-tablet);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.1rem;font-weight:600;display:inline-flex}.btn:disabled,.btn.disabled{background:var(--disabled-bg);color:var(--disabled-fg);border-color:var(--disabled-bg);pointer-events:none;cursor:not-allowed}.btn-primary{background:var(--brand);color:var(--on-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-secondary{background:var(--blue);color:#fff}.btn-ghost{color:var(--blue);border:1px solid var(--border);background:#fff}.btn-block{width:100%}.btn-xl{min-height:3.25rem;padding:1rem 1.25rem;font-size:1.25rem}.btn-sm{min-width:var(--touch-tablet);padding:.4rem .7rem}.btn-pad{min-height:52px;color:var(--blue);border:1px solid var(--border);background:#f0f4f8;font-size:1.5rem}.muted{color:var(--muted)}.error{color:var(--danger);margin:.5rem 0;font-weight:600}.pad-x{padding:0 .25rem}.search-card{width:100%}.home-actions{grid-template-columns:1fr 1fr;gap:1rem;width:100%;margin-top:1rem;display:grid}@media (width<=560px){.home-actions{grid-template-columns:1fr}}.alumno-card .alumno-row{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.alumno-foto{object-fit:cover;background:#d9e2ec;border-radius:16px;flex:none;width:72px;height:72px}.alumno-foto-lg{border-radius:20px;width:128px;height:128px;font-size:3rem}.alumno-foto-md{border-radius:16px;width:96px;height:96px;font-size:2.4rem}@media (width<=420px){.alumno-foto-lg{width:104px;height:104px}.alumno-foto-md{width:80px;height:80px}}.alumno-datos{min-width:0}.alumno-datos h2{overflow-wrap:anywhere}.small{font-size:14px}.center-text{text-align:center;margin:0}.alumno-head-left{align-items:center;gap:12px;min-width:0;display:flex}.nota-field textarea,.nota-field input{width:100%}.nota-hint{font-size:13px}.alumno-foto.placeholder{color:var(--blue);place-items:center;font-size:2rem;font-weight:700;display:grid}.stats{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.stat{background:#f0f4f8;border-radius:12px;padding:.85rem 1rem}.stat-label{color:var(--muted);font-size:14px;display:block}.stat-value{font-size:1.4rem;font-weight:700}.btn-stack{flex-direction:column;gap:.75rem;display:flex}.badge-block{background:#fde8e6;border-radius:6px;margin-top:.35rem;padding:.25rem .5rem;display:inline-block}.mode-tabs{gap:.5rem;margin-bottom:1rem;display:flex}.mode-tabs .btn{flex:1}.cobro-layout{grid-template-columns:1fr 320px;align-items:start;gap:16px;display:grid}@media (width<=800px){.cobro-layout{grid-template-columns:1fr 300px}.cobro-layout .product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (width<=600px){.cobro-layout{grid-template-columns:1fr}.page-cobro{padding-bottom:180px}.cobro-submit{padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:10;background:#fff;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #102a431f}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;display:grid}.product-card{border:2px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:16px;flex-direction:column;gap:4px;min-height:120px;padding:12px;display:flex;position:relative}.product-card:active{transform:scale(.98)}.qty-badge{background:var(--brand);color:var(--on-brand);border-radius:999px;padding:2px 8px;font-size:14px;font-weight:700;position:absolute;top:8px;right:8px}.product-card.selected{border-color:var(--brand);background:#e3f9ef}.product-name{padding-right:36px;font-size:16px;font-weight:700}.product-cat{color:var(--muted);font-size:14px}.product-price{margin-top:auto;font-size:1.1rem}.qty-row{justify-content:flex-end;align-items:center;gap:8px;margin-top:4px;display:flex}.btn-qty,.btn-qty-spacer{width:48px;height:48px;min-height:48px;padding:0;font-size:1.5rem;line-height:1}.btn-qty-spacer{display:inline-block}.qty{text-align:center;min-width:1.5rem;font-size:1.15rem;font-weight:700}.skeleton-card{cursor:default;border-color:#e4e7eb}.skeleton{background:#d9e2ec;border-radius:6px;animation:1.2s ease-in-out infinite pulse;display:block}.skeleton-line{width:80%;height:16px}.skeleton-line.short{width:50%;height:14px}.skeleton-line.price{width:40%;height:20px;margin-top:auto}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.empty-card{flex-direction:column;grid-column:1/-1;align-items:flex-start;gap:12px;margin:0;display:flex}.empty-card p{margin:0}.nip-block{margin:8px 0 12px}.nip-display{text-align:center;letter-spacing:.35em;background:#f0f4f8;border-radius:12px;place-items:center;height:64px;margin-bottom:12px;padding:8px 12px;font-size:1.75rem;display:grid}.nip-display-error{color:var(--danger);letter-spacing:normal;background:#fde8e6}.nip-msg{flex-direction:column;gap:2px;font-size:16px;line-height:1.25;display:flex}.nip-msg span{color:#7a271a;font-size:14px}.pad{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.amount-block .quick-row{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.total-line{margin:12px 0;font-size:20px}.cobro-side{max-height:calc(100vh - 32px);padding:16px 20px;position:sticky;top:16px;overflow-y:auto}.cobro-side h2{margin-bottom:8px;font-size:20px}.cobro-side .error{font-size:14px}.validation{margin:0 0 8px}.btn-cobrar{min-height:56px}.alumno-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.alumno-head-name{font-size:18px}.chips-row{flex-wrap:wrap;gap:8px;display:flex}.money-chip{color:#08553c;background:#e3f9ef;border-radius:999px;align-items:center;min-height:36px;padding:6px 12px;font-size:16px;font-weight:700;display:inline-flex}.spinner{border:3px solid;border-right-color:#0000;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-notice{margin:8px 0}.error-notice .error{margin:0 0 8px}.btn-retry{min-height:44px}:focus-visible,.btn:focus-visible,.product-card:focus-visible{outline-offset:2px;outline:3px solid #0b6e4f}.user-line{margin:4px 0 0;font-size:16px}.success-card{text-align:center;width:100%;max-width:440px}.success-icon{width:72px;height:72px;color:var(--green);background:#e3f9ef;border-radius:50%;place-items:center;margin:0 auto .75rem;font-size:2.5rem;font-weight:700;display:grid}.success-total{margin:.75rem 0;font-size:1.75rem;font-weight:700}.success-saldo{margin-bottom:1.25rem;font-size:1.15rem}.tip{text-align:center;margin-top:.75rem;font-size:.9rem}.amount-block{margin-bottom:20px}.cobro-side .total-line{margin-top:12px}.escuela-line{color:#334e68;margin:2px 0 0;font-weight:600}.session-check{text-align:center;justify-items:center;gap:.75rem;display:grid}.session-check .btn{justify-self:stretch}.link-olvido{text-align:center;color:var(--blue);margin-top:.75rem;font-weight:600;display:block}.turno-bar{background:#eef6ee;border:1px solid #cfe3cf;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin-bottom:1rem;padding:.6rem .9rem;display:flex}.corte-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin:.5rem 0;display:grid}.corte-grid>div{background:#f7f9fb;border-radius:10px;gap:2px;padding:.6rem .75rem;display:grid}.corte-grid span{color:var(--muted);font-size:14px}.corte-grid strong{font-size:1.2rem}.corte-grid small{color:var(--muted)}.corte-grid .corte-esperado{background:#eef6ee}.corte-card{width:100%;max-width:640px}.corte-dif{font-weight:700}.corte-dif.ok{color:var(--green)}.corte-dif.warn{color:var(--danger)}.ok-msg{color:var(--green);font-weight:600}.mov-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mov{border:1px solid #e4e7eb;border-radius:10px;padding:.55rem .75rem}.mov.anulada{background:#fafafa}.mov.anulada .mov-main{color:var(--muted);text-decoration:line-through}.mov-main{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.mov-folio{color:var(--muted);font-family:ui-monospace,monospace}.mov-tipo{font-weight:600}.mov-alumno{flex:1;min-width:120px}.mov-nota{color:var(--danger);margin:4px 0 0;font-size:14px}.mov-actions,.row-actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.anular-box{background:#fff8f6;border:1px solid #f3d1cb;border-radius:10px;margin-top:8px;padding:.6rem .75rem}.btn-danger{background:var(--danger);color:#fff}.ticket-card{width:100%;max-width:420px}.ticket{text-align:left;background:#fff;border:1px dashed #9aa5b1;border-radius:8px;margin:.75rem 0;padding:.75rem;font-family:ui-monospace,Courier New,monospace;font-size:14px}.ticket hr{border:0;border-top:1px dashed #9aa5b1;margin:6px 0}.ticket-escuela{text-align:center;margin:0;font-weight:700}.ticket-titulo{text-align:center;margin:0 0 6px}.ticket-row{justify-content:space-between;gap:8px;display:flex}.ticket-row span:last-child{text-align:right}.ticket-total{font-size:16px;font-weight:700}.ticket-nota{margin:4px 0}.ticket-anulada{text-align:center;margin:6px 0 0;font-weight:700}.ticket-pie{text-align:center;margin:8px 0 0;font-size:12px}@media print{@page{margin:4mm}body *{visibility:hidden}.ticket-print,.ticket-print *{visibility:visible}.ticket-print{width:72mm;max-width:100%;box-shadow:none;border:0;margin:0;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.offline-banner{z-index:50;flex-wrap:wrap;align-items:center;gap:6px;padding:10px 16px;font-size:15px;display:flex;position:sticky;top:0}.offline-banner.sin-red{color:#7a2e0e;background:#fef0c7;border-bottom:2px solid #f79009}.offline-banner.sync{color:#175cd3;background:#eff8ff}.offline-banner.ok{color:#067647;background:#ecfdf3}.offline-banner.conflicto{color:#b42318;background:#fef3f2}.offline-banner ul{width:100%;margin:4px 0 0 18px;padding:0}.offline-badge{color:#7a2e0e;background:#fef0c7;border-radius:999px;padding:2px 8px;font-size:13px;font-weight:600;display:inline-block}.prepago-card{background:#ecfdf3;border:2px solid #12b76a}.prepago-card.entregado{background:#eff8ff;border-color:#84adff}.lista-respaldo table{border-collapse:collapse;width:100%;font-size:14px}.lista-respaldo th,.lista-respaldo td{text-align:left;border-bottom:1px solid #d0d5dd;padding:6px 4px}.lista-respaldo .num{text-align:right}.lista-respaldo .firma{min-width:120px}@media print{.lista-respaldo{box-shadow:none;border:0}.lista-respaldo td.firma{border-bottom:1px solid #000}}.logo-escuela{display:inline-block}.powered-by{color:#627d98;text-align:center;margin:8px 0 0;font-size:.72rem}.login-marca{text-align:center;flex-direction:column;align-items:center;gap:8px;margin-bottom:12px;display:flex}.login-marca strong{font-size:1.1rem}.ticket-marca{flex-direction:column;align-items:center;gap:4px;display:flex}.header-marca{align-items:center;gap:8px;min-width:0;display:inline-flex}.header-marca strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.btn-accion{text-align:center;justify-content:center;align-items:center;min-height:72px;font-size:1.3rem;font-weight:700;display:flex}.topbar-acciones{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.btn-turno{min-height:48px}.home-grid{display:block}@media (width>=1000px){.page{max-width:1320px}.home-grid{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:1.25rem;display:grid}.home-grid .home-actions{grid-template-columns:1fr;margin-top:0}.home-grid .search-card{margin:0}}.link-olvido{justify-content:center;align-items:center;min-height:44px;display:flex}@media (width>=601px) and (height<=820px){.page-cobro{padding-top:8px;padding-bottom:8px}.cobro-side{padding:12px 16px}.cobro-side h2{margin-bottom:4px;font-size:18px}.nip-block{margin:4px 0 8px}.nip-display{height:48px;margin-bottom:8px;font-size:1.5rem}.pad{gap:6px}.btn-pad{height:48px;min-height:48px;font-size:22px}.cobro-side .total-line{margin:8px 0;font-size:18px}.btn-cobrar{min-height:52px}.mode-tabs{margin-bottom:.75rem}}