/* ===== Noticias: ancho consistente ===== */
.Inicio{
  width: 100%;
}

/* Si NO quieres editar el blade, usa esto para centrar y dar ancho */
.Inicio .titulo-noticias,
.Inicio .filtro-noticias,
.Inicio .crear-noticia-btn-container,
.Inicio .noticia-card{
  width: min(1100px, 100%);
  margin-left: auto;
  margin-right: auto;
}

/* Espaciado para móvil */
@media (max-width: 768px){
  .Inicio .titulo-noticias,
  .Inicio .filtro-noticias,
  .Inicio .crear-noticia-btn-container,
  .Inicio .noticia-card{
    padding-left: 16px;
    padding-right: 16px;
  }
}

/* ===== Imagen dentro del card ===== */
.noticia-card{
  overflow: hidden;
}

.noticia-card .noticia-imagen{
  display: block;
  width: 100%;
  max-width: 100%;
  height: 220px;      /* ajusta a tu gusto */
  object-fit: cover;  /* recorta sin deformar */
  border-radius: 12px;
}