:root{--tinta: #0f172a;--tenue: #64748b;--borde: #e2e8f0;--fondo: #f1f5f9;--panel: #ffffff;--acento: #0e7490;--acento-oscuro: #155e75;--ok: #047857;--ok-suave: #d1fae5;--pend: #b45309;--pend-suave: #fef3c7;--error: #b91c1c;--radio: 14px;--sombra: 0 1px 2px rgba(15, 23, 42, .06), 0 6px 20px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body,#raiz{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--tinta);background:var(--fondo);-webkit-font-smoothing:antialiased;overscroll-behavior-y:contain}button,input{font:inherit}.tenue{color:var(--tenue)}.cap{text-transform:capitalize}button{cursor:pointer;border:none;border-radius:10px}.grande{width:100%;padding:15px 16px;font-size:16px;font-weight:650;color:#fff;background:var(--acento);border-radius:12px;min-height:52px}.grande:active{background:var(--acento-oscuro)}.grande:disabled{opacity:.5}.plano{background:transparent;color:var(--acento);font-weight:600;padding:8px 10px}.plano.ancho{width:100%;margin-top:6px}.icono{margin-left:auto;background:var(--panel);border:1px solid var(--borde);width:38px;height:38px;border-radius:10px;font-size:18px;line-height:1}.centrado{display:grid;place-items:center;padding:40px 0}.alto-total{min-height:100dvh}.girando{width:34px;height:34px;border:3px solid var(--borde);border-top-color:var(--acento);border-radius:50%;animation:giro .8s linear infinite}@keyframes giro{to{transform:rotate(360deg)}}.acceso{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:24px 20px calc(24px + env(safe-area-inset-bottom));max-width:460px;margin:0 auto}.marca{text-align:center}.marca-icono{width:64px;height:64px;margin:0 auto 10px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--acento),var(--acento-oscuro));border-radius:20px;box-shadow:var(--sombra)}.marca h1{margin:0;font-size:26px;letter-spacing:-.3px}.marca p{margin:2px 0 0}.tarjeta{background:var(--panel);border:1px solid var(--borde);border-radius:var(--radio);box-shadow:var(--sombra);padding:18px;display:flex;flex-direction:column;gap:14px}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--tenue)}input{padding:13px 14px;border:1.5px solid var(--borde);border-radius:11px;font-size:17px;color:var(--tinta);background:#fff}input:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px #0e749026}.error{color:var(--error);font-size:14px;margin:0}.pie{text-align:center;font-size:13px;margin:0}.pantalla{max-width:560px;margin:0 auto;min-height:100dvh}.barra{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--acento);color:#fff}.barra-id{display:flex;flex-direction:column;line-height:1.25}.barra-id .tenue{color:#fffc;font-size:12px}.barra .plano{color:#fff}main{padding:16px 16px calc(28px + env(safe-area-inset-bottom))}.titulo-dia{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:4px 2px 14px}.titulo-dia h2{margin:0;font-size:20px}.titulo-dia .tenue{font-size:13px;flex:1}.resumen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.stat{background:var(--panel);border:1px solid var(--borde);border-radius:12px;padding:12px 6px;text-align:center}.stat-n{font-size:22px;font-weight:700;line-height:1}.stat-e{font-size:11px;margin-top:4px}.stat.ok .stat-n{color:var(--ok)}.stat.pend .stat-n{color:var(--pend)}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.pdv{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--borde);border-left:4px solid var(--pend);border-radius:12px;padding:13px 14px;box-shadow:var(--sombra)}.pdv:active{background:#f8fafc}.pdv.hecho{border-left-color:var(--ok)}.pdv-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pdv-info strong{font-size:15px}.pdv-info .tenue{font-size:13px}.pdv-info .dir{font-size:12px}.insignia{flex-shrink:0;font-size:11px;font-weight:700;padding:5px 10px;border-radius:999px;white-space:nowrap}.insignia.ok{color:var(--ok);background:var(--ok-suave)}.insignia.pend{color:var(--pend);background:var(--pend-suave)}.vacio{text-align:center;color:var(--tenue);padding:32px 16px}.aviso{padding:12px 14px;border-radius:12px;margin-bottom:12px}.aviso.error{background:#fef2f2;color:var(--error)}.hoja-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;z-index:20}.hoja{width:100%;max-width:560px;margin:0 auto;background:var(--panel);border-radius:20px 20px 0 0;padding:10px 20px calc(22px + env(safe-area-inset-bottom));animation:subir .22s ease}@keyframes subir{0%{transform:translateY(100%)}}.hoja-asa{width:40px;height:4px;background:var(--borde);border-radius:999px;margin:2px auto 12px}.hoja h3{margin:0 0 2px}.hoja .dir{font-size:14px}.hoja .grande{margin:14px 0 2px}
