/* Logurgia · estilos compartidos */
:root {
  --papel: #EEF1F4;
  --superficie: #FFFFFF;
  --tinta: #17212B;
  --tinta-suave: #4E5B68;
  --linea: #D3DAE1;
  --medido: #1F4FB8;      /* venta medida en forma exacta */
  --minimo: #6E8FD6;      /* mínimo comprobable */
  --estimado: #B7791F;    /* estimación por modelo */
  --oculto: #C3CBD3;      /* tramo no observable */
  --ok: #2E7D4F;
  --alerta: #B3402E;
  --radio: 6px;
  --fuente: "Archivo", system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --papel: #111A22; --superficie: #18232D; --tinta: #E6ECF1; --tinta-suave: #9AA8B5;
    --linea: #2B3946; --medido: #6F9BFF; --minimo: #4C6AA8; --estimado: #E0A54A; --oculto: #3B4956;
    --ok: #5DBB86; --alerta: #E57A66;
  }
}
:root[data-theme="dark"] {
  --papel: #111A22; --superficie: #18232D; --tinta: #E6ECF1; --tinta-suave: #9AA8B5;
  --linea: #2B3946; --medido: #6F9BFF; --minimo: #4C6AA8; --estimado: #E0A54A; --oculto: #3B4956;
  --ok: #5DBB86; --alerta: #E57A66;
}
* { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--papel); color: var(--tinta); font-family: var(--fuente);
  font-size: 16px; line-height: 1.5; font-variant-numeric: tabular-nums;
}
a { color: var(--medido); }
:focus-visible { outline: 2px solid var(--medido); outline-offset: 2px; }
.marca-logo { font-weight: 800; font-stretch: 112%; letter-spacing: -0.02em; font-size: 1.25rem; color: var(--tinta); text-decoration: none; }

/* Barra de certeza: el elemento propio de Logurgia */
.certeza { display: flex; height: 14px; border-radius: 3px; overflow: hidden; background: var(--superficie); border: 1px solid var(--linea); }
.certeza span { display: block; height: 100%; }
.certeza .s-medido { background: var(--medido); }
.certeza .s-minimo { background: repeating-linear-gradient(135deg, var(--minimo) 0 4px, transparent 4px 7px); }
.certeza .s-estimado { background: repeating-linear-gradient(90deg, var(--estimado) 0 2px, transparent 2px 5px); }
.certeza .s-oculto { background: var(--oculto); opacity: .55; }
.leyenda { display: flex; flex-wrap: wrap; gap: 6px 18px; font-size: .875rem; color: var(--tinta-suave); padding: 0; margin: 0; list-style: none; }
.leyenda li { display: flex; align-items: center; gap: 6px; }
.leyenda i { width: 14px; height: 10px; border-radius: 2px; display: inline-block; border: 1px solid var(--linea); }
.leyenda .s-medido { background: var(--medido); }
.leyenda .s-minimo { background: repeating-linear-gradient(135deg, var(--minimo) 0 3px, transparent 3px 5px); }
.leyenda .s-estimado { background: repeating-linear-gradient(90deg, var(--estimado) 0 2px, transparent 2px 4px); }
.leyenda .s-oculto { background: var(--oculto); }

.boton {
  display: inline-block; font: inherit; font-weight: 600; border: 0; cursor: pointer;
  background: var(--tinta); color: var(--papel); padding: 10px 18px; border-radius: var(--radio); text-decoration: none;
}
.boton.secundario { background: transparent; color: var(--tinta); border: 1px solid var(--linea); }
@media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }