:root{--navy:#062c55;--blue:#0b5e9b;--sky:#eaf5ff;--gold:#d6a845;--ink:#183044;--muted:#5a6d7c;--white:#fff;--line:#dbe7f0;--shadow:0 16px 45px rgba(4,38,70,.12);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbfe;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(1.02rem,.96rem + .25vw,1.18rem);line-height:1.78}img{max-width:100%;height:auto}a{color:var(--blue);text-decoration-thickness:.08em;text-underline-offset:.18em}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:.7rem 1rem;border-radius:.5rem}.site-header{background:var(--navy);color:#fff}.header-inner{width:min(1180px,calc(100% - 2rem));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.75rem;color:#fff;text-decoration:none}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#f5cf72}.brand strong,.brand small{display:block}.brand strong{font-size:clamp(.96rem,.9rem + .25vw,1.12rem)}.brand small{font:500 .72rem/1.3 system-ui,sans-serif;opacity:.78;letter-spacing:.04em}.header-subscribe{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.5rem 1rem;font:700 .82rem system-ui,sans-serif;transition:.2s}.header-subscribe:hover{background:#fff;color:var(--navy)}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#062c55 0%,#084b82 55%,#0b6cad 100%);color:#fff}.hero:after{content:"";position:absolute;width:390px;height:390px;right:-100px;top:-210px;border:70px solid rgba(255,255,255,.055);border-radius:50%}.hero-inner{position:relative;z-index:1;width:min(1060px,calc(100% - 2rem));margin:auto;padding:clamp(2.5rem,6vw,5rem) 0}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;font:600 .76rem/1.4 system-ui,sans-serif;letter-spacing:.03em;color:#d7e9f7}.breadcrumbs a{color:#fff;text-decoration:none}.kicker,.eyebrow{margin:1.7rem 0 .35rem;color:#f5cf72;font:800 .75rem/1.4 system-ui,sans-serif;letter-spacing:.15em;text-transform:uppercase}.hero h1{max-width:850px;margin:.2rem 0 .6rem;font-size:clamp(2.05rem,1.5rem + 3vw,4.25rem);line-height:1.08;letter-spacing:-.025em}.hero p:last-child{max-width:800px;margin:.8rem 0 0;color:#e9f4fc;font-size:clamp(1rem,.9rem + .4vw,1.25rem);line-height:1.6}main{width:min(1180px,calc(100% - 2rem));margin:auto;padding:clamp(2rem,5vw,4.5rem) 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.article{min-width:0;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:clamp(1.25rem,4vw,3.6rem);box-shadow:var(--shadow)}.article p{margin:0 0 1.25em}.article h2{clear:both;margin:2.15rem 0 .8rem;color:var(--navy);font-size:clamp(1.35rem,1.15rem + .8vw,2rem);line-height:1.25}.article blockquote{margin:1.6rem 0;padding:.5rem 1.4rem;border-left:4px solid var(--gold);background:#f7fbff}.content-image{float:left;max-width:min(43%,390px);margin:.35rem 1.5rem 1rem 0;border-radius:16px;box-shadow:0 10px 28px rgba(5,46,82,.18)}.chapter-panel{position:sticky;top:1.25rem;background:#fff;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:0 10px 30px rgba(4,38,70,.08)}.panel-title{margin:.2rem .35rem .8rem;color:var(--navy);font:800 .78rem/1.4 system-ui,sans-serif;text-transform:uppercase;letter-spacing:.1em}.chapters{display:grid;gap:.35rem}.chapters a{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:10px;color:#345065;text-decoration:none;font:650 .83rem/1.35 system-ui,sans-serif;transition:background .18s,transform .18s,color .18s}.chapters a span{display:grid;place-items:center;flex:0 0 24px;height:24px;border-radius:50%;background:var(--sky);color:var(--blue);font-size:.7rem}.chapters a:hover{background:#f0f7fc;color:var(--blue);transform:translateX(3px)}.chapters a[aria-current=page]{background:var(--navy);color:#fff}.chapters a[aria-current=page] span{background:#fff;color:var(--navy)}.lead-layout{display:grid;grid-template-columns:minmax(180px,290px) 1fr;gap:clamp(1.4rem,4vw,3rem);align-items:start}.portrait{width:100%;border-radius:18px;box-shadow:0 16px 36px rgba(3,35,65,.2)}.feast{display:inline-block;color:#8b5c00;background:#fff7df;border:1px solid #ead8a5;border-radius:999px;padding:.35rem .8rem;font:750 .78rem/1.4 system-ui,sans-serif}.section-title{margin-top:3rem!important}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.chapter-card{display:grid;grid-template-columns:auto 1fr auto;gap:.8rem;align-items:center;padding:1rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--navy);background:#fbfdff;transition:transform .18s,box-shadow .18s,border-color .18s}.chapter-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px rgba(4,38,70,.1);border-color:#9fc4df}.card-number{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;font:800 .8rem system-ui,sans-serif}.chapter-card strong,.chapter-card small{display:block}.chapter-card strong{font-size:1rem}.chapter-card small{margin-top:.18rem;color:var(--muted);font:500 .7rem system-ui,sans-serif}.arrow{font-family:system-ui,sans-serif}.credit{margin-top:1.5rem!important;color:var(--muted);font-size:.88rem;font-style:italic}.prev-next{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:2rem 0}.prev-next a{display:flex;flex-direction:column;padding:1rem 1.25rem;background:#fff;border:1px solid var(--line);border-radius:14px;text-decoration:none;transition:transform .18s,border-color .18s}.prev-next a:last-child{text-align:right}.prev-next a:hover{transform:translateY(-2px);border-color:#8eb9d7}.prev-next small{color:var(--muted);font:650 .72rem system-ui,sans-serif}.prev-next strong{color:var(--navy);font-size:1rem}.subscribe,.share{margin-top:2rem;border-radius:var(--radius);padding:clamp(1.4rem,4vw,2.6rem)}.subscribe{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem 2.5rem;align-items:center;background:linear-gradient(135deg,#062c55,#085b94);color:#fff;box-shadow:var(--shadow)}.subscribe h2,.share h2{margin:.15rem 0 .5rem;font-size:clamp(1.45rem,1.1rem + 1vw,2.15rem);line-height:1.25}.subscribe p{margin:.3rem 0;color:#e5f1fa}.channel-buttons{display:grid;gap:.7rem}.channel{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border-radius:13px;color:#fff;text-decoration:none;font-family:system-ui,sans-serif;transition:transform .18s,filter .18s}.channel:hover{transform:translateY(-2px);filter:brightness(1.08)}.channel.whatsapp{background:#168b4f}.channel.telegram{background:#1d83b8}.channel svg{width:28px;height:28px;fill:currentColor}.channel strong,.channel small{display:block}.channel strong{font-size:.86rem}.channel small{font-size:.68rem;opacity:.82}.subscription-link{grid-column:1/-1;justify-self:start;color:#fff;font:700 .78rem system-ui,sans-serif}.share{text-align:center;background:#fff;border:1px solid var(--line)}.share .eyebrow{color:#98701a}.share>p:not(.eyebrow){color:var(--muted);margin:.4rem auto 1.2rem}.share-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.65rem}.share-buttons a{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;border-radius:999px;color:#fff;text-decoration:none;font:750 .76rem system-ui,sans-serif;transition:transform .18s,filter .18s}.share-buttons a:hover{transform:translateY(-2px);filter:brightness(1.08)}.share-buttons svg{width:18px;height:18px;fill:currentColor}.share-x{background:#111}.share-facebook{background:#1877f2}.share-whatsapp{background:#168b4f}.share-telegram{background:#238cc1}.site-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.7rem 1.3rem;margin:2rem 0 0;font:650 .8rem system-ui,sans-serif}.site-links a{text-decoration:none}footer{text-align:center;padding:2rem 1rem;background:#041f3c;color:#dcebf6}footer p{margin:.2rem;font-size:.82rem}footer p:last-child{opacity:.7;font-size:.72rem}
@media(max-width:900px){.layout{grid-template-columns:1fr}.chapter-panel{position:static;order:-1}.chapters{grid-template-columns:repeat(2,minmax(0,1fr))}.subscribe{grid-template-columns:1fr}.subscription-link{grid-column:auto}}
@media(max-width:620px){body{line-height:1.7}.brand small{display:none}.header-subscribe{padding:.45rem .75rem}.hero-inner{padding:2rem 0 2.5rem}.article{padding:1.15rem;border-radius:16px}.content-image{float:none;display:block;max-width:100%;max-height:520px;margin:.3rem auto 1.3rem;object-fit:contain}.lead-layout,.chapter-grid{grid-template-columns:1fr}.portrait{max-width:300px;margin:auto}.chapters{grid-template-columns:1fr}.prev-next{grid-template-columns:1fr}.prev-next a:last-child{text-align:left}.share-buttons a{flex:1 1 42%;justify-content:center}.subscribe,.share{border-radius:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.site-header,.chapter-panel,.subscribe,.share,.prev-next,.site-links,footer{display:none}.hero{background:#fff;color:#000}.hero p:last-child,.breadcrumbs{color:#333}.layout{display:block}.article{box-shadow:none;border:0;padding:0}}

/* Estética común de los micrositios de santos de Web católico de Javier */
body{background:linear-gradient(180deg,#f7fbff,#fff 30rem);font-size:clamp(1rem,.97rem + .15vw,1.1rem);line-height:1.72}
.site-header{background:linear-gradient(135deg,#05294f,#0a467f)}
.header-inner{min-height:0;padding:1rem 0;justify-content:flex-start}
.brand img{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}
.brand strong{font-size:clamp(1.55rem,3vw,2.35rem);line-height:1.1}
.brand small{font:italic clamp(.82rem,1.5vw,1rem)/1.35 Georgia,"Times New Roman",serif;opacity:.92;letter-spacing:0}
.topnav{border-top:1px solid #ffffff22;background:#062d58}
.topnav ul{width:min(1180px,calc(100% - 2rem));margin:auto;padding:.55rem 0;list-style:none;display:flex;gap:.35rem;flex-wrap:wrap}
.topnav a{display:block;color:#fff;text-decoration:none;padding:.48rem .7rem;border-radius:999px;font:650 .76rem/1.35 system-ui,sans-serif;transition:background .18s}
.topnav a:hover,.topnav a[aria-current=page]{background:#ffffff18}
.breadcrumbs{width:min(1180px,calc(100% - 2rem));margin:1rem auto 0;color:var(--muted);font-size:.88rem}
.breadcrumbs a{color:var(--blue)}
.hero{background:transparent;color:var(--ink);overflow:visible}
.hero:after{display:none}
.hero-inner{text-align:center;padding:1.1rem 0 1.7rem}
.hero h1{margin:.2rem auto;max-width:980px;color:var(--navy);font-size:clamp(2.15rem,5.4vw,4.15rem);line-height:1.06}
.hero .kicker{margin:.3rem 0;color:#845f12}
.hero p:last-child{margin:.6rem auto 0;color:var(--muted);font-size:clamp(.98rem,.9rem + .3vw,1.14rem)}
.divider{display:flex;justify-content:center;align-items:center;gap:1rem;margin:.9rem 0}
.divider:before,.divider:after{content:"";width:min(180px,28vw);height:1px;background:var(--gold)}
.divider img{width:34px;height:34px}
main{padding-top:0}
.layout{grid-template-columns:minmax(0,1fr) 300px;gap:1.6rem}
.article,.chapter-panel,.minute,.side-cta{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.article{padding:clamp(1.15rem,3vw,2.25rem)}
.content-image,.portrait{border:2px solid rgba(217,170,58,.62);box-shadow:0 10px 25px rgba(8,46,89,.14)}
.content-picture{display:contents}
.sidebar{min-width:0;display:flex;flex-direction:column;gap:1.2rem}
.chapter-panel{position:static;padding:1.15rem;overflow:hidden}
.chapter-panel>h2,.minute>h2,.side-cta>h2{margin:-1.15rem -1.15rem 1rem;padding:.8rem 1rem;border-radius:21px 21px 0 0;background:var(--navy);color:#fff;font-size:1.08rem;line-height:1.25;text-align:center}
.chapters{gap:0}
.chapters a{border-radius:0;padding:.56rem 0;border-bottom:1px solid #e6eef6}
.chapters a:last-child{border-bottom:0}
.chapters a:before{content:"";width:19px;height:19px;background:url('../crucifijo-dorado.svg') center/contain no-repeat;flex:0 0 19px}
.chapters a span{width:23px;height:23px;flex-basis:23px}
.chapters a[aria-current=page]{margin:0 -.5rem;padding-inline:.5rem;border-radius:9px}
.minute{padding:1.15rem;overflow:hidden}
.minute dl{display:grid;grid-template-columns:minmax(82px,auto) minmax(0,1fr);gap:.55rem .75rem;margin:0;font-size:.88rem;line-height:1.45}
.minute dt{font-weight:700;color:var(--navy)}.minute dd{margin:0}
.side-cta{padding:1.15rem;overflow:hidden;background:linear-gradient(145deg,#082e59,#0b4a87);color:#fff;text-align:center}
.side-cta p{font-size:.88rem}.side-cta a{display:block;margin:.65rem 0;padding:.8rem;border-radius:12px;color:#fff;text-decoration:none;font:700 .82rem system-ui,sans-serif}.wa{background:#149447}.tg{background:#188acb}
.chapter-card:before,.section-title:before,.article h2:before{content:"";display:inline-block;width:25px;height:25px;margin-right:.5rem;vertical-align:-.3rem;background:url('../crucifijo-dorado.svg') center/contain no-repeat}
.chapter-card .card-number{margin-left:.1rem}.chapter-card:before{display:none}
.chapter-card .card-number.devotional{background-color:var(--navy);background-image:url('../crucifijo-dorado.svg');background-repeat:no-repeat;background-position:center;background-size:22px 22px}
footer{background:#062d58}
@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.side-cta{grid-column:1/-1}.chapters{grid-template-columns:1fr}}
@media(max-width:650px){.header-inner{width:min(100% - 1.4rem,1180px)}.brand img{width:58px;height:58px}.brand small{display:none}.topnav ul{justify-content:center}.layout{gap:1rem}.sidebar{display:flex}.minute dl{grid-template-columns:1fr}.minute dd{margin:0 0 .45rem}}