/* body {
    background: rgba(138, 214, 245, 1);
    background: -moz-radial-gradient(center, ellipse cover, rgba(138, 214, 245, 1) 0%, rgba(35, 162, 225, 1) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(138, 214, 245, 1)), color-stop(100%, rgba(35, 162, 225, 1)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(138, 214, 245, 1) 0%, rgba(35, 162, 225, 1) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(138, 214, 245, 1) 0%, rgba(35, 162, 225, 1) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(138, 214, 245, 1) 0%, rgba(35, 162, 225, 1) 100%);
    background: radial-gradient(ellipse at center, rgba(138, 214, 245, 1) 0%, rgba(35, 162, 225, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8ad6f5', endColorstr='#23a2e1', GradientType=1);
} */

.layout {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: auto;
    margin-right: auto;
}

.posterCard {
    position: relative;
    background-color: rgb(253, 253, 253);
    display: inline-block;
    border: 2px solid #ddd;
    margin-bottom: -.5em;
    -webkit-box-shadow: 10px 10px 9px 0px rgb(77, 76, 77);
    -moz-box-shadow: 10px 10px 9px 0px rgba(77, 76, 77, 1);
    box-shadow: 10px 10px 9px 0px rgba(77, 76, 77, 1);
}

.posterView {
    color: #ddd;
    padding-top: 1em;
    padding-left: 1em;
    padding-right: 1em;
}


.content {
    float: right;
    width:30%;
    margin-right: 5%;
    margin-top: 5%;
    /* display: -webkit-box;
    -webkit-line-clamp: 5; */
    /* -webkit-box-orient: vertical; */
    
    align-items: center;
    text-align: center;

    overflow: hidden;
    /* max-height: 95%;
    padding-bottom: 4px;
    padding-top: 13px;
    padding-right: 4px; */

}

.image {
    float: left;
    background: rgb(0, 0, 0);
    /* Animation */
    width: 60%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.image:hover {
    /* opacity: .7; */
    cursor: pointer;
    box-shadow: 0 0 7px #000f66;
    text-shadow: 0 0 7px #360a7c;
    mix-blend-mode: darken;
}


.content h4 {
    margin: 5px 0;
}

.title {
    font-size: 100%;
    font-weight: bold;
    color: BLACK;

    color: #272525;
    /* font-size: 20px; */
    /* text-align: center;
    font-style: italic; */
    /* margin-bottom: 50px; */
    /* position: relative; */
}

.resumen{
    overflow: hidden;
}
.modal-title{

    color: BLACK;

}
p.overview {
    /* word-wrap: break-word; */
    white-space: normal;
    color: #4d4d4d;
    font-size: 15px;
    /* line-height: 1em; */
}

@media(max-width: 568px) {
    content{
        width:50%;
        float: left;
        width:30%;
       
        margin-top: 5%;     
        align-items: center;
        text-align: center;
    
        overflow: hidden;
    }

    .image {
        width:50%;

    }

    .title{
        /* margin-top: 10%; */
        font-size: 60%;
        font-weight: bold;
        color: BLACK;
    
        color: #272525;
        /* font-size: 20px; */
        /* text-align: center;
        font-style: italic; */
        /* margin-bottom: 50px; */
        /* position: relative; */
    }

    

}