/* Homologación visual: sin romper estilos existentes */
:root{
  --c1:#0ea5e9; /* topbar */
  --c2:#0284c7; /* nav */
  --fg:#0f172a;
  --muted:#64748b;
  --bg:#f8fafc;
  --card:#ffffff;
  --line:#e2e8f0;
}
html,body{font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; color:var(--fg); background:var(--bg);}
/* Contenedor global para evitar desbordes con estilos viejos */
.homolog-container{max-width:1100px;margin:0 auto;padding:20px;}
/* Topbar y nav inyectados por JS */
.h-topbar{background:var(--c1);color:#fff;}
.h-topbar .inner{max-width:1100px;margin:0 auto;padding:10px 16px;display:flex;gap:10px;align-items:center;justify-content:space-between;}
.h-brand{font-weight:800;letter-spacing:.2px}
.h-nav{background:var(--c2);}
.h-nav .inner{max-width:1100px;margin:0 auto;display:flex;flex-wrap:nowrap;gap:6px;padding:6px 10px;overflow-x:auto;overflow-y:hidden;}
.h-nav a{color:#e2f3ff;text-decoration:none;padding:8px 12px;border-radius:10px;font-size:14px;white-space:nowrap}
.h-nav a:hover{background:rgba(255,255,255,.12)}
.h-nav a.active{background:#fff;color:#0c4a6e;font-weight:800}
/* Cards y tablas suaves para uniformar tamaños */
.h-card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 1px 2px rgba(0,0,0,.05);margin:16px 0}
.h-card .h-hd{padding:14px 18px;border-bottom:1px solid var(--line);font-weight:700}
.h-card .h-bd{padding:16px 18px}
.h-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#e2e8f0;color:#0f172a;font-size:12px}
/* Mejoras tipográficas sutiles */
h1{font-size:22px;margin:14px 0 6px} h2{font-size:18px;margin:12px 0 6px}
/* Tablas */
table thead th{background:var(--c1);color:#fff}
/* No ocultamos estilos existentes, solo añadimos consistencia */