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

.bs-header-top {
    background: blue;
    color: white;
}

.custom-control-label {
    position: relative;
    margin-bottom: 0;
    font-size: 13px;
    text-transform: uppercase;
    vertical-align: top;
}

.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
    margin: 2px;
}

.bs-collection__product-title {
    font-size: 14px;
    text-transform: uppercase !important;
    color: var(--body-txt-default-color);
    font-weight: var(--font-normal);
}

.btn-collection-show {
    background: var(--primary-color);
    color: #fff;
    border: none;
    position: relative;
    font-size: 16px;
    letter-spacing: 2px;
    height: 60px;
    padding: 0.6em 2.5em;
    cursor: pointer;
    transition: 800ms ease all;
    outline: none;
    border-radius: 0px;
}

.bs-grid-header__promo {
    grid-area: promo;
    margin: 0;
    letter-spacing: 1px;
}

.alert {
    color: white;
    background: blue;
    letter-spacing: 1px;
    border-color: blue;
}


.bs-banner__title {
        background: #0000ff;
}

.bs-footer__title, .bs-footer__title__little {
    font-weight: var(--title-weight);
    text-transform: var(--title-transform);
    color: black;
    font-size: 18px;
    letter-spacing: 1.2px;
    FONT-WEIGHT: 500;
}

.bs-title-home {
    color: black;
}

.navbar-brand img {
    width: 180px !important;
    }

.btn-secondary, .badge-secondary {
    background: var(--header-bottom-txt-color);
    border-color: var(--header-bottom-txt-color);
    color: var(--secondary-contrast);
    border-radius: 50px;
    letter-spacing: 2px;
    font-size: 16px;
    padding: var(--btn-padding);
}

.modal-suscripcion .boton-suscripcion .button_form {
background: blue;
}

.btn-primary, .badge-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-contrast);
    padding: var(--btn-padding);
    letter-spacing: 2px;
    font-size: 16px;
    border-radius: 50px;
}

.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: #000076;
    border-color: #000076;
    color: #fff;
}

.bs-collection-filter .btn-secondary {
    background-color: blue;
    border-color: blue;
    letter-spacing: 2px;
    color: var(--secondary-contrast);
}

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

.anti-zoom {
  touch-action: manipulation;
}

.badge-warning {
    color: var(--secondary-contrast);
    background-color: #828282;
    font-weight: var(--font-light);
}

.btn-secondary:hover, .badge-secondary:hover {
    background: #000076;
    border-color: var(--header-bottom-txt-color);
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    padding: var(--btn-padding);
}

.bs-collection__product-brand {
    font-size: .75rem;
    color: var(--secondary-contrast);
    background: black;
    opacity: 0.7;
    padding: .25rem;
    text-transform: uppercase;
    font-weight: var(--font-light);
    border-radius: var(--default-border-radius);
}

.bs-collection__product-final-price {
    font-size: 1.6rem;
    font-weight: var(--font-regular);
    color: #828282;
}

/*
.bs-collection__product-title {
    font-size: 1.2rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-transform: var(--title-transform);
    color: var(--body-txt-default-color);
    font-weight: var(--font-normal);
} */

.bs-banner__title {
    background: #0000ff8a ;
        letter-spacing: 5px;
}

        .navbar-expand-lg .bs-menu__lv1, .navbar-expand-lg .bs-menu__lv2, .navbar-expand-lg .bs-menu__lv3 {
            white-space: nowrap;
            letter-spacing: 2px;
            font-size: 14px;
            
        }

     .checkout-header {
    background-color: #f7f7f7;
    padding: 25px;
    text-align: center;
    position: sticky;
    top: 0;
    z-index: 2;
    height: 88px;
    display: flex;
    align-items: center;
    width: 80px;
    margin: 0 auto;
    justify-content: space-between;
}

@media (max-width: 640px) {
    .checkout-header {
        width: 95%;
        padding: 25px;
    }
}

header.checkout-header{
padding: 25px;
}

.bs-promo-2__section.bs-promo-2__section {
        --span-col: none;
        --span-row: none;
        padding: 0.25rem; 
}

.h3, h3 {
    font-size: 28px;
}

.mt-5, .my-5 {
    margin-top: 1rem !important;
}

.bs-footer__containt {

    padding-bottom: 0rem;
}

.bs-copyright {
    bottom: -34px;
    }

    .bs-collection-filter .btn-secondary:hover {
    background-color: #000076;
    border-color: #000076;
}

.bs-collection-filter .bs-filter-btn:hover {
    color: #000076;
}

.bs-footer__social .btn-social:hover, .bs-footer .btn-social:hover {
    border: 1px solid #000076;
    background: #000076;
    color: #fff;
}

.bs-brands__item.grilla::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgb(0 0 0 / 6%);
    opacity: 0;
    transition: all 0.25s ease;
}

.page-link {
    border: 0px none;
    border-radius: var(--default-border-radius);
    margin: 0 .25rem;
    background: #000076;
    color: var(--primary-contrast);
}

.page-link:hover {
    background: #000076a6;
    color: #ffffff;
}