/*** agrega aqui los estilos necesarios para modificar el template ***/

.bs-img-square picture {
  
    border-color: brown;
}
.bs-brands__item{
        background: #ffffff00;
    }



.bs-collection__product-final-price {
    color: #000000;
}


.bs-footer__top-section {
    color: white;
}

.bs-parallax__content {
    font-size: 33px;
}

.btn-primary, .badge-primary {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

.bs-footer__link__icon {
    color: #ffffff;
}

.bs-footer {
    background: linear-gradient( rgb(0 0 0 / 96%), rgb(0 0 0 / 29%) ),url(footerOxs.webp);
}

.btn-primary:hover  {
    background: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);

}

.cart-items {

    background: var(--secondary-hover-color);

}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary:disabled:hover {
    background: var(--secondary-hover-color);

}

.bs-copyright {
    background: #05000600;

}

.texto-mayorista{
    
    padding: 0.125rem .25rem;
    z-index:100;
    background: var(--secondary-color);
    color: var(--collection-notice-color, var(--highlight-contrast));
    font-size:.8rem;
    max-width:28%;
    border-radius: 5px;
}
label{
border-color: #b80102;
]
}

.bs-collection__product__img{
    border: 0.7px solid gray;
}

.chat-widget__btn {
    background: #25D366;
    box-shadow: var(--box-shadow-widget);
    color: white;
    width: 1.5em;
    height: 1.5em;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: solid 1px rgba(255, 255, 255, 0.3);
}

.bs-parallax {
    background-image: linear-gradient(rgb(0 0 0 / 41%), rgb(0 0 0 / 29%)), url(ImgenDestacada.webp) !important;
}

a.tyc {
    color: #b80102;
}

 a.tyc:hover {
    color: #fe0000;
    }

.special-header .bs-header {
    background: var(--header-bg-home, var(--header-bg));
}

    .special-header .bs-header::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    background: var(--header-bg);
}

.special-header {
    background: transparent;
}

@media (max-width: 992px) {
    .is-home .bs-header[data-info="sticky"] {
        position: absolute !important;
    }
}