/* =====================
   BASE TIPOGRAFICA
   ===================== */

   .hero {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
}

.hero-banner {
  margin-bottom: 24px;
}

.hero-banner img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px; /* opcional, moderno */
}

:root {
  --font-body: 'Inter', sans-serif;
  --font-heading: 'Noto Serif JP', serif;
}

body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.7;
  color: #2b2b2b;
  background-color: #ffffff;
}

/* Títulos */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 400;
  line-height: 1.3;
  color: #1f1f1f;
}

/* Hero */
h1 {
  font-size: 2.6rem;
}

/* Párrafos */
p {
  margin-bottom: 1.2rem;
}

/* Links */
a {
  color: #2f7d6a; /* verde natural */
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}
/* =====================
   MENU PRINCIPAL
   ===================== */

.navbar .nav-link {
  font-size: 1.25rem;   /* valor actual sugerido */
  font-weight: 500;
}