:root{--pv:#1f5ae6;--pv2:#3370FF;--pf:#f4f7fd;--pt:#121a2b;--ps:#5d6b82;--pb:#e2e8f3;--ok:#16a34a;--mal:#dc2626;--reg:#d97706;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;background:var(--pf);color:var(--pt);font-size:15px}button{font:inherit;cursor:pointer;border:0}input,textarea{font:inherit;font-size:16px;width:100%;padding:12px;border:1px solid var(--pb);border-radius:10px;background:#fff;color:var(--pt)}.p-app{min-height:100dvh;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.p-cab{background:linear-gradient(135deg,var(--pv),var(--pv2));color:#fff;padding:calc(18px + env(safe-area-inset-top)) 18px 54px;display:flex;justify-content:space-between;align-items:center}.p-cab small{opacity:.8}.p-cab h1{margin:0;font-size:24px}.p-main{max-width:560px;margin:-40px auto 0;padding:0 14px;display:flex;flex-direction:column;gap:12px}.p-saldo{background:#fff;border-radius:18px;padding:20px;box-shadow:0 8px 24px #1f5ae624;display:flex;flex-direction:column;gap:4px}.p-saldo span{color:var(--ps);font-weight:600}.p-saldo b{font-size:36px;letter-spacing:-.02em}.p-saldo small{color:var(--ps)}.p-saldo.vencido b{color:var(--mal)}.p-saldo.ok b{color:var(--ok)}.p-boton{display:block;width:100%;text-align:center;background:var(--pv);color:#fff;padding:14px;border-radius:12px;font-weight:700;margin-top:12px;text-decoration:none}.p-boton.blanco{background:var(--pv2)}.p-boton.wa{background:#25d366}.p-boton:disabled{opacity:.5}.p-tarjeta{background:#fff;border-radius:16px;padding:16px;border:1px solid var(--pb)}.p-tarjeta h2{font-size:16px;margin:0 0 10px;display:flex;justify-content:space-between;align-items:center;gap:8px}.p-fila{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--pb);color:var(--ps)}.p-fila b{color:var(--pt);text-align:right}.p-fila:last-child{border-bottom:0}.p-fila.total b{font-size:18px}.p-plan{display:flex;flex-direction:column;margin-bottom:6px}.p-plan b{font-size:20px}.p-plan span{color:var(--ps);font-size:13px}.p-suave{color:var(--ps);font-size:13.5px}.p-alerta{background:#fee2e2;color:#991b1b;border-radius:12px;padding:12px 14px}.p-info{background:#eaf1ff;color:#1e3a8a;border-radius:12px;padding:12px 14px}.p-enlace{background:none;color:var(--pv2);font-weight:600;padding:4px}.p-medidor{height:12px;background:#e5eaf3;border-radius:99px;overflow:hidden;margin:4px 0 8px}.p-medidor div{height:100%;border-radius:99px;transition:width .6s}.n-bueno{background:var(--ok);color:var(--ok)}.n-regular{background:var(--reg);color:var(--reg)}.n-malo,.n-desconectado{background:var(--mal);color:var(--mal)}.p-estado-senal{background:none!important;font-weight:600;margin:0 0 6px}.p-cuenta{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:var(--pf);border-radius:12px;margin-bottom:8px}.p-cuenta small{display:block;color:var(--ps)}.p-cuenta b{font-size:18px}.p-cuenta button{background:#fff;border:1px solid var(--pb);border-radius:8px;padding:8px 12px;font-weight:600;color:var(--pv)}.p-foto{display:grid;place-items:center;border:2px dashed #b9cdfb;border-radius:14px;min-height:150px;padding:10px;text-align:center;color:var(--pv2);font-weight:600;margin-bottom:12px;position:relative;overflow:hidden}.p-foto img{max-width:100%;max-height:300px;border-radius:8px}.p-foto input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.p-segmentos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.p-segmentos.dos{grid-template-columns:repeat(3,1fr)}.p-segmentos button{background:#fff;border:1px solid var(--pb);border-radius:10px;padding:11px 4px;font-weight:600;color:var(--ps)}.p-segmentos button.activo{background:#eaf1ff;border-color:var(--pv2);color:var(--pv)}.p-campo{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.p-campo span{font-size:13px;color:var(--ps);font-weight:500}.p-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;background:none;text-align:left;padding:11px 0;border-bottom:1px solid var(--pb);color:var(--pt)}.p-item small{display:block;color:var(--ps);font-size:12.5px}.p-item span{white-space:nowrap;font-weight:600;color:var(--pv2)}.p-ok{color:var(--ok)!important}.p-mal{color:var(--mal)!important}.p-pend{color:var(--reg)!important}.p-chip{font-size:11.5px;padding:3px 9px;border-radius:99px;background:#eaf1ff;color:var(--pv)}.e-resuelto,.e-cerrado{background:#dcfce7;color:#166534}.p-msg{padding:9px 12px;border-radius:12px;margin-bottom:8px;max-width:88%}.p-msg p{margin:0 0 3px;white-space:pre-wrap}.p-msg small{color:var(--ps);font-size:11.5px}.p-msg.yo{background:#eaf1ff;margin-left:auto}.p-msg.ellos{background:#f1f5f9}.p-responder{display:flex;gap:6px}.p-responder button{background:var(--pv);color:#fff;border-radius:10px;padding:0 14px;font-weight:600}.p-nav{position:fixed;inset:auto 0 0 0;background:#fff;border-top:1px solid var(--pb);display:flex;padding-bottom:env(safe-area-inset-bottom);z-index:10}.p-nav button{flex:1;background:none;padding:8px 2px 10px;color:var(--ps);font-size:11.5px;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:2px}.p-nav button span{font-size:20px;filter:grayscale(1);opacity:.6}.p-nav button.activo{color:var(--pv)}.p-nav button.activo span{filter:none;opacity:1}.p-pie{text-align:center;color:var(--ps);font-size:12px;padding:16px 0 8px}.p-centro{min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;gap:6px}.p-centro button{background:var(--pv);color:#fff;padding:12px 18px;border-radius:10px}.p-bienvenida{min-height:100dvh;background:linear-gradient(160deg,var(--pv),var(--pv2));color:#fff}.p-bienvenida .p-suave{color:#dbe6ff}.p-spinner{width:36px;height:36px;border:4px solid var(--pb);border-top-color:var(--pv);border-radius:50%;animation:gira 1s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}.p-check{width:72px;height:72px;border-radius:50%;background:var(--ok);color:#fff;font-size:40px;display:grid;place-items:center}.p-hoja{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d152699;z-index:20;display:grid;place-items:end center}.p-recibo{background:#fff;width:100%;max-width:560px;border-radius:18px 18px 0 0;padding:20px 18px calc(18px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.p-recibo h3{margin:12px 0 8px}.p-recibo small{color:var(--ps)}@media print{.p-nav,.p-cab,.p-main>*:not(.p-hoja){display:none}.p-hoja{position:static;background:none}.p-recibo button{display:none}}