/*** agrega aqui los estilos necesarios para modificar el template ***/
.bs-grid-header {
    background: #9e87b3;
}
@media screen and (min-width: 992px) {
    .navbar-toggler {
        color: black;
        border: 2px solid black;
        border-radius: var(--btn-border-radius);
    }
}
.bs-categories__item {
    background: black;
}
.chat-widget__btn:hover {
    background: #7a7a7a;
}
.btn-link:hover, .btn-link:active, .btn-link.active {
    color: #7a7a7a;
}
.bs-footer__link__icon {
    color: #7a7a7a;
}
@media screen and (min-width: 768px) {
    .bs-footer__social .btn-social {
        color: white;
        background-color: #7a7a7a;
    }
}
.bs-footer__logo img {
    max-height: 160%;
}
.bs-collection-filter .btn-secondary:hover {
    background-color: #7a7a7a;
}
.btn-primary:hover, .btn-primary:active {
    background: #7a7a7a;
    color: white
}
.badge-warning {
    color: white;
    background-color: #7a7a7a;
}
.btn-danger:hover, .btn-danger:active {
    background: black;
    border-color: black;
}
.bs-banners__item {
    margin-top: 15px;
}
.bs-footer {
    background: #7a7a7a;
}
@media screen and (min-width: 768px) {
    .bs-footer__link, .bs-footer__title {
        justify-content: flex-start;
        color: white;
    }
}
.bs-footer__link__icon::before {
    color: black;
}
@media screen and (min-width: 768px) {
    .bs-footer__social .btn-social {
        color: black;
        background-color: white;
    }
}
.bs-collection__btn-group .btn.btn-secondary {
    background: #7a7a7a;
    color: white;
}
.bs-footer__logo, .bs-footer__title {
    color: white;
}
.bs-footer__description, .bs-footer__link {
    color: white;
}
.modal-suscripcion .modal-content-section {
    background: #7a7a7a;
}
.modal-suscripcion .promo-text p {
    color: white;
}
.modal-suscripcion .promo-text h2 {
    -webkit-text-fill-color: #f8f9fa;
}
.modal-suscripcion .boton-suscripcion .button_form {
    background: black;
}

@media screen and (min-width: 992px){
    .prsuco{
    display: none;
    }
}
@media screen and (max-width: 992px){
    .mosulo{
    display: none;
    }
}
@media (max-width: 768px) {
    .modal-suscripcion .modal-flex-container {
        background: #7a7a7a;
    }
}