[data-bs="slider"]:not(.slick-initialized):not(.owl-carousel) {
    display:flex;
}
[data-bs="slider"]:not(.slick-initialized):not(.owl-carousel) > * {
    width:25%;
    display:inline-block;
}

/***************************************
    INDICE
    1. Reset
    2. Header
    
****************************************/

.btn, input, .form-control,.badge ,select, textarea {
    border-radius:0px;
}

.custom-control-input:checked~.custom-control-label::before,
.btn-primary,
.badge-primary {
    background:black;
    border-color:black;
}

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

.btn-link {  
    color:#826D98;
}

.btn-secondary:hover, 
.btn-secondary.active,
.btn-primary:hover, 
.btn-primary.active,
.btn-primary:disabled {
    background:#664f7f;
    border-color:#664f7f;;
}

.btn-link:hover {
    color:#664f7f;
}

.dropdown.show .bs-menu-lv1,
.bs-menu-lv1:hover,
.bs-menu-lv2:hover,
.bs-menu-lv3:hover {
    background:#DED6E2;
}

.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:hover {
    background: #664f7f;
    border-color:#664f7f;;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus, 
.show>.btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0 transparent;
}

.btn-primary:focus {
   box-shadow: 0 0 0 0 transparent;
}

.bs-product  .bs-img-square img:nth-child(2) {
    display:block;
    background-color:white;
    position:absolute;
    top:0;
    opacity:0;
    transition: all .5s ease;
}

.bs-product:hover > .bs-img-square img:nth-child(2) {
    opacity:1;
}

.bs-product-related .bs-product .bs-img-square img:nth-child(2) {
    opacity:0 !important;
}

.bs-product-related .bs-product .bs-img-square img:nth-child(2):hover {
    opacity: 1 !important;
}
/*********************************
    fuentes
*********************************/
body {
    font-family: 'Ruda', sans-serif;
}

 h1, h2, h3, h4, h5, h6,
.h1,.h2,.h3,.h4,.h5,.h6 {
    font-weight:bold;
}

a {
  color:black;  
}

a:hover {
  color:black;  
}

/*********************
    > migas de pan
**********************/
.bs-breadcrumb {
    background:#F8F9FA;
}


/**********************************
    Pagina en construccion
***********************************/
.bs-construction-page {
    height:100%;
    display: flex;
    align-items: center;
}

/**********************************
    2. HEADER
***********************************/
.bs-login span, .bs-login {
    line-height:1.5rem
}

.bs-header-navbar .bs-trunc {
    line-height: 1rem;
    
}

/*se eliminan los margenes del navbar para permitir ordenar elementos con col*/
.bs-header-navbar .container .navbar {
    margin: 0;
    padding:0;
}
/*se eliminan los padding del los col hijos directos para poder usar menus de anchos 100%*/
.bs-header-navbar .container .navbar > [class*="col"] {
    padding:0;
}
/*para menu de ancho de pantalla*/

.dropdown-menu.show {
    width:100%;
}

/*el menu usa el 100% del ancho de su padre*/
.bs-nav-menu {
    width:100%;
}

.bs-menu-lv1, .bs-menu-lv2, .bs-menu-lv3 {
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.bs-header-search {
    display:flex;
    width:100%;
    min-width:100px;
}
.collapse.show .bs-header-search {
    z-index:1000;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding:0 1rem;
}

/* Boton login activado*/
.show>.btn-primary.dropdown-toggle {
  background:#664f7f; 
}

.login-items:hover {
    color:#664f7f;
    font-weight:bold;
}

.bs-header-navbar {
    margin-bottom:8px;
}

.bs-menu-title {
    width:100%;
}

/*lv2 si tiene hijos lv3 */
.bs-menu-title .bs-menu-lv2,
.bs-menu-title ~ div > .bs-menu-lv2
{
  font-weight:bold; 
}

@media screen and (min-width:1200px) {
    .navbar-expand-xl .bs-menu-lv1 {
        height:100%;
    }
    
    .navbar-expand-xl .bs-menu-close {
        display:none;
    }
    
    .navbar-expand-xl .navbar-collapse.collapse,
    .navbar-expand-xl .navbar-collapse.collapsing,
    .navbar-expand-xl .navbar-collapse.collapse.show {
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
        height:auto !important;
        width:auto;
    }
    
    .navbar-expand-xl .bs-menu-big {
        position:static;
    }
    
    .navbar-expand-xl .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show {
        width:100%;
        display:flex;
        flex-wrap:wrap;
    }
    
    .navbar-expand-xl .bs-menu-big .bs-menu-lv1 + .dropdown-menu.show>* {
        width:25%;
    }
    
    /*ancho maximo de buscador*/
    .navbar-expand-xl .bs-header-search{
        max-width:10rem;
    }
}

@media screen and (min-width:992px) {
    .navbar-expand-lg .bs-menu-lv1 {
        height:100%;
    }
}

@media screen and (min-width:768px) {
    .navbar-expand-md .bs-menu-lv1{
        height:100%;
    }
}

@media screen and (min-width:576px) {
    .navbar-expand-md .bs-menu-lv1{
        height:100%;
    }
}

/*** new mobile menu ***/
.collapsing button.close,
.collapse.show button.close,
.collapsing button.close:hover,
.collapse.show button.close:hover {
    background:inherit;
    line-height:inherit;
    color:inherit;
    float:none;
    opacity:1;
    text-shadow:none;
}

.navbar-collapse.collapse,
.navbar-collapse.collapse.show,
.navbar-collapse.collapsing {
    position:fixed !important;
        top:0;
        left:0;
    height:100vh !important;
    z-index:1000;
    /*aqui aplica color de fonde del menú*/
    background: #fff;
    box-shadow: 0 10px 20px rgba(0,0,0,0.19),0 6px  6px rgba(0,0,0,0.23);
    transition: all .25s ease;

}

.navbar-collapse.collapse,
.navbar-collapse.collapsing {
    width:0;
    max-width:0;
    padding:0;
}

.navbar-collapse.collapse.show {
    overflow-y:auto;
    max-width:360px;
    width:100%;
    padding:0 1rem;
}

@media screen and (min-width:320px){
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapsing,
    .navbar-expand-sm .navbar-collapse.collapse.show {
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapse.show,
    .navbar-expand-sm .navbar-collapse.collapsing {
        height:auto !important;
        width:auto;
    }
}


@media screen and (min-width:576px) {
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapsing,
    .navbar-expand-sm .navbar-collapse.collapse.show {
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    
    .navbar-expand-sm .navbar-collapse.collapse,
    .navbar-expand-sm .navbar-collapse.collapse.show,
    .navbar-expand-sm .navbar-collapse.collapsing {
        height:auto !important;
        width:auto;
    }
}

@media screen and (min-width:768px) {
    .navbar-expand-md .navbar-collapse.collapse,
    .navbar-expand-md .navbar-collapse.collapsing,
    .navbar-expand-md .navbar-collapse.collapse.show {
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    
    .navbar-expand-md .navbar-collapse.collapse,
    .navbar-expand-md .navbar-collapse.collapse.show,
    .navbar-expand-md .navbar-collapse.collapsing {
        height:auto !important;
        width:auto;
    }
}

@media screen and (min-width:992px) {
    .navbar-expand-lg .navbar-collapse.collapse,
    .navbar-expand-lg .navbar-collapse.collapsing,
    .navbar-expand-lg .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    
    .navbar-expand-lg .navbar-collapse.collapse,
    .navbar-expand-lg .navbar-collapse.collapse.show,
    .navbar-expand-lg .navbar-collapse.collapsing{
        height:auto !important;
        width:auto;
    }
    
}

@media screen and (min-width:1200px) {
    .navbar-expand-xl .navbar-collapse.collapse,
    .navbar-expand-xl .navbar-collapse.collapsing,
    .navbar-expand-xl .navbar-collapse.collapse.show{
        position:static !important;
        background:transparent;
        overflow-y:initial;
        max-width:100%;
        padding:0;
        box-shadow:none;
    }
    
    .navbar-expand-xl .navbar-collapse.collapse,
    .navbar-expand-xl .navbar-collapse.collapse.show,
    .navbar-expand-xl .navbar-collapse.collapsing {
        height:auto !important;
        width:auto;
    }
}

/***************************
    2. HEADER > colores menu
****************************/
.bs-sticky-header {
    /*se aplica automatiamente cuando el header tiene data-info="sticky" */
    box-shadow: 0px 2px 10px -4px rgba(0,0,0,0.75);
}

.bs-header {
    background:white;
}

.bs-menu-lv1 {
    
}

.bs-menu-lv1:hover,
.show .bs-menu-lv1 {
    
}

.bs-menu-lv2 {
    
}

.bs-menu-lv2:hover {
    
}

.bs-menu-lv3{
    margin-left: 10px;
}

.bs-menu-lv3:hover{
    
}

/*lv2 si tiene hijos lv3 */
.bs-menu-title .bs-menu-lv2,
.bs-menu-title ~ div > .bs-menu-lv2 {
    
}



/***********************************
   2. HEADER > social media
************************************/
.bs-header .bs-social-media a {
    padding:.5rem;
}

/**********************************
    Titulos Home
***********************************/
.bs-title {
    text-align:center;
    text-transform:uppercase;
    margin:3rem 0;
}

/**********************************
 Owl
***********************************/
[data-bs="slider"].owl-carousel {
    margin-top:-1rem;
}

/*********************************
    zoom 
*********************************/
.hov-img-zoom {
    display: block;
    overflow: hidden;
}

/**********************************
    Info-adicional
***********************************/
.bs-info {
    padding:30px;
    width:100%;
    color: #fff;
    background-color: #826d98;
}

.s24-link:hover {
    color:#DED6E2;
    font-weight:bold;
    transition:.3s;
}

/*********************************
    owl carrusel
*********************************/


/*********************************
    Banners
*********************************/
/*boton slider*/ 
.bs-slider-button {
    display: flex;
    background-color: rgba(255,255,255,0.95);
    color: #333333;
    justify-content: center;
    align-items: center;
    width: 60%;
    font-size: 16px;
    transition: all 0.4s;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    box-shadow: 0 1px 0px 0px rgba(0, 0, 0, 0.1);
    border:0px;
    text-transform:uppercase;
}




/**********************************
    2. Collection
***********************************/
.bs-collection .bs-product {
    display:flex;
    flex-direction:column;
    margin-bottom:1rem;
    width:100%;
}

.bs-stock {
    position:absolute;
    background:black;
    color:white;
    padding: .3rem;
    font-size: 0.60rem;
    z-index:50;
    bottom:0;
}

@media screen and (min-width:992px) {
    .bs-stock {
        padding: .5rem 1rem;
        font-size: 1rem;
    }
}

.bs-collection .bs-product-info {
    height:100%;
}

.bs-collection .bs-product-final-price {
    font-weight:bold;
    color:#826D98;
}

.bs-discount {
    background:#826D98!important;
    font-size:.9rem;
}

.bs-cart .bs-discount {
    width: 2.5rem;
    line-height: 2.5rem;
}

.bs-discount.tag.left:before {
    border-left: 1rem solid #826D98;
}

.bs-product .bs-img-square img:nth-child(2):hover {
    opacity: 1;
}

.bs-cart .custom-control button {
    position:relative;
    bottom:1px;
}

.image-collection {
    width:100%;
    max-height: 18.75rem;
    margin-bottom:1rem;
}
/*********************************
    detalle producto
**********************************/
.bs-option-disabled {
    background:silver;
    color:gray;
}

.bs-option-disabled::after {
    content:"no stock";
}

@media screen and (max-width:768px) {
    .nav-product {
        margin-top: .5rem;
    }
}

/**********************************
    Blog
***********************************/
@media screen and (max-width:768px) {
    .title-article {
        text-align:center;
    }
}

/**********************************
    Formulario
***********************************/
.bs-form-inline form {
    display: flex;
    justify-content: center;
}

.bs-form-inline input {
     height:2.5em;
}

.bs-form-inline button {
    height:2.5em;
    background:black;
    color:white;
}

.bs-form-inline fieldset {
    width: 100%;
}

/**********************************
    footer
***********************************/

.bs-footer {
    padding:2rem 0 0 0;
    background:#F8F9FA;
}

.bs-footer .btn-link {
    color:black;
}

.bs-footer .list-group-item { 
    background:#F8F9FA;
}

.bs-footer .bs-social-media a {
    font-size:1.5rem;
}
 
.bs-footer .bs-social-media .btn-link {
   background:black;
   color:white;
}

.bs-footer .bs-social-media .btn-link:hover {
    background-color: #826d98;
}

.bs-li-footer {
    margin:10px;
}    

.bs-footer .list-group-item {
    border: 0px;
    padding: .1rem .50rem;
}

.bs-footer .list-group-item .bs-trunc {
    line-height: 1rem;
}

@media screen and (max-width:576px) {
   .bs-footer .list-group-item{
        padding: .75rem 1.25rem;
    }
    
    .bs-footer h5 {
        line-height: 3rem;
    } 
    
    .title-link {
        margin-top:40px;
    }
    
    .list-group-item, .title-link {
        text-align:center !important;
    }
    
    .list-group-item:first-child {
      padding-top: 0px;
    }
    
    .btn-social {
        justify-content:center;
    }
}

@media screen and (max-width:992px){
    .bs-footer .bs-social-media,
    .bs-footer .bs-chat {
        display: inline-flex;
    }
    
    .bs-footer .bs-social-media a,
    .bs-footer .bs-chat a {
        margin:.125rem;
    }
    
    .bs-chat a {
        width:auto;
        height:auto;
        padding: .5rem .75rem;
        margin: 0;
        color:white;
        box-shadow:none;
    }
    
    .btn-facebook,
    .btn-whatsapp {
       background:black;
    }
    
    .btn-facebook:hover,
    .btn-whatsapp:hover {
        background-color: #826d98;
    }
    
}

.bg-blanco {
    background:red;
    color:white;
}

/**************************/
.bs-menu-lv1.dropdown-toggle {
    white-space: normal;
}

/******************
        Sucursales 
*******************/

.bs-table {
    display:flex;
    flex-wrap:wrap;
}

.bs-table table {
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
}

.bs-table table td{
    vertical-align: top;
    border-top:1px solid #dee2e6;
}

.bs-table div {
    width:50%;
}

/*
.list-group {
    text-align:center;
}
*/

.bs-menu-big {
    position:static;
}

/** filter **/
.bs-collection-filter .panel-collapse:not(#bs-collection-filter-price){
    overflow-y:auto;
    max-height:200px;
}
.bs-collection-filter .btn-light:not(.collapsed){
    background:#e2e6ea;
}