div.grid.views-view-grid.horizontal {
    > div.row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        
        div.clearfix {
            display: none !important;
        }
        
        &:has(div.col a:hover) {
            div.col:not(:has(a:hover)){
                filter: brightness(0.8);
            }
        }
        
        > div.col {
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-content: center;
            background: #0002 !important;
            margin: 5px;
            width: calc(33% - 15px);
            border-radius: 15px;
            overflow: hidden;
            border: #888 solid 2px;
            box-shadow: #888 0 0 10px;
            transition: transform 0.15s ease-out, filter .15s ease-out;
            padding: 0;
            
            &:has(a:hover) {
                transform: scale(1.03);
                filter: brightness(1.15);
            }
            
            div.views-field.views-field-field-imagen-noticia {
                margin: auto none;
                width: 100% !important;
                img {
                    object-fit: cover;
                    border-radius: 15px; 
                    width: 100% !important;
                    height: 250px;
                }
            }
            
            div.views-field.views-field-body {
                display: none;
            }
            
            div.views-field.views-field-title {
                margin: 0; margin-top: 0;
                text-align: center;
                margin-top: 0 !important;
                font-size: 1.8rem !important;
                color: #fff;
                a {
                    inset: 0;
                    position: absolute;
                    color: #fff;
                    width: 100%;
                    height: 100%;
                    padding: 60% 0 0 0;
                    z-index: 100;
                    
                }
                a:before {
                    content: " ";
                    position: absolute;
                    bottom: 0; left: 0; right: 0;
                    background: #0008;
                    height: 60px;
                    z-index: -1
                }
            }
            
            div.views-field.views-field-field-calendario {
                font-size: 1.4rem !important;
                color: #fff;
                position: absolute;
                top: 0px; right: 0px;
                background: #0008;
                padding: 5px 10px;
                border-radius: 10px
            }
            
            div.views-field.views-field-field-color-de-fondo {
                display: none !important;
            }
        }
    }
}


@media screen and (max-width: 1200px) {
    div.views-field.views-field-title a {
        align-content: end;
        padding-bottom: 10px !important;
        font-size: .85em !important;
    }
}

@media screen and (max-width: 995px) {
    div.views-field.views-field-title a {
        align-content: end;
        padding-bottom: 10px !important;
        font-size: .7em !important;
    }
}

@media screen and (max-width: 780px) {
   div.col {
       width: 100% !important; 
    
       margin: 10px 0 !important;
  	}    
   
  div.views-field.views-field-title a {
        align-content: end;
        padding-bottom: 10px !important;
        font-size: .7em !important;
    }
}
