/* =========================================================
   Modelo de texto, feito para ler
   ========================================================= */

.texto {
  padding: calc(var(--u) * 9) var(--margem) calc(var(--u) * 12);
  display: flex;
  justify-content: center;
}

.texto__coluna {
  width: 100%;
  max-width: var(--medida);       /* ~65 caracteres */
}

/* Entrada pelo primeiro verso, como nos livros de poesia */
.texto__abertura { margin: 0 0 calc(var(--u) * 9); }

.texto__verso {
  font-family: var(--serifa);
  font-weight: 300;
  font-style: italic;
  font-size: clamp(1.75rem, 5.2vw, 2.75rem);
  line-height: 1.32;
  margin: 0 0 calc(var(--u) * 2.5);
  color: var(--espresso);
}

.texto__titulo {
  font-family: var(--sans);
  font-size: 0.6875rem;
  font-weight: 500;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: var(--taupe-texto);
  margin: 0;
}

/* O poema --------------------------------------------------------- */
.poema {
  font-family: var(--serifa);
  font-weight: 400;
  font-size: clamp(1.1875rem, 2.6vw, 1.4375rem);
  line-height: 1.95;
  color: var(--espresso);
  hanging-punctuation: first;
}

.poema p {
  margin: 0 0 calc(var(--u) * 5);   /* respiração entre estrofes */
}
.poema p:last-child { margin-bottom: 0; }

/* Nota de pé do texto --------------------------------------------- */
.texto__nota {
  margin-top: calc(var(--u) * 10);
  display: flex;
  flex-wrap: wrap;
  gap: var(--u) calc(var(--u) * 3);
  justify-content: space-between;
  font-family: var(--sans);
  font-size: 0.75rem;
  color: var(--taupe-texto);
  font-variant-numeric: tabular-nums;
}
.texto__nota p { margin: 0; }

.texto__contexto {
  margin: calc(var(--u) * 5) 0 0;
  max-width: 58ch;
  font-family: var(--sans);
  font-size: 0.875rem;
  line-height: 1.8;
  color: #4A423A;
}

@media (min-width: 48rem) {
  .texto { padding-top: calc(var(--u) * 14); }
  .poema { font-size: 1.4375rem; line-height: 2; }
}

/* =========================================================
   Textos em prosa (Rua de Baixo)
   ========================================================= */

.texto__cabeca {
  font-family: var(--serifa);
  font-weight: 300;
  font-size: clamp(2rem, 5.2vw, 3.25rem);
  line-height: 1.22;
  margin: calc(var(--u) * 2) 0 0;
}
.texto__chamada {
  font-family: var(--serifa);
  font-style: italic;
  font-weight: 300;
  font-size: clamp(1.125rem, 2.4vw, 1.5rem);
  line-height: 1.5;
  color: var(--taupe-forte);
  margin: calc(var(--u) * 2.5) 0 0;
  max-width: 40ch;
}

.prosa {
  font-family: var(--serifa);
  font-size: clamp(1.0625rem, 2.2vw, 1.1875rem);
  line-height: 1.85;
  color: var(--corpo);
}
.prosa p { margin: 0 0 calc(var(--u) * 3.5); }
.prosa p:last-child { margin-bottom: 0; }
.prosa p:first-child::first-letter {
  font-size: 3.2em;
  line-height: 0.84;
  float: left;
  margin: 0.06em 0.1em 0 0;
  color: var(--espresso);
}

.ligacao--pequena { font-size: 0.625rem; }