/* =====================
   PARCHE DE BOOTSTRAP
   ===================== */

/* Body */
body {
  background-color: #f8f9fa !important;
  font-family: Arial, sans-serif !important;
}

/* Container */
.container {
  max-width: 1200px !important;
}

/* Links */
a:hover {
  color: #004085 !important;
}


.navbar-nav .nav-link {
  color: #004085 !important;   /* fuerza azul inicial */
  font-weight: bold !important; /* fuerza negrita */
}



/* Botones */
.btn-outline-primary {
  color: #004085 !important;
  border-color: #004085 !important;
  background-color: transparent !important;
  transition: all 0.3s ease !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-outline-primary:active,
.btn-outline-primary.btn-check:checked + .btn,
.btn-outline-primary.active,
.btn-outline-primary.show,
.btn-outline-primary:first-child:active,
.btn-outline-primary:not(.btn-check) + .btn:active {
  background-color: #004085 !important;
  color: white !important;
  border-color: #003366 !important;
}

.btn:hover {
  color: white !important;
  background-color: #004085 !important;
  border-color: #003366 !important;
}

/* Paginación */
.pagination {
  justify-content: center !important;
}

.pagination .page-link {
  color: #004085 !important;
}

.pagination .page-link:hover {
  background-color: #004085 !important;
  color: white !important;
}

.pagination .page-item.active .page-link {
  background-color: #004085 !important;
  color: white !important;
  border-color: #004085 !important;
}

/* Variables Bootstrap (modo CSS vars) */
:root {
  --bs-primary-rgb: 0, 64, 133;
}