/* CATEDRAL SAN JUAN BAUTISTA · BIBLIOTECA DEVOCIONAL
   Estilo editorial para las cinco oraciones más conocidas.
   Sin fotos inventadas, sin cinco tarjetas repetidas y sin flechas.
   El archivo también simplifica la navegación de la lectura individual.
*/

/* BLOQUE ÚNICO EN EL CATÁLOGO */
.prayer-hub .prayer-featured--library {
  padding: 62px 0 75px;
  border-top: 1px solid rgba(26,73,96,.12);
  background:
    radial-gradient(ellipse at 100% 0%,rgba(35,94,120,.06),transparent 48%),
    linear-gradient(180deg,#f0f4f3 0%,#f8f7f3 100%);
}
.prayer-featured--library .prayer-library {
  position: relative;
  max-width: 1060px;
  margin-inline: auto;
  border: 1px solid rgba(168,151,117,.42);
  border-radius: 13px;
  overflow: hidden;
  background: #fffcf7;
  box-shadow: 0 21px 47px rgba(17,55,77,.065),0 2px 10px rgba(17,55,77,.025);
}
.prayer-library__header {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding: 36px 45px 34px;
  color: #f9f6ee;
  background: linear-gradient(115deg,#0b2d45 0%,#123d57 68%,#1c4f69 100%);
}
.prayer-library__header::before {
  content: '';
  position: absolute;
  width: 290px;
  height: 290px;
  right: -76px;
  bottom: -198px;
  border: 1px solid rgba(236,224,204,.12);
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0 0 27px rgba(236,224,204,.025),0 0 0 58px rgba(236,224,204,.018);
  pointer-events:none;
}
.prayer-library__header::after {
  content: '';
  position: absolute;
  width: 48px;
  height: 2px;
  top: 0;
  left: 45px;
  background: linear-gradient(90deg,#d5bd94,rgba(213,189,148,0));
}
.prayer-library__header-copy {position:relative;z-index:1;max-width:690px}
.prayer-library__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  color: #d8bd96;
  font: 600 10px/1.45 'DM Sans',sans-serif;
  letter-spacing: .16em;
}
.prayer-library__eyebrow span {font:400 15px/1 Georgia,serif}
.prayer-library__header h2 {
  margin: 10px 0 0;
  color: #fffaf4;
  font: 400 clamp(37px,4.4vw,55px)/.99 'Cormorant Garamond',Georgia,serif;
  letter-spacing: -.032em;
  text-wrap: balance;
}
.prayer-library__header h2 em {color:#e0c9a9;font-weight:400}
.prayer-library__header > p {
  position: relative;
  z-index: 1;
  flex: 0 0 220px;
  max-width: 220px;
  margin: 0 0 2px;
  color: #d9e4e6;
  font: 400 12px/1.65 'DM Sans',Arial,sans-serif;
}
.prayer-library__list {
  list-style: none;
  padding: 11px 45px 12px;
  margin: 0;
  background:
    radial-gradient(rgba(48,77,83,.11) .45px,transparent .7px) 0 0/23px 22px,
    #fffcf7;
}
.prayer-library__list > li {margin: 0;padding: 0;list-style: none}
.prayer-library__list > li + li {border-top:1px solid rgba(53,78,86,.12)}
.prayer-library__entry {
  position: relative;
  display: grid;
  grid-template-columns: 58px minmax(0,1fr) 32px;
  gap: 22px;
  align-items: center;
  min-height: 85px;
  padding: 13px 2px;
  color: #292720;
  text-decoration: none;
  transition: background-color .24s ease;
}
.prayer-library__entry::before {
  content: '';
  position: absolute;
  top: 11px;
  bottom: 11px;
  left: -16px;
  width: 2px;
  background: #b89b71;
  opacity: 0;
  transform: scaleY(.55);
  transition: transform .24s ease,opacity .24s ease;
}
.prayer-library__number {
  color: #b59a75;
  font: 400 32px/1 'Cormorant Garamond',Georgia,serif;
  font-variant-numeric: lining-nums tabular-nums;
  text-align: center;
  border-right: 1px solid rgba(180,153,113,.35);
  padding-right: 18px;
}
.prayer-library__info {display:flex;flex-direction:column;gap:2px;min-width:0}
.prayer-library__info strong {
  font: 400 29px/1.12 'Cormorant Garamond',Georgia,serif;
  letter-spacing: -.018em;
  color: #2b2925;
  transition: color .24s ease;
}
.prayer-library__info > span {
  font: 400 12px/1.5 'DM Sans',Arial,sans-serif;
  color: #6e716f;
}
.prayer-library__ornament {
  color: #b79f7f;
  opacity: .65;
  font: 400 15px/1 Georgia,serif;
  text-align: center;
  transition: opacity .24s ease,color .24s ease;
}
.prayer-library__entry:hover,
.prayer-library__entry:focus-visible {background: rgba(220,233,231,.26)}
.prayer-library__entry:hover::before,
.prayer-library__entry:focus-visible::before {opacity:1;transform:scaleY(1)}
.prayer-library__entry:hover .prayer-library__info strong,
.prayer-library__entry:focus-visible .prayer-library__info strong {color:#0f526f}
.prayer-library__entry:hover .prayer-library__ornament {opacity:1;color:#a88857}
.prayer-library__entry:focus-visible {outline:2px solid #1a6783;outline-offset:-3px;border-radius:2px}

/* LECTURA INDIVIDUAL: una sola navegación tipográfica, sin botones ni flechas. */
.prayer-reading--editorial .prayer-reading__breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  margin: 0 0 13px;
  min-height: 23px;
  color: #687b80;
  font: 500 11px/1.5 'DM Sans',Arial,sans-serif;
  letter-spacing: .045em;
}
.prayer-reading--editorial .prayer-reading__breadcrumb a {
  display: inline;
  color: #185375;
  text-decoration: none;
  font: 600 11px/1.5 'DM Sans',Arial,sans-serif;
  letter-spacing: .045em;
  border-bottom: 1px solid rgba(24,83,117,.30);
  padding-bottom: 2px;
}
.prayer-reading--editorial .prayer-reading__breadcrumb a:hover {border-color:#185375;text-decoration:none}
.prayer-reading--editorial .prayer-reading__breadcrumb a:focus-visible {outline:2px solid #1a6783;outline-offset:4px}
.prayer-reading--editorial .prayer-reading__breadcrumb-separator {color: #bda47e;font-size:15px;line-height:1}
.prayer-reading--editorial .prayer-reading__breadcrumb-current {color:#6a7577}

@media(max-width:700px) {
  .prayer-hub .prayer-featured--library {padding:42px 0 54px}
  .prayer-featured--library .prayer-library {border-radius:12px}
  .prayer-library__header {display:block;padding:27px 23px 25px}
  .prayer-library__header::after {left:23px}
  .prayer-library__header h2 {font-size:clamp(34px,9.3vw,44px);line-height:1.04}
  .prayer-library__eyebrow {font-size:9px;letter-spacing:.14em}
  .prayer-library__header > p {max-width:380px;margin-top:13px;font-size:11px;line-height:1.55}
  .prayer-library__list {padding:6px 19px 8px}
  .prayer-library__entry {min-height:75px;padding:12px 0;grid-template-columns:37px minmax(0,1fr) 18px;gap:12px}
  .prayer-library__entry::before {left:-10px}
  .prayer-library__number {font-size:26px;padding-right:9px}
  .prayer-library__info strong {font-size:clamp(25px,6.9vw,29px);line-height:1.12}
  .prayer-library__info > span {font-size:11px;line-height:1.45}
  .prayer-library__ornament {font-size:12px}
}
@media(max-width:360px) {
  .prayer-library__header {padding:25px 18px 23px}
  .prayer-library__header::after {left:18px}
  .prayer-library__list {padding-inline:14px}
  .prayer-library__entry {gap:9px;grid-template-columns:33px minmax(0,1fr) 15px}
  .prayer-library__number {font-size:24px;padding-right:7px}
  .prayer-library__info strong {font-size:24px}
  .prayer-library__info > span {font-size:10.5px}
}
@media(prefers-reduced-motion:reduce) {
  .prayer-library__entry,
  .prayer-library__entry::before,
  .prayer-library__info strong,
  .prayer-library__ornament {transition:none}
}