.grilla-last-articles {
    display: grid;
}

.grilla-last-articles.cols-mobile-1 {
    grid-template-columns: 1fr;
}

.grilla-last-articles.cols-mobile-2 {
    grid-template-columns: repeat(2, 1fr);
}

.grilla-last-articles.cols-mobile-3 {
    grid-template-columns: repeat(3, 1fr);
}

.grilla-last-articles.cols-mobile-4 {
    grid-template-columns: repeat(4, 1fr);
}

.grilla-last-articles.cols-mobile-5 {
    grid-template-columns: repeat(5, 1fr);
}

.grilla-last-articles.cols-mobile-6 {
    grid-template-columns: repeat(6, 1fr);
}

.grilla-last-articles .alineacion-mobile-left {
    text-align: left;
}

.grilla-last-articles .alineacion-mobile-center {
    text-align: center;
}

.grilla-last-articles .alineacion-mobile-right {
    text-align: right;
}

.grilla-last-articles article {
    overflow: hidden;
}

.grilla-last-articles .boton-leer-mas {
    width: fit-content;
}

.grilla-last-articles .leer-mas.alineacion-mobile-left{
    justify-content: flex-start;
}

.grilla-last-articles .leer-mas.alineacion-mobile-center{
    justify-content: center;
}

.grilla-last-articles .leer-mas.alineacion-mobile-right{
justify-content: flex-end;
}

/**********************
    **LAYOUTS**
***********************/
.contenedor-inicial {
    position: relative;
}

/*Foto izquierda*/

.grilla-last-articles .foto_izquierda {
    display: flex;
}

.grilla-last-articles .foto_izquierda .contenedor-inicial {
    flex: 0 0 30%;
    margin-right: 10px;
    align-items: flex-start;
}

/*Foto derecha*/

.grilla-last-articles .foto_derecha {
    display: flex;
    flex-direction: row-reverse;
}

.grilla-last-articles .foto_derecha .contenedor-inicial {
    flex: 0 0 30%;
    margin-left: 10px;
    align-items: flex-start;
}

/*Foto derecha*/

.grilla-last-articles .foto_abajo {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
}

/*Titular sobre la foto**/

.grilla-last-articles .texto_sobre_imagen {
    position: relative;
}

.grilla-last-articles .texto_sobre_imagen .contenedor-inicial {
    position: relative;
}

.grilla-last-articles .texto_sobre_imagen .bloque-texto {
    position: absolute;
    bottom: 20px;
    width: 100%;
    padding: 0 20px;
}

.grilla-last-articles .texto_sobre_imagen .sombra::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgb(52, 52, 52, 0.5);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, .5) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, .5) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, .5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e8edee", endColorstr="#000000", GradientType=1);
}

/**FIN LAYOUTS**/

.grilla-last-articles .categoria {
    width: fit-content;
}

.grilla-last-articles ul.metadatos,
.grilla-last-articles ul.etiquetas {
    padding: 0;
    flex-wrap: wrap;
}

.grilla-last-articles ul.metadatos li,
.grilla-last-articles ul.etiquetas li {
    list-style: none;
}

.grilla-last-articles ul.etiquetas li {
    margin-right: 10px;
}

.grilla-last-articles ul.etiquetas li:last-of-type {
    margin-right: 0px;
}

.grilla-last-articles .contenedor-imagen {
    position: relative;
    overflow: hidden;
    max-width: 100%;
}

.grilla-last-articles .contenedor-imagen img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    max-width: 100%;
}

.grilla-last-articles .sombra::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 50%;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#000000", GradientType=1);
    bottom: 0;
    left: 0;
}

.grilla-last-articles .contiene-video {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.grilla-last-articles .contiene-video i {
    color: white;
    padding: 15px;
    border: 3px solid white;
    border-radius: 50%;
    font-size: 20px;
}

@media (min-width: 768px) {
    .grilla-last-articles.cols-tablet-1 {
        grid-template-columns: 1fr;
    }

    .grilla-last-articles.cols-tablet-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grilla-last-articles.cols-tablet-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grilla-last-articles.cols-tablet-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grilla-last-articles.cols-tablet-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .grilla-last-articles.cols-tablet-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .grilla-last-articles .alineacion-tablet-left {
        text-align: left;
    }

    .grilla-last-articles .alineacion-tablet-center {
        text-align: center;
    }

    .grilla-last-articles .alineacion-tablet-right {
        text-align: right;
    }

    .grilla-last-articles .leer-mas.alineacion-tablet-left{
        justify-content: flex-start;
    }
    
    .grilla-last-articles .leer-mas.alineacion-tablet-center{
        justify-content: center;
    }
    
    .grilla-last-articles .leer-mas.alineacion-tablet-right{
    justify-content: flex-end;
    }
}

@media (min-width: 1024px) {

    .grilla-last-articles.cols-1 {
        grid-template-columns: 1fr;
    }

    .grilla-last-articles.cols-2 {
        grid-template-columns: repeat(2, 1fr);
    }

    .grilla-last-articles.cols-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .grilla-last-articles.cols-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .grilla-last-articles.cols-5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .grilla-last-articles.cols-6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .grilla-last-articles .alineacion-left {
        text-align: left;
    }

    .grilla-last-articles .alineacion-center {
        text-align: center;
    }

    .grilla-last-articles .alineacion-right {
        text-align: right;
    }

    .grilla-last-articles .leer-mas.alineacion-left{
        justify-content: flex-start;
    }
    
    .grilla-last-articles .leer-mas.alineacion-center{
        justify-content: center;
    }
    
    .grilla-last-articles .leer-mas.alineacion-right{
    justify-content: flex-end;
    }
}