body { font-family: Arial, Helvetica, sans-serif; margin: 0; color: #222; }
header { background: #0b3c5d; color: white; padding: 2rem; }
header.hero { text-align: center; }


.logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 100%;
}

.logos {
  background-color: #ffffff;
  width: 100%;
  padding: 15px 0;
}


.fila-logos {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 25px;
  width: 100%;
}

.fila-logos img {
  display: block;
  width: auto;
  height: 175px;
  max-width: 32%;
  object-fit: contain;
}

.fila-inferior {
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.fila-inferior img {
  height: 40px;
  max-width: 80%;
  width: auto;
  object-fit: contain;
}






nav { background: #1c6ea4; padding: 0.5rem 1rem; }
nav a { color: white; margin-right: 1rem; text-decoration: none; font-weight: bold; }
main { max-width: 1100px; margin: auto; padding: 2rem; }
h2 { color: #0b3c5d; border-bottom: 2px solid #eee; padding-bottom: 0.3rem; }
footer { background: #f4f4f4; text-align: center; padding: 1rem; font-size: 0.9rem; }
.acronimo-secundario {
  font-size: 0.7em;
  font-weight: normal;
  color: #D4A72C;
}
.hero h1 .titulo-proyecto {
  display: block; 
  color: #D4A72C;
}
.hero h1:not(:first-of-type),
.hero .subtitle {
  display: block;
  color: #F2E8D5;
}