.sticky-130{position:sticky;top:130px}
.p-16 { font-size: 1rem; line-height: 1.3;color: inherit;}

.btn-xs{ border-radius: var(--radius-btn); cursor: pointer; display: inline-block; font-family: var(--font-family-title); padding: 0.5rem 1.25rem!important; text-align: center; transition: .3s; width: auto;}
.btn-xs--2b { font-weight: 700!important; background: var(--color-blue-buk); border: none; color: var(--color-white); font-size: 1.25rem; border-radius: var(--radius-btn);}
.btn-xs--2b:hover, .btn-xs--2b:focus { background: var(--color-orange-buk); color: var(--color-white); }

.btn-xs--2 { font-weight: 700!important; background: var(--color-blue-buk); border: 2px solid var(--color-white); color: var(--color-white); font-size: 1.25rem; border-radius: var(--radius-btn);}
.btn-xs--2:hover, .btn-xs--2:focus {background: var(--color-white); color: var(--color-blue-buk); border: 2px solid var(--color-blue-buk); }

.btn-xs--3 { font-weight: 400!important; background: transparent; border: 1px solid var(--color-blue-buk); color: var(--color-blue-buk); font-size: 1.125rem; border-radius: var(--radius-btn);}
.btn-xs--3:hover, .btn-xs--3:focus, .btn-xs--3.selected {background: var(--Azul-buk, #2F4DAA); color: var(--color-white);}

.btn-xs--3b { font-weight: 600!important; background: transparent; border: 2px solid var(--color-blue-buk); color: var(--color-blue-buk); font-size: 1.125rem; border-radius: var(--radius-btn);}
.btn-xs--3b:hover, .btn-xs--3b:focus, .btn-xs--3b.selected {background: var(--Azul-buk, #2F4DAA); color: var(--color-white);}

.content-card{animation: showTarget .5s linear;  display: flex; flex-direction: column; justify-content: space-between;}
.category {padding: 4px 8px !important;background:#2B3C6A;color: var(--color-white);width:auto;}
.administracion{background:#73A0DB;color: var(--color-white);{#width:40%;#}}
.desarrollo-organizacional{background: #F59121;color: var(--color-white);{#width:65%;#}}
.beneficios{background: #D9E3FC;color: var(--color-blue-buk);{#width:30%;#}}
.capacitaciones-anteriores, .plataforma{background:#FFF;border: 1px solid #73A0DB;color:#73A0DB;{#width:65%;#}}
.cap-destacada{
  border-radius: var(--Border-radius-border-radius-16, 16px);
  border: 2px solid #FBBF3D;
  background: #FFF;
  box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.10);
}
.content-card figure {
  padding-top: 8px;
}
.cap-destacada figure {
  position: relative;
}

.cap-destacada-tag {
  background: #FBBF3D;
  box-shadow: 0 0 9px 3px rgba(0, 0, 0, 0.10);
  padding: 4px 12px;
  width: 116px;
  position: absolute;
  top: 660px;
  z-index: 1;
}

.filter-dropdown{
  background-color: #fff;
  border-radius: 69px;
  border: 1px solid var(--Azul-buk, #2F4DAA);
  padding: .75rem 1.5rem;
  cursor: pointer;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url(https://www.buk.cl/hubfs/2024/Icons/arrow-down-blue-buk.svg);
  background-position-x: calc(100% - 30px);
  background-position-y: 18px;
  background-repeat: no-repeat;
}
select#sort-order-desktop.filter-dropdown,select#sort-order-mobile.filter-dropdown, .filter-title{
  font-family:'Source Sans Pro';
}
.btn.btn--txt{
  font-size: 1rem !important;
}

@media only screen and (max-width: 520px) {
  .cap-destacada-tag {
    top: 10px;
  }
}

@media only screen and (min-width: 520px) and (max-width: 768px) {
  .cap-destacada-tag {
    top: 635px;
  }
  .btn-xs {
    cursor: pointer; 
    display: inline-block; 
    font-family: var(--font-family-title); 
    padding: 0.5rem 1.25rem!important; 
    text-align: center; 
    transition: .3s; 
    width: auto;
  }
  .btn-xs--3 {
    background: transparent !important; 
    color: var(--color-blue-buk) !important;
    border: none !important;
  }
}

@media only screen and (min-width: 1020px) and (max-width: 1100px) {
  .cap-destacada-tag {
    top: 710px;
  }
}

@media only screen and (max-width: 1320px) {
  .administracion, .desarrollo-organizacional, .beneficios, .capacitaciones-anteriores {width:100%;}
}