.bg-155E40{
    background:#155E40 !important;
}
.ff-montserrat{
    font-family: "Montserrat", "Nunito", sans-serif;
}
.contenedor-img-desarrollo-principal{
    overflow: hidden;
    position: relative;
}
.titulo-pagina{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 1;
}
.img-desarrollo-principal{
    width: 100%;
    height: auto;
    animation: zoomInOut 7s ease-out;
}
.contenedor-titulo-desarrollo{
    color: white;
    font-size: 5vw;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}
.transition-xl{
    transition: all 5s ease-in-out;
}
@keyframes zoomInOut {
    0% { transform: scale(1.3); }
    100% { transform: scale(1); }
}


.titulo-desarrollo-sostenible-seccion{
    font-size: 50px; 
    color: #ECB45F; 
    text-align: center;
    font-weight: bold; 
}
.titulo-responsabilidad{
    font-size: 3vw;
    text-align: center;
}

.contenedor-lista-noticia{
    width: 1200px; 
    max-width: 100%; 
    border-radius: 5px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    display: grid;
    grid-template-columns: 3fr 4fr;
    gap: 0.5rem;
    transition: all 0.5s ease-out;
    border: #54545449 1px solid;
    cursor: pointer;
    background-color: #fcfcfc
}
.contenedor-lista-noticia:hover{
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    border: #3d7b45 1px solid;
    scale: 0.99;
    transition: all 0.2s ease-in;
}
.lista-noticia-datos{
    position: relative;
    line-height: 1.15;
}
.list-contenido-datos-titulo{
    font-size:18px; 
    font-weight: 700;
}
.list-contenido-datos-fecha{
    font-size:14px; 
    font-weight: 500;
}
.list-contenido-datos-descripcion{
    font-size:17px; 
    text-align: justify;
}
.list-contenido-datos-evento{
    color:#00500b; 
    font-size:18px; 
    font-weight: 300;
    position: absolute;
    bottom: 1rem;
}
.lista-noticia-imagen-contenedor{
    overflow: hidden;
}
.lista-noticia-imagen{
    width: 100%; 
    height: 100%; 
    -o-object-fit: cover; 
    object-fit: cover; 
    cursor: pointer;
    aspect-ratio: 5/2;
    border-radius: 0 5px 5px 0;
}

@media (max-width: 1100px) {
    .contenedor-lista-noticia{
        width: 100%; 
        grid-template-columns: 1fr 1fr;
        gap: 0.3rem;
    }
    .list-contenido-datos-titulo{
        font-size:16px; 
    }
    .list-contenido-datos-fecha{
        font-size:12px; 
    }
    .list-contenido-datos-descripcion{
        font-size:14px; 
    }
    .list-contenido-datos-evento{
        font-size:16px; 
    }
}

@media (max-width: 800px) {
    .contenedor-lista-noticia{
        width: 100%; 
        grid-template-columns: 1fr;
        gap: 0.1rem;
    }
    .list-contenido-datos-titulo{
        font-size:14px; 
    }
    .list-contenido-datos-fecha{
        font-size:10px; 
    }
    .list-contenido-datos-descripcion{
        font-size:12px; 
    }
    .list-contenido-datos-evento{
        font-size:14px; 
    }
    .lista-noticia-imagen{
        aspect-ratio: 10/3;
    border-radius: 0 0 5px 5px;
    }
}
    @media (max-width: 500px) {
    .lista-noticia-imagen{
        aspect-ratio: 5/3;
    }
}