/* Estilo catálogo filtrado Elementor */
.price-flex {
    display: flex;
    padding: .5rem;
    vertical-align: top;
}
.info-offer {
    background: #85A8B2;
    border-radius: 15px;
    font-size: .8rem;
    color: #fff;
    padding: .3rem 1rem;
}
.info-offer.discount {
    background: #Ff6352;
    color:#fff !important;
}
.no-tag .info-offer  {
    display:none;
}
.elementor-wc-products .minimal-exist{
    font-size: .8rem;
}
.elementor-wc-products .info-offer {
    font-size: .8rem;
    margin: 0 .5rem;
    color: #90AFB8;
}

/* Estilos de precios */
.product-price .info-offer {
    vertical-align: middle !important;
    white-space: nowrap;
}
.product-price {
    display: flex;
    align-items: center;
}
.product-size-B {
    font-family: "Euclid Circular", Sans-serif;
    font-size: 33px;
    font-weight: bold;
    color: #3B3B63;
    margin-bottom: 1.5rem;
}
.product-size-B > *:not(:first-child) {
    margin-left: .5rem;
}
.product-size-B .price-flex {
    vertical-align: text-bottom;
}
.product-size-B .small {
    font-size: 23px;
    color: #85A8B2;
    margin-right: .5rem;
}
.product-size-B .regular {
    font-size: 26px;
    text-decoration:line-through;
}
.product-size-B .offer {
    color: #F5B09C;
}

@media screen and (max-width: 817px) {
    .product-size-B {
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }
}

/* Estilos Slider */

/*Superior*/
.image-top-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.image-top-container {
    text-align: center;
}
.image-top-container img {
    max-width: 450px !important;
    max-height: 450px;
    padding: 5px;
    width: 100% !important;
}

/* Slider */
.slider-container {
    width: 100%; /* Ocupa todo el ancho disponible */
    overflow: hidden; /* Oculta imágenes desbordadas */
    overflow-x: scroll;
}

.image-gallery {
    display: flex; /* Coloca las imágenes en una fila horizontal */
    transition: transform 0.5s ease-in-out; /* Transición suave */
    gap: 10px;
}

.slider-image {
    width: calc(20% - 10px); /* Ajusta el ancho para mostrar cinco imágenes */
    height: auto;
    flex-shrink: 0; /* Previene que las imágenes se encojan */
    background-color: #F7F6ED;
}

.slider-image:hover, .slider-image.active {
    transform: scale(1.1);
    cursor: zoom-in;
}