/* dm-custom.css - ajustes propios sobre el CSS de Expansion */

#navbar-top { background-color: #055a8e; min-height: 34px; }
.navbar-brand-exp {
  font-family: "Arial Black", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: 1px;
  color: #fff;
  font-size: 1.05rem;
}

#navbar-main .navbar-nav .nav-link { color: #fff; font-weight: 500; }
#navbar-main .navbar-nav .nav-link:hover { color: #fff; font-weight: 700; }
#navbar-main .dropdown-menu .dropdown-item { color: #305b96; }

.contenedor { padding-bottom: 30px; min-height: 60vh; }

/* Banderas via flagcdn (sustituye al sprite original) */
.flg-cdn { width: 28px; height: 21px; object-fit: cover; vertical-align: middle;
  margin-right: 7px; border: 1px solid #d6cfc5; }
.flg-cdn-lg { width: 64px; height: 48px; object-fit: cover; border: 1px solid #d6cfc5; }

/* Barras horizontales en tablas (graph_hbar ya viene del CSS Expansion) */
.graph_hbar { background-color: #4E80C0; border-radius: 1px; }

/* Contenedor de graficos */
.dm-chart-box { position: relative; height: 360px; margin: 10px 0 20px; }
.dm-chart-box canvas { max-width: 100%; }

h1.title { color: #1a1816; margin-bottom: 4px; }
.dm-subtitle { color: #6b6b6b; font-size: 0.95rem; margin-bottom: 14px; }

.tabledat td a { color: #305b96; }
.tabledat tbody tr:hover { background-color: #f3ead9; }

.dm-value-big { font-size: 2.1rem; font-weight: bold; color: #1a1816; }
.dm-value-date { color: #6b6b6b; font-size: 0.9rem; }

.breadcrumb { font-size: 0.8rem; background: transparent; padding: 4px 0; margin-bottom: 6px; }
.breadcrumb a { color: #305b96; }