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

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

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

.announcement-bar {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

.bs-grid-header__login:hover {
    color: var(--primary-color);
}

.bs-grid-header__logo img {
    padding-bottom: 10px;
    padding-top: 10px;
}

bs-menu__login:hover {
    background: var(--secondary-color);
    color: var(--header-color);
}

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

.bs-menu__lv1:hover, .show > .bs-menu__lv1, .navbar-toggler:hover {
    color: var(--secondary-color);
}

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

.bs-categories__title {
    background: var(--secondary-color);
}

.bs-categories__item:hover .bs-categories__title {
    background: var(--secondary-hover-color);
}

.bs-collection__title {
    color: var(--secondary-color);
    text-transform: uppercase;
}

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

.bs-footer__section-form__container {
    margin-bottom: 30px;
}

.tyc{
font-weight:600;
color:var(--secondary-color);
}

.bs-main.bs-main {
    padding-bottom: 1.5rem;
}


/*Pie*/

.bs-footer__link {
    font-size: medium;
}

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

/*Botones*/

.btn-primary {
    background: var(--secondary-color);
    border-color: var(--secondary-color);
}

.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: var(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
}

.btn-secondary {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

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

.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(--secondary-hover-color);
    border-color: var(--secondary-hover-color);
}

.btn-primary.disabled, .btn-primary:disabled {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

/*Icono WA*/

.bs-footer__chat .chat-whatsapp {
background: #25D366;
color: white;
position: fixed;
z-index: 5000;
right: .5em;
border: 0;
border-radius: 10rem;
width: calc(var(--icon)* 1.75);
height: calc(var(--icon)* 1.75);
margin: .1rem .1rem;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 3.5rem;
}

.bs-footer__chat .chat-facebook {
background: #1771e6;
color: white;
border-color: #1771e6;
position: fixed;
z-index: 5000;
right: 1em;
border: 0;
border-radius: 50rem;
width: calc(var(--icon)* 1.75);
height: calc(var(--icon)* 1.75);
margin: .125rem .125rem;
display: inline-flex;
justify-content: center;
align-items: center;
font-size: 2.5rem;
}

@media only screen and (max-width : 992px) {
.bs-footer__chat .chat-whatsapp {
position: fixed;
bottom: 30%;
right: 1rem;
flex-direction: column;
z-index: 9000;
font-size: 2.5rem;
}
}