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

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

body {font-family: 'Lato', sans-serif;}


.borde {
    
    Z-INDEX: 200;
    position: absolute;
    background-image: url(https://dojiw2m9tvv09.cloudfront.net/33029/1/borde-menu2.png);
    /* height: 20px; */
    padding: 10px;
    width: 100%;
    background-repeat: repeat-x;
}

.bg-destacados {
    background-color:#f38fc4;
    margin-top:20px;
    margin-bottom:20px;
}

.bg-destacados .bs-home__title {
    color:#fff;
}

.bg-sucursales {
    background-color:#ffe297;
    margin-top:20px;
    margin-bottom:20px;
}

.bg-sucursales .bs-home__title {
    color:#666666;
}

.pad-5 {
 padding-bottom: 20px;
 padding-top: 20px;
    
}

.pad-10 {
 padding-bottom: 20px;
 padding-top: 60px;
    
}

.bg-blog {
    background-color:#44d0cc;
}

.bg-blog .bs-home__title {
    color:#fff;
}

.dropdown-menu {
 background-color:#ffe297;  
}

.dropdown-menu .show{
 background-color:#fff;  
}



.page-item.active .page-link {

    background-color: #333333;
    border-color: #333333;
}

.page-link {
    color: #333333;
}

.bs-footer__containt {
  
box-shadow: 0px 2px 10px -4px rgb(51 51 51);
}

.bs-footer__link
{
    color: #333333;
}

.cart-items {
    background: #333333;
}

.btn-secondary, .badge-secondary {
    background: #333333;
    border-color: #333333;
 
}

.btn-secondary:hover {
    background: #333333;
    border-color: #333333;
    opacity: .7;
 
}

.bs-home__brands__item {
    background: #ffffff;
}



@media screen and (max-width: 992px){
.bs-footer__social .chat-whatsapp {
    border: #ffffff 1px solid;
    color: #be0b36;
}}

@media screen and (max-width: 992px){
.bs-footer__social .chat-whatsapp:hover {
    background: #be0b36;
    color: #fff;
}}


@media screen and (max-width: 992px){
.bs-footer__social .chat-facebook {
    border: #ffffff 1px solid;
    color: #be0b36;
}}

@media screen and (max-width: 992px){
.bs-footer__social .chat-facebook:hover {
    background: #be0b36;
    color: #fff;
}}

.bs-parallax__title {
  text-shadow: 2px 2px 2px #333333;
}

@media screen and (max-width: 992px){
.bs-parallax__content {

    padding: 27vw 3rem 1rem;
    COLOR: WHITE;
    text-shadow: 2px 2px 2px #333333;
}}

.bs-collection__product {

    padding-bottom: 1.5rem;
}/*** agrega aqui los estilos necesarios para modificar el template ***/