/* Importar Inter Tight desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

/* Aplicar Inter Tight a todo el sitio */
body,
h1, h2, h3, h4, h5, h6,
.mod-menu > li > a,
button, input, select, textarea {
  font-family: "Inter Tight", sans-serif;
}
/* Menú principal — más grande y con más peso */
#mod-menu1.mod-menu > li > a {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-left: 16px;
  padding-right: 16px;
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
#mod-menu1.mod-menu > li:first-child > a {
  padding-left: 0;
}
/* Separadores sutiles entre ítems del menú */
#mod-menu1.mod-menu > li {
  border-left: 1px solid rgba(0, 0, 0, 0.18);
}
#mod-menu1.mod-menu > li:first-child {
  border-left: none;
}
/* Subrayado en hover y en ítem activo */
#mod-menu1.mod-menu > li > a {
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  transition: border-color 0.2s ease, color 0.2s ease;
}
#mod-menu1.mod-menu > li > a:hover,
#mod-menu1.mod-menu > li.active > a,
#mod-menu1.mod-menu > li.current > a {
  color: #156B9E;
}
/* Quitar subrayado de los títulos de artículo (enlaces dentro de h2/h3) */
.com-content-category-blog__item h2 a,
.com-content-category-blog__item h3 a,
.item-title h2 a,
.item-title h3 a {
  text-decoration: none;
}
/* Títulos de los módulos de sección — uniformes en mayúsculas */
.card-header {
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 600;
}
/* Más aire entre artículos de la home */
.mod-articles-item {
  margin-bottom: 1.75rem;
}
.mod-articles-item-content {
  padding: 0.25rem 0;
}
#mod-menu1.mod-menu > li > a {
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 0.01em;
  padding-left: 16px;
  padding-right: 16px;
  text-transform: uppercase;
}
/* Aire entre el menú y el contenido en páginas internas */
main {
  margin-top: 1.5rem;
}
/* Línea divisoria fina bajo el header */
.container-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.10);
}
/* Submenú desplegable — caja definida y aireada */
#mod-menu1 .mod-menu__sub {
  min-width: 280px;
  padding: 8px 0;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#mod-menu1 .mod-menu__sub li a {
  font-size: 1.1rem;
  font-weight: 500;
  white-space: nowrap;
  padding: 10px 20px;
  display: block;
}
#mod-menu1 .mod-menu__sub li a:hover {
  background: rgba(0, 0, 0, 0.04);
  color: #156B9E;
}