:root{--fondo: #f5f3ff;--superficie: #ffffff;--texto: #1f2937;--tenue: #6b7280;--borde: #e5e7eb;--primario: #5b21b6;--primario-txt: #ffffff;--ok: #15803d;--ok-f: #dcfce7;--info: #1d4ed8;--info-f: #dbeafe;--mov: #b45309;--mov-f: #fef3c7;--mal: #b91c1c;--mal-f: #fee2e2;--aviso: #a16207;--aviso-f: #fef9c3;--nulo: #4b5563;--nulo-f: #f3f4f6;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--fondo: #13111c;--superficie: #1e1b2e;--texto: #ece9f6;--tenue: #a19cb5;--borde: #2f2a45;--primario: #8b5cf6;--ok-f: #14532d;--ok: #86efac;--info-f: #1e3a8a;--info: #bfdbfe;--mov-f: #78350f;--mov: #fde68a;--mal-f: #7f1d1d;--mal: #fecaca;--aviso-f: #713f12;--aviso: #fef08a;--nulo-f: #374151;--nulo: #e5e7eb}}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--texto);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--primario)}h1{font-size:1.4rem;margin:0 0 .25rem}h2{font-size:1.1rem;margin:0 0 .75rem}h3{font-size:1rem;margin:0 0 .5rem}.tenue{color:var(--tenue)}.error{color:var(--mal)}button{font:inherit;border:0;border-radius:10px;padding:.6rem 1rem;background:var(--primario);color:var(--primario-txt);cursor:pointer;font-weight:600}button.sec{background:transparent;color:var(--texto);border:1px solid var(--borde)}button:disabled{opacity:.6}input,select{font:inherit;width:100%;padding:.55rem .7rem;border-radius:10px;border:1px solid var(--borde);background:var(--superficie);color:var(--texto)}label{display:grid;gap:.25rem;margin-bottom:.75rem;font-weight:500}label.check{display:flex;align-items:center;gap:.5rem;font-weight:400}label.check input{width:auto}fieldset{border:1px solid var(--borde);border-radius:10px;margin:0 0 .75rem}.marco{min-height:100vh}.barra{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding:.6rem 1rem;background:var(--superficie);border-bottom:1px solid var(--borde)}.marca{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--texto);text-decoration:none}.barra nav{display:flex;gap:.25rem;flex:1}.barra nav a{padding:.35rem .7rem;border-radius:8px;text-decoration:none;color:var(--tenue);font-weight:600}.barra nav a.activo{background:var(--fondo);color:var(--primario)}.sesion{display:flex;align-items:center;gap:.6rem}.quien{display:grid;line-height:1.2}.quien small{color:var(--tenue)}.punto{width:10px;height:10px;border-radius:50%}.punto.ok{background:#22c55e}.punto.mal{background:#ef4444}main{max-width:1100px;margin:0 auto;padding:1rem;display:grid;gap:1rem}.tarjeta{display:block;background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:1rem;color:inherit;text-decoration:none;overflow-x:auto}a.tarjeta:hover{border-color:var(--primario)}.chip{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.02em}.chip.ok{background:var(--ok-f);color:var(--ok)}.chip.info{background:var(--info-f);color:var(--info)}.chip.mov{background:var(--mov-f);color:var(--mov)}.chip.mal{background:var(--mal-f);color:var(--mal)}.chip.aviso{background:var(--aviso-f);color:var(--aviso)}.chip.nulo{background:var(--nulo-f);color:var(--nulo)}.chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.resumen{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.resumen div{background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:.75rem 1rem;display:grid}.resumen b{font-size:1.8rem}.resumen span{color:var(--tenue)}.resumen .mal b{color:var(--mal)}.resumen .ok b{color:var(--ok)}.condominio .cabecera{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.6rem}.condominio .cabecera h2{margin:0;flex:1}.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.puerta p{margin:.4rem 0 0;font-size:.92rem}.encabezado-puerta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:center}.estado-grande{display:grid;justify-items:end;gap:.3rem}.estado-grande .chip{font-size:1.2rem;padding:.3rem 1rem}.alerta{border-color:var(--mal)}.acciones{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.45rem .5rem;border-bottom:1px solid var(--borde);vertical-align:top}th{color:var(--tenue);font-weight:600}tr.inactivo{opacity:.5}.eventos{list-style:none;margin:0;padding:0;max-height:420px;overflow-y:auto}.eventos li{display:grid;grid-template-columns:150px 1fr;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--borde);font-size:.9rem}.eventos li time{color:var(--tenue);font-variant-numeric:tabular-nums}.eventos li.critica span{color:var(--mal);font-weight:600}.eventos li.leve span{color:var(--aviso)}.grafico{width:100%;height:auto}.grafico .linea{fill:none;stroke:var(--primario);stroke-width:2}.grafico .dato{fill:var(--primario)}.grafico .umbral{stroke:var(--mal);stroke-dasharray:6 4}.grafico .eje{fill:var(--tenue);font-size:11px}.parametros{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin:0}.parametros div{background:var(--fondo);border-radius:10px;padding:.4rem .6rem}.parametros dt{color:var(--tenue);font-size:.8rem}.parametros dd{margin:0;font-weight:700}.formulario{max-width:520px}.login{min-height:100vh;display:grid;place-content:center;justify-items:center;gap:1rem;padding:1rem}.login .tarjeta{width:min(380px,100%);text-align:center}.descargar{display:grid;gap:.6rem}.descargar h2{margin:0}.boton{display:block;background:var(--primario);color:var(--primario-txt);border-radius:10px;padding:.65rem 1rem;text-decoration:none;font-weight:600}.pequeno{font-size:.8rem;margin:0}.login label{text-align:left}.login button{width:100%}@media(max-width:640px){.quien{display:none}.resumen b{font-size:1.4rem}.eventos li{grid-template-columns:1fr;gap:0}}