/* Estilos para la sección de noticias */
.news-img-container {
    overflow: hidden; /* Oculta el desbordamiento de la imagen durante el zoom */
    position: relative;
    cursor: pointer;
    height: 200px; /* Altura fija para los contenedores de imagen */
    background-color: #f8f9fa; /* Color de fondo claro */
}

.news-img {
    width: 100%;
    height: 100%;
    object-fit: contain; /* Muestra la imagen completa sin recortar */
    transition: transform 0.3s ease-in-out; /* Transición suave para el zoom */
}

.news-img-container:hover .news-img {
    transform: scale(1.1); /* Efecto de zoom al pasar el mouse */
}

/* Estilos para el modal de la imagen */
.modal-img-content {
    width: 100%;
    height: auto;
    max-height: 80vh; /* Altura máxima para la imagen en el modal */
    object-fit: contain; /* Asegura que la imagen completa sea visible */
}