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

.bs-info {
    padding: 2rem;
    background: #000;
}

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

.announcement-bar {
    color: #000;
    background: #e2d4b5;
    border-color: #e2d4b5;
}

@media screen and (min-width: 992px) {
    .bs-grid-header-lg .btn-search {
        color: var(--btn-search-color, var(--primary-color));
        background: #000000;
    }
}

@media screen and (min-width: 992px) {
    .bs-grid-header-lg .btn-search:hover {
        background: #e2d4b5;
        color: var(--btn-search-hover-bg, var(--primary-contrast));
    }
}

.btn-cart {
    color: var(--btn-cart-color, var(--primary-color));
    background: #000;
}

.btn-cart:hover {
    background: #e2d4b5;
    color: var(--btn-search-hover-bg, var(--primary-contrast));
}

.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    background: #e1d4b5;
    border-color: #000;
    color: #000;
}
.btn-primary, .badge-primary {
    background: #000;
    border-color: #000;
    color: var(--primary-contrast);
}