:root{--tinta:#111;--papel:#fff;--lienzo:#f7f7f5;--cuadricula:#e4e4e0;--texto-suave:#3d3d3d;--pantalla:#3fffa8;--verde:#0a8f5a;--ok:#0a8f5a;--ok-fondo:#ddf5e9;--lento:#a65f00;--lento-fondo:#fff0d6;--caido:#c62828;--caido-fondo:#fde3e1;--neutro:#6b6b6b;--neutro-fondo:#efefec;--borde:2px solid var(--tinta);--radio:0;--sombra:4px 4px 0 var(--tinta);--font-titulo:"Space Grotesk", system-ui, sans-serif;--font-cuerpo:"Space Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}body{background-color:var(--lienzo);background-image:linear-gradient(var(--cuadricula) 1px, transparent 1px), linear-gradient(90deg, var(--cuadricula) 1px, transparent 1px);color:var(--tinta);font-family:var(--font-cuerpo);-webkit-font-smoothing:antialiased;background-size:24px 24px;font-size:15px;line-height:1.5}h1,h2,h3{font-family:var(--font-titulo);letter-spacing:-.01em;font-weight:700;line-height:1.15}a{color:inherit}button{cursor:pointer;font-family:inherit}.mono{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:700}.boton-principal{background:var(--tinta);color:var(--pantalla);border:var(--borde);border-radius:var(--radio);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:10px 16px;font-size:14px;font-weight:700}.boton-principal:hover{box-shadow:var(--sombra);transform:translate(-2px,-2px)}.boton-principal:disabled{opacity:.6;cursor:default;box-shadow:none;transform:none}.boton-secundario{background:var(--papel);color:var(--tinta);border:var(--borde);border-radius:var(--radio);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;padding:5px 12px;font-size:12px;font-weight:700;text-decoration:none}.boton-secundario:hover{background:var(--tinta);color:var(--pantalla)}.boton-icono{background:var(--papel);border:var(--borde);border-radius:var(--radio);color:var(--tinta);padding:5px 7px;display:inline-flex}.boton-icono:hover{background:var(--tinta);color:var(--pantalla)}.caja{background:var(--papel);border:var(--borde);border-radius:var(--radio)}.punto{background:var(--neutro);border:2px solid var(--tinta);flex-shrink:0;width:10px;height:10px;display:inline-block}.punto-ok{background:var(--pantalla)}.punto-lento{background:#ffb020}.punto-caido{background:#ff4d4d}.etiqueta{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:2px solid;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:700}.etiqueta-ok{background:var(--ok-fondo);color:var(--ok)}.etiqueta-lento{background:var(--lento-fondo);color:var(--lento)}.etiqueta-caido{background:var(--caido-fondo);color:var(--caido)}.layout{grid-template-columns:220px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--papel);border-right:var(--borde);flex-direction:column;gap:22px;padding:18px 12px;display:flex}.sidebar-logo{padding:0 6px}.sidebar-logo-marca{font-family:var(--font-titulo);letter-spacing:.02em;font-size:18px;font-weight:700}.sidebar-logo-sub{font-family:var(--font-mono);color:var(--verde);letter-spacing:.06em;font-size:11px;font-weight:700}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-link{color:var(--tinta);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border:2px solid #0000;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.sidebar-link:hover{border-color:var(--tinta)}.sidebar-link.activo{background:var(--tinta);color:var(--pantalla);border-color:var(--tinta)}.sidebar-semaforo{border-top:var(--borde);flex-direction:column;gap:8px;margin-top:auto;padding:14px 6px 0;display:flex}.sidebar-cargando{font-size:13px}.sidebar-marca{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.layout-cuerpo{flex-direction:column;min-width:0;display:flex}.layout-barra{background:var(--tinta);color:var(--papel);align-items:center;gap:14px;padding:10px 24px;display:flex}.layout-dominio{font-family:var(--font-mono);color:var(--pantalla);letter-spacing:.06em;font-size:12px;font-weight:700}.layout-usuario{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:12px;font-weight:700}.layout-barra .boton-icono{border-color:var(--papel);background:var(--tinta);color:var(--papel)}.layout-barra .boton-icono:hover{color:var(--pantalla);border-color:var(--pantalla)}.layout-contenido{width:100%;max-width:1100px;padding:28px 24px}@media (width<=760px){.layout{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:var(--borde);gap:12px}.sidebar-nav{flex-flow:wrap}.sidebar-semaforo{flex-flow:wrap;gap:12px;margin-top:0}.sidebar-semaforo .mono{width:100%}.layout-dominio{display:none}.layout-contenido{padding:20px 16px}}.sidebar-link.sub{margin-left:18px;padding:6px 10px;font-size:12px}.login-pantalla{justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.login-card{background:var(--papel);border:var(--borde);box-shadow:8px 8px 0 var(--tinta);flex-direction:column;gap:6px;width:100%;max-width:360px;padding:32px;display:flex}.login-dominio{color:var(--verde);align-items:center;gap:6px;display:flex}.login-titulo{margin-bottom:14px;font-size:28px}.login-card label{margin-top:8px}.login-card input{border:var(--borde);border-radius:var(--radio);font-family:var(--font-cuerpo);color:var(--tinta);background:var(--papel);padding:9px 11px;font-size:15px}.login-card input:focus{outline:3px solid var(--pantalla);outline-offset:0}.login-card .boton-principal{margin-top:18px}.login-error{color:var(--caido);background:var(--caido-fondo);border:2px solid var(--caido);margin-top:10px;padding:8px 10px;font-size:14px;font-weight:600}.pagina-cabeza{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pagina-titulo{align-items:center;gap:10px;font-size:30px;display:flex}.pagina-sub{color:var(--texto-suave);margin:4px 0 22px;font-weight:500}.chip{background:var(--tinta);color:var(--pantalla);padding:3px 10px}.rejilla-marcas{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.tarjeta-marca{flex-direction:column;gap:8px;padding:14px;display:flex}.tarjeta-cabeza{border-bottom:var(--borde);align-items:center;gap:8px;padding-bottom:8px;display:flex}.tarjeta-cabeza h2{font-size:20px}.tarjeta-detalle{font-family:var(--font-mono);color:var(--texto-suave);font-size:12px}.tarjeta-enlace{color:var(--tinta);font-size:14px;font-weight:700}.tarjeta-enlace:hover{background:var(--tinta);color:var(--pantalla)}.rejilla-metricas{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;display:grid}.metrica{padding:10px 12px}.metrica strong{font-size:28px;font-weight:700;display:block}.metrica-destacada{background:var(--tinta);color:var(--papel)}.metrica-destacada strong{color:var(--pantalla)}.filtros{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.filtro{background:var(--papel);border:var(--borde);color:var(--tinta);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;font-size:12px;font-weight:700}.filtro:hover{box-shadow:3px 3px 0 var(--tinta)}.filtro.activo{background:var(--tinta);color:var(--pantalla)}.fila{border-bottom:var(--borde);grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.fila:last-child{border-bottom:none}.fila-meta{font-family:var(--font-mono);color:var(--texto-suave);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.puntaje{text-align:center;font-family:var(--font-mono);border:2px solid var(--tinta);padding:4px 0;font-weight:700}.puntaje-ok{background:var(--tinta);color:var(--pantalla)}.puntaje-lento{background:var(--lento-fondo);color:var(--lento)}.puntaje-neutro{background:var(--neutro-fondo);color:var(--tinta)}.lista-vacia{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;display:flex}.aviso-noche{background:var(--tinta);color:var(--papel);border:var(--borde);align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:14px;display:flex}.aviso-noche strong{color:var(--pantalla);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em;font-size:12px}@media (width<=760px){.rejilla-metricas{grid-template-columns:repeat(2,minmax(0,1fr))}}.aviso-noche svg{flex-shrink:0;margin-top:2px}.flujo-marco{margin-bottom:10px;padding:12px}.flujo-cable{fill:none;stroke:var(--tinta);stroke-width:2px}.flujo-cable-retorno{stroke-dasharray:6 5}.flujo-caja{fill:var(--papel);stroke:var(--tinta);stroke-width:2px}.flujo-caja.oscura{fill:var(--tinta)}.flujo-titulo{font-family:var(--font-titulo);fill:var(--tinta);font-size:14px;font-weight:700}.flujo-sub{font-family:var(--font-mono);letter-spacing:.06em;fill:var(--texto-suave);font-size:10px;font-weight:700}.flujo-titulo.claro{fill:var(--pantalla)}.flujo-sub.claro{fill:var(--papel)}.flujo-paquete{stroke:var(--tinta);stroke-width:1.5px}.flujo-resumen{background:var(--tinta);color:var(--papel);text-transform:none;letter-spacing:.02em;margin-top:8px;padding:8px 10px}.flujo-resumen span{color:var(--pantalla);text-transform:uppercase}.registro{background:var(--tinta);color:var(--papel);border:var(--borde);font-family:var(--font-mono);min-height:80px;margin-bottom:22px;padding:10px 12px;font-size:12px;line-height:1.8}.registro-hora{color:#a8a8a8}.registro-tipo{text-transform:uppercase;font-weight:700}.registro-vacio{color:#d0d0d0}.seccion-titulo{margin-bottom:10px;font-size:20px}.chip-apagado{border:var(--borde);background:var(--papel);padding:1px 8px}.boton-derecha{align-items:center;gap:6px;margin-left:auto;padding:7px 12px;font-size:12px;display:inline-flex}.aviso-conectar{border-color:var(--lento);background:var(--lento-fondo);color:#5a3a00;margin-bottom:12px;padding:12px 14px}.aviso-conectar .mono{color:var(--lento);margin-bottom:4px}.pestanas{margin:2px 0 10px}.pestanas .filtro{align-items:center;gap:7px;padding:6px 14px;font-size:13px;display:inline-flex}.volver{color:var(--tinta);text-transform:uppercase;align-items:center;gap:6px;margin-bottom:12px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.volver:hover{background:var(--tinta);color:var(--pantalla)}.post-original{margin-bottom:14px}.post-cabeza{background:var(--tinta);color:var(--pantalla);text-transform:uppercase;letter-spacing:.05em;flex-wrap:wrap;justify-content:space-between;gap:10px;padding:8px 12px;font-size:12px;font-weight:700;display:flex}.post-cuerpo{padding:12px 14px}.post-autor{text-transform:uppercase;color:var(--texto-suave);margin-bottom:4px;font-size:11px;font-weight:700}.post-texto{border-left:3px solid var(--verde);white-space:pre-wrap;padding-left:10px;font-size:16px;line-height:1.55}.post-nota{color:var(--verde);margin-top:8px;font-size:12px;font-weight:700}.redactar-vacio{flex-direction:column;align-items:flex-start;gap:10px;padding:18px;display:flex}.lista-borradores{gap:12px;margin-bottom:12px;display:grid}.borrador{padding:0}.borrador-elegido{border-color:var(--verde);border-width:3px}.borrador-cabeza{border-bottom:var(--borde);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;display:flex}.borrador-estilo{text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:700}.borrador-chips{flex-wrap:wrap;gap:6px;display:flex}.nota{color:#fff;padding:2px 7px;font-size:11px;font-weight:700}.nota-alta{background:var(--verde)}.nota-media{background:#b7791f}.nota-baja{background:var(--caido)}.chip-borde{border:var(--borde);text-transform:uppercase;padding:1px 6px;font-size:11px;font-weight:700}.riesgo-alto{background:var(--caido-fondo);color:var(--caido);border-color:var(--caido)}.borrador-texto{white-space:pre-wrap;padding:12px 14px 4px;font-size:15px;line-height:1.6}.borrador-editor{border:var(--borde);width:calc(100% - 28px);font-family:var(--font-cuerpo);resize:vertical;margin:12px 14px 4px;padding:8px 10px;font-size:15px;line-height:1.55;display:block}.borrador-editor:focus{outline:3px solid var(--pantalla)}.borrador-razon{color:var(--texto-suave);padding:0 14px;font-size:11px}.borrador-acciones{flex-wrap:wrap;gap:8px;padding:10px 14px 4px;display:flex}.borrador-acciones button{align-items:center;gap:6px;display:inline-flex}.boton-chico{padding:7px 12px;font-size:12px}.borrador-ia{color:var(--texto-suave);text-transform:uppercase;padding:2px 14px 10px;font-size:10px}.ajustes-borrador .filtro{align-items:center;gap:6px;display:inline-flex}.ajustes-borrador .filtro:disabled{opacity:.6;cursor:default;box-shadow:none}.anteriores{margin-top:10px}.anteriores summary{cursor:pointer;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}.girando{animation:1s linear infinite girar}@keyframes girar{to{transform:rotate(360deg)}}.fila-enlace{color:inherit;text-decoration:none}.fila-enlace:hover p:first-child{text-decoration:underline}.post-link{color:var(--verde);margin-top:8px;font-size:12px;font-weight:700;display:inline-block}.post-sin-link{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.post-sin-link .post-link{margin-top:0}.post-sin-link input{border:var(--borde);min-width:220px;font-family:var(--font-cuerpo);flex:1;padding:6px 8px;font-size:13px}