:root{--tinta: #EBF0F4;--panel: #FFFFFF;--panel-alto: #F3F6F9;--panel-hover: #E6ECF1;--linea: #D5DEE5;--linea-suave: #E3E9EE;--texto: #17232E;--texto-suave: #44586A;--texto-tenue: #5C7284;--acento: #0E7C8C;--acento-alto: #0B93A6;--acento-tenue: rgba(14, 124, 140, .1);--verde: #17825A;--amarillo: #A66A05;--naranja: #BF4D10;--rojo: #B32424;--display: "Barlow Condensed", "Arial Narrow", sans-serif;--cuerpo: "IBM Plex Sans", system-ui, sans-serif;--dato: "IBM Plex Mono", "Courier New", monospace;--radio: 4px;--sombra: 0 10px 26px rgba(23, 43, 58, .12);--lateral: 236px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--tinta);color:var(--texto);font-family:var(--cuerpo);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--acento);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--acento-alto);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}h1,h2,h3,h4{font-family:var(--display);font-weight:600;letter-spacing:.02em;line-height:1.15}h1{font-size:30px}h2{font-size:22px}h3{font-size:17px}.rotulo{font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--texto-tenue)}.dato{font-family:var(--dato);font-size:12.5px;letter-spacing:-.01em}.coord{font-family:var(--dato);font-size:12px;color:var(--acento)}.franja-nivel{height:6px;width:100%;background-image:repeating-linear-gradient(-45deg,var(--color-nivel) 0 10px,color-mix(in srgb,var(--color-nivel) 62%,#000) 10px 20px);flex-shrink:0}.nivel-verde{--color-nivel: var(--verde)}.nivel-amarillo{--color-nivel: var(--amarillo)}.nivel-naranja{--color-nivel: var(--naranja)}.nivel-rojo{--color-nivel: var(--rojo)}.app{display:flex;flex-direction:column;height:100%}.app-cuerpo{display:flex;flex:1;min-height:0}.lateral{width:var(--lateral);background:var(--panel);border-right:1px solid var(--linea);display:flex;flex-direction:column;flex-shrink:0}.marca{padding:18px 18px 14px;border-bottom:1px solid var(--linea)}.marca-fila{display:flex;align-items:center;gap:9px}.marca-logo{width:32px;height:32px;flex-shrink:0}.marca-nombre{font-family:var(--display);font-size:22px;font-weight:700;letter-spacing:.06em}.marca-nombre span{color:var(--acento)}.marca-sub{font-size:10.5px;color:var(--texto-tenue);letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.nav{flex:1;overflow-y:auto;padding:10px 0}.nav-grupo{padding:14px 18px 6px}.nav a{display:flex;align-items:center;gap:10px;padding:9px 18px;color:var(--texto-suave);font-size:13.5px;border-left:2px solid transparent;transition:background .15s,color .15s}.nav a:hover{background:var(--panel-alto);color:var(--texto);text-decoration:none}.nav a.activo{background:var(--acento-tenue);color:var(--texto);border-left-color:var(--acento);font-weight:500}.nav-icono{width:17px;text-align:center;opacity:.85}.usuario-tarjeta{border-top:1px solid var(--linea);padding:14px 18px}.usuario-nombre{font-weight:600;font-size:13.5px}.usuario-rol{font-family:var(--display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}.contenido{flex:1;overflow-y:auto;min-width:0}.barra-superior{display:flex;align-items:center;gap:14px;padding:12px 24px;background:var(--panel);border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:40}.barra-titulo{flex:1;min-width:0}.barra-titulo h2{line-height:1.1}.barra-titulo p{font-size:12px;color:var(--texto-tenue)}.reloj{font-family:var(--dato);font-size:12px;color:var(--texto-suave);white-space:nowrap}.conexion{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--texto-tenue)}.punto{width:7px;height:7px;border-radius:50%;background:var(--rojo)}.punto.viva{background:var(--verde);box-shadow:0 0 0 3px #17825a33}.vista{padding:22px 24px 48px}.vista-plena{padding:0;height:calc(100% - 55px);position:relative}.panel{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);padding:18px}.panel-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.rejilla{display:grid;gap:14px}.rejilla-4{grid-template-columns:repeat(4,1fr)}.rejilla-3{grid-template-columns:repeat(3,1fr)}.rejilla-2{grid-template-columns:repeat(2,1fr)}.indicador{background:var(--panel);border:1px solid var(--linea);border-left:3px solid var(--color-indicador, var(--acento));border-radius:var(--radio);padding:14px 16px}.indicador-valor{font-family:var(--display);font-size:34px;font-weight:700;line-height:1}.indicador-rotulo{font-family:var(--display);font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--texto-tenue);margin-top:6px}.btn{font-family:var(--display);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;padding:8px 16px;border:1px solid var(--linea);border-radius:var(--radio);background:var(--panel-alto);color:var(--texto);cursor:pointer;transition:background .15s,border-color .15s,transform .05s;display:inline-flex;align-items:center;gap:7px}.btn:hover{background:var(--panel-hover);border-color:var(--acento)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primario{background:var(--acento);border-color:var(--acento);color:#fff}.btn-primario:hover{background:#0a6472;border-color:#0a6472}.btn-peligro{background:var(--rojo);border-color:var(--rojo);color:#fff}.btn-peligro:hover{background:#d94040;border-color:#d94040}.btn-whatsapp{background:#1da851;border-color:#1da851;color:#fff}.btn-whatsapp:hover{background:#24c25e;border-color:#24c25e}.btn-menudo{padding:5px 10px;font-size:11.5px}.btn-bloque{width:100%;justify-content:center}.campo{margin-bottom:14px}.campo label{display:block;font-family:var(--display);font-size:11.5px;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--texto-tenue);margin-bottom:5px}.campo input,.campo select,.campo textarea{width:100%;padding:9px 11px;background:var(--tinta);border:1px solid var(--linea);border-radius:var(--radio);color:var(--texto);font-family:var(--cuerpo);font-size:14px}.campo input:focus,.campo select:focus,.campo textarea:focus{outline:none;border-color:var(--acento);box-shadow:0 0 0 3px var(--acento-tenue)}.campo textarea{resize:vertical;min-height:92px;line-height:1.55}.campo .pista{font-size:11.5px;color:var(--texto-tenue);margin-top:4px}.campo-mono input{font-family:var(--dato)}.fila-campos{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.fila-campos-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 14px}.tabla-marco{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--radio)}table{width:100%;border-collapse:collapse;font-size:13px}thead th{background:var(--panel-alto);font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--texto-suave);text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);white-space:nowrap}tbody td{padding:10px 12px;border-bottom:1px solid var(--linea-suave);vertical-align:middle}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--panel-alto)}td.acciones{white-space:nowrap;text-align:right}.insignia{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:3px 9px;border-radius:100px;border:1px solid currentColor}.insignia-verde{color:var(--verde)}.insignia-amarillo{color:var(--amarillo)}.insignia-naranja{color:var(--naranja)}.insignia-rojo{color:var(--rojo)}.insignia-neutra{color:var(--texto-suave)}.insignia-acento{color:var(--acento)}.insignia-solida{color:#fff;border:none}.vacio{padding:46px 20px;text-align:center;color:var(--texto-tenue)}.vacio h3{color:var(--texto-suave);margin-bottom:6px}.aviso{padding:11px 14px;border-radius:var(--radio);font-size:13px;margin-bottom:14px;border-left:3px solid}.aviso-error{background:#b3242414;border-color:var(--rojo);color:#8a1f1f}.aviso-ok{background:#17825a14;border-color:var(--verde);color:#115c40}.aviso-info{background:var(--acento-tenue);border-color:var(--acento);color:#0a5865}.modal-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c11b8;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);box-shadow:var(--sombra);width:100%;max-width:620px;max-height:90vh;overflow-y:auto}.modal-cabecera{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--linea);position:sticky;top:0;background:var(--panel);z-index:2}.modal-cuerpo{padding:20px}.modal-pie{padding:14px 20px;border-top:1px solid var(--linea);display:flex;gap:10px;justify-content:flex-end}.cerrar{background:none;border:none;color:var(--texto-suave);font-size:24px;cursor:pointer;line-height:1}.cerrar:hover{color:var(--texto)}.mapa-marco{position:relative;height:100%;width:100%}.leaflet-container{height:100%;width:100%;background:#dce4ea;font-family:var(--cuerpo)}.leaflet-control-attribution{background:#ffffffd9!important;color:var(--texto-tenue)!important;font-size:10px!important}.leaflet-control-attribution a{color:var(--acento)!important}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--panel);color:var(--texto);border-radius:var(--radio)}.leaflet-popup-content{margin:12px 14px;font-family:var(--cuerpo)}.leaflet-bar a{background:var(--panel)!important;color:var(--texto)!important;border-color:var(--linea)!important}.leaflet-bar a:hover{background:var(--panel-hover)!important}.selector-capas{position:absolute;top:12px;right:12px;z-index:500;background:var(--panel);border:1px solid var(--linea);border-radius:var(--radio);overflow:hidden;box-shadow:var(--sombra);display:flex}.selector-capas button{background:none;border:none;color:var(--texto-suave);font-family:var(--display);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 13px;cursor:pointer;border-right:1px solid var(--linea)}.selector-capas button:last-child{border-right:none}.selector-capas button:hover{background:var(--panel-alto);color:var(--texto)}.selector-capas button.activo{background:var(--acento);color:#fff}.leyenda-mapa{position:absolute;bottom:22px;left:12px;z-index:500;background:#fffffff0;border:1px solid var(--linea);border-radius:var(--radio);padding:11px 13px;box-shadow:var(--sombra);max-width:200px}.leyenda-fila{display:flex;align-items:center;gap:8px;font-size:12px;margin-top:6px}.leyenda-punto{width:11px;height:11px;border-radius:50%;flex-shrink:0;border:1.5px solid rgba(255,255,255,.7)}.panel-dispositivos{position:absolute;top:12px;left:12px;z-index:500;background:#fffffff5;border:1px solid var(--linea);border-radius:var(--radio);padding:12px 13px;box-shadow:var(--sombra);width:248px;max-height:320px;overflow-y:auto}.panel-dispositivos .rotulo{display:flex;align-items:center;gap:6px}.panel-dispositivos .rotulo svg{color:var(--acento);flex-shrink:0}.fila-dispositivo,.fila-enlace{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;margin-top:7px;padding:6px 8px;background:var(--tinta);border-radius:7px}.fila-dispositivo .nombre,.fila-enlace .nombre{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fila-dispositivo .nombre svg{color:var(--texto-tenue);flex-shrink:0}.btn-solicitar{display:flex;align-items:center;gap:5px;flex-shrink:0;border:none;border-radius:6px;background:var(--acento);color:#fff;padding:5px 9px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.btn-solicitar:hover{background:#0a6472}.btn-solicitar:disabled{background:#9aa7b0;cursor:default}.btn-icono{display:flex;align-items:center;justify-content:center;flex-shrink:0;border:none;background:none;color:var(--rojo);padding:5px;border-radius:6px;cursor:pointer;transition:background .15s}.btn-icono:hover{background:#b324241f}.estado-punto{width:8px;height:8px;border-radius:50%;flex-shrink:0}.estado-punto.activo{background:var(--verde);box-shadow:0 0 0 3px #17825a33}.estado-punto.pendiente{background:#a66a05;box-shadow:0 0 0 3px #a66a052e}.estado-punto.rechazado{background:var(--texto-tenue)}.marcador-campo{width:26px;height:26px;border-radius:50% 50% 50% 2px;transform:rotate(45deg);border:2px solid rgba(255,255,255,.9);box-shadow:0 3px 8px #00000080;display:flex;align-items:center;justify-content:center}.marcador-campo span{transform:rotate(-45deg);font-size:11px;font-weight:700;color:#fff}.marcador-pulso{animation:pulso 1.4s ease-out infinite}@keyframes pulso{0%{box-shadow:0 0 #b32424bf}70%{box-shadow:0 0 0 16px #b3242400}to{box-shadow:0 0 #b3242400}}.acceso{min-height:100%;display:grid;grid-template-columns:1.05fr .95fr}.acceso-relato{background:linear-gradient(160deg,#fffffff5,#ebf0f4fc),repeating-linear-gradient(-45deg,#fff 0,#fff 22px,#f0f4f7 22px,#f0f4f7 44px);padding:56px 52px;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--linea)}.acceso-relato h1{font-size:46px;line-height:.98;margin:18px 0 14px;color:var(--texto)}.acceso-relato p{color:var(--texto-suave);max-width:46ch}.acceso-niveles{margin-top:34px;display:flex;flex-direction:column;gap:9px}.acceso-nivel{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--texto-suave)}.acceso-nivel i{width:30px;height:5px;border-radius:2px;display:block;flex-shrink:0}.acceso-panel{display:flex;align-items:center;justify-content:center;padding:40px 32px}.acceso-formulario{width:100%;max-width:380px}.acceso-formulario h2{margin-bottom:4px}.acceso-formulario .subtitulo{color:var(--texto-tenue);font-size:13px;margin-bottom:24px}.credenciales-demo{margin-top:22px;padding:13px;background:var(--panel);border:1px dashed var(--linea);border-radius:var(--radio);font-size:12px}.credenciales-demo .dato{display:block;color:var(--texto-suave);margin-top:3px}.sci-nivel{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.sci-conector{width:1px;height:18px;background:var(--linea);margin:0 auto}.sci-tarjeta{background:var(--panel);border:1px solid var(--linea);border-top:3px solid var(--color-puesto, var(--acento));border-radius:var(--radio);padding:12px 14px;min-width:172px;max-width:210px;flex:1}.sci-tarjeta.vacante{border-style:dashed;opacity:.68}.sci-puesto{font-family:var(--display);font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.sci-persona{font-size:13.5px;margin-top:6px;font-weight:500}.sci-contacto{font-family:var(--dato);font-size:11.5px;color:var(--texto-tenue);margin-top:2px}.linea-tiempo{border-left:2px solid var(--linea);padding-left:16px;margin-left:6px}.evento{position:relative;padding-bottom:18px}.evento:before{content:"";position:absolute;left:-22px;top:5px;width:9px;height:9px;border-radius:50%;background:var(--color-evento, var(--acento));border:2px solid var(--tinta)}.evento-hora{font-family:var(--dato);font-size:11px;color:var(--texto-tenue)}.evento-titulo{font-weight:600;margin:2px 0 3px}.evento-texto{font-size:13px;color:var(--texto-suave)}.barra-movil{display:none}.menu-boton{display:none;background:none;border:none;color:var(--texto);font-size:22px;cursor:pointer}@media (max-width: 1100px){.rejilla-4,.rejilla-3{grid-template-columns:repeat(2,1fr)}.acceso{grid-template-columns:1fr}.acceso-relato{padding:40px 28px;border-right:none;border-bottom:1px solid var(--linea)}.acceso-relato h1{font-size:36px}}@media (max-width: 820px){.menu-boton{display:block}.lateral{position:fixed;inset:0 auto 0 0;z-index:900;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--sombra)}.lateral.abierto{transform:translate(0)}.velo-lateral{position:fixed;top:0;right:0;bottom:0;left:0;background:#060c1199;z-index:890}.vista{padding:16px 14px 60px}.barra-superior{padding:10px 14px}.rejilla-4,.rejilla-3,.rejilla-2,.fila-campos,.fila-campos-3{grid-template-columns:1fr}h1{font-size:25px}.reloj{display:none}.selector-capas button{padding:7px 10px;font-size:10.5px}.modal{max-height:94vh}}@media (max-width: 480px){.indicador-valor{font-size:28px}.btn{padding:8px 13px;font-size:12px}.leyenda-mapa{max-width:150px;font-size:11px}}