/* ── SHARED STYLES — index.html & ishikawa.html ─────────────────────────────
   Cambios aquí se reflejan automáticamente en ambas herramientas.
   ──────────────────────────────────────────────────────────────────────────── */

/* ── HEADER ──────────────────────────────────────────────────────────────── */
header {
  background: var(--azul);
  position: sticky; top: 0; z-index: 100;
  box-shadow: 0 2px 10px rgba(0,0,0,.25);
}
.hdr {
  max-width: 1600px; margin: 0 auto;
  padding: 14px 24px;
  display: flex; align-items: center; gap: 16px;
  justify-content: space-between;
}
.hdr-center  { flex: 1; text-align: center; }
.hdr-logo    { flex-shrink: 0; display: flex; align-items: center; }
.hdr-logo img { height: 36px; width: auto; display: block; }
.hdr-sep     { width: 1px; height: 44px; background: rgba(255,255,255,.22); }
.hdr-title   { color: #fff; font-size: 30px; font-weight: 700; letter-spacing: .4px; }
.hdr-sub     { color: rgba(255,255,255,.55); font-size: 15px; margin-top: 3px; }

/* ── VERSION BADGE ────────────────────────────────────────────────────────── */
.app-version { position: fixed; right: 20px; bottom: 16px; color: rgba(255,255,255,.5); font-size: 12px; pointer-events: none; }