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

.logo-header {
    max-width: 70%;
}

@media (max-width: 992px) {
    img[data-bs="header.logo"] {
        max-width: 150px;
}
}

.bs-header {
    background-image: url(fondog1.png);
}

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

.fa-user {
    color: #ffffff;
}

.bs-menu__lv3:hover {
    background: #cef1ee;
}

.btn-cart, .btn-login {
    font-size: larger;
}

.bs-header .bs-social-media a {
    color: var(--primary-color);
    font-size: large;
}

.bs-header-navbar {
    border-bottom: 5px solid #1d5079;
}

.bs-header-navbar {
    background: var(--primary-color);
}


.bs-menu__lv1 {
    color: #ffffff;
    font-size: 18px;
}

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

.bs-menu__lv2, .bs-header .dropdown-item {
    font-size: 14px;
}

.text-truncate {
    text-overflow: clip;
}

.fas.fa-shopping-bag.mr-1 {
        color: #ffffff;;
}


.fa-shopping-bag {
    color: white;
}

.badge-secondary {
    background: var(--secondary-color);
    color: #000000;
}

.btn-primary:not(:disabled):not(.disabled):before {
    position: absolute;
    background: #ffffff00;
}

.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: #ffffff;
}

.breadcrumb {
    font-size: 16px;
}

    .bs-banner__title {
        opacity: 0.8;
    }

/*Colecciones*/

.bs-title, .bs-title a, .bs-title:hover {
    color: var(--primary-color);
}

.bs-product__label {
    color: #000000;
}

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

.bs-collection__product-brand {
    color: var(--secondary-hover-color);
}

.bs-collection__title {
    text-transform: uppercase;
    font-weight: 400;
}

.page-link {
    color: #ffffff;
    background:var(--secondary-color);
}

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

.bs-parallax__title {
    color: #4d4c4c;
}

/*Pie*/

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

.bs-footer__title {
    font-weight: 500;
    color: #000000;
}

.bs-footer {
    box-shadow: 1px -3px 10px -4px rgb(0 0 0 / 75%);
    background-image: url(fondog1.png);
        color: #000000;
        font-size:15px;
}

.bs-footer__link {
    color: #000000;
    font-size: 17px;
}

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

.bs-footer__link__icon {
    color: #1d5078;
}

/*Carro*/

.btn-danger, .badge-danger {
    background: transparent;
    border: none;
    color: #1d5078;
}


.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: transparent;
   border: none;
    color: #a3d5d0;
}

.tyc{
font-weight:500;
}

.bs-footer__social .btn-social {
    color: var(--primary-color);
    font-size: larger;
}

.bs-banner__title2 {
    opacity: .9;
    transition: all .5s ease;
    position: absolute;
    font-size: 2rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1c5079;
    font-weight: var(--font-light);
    text-align: center;
    background: rgb(255 255 255 / 60%);
    border: 2px white solid;
    font-size: 18px;
}


.bs-categories__title{
    text-transform:uppercase;
    text-align:center;
    position:absolute;
    font-size:2rem;
    width:100%;
    border: none;
    background: #1d50798a;
    color:white;
    z-index:96;
    bottom:0;
    padding:.25em 1em;
    font-weight: 600;
}

@media (hover: hover){
    .bs-categories__title{
        width:auto;
        bottom:50%;
        left:50%;
        transform: translate(-50%, 50%);
        border-radius: 5px;
        transition: .3s;
    }
    .bs-categories__item:hover .bs-categories__title{
        display:block;
    }
    .bs-categories__item:hover .bs-categories__img::after{
        content:"";
        left:0;
        width:100%;
        height:100%;
        background:black;
        opacity:.4;
        transition: 0.9s;
    }
}