.btn-primary {
  --bs-btn-bg: var(--bs-white);
  --bs-btn-border-color: var(--bs-white);
  --bs-btn-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: shade-color(var(--bs-white), 20%);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: shade-color(var(--bs-white), 20%);
}

.btn-outline-primary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-color: var(--bs-black);
  --bs-btn-hover-bg: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  --bs-btn-active-color: var(--bs-black);
  --bs-btn-active-bg: var(--bs-primary);
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-disabled-color: var(--bs-primary);
  --bs-btn-disabled-border-color: var(--bs-primary);
}

.fs-small {
  font-size: var(--fs-small);
}

.fs-smaller {
  font-size: var(--fs-smaller);
}

.bg-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-tertiary, .bg-secondary, .bg-primary {
  .text-inverted{
    color: var(--bs-white);
  }
}

.bg-transparent {
  .text-inverted{
    color: var(--bs-black);
  }
}

.border-tertiary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-tertiary-rgb), var(--bs-border-opacity)) !important;
}

.nav-tabs {
    .nav-item.show .nav-link, .nav-link.active {
      background-color: var(--bs-gray);
    }
    .nav-link {
      background-color: var(--bs-black);
      --bs-nav-tabs-border-radius: 1rem;
    }
}

.btn-component{
    --bs-btn-color: var(--color-button-component);
    --bs-btn-border-color: var(--color-button-component);
    --bs-btn-hover-color: var(--color-button-component-hover);
    --bs-btn-hover-bg: var(--color-button-component);
    --bs-btn-hover-border-color: var(--color-button-component);
    --bs-btn-active-color: var(--bs-black);
    --bs-btn-active-bg: var(--color-button-component);
    --bs-btn-active-border-color: var(--color-button-component);
    --bs-btn-disabled-color: var(--color-button-component);
    --bs-btn-disabled-border-color: var(--color-button-component);
}


.card{
  --bs-card-border-radius: var(--border-radius);
}

.category-program{
  .disabled{
    pointer-events: none; /* Deshabilita interacciones */
    opacity: 0.5; /* Hace que se vea más opaco */
    filter: grayscale(100%); /* Lo vuelve en escala de grises */
  }
}
.embla {
  max-width: 100%;
  margin: auto;
  --slide-height: 19rem;
  --slide-spacing: 1rem;
  --slide-size: 100%;
}
.embla__viewport {
  overflow: hidden;
}
.embla__container {
  display: flex;
  touch-action: pan-y pinch-zoom;
  margin-left: calc(var(--slide-spacing) * -1);
}
.embla__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate3d(0, 0, 0);
  flex: 0 0 var(--slide-size);
  min-width: 0;
  padding-left: var(--slide-spacing);
  .image-inline{
    img {
      max-width: 100%;
      height: auto;
      display: block;
      border-radius: 5px;
    }
  }
}