div.view-content {
    display: flex;
    flex-wrap: wrap;
    gap:10px;
    > .views-row {
        position: relative;
        overflow: hidden;
        background: #ddd;
        border-radius: 15px; 
        width: calc(100% / 3 - 10px);
        height: auto;
        box-shadow: #aaa 0 0 5px;
        border: #aaa solid 2px;
        transition: transform .2s ease-out;
        
        &:hover {
            transform: scale(1.03);
        }
        
        .views-field-field-imagen-noticia {
            height: 100%;
            z-index: -1;
            .field-content, img {
                object-fit: cover;
                width: 100%;
                height: 100%;
            }
            
        }
        .views-field-title, .views-field-created {
            position: absolute;
            left: 10px; right: 10px;
            z-index: 10;
        }
        .views-field-title {
            bottom: 0; left: 0; right: 0;
            background: #000b; 
            padding: 5px 10px;
            a {
                font-size: .65em;
                color: #eee;
                margin: auto;
            }
            h2 {
                text-align: center;
                margin: auto;
                line-height: 0.75;
                min-height: 50px;
            }
        }
        .views-field-created {
            top: 10px; left: unset;
            background: #000a;
            padding: 5px 10px;
            border-radius: 10px;
            color: #eee;
            font-weight: 600;
        }
        .views-field-field-sinopsis- {
            display: none;
        }
    }
}


@media (max-width: 768px) {
  div.view-content {
    > .views-row {
        width: calc(100% / 2 - 10px);
    }
}
}


@media (max-width: 425px) {
  div.view-content {
    > .views-row {
        width: calc(100% - 10px);
    }
}
}