/************************************/
/****** Marina 27/Enero/2020 ***********/
/*Mini ficha que tiene la sombra en el borde en lugar de en la imagen de producto*/

@mixin FichaBordeSombreado(){
    .mini_ficha_borde_sombreado{
        margin: 15px 0px;
        @media(min-width: 1600px){
            width: 25%;
            padding: 0px 40px;
        }
        @media(max-width: 1199px){
            width: 50%;
            padding: 0px 40px;
        }
        @media(max-width: 991px){
            padding: 0px 25px;
        }
        @media(max-width: 670px){
            width: 100%;
            padding: 0px 70px;
        }
        @media(max-width: 550px){
            padding: 0px 35px;   
        }
        @media(max-width: 500px){
            padding: 0px 15px;
        }
        @media(max-width: 400px){
            padding: 0px 10px;
        }
    }
    .mini_ficha {
        @include sombraBordeFicha();
        border: $minificha_borde;
        background-color: $minificha_fondo;
        margin-bottom: 20px;
        margin-top: 10px;
        &:hover{
            border: $minificha_borde_hover;
        }
        .left-block {
            figure{
                text-align: center;
                padding: 18px 18px;
                min-height: 292px;
                display: flex;
                align-items: center;
                justify-content: center;
                display: -webkit-flex;
                -webkit-align-items: center;
                -webkit-justify-content: center;
                img{
                    max-width: 100%;
                    height: auto;
                }
            }
        }
        .right-block {
            position: relative;
            border-width: 1px;
            h5{
                display: block;
                position: relative;
                font-size: 12px;
                margin: 7px 0px 2px 0px;
                text-align: left;
                height: 33px;
                overflow: hidden;
                .product-name{
                    color: $titulo_ficha;
                    display: inline-block;
                    font-size: 1.2em;
                    font-weight: bold;
                    line-height: 1.1em;
                    margin-bottom: 0;
                    text-align: center;
                    width: 100%;
                    /* padding: 17px 100px 0 24px; */
                    padding: 1px 8px;
                    overflow: hidden;
                    height:32px;
                    &:hover{
                        color: $titulo_ficha_hover;
                    }
                }
            }
            .comments_note {
                display: block;
                padding: 0px 10px;
                height:20px;
                text-align:center;
                margin-bottom: 2px;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .price-rating {
                float:right;
                display: flex;
                align-content: space-between;
                display: -webkit-flex;
                -webkit-align-content: space-between;
                .content_price{
                    height: 28px;
                    font-family: $fuente2;
                    p{
                        margin-top: 4px;
                        margin-bottom: 0px;
                    }
                }
                .precio{
                    display: inline-block;
                    float: right;
                    padding-right: 18px;
                    font-size: 12px;
                    font-weight: bold;
                }
                .precio_actual, .precio_final{
                    @extend .precio;
                    color: $precio_ficha;
                    font-size: 1.3em;
                    font-weight: 800;
                    font-family: $fuente2;
                }
                .precio_anterior{
                    @extend .precio;
                    text-decoration: line-through;
                    font-family: $fuente2;
                }
                .old-price{
                    color: $colorDelDemonio;
                    display: inline-block;
                    padding-left: 18px;
                    float: right;
                    font-size: 1em;
                    position: absolute;
                    top: 46px;
                    margin-right: 9px;
                    //margin-top: 2px;
                    text-decoration: line-through;
                }
            }
            .contenedor_boton_comprar{
                width: 50%;
                .btnComprar {
                    a.boton{
                        background: $minificha_boton_comprar_fondo;
                        color:$minificha_boton_comprar_texto;
                        display:block;
                        font-size:1.2em;
                        width: 128px;
                        border: none;
                        &:hover{
                            color: $minificha_boton_comprar_texto_hover;
                            background: $minificha_boton_comprar_fondo_hover;
                            transition: all ease 0.2s 0s;
                            border:none;
                        }
                    }
                }
            }
        }
    }
    // .product-image-container{
    //     text-align: center;
    //     overflow: hidden;
    //     position: relative;
    // }
    // .cart-button{
    //     display: none;
    // }
    // .item-inner {
    //     max-width: 100%;
    //     overflow: hidden;
    //     position: relative;
    // }
}