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

media (max-width: 992px) {
    img[data-bs="header.logo"] {
        width: 305px !important;
        height: 102px !important;
    }
}

.modal-suscripcion .modal-image img {
    object-fit: contain;
    position: relative;
}

.bs-sticky-header .logo-header {
    width: 300px !important;
}

.bs-header .bs-social-media a {
    font-size: 39px;
}

.badge-secondary {
    background: #447a00;
}

.bs-header-navbar {
    background: #b06c51;
}

.bs-menu__lv1 {
    color: #ffffff;
}

.btn-cart, .btn-login {
    color: #ffffff;
}

.bs-menu__lv1:hover, .show > .bs-menu__lv1 {
    color: white;
    box-shadow: 0 -3px inset #ffffff;
}

.bs-header .bs-social-media a:hover {
    color: var(--secondary-hover-color);
}

.btn-cart:hover, .btn-login:hover {
    color: var(--primary-color);
}

.bs-collection__product-final-price {
    color: #000000;
}

.bs-collection__title {
    font-weight: 500;
}

.bs-title, .bs-title a, .bs-title:hover {
    color: #000000;
}

.bs-product__title {
    font-weight: 400;
}

.breadcrumb {
    font-size: 1.2rem;
}

.bs-collection__product-brand {
    font-size: 1rem;
    color: #b16c51;
}

.fa-star {
    color: white;
}

/*Pie*/

.bs-footer_section_logo .img-fluid {
    max-width: 50%;
}

.bs-footer__title {
    font-weight: 700;
}

 .bs-footer__link {
    font-size: 16px;
}

.bs-footer__link.bs-footer__link:hover {
    color: #ffffff;
}

.bs-footer__link__icon {
    color: #fca72f;
}

.bs-footer__social .btn-social {
    border: none;
    color: #4b7a00;
    background-color: var(--primary-hover-contrast);
        font-size: 19px;
}

.bs-credits a{
color:white;
}

.btn-primary, .badge-primary {
    background: var(--primary-color);
    border-color: var(--primary-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, .btn-primary.disabled, .btn-primary:disabled {
    background: var(--primary-hover-color);
    border-color: var(--primary-hover-color);
    color: white;
}

.btn-danger, .badge-danger {
    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(--primary-color);
    border-color: var(--primary-color);
}

.page-link {
color:white;
    background: var(--primary-hover-color);
}

.page-link:hover {
    color: white;
    background-color: var(--secondary-color);
}