:root{--naranja:#ed9442;--naranja-oscuro:#cf7a2e;--naranja-suave:#fbe8d6;--fondo:#faf7f2;--card:#fff;--borde:#e9e2d8;--texto:#2b2b2b;--texto-2:#6b6b6b;--agua:#1f6f8b;--agua-oscuro:#14343f;--agua-suave:#e3eef3;--agua-claro:#b7ccd1;--ok:#25805f;--okbg:#dff2e9;--bad:#bf4630;--badbg:#fae6e1;--warn:#6b5300;--warnbg:#ffeb99;--off:#6b6b6b;--offbg:#efeae2;--sombra:0 1px 2px #2b2b2b1f;--fuente:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}html,body{background:var(--fondo);-webkit-text-size-adjust:100%;margin:0}.nau{font-family:var(--fuente);color:var(--texto);background:var(--fondo);max-width:720px;min-height:100vh;padding-bottom:calc(88px + env(safe-area-inset-bottom));font-variant-numeric:tabular-nums;margin:0 auto;font-size:15px;line-height:1.4}.nau *{box-sizing:border-box}.nau button{font:inherit;cursor:pointer}.nau select,.nau input,.nau textarea{font:inherit}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.top{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 6px;display:flex}.top .marca{align-items:center;gap:10px;min-width:0;display:flex}.top .marca img{flex-shrink:0;width:auto;height:30px}.top h1{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:800}.top .sub{color:var(--texto-2);font-size:12px}.sheet{background:var(--card);border-radius:14px;margin:12px 16px 0;padding:4px 16px}.sheet.pad{padding:14px 16px}.h{color:var(--texto);margin:10px 0 2px;font-size:13px;font-weight:700}.row{border-bottom:1px solid var(--borde);align-items:center;gap:12px;padding:11px 0;display:flex}.row:last-child{border-bottom:0}.row.tap{cursor:pointer}.grow{flex:1;min-width:0}.t{font-weight:600}.s{color:var(--texto-2);font-size:13px}.pill{white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.pill.ok{background:var(--okbg);color:var(--ok)}.pill.bad{background:var(--badbg);color:var(--bad)}.pill.off{background:var(--offbg);color:var(--off)}.pill.warn{background:var(--warnbg);color:var(--warn)}.tag{background:var(--naranja);color:var(--texto);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex;position:relative}.tag:before{content:"";background:var(--fondo);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.tag.sm{width:38px;height:44px;font-size:16px}.tag.lg{border-radius:12px;width:72px;height:84px;font-size:34px}.tag.lg:before{width:8px;height:8px;top:7px}.tag.inv{background:var(--card);color:var(--texto)}.tag.inv:before{background:var(--naranja)}.code{background:var(--naranja-suave);color:var(--texto);text-align:center;border-radius:6px;flex-shrink:0;min-width:36px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-block}.btn{background:var(--naranja);color:var(--texto);border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 14px;font-size:14px;font-weight:700;transition:background-color .15s;display:inline-flex}.btn:hover{background:var(--naranja-oscuro)}.btn.ghost{background:var(--agua-suave);color:var(--agua)}.btn.ghost:hover{background:var(--agua-claro)}.btn.claro{background:var(--card);color:var(--texto)}.btn.claro:hover{background:var(--naranja-suave)}.btn.sm{border-radius:8px;padding:7px 11px;font-size:13px}.btn.danger{background:var(--badbg);color:var(--bad)}.btn.danger:hover{background:var(--badbg)}.btn.plain{color:var(--texto);background:0 0;padding:6px}.btn.plain:hover{background:var(--offbg)}.btn:disabled{opacity:.5;cursor:default}.btn:focus-visible,.chip:focus-visible,.tabs button:focus-visible{outline:2px solid var(--agua);outline-offset:2px}.inp{border:1px solid var(--borde);background:var(--card);width:100%;color:var(--texto);border-radius:10px;padding:10px 12px}.inp:focus{outline:2px solid var(--agua);outline-offset:1px;border-color:#0000}.inp:disabled{background:var(--offbg);color:var(--texto-2);-webkit-text-fill-color:var(--texto-2);opacity:1;cursor:not-allowed}.avatar{object-fit:cover;background:var(--naranja-suave);color:var(--texto);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:inline-flex}textarea.inp{resize:vertical;min-height:110px}.clave{position:relative}.clave .inp{padding-right:46px}.clave .ojo{width:40px;height:40px;color:var(--texto);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:3px;transform:translateY(-50%)}.clave .ojo:hover{background:var(--offbg)}.clave .ojo:focus-visible{outline:2px solid var(--agua);outline-offset:-2px}.lab{color:var(--texto-2);margin:8px 0 4px;font-size:12px;display:block}.g2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.g3{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.chips{gap:6px;padding:8px 0;display:flex;overflow-x:auto}.chip{border:1px solid var(--borde);background:var(--card);color:var(--texto);white-space:nowrap;border-radius:999px;padding:5px 12px;font-size:13px}.chip.on{background:var(--naranja);color:var(--texto);border-color:var(--naranja);font-weight:700}.chip.plan{border-radius:10px;padding:8px 6px;line-height:1.25}.chip.plan small{opacity:.85;font-weight:400}.seg{background:var(--offbg);border-radius:12px;gap:4px;margin:6px 16px 4px;padding:4px;display:flex}.seg button{color:var(--texto-2);background:0 0;border:0;border-radius:9px;flex:1;padding:8px 6px;font-size:13px;font-weight:600}.seg button.on{background:var(--card);color:var(--texto);box-shadow:var(--sombra)}.seg button:focus-visible{outline:2px solid var(--agua);outline-offset:2px}.hero{background:var(--agua-oscuro);color:var(--card);border-radius:16px;margin:8px 16px 0;padding:22px 20px}.hero .big{letter-spacing:-.01em;font-size:26px;font-weight:500;line-height:1.15}.hero .big b{font-weight:800}.hero .s{color:var(--agua-claro)}.stats{grid-template-columns:1fr 1fr;gap:8px;margin:8px 16px 0;display:grid}.stat{background:var(--card);border-radius:12px;padding:12px 14px}.stat .v{letter-spacing:-.01em;font-size:20px;font-weight:800}.stat .k{color:var(--texto-2);font-size:12px}.bar{background:var(--agua-suave);border-radius:3px;height:6px;margin-top:6px;overflow:hidden}.bar i{background:var(--agua);height:100%;display:block}.bar i.full{background:var(--bad)}.tabs{background:var(--card);border-top:1px solid var(--borde);width:100%;max-width:720px;padding:6px 0 calc(10px + env(safe-area-inset-bottom));z-index:10;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabs button{color:var(--texto-2);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px 0;font-size:11px;font-weight:500;display:flex}.tabs button.on{color:var(--agua);font-weight:700}.panel{background:var(--fondo);z-index:20;padding-bottom:40px;position:fixed;inset:0;overflow-y:auto}.panel>.inner{max-width:720px;margin:0 auto}.velo{z-index:25;background:#2b2b2b73;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--card);width:100%;max-width:720px;max-height:calc(100dvh - 32px);padding:0 16px calc(16px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto;box-shadow:0 -8px 30px #0000002e}.modal .mh{background:var(--card);z-index:1;justify-content:space-between;align-items:center;gap:8px;padding:10px 0 2px;display:flex;position:sticky;top:0}.modal .mh .t{font-size:17px}.modal .cerrar{border-radius:12px;flex-shrink:0;width:44px;height:44px;margin-right:-8px;padding:0}@media (width>=640px){.velo{align-items:center;padding:24px}.modal{border-radius:16px;max-width:540px;max-height:calc(100vh - 48px);padding-bottom:16px;box-shadow:0 12px 40px #00000038}}@media (prefers-reduced-motion:no-preference){.modal{animation:.2s ease-out subir}@keyframes subir{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}.ph{align-items:center;gap:6px;padding:10px 10px 0;display:flex}.amt{white-space:nowrap;font-weight:600}.amt.pos{color:var(--ok)}.amt.neg{color:var(--texto)}.toast{bottom:calc(76px + env(safe-area-inset-bottom));background:var(--agua-oscuro);color:var(--card);z-index:30;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;max-width:calc(100% - 32px);padding:10px 16px;font-size:14px;position:fixed;left:50%;overflow:hidden;transform:translate(-50%)}.toast.err{background:var(--bad)}.note{color:var(--texto);background:var(--naranja-suave);border-radius:10px;margin:10px 0;padding:10px 12px;font-size:13px}.note.err{background:var(--badbg);color:var(--bad)}.note.ok{background:var(--okbg);color:var(--ok)}.note.warn{background:var(--warnbg);color:var(--warn)}.empty{color:var(--texto-2);text-align:center;padding:18px 0;font-size:14px}.link{color:var(--agua);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.link:hover{color:var(--agua-oscuro)}.pie{text-align:center;color:var(--texto-2);padding:22px 16px 6px;font-size:12px}.lugares{text-align:center;min-width:30px;color:var(--texto);background:var(--agua-suave);border-radius:8px;flex-shrink:0;padding:4px 6px;font-size:13px;font-weight:700}.btn.wa{background:var(--okbg);width:34px;height:34px;color:var(--ok);border-radius:10px;flex-shrink:0;padding:0;text-decoration:none}.btn.wa:hover{background:var(--okbg);color:var(--ok)}.btn.wa.con-texto{width:auto;padding:7px 11px;font-size:13px}.btn.wa.avisado{background:var(--offbg);color:var(--off)}.btn.wa:disabled{background:var(--offbg);color:var(--off);cursor:not-allowed}.avisado-txt{color:var(--off)}.opciones{grid-template-columns:1fr 1fr;gap:8px;display:grid}.opciones.una{grid-template-columns:1fr}.opcion{text-align:left;border:2px solid var(--borde);background:var(--card);color:var(--texto);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;line-height:1.25;display:flex}.opcion svg{flex-shrink:0;margin-top:1px}.opcion b{font-size:14px;display:block}.opcion small{color:var(--texto-2);margin-top:2px;font-size:12px;display:block}.opcion.on{border-color:var(--naranja);background:var(--naranja-suave)}.opcion:disabled{opacity:.5;cursor:default}.opcion:focus-visible{outline:2px solid var(--agua);outline-offset:2px}.tarjeta{border:1px solid var(--borde);border-radius:12px;margin:8px 0;overflow:hidden}.tarjeta .cab{background:var(--fondo);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.tarjeta .cuerpo{padding:0 12px}.tarjeta .cuerpo .row:last-child{border-bottom:0}.auth{max-width:420px;margin:0 auto;padding:40px 16px 24px}.auth .logo{text-align:center;flex-direction:column;align-items:center;gap:4px;margin-bottom:18px;display:flex}.auth .logo img{width:min(240px,64%);height:auto;display:block}.auth .btn{width:100%;margin-top:14px;padding:12px 14px}.auth .foot{text-align:center;margin-top:14px}.cargando{color:var(--texto-2);text-align:center;padding:60px 16px;font-size:14px}@media (prefers-reduced-motion:no-preference){.panel{animation:.18s ease-out slide}@keyframes slide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}}