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

.bs-header {
    background: #f6f6f6;
    color: #000000;
}

.bs-grid-header__menu-desktop, .navbar-collapse {
    background: #000000;
}

.bs-menu__lv1 {
    color: #ffffff;
}

.bs-menu__lv1:hover, .show > .bs-menu__lv1, .navbar-toggler:hover {
    color: #bdb48a;
}

.floating-menu__cart .cart-items {
    background: #beb58c;
}

.navbar-toggler {
    color: #ffffff;
}

.cart-items {
    background: var(--secondary-hover-color);
}

.cart-items:hover {
    background: var(--primary-hover-color);
}

.bs-menu__lv2:hover {
    color: var(--secondary-hover-color);
}

.bs-menu__login:hover{
    background: #ffffff;
}

/*Body*/

.bs-title-decoration::before, .bs-title-decoration::after {
    background: var(--secondary-hover-color);
}

.bs-main.bs-main {
    padding-bottom: 1rem;
}
.chat-widget__btn {
    background: var(--secondary-color);
}

.bs-product__label {
    color: var(--secondary-contrast);
}
bs-categories:not(.slick-initialized) {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: var(--slider-margin, 1rem);
}

/*CATEGORÍAS - Modificación completa */

.bs-categories:not(.slick-initialized) .item {
    flex: 0 1 calc(25% - var(--slider-margin, 1rem));
    min-width: 250px;
}

.bs-categories.categories-centered:not(.slick-initialized) {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: var(--slider-margin, 1.5rem);
    padding-left: 1rem;
    padding-right: 1rem;
}

.bs-categories.categories-centered:not(.slick-initialized) .item {
    flex: 0 1 calc(45% - var(--slider-margin, 1rem)); 
    min-width: 160px;
    max-width: 280px;
}

@media (min-width: 992px) {
    .bs-categories.categories-centered:not(.slick-initialized) .item {
        flex: 0 1 calc(25% - var(--slider-margin, 1rem));
    }
}



/*CARRO*/
.tyc{
font-weight:600;
}

/*Pie*/

.bs-footer__section-form {
    background-color: transparent;
}

.bs-footer__section-form__container {
    margin-bottom: 2rem;
    background: #8b8568;
}

.bs-footer {
    color: #ffffff;
    background: black;
    filter: drop-shadow(2px 4px 6px black);
}

.bs-footer__link {
    font-size: medium;
    color: #d9d9d9;
}

    .bs-footer__link:hover {
    color: #d9d9d9 !important;
    }
.bs-footer__link__icon {
    color: var(--secondary-hover-color);
}

.bs-footer__logo img {
    max-height: 90px;
}

.bs-footer__section-description {
    padding-top: 63px;
}

.bs-footer__section-form + .bs-footer {
    padding-top: 1rem;
}

.bs-footer__social .btn-social:hover {
    background: #beb58c;
    color: #ffffff;
}

.bs-copyright {
    background: #8b8568;
}
/**Botones*/
.btn-secondary {
    background: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
    color: #ffffff;
}

.btn-secondary:hover, .btn-secondary:active, .btn-secondary.active, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
    color: white;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .btn-danger:not(:disabled):not(.disabled):active:focus, .show>.btn-danger.dropdown-toggle:focus.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show>.btn-danger.dropdown-toggle {
    background: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
}
.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: #000000;
    border-color: #000000;
}

/*Construcción*/

.construction-content {
    background:#000000!important;
}

.title-text {
    color: #ffffff !important;
}

.subtitle-text {
    color: var(--secondary-hover-color) !important;
}

.social-btn:hover {
    background: var(--secondary-color) !important;
}