.bg-primary {
  background-color: #00b1b0 !important;
}

.text-mpio {
  color: #00b1b0 !important;
}

.text-mpio-secondary {
  color: #f4b334 !important;
}

.btn-outline-mpio {
  color: #00b1b0 !important;
  border: 1px solid #00b1b0 !important;
  background-color: transparent !important;
  padding: 0.575rem 1.25rem !important;
  font-size: 1rem !important;
  line-height: 1.5 !important;
  border-radius: 0.375rem !important;
  transition: all 0.15s ease-in-out !important;
  cursor: pointer !important;
  text-align: center !important;
  vertical-align: middle !important;
  user-select: none !important;
  display: inline-block !important;
  border-radius: 1.75rem !important;
}

.btn-outline-mpio:hover {
  color: #fff !important;
  background-color: #f4b334 !important;
  border-color: #f4b334 !important;
  text-decoration: none !important;
}

.btn-outline-mpio:active,
.btn-outline-mpio.active {
  color: #fff !important;
  background-color: #f4b334 !important;
  border-color: #f4b334 !important;
}

.btn-outline-mpio:focus {
  box-shadow: 0 0 0 0.25rem rgb(0, 177, 176) !important;
  outline: 0 !important;
}

.btn-mpio {
  font-weight: 600;
  color: #fff;
  background-color: #00b1b0;
  border-color: #00b1b0;
  transition: all 0.15s ease-in-out;
}

.btn-mpio:hover {
  color: #fff;
  background-color: #00908f;
  border-color: #00908f;
}

.btn-mpio:focus,
.btn-mpio.focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 177, 176, 0.5);
}

.btn-mpio:active,
.btn-mpio.active,
.show > .btn-mpio.dropdown-toggle {
  color: #fff;
  background-color: #007b7b;
  border-color: #007b7b;
}

.seccion-header {
  pointer-events: none;
  transition: all 0.3s ease;
  opacity: 0.2;
}
.seccion-header.activa {
  pointer-events: all;
  opacity: 1;
  color: #00b1b0;
}