.primary-bg-color {
    background-color: var(--primary-bg-color) !important;
}

.secondary-bg-color {
    background-color: var(--secondary-bg-color) !important;
}

.primary-color {
    color: var(--cont-title) !important;
}

.secondary-color {
    color: var(--cont-subtitle) !important;
}

/* ################ BUTTONS ################ */

.btn-outline-secondary {
    --bs-btn-color: var(--cont-buttons) !important;
    --bs-btn-border-color: var(--cont-buttons) !important;
    --bs-btn-hover-color: var(--cont-buttons-text) !important;
    --bs-btn-hover-bg: var(--cont-buttons) !important;
    --bs-btn-hover-border-color: var(--cont-buttons) !important;
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: var(--cont-buttons-text) !important;
    --bs-btn-active-bg: var(--cont-buttons) !important;
    --bs-btn-active-border-color: var(--cont-buttons) !important;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--cont-buttons) !important;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--cont-buttons) !important;
    --bs-gradient: none;
}

.btn-primary{
  --bs-btn-color: var(--cont-buttons-text)!important;
  --bs-btn-bg: var(--cont-buttons)!important;
  --bs-btn-border-color: var(--cont-buttons)!important;

  --bs-btn-hover-color: var(--cont-buttons-text)!important;
  --bs-btn-hover-bg: var(--cont-buttons)!important;
  --bs-btn-hover-border-color: var(--cont-buttons)!important;

  --bs-btn-active-color: var(--cont-buttons-text)!important;
  --bs-btn-active-bg: var(--cont-buttons)!important;
  --bs-btn-active-border-color: var(--cont-buttons)!important;

  --bs-btn-disabled-color: var(--cont-buttons-text)!important;
  --bs-btn-disabled-bg: var(--cont-buttons)!important;
  --bs-btn-disabled-border-color: var(--cont-buttons)!important;

  transition: filter .15s ease, transform .08s ease;
}

.btn-primary:hover{
  filter: contrast(1.15) brightness(0.9);
}

.btn-primary:active,
.btn-primary.active{
  filter: contrast(1.2) brightness(0.85);
  transform: translateY(1px);
}

.btn-primary:focus,
.btn-primary:focus-visible{
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--cont-buttons) 35%, transparent);
}

.pagination{
  --bs-pagination-color: var(--cont-buttons-text)!important;
  --bs-pagination-bg: var(--cont-buttons)!important;
  --bs-pagination-border-color: var(--cont-buttons)!important;

  --bs-pagination-hover-color: var(--cont-buttons-text)!important;
  --bs-pagination-hover-bg: var(--cont-buttons)!important;
  --bs-pagination-hover-border-color: var(--cont-buttons)!important;

  --bs-pagination-focus-color: var(--cont-buttons-text)!important;
  --bs-pagination-focus-bg: var(--cont-buttons)!important;
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--cont-buttons) 35%, transparent)!important;

  --bs-pagination-active-color: var(--cont-buttons-text)!important;
  --bs-pagination-active-bg: var(--cont-buttons)!important;
  --bs-pagination-active-border-color: var(--cont-buttons)!important;

  --bs-pagination-disabled-color: color-mix(in srgb, var(--cont-buttons-text) 45%, transparent)!important;
  --bs-pagination-disabled-bg: color-mix(in srgb, var(--cont-buttons) 70%, transparent)!important;
  --bs-pagination-disabled-border-color: color-mix(in srgb, var(--cont-buttons) 70%, transparent)!important;
}

.pagination .page-link{
  transition: filter .15s ease;
}

.pagination .page-link:hover{
  filter: contrast(1.15) brightness(0.9);
}

.pagination .page-link:focus{
  filter: contrast(1.15) brightness(0.9);
}

.pagination .page-item.active .page-link{
  filter: contrast(1.2) brightness(0.85);
}

.pagination .page-item.disabled .page-link{
  filter: grayscale(.2) opacity(.65);
}

.mm-navbtn{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background: var(--cont-buttons)!important;
  color: var(--cont-buttons-text)!important;
  transition: filter .15s ease, transform .08s ease;
}

.mm-navbtn:hover{
  filter: contrast(1.15) brightness(0.9);
}

.mm-navbtn:active{
  filter: contrast(1.2) brightness(0.85);
  transform: translateY(1px);
}

.mm-navbtn:focus,
.mm-navbtn:focus-visible{
  box-shadow: 0 0 0 .25rem color-mix(in srgb, var(--cont-buttons) 35%, transparent)!important;
}

.dropdown-menu { 
    --bs-dropdown-link-active-color: var(--menu-hover-text)!important;
    --bs-dropdown-link-active-bg: var(--menu-hover)!important;
}

/* ################ ICONS - EMPRESA ################ */

.icons-bg {
    background-color: var(--cont-icon-bg) !important;
}

.icons-color {
    color: var(--cont-icon) !important;
}

.icons-servicios-color {
    color: var(--cont-icon-services) !important;
}

/* ################ FOOOTER ################ */

.etiqueta {
    background-color: var(--cont-etiqueta) !important;
    color: var(--cont-etiqueta-text) !important;;
}

/* ################ FOOOTER ################ */
.footer-background {
    background-color: var(--footer-background) !important;
}

.footer-title {
    color: var(--footer-title) !important;
}

.footer-text {
    color: var(--footer-text) !important;
}

.footer-links {
    color: var(--footer-links) !important;
    text-decoration: none;
    transition: filter .15s ease, text-decoration-color .15s ease;
}

.footer-links:hover {
    filter: contrast(1.15) brightness(0.9);
    text-decoration: underline;
    text-decoration-color: currentColor;
}

.footer-icons {
    color: var(--footer-icons) !important;
}