/*** agrega aqui los estilos necesarios para modificar el template ***/
.logo {
    max-width: 141px;
}

@media screen and (min-width:111px){
.colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 0rem;
    max-width: 100%;
}
  .bs-footer__containt {
    padding-top: 73px;
} 
.bs-footer__containt::before {
    position: absolute;
    top: 6rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}
@media screen and (min-width:320px){
.colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 10rem;
    max-width: 100%;
}
  .bs-footer__containt {
    padding-top: 0px;
} 
.bs-footer__containt::before {
    position: absolute;
    top: -3rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}
@media screen and (min-width:576px) {
.colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 17rem;
    max-width: 100%;
}   
  .bs-footer__containt {
    padding-top: 0px;
}
.bs-footer__containt::before {
    position: absolute;
    top: -5rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}

@media screen and (min-width:768px) {
.colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 18rem;
    max-width: 100%;
}
  .bs-footer__containt {
    padding-top: 47px;
} 
.bs-footer__containt::before {
    position: absolute;
    top: -1rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}
@media screen and (min-width:992px) {
 .colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 22rem;
    max-width: 100%;
}
  .bs-footer__containt {
    padding-top: 0px;
}
.bs-footer__containt::before {
    position: absolute;
    top: -3rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}
@media screen and (min-width:1200px) {
 .colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 21rem;
    max-width: 100%;
}
  .bs-footer__containt {
    padding-top: 135px;
}
.bs-footer__containt::before {
    position: absolute;
    top: 6rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}
@media screen and (min-width:1600px) {
 .colorear {
    background-image: linear-gradient( rgb(0 0 0 / 0%), rgb(0 0 0 / 0%) ), url(info.png);
    background-size: contain;
    padding-top: 18rem;
    max-width: 100%;
}
  .bs-footer__containt {
    padding-top: 135px;
}
.bs-footer__containt::before {
    position: absolute;
    top: 6rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color),0) 0px, rgba(var(--footer-bg-color),1) 4rem , rgba(var(--footer-bg-color),1) 100% );
}
}


.bs-collection__product-notice {
    display: none;
}