{% import '../../helpers.html' as helper %}

.capitulos{
    display: block;
    height: 100%;
    padding: 32px;
    background-color: #F2F2F2;
}
.capitulos *{
    font-family: 'DM Sans';
}
.capitulos__image{
    height: 195px;
    width: 100%;
    display: block;
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: center center;
    transition:all 0.5s ease;
    -webkit-transition:all 0.5s ease;
    -o-transition:all 0.5s ease;
    -moz-transition:all 0.5s ease;
}
.capitulos__name{
    font-size: 12px;
    color: #111111;
    display: block;
    margin: 0px 0px 5px 0px;
}
.capitulos__title{
    font-size: 24px;
    color: #111111;
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
    border-bottom: solid 1px  #d6d6d6;
    transition: all ease 0.3s;
}
.capitulos__title *{
    color: #111111;
    text-decoration: none;
}
.capitulos__time{
    font-size: 16px;
    color: #111111;
    display: block;
    margin: 10px 0px 0px 0px;
}

.capitulos:hover .capitulos__title a{
    color: #3E36E0;
}
.capitulos:hover .capitulos__image{
    background-size: 150%;
}

{% call helper.media_min() %}
    .capitulos__name{
        font-size: 12px;
        color: #111111;
        display: block;
        margin: 20px 0px 5px 0px;
    }
    .capitulos__image{
        background-size:cover;
    }
{% endcall %}