/*** agrega aqui los estilos necesarios para modificar el template ***/

/** Cabedera **/

.img-fluid.logo-header {
    max-width: 120px;
}

.btn-cart, .btn-login {
    color: white;
    background: var(--primary-color);
}

.btn-cart:hover, .btn-login:hover {
    background: var(--primary-hover-color);
}

.owl-carousel .owl-item img {
    margin-bottom: 2rem;
}

.cart-items {
    background: #cc421d;
}

.bs-menu__lv1 {
    color: #494747;
    font-size: 20px;
    font-weight: 400;
}

.bs-menu__lv1:hover, .show > .bs-menu__lv1 {
    color: #c9390b;
}

/** Categorías **/

.bs-banner-grid__info {
    background: url(fondog2.png);
}

/** Parallax **/

.bs-parallax__title {
    filter: drop-shadow(2px 4px 6px black);
}

@media (max-width: 992px) {
.bs-parallax__title {
    filter: none;
}
}

/** Carro **/

.btn-danger, .badge-danger {
    background: #890808;
    border-color: #890808;
}

.tyc{
color: var(--primary-color)
}

/** Pie **/

.bs-copyright {
    position: absolute;
    width: 100%;
    bottom: 0px;
    font-size: .85rem;
    text-align: center;
    margin-top: 1rem;
    background: var(--secondary-color);
    color: #939393;
    padding: 0.5rem 1rem;
}

.bs-footer {
    position: relative;
    padding-top: 10rem;
    color: var(--body-txt-default-color);
    margin-top: 2rem;
    background-position: center top;
    background-repeat: no-repeat;
}

.bs-footer__containt::before {
    position: absolute;
 top: -12rem;
    bottom: 0;
    display: block;
    content: "";
    width: 100%;
    background: linear-gradient(180deg, rgba(var(--footer-bg-color), 0) 0px, rgb(255 255 255 / 50%) 4rem, rgb(255 255 255 / 87%) 100%);
}