/* Tokens y base.
   Tema oscuro a propósito: esto se mira en una sala de control y junto a un
   mapa de relieve, y un fondo claro deslumbra y le quita contraste al mapa. */
:root {
  --fondo: #0b1016;
  --fondo-2: #111a24;
  --fondo-3: #16222e;
  --borde: #22323f;
  --borde-suave: #1a2733;

  --texto: #e6eef5;
  --texto-2: #9bb0c1;
  --texto-3: #6b8296;

  --acento: #38bdf8;
  --acento-apagado: #0e4c66;

  --ok: #34d399;
  --aviso: #fbbf24;
  --alerta: #f87171;
  --neutro: #7dd3fc;

  --verde-pista: #22c55e;
  --azul-pista: #3b82f6;
  --roja-pista: #ef4444;
  --negra-pista: #e5e7eb;

  --radio: 10px;
  --radio-s: 6px;
  --sombra: 0 10px 30px rgba(0, 0, 0, 0.45);

  --lateral-ancho: 254px;
  --lateral-plegado: 62px;
  --topbar-alto: 56px;

  --fuente: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;
  --mono: "Cascadia Mono", "Consolas", ui-monospace, monospace;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  height: 100%;
  background: var(--fondo);
  color: var(--texto);
  font-family: var(--fuente);
  font-size: 14px;
  overflow: hidden;
}

h1, h2, h3, h4 { margin: 0; font-weight: 600; }
p { margin: 0; }
button { font: inherit; color: inherit; }

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #23323f; border-radius: 6px; }
::-webkit-scrollbar-thumb:hover { background: #2e4150; }

/* Cesium trae su propio marco: aquí sobra todo menos el lienzo. */
.cesium-widget-credits, .cesium-viewer-bottom { display: none !important; }
/* Botón "centrar la cámara en el objeto" del cuadro de información: con las
   pistas no hace nada útil y se veía tachado, como si fuera un error. */
.cesium-infoBox-camera { display: none !important; }
.cesium-widget canvas { outline: none; }