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

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

.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: #b50a0a;
    border-color: #b50a0a;
    color: var(--primary-hover-contrast);
}

.estiloiva {
    font-size: .8rem;
    font-weight: var(--font-regular);
    }

    .bs-footer__description, .bs-footer__link {
    color: #000;
    padding: .25rem 0;
}

.bs-footer {
    background: #d3cece;
    color: #de2037;
    font-weight: var(--font-bold);
}

.bs-footer__top-section {
    background: #000000;
    padding: 1rem 0;
    color: #fff;
}

.btn-primary.disabled, .btn-primary:disabled, .btn-primary:disabled:hover {
    cursor: not-allowed;
    background: #ae182a;
    border-color: var(--primary-color);
    color: var(--primary-contrast);
    opacity: 0.9;
}

.btn-primary, .badge-primary {
    background: #de2037;
    border-color: #de2037;
    color: var(--primary-contrast);
    font-size: 14px;
}

.special-header .bs-header::before {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    background: #E9E6E6;
}

.bs-header, .bs-header.bs-sticky-header {
    background: #d3cece;
}

.navbar-toggler, .btn-cart, .btn-login, .btn-search {
    position: relative;
    color: #000000;
    background: var(--icon-header-bg);
    border-radius: 5rem;
    height: 3rem;
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.navbar-toggler .header-icon__svg, .btn-cart .header-icon__svg, .btn-login .header-icon__svg, .btn-search .header-icon__svg {
    height: 1.6rem;
    width: 1.6rem;
    fill: #000000;
}

.btn-secondary, .badge-secondary {
    background: #000000;
    border-color: #000000;
    color: var(--secondary-contrast);
    font-size: 14px;
}

.btn-share:hover {
    border: 1px solid #fff;
    background: #b20000;
    color: #fff;
}

.chat-widget__btn {
    background: #b20000;
    box-shadow: var(--box-shadow-widget);
    color: white;
    width: 1.5em;
    height: 1.5em;
    font-size: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: solid 1px #b20000;
}


.navbar-toggler, .btn-cart, .btn-login, .btn-search {
    position: relative;
    color: #000000;
    background: #f2f2f2;
    border-radius: 5rem;
    height: 3rem;
    min-width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bs-brands__item.grilla {
    background: #e9e9e900;
    display: block;
    padding: 12px;
    border-radius: var(--default-border-radius);
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease;
}

@media (max-width: 992px) {
    .special-header .bs-header {
        background: rgb(255 255 255 / 90%);
    }
}

.navbar-collapse.collapse.show {
    max-width: 360px;
    width: 100%;
    padding: 0 0 4rem;
    background: #ffffff;
}

@media (max-width: 992px) {
    .special-header .bs-header.bs-sticky-header {
        background: #e9e6e6;
    }
}

.container-search {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #e9e6e6;
    z-index: 200;
    display: none;
    color: #000000;
    display: flex;
    align-items: center;
    padding: .125rem 0;
}

.btn-search-mobile {
    color: #000000;
}

.bs-header-search .form-control {
    border: none;
    background: #0000003d;
    padding-left: 0;
    padding-right: 0;
    color: #000;
}