/* Estilos específicos de la página de inicio (header/nav/footer y .section compartidos viven en layout.css). */

#empresa-heading {
  font-size: 1.75rem;
}

#proyecto {
  background-color: var(--color-bg-dark);
  color: #ffffff;
  max-width: none;
}

#proyecto-heading {
  font-size: 1.5rem;
  max-width: 42rem;
  margin: 0 auto;
}

#proyecto p {
  max-width: 42rem;
  margin: 0 auto;
}

@media (min-width: 768px) {
  #empresa-heading {
    font-size: 2.25rem;
  }

  #proyecto-heading {
    font-size: 2rem;
  }
}

#equipo-heading {
  font-size: 1.5rem;
}

.team-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-4) var(--space-3);
  margin: var(--space-4) 0 0;
  padding: 0;
  list-style: none;
}

.team-member {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  text-align: center;
}

.team-member img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  margin-bottom: var(--space-2);
}

.team-name {
  font-weight: 700;
  font-size: 0.9375rem;
  margin: 0;
}

.team-role {
  /* --color-text-muted a 13px fallaría AA (003/research.md § 2); se usa --color-text */
  color: var(--color-text);
  font-size: 0.8125rem;
  margin: var(--space-1) 0 0;
}

@media (min-width: 768px) {
  #equipo-heading {
    font-size: 2rem;
  }

  .team-member {
    width: 160px;
  }

  .team-member img {
    width: 130px;
    height: 130px;
  }
}

#reconocimientos {
  border-top: 1px solid var(--color-text-muted);
}

#reconocimientos-heading {
  /* 24px = umbral de "texto grande" AA (3:1); --color-text-muted da 4.43:1 aquí (research.md § 2 de 003) */
  font-size: 1.5rem;
  color: var(--color-text-muted);
}