@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-sans-latin-400-normal-CdZtFfYS.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-400-normal-BU83cd9M.woff) format("woff")}@font-face{font-family:IBM Plex Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-sans-latin-600-normal-BGOKnPO6.woff2) format("woff2"),url(/assets/ibm-plex-sans-latin-600-normal-ZykYOGKL.woff) format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-Dm_PoFIZ.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-O6-GRVqx.woff) format("woff")}@font-face{font-family:"Source Serif 4";font-style:normal;font-display:swap;font-weight:600;src:url(/assets/source-serif-4-latin-600-normal-o3gjl2h6.woff2) format("woff2"),url(/assets/source-serif-4-latin-600-normal-BqP-dZFg.woff) format("woff")}:root{--tinta: #1B2430;--tinta-2: #4A5563;--tenue: #6B7280;--fondo: #F4F2ED;--superficie: #FFFFFF;--borde: #ECE9E2;--borde-2: #CFCAC0;--azul: #1F4E72;--azul-2: #2C6E9E;--rojo: #8C1D24;--bien: #2E7D4F;--bien-f: #E6F2EA;--atencion: #8A4804;--atencion-f: #FBF1E1;--problema: #A61B1B;--problema-f: #FBECEC;--sans: "IBM Plex Sans", system-ui, sans-serif;--serif: "Source Serif 4", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--fondo);color:var(--tinta);font:15px/1.45 var(--sans)}h1,h2{font-family:var(--serif);font-weight:600;margin:0}h1{font-size:26px}h2{font-size:19px}a{color:var(--azul)}.tenue{color:var(--tinta-2)}.chico{font-size:13px}.rojo{color:var(--problema);font-weight:600}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.btn{font:inherit;font-size:14px;border:1px solid var(--borde-2);background:var(--superficie);color:var(--tinta);border-radius:8px;padding:8px 14px;cursor:pointer;min-height:36px;text-decoration:none;display:inline-flex;align-items:center}.btn:hover{border-color:var(--tinta-2)}.btn.primario{background:var(--tinta);color:#fff;border-color:var(--tinta)}.btn.primario:disabled,.btn:disabled{opacity:.45;cursor:default}.btn.chico{font-size:13px;padding:4px 10px;min-height:30px}.btn.enlace{border:0;background:none;color:var(--azul);padding:4px 0;min-height:0;text-decoration:underline}.form{display:flex;flex-direction:column;gap:12px}.form.ancho{max-width:640px}.form label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--tinta-2)}.form input,.form select,.form textarea,.barra-periodo select{font:inherit;font-weight:400;color:var(--tinta);padding:8px 10px;border:1px solid var(--borde-2);border-radius:8px;background:#fff;min-height:38px}.form textarea{min-height:84px}.form fieldset{border:1px solid var(--borde);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.form legend{font-size:13px;font-weight:600;color:var(--tinta-2);padding:0 4px}.form label.opcion{flex-direction:row;align-items:center;gap:8px;font-weight:400;color:var(--tinta)}.botones{display:flex;gap:8px;flex-wrap:wrap}.error,.caja-error{color:var(--problema);background:var(--problema-f);border-radius:8px;padding:8px 12px;margin:0;display:flex;gap:12px;align-items:center;justify-content:space-between}.ok{color:var(--bien);background:var(--bien-f);border-radius:8px;padding:8px 12px;margin:0}.aviso{background:var(--atencion-f);border-radius:8px;padding:10px 12px;font-size:14px;display:flex;flex-direction:column;gap:8px}.ingreso{min-height:100vh;display:grid;place-items:center;padding:16px}.ingreso-caja{width:100%;max-width:400px;background:var(--superficie);border:1px solid var(--borde);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:18px}.marca{font-family:var(--serif);font-size:18px}.marca-nido{font-weight:600}.marca-red{color:var(--tinta-2)}.aviso-prueba{font-size:12px;background:var(--atencion-f);color:var(--atencion);border-radius:8px;padding:8px 10px;margin:0}.qr{width:180px;height:180px;align-self:center}.cabecera{display:flex;align-items:center;gap:16px;padding:12px 24px;background:var(--superficie);border-bottom:1px solid var(--borde)}.cabecera-org{color:var(--tinta-2);font-size:14px}.cabecera-usuario{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:14px}.franja-demo{background:var(--atencion-f);color:var(--atencion);font-size:12px;font-weight:600;letter-spacing:.02em;padding:5px 24px}.franja-vercomo{background:var(--azul);color:#fff;font-size:14px;padding:8px 24px;display:flex;gap:12px;align-items:center}.franja-vercomo .btn{margin-left:auto}.cuerpo{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 90px)}.menu{display:flex;flex-direction:column;padding:16px 10px;gap:2px;border-right:1px solid var(--borde);background:var(--superficie)}.menu a{color:var(--tinta);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}.menu a:hover{background:var(--fondo)}.menu a.activo{background:var(--tinta);color:#fff}.contenido{padding:20px 28px 48px;display:flex;flex-direction:column;gap:20px;max-width:1180px;width:100%}.barra-periodo{display:flex;justify-content:flex-end}.barra-periodo label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--tinta-2)}.titulo-pagina{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.titulo-pagina p{margin:4px 0 0}.seccion{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:12px}.seccion-cabeza{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.seccion-cabeza p{margin:2px 0 0}.tarjetas{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.tarjeta{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.tarjeta-titulo{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2);display:flex;gap:6px;align-items:center}.tarjeta-valor{font-size:26px;font-family:var(--mono);letter-spacing:-.01em}.tarjeta-detalle{font-size:13px;color:var(--tinta-2)}.tarjeta.t-problema .tarjeta-valor{color:var(--problema)}.tarjeta.t-bien .tarjeta-valor{color:var(--bien)}.tarjeta.t-atencion .tarjeta-valor{color:var(--atencion)}.info{width:16px;height:16px;border-radius:50%;border:1px solid var(--borde-2);display:inline-grid;place-items:center;font-size:11px;text-transform:none;cursor:help}.var{font-family:var(--sans)}.var.sube{color:var(--tinta)}.var.baja{color:var(--tinta-2)}.dos-columnas{display:grid;grid-template-columns:1fr 1fr;gap:20px}.cargando,.vacio{padding:16px;color:var(--tinta-2);background:var(--superficie);border:1px dashed var(--borde-2);border-radius:12px}.tabla-envoltura{overflow-x:auto}.tabla{width:100%;border-collapse:collapse;font-size:14px}.tabla th{text-align:left;font-size:12px;font-weight:600;color:var(--tinta-2);border-bottom:1px solid var(--borde-2);padding:8px 10px;white-space:nowrap}.tabla td{border-bottom:1px solid var(--borde);padding:8px 10px;vertical-align:top}.tabla tfoot td{font-weight:600;border-top:1px solid var(--borde-2);border-bottom:0}.tabla .der{text-align:right}.tabla.chica{font-size:13px}.estado{display:inline-flex;gap:6px;align-items:center;font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;white-space:nowrap}.e-bien{background:var(--bien-f);color:var(--bien)}.e-atencion{background:var(--atencion-f);color:var(--atencion)}.e-problema{background:var(--problema-f);color:var(--problema)}.e-neutro{background:#efede8;color:var(--tinta-2)}.fila-semaforos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.semaforo{display:flex;gap:14px;align-items:center;background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:12px 16px}.semaforo-luces{display:flex;flex-direction:column;gap:4px;background:var(--tinta);padding:6px;border-radius:10px}.semaforo-luces i{width:14px;height:14px;border-radius:50%;background:#3a4452;display:block}.s-rojo .semaforo-luces i:nth-child(1).on{background:#e0453a}.s-amarillo .semaforo-luces i:nth-child(2).on{background:#f2b233}.s-verde .semaforo-luces i:nth-child(3).on{background:#3fb26b}.lista-acciones{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.lista-acciones li{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid var(--borde)}.prio{font-size:12px;font-weight:600;text-align:center;border-radius:6px;padding:2px 6px}.p-Alta{background:var(--problema-f);color:var(--problema)}.p-Media{background:var(--atencion-f);color:var(--atencion)}.cuadraditos{display:flex;flex-wrap:wrap;gap:6px}.cuadradito{width:120px;height:56px;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:600;text-decoration:none;display:flex;align-items:flex-end}.como-se-calcula{background:var(--superficie);border:1px solid var(--borde);border-radius:12px;padding:14px 20px;font-size:14px}.como-se-calcula summary{cursor:pointer;font-weight:600}.barra-tiempo{display:flex;height:14px;border-radius:4px;overflow:hidden;gap:2px;background:var(--superficie)}.punto{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px;vertical-align:middle}.grafico{margin:0;display:flex;flex-direction:column;gap:8px}.grafico figcaption{display:flex;justify-content:space-between;font-size:13px;color:var(--tinta-2)}.grafico-lienzo{position:relative}.grafico svg{width:100%;height:auto;display:block}.grafico .grilla{stroke:#ece9e2;stroke-width:1}.grafico .eje{font:11px var(--sans);fill:var(--tenue)}.grafico .valor{font:600 12px var(--mono);fill:var(--tinta)}.grafico .cruz{stroke:var(--tinta-2);stroke-width:1}.leyenda{display:flex;gap:16px;font-size:13px;color:var(--tinta-2)}.leyenda i,.globo i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:middle}.globo{position:absolute;top:4px;transform:translate(-50%);background:var(--superficie);border:1px solid var(--borde-2);border-radius:8px;padding:6px 10px;font-size:12px;pointer-events:none;box-shadow:0 2px 8px #1b243014;white-space:nowrap}@media (max-width: 760px){.cuerpo{grid-template-columns:1fr}.menu{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--borde);padding:8px}.menu a{white-space:nowrap}.contenido{padding:16px}.cabecera{flex-wrap:wrap;padding:10px 16px}.fila-semaforos,.dos-columnas{grid-template-columns:1fr}}.clave-temporal{font-family:var(--mono);font-size:22px;letter-spacing:.04em;background:#fff;border:1px solid var(--borde-2);border-radius:8px;padding:8px 12px;align-self:flex-start;-webkit-user-select:all;user-select:all}.tabla-acciones{display:flex;justify-content:flex-end;margin-bottom:6px}.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:end;margin-bottom:10px}.filtros label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--tinta-2)}.filtros input,.filtros select{font:inherit;font-size:14px;padding:6px 10px;border:1px solid var(--borde-2);border-radius:8px;background:var(--superficie)}.ficha{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.ficha-puntaje{font:600 44px var(--mono);text-align:center;border-radius:12px;padding:10px 0}.ficha-puntaje small{display:block;font:500 12px var(--sans);color:var(--tinta-2)}.ficha-partes{display:flex;flex-direction:column;gap:6px}.ficha-parte{display:grid;grid-template-columns:170px 1fr 90px;white-space:nowrap;gap:10px;align-items:center;font-size:13px}.ficha-barra{height:10px;background:var(--fondo);border-radius:5px;overflow:hidden}.ficha-barra span{display:block;height:100%;background:var(--azul)}.puntaje{font-family:var(--mono);font-weight:600;padding:2px 8px;border-radius:6px}.candado{display:flex;gap:10px;align-items:center;color:var(--tinta-2)}.incidente{border:1px solid var(--borde);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--superficie)}.incidente-cabeza{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.incidente-cabeza h3{margin:0;font-size:16px}.incidente-datos{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;font-size:13px}.incidente-datos b{display:block;font-family:var(--mono);font-size:15px}.lista-incidentes{display:flex;flex-direction:column;gap:10px}.barra-situacion{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:8px 24px;background:var(--superficie);border-bottom:1px solid var(--borde);font-size:13px}.barra-situacion a{color:var(--tinta);text-decoration:none;display:inline-flex;gap:6px;align-items:center}.barra-situacion .buscar{margin-left:auto}kbd{font:11px var(--mono);border:1px solid var(--borde-2);border-radius:4px;padding:0 4px;margin-left:4px}.luz{width:10px;height:10px;border-radius:50%;display:inline-block}.luz-verde{background:#3fb26b}.luz-amarillo{background:#f2b233}.luz-rojo{background:#e0453a}.buscador-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#14181e59;display:grid;place-items:start center;padding-top:12vh;z-index:20}.buscador{width:min(560px,92vw);background:var(--superficie);border-radius:12px;box-shadow:0 12px 40px #0003;overflow:hidden}.buscador input{width:100%;font:inherit;font-size:16px;padding:14px 16px;border:0;border-bottom:1px solid var(--borde);outline:none}.buscador ul{list-style:none;margin:0;padding:6px}.buscador li{display:flex;justify-content:space-between;padding:9px 10px;border-radius:8px;cursor:pointer}.buscador li.sel{background:var(--fondo)}.boton-menu{display:none}.marco-tv{min-height:100vh;background:#12161c;color:#f2f4f7;padding:28px 36px}.tv{display:flex;flex-direction:column;gap:22px}.tv-cabeza{display:flex;align-items:baseline;gap:20px}.tv-cabeza h1{font-size:34px;margin:0;color:#fff}.tv-cabeza span{color:#aeb6c2;font-size:18px}.tv-cabeza .btn{margin-left:auto}.tv .semaforo,.tv .tarjeta{background:#1c222b;border-color:#2a323d;color:#f2f4f7}.tv .tarjeta-titulo,.tv .tenue{color:#aeb6c2}.tv .tarjeta-valor{font-size:44px;color:#fff}.tv .semaforo b{font-size:22px}.tv-cuadraditos .cuadradito{width:220px;height:90px;font-size:18px;display:flex;flex-direction:column;justify-content:space-between}.tv-incidentes{background:#3a2a12;color:#ffd58a;border-radius:10px;padding:14px 18px;font-size:20px;display:flex;flex-direction:column;gap:6px}@media (max-width: 800px){.cabecera{padding:10px 14px;gap:10px;flex-wrap:wrap}.boton-menu{display:inline-flex}.cabecera-org{display:none}.cuerpo{grid-template-columns:1fr}.menu{display:none;position:absolute;z-index:15;background:var(--superficie);left:0;right:0;box-shadow:0 8px 20px #0000001f}.menu.abierto{display:flex;flex-direction:column}.contenido{padding:14px 14px 40px}.titulo-pagina{flex-direction:column;align-items:flex-start;gap:10px}.tarjetas{grid-template-columns:1fr 1fr}.tarjeta-valor{font-size:20px}.dos-columnas,.fila-semaforos{grid-template-columns:1fr}.barra-situacion{padding:8px 14px;gap:10px}.barra-situacion .tenue{display:none}.ficha{grid-template-columns:1fr}.ficha-parte{grid-template-columns:1fr 80px}.ficha-parte .ficha-barra{grid-column:1 / -1;grid-row:2}.lista-acciones li{grid-template-columns:56px 1fr}.lista-acciones li .btn{grid-column:2;justify-self:start}.seccion{padding:14px}}