:root{--blue:#145d82;--blue-deep:#0b354e;--blue-soft:#e7f4fa;--ink:#24343c;--muted:#60737c;--cream:#fffdf8;--gold:#d7b05d;--line:#cfe0e7;--shadow:0 18px 48px rgba(10,53,78,.13)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:linear-gradient(180deg,#edf8fc 0,#fffdf8 34rem);color:var(--ink);font:18px/1.72 Georgia,"Times New Roman",serif}
a{color:#0b5f8a;text-underline-offset:.18em}
a:hover{color:#083f5d}
.skip-link{position:absolute;left:-9999px;top:0;background:#fff;color:#000;padding:.7rem;z-index:10}.skip-link:focus{left:.5rem}
.site-header{padding:1rem clamp(1rem,4vw,3rem);background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:.8rem;text-decoration:none;color:var(--blue-deep)}.brand img{border-radius:50%;box-shadow:0 5px 14px rgba(11,53,78,.18)}.brand span{display:grid;line-height:1.2}.brand strong{font-size:1.03rem}.brand small{margin-top:.18rem;color:var(--muted);font:700 .7rem/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.page-shell{width:min(1120px,calc(100% - 2rem));margin:auto}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:1rem 0;color:var(--muted);font:600 .78rem/1.4 Arial,sans-serif}.breadcrumbs a{color:var(--blue-deep)}
.microsite-nav{display:flex;gap:.45rem;overflow-x:auto;padding:.65rem;margin-bottom:1rem;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(10,53,78,.07);scrollbar-width:thin}.microsite-nav a{flex:0 0 auto;padding:.58rem .78rem;border-radius:999px;color:var(--blue-deep);font:700 .76rem/1.2 Arial,sans-serif;text-decoration:none}.microsite-nav a:hover,.microsite-nav a[aria-current="page"]{background:var(--blue);color:#fff}
main{padding-bottom:3rem}.article-card{position:relative;overflow:hidden;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:clamp(1.25rem,4vw,3.5rem)}.article-card:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:linear-gradient(90deg,var(--blue-deep),#3ca2c6,var(--gold))}
.hero{text-align:center;max-width:850px;margin:0 auto 2rem}.eyebrow{color:var(--blue);font:800 .74rem/1.3 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase}.hero h1{margin:.55rem 0 .7rem;color:var(--blue-deep);font-size:clamp(2rem,5vw,3.65rem);line-height:1.08}.lead{margin:0;color:var(--muted);font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.55}
.hero-portrait,.wide-picture,.poster{display:block;float:left;margin:.35rem clamp(1.2rem,3vw,2rem) 1rem 0}.hero-portrait img,.wide-picture img,.poster img{display:block;max-width:100%;height:auto;border-radius:18px;box-shadow:0 12px 28px rgba(11,53,78,.18)}.hero-portrait img{width:min(321px,42vw)}.wide-picture img{width:min(480px,48vw)}.poster img{width:min(220px,34vw)}
.article-body{max-width:880px;margin:auto}.article-body:after{content:"";display:block;clear:both}.article-body h2{clear:both;margin:2.3rem 0 .8rem;color:var(--blue-deep);font-size:clamp(1.45rem,3vw,2rem);line-height:1.25}.article-body h3{color:var(--blue);font-size:1.22rem;margin-top:1.7rem}.article-body p{margin:.82rem 0}.article-body blockquote{margin:1.5rem 0;padding:1rem 1.25rem;border-left:5px solid var(--gold);background:#fff9e9;color:#34454d;font-style:italic;border-radius:0 14px 14px 0}.intro{font-size:1.14rem;color:#314951}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0 2rem}.card{display:grid;gap:.2rem;padding:1.1rem 1.2rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#fff,#f0f9fc);text-decoration:none;transition:.18s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(11,53,78,.11)}.card span{font:800 .68rem/1.2 Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.card strong{font-size:1.08rem;color:var(--blue-deep)}.card small{color:var(--muted);font:400 .82rem/1.45 Arial,sans-serif}
.quotations>p{padding:.85rem 1rem;margin:.7rem 0;background:var(--blue-soft);border-radius:12px}.quotations>p:nth-of-type(even){background:#fff8e8}.novena-day,.final-prayer,.instructions{margin:1.5rem 0;padding:clamp(1rem,3vw,1.6rem);border:1px solid var(--line);border-radius:18px;background:#fff}.novena-day>span,.final-prayer>span{font:800 .72rem/1.2 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}.novena-day h2,.final-prayer h2,.instructions h2{margin:.35rem 0 1rem}.final-prayer{background:#fff8e8;border-color:#ead59d}
.film-facts{display:grid;grid-template-columns:max-content 1fr;gap:.5rem 1rem;margin:1rem 0}.film-facts dt{font-weight:700;color:var(--blue-deep)}.film-facts dd{margin:0}
.channels,.share,.related{margin-top:1.25rem;padding:clamp(1.1rem,3vw,1.8rem);border-radius:22px}.channels{display:flex;align-items:center;gap:1.25rem;background:var(--blue-deep);color:#fff}.channels img{flex:0 0 auto;border-radius:50%}.channels h2,.share h2,.related h2{margin:.2rem 0 .45rem;font-size:1.45rem}.channels p,.share p{margin:.2rem 0 1rem}.channel-actions,.share-buttons,.related>div{display:flex;flex-wrap:wrap;gap:.65rem}.button,.share-buttons a,.related a{display:inline-block;padding:.62rem .9rem;border-radius:999px;font:700 .78rem/1.2 Arial,sans-serif;text-decoration:none}.button{color:#fff;border:1px solid rgba(255,255,255,.5)}.whatsapp{background:#177c4b}.telegram{background:#197da9}.share{background:#fff;border:1px solid var(--line);text-align:center}.share-buttons{justify-content:center}.share-buttons a,.related a{background:var(--blue-soft);color:var(--blue-deep)}.related{background:#f6f1e5}.related h2{text-align:center;color:var(--blue-deep)}.related>div{justify-content:center}
.site-footer{text-align:center;padding:1.5rem 1rem;background:var(--blue-deep);color:#dfeef4;font:400 .78rem/1.6 Arial,sans-serif}.site-footer p{margin:0 0 .3rem;font-weight:700}.site-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:.55rem}.site-footer a{color:#fff}
.centered-picture{display:block;clear:both;margin:0 auto 2rem;text-align:center}.centered-picture img{display:block;width:min(760px,100%);max-width:100%;height:auto;margin:auto;border-radius:18px;box-shadow:0 12px 28px rgba(11,53,78,.18)}.centered-picture.poster{float:none}.centered-picture.poster img{width:min(220px,48vw)}.puzzle-picture img{width:min(600px,100%)}
.share-buttons a{color:#fff;box-shadow:0 5px 12px rgba(0,0,0,.12)}.share-buttons a:hover{color:#fff;filter:brightness(.9)}.share-buttons .share-whatsapp{background:#25d366}.share-buttons .share-telegram{background:#229ed9}.share-buttons .share-facebook{background:#1877f2}.share-buttons .share-x{background:#000}.share-buttons .share-email{background:#546e7a}
@media(max-width:700px){body{font-size:17px}.page-shell{width:min(100% - 1rem,1120px)}.article-card{border-radius:20px;padding:1.15rem}.hero-portrait,.wide-picture,.poster{float:none;margin:0 auto 1.5rem}.hero-portrait img,.wide-picture img,.poster img{width:auto;max-height:410px;margin:auto}.cards{grid-template-columns:1fr}.channels{display:grid;text-align:center}.channels img{margin:auto}.channel-actions{justify-content:center}.film-facts{grid-template-columns:1fr;gap:.15rem}.film-facts dd{margin:0 0 .65rem}.brand small{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
@media print{.site-header,.microsite-nav,.channels,.share,.related,.site-footer,.breadcrumbs{display:none}.page-shell{width:100%}.article-card{box-shadow:none;border:0;padding:0}body{background:#fff;color:#000}.hero-portrait,.wide-picture,.poster{max-width:35%}}