/* Notas: the long-tail section — the history behind the places of the walks.
   The chrome (header, paper, footer) is shared with the landing; the copy is
   static Spanish in the HTML so crawlers read it without executing JS. */

.nota {
  max-width: var(--ancho);
  margin-inline: auto;
  padding: 2.4rem 1.4rem 3rem;
}

/* Articles are text to read and quote — the app-wide selection ban lifts. */
.nota, .nota * {
  -webkit-user-select: text;
  user-select: text;
}

.nota h1 {
  font-size: clamp(1.7rem, 5.5vw, 2.2rem);
  line-height: 1.15;
  margin: 0.5rem 0 1.1rem;
}

.nota-lead {
  font-size: 1.14rem;
  line-height: 1.5;
  margin-bottom: 1.6rem;
}

.nota h2 {
  font-size: 1.28rem;
  line-height: 1.25;
  margin: 2.1rem 0 0.7rem;
}

.nota p { margin-bottom: 0.9rem; }

/* One door per article: a closing block that hands over to the walk. */
.nota-puerta {
  margin-top: 2.4rem;
  padding-top: 1.6rem;
  border-top: 1px solid var(--linea);
}
.nota-puerta .estampilla-marco { margin-top: 0.9rem; }

/* The section index: a list of letters, not cards. */
.notas-lista { list-style: none; margin-top: 1.8rem; }
.notas-lista li { margin-bottom: 1.6rem; }
.notas-lista h2 { font-size: 1.25rem; line-height: 1.3; margin-bottom: 0.35rem; }
.notas-lista p { color: var(--tinta-suave); }