:root{--navy: #0b1220;--navy-2: #121d33;--ambar: #f09024;--ambar-soft: #ffdfb3;--ok: #22c55e;--bad: #ef4444;--warn: #f59e0b;--texto: #e9eef7;--texto-2: #9aa7bd;--linea: rgba(255, 255, 255, .08);--card: #131e34}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--navy);color:var(--texto);font-family:Segoe UI,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--ambar);text-decoration:none}button{font-family:inherit;cursor:pointer}button,a.btn,input[type=file]{touch-action:manipulation}:focus-visible{outline:2px solid var(--ambar);outline-offset:2px}input,select{font-family:inherit;font-size:1rem;background:var(--navy-2);border:1px solid var(--linea);color:var(--texto);border-radius:10px;padding:.7rem .9rem;width:100%}input:focus,select:focus{outline:2px solid var(--ambar);border-color:transparent}label{display:block;font-size:.82rem;color:var(--texto-2);margin:.9rem 0 .35rem}.app{max-width:560px;margin:0 auto;padding:0 1rem calc(84px + 1rem)}.hero{background:linear-gradient(135deg,#16233c 0%,var(--navy) 70%);border:1px solid var(--linea);border-radius:16px;padding:1.1rem 1.2rem;margin-top:1rem}.hero h1{font-size:1.05rem;font-weight:600}.hero .sub{color:var(--texto-2);font-size:.85rem;margin-top:.25rem}.titulo{font-size:1.3rem;font-weight:700;margin:1.4rem 0 .8rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.tarjeta{background:var(--card);border:1px solid var(--linea);border-radius:14px;padding:.9rem 1rem}.tarjeta .cifra{font-size:1.45rem;font-weight:700;margin-top:.2rem}.tarjeta .etiqueta{font-size:.78rem;color:var(--texto-2)}.tarjeta.ambar{border-color:#f0902473}.tarjeta.mala{border-color:#ef444466}.btn{display:block;width:100%;border:none;border-radius:12px;padding:.85rem;min-height:48px;font-size:1rem;font-weight:600;background:var(--ambar);color:#17110a;transition:filter .15s,transform .1s}.btn:hover{filter:brightness(1.08)}.btn:active{transform:scale(.985)}.btn.sec{background:transparent;border:1px solid var(--linea);color:var(--texto)}.btn.sec:hover{background:#ffffff0d}.btn.peligro{background:var(--bad);color:#fff}.btn:disabled{opacity:.45;cursor:default;transform:none}.barra-superior{display:flex;justify-content:space-between;align-items:center;margin-top:.8rem}.marca-top{font-weight:800;font-size:1.05rem}.marca-top .punto{color:var(--ambar)}.btn-sec-top{background:transparent;border:1px solid var(--linea);color:var(--texto-2);border-radius:10px;padding:.45rem .8rem;font-size:.8rem;min-height:40px}.btn-sec-top:hover{background:#ffffff0d}.fila{display:flex;justify-content:space-between;align-items:center;gap:.5rem;background:var(--card);border:1px solid var(--linea);border-radius:12px;padding:.75rem .9rem;margin-bottom:.55rem}.fila .p{font-weight:600;font-size:.95rem}.fila .s{color:var(--texto-2);font-size:.8rem}.chip{display:inline-block;font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:999px}.chip.ok{background:#22c55e26;color:var(--ok)}.chip.bad{background:#ef444426;color:var(--bad)}.chip.warn{background:#f59e0b26;color:var(--warn)}.chip.gris{background:#9aa7bd26;color:var(--texto-2)}.alert{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:#fca5a5;border-radius:12px;padding:.8rem 1rem;margin:.8rem 0;font-size:.9rem}.info{background:#f090241a;border:1px solid rgba(240,144,36,.35);color:var(--ambar-soft);border-radius:12px;padding:.8rem 1rem;margin:.8rem 0;font-size:.9rem}.nav-fija{position:fixed;bottom:0;left:0;right:0;background:#0b1220f5;border-top:1px solid var(--linea);display:flex;justify-content:space-around;padding:.5rem 0 calc(.5rem + env(safe-area-inset-bottom));z-index:10}.nav-fija a{color:var(--texto-2);font-size:.72rem;text-align:center;padding:.4rem .8rem;border-radius:10px;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:56px}.nav-fija a.activo{color:var(--ambar);font-weight:700}.login-wrap{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 1.5rem;max-width:420px;margin:0 auto}.logo{text-align:center;margin-bottom:1.6rem}.logo .marca{font-size:1.7rem;font-weight:800;letter-spacing:-.5px}.logo .punto{color:var(--ambar)}.logo .slogan{color:var(--texto-2);font-size:.85rem;margin-top:.3rem}.nota-demo{margin-top:1.1rem;font-size:.74rem;line-height:1.45;color:var(--texto-2);text-align:center;padding:.55rem .7rem;border:1px dashed var(--linea);border-radius:10px}.detalle-pago{background:#f090240f;border-left:3px solid var(--ambar);border-radius:0 12px 12px 0;padding:.7rem .9rem;margin-top:.4rem;font-size:.82rem;color:var(--texto-2)}.detalle-pago b{color:var(--texto)}.chat{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0}.burbuja{max-width:85%;padding:.7rem .9rem;border-radius:14px;font-size:.95rem;line-height:1.45;white-space:pre-wrap}.burbuja.yo{align-self:flex-end;background:var(--ambar);color:#17110a;border-bottom-right-radius:4px}.burbuja.socio{align-self:flex-start;background:var(--card);border:1px solid var(--linea);border-bottom-left-radius:4px}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.chip-btn{border:1px solid var(--ambar);background:transparent;color:var(--ambar);border-radius:999px;padding:.45rem .8rem;font-size:.85rem;min-height:40px}.chip-btn.activo{background:var(--ambar);color:#17110a;font-weight:700}.enviar{display:flex;gap:.5rem;position:sticky;bottom:72px;background:var(--fondo);padding-top:.5rem}.enviar input{flex:1;min-width:0}.enviar .btn{width:auto;padding:.85rem 1.1rem}.neg{color:#e05b5b}.barras{display:flex;gap:.4rem;align-items:flex-end;margin:.8rem 0 1.2rem}.barra-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.barra-valor{font-size:.7rem}.barra-pista{width:100%;height:110px;background:var(--card);border:1px solid var(--linea);border-radius:10px;display:flex;align-items:flex-end;overflow:hidden}.barra{width:100%;background:var(--ambar);border-radius:8px 8px 0 0;min-height:4px}.barra.roja{background:#e05b5b}.tarjeta.cta{border:1px dashed var(--ambar);cursor:pointer}.tarjeta.cta:hover{background:#f090240f}.sev{font-size:.72rem;font-weight:700;border-radius:999px;padding:.2rem .55rem;text-transform:uppercase}.sev-critica{color:#fff;background:#d64545}.sev-alta{color:#7a2b0d;background:#f6b26b}.sev-media{color:#6b5a10;background:#f2dc8a}.sev-baja{color:var(--texto-2);background:var(--card);border:1px solid var(--linea)}.mini-pista{height:8px;background:var(--card);border:1px solid var(--linea);border-radius:6px;overflow:hidden;margin:.5rem 0 .3rem}.mini-barra{height:100%;background:var(--ambar);border-radius:6px}.mini-barra.roja{background:#e05b5b}.chip-alerta{font-size:.7rem;color:#e05b5b;border:1px solid #e05b5b;border-radius:999px;padding:.2rem .5rem;white-space:nowrap}.puntaje{font-weight:800;font-size:1.1rem;border-radius:12px;padding:.3rem .65rem}.puntaje.fuerte{color:#4caf7d;background:#4caf7d1f}.puntaje.atento{color:var(--ambar);background:#f090241f}.puntaje.revisar{color:#e05b5b;background:#e05b5b1f}@media (min-width: 760px){.app{max-width:720px}.grid-2{grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width: 430px){.grid-3{grid-template-columns:1fr 1fr}.grid-3 .tarjeta:last-child{grid-column:span 2}.tarjeta .cifra{font-size:1.2rem;overflow-wrap:anywhere}}