.img-container > img {
    width: 100%;
    max-width: 100%;
}
.bg-fondo {
    background-color:  #060818;
}
.bg-regalo-body::before {
    content: "";
    background-image: url("/icons/gift-fill.svg");
    background-position-x: right 10px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 0px;
    bottom: 10px;
    left: 0px;
    opacity: 0.15;
}
.bg-regalo-body{
    position: relative;
}
.bg-regalo-a {
    background-color: #cca4c5dd;
}
.bg-regalo-b {
    background-color: #807fbbdd;
}
.bg-regalo-c {
    background-color: #524595dd;
}
.bg-regalo-d {
    background-color: #3e2377dd;
}
.bg-regalo-e {
    background-color: #28085fdd;
}
.bg-compra-body::before {
    content: "";
    background-image: url("/icons/people-fill.svg");
    background-position-x: right 10px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 10px;
    right: 0px;
    bottom: 10px;
    left: 0px;
    opacity: 0.15;
}
.bg-compra-body{
    position: relative;
}
.bg-compra-a {
    background-color: #5ab3bd;
}
.bg-compra-b {
    background-color: #4a6eb3dd;
}
.bg-compra-d {
    background-color: #721c3cdd;
}
.bg-compra-e {
    background-color: #974956dd;
}
.bg-total-body::before {
    content: "";
    background-image: url("/icons/cash-stack.svg");
    background-position-x: right 10px;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.25;
}
.bg-total-body{
    position: relative;
}
.bg-total {
    background-color: #251052dd;
}
div.esperando {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 10;
    background: #000000;
    background: rgba(0,0,0,0.5);
}
div.esperando-interno {
    width: 100%;
    height: 100%;
}
.bg-caja {
    background: #120f4e;
}
.bg-res {
    background: #ff8500;
}
.conferencias {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.bg-compras {
    background: #EDE7D6;
}
.text-compras {
    color: #4E341E;
}
.text-precio {
    font-size: 58px;
    font-weight: 900;
    margin-bottom: 20px;
}
.btn-ing {
    background: #e89400;
    padding: 6px 14px;
    border-radius: 25px;
    border: 3px solid white;
}

/* programas destacados */
a.ver-programa-destacado{
    padding: 2px;
    transition: .5s;
    transform: scale(0.94);
}
a.ver-programa-destacado:hover{
    border: 2px solid var(--white-color);
    transform: scale(0.98);
}
.navigation-wrapper {
    position: relative;
}
.arrow {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  fill: #fff;
  cursor: pointer;
  background-color: #44444499;
}
.arrow--left {
  left: 5px;
  fill: "#fff";
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23eeeeee' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}
.arrow--right {
  left: auto;
  right: 5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23eeeeee' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}
.arrow--disabled.arrow--left {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
}
.arrow--disabled.arrow--right {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
}
.keen-slider {
    /*min-width: 300px;*/ /* Prevents collapse in 'auto' mode */
  height: 50vh;
}
/*.recuadro-conferencia {
  min-width: 33.3333334vh;
  max-width: 33.3333334vh;
  background-size: contain;
  background-repeat: no-repeat;
  transition: all .5s ease-in-out;
}*/
.recuadro {
  transition: all .07s ease-in-out;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 1.75rem;
  width: 30vh;
  height: 45vh
}
.carrusel {
  padding: 1rem;
  color: #ffffff;
}
.carrusel a,p,h5,h6{
  color: #dddddd;
}
.carrusel p {
  line-height: 0.75rem;
  font-size: 0.75rem;
}
.carrusel .btn {
    font-size: 0.75rem;
    border: 0px;
    background-color: #aaaaaa88;
}
.carrusel .btn:hover {
    background-color: #aaaaaadd;
}
/**/
.hidden {
  display: none;
}
a.abre-evento-destacado {
    display: inline-block;
    transition: .5s;
    transform: scale(0.94);
}
a.abre-evento-destacado:hover {
    border: 2px solid #fff;
    transform: scale(1.0);
}
iframe {
    width: 100%;
}

.splide#eventos-destacados:not( .is-overflow ) .splide__list {
  justify-content: center;
}
.splide#eventos-destacados:not( .is-overflow ) .splide__slide:last-child {
  margin: 0 !important;
}
.splide#conferencias-proximas:not( .is-overflow ) .splide__list {
  justify-content: center;
}
.splide#conferencias-proximas:not( .is-overflow ) .splide__slide:last-child {
  margin: 0 !important;
}

.ts-gallery .gallery-3 {
  margin: -40px 0 -60px 100px;
  position: relative;
}
.ts-gallery .gallery-1 {
  margin: 0px 0 -60px 0px;
  position: relative;
}

@media (max-width: 576px) {
    .recuadro {
        width: 25vh;
        height: 37.5vh;
    }
    .ts-gallery .gallery-3 {
        margin: 0;
        position: relative;
    }
    .ts-gallery .gallery-1 {
        margin: 0;
        position: relative;
    }
    .carrusel p {
        font-size: 1rem;
        line-height: 1rem;
    }
}
@media (min-width: 577px) and (max-width: 768px) {
    .recuadro {
        width: 30vh;
        height: 45vh;
    }
    .ts-gallery .gallery-3 {
        margin: 0;
        position: relative;
    }
    .ts-gallery .gallery-1 {
        margin: 0;
        position: relative;
    }
    .carrusel p {
        font-size: 1rem;
        line-height: 1rem;
    }
}
@media (min-width: 769px) and (max-width: 992px) {
    .recuadro {
        width: 30vh;
        height: 45vh;
        padding: 1.25rem;
    }
    .carrusel p {
        font-size: 1rem;
        line-height: 1rem;
    }
}
@media (min-width: 993px) and (max-width: 1200px) {
    .recuadro {
        width: 30vh;
        height: 45vh;
        padding: 1.25rem;
    }
    .carrusel p {
        font-size: 1rem;
        line-height: 1rem;
    }
}
@media (min-width: 1201px) and (max-width: 1400px) {
    .recuadro {
        width: 30vh;
        height: 45vh;
    }
}
@media (min-width: 1401px) {
    .recuadro {
        width: 30vh;
        height: 45vh;
    }
}
a.dropdown-item {
    color: #bc7837;
}
