.categoria-hover{
    position: relative;
    overflow: hidden;
}

.categoria-hover::before{
    content:"";
    position:absolute;
    inset:0;
    background-image: inherit;
    background-size: inherit;
    background-position: inherit;
    background-repeat: inherit;
    filter: grayscale(100%);
    transition: filter .4s ease;
    z-index:0;
}

.categoria-hover:hover::before{
    filter: grayscale(0%);
}

.categoria-hover > *{
    position:relative;
    z-index:1;
}

.categoria-hover .btn-primary {
    color: #fff !important;
    padding: 10px 25px !important;
    font-size: 13px !important;
    margin: 10px 1px -4px 0 !important;
    border-radius: 50px !important;
    background: #0089cf !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border: 1px solid #0089cf !important;
    font-family: 'Open Sans', sans-serif !important;
    transition: all .3s ease;
}

.tarjeta-hover{
    position: relative;
    width: 100%;
    min-height: 300px;
    height: 300px;  
    overflow: hidden;
}

.tarjeta-hover .cara-gris,
.tarjeta-hover .cara-azul{
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 25px !important;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    transition: opacity .35s ease;
}

.tarjeta-hover .cara-gris{
    opacity: 1;
    z-index: 2;
}

.tarjeta-hover .cara-azul{
    opacity: 0;
    z-index: 1;
}

.tarjeta-hover:hover .cara-gris{
    opacity: 0;
}

.tarjeta-hover:hover .cara-azul{
    opacity: 1;
}

.single-product button.addcart,
.single-product button.addcart:hover,
.single-product button.addcart:focus,
.single-product button.addcart:active {
    color: #fff !important;
    padding: 10px 25px !important;
    font-size: 13px !important;
    margin: 10px 1px -4px 0 !important;
    border-radius: 50px !important;
    background: #0089cf !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    border: 1px solid #0089cf !important;
    font-family: 'Open Sans', sans-serif !important;
    transition: all .3s ease !important;
}

.single-product button.addcart:hover {
    background: #006ea6 !important;
    border-color: #006ea6 !important;
}
.single-product .btn-outline-primary,
.single-product .btn-outline-primary:hover,
.single-product .btn-outline-primary:focus,
.single-product .btn-outline-primary:active{
    color: #fff !important;
    padding: 10px 25px !important;
    font-size: 13px !important;
    margin: 10px 1px -4px 0 !important;
    border-radius: 50px !important;
    background: #0089cf !important;
    border: 1px solid #0089cf !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    transition: all .3s ease !important;
}

.single-product .btn-outline-primary:hover{
    background:#006ea6 !important;
    border-color:#006ea6 !important;
}
#btnBuyNowDetail,
#btnBuyNowDetail:hover,
#btnBuyNowDetail:focus,
#btnBuyNowDetail:active,

#addCartBtnDetail,
#addCartBtnDetail:hover,
#addCartBtnDetail:focus,
#addCartBtnDetail:active{

    color: #fff !important;
    padding: 10px 25px !important;
    font-size: 13px !important;
    margin: 10px 1px -4px 0 !important;
    border-radius: 50px !important;
    background: #0089cf !important;
    border: 1px solid #0089cf !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', sans-serif !important;
    transition: all .3s ease !important;
}

#btnBuyNowDetail:hover,
#addCartBtnDetail:hover{
    background:#006ea6 !important;
    border-color:#006ea6 !important;
}

#catalogPage {
    padding-bottom: 30px !important;
}