@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');


/* Fuente principal */
body {
  font-family: 'Montserrat', 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6;
  color: #333; /* color base del texto */
}

/* Títulos principales */
h1 {
  font-size: 2.5rem;   /* ~40px */
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1rem;
}

h2 {
  font-size: 2rem;     /* ~32px */
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 0.8rem;
}

h3 {
  font-size: 1.5rem;   /* ~24px */
  font-weight: 600;
  margin-bottom: 0.6rem;
}

h4 {
  font-size: 1.25rem;  /* ~20px */
  font-weight: 500;
}

h5 {
  font-size: 1.1rem;
  font-weight: 500;
}

h6 {
  font-size: 1rem;
  font-weight: 500;
}

/* Párrafos y texto */
p {
  margin-bottom: 1rem;
  font-weight: 400;
}

/* Links */
a {
  color: #222;
  text-decoration: none;
  transition: color 0.3s ease;
}

a:hover {
  color: #555;
}

/* Menú de navegación */
nav a {
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Botones */
button,
.btn {
  font-family: inherit;
  font-weight: 600;
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}