:root{--azul:#0583F2;--azul-osc:#0468c4;--navy:#0b2540;--rojo:#bf0404;--ok:#1e9e5a;--ambar:#b8860b;--fondo:#eef3f9;--tarjeta:#ffffff;--linea:#dce5f0;--texto:#0b2540;--suave:#5b6b7d;--r:14px}:root[data-tema=oscuro]{--azul:#3fa2ff;--azul-osc:#2b7fd4;--navy:#0a1a2b;--rojo:#ff6b6b;--ok:#46c882;--ambar:#e0a83a;--fondo:#0c1826;--tarjeta:#132437;--linea:#24384f;--texto:#e6edf5;--suave:#93a6bb}:root[data-tema=oscuro]{color-scheme:dark}:root:not([data-tema=oscuro]){color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}#root{min-height:100%}img,svg{max-width:100%}button{font-family:inherit}.movil{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;background:var(--fondo);position:relative}.cuerpo{flex:1;padding:14px 16px 96px;overflow-y:auto}.escritorio{max-width:1200px;margin:0 auto;padding:0 20px 60px}.barra{background:var(--azul);color:#fff;padding:14px 16px;display:flex;align-items:center;gap:12px;padding-top:max(14px,env(safe-area-inset-top))}.barra h1{font-size:16px;margin:0;font-weight:700;letter-spacing:-.01em}.barra p{margin:1px 0 0;font-size:11.5px;opacity:.85}.barra .der{margin-left:auto;display:flex;gap:8px;align-items:center}.tabs{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--linea);display:flex;justify-content:space-around;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:40}.tabs button{background:none;border:none;color:var(--suave);font-size:10px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:4px 8px;position:relative;flex:1}.tabs button.on{color:var(--azul);font-weight:600}.tabs svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.tabs .bdg{position:absolute;top:0;right:22%;background:var(--rojo);color:#fff;font-size:9px;font-weight:800;border-radius:99px;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.tarjeta{background:var(--tarjeta);border:1px solid var(--linea);border-radius:var(--r);padding:14px;margin-bottom:12px;box-shadow:0 1px 3px #0b25400d}.fila{display:flex;align-items:center;gap:10px}.crece{flex:1;min-width:0}.lbl{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--suave);font-weight:700}.val{font-size:15px;font-weight:600;overflow-wrap:anywhere;min-width:0}.mono{font-variant-numeric:tabular-nums}h2.tit{font-size:20px;margin:6px 0 2px;letter-spacing:-.02em}p.sub{color:var(--suave);font-size:12.5px;margin:0 0 14px;line-height:1.45}.pill{font-size:10px;font-weight:700;letter-spacing:.04em;border-radius:99px;padding:4px 10px;text-transform:uppercase;white-space:nowrap;display:inline-block}.pill.ok{background:#1e9e5a21;color:var(--ok)}.pill.mal{background:#bf04041a;color:var(--rojo)}.pill.azul{background:#0583f21f;color:var(--azul-osc)}.pill.espera{background:#b8860b26;color:#8a6400}.pill.gris{background:#5b6b7d24;color:var(--suave)}.btn{width:100%;border:none;border-radius:var(--r);padding:15px;font-size:15px;font-weight:700;letter-spacing:.02em;cursor:pointer;text-transform:uppercase;transition:filter .15s}.btn:active:not(:disabled){filter:brightness(.92)}.btn.azul{background:var(--azul);color:#fff}.btn.rojo{background:var(--rojo);color:#fff}.btn.verde{background:var(--ok);color:#fff}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.chico{padding:9px 14px;font-size:12px;width:auto;text-transform:none;border-radius:10px}.btn.linea{background:transparent;border:1px solid var(--linea);color:var(--texto)}.campo{margin-bottom:12px}.campo label{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--suave);margin-bottom:5px;font-weight:700}.campo input,.campo select,.campo textarea{width:100%;background:var(--tarjeta);border:1px solid var(--linea);border-radius:11px;padding:12px 13px;color:var(--texto);font-size:15px;font-family:inherit}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:2px solid var(--azul);outline-offset:-1px}.campo textarea{resize:vertical;min-height:70px;line-height:1.45}.celdaEscribir{background:var(--tarjeta);border:1px solid var(--linea);border-radius:8px;padding:5px 8px;color:var(--texto);font-size:13px;font-family:inherit}.celdaEscribir:focus{outline:2px solid var(--azul);outline-offset:-1px}.aviso{border-radius:12px;padding:11px 13px;font-size:12.5px;line-height:1.45;margin-bottom:12px}.aviso.mal{background:#bf040414;border:1px solid rgba(191,4,4,.3);color:#8a0303}.aviso.ok{background:#1e9e5a1a;border:1px solid rgba(30,158,90,.35);color:#146b3f}.aviso.info{background:#0583f214;border:1px solid rgba(5,131,242,.3);color:var(--azul-osc)}.aviso.espera{background:#b8860b1a;border:1px solid rgba(184,134,11,.35);color:#7a5a00}.sesion{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--r);margin:10px 0 2px;border:1px solid}.sesion .luz{width:16px;height:16px;border-radius:50%;flex:0 0 auto}.sesion .tit{font-size:19px;font-weight:800;letter-spacing:-.01em}.sesion .det{font-size:12.5px;margin-top:2px;opacity:.85}.sesion.activa{background:#1e9e5a1f;border-color:#1e9e5a66;color:var(--ok)}.sesion.activa .luz{background:var(--ok);animation:latido 2s ease-in-out infinite}.sesion.comida{background:#b8860b1a;border-color:#b8860b59;color:#7a5a00}.sesion.comida .luz{background:var(--ambar)}.sesion.cerrada{background:#bf040417;border-color:#bf04044d;color:var(--rojo)}.sesion.cerrada .luz{background:var(--rojo)}@keyframes latido{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sesion.activa .luz{animation:none}}.reloj{font-size:46px;font-weight:800;letter-spacing:-.03em;text-align:center;margin:10px 0 2px;font-variant-numeric:tabular-nums}.reloj small{font-size:18px;color:var(--suave);font-weight:600}.reloj.pausa{color:var(--ambar)}.reloj .seg{font-size:20px;color:var(--suave);font-weight:700;margin-left:5px;letter-spacing:0}@keyframes latido{0%{transform:scale(.55);opacity:.45}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}@media (prefers-reduced-motion: reduce){.leaflet-container [style*=latido]{animation:none!important}}.num{width:34px;height:34px;flex:none;border-radius:10px;background:var(--azul);color:#fff;display:grid;place-items:center;font-weight:800;font-size:12.5px}.lista{border-bottom:1px solid var(--linea);padding:11px 0;display:flex;gap:10px;align-items:center;font-size:12.5px}.lista:last-child{border:none}.marca{display:flex;align-items:center;gap:9px;padding:8px 2px;font-size:13px;border-bottom:1px solid var(--linea)}.marca:last-child{border:none}.marca input{width:19px;height:19px;accent-color:var(--azul);flex:none}.marca.apagado{opacity:.5}.marca b{display:block;font-size:13px}.marca i{display:block;font-style:normal;font-size:11px;color:var(--suave);margin-top:1px}.nav{background:var(--navy);padding:0 20px;display:flex;gap:2px;overflow-x:auto;position:sticky;top:0;z-index:30}.nav button{background:none;border:none;color:#9fb3c8;font-size:13px;cursor:pointer;padding:14px;font-weight:600;white-space:nowrap;position:relative;border-bottom:3px solid transparent}.nav button.on{color:#fff;border-bottom-color:var(--azul)}.nav button:hover:not(.on){color:#dbe7f3}.nav .bdg{background:var(--rojo);color:#fff;font-size:9px;font-weight:800;border-radius:99px;padding:1px 5px;margin-left:5px;vertical-align:2px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin:20px 0}.kpi{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;padding:14px 16px}.kpi .n{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-top:4px;font-variant-numeric:tabular-nums}.kpi .pie{font-size:11px;color:var(--suave);margin-top:2px}.tablaBox{background:var(--tarjeta);border:1px solid var(--linea);border-radius:12px;overflow:hidden;margin-bottom:18px}.tablaBox h3{margin:0;font-size:13.5px;padding:13px 16px;border-bottom:1px solid var(--linea);display:flex;align-items:center;gap:8px}.tablaBox h3 .ayuda{margin-left:auto;font-weight:400;font-size:11.5px;color:var(--suave)}.scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12.5px}th{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--suave);text-align:left;padding:10px 14px;border-bottom:1px solid var(--linea);white-space:nowrap;font-weight:700}td{padding:10px 14px;border-bottom:1px solid var(--linea);white-space:nowrap;font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:none}.mini{border:1px solid var(--linea);background:var(--fondo);color:var(--texto);border-radius:8px;padding:6px 9px;font-size:12.5px;font-family:inherit;font-variant-numeric:tabular-nums;width:88px}.dosCol{display:grid;grid-template-columns:1.6fr 1fr;gap:18px;align-items:start}@media (max-width:900px){.dosCol{grid-template-columns:1fr}}.centro{min-height:100vh;display:grid;place-items:center;padding:20px}.cargando{text-align:center;color:var(--suave);font-size:13px;padding:40px 0}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.area-movible{cursor:grab}.area-movible:active{cursor:grabbing}.leaflet-container .area-movible{touch-action:none}.masMenu{position:fixed;bottom:calc(64px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:calc(100% - 24px);max-width:496px;z-index:46;background:var(--tarjeta);border:1px solid var(--linea);border-radius:14px;overflow:hidden;box-shadow:0 12px 32px #0b25402e}.masMenu button{all:unset;display:flex;align-items:center;gap:12px;width:100%;box-sizing:border-box;padding:14px 16px;font-size:14.5px;cursor:pointer;border-bottom:1px solid var(--linea);color:var(--texto);position:relative}.masMenu button:last-child{border-bottom:none}.masMenu button.on{color:var(--azul);font-weight:700;background:var(--fondo)}.masMenu .ic svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.8;display:block}.masMenu .bdg{margin-left:auto;background:var(--rojo);color:#fff;font-size:10px;font-weight:800;border-radius:99px;min-width:18px;height:18px;display:grid;place-items:center;padding:0 5px}.tabs button{min-width:0}.tabs button{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tabs.apretadas button{padding:4px 1px;font-size:9.5px;letter-spacing:-.2px}.tabs.apretadas svg{width:20px;height:20px}.tabs.apretadas .bdg{right:12%}.marcaAgua:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:url(/logo-hvac.png) center 46% no-repeat;background-size:min(58vw,620px) auto;opacity:.05}:root[data-tema=oscuro] .marcaAgua:before{opacity:.07}@media (max-height:620px){.marcaAgua:before{display:none}}@media print{.marcaAgua:before{display:none}}.chat{display:flex;flex-direction:column;gap:6px;border:1px solid var(--linea);border-radius:16px;background:var(--tarjeta);padding:12px 14px 10px}.chat textarea{width:100%;min-height:52px;max-height:220px;resize:vertical;background:transparent;border:0;outline:none;color:var(--texto);font:inherit;font-size:14.5px;line-height:1.5}.chat textarea::placeholder{color:var(--suave)}.chat:focus-within{border-color:var(--azul);box-shadow:0 0 0 3px #0583f21f}.chat .pie{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.chat .pie .crece{flex:1}.chat .pie .btn{width:auto;padding:9px 20px;font-size:14px;border-radius:11px}.burbuja{max-width:88%;padding:10px 13px;border-radius:14px;font-size:13.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.burbuja.mia{background:var(--azul);color:#fff;border-bottom-right-radius:4px}.burbuja.suya{background:var(--fondo);color:var(--texto);border:1px solid var(--linea);border-bottom-left-radius:4px}