.header {
  grid-area: header;
  background-color: #1f3c90; /* Azul institucional Uninaciones */
  color: #FFFFFF; /* Establece el color del texto a blanco */
  font-family: 'Montserrat', sans-serif; /* Usa Montserrat como la fuente, con una fuente sans-serif como alternativa */
}

.logo-container {
  background-color: transparent; /* Fondo transparente */
  border-radius: 10px; /* Esquinas redondeadas */
  display: inline-block; /* Hace que el contenedor se ajuste al tamaño del contenido */
  padding: 5px; /* Espaciado alrededor del logotipo */
  box-shadow: 0 0 100px rgba(0, 0, 0, 0.1); /* Añade sombra para resaltar el cuadrado */
}

.logo-container img {
  display: block; /* Asegura que la imagen no tenga espacio extra alrededor */
  max-width: 100%; /* Asegura que la imagen se ajuste al contenedor */
  height: auto; /* Mantiene las proporciones de la imagen */
}