body.oratorio main { max-width: 1320px; background: linear-gradient(#100c0899,#100c08d9),url("../video/recorrido-hd/altar.1a777fcff91a.jpg") center top / cover; border: 0; box-shadow: 0 25px 60px #0009; padding: 36px clamp(16px,4vw,50px); }
.oratorio main::before,.oratorio main::after { display: none; }
.oratorio .page-header-rollo { background: none; border: 0; box-shadow: none; padding: 0 0 10px; aspect-ratio: auto; display: block; margin-bottom: 14px; }
.oratorio .page-title { color: #f1dfb7; text-shadow: 0 3px 8px #000; }
.oratorio .page-subtitle { color: #e3cda2; text-shadow: 0 2px 5px #000; }
.oratorio .page-header-cross,.oratorio .page-ornament { display: none; }
.oratorio-mesa { display: grid; grid-template-columns: minmax(190px,260px) minmax(0,1fr); gap: clamp(20px,4vw,55px); align-items: start; }
.oratorio-indice { position: sticky; top: 100px; padding: 24px 20px; background: linear-gradient(#130d0699,#130d06bb),url("../images/texturas/tabla-tallada.fb78ef02e1d9.jpg") center / cover; box-shadow: inset 0 0 0 1px #d7b67b55,inset 0 0 18px #000,0 12px 28px #0008; }
.oratorio-indice-titulo { font: 25px/1.2 var(--gotica-rotulo); color: #f2dcad; text-align: center; margin-bottom: 16px; }
.oratorio-indice a { display: block; padding: 16px 5px; text-decoration: none; border-bottom: 1px solid #c0a16d44; color: #e0ca9f; font: 22px/1.2 var(--manuscrito); }
.oratorio-indice small { display: block; margin-top: 6px; font: 10px/1.5 var(--romana); letter-spacing: .07em; color: #bca37b; }
.oratorio-indice a[aria-current] { color: #fff3d5; border-bottom-color: #e7c385; text-shadow: 0 0 14px #ebac5760; }
.oratorio-indice a:focus-visible { outline: 2px solid #edc989; outline-offset: 3px; }
.oratorio .prayers-grid { display: block; }
.oratorio .prayer-card { margin-bottom: 32px; padding: clamp(24px,4vw,48px); border: solid transparent; border-width: 36px 23px 42px; border-image: url("../images/texturas/pergamino-pestanas.106edb39c719.png") 145 95 175 fill stretch; background: none; position: relative; isolation: isolate; box-shadow: none; filter: drop-shadow(0 14px 18px #0009); text-align: center; }
.oratorio .prayer-card::before { content: ''; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(ellipse,#f6e5bea6,#efdcb666 65%,transparent); filter: blur(8px); }
.oratorio .prayer-card:hover { transform: none; box-shadow: none; }
.oratorio .prayer-card[hidden] { display: none; }
.oratorio .prayer-category { border: 0; padding: 0; color: #7a3223; font-size: 11px; letter-spacing: .12em; }
.oratorio .prayer-title { font: 400 clamp(28px,3vw,40px)/1.15 var(--gotica-rotulo); color: #6e2418; margin: 8px 0 24px; }
.oratorio .prayer-text { max-width: 60ch; margin: auto; color: #382618; font: 20px/1.75 var(--manuscrito); }
.oratorio .prayer-text p { margin-bottom: 16px; }
.oratorio .prayer-text p:first-child::first-letter { float: left; font: 56px/.85 var(--gotica-rotulo); color: #8b261a; margin: 7px 7px 0 0; }
.oratorio .prayer-author { font: 14px/1.5 var(--manuscrito); text-transform: none; letter-spacing: .03em; color: #69442a; }
@media(max-width:700px) { .oratorio-mesa { grid-template-columns: 1fr; } .oratorio-indice { position: static; display: flex; flex-wrap: wrap; gap: 0 18px; padding: 16px; } .oratorio-indice-titulo { width: 100%; margin-bottom: 4px; } .oratorio-indice a { font-size: 18px; flex: 1 1 120px; } .oratorio .prayer-card { padding: 24px 14px; border-width: 24px 14px 28px; } .oratorio .prayer-text { font-size: 19px; } }

.oratorio .page-subtitle { margin-top: 16px; }
.oratorio-indice-titulo { cursor: pointer; list-style-position: inside; }
.oratorio-enlaces { max-height: min(520px,60svh); overflow-y: auto; scrollbar-width: none; }
.oratorio-enlaces::-webkit-scrollbar { display: none; }
.oratorio .prayer-card { scroll-margin-top: 100px; }
.oratorio .prayer-card:focus { outline: none; }
@media(max-width:700px) { .oratorio-selector { width: 100%; } .oratorio-enlaces { max-height: 40svh; } .oratorio-indice a { display: block; } }