/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Navbar Styles - Más específicos para sobrescribir Bootstrap */
.navbar.navbar-expand-lg.navbar-dark.bg-success {
  background-color: #28a745 !important;
  background: #28a745 !important;
}

.navbar.navbar-expand-lg.navbar-dark.bg-success .navbar-brand {
  color: #ffffff !important;
}

.navbar.navbar-expand-lg.navbar-dark.bg-success .nav-link {
  color: #ffffff !important;
}

.navbar.navbar-expand-lg.navbar-dark.bg-success .nav-link:hover {
  color: #f8f9fa !important;
}

.navbar.navbar-expand-lg.navbar-dark.bg-success .nav-link.active {
  color: #ffffff !important;
  font-weight: bold;
}

/* Fallback para casos donde Bootstrap sobrescribe */
.navbar {
  background-color: #28a745 !important;
  background: #28a745 !important;
}

.navbar-brand {
  color: #ffffff !important;
}

.nav-link {
  color: #ffffff !important;
}

.nav-link:hover {
  color: #f8f9fa !important;
}

.nav-link.active {
  color: #ffffff !important;
  font-weight: bold;
}

/* Body and Container Styles */
body {
  background-color: #f8f9fa;
}

/* Solo aplicar fondo gris a los containers que no sean el navbar */
main .container-fluid {
  background-color: #f8f9fa;
}

/* Text Colors */
h1, h2, h3, h4, h5, h6 {
  color: #495057;
}

.text-muted {
  color: #6c757d !important;
}

.text-success {
  color: #28a745 !important;
}

/* Button Styles */
.btn-success {
  background-color: #28a745;
  border-color: #28a745;
}

.btn-success:hover {
  background-color: #218838;
  border-color: #1e7e34;
}

.btn-outline-success {
  color: #28a745;
  border-color: #28a745;
}

.btn-outline-success:hover {
  background-color: #28a745;
  border-color: #28a745;
}