{# -------- Tab capacitaciones --------- #}
#tabCapacitaciones .btn.selected { background: var(--color-blue-buk); color: var(--color-white);}
#tabCapacitaciones .btn.btn--3:hover {font-weight: 400!important;}
#tabCapacitaciones iframe {border-radius:16px}
#tabCapacitaciones ul li { margin-left: 30px;}
#tabCapacitaciones ul li::before {content: url('https://www.buk.cl/hubfs/2023/Chile/Flecha-amarilla.svg'); position: absolute;transform: translateY(-1px); left:0px; }

.carousel-provedores .swiper-slide { max-width: 368px; height: auto!important; }
.carousel-provedores .swiper-slide figure { position: absolute; left: 50%; transform: translateX(-50%);
  top: -60px; width: 100px; height: 100px;}

@media only screen and (min-width: 767px) {
  .carousel-provedores .swiper-slide { min-height: 270px;}
}

{# modulo cards cuando hay boton y levanta modal #}
[id^=btnVerCatalogo] .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;}
[id^=btnVerCatalogo] .btn-xs--2 { font-weight: 700!important; background: transparent; border: 2px solid var(--color-blue-buk); color: var(--color-blue-buk); font-size: 1.25rem; border-radius: var(--radius-btn);}
[id^=btnVerCatalogo] .btn-xs--2:hover, .btn--2:focus { background: var(--bg-cta-2-hover); color: var(--color-white); }

.buk-modal__close {
    position: absolute; right: 3%;  top: -40px;
    align-self: initial !important; margin-right: initial !important;}
.buk-modal__btn {
    border: 2px solid #fff !important; color: #fff; font-weight: 600; padding: 0.25rem 0.5rem;}