.header .logo img {
  height: 80px !important; 
  max-height: none !important;
  width: auto;
}

.navmenu a {
  font-family: 'Tango Sans', sans-serif !important;
}
.text-justify-custom {
  text-align: justify;
}


@font-face {
  font-family: 'Tango Sans';
  src: url('../fonts/TangoSans.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Scotia';
  src: url('../fonts/Scotia-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}


.navmenu > ul > li > a {
  font-family: 'Tango Sans', monospace !important;
}


/* ===== CUERPO DEL SITIO (EXCLUYE HEADER) ===== */
body {
  font-family: 'Scotia', serif;
  font-weight: 400;
}

/* ===== HEADER COMPLETO ===== */
#header,
#header * {
  font-family: 'Tango Sans', sans-serif !important;
}

/* ===== TITULOS (FUERA DEL HEADER) ===== */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6 {
  font-family: 'Tango Sans', sans-serif !important;
  font-weight: 700;
}


/* ===== MENU TIPO PÍLDORA ===== */
#header .navmenu {
  background: #f4f4f5c0;
  border-radius: 40px;
  padding: 10px 28px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
}

/* UL en línea */
#header .navmenu ul {
  display: flex;
  align-items: center;
  gap: 28px;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Links */
#header .navmenu ul li a {
  position: relative;
  font-family: 'Tango Sans', sans-serif;
  font-weight: 500;
  font-size: 15px;
  color: #2a85c6;
  padding: 6px 0;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Hover */
#header .navmenu ul li a:hover {
  color: #2a85c6;
}

/* Item activo */
#header .navmenu ul li a.active {
  font-weight: 600;
}

/* Subrayado corto del activo */
#header .navmenu ul li a.active::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  transform: translateX(-50%);
  width: 22px;
  height: 3px;
  background-color: #5b7fd6;
  border-radius: 6px;
}