/* =========================================================
   INGEI – Tema para Bootstrap 3.3.7 (sin variables CSS)
   Paleta:
     primario: #2C7D3A
     primario (hover): #236530
     primario (activo): #1e5629
     primario (focus ring): rgba(44,125,58,.25)
     secundario (fondo claro): #F3F2E9
     texto gris: #495057 / #212529
   ========================================================= */

/* -----------------------------
   Enlaces
------------------------------ */
a {
  color: #2C7D3A;
  text-decoration: none;
  -webkit-transition: color .2s ease-in-out;
  transition: color .2s ease-in-out;
}
a:hover, a:focus {
  color: #1e5629;
  text-decoration: none;
}

/* -----------------------------
   Botones
   (BS3 no tiene .btn-secondary; mapeamos a .btn-default
   y además estilizamos .btn-secondary si aparece)
------------------------------ */
.btn-primary {
  background-color: #2C7D3A;
  border-color: #2C7D3A;
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.open>.dropdown-toggle.btn-primary {
  background-color: #236530;
  border-color: #1e5629;
}
.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(44,125,58,.25);
}

.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:focus:active {
  background-color: #236530 !important;
  border-color: #1e5629 !important;
  color: #fff !important;
  outline: none;
  box-shadow: 0 0 0 4px rgba(44,125,58,.25);
}

.btn-default,
.btn-secondary {
  background-color: #F3F2E9;
  border-color: #F3F2E9;
  color: #212529;
}
.btn-default:hover,
.btn-secondary:hover,
.btn-default:active,
.btn-secondary:active,
.btn-default.active,
.btn-secondary.active,
.open>.dropdown-toggle.btn-default,
.open>.dropdown-toggle.btn-secondary {
  background-color: #e8e7e0;
  border-color: #e8e7e0;
  color: #212529;
}
.btn-default:focus,
.btn-secondary:focus,
.btn-default:active:focus,
.btn-secondary:active:focus,
.btn-default.active:focus,
.btn-secondary.active:focus {
  outline: 0;
  box-shadow: 0 0 0 4px rgba(44,125,58,.25);
}

/* -----------------------------
   Navbar & Nav
------------------------------ */
/* Hover de links de navbar */
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
  color: #236530;
}
/* Pills activos */
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
  background-color: #2C7D3A;
  color: #fff;
}
/* Soporte a .nav-link (clase de BS5) si aparece */
.nav-link { color: #495057; -webkit-transition: color .2s ease-in-out; transition: color .2s ease-in-out; }
.nav-link:hover, .nav-link:focus { color: #2C7D3A; }
.nav-link.active { color: #fff; background-color: #2C7D3A; border-color: #2C7D3A; }

/* -----------------------------
   Dropdowns
------------------------------ */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
  background-color: #F3F2E9;
  color: #212529;
}
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
  background-color: #2C7D3A;
  color: #fff;
}

/* -----------------------------
   Paginación
------------------------------ */
.pagination>li>a, .pagination>li>span {
  color: #2C7D3A;
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
  color: #1e5629;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
  background-color: #2C7D3A;
  border-color: #2C7D3A;
  color: #fff;
}

/* -----------------------------
   Formularios / Focus
------------------------------ */
.form-control:focus {
  border-color: #2C7D3A;
  box-shadow: 0 0 0 4px rgba(44,125,58,.25);
}
/* Soporte a .form-select (de BS5) si aparece */
.form-select {
  display: block; width: 100%;
  padding: 6px 12px;
  font-size: 14px; line-height: 1.42857143;
  color: #555; background-color: #fff;
  background-image: none; border: 1px solid #ccc; border-radius: 4px;
}
.form-select:focus { border-color: #2C7D3A; box-shadow: 0 0 0 4px rgba(44,125,58,.25); }

/* -----------------------------
   Utilidades de color
------------------------------ */
.text-primary { color: #2C7D3A !important; }
.bg-primary { background-color: #2C7D3A !important; color: #fff; }
.border-primary { border-color: #2C7D3A !important; }

/* -----------------------------
   Componentes BS3 que usan "primary"
------------------------------ */
.label-primary { background-color: #2C7D3A; }
.badge-primary { background-color: #2C7D3A; }
.progress-bar-primary { background-color: #2C7D3A; }
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  background-color: #2C7D3A; border-color: #2C7D3A;
}
.panel-primary>.panel-heading {
  background-color: #2C7D3A; border-color: #2C7D3A; color: #fff;
}
.panel-primary { border-color: #2C7D3A; }

/* -----------------------------
   Shim de utilidades BS5 usadas en el HTML/JS
   (para no tocar tu lógica)
------------------------------ */
.d-none { display: none !important; }
.w-100 { width: 100% !important; }
.text-white { color: #fff !important; }
.text-decoration-none { text-decoration: none !important; }
.fs-3 { font-size: 24px; }
.py-3 { padding-top: 15px !important; padding-bottom: 15px !important; }
.mt-3 { margin-top: 15px !important; }
.mb-3 { margin-bottom: 15px !important; }
.mb-4 { margin-bottom: 30px !important; }
.me-2 { margin-right: 8px !important; }

/* Visibilidad responsive equivalente a d-*-* */
.visible-xs-inline { display: inline !important; }
.visible-sm-inline { display: inline !important; }
.visible-md-inline { display: inline !important; }
.visible-lg-inline { display: inline !important; }

/* Imágenes responsivas */
.img-fluid { max-width: 100%; height: auto; }

/* -----------------------------
   Ajustes varios
------------------------------ */
/* Enfatizar enlaces "link-body-emphasis" (clase de BS5) */
.link-body-emphasis { color: #495057; }
.link-body-emphasis:hover, .link-body-emphasis:focus { color: #2C7D3A; }