/* Establecer un ancho mayor para el contenedor principal */
div.main-container {
  max-width: 95%; /* Puedes ajustar el porcentaje al que prefieras */
  width: 1200px;  /* También puedes fijar un ancho específico en píxeles si lo prefieres */
  margin: 0 auto; /* Asegura que el contenedor esté centrado */
  padding: 20px;  /* Añade un poco de espacio interno (padding) */
}

/* Centrar el título h1 */
h1 {
  text-align: center;
}

/* Estilos para las publicaciones de noticias */
.news-item {
  border: 1px solid #ccc; /* Borde alrededor de cada publicación */
  border-radius: 5px;     /* Bordes redondeados */
  padding: 15px;          /* Espaciado interno */
  margin: 10px 0;         /* Espaciado entre publicaciones */
  background-color: #f9f9f9; /* Color de fondo */
}
.news-title {
  font-size: 1.5em;       /* Tamaño del título */
  color: #2c3e50;         /* Color del texto */
}
.news-date {
  font-size: 0.9em;       /* Tamaño de la fecha */
  color: #7f8c8d;         /* Color del texto de la fecha */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

img {
    display: block; /* Esto ayuda a eliminar el espaciado en línea */
    margin-bottom: 0; /* Ajusta según sea necesario */
}

nav {
    margin-top: 10px; /* Ajusta el espaciado del navbar */
}