/* =========================================================
   Encabezado compartido — mismo menú/logo en TODAS las páginas
   (Inicio, Quiénes somos, Soluciones, Proyectos, Blog, Contacto).
   Se carga después de main.css para que estas reglas ganen.
   La tipografía y los colores (Barlow + verde/naranja) ya vienen
   de variables.css, así que aquí solo van los ajustes de layout
   que antes vivían solo en home.css (ancho completo, grosor de
   la barra, peso de la fuente del menú y color del hover).
   ========================================================= */

.site-header .wrap {
  max-width: none;
  width: 100%;
  padding-block: 1.65rem;
}

.main-nav a {
  font-weight: 700;
  font-size: 1.05rem;
}
.main-nav a:not(.btn):hover {
  color: var(--green-dim);
  border-bottom-color: var(--green-dim);
}
.main-nav a[aria-current="page"]:not(.btn) {
  border-bottom-color: var(--green);
}