/* CATEDRAL SAN JUAN BAUTISTA · ORACIONES
   Rediseño editorial 2026-11-05 · Únicamente oraciones.php / oracion.php
   Jerarquía: hero institucional azul → catálogo marfil → destacados azul humo. */
:root{
  --pr-navy:#0b2e49;
  --pr-blue:#155273;
  --pr-blue-light:#2e7696;
  --pr-ivory:#faf8f3;
  --pr-paper:#fffefa;
  --pr-line:rgba(27,82,111,.16);
  --pr-ink:#2e2924;
  --pr-muted:#746e66;
  --pr-gold:#c2a67a;
  --pr-shadow:0 18px 36px rgba(20,49,66,.065);
}
.prayer-hub,.prayer-reading{font-family:'DM Sans',Arial,sans-serif;color:var(--pr-ink);overflow:clip}
.prayer-hub *,.prayer-reading *{box-sizing:border-box}
.prayer-hub a,.prayer-reading a{text-decoration:none}
.prayer-hub img,.prayer-reading img{display:block;width:100%}
.prayer-hub :is(h1,h2,h3,p,figure),.prayer-reading :is(h1,p,figure){margin:0}
.prayer-shell{width:min(1350px,calc(100% - 92px));margin-inline:auto}
.prayer-eyebrow{display:inline-flex;align-items:center;gap:11px;color:var(--pr-blue);text-transform:uppercase;letter-spacing:.19em;font:600 10px/1.4 'DM Sans',sans-serif}
.prayer-eyebrow__mark{font:400 17px/1 Georgia,serif;color:var(--pr-gold)}
.prayer-eyebrow__line{height:1px;width:28px;background:var(--pr-gold)}

/* HERO: identidad propia y separación evidente respecto del catálogo. */
.prayer-hero{
  position:relative;isolation:isolate;
  background:linear-gradient(109deg,#0b2a42 0%,#114364 51%,#eaf0ef 51.1%,#f1f2ee 100%);
  color:#fdfaf5;
  border-bottom:5px solid var(--pr-navy);
}
.prayer-hero::before{
  content:"";position:absolute;z-index:-1;top:-84px;left:2%;height:380px;width:380px;
  border:1px solid rgba(255,255,255,.075);border-radius:50% 50% 0 0;
  box-shadow:0 0 0 36px rgba(255,255,255,.015),0 0 0 75px rgba(255,255,255,.012);
  pointer-events:none;
}
.prayer-hero::after{
  content:"";position:absolute;z-index:-1;left:0;top:0;bottom:0;width:52%;
  background:radial-gradient(circle at 80% 45%,rgba(52,119,152,.30),transparent 58%);
  pointer-events:none;
}
.prayer-hero__inner{
  position:relative;width:min(1350px,calc(100% - 92px));margin:auto;
  display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);align-items:center;
  gap:clamp(34px,5vw,90px);min-height:363px;padding:35px 0 40px;
}
.prayer-hero__intro{position:relative;z-index:1;min-width:0;padding-left:20px;border-left:1px solid rgba(211,187,149,.55)}
.prayer-hero .prayer-eyebrow{color:#d6e6ed}
.prayer-hero__intro h1{
  font:400 clamp(68px,5.7vw,87px)/.85 'Cormorant Garamond',Georgia,serif;
  letter-spacing:-.052em;color:#fffdf8;margin:14px 0 17px;
}
.prayer-hero__period{color:#d8b78c}
.prayer-hero__lead{
  font:400 clamp(26px,2.5vw,38px)/1.06 'Cormorant Garamond',Georgia,serif;
  letter-spacing:-.018em;color:#fffaf1;
}
.prayer-hero__lead em{font-weight:400;color:#d8bea0}
.prayer-hero__copy{max-width:400px;margin-top:12px!important;font:400 13px/1.6 'DM Sans',sans-serif;color:#dbe6ec}
.prayer-hero__signature{display:flex;align-items:center;gap:11px;margin-top:22px;color:#e0caaa;font:600 9px/1.5 'DM Sans',sans-serif;letter-spacing:.17em}
.prayer-hero__signature span{width:35px;height:1px;background:#c6ab86}
.prayer-hero__visual{height:280px;min-width:0;position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center;padding:10px 8px 11px 0}
.prayer-hero__visual::before{
  content:"";position:absolute;inset:-7px -7px -6px 14px;
  border-radius:17px;border:1px solid rgba(24,82,112,.23);
  box-shadow:inset 0 0 0 6px rgba(255,255,255,.40);pointer-events:none;
}
.prayer-hero__photo{min-width:0;height:253px;overflow:hidden;background:#ded6c8;border-radius:11px;border:3px solid rgba(255,254,248,.94);box-shadow:0 14px 29px rgba(13,43,66,.19)}
.prayer-hero__photo--first{transform:translateY(-5px)}
.prayer-hero__photo--second{height:238px;transform:translateY(9px)}
.prayer-hero__photo img{height:100%;object-fit:cover;object-position:50% 32%;filter:saturate(.95) contrast(.99)}
.prayer-hero__photo--second img{object-position:50% 35%}
.prayer-hero__visual-caption{
  position:absolute;z-index:1;right:-8px;bottom:-15px;padding:9px 15px;
  background:var(--pr-navy);border:1px solid rgba(205,185,156,.42);
  border-radius:2px;color:#f7f2e9;font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.16em;
  box-shadow:0 7px 18px rgba(13,43,66,.12)
}
.prayer-hero__footer{
  position:relative;z-index:1;background:rgba(6,34,55,.56);border-top:1px solid rgba(255,255,255,.16);
}
.prayer-hero__footer-inner{
  width:min(1350px,calc(100% - 92px));margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
  min-height:39px;color:#dce8ee;font:600 9px/1.3 'DM Sans',sans-serif;letter-spacing:.19em;
}
.prayer-hero__footer-inner span:last-child{color:#d5b88e}

/* CATÁLOGO - intencionalmente separado del hero por color y respiración. */
.prayer-categories{
  padding:64px 0 68px;
  background:
    radial-gradient(circle at 7% 22%,rgba(34,104,143,.045),transparent 28%),
    linear-gradient(180deg,#fffdf9,#f7f5f0 100%);
}
.prayer-section-heading{
  display:flex;align-items:end;justify-content:space-between;gap:24px;
  padding-bottom:22px;margin:0 0 27px;border-bottom:1px solid rgba(23,77,107,.17);
}
.prayer-section-heading h2{
  margin-top:9px;font:400 clamp(41px,4.1vw,56px)/.97 'Cormorant Garamond',Georgia,serif;
  letter-spacing:-.035em;color:#2d2721;
}
.prayer-section-heading h2 em{font-weight:400;color:var(--pr-blue)}
.prayer-section-heading>p{max-width:268px;text-align:right;color:#706b64;font:400 12px/1.55 'DM Sans',sans-serif}
.prayer-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.prayer-topic{
  min-width:0;position:relative;overflow:hidden;background:#fffefa;border:1px solid rgba(25,78,105,.15);
  border-radius:17px;box-shadow:0 9px 23px rgba(15,59,88,.046);
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
}
.prayer-topic::before{
  content:"";position:absolute;z-index:1;top:0;left:20px;right:20px;height:2px;
  background:linear-gradient(90deg,var(--pr-gold),rgba(194,166,122,.17),transparent);
}
.prayer-topic:hover{transform:translateY(-4px);border-color:rgba(23,79,105,.27);box-shadow:0 20px 36px rgba(15,59,88,.105)}
.prayer-topic__summary{
  min-height:122px;display:flex;align-items:center;gap:13px;cursor:pointer;list-style:none;
  padding:21px 18px 17px;background:linear-gradient(120deg,#f0f5f5 0%,#f7f9f7 100%);
  border-bottom:1px solid rgba(29,80,106,.10)
}
.prayer-topic__summary::-webkit-details-marker{display:none}
.prayer-topic__summary::marker{content:""}
.prayer-topic__summary:focus-visible,.prayer-topic__item:focus-visible,.prayer-featured__card:focus-visible{outline:2px solid #23769b;outline-offset:3px}
.prayer-topic__icon{
  display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:50%;
  border:1px solid rgba(35,96,127,.21);background:#fffdfa;color:#205d7c;
  box-shadow:0 5px 12px rgba(20,60,80,.045)
}
.prayer-topic__icon svg{width:19px;height:19px;stroke-width:1.6}
.prayer-topic__heading{display:block;min-width:0;flex:1}
.prayer-topic__heading small{display:block;color:#54778b;letter-spacing:.16em;font:600 8px/1.4 'DM Sans',sans-serif}
.prayer-topic__heading strong{
  display:block;margin-top:5px;color:#302920;
  font:400 clamp(27px,2.6vw,34px)/.92 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;
}
.prayer-topic__subtitle{display:block;color:#687077;font:400 10px/1.4 'DM Sans',sans-serif;margin-top:6px}
.prayer-topic__toggle{display:none;color:#1b5678;font:400 23px/1 Arial,sans-serif}
.prayer-topic__list{margin:0 17px 14px;padding-top:5px}
.prayer-topic__item{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:45px;padding:9px 2px;border-bottom:1px solid rgba(30,77,100,.09);
  color:#423c35;transition:padding-left .2s ease,color .2s ease;
}
.prayer-topic__item:last-child{border-bottom:0}
.prayer-topic__item:hover{padding-left:6px;color:#155273}
.prayer-topic__item-copy{min-width:0;flex:1}
.prayer-topic__item-copy b{font:500 12px/1.4 'DM Sans',Arial,sans-serif}
.prayer-topic__arrow{display:grid;place-items:center;flex:none;width:24px;height:24px;border:1px solid rgba(24,84,117,.13);border-radius:50%;color:#22658a;font:400 15px/1 'DM Sans',sans-serif;transition:transform .2s ease,background .2s ease}
.prayer-topic__item:hover .prayer-topic__arrow{transform:translate(2px,-2px);background:#eef5f6}

/* DESTACADAS: cambio a un tono azul humo; tarjetas editorial con foto. */
.prayer-featured{
  padding:57px 0 73px;border-top:1px solid rgba(28,76,104,.12);
  background:linear-gradient(180deg,#edf3f3 0%,#f7f8f5 100%);
}
.prayer-section-heading--featured{margin-bottom:29px}
.prayer-featured__track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:19px}
.prayer-featured__card{
  position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:17px;
  border:1px solid rgba(30,83,110,.16);background:#fffcf7;color:var(--pr-ink);
  box-shadow:0 12px 27px rgba(20,57,81,.055);transition:transform .27s ease,box-shadow .27s ease,border-color .27s ease;
}
.prayer-featured__card:hover{transform:translateY(-5px);border-color:rgba(23,76,105,.34);box-shadow:0 20px 38px rgba(20,57,81,.11)}
.prayer-featured__photo{position:relative;overflow:hidden;aspect-ratio:1.39;background:#ded7ce}
.prayer-featured__photo::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,40,64,.10));pointer-events:none}
.prayer-featured__photo img{height:100%;object-fit:cover;transition:transform .45s ease,filter .45s ease;filter:saturate(.92)}
.prayer-featured__card:hover .prayer-featured__photo img{transform:scale(1.045);filter:saturate(1)}
.prayer-featured__photo span{
  position:absolute;z-index:1;left:13px;top:13px;display:grid;place-items:center;
  width:34px;height:34px;border-radius:50%;border:1px solid rgba(215,191,150,.63);
  background:rgba(255,252,247,.96);color:#225371;
  font:500 18px/1 'Cormorant Garamond',Georgia,serif;
}
.prayer-featured__content{display:flex;flex-direction:column;flex:1;min-height:153px;padding:18px 16px 16px}
.prayer-featured__kicker{color:#426e85;font:600 9px/1.4 'DM Sans',sans-serif;letter-spacing:.16em}
.prayer-featured__content h3{margin-top:6px;color:#2f2923;font:500 28px/1.02 'Cormorant Garamond',Georgia,serif;letter-spacing:-.01em}
.prayer-featured__description{margin-top:7px!important;color:#79726b;font:400 11px/1.44 'DM Sans',sans-serif}
.prayer-featured__read{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:14px;color:#145173;font:600 11px/1.3 'DM Sans',sans-serif}
.prayer-featured__read span{font:400 20px/1 'DM Sans',sans-serif;transition:transform .24s ease}
.prayer-featured__card:hover .prayer-featured__read span{transform:translate(3px,-2px)}

/* LECTURA INDIVIDUAL: página editorial sin marcos dobles o tarjetas toscas. */
.prayer-reading{
  min-height:64vh;padding:33px 0 63px;
  background:
    radial-gradient(circle at 10% 17%,rgba(37,109,150,.045),transparent 29%),
    radial-gradient(circle at 95% 77%,rgba(194,166,122,.095),transparent 28%),
    linear-gradient(180deg,#faf8f4,#f5f3ee);
}
.prayer-reading__shell{width:min(950px,calc(100% - 72px));margin:auto}
.prayer-reading__nav{margin-bottom:18px}
.prayer-reading__nav a{display:inline-flex;align-items:center;gap:11px;color:var(--pr-blue);letter-spacing:.09em;font:600 11px/1.4 'DM Sans',sans-serif}
.prayer-reading__nav a span{font:400 20px/1 Arial,sans-serif}
.prayer-reading__nav a:hover,.prayer-reading__return:hover{text-decoration:underline;text-underline-offset:4px}
.prayer-reading__article{overflow:hidden;background:#fffefb;border:1px solid rgba(30,86,111,.14);border-radius:19px;box-shadow:0 18px 48px rgba(20,50,69,.063)}
.prayer-reading__masthead{
  position:relative;min-height:210px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr);gap:26px;
  align-items:center;padding:22px 28px 22px 47px;
  background:linear-gradient(114deg,#eef4f4 0%,#f7f8f5 60%,#f1f4f2 100%);
  border-bottom:1px solid rgba(22,81,108,.12);
}
.prayer-reading__masthead::before{content:"";position:absolute;width:3px;left:0;top:22px;bottom:22px;background:linear-gradient(#1a607e,#cfb088);border-radius:6px}
.prayer-reading__heading{min-width:0}
.prayer-reading__heading h1{margin:12px 0 9px;font:400 clamp(44px,5vw,64px)/.93 'Cormorant Garamond',Georgia,serif;color:#302921;letter-spacing:-.036em;text-wrap:balance}
.prayer-reading__subtitle{max-width:420px;color:#676e6d;font:400 13px/1.55 'DM Sans',sans-serif}
.prayer-reading__photo{height:165px;position:relative;overflow:hidden;border-radius:12px;background:#dfd7c9;box-shadow:0 6px 17px rgba(24,53,65,.075)}
.prayer-reading__photo img{height:100%;object-fit:cover;object-position:center 45%;filter:saturate(.92) contrast(.98);transform:scale(1.15);transform-origin:56% center}
.prayer-reading__body{padding:40px 60px 43px;text-align:center;background:linear-gradient(180deg,#fffefb 0%,#fffdfa 100%)}
.prayer-reading__ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:#b69b70;font:400 14px/1 Georgia,serif;margin:0 auto 23px}
.prayer-reading__ornament span{height:1px;width:48px;background:rgba(190,160,111,.45)}
.prayer-reading__text{max-width:655px;margin:auto}
.prayer-reading__text p{margin:0 auto 16px;color:#42392f;font:400 clamp(23px,2.5vw,28px)/1.52 'Cormorant Garamond',Georgia,serif;letter-spacing:.001em;text-wrap:pretty}
.prayer-reading__text p:last-child{margin-bottom:0}
.prayer-reading__return{display:inline-flex;align-items:center;gap:11px;margin-top:24px;padding:10px 14px;border:1px solid rgba(28,82,111,.20);border-radius:25px;color:var(--pr-blue);font:600 11px/1.3 'DM Sans',sans-serif;transition:background .2s ease}
.prayer-reading__return:hover{background:#edf5f5}
.prayer-reading__return span{font:400 18px/1 Arial,sans-serif}
.prayer-reading__credit{text-align:center;margin:16px 0 0;color:#828782;letter-spacing:.16em;font:500 9px/1.4 'DM Sans',sans-serif}

/* Tamaño intermedio / tablet. */
@media(max-width:1120px){
  .prayer-shell,.prayer-hero__inner,.prayer-hero__footer-inner{width:calc(100% - 58px)}
  .prayer-hero__inner{gap:26px}
  .prayer-topics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .prayer-featured__track{grid-template-columns:repeat(3,minmax(0,1fr))}
  .prayer-hero__intro h1{font-size:clamp(65px,7.5vw,84px)}
}

/* Teléfono: misma identidad pero jerarquía y altura controladas. */
@media(max-width:700px){
  .prayer-hero{background:linear-gradient(155deg,#092b44 0%,#144f70 95%);border-bottom-width:4px}
  .prayer-hero::before{height:280px;width:280px;left:auto;right:-130px;top:-90px}
  .prayer-hero::after{width:100%;background:radial-gradient(circle at 77% 8%,rgba(129,174,186,.14),transparent 50%)}
  .prayer-hero__inner{display:block;min-height:0;width:calc(100% - 40px);padding:29px 0 27px}
  .prayer-hero__intro{padding-left:14px;border-left:1px solid rgba(206,186,159,.50)}
  .prayer-hero__intro h1{font-size:clamp(61px,13vw,76px);margin:8px 0 9px}
  .prayer-hero__lead{font-size:clamp(24px,6vw,32px);max-width:390px}
  .prayer-hero__copy{margin-top:9px!important;font-size:12px;line-height:1.5;max-width:380px}
  .prayer-hero__signature{margin-top:13px;font-size:8px}
  .prayer-hero__visual{height:175px;margin-top:21px;padding:7px 5px 6px 0;gap:9px}
  .prayer-hero__visual::before{inset:0 0 3px 9px;border-color:rgba(230,241,243,.21);box-shadow:none}
  .prayer-hero__photo{height:156px;border-width:2px;border-radius:9px;transform:none}
  .prayer-hero__photo--second{height:147px;transform:translateY(4px)}
  .prayer-hero__visual-caption{right:-2px;bottom:-9px;font-size:7px;padding:6px 8px}
  .prayer-hero__footer-inner{width:calc(100% - 40px);min-height:35px;font-size:7px;letter-spacing:.12em}
  .prayer-shell{width:calc(100% - 36px)}
  .prayer-categories{padding:43px 0 49px}
  .prayer-section-heading{display:block;padding-bottom:17px;margin-bottom:19px}
  .prayer-section-heading h2{font-size:clamp(37px,10vw,46px);margin-top:8px}
  .prayer-section-heading>p{max-width:360px;margin-top:8px!important;text-align:left;font-size:12px}
  .prayer-topics{grid-template-columns:1fr;gap:11px}
  .prayer-topic{border-radius:15px}
  .prayer-topic:hover{transform:none}
  .prayer-topic__summary{min-height:80px;padding:14px 15px;gap:12px}
  .prayer-topic__icon{width:39px;height:39px}
  .prayer-topic__heading strong{font-size:30px}
  .prayer-topic__heading small{font-size:8px}
  .prayer-topic__subtitle{font-size:10px;margin-top:4px}
  .prayer-topic__toggle{display:block;transition:transform .2s ease}
  .prayer-topic[open] .prayer-topic__toggle{transform:rotate(45deg)}
  .prayer-topic__list{margin:0 15px 12px}
  .prayer-topic__item{min-height:44px;padding:8px 2px}
  .prayer-featured{padding:43px 0 52px}
  .prayer-featured__track{display:flex;gap:12px;overflow-x:auto;margin:0 -18px;padding:1px 18px 15px;scroll-snap-type:x mandatory;scroll-padding:18px;scrollbar-width:thin;scrollbar-color:rgba(22,82,112,.24) transparent}
  .prayer-featured__card{flex:0 0 min(72vw,265px);scroll-snap-align:start}
  .prayer-featured__content{min-height:152px;padding:17px 16px 16px}
  .prayer-featured__content h3{font-size:29px}
  .prayer-featured__photo{aspect-ratio:1.42}
  .prayer-reading{padding:19px 0 45px}
  .prayer-reading__shell{width:calc(100% - 30px)}
  .prayer-reading__nav{margin-bottom:13px}
  .prayer-reading__article{border-radius:16px}
  .prayer-reading__masthead{min-height:0;padding:25px 21px 21px;display:flex;flex-direction:column;align-items:stretch;gap:15px}
  .prayer-reading__masthead::before{top:20px;bottom:20px}
  .prayer-reading__heading h1{font-size:clamp(42px,10.6vw,56px);line-height:.95;margin:8px 0 8px}
  .prayer-reading__subtitle{font-size:12px}
  .prayer-reading__photo{height:150px}
  .prayer-reading__body{padding:27px 23px 30px}
  .prayer-reading__ornament{margin-bottom:17px}
  .prayer-reading__text p{font-size:clamp(22px,5.8vw,27px);line-height:1.47;margin-bottom:13px}
  .prayer-reading__return{margin-top:23px}
}
@media(max-width:360px){
  .prayer-hero__inner,.prayer-hero__footer-inner{width:calc(100% - 30px)}
  .prayer-hero__intro h1{font-size:59px}
  .prayer-shell{width:calc(100% - 28px)}
  .prayer-hero__footer-inner span:last-child{font-size:6px}
  .prayer-reading__shell{width:calc(100% - 22px)}
  .prayer-reading__masthead{padding:20px 16px}
  .prayer-reading__body{padding:24px 16px 26px}
}
@media(prefers-reduced-motion:reduce){
  .prayer-topic,.prayer-topic__item,.prayer-featured__card,.prayer-featured__photo img,.prayer-topic__arrow,.prayer-reading__return{transition:none!important}
}