/************************************/
/****** Marina 18/07/2019 ***********/
/*Nano ficha de producto relacionado que se coloca en un lateral*/


@mixin FichaRelacionadosAside(){
    .nano_ficha{
        border:1px solid $gris;
        padding: 9px 15px;
        margin:0 0 20px 0;
        display: flex;
    }
    .left-content{
        height: 90px;
        display: flex;
        width: 90px;
        margin-right: 12px;
        figure{
            align-content: center;
            align-items: center;
            display: flex;
            padding: 0;
            flex: 1 1;
            img{
                max-width: 80px;
                height: auto;
                max-height: 100%;
                width: auto;
            }
        }
    }
    .right-content{
        flex:1 1 ;
        max-width: 60%;
        h3{
            font-size: 1.1em;
            margin-top: 1px;
            margin-bottom:5px;
            display: block;
            height: 35px;
            overflow: hidden;
            font-weight: bold;
            a{
                line-height: 1.25em;
                &:hover{ 
                    font-size: 1.02em;
                }
            }
        }
        .comments_note{
            display: block;
            margin-bottom: 3px;
            overflow: hidden;
            max-width: 97%;
            a{
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                display: block;
            }
        }
        .content_price{
            height:auto;
            text-align: right;
            position: relative;
            span.price.product-price{
                margin: 5px 15px;
                display: inline-block;
                font-family: $fuente2;
            }
            .cart-button {
                display:inline-block;
                & > div{
                    a{
                        background-color: $bt_mf_fondo;
                        color:$bt_mf_fuente ;
                        font-weight: bold;
                        letter-spacing: 1.2px;
                        .mdi{
                            vertical-align: text-top;
                        }
                        &:hover{
                            color:$bt_mf_fuente_hover !important;
                            background-color: $bt_mf_fondo_hover;
                        }
                    }
                }
            }
            &:hover{
                .cart-button {
                    & > div {

                    }
                }
            }
        }
    }
}