.media-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  /* Cambiado para tener siempre 3 columnas */
  gap: 12px;
  margin-bottom: 25px;
}

.noticias__fondo {
  padding: 45px 0px;
  background-color: #111;
  margin-bottom: 25px;
  color: white;
}

.noticias__titulo {
  font-family: "Montserrat", sans-serif;
  font-weight: 500;
}

@media (max-width: 1020px) {
  .media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    /* Cambiado a dos columnas en pantallas más pequeñas */
  }
}

@media (max-width: 500px) {
  .media-grid {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    /* Cambiado a una columna en pantallas aún más pequeñas */
  }
}

.noticias__item {
  width: 100%;
  list-style: none;
  overflow: hidden;
  box-shadow: 0px 0px 15px -1px rgba(26, 26, 26, 0.24);
  -webkit-box-shadow: 0px 0px 15px -1px rgba(26, 26, 26, 0.24);
  -moz-box-shadow: 0px 0px 15px -1px rgba(26, 26, 26, 0.24);
  position: relative;
  /*  border-radius: 0px 15px 0px 15px; */
}

.noticias__container {
  position: relative;
  height: 410px;
  transition: 400ms !important;
}

.noticias__container::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(transparent 35%, black 100%);
  opacity: 0.9;
}

.noticia_imagen-miniatura {
  height: 100%;
  object-fit: cover;
  transition: 500ms;
  width: 100%;
}

.noticias__item:hover .noticia_imagen-miniatura {
  transform: scale(1.1);
}

.noticias__categoria {
  background-color: black;
  color: white;
  position: absolute;
  top: 0px;
  font-size: 12px;
  padding: 3px 15px;
  font-weight: normal;
}

.noticias__fecha {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: white;
  z-index: 1000;
  font-size: 12px;
  font-weight: normal;
}

.noticias__title {
  position: absolute;
  bottom: 15px;
  color: white;
  font-size: 18px;
  padding: 0px 45px 0px 15px;
  font-weight: bold;
  z-index: 1000;
  font-size: 16px;
}


/* btn Ver Mas */

.ver-mas{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.button--ver-mas{
  cursor: pointer;
}