/* oraciondelsalmo91.com — orden litúrgico a la luz de un cirio.
   Fila de la matriz de variación: Cinzel (rótulos) y Gentium Plus (texto),
   paleta candle-amber-on-deep-brown, ornamento de versales y filetes.
   En esta entrega no viaja ningún archivo tipográfico y no existe regla
   @font-face: la licencia exacta de cada artefacto descargable (subconjunto,
   redistribución, atribución) aún no se verifica, de modo que las pilas
   siguientes aproximan la voz prevista con tipografías ya instaladas en el
   dispositivo del lector. Este sitio no depende de nada remoto. */

:root {
  --cafe-profundo: #241507;
  --cafe-medio: #37220e;
  --ambar: #e2a744;
  --brasa: #b96f24;
  --cera: #f4e8d0;
  --humo: #c9b795;
  --rotulo: "Cinzel", "Trajan Pro", "Palatino Linotype", Palatino, "Times New Roman", serif;
  --lectura: "Gentium Plus", "Gentium Book Basic", "Iowan Old Style", Palatino, Georgia, serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--cafe-profundo);
  color: var(--cera);
  font-family: var(--lectura);
  font-size: 1.09rem;
  line-height: 1.68;
}

.portico {
  text-align: center;
  padding: 3.2rem 1.4rem 1.2rem;
  max-width: 42rem;
  margin: 0 auto;
}
.portico h1 {
  font-family: var(--rotulo);
  font-weight: 400;
  color: var(--ambar);
  font-size: clamp(1.9rem, 5.5vw, 3rem);
  letter-spacing: 0.08em;
  margin: 0.5rem 0 0.8rem;
  text-transform: uppercase;
}
.invocacion {
  font-style: italic;
  color: var(--humo);
  margin: 0;
}
.proposito { margin: 0 auto; max-width: 36rem; }

.orden {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.4rem 1.8rem;
  padding: 0.8rem 1rem;
  border-top: 1px solid var(--brasa);
  border-bottom: 1px solid var(--brasa);
  max-width: 42rem;
  margin: 1.4rem auto 0;
}
.orden a {
  font-family: var(--rotulo);
  font-size: 0.8rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--cera);
  text-decoration: none;
}
.orden a:hover, .orden a:focus { color: var(--ambar); }
.orden [aria-current="page"] { color: var(--ambar); border-bottom: 1px solid var(--ambar); }

main { max-width: 36rem; margin: 0 auto; padding: 1rem 1.4rem 3rem; }

.movimiento { margin-top: 2.6rem; }

.rubrica {
  font-family: var(--rotulo);
  font-weight: 400;
  color: var(--ambar);
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin: 0 0 0.4rem;
}
/* filete bajo cada rúbrica: el ornamento de reglas de este sitio */
.rubrica::after {
  content: "";
  display: block;
  width: 5.5rem;
  margin: 0.55rem auto 1.1rem;
  border-bottom: 1px solid var(--brasa);
}

.movimiento h3 {
  font-family: var(--rotulo);
  font-weight: 400;
  font-size: 1rem;
  letter-spacing: 0.06em;
  color: var(--humo);
  margin: 1.8rem 0 0.3rem;
}

.salmodia {
  display: block;
  background: var(--cafe-medio);
  border-top: 1px solid var(--brasa);
  border-bottom: 1px solid var(--brasa);
  padding: 1rem 1.2rem;
  margin: 1rem 0 1.4rem;
}
.senal {
  display: block;
  font-family: var(--rotulo);
  font-size: 0.74rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--ambar);
  margin-bottom: 0.4rem;
}

/* versal: inicial iluminada del primer párrafo de la meditación */
.meditacion > p:first-of-type::first-letter {
  font-family: var(--rotulo);
  font-size: 3.1em;
  line-height: 0.8;
  float: left;
  padding: 0.08em 0.12em 0 0;
  color: var(--ambar);
}

.nota-version { font-style: italic; color: var(--humo); font-size: 0.95rem; }

q { quotes: "«" "»"; }
q::before, q::after { color: var(--brasa); }

.cierre-oracion {
  margin: 1.6rem 0 0;
  padding-top: 0.9rem;
  border-top: 1px dotted var(--brasa);
}
.cierre-oracion a, .colofon-cirio a { color: var(--ambar); }

.colofon-cirio {
  border-top: 1px solid var(--brasa);
  margin-top: 2rem;
  padding: 1.6rem 1.4rem 2.4rem;
  text-align: center;
  color: var(--humo);
  font-size: 0.88rem;
}
.colofon-cirio p { max-width: 38rem; margin: 0.5rem auto; }