/*CATEGORIAS*/

.home-cats .wpb_content_element {
    margin-bottom: 0;
}

.home-cats img {
    border-radius: 100%;
    aspect-ratio: 1;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 3%);
}

.home-cats .wpb_wrapper>p:first-child {
    margin-bottom: 0;
}

.home-cats .wpb_wrapper>p:last-child {
    margin-top: 16px;
    text-align: center;
    letter-spacing: .02em;
    line-height: 1;
}

@media (max-width: 768px) {

    .home-cats .wpb_wrapper>p:last-child {
        letter-spacing: -.01em;
        font-size: 12px;
        line-height: 15px;
    }

}

/*ATRIBUTOS DE VALOR*/

.dataplus__trust-atts {
    overflow-y: hidden;
    background-color: #fff;
    margin: 0;
    border-radius: 5px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 3%);
}

.dataplus__trust-atts .wd-info-box {
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    align-items: center;
    flex-direction: row;
    padding: 12px;
}

.dataplus__trust-atts>.wpb_column:not(:last-child) {
    border-right: 1px solid #eee;
}

.dataplus__trust-atts .wd-fontsize-m {
    font-size: 14px;
}

.dataplus__trust-atts .wd-info-box :is(.info-box-subtitle, .info-box-title, .info-box-inner):not(:first-child) {
    margin-top: 5px;
}

@media screen and (max-width: 768px) {

    .dataplus__trust-atts {
        flex-direction: row;
        flex-wrap: nowrap !important;
        overflow: auto;
        margin: 0;
        border-radius: 5px !important;
    }

    .dataplus__trust-atts .wd-fontsize-m {
        font-size: 13px;
    }

    .dataplus__trust-atts .info-box-inner p {
        font-size: 12px;
    }

    .dataplus__trust-atts .wd-info-box {
        padding: 12px 8px;
    }

}

/*BANNERS 001*/

.banners-container.banners-001 {
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.banners-001 .banner-horizontal {
    grid-column: span 2 / span 2;
}

@media (max-width: 768px) {

    .banners-container.banners-001 {
        grid-template-columns: repeat(5, 60vw);
    }

}

/*BANNERS 002*/

.banners-container.banners-002 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
}

.banners-002 .banner-horizontal {
    grid-column: span 2 / span 2;
}

@media (max-width: 768px) {

    .banners-container.banners-002 {
        grid-template-columns: repeat(3, 60vw);
    }

    .banners-002 .banner-horizontal {
        grid-column: auto;
    }

}

/*BANNERS 003*/

.banners-container.banners-003 {
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.banners-003 .banner-horizontal {
    grid-column: span 2 / span 2;
    grid-column-start: 3;
    grid-row-start: 2;
}

@media (max-width: 768px) {

    .banners-container.banners-003 {
        grid-template-columns: repeat(7, 60vw);
    }

    .banners-003 .banner-horizontal {
        grid-column: auto;
    }

}

/*BANNERS*/

.banners-container {
    display: grid;
    gap: 10px;
}

.banners-container img {
    border-radius: 12px;
}

@media (max-width: 768px) {

    .banners-container[class*="banners"] {
        grid-template-rows: 1fr;
        overflow: auto;
        margin-inline: -15px;
        padding-inline: 15px;
    }

    .banner.banner-horizontal {
        grid-row: auto;
        grid-column: auto;
    }

}

/*TABS DE PRODUCTOS*/

.wd-nav-tabs {
    position: relative;
}

body .wd-tabs .wd-tab-content {
    transform: none;
    transition: all .1s linear;
    opacity: 1;
}

body .wd-tabs .wd-tab-content.wd-in {
    opacity: initial;
    min-height: 100%;
}

body .wd-nav-tabs>li>a {
    padding: 0;
}

body .wd-tabs-header {
    gap: 24px;
    margin-bottom: 20px;
}

body .wd-wpb.wd-tabs:not(.wd-products-tabs) .wd-nav-tabs>li>a {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: .075em;
    padding-bottom: 16px;
}

body .wd-tabs .tabs-name {
    text-transform: none;
    font-size: 24px;
}

body .wd-nav-wrapper {
    line-height: 1;
    position: relative;
}

body .wd-tabs .wd-nav-tabs::before {
    content: '';
    background-color: #e7e7e6;
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
}

body .wd-tabs a.wd-nav-link:after {
    content: '';
    background-color: var(--wd-primary-color);
    height: 2px;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
}

body .wd-tabs li:hover a.wd-nav-link:after {
    opacity: 1;
    height: 1px;
}

body .wd-tabs .wd-active a.wd-nav-link:after,
body .wd-tabs li.wd-active:hover a.wd-nav-link:after {
    opacity: 1;
    height: 2px;
}

body.wpb-js-composer .wd-tabs .wd-button-wrapper.inline-element {
    position: absolute;
    margin: 0;
    right: 120px;
    top: -71px;
}

.wd-tabs .wd-nav-arrows.wd-pos-together {
    top: -80px;
}

.wd-nav-tabs-wrapper {
    -webkit-overflow-scrolling: auto;
    /* Quita el efecto de scroll suave en dispositivos iOS */
    scrollbar-width: auto;
    /* Para Firefox: muestra la barra de scroll predeterminada */
    scrollbar-color: auto;
    /* Para Firefox: usa los colores predeterminados del scroll */
}

/* Para navegadores basados en Webkit (como Chrome y Safari) */
.wd-nav-tabs-wrapper::-webkit-scrollbar {
    width: auto;
    /* Restaura el ancho predeterminado de la barra de desplazamiento */
    height: auto;
    /* Restaura la altura predeterminada de la barra de desplazamiento horizontal */
}

.wd-nav-tabs-wrapper::-webkit-scrollbar-thumb {
    background: auto;
    /* Restaura el estilo predeterminado de la "thumb" de la barra de scroll */
}

/*QUEREMOS DARTE LO MEJOR*/

.atts-002>.vc_column_container>.vc_column-inner>.wpb_wrapper {
    background-color: #fff;
    padding: 32px;
    text-align: center;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 3%);
}

.atts-002--items>.vc_column_container>.vc_column-inner>.wpb_wrapper {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin-top: 24px;
    padding-top: 40px;
    border-top: 1px solid #f2f2f2;
}

.atts-002--items :is(.wpb_text_column, p) {
    margin-bottom: 0;
}

.atts-002--items .wpb_text_column img {
    margin-bottom: 5px;
    aspect-ratio: 1;
    height: 48px;
    object-fit: contain;
}

.wpb_content_element.atts-002--title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}

.wpb_content_element.atts-002--desc {
    margin-bottom: 0;
}

@media (max-width: 768px) {

    .atts-002>.vc_column_container>.vc_column-inner>.wpb_wrapper {
        padding: 32px 20px;
    }

    .atts-002--items>.vc_column_container>.vc_column-inner>.wpb_wrapper {
        grid-template-columns: repeat(3, 1fr);
        gap: 32px 16px;
    }

    .atts-002--items p {
        font-size: 12px;
        line-height: 17px;
    }

}

/*PRODUCT CARD*/

body .wd-product.wd-hover-fw-button{
    --text-align: center;
}

body .wd-product .price{
    display: flex;
    align-items: baseline;
    gap: 7px;
}

.wd-product .wd-add-btn {
    display: none;
}

.wd-product .product-element-bottom {
    text-align: center;
}

.wd-product .stock {
    display: none;
}

body .wd-product.wd-hover-fw-button .wrap-price {
    justify-content: center;
}

.wd-product .wd-product-brands-links {
    order: -1;
}

.wd-products-element .wd-product .wd-product-brands-links a {
    line-height: 1;
    font-size: 15px;
    color: var(--wd-text-color);
    font-weight: 600;
    text-transform: uppercase;
}

body .wd-product .wd-entities-title {
    font-size: 13.5px;
    line-height: 20px;
}

body .wd-product .product-wrapper {
    padding: 24px;
    border-radius: 0;
}

.wd-product .product-labels.labels-rectangular {
    top: 0;
}

body .product-label {
    padding-inline: 10px;
    line-height: 16px;
    min-width: auto;
    border-radius: 3px;
}

ins .amount {
    color: rgb(213, 60, 60);
}

.wd-products-element .wd-carousel.wd-grid {
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 3%);
}

.wd-products-element .wd-el-title {
    justify-content: center;
    margin-bottom: 16px;
    font-size: 24px;
    line-height: 1;
}

.wd-product :is(.product-image-link,.hover-img) img{
    height: 230px;
    object-fit: contain;
}

@media (max-width: 1024px){

    body .wd-product .product-wrapper {
        padding: 16px;
    }

    body :is([style*="col-sm:2"],[style*="col-sm: 2"]) .wd-product{
        --title-line-height: 1.4em;
    }

    .wd-products-element .wd-product .wd-product-brands-links a{
        font-size: 13px;
    }
    
}