:root{--azul:#102a43;--azul2:#173f5f;--azul3:#eaf2f8;--oro:#b28a3b;--oro2:#e4c77b;--crema:#fffaf0;--tinta:#243746;--blanco:#fff;--sombra:0 18px 45px rgba(16,42,67,.12);--radio:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--tinta);background:linear-gradient(180deg,#f8fbfd 0,#fff 32rem);font-family:Georgia,'Times New Roman',serif;line-height:1.72}a{color:#0e5a8a}a:hover{color:#8a641e}img{max-width:100%;height:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:.75rem 1rem;z-index:99}.site-header{background:linear-gradient(135deg,#0d2940,#173f5f 62%,#244f6d);color:#fff;border-bottom:4px solid var(--oro2)}.topbar{max-width:1180px;margin:auto;padding:1.1rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{color:#fff;text-decoration:none;font-family:Arial,sans-serif;font-weight:800;letter-spacing:.02em;font-size:clamp(1.05rem,2.2vw,1.35rem)}.brand small{display:block;font-weight:400;color:#dceaf2;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.top-link{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.4);border-radius:999px;padding:.5rem .9rem;font-family:Arial,sans-serif;font-size:.86rem}.hero{position:relative;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 18% 25%,rgba(228,199,123,.18),transparent 28%),radial-gradient(circle at 82% 80%,rgba(255,255,255,.09),transparent 25%)}.hero-inner{position:relative;max-width:1180px;margin:auto;padding:3.4rem 1.2rem 3.8rem;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);gap:3rem;align-items:center}.eyebrow{font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;color:#f3d990;font-weight:800}.hero h1{font-size:clamp(2.35rem,6vw,4.7rem);line-height:1.02;margin:.4rem 0 1rem;color:#fff;font-weight:700;text-wrap:balance}.hero p{max-width:720px;color:#e9f2f7;font-size:clamp(1.05rem,2vw,1.24rem);margin:0}.hero-portrait{justify-self:center;position:relative}.hero-portrait img{width:min(310px,75vw);aspect-ratio:3/4;object-fit:cover;object-position:center top;border-radius:46% 46% 20px 20px;border:5px solid rgba(255,255,255,.9);box-shadow:0 22px 50px rgba(0,0,0,.3)}.hero-portrait:after{content:none;display:none}.breadcrumbs{max-width:1180px;margin:auto;padding:1rem 1.2rem 0;font-family:Arial,sans-serif;font-size:.88rem;color:#5a7183}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem;list-style:none;margin:0;padding:0}.breadcrumbs li:not(:last-child):after{content:'›';margin-left:.45rem;color:var(--oro)}.breadcrumbs a{text-decoration:none}.page-nav{max-width:1180px;margin:1.1rem auto 0;padding:0 1.2rem}.page-nav ul{display:flex;flex-wrap:wrap;gap:.7rem;list-style:none;margin:0;padding:0}.page-nav a{display:block;background:#fff;color:var(--azul);text-decoration:none;border:1px solid #d9e5ed;padding:.62rem .95rem;border-radius:999px;font-family:Arial,sans-serif;font-weight:700;font-size:.88rem;box-shadow:0 7px 18px rgba(16,42,67,.07)}.page-nav a[aria-current=page]{background:var(--azul);color:#fff;border-color:var(--azul)}main{max-width:1180px;margin:auto;padding:2.5rem 1.2rem 4rem}.intro-card,.content-card,.faq,.subscribe,.share,.related{background:#fff;border:1px solid #e1eaf0;border-radius:var(--radio);box-shadow:var(--sombra)}.intro-card{padding:clamp(1.5rem,4vw,2.7rem);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(230px,.6fr);gap:2.3rem;align-items:center}.intro-card h2,.content-card h2,.faq h2,.subscribe h2,.share h2,.related h2{color:var(--azul);font-size:clamp(1.65rem,3.4vw,2.35rem);line-height:1.18;margin:.1rem 0 1rem}.intro-card figure,.side-image{margin:0}.intro-card figure img,.side-image img{border-radius:18px;box-shadow:0 13px 30px rgba(16,42,67,.18);width:100%;max-height:460px;object-fit:cover;object-position:top}.intro-card figcaption,.side-image figcaption{text-align:center;font-size:.82rem;color:#657b8b;margin-top:.45rem}.section-label{font-family:Arial,sans-serif;color:#9a742d;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.74rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.4rem 0 2.5rem}.link-card{background:linear-gradient(145deg,#fff,#f4f8fb);border:1px solid #dbe7ee;border-radius:18px;padding:1.4rem;text-decoration:none;color:var(--tinta);box-shadow:0 12px 25px rgba(16,42,67,.08);transition:.2s transform,.2s box-shadow}.link-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(16,42,67,.14)}.link-card strong{display:block;color:var(--azul);font-size:1.2rem;margin-bottom:.35rem}.link-card span{font-size:.94rem}.link-card b{display:inline-block;margin-top:.7rem;color:#946e27;font-family:Arial,sans-serif;font-size:.84rem}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:2rem;align-items:start}.content-card{padding:clamp(1.35rem,4vw,2.75rem)}.content-card h2{margin-top:2rem}.content-card h2:first-child{margin-top:0}.content-card h3{color:var(--azul2);font-size:1.35rem;margin:1.8rem 0 .5rem}.content-card p{margin:.9rem 0}.lead{font-size:1.15rem;color:#334f62}.quote{margin:1.7rem 0;padding:1.2rem 1.4rem;background:var(--crema);border-left:5px solid var(--oro);border-radius:0 16px 16px 0;font-style:italic;color:#5f4a24}.aside-card{position:sticky;top:1rem;background:linear-gradient(160deg,#102a43,#1e4d6c);color:#fff;border-radius:20px;padding:1.25rem;box-shadow:var(--sombra)}.aside-card img{border-radius:14px;margin-bottom:1rem;max-height:380px;width:100%;object-fit:cover;object-position:top}.aside-card h2{font-size:1.25rem;margin:.2rem 0 .6rem;color:#fff}.aside-card ul{padding-left:1.1rem}.aside-card a{color:#f5dda0}.prayer-title{text-align:center;padding-bottom:.9rem;border-bottom:1px solid #dfe8ee}.prayer-block{max-width:820px;margin:auto}.prayer-block h2,.prayer-block h3{text-align:center}.prayer-block .amen{text-align:center;font-weight:700}.divider{text-align:center;color:var(--oro);font-size:1.4rem;letter-spacing:.4rem;margin:1.8rem 0}.day{padding:1.3rem 0;border-top:1px solid #e0e8ed}.day h2{font-size:1.55rem;margin:.2rem 0 .8rem}.faq{padding:clamp(1.35rem,4vw,2.5rem);margin-top:2.3rem}.faq details{border-top:1px solid #dce6ec;padding:1rem .1rem}.faq details:first-of-type{border-top:0}.faq summary{cursor:pointer;color:var(--azul);font-weight:700;font-size:1.05rem}.faq p{margin:.65rem 0 .2rem}.subscribe,.share,.related{padding:clamp(1.25rem,3vw,2rem);margin-top:1.5rem}.subscribe{text-align:center;background:linear-gradient(145deg,#eff7fb,#fff)}.button-row{display:flex;justify-content:center;flex-wrap:wrap;gap:.8rem;margin-top:1.1rem}.btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;border-radius:999px;padding:.78rem 1.1rem;font-family:Arial,sans-serif;font-weight:800;border:0}.btn svg{width:20px;height:20px;fill:currentColor}.btn-wa{background:#147c48;color:#fff}.btn-tg{background:#177aa8;color:#fff}.btn-share{background:#fff;color:var(--azul);border:1px solid #cedce5}.related{margin-top:3rem}.related ul{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;list-style:none;padding:0;margin:1rem 0 0}.related a{display:block;padding:1rem;border-radius:14px;background:#f2f7fa;text-decoration:none;font-weight:700}.site-footer{text-align:center;background:#0e293f;color:#d8e5ed;padding:2rem 1rem;font-family:Arial,sans-serif;font-size:.86rem}.site-footer a{color:#fff}.note{background:#eef6fa;border-radius:14px;padding:1rem 1.2rem;border:1px solid #d8e8f0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.hero-inner,.intro-card,.content-layout{grid-template-columns:1fr}.hero-inner{text-align:center;padding-top:2.5rem}.hero p{margin-inline:auto}.hero-portrait{order:-1}.hero-portrait img{width:220px}.aside-card{position:static}.cards{grid-template-columns:1fr}.related ul{grid-template-columns:1fr}.top-link{display:none}}@media(max-width:520px){body{font-size:1rem}.topbar{padding:.9rem 1rem}.hero h1{font-size:2.45rem}.hero-inner{padding:2rem 1rem 2.7rem}.breadcrumbs,.page-nav,main{padding-left:.9rem;padding-right:.9rem}.page-nav ul{display:grid;grid-template-columns:1fr 1fr}.page-nav a{text-align:center;padding:.55rem .45rem;font-size:.8rem}.content-card,.faq,.subscribe,.share,.related{border-radius:16px}.button-row{flex-direction:column}.btn{justify-content:center;width:100%}}
@media print{.site-header,.page-nav,.subscribe,.share,.related,.site-footer{display:none}body{background:#fff}.content-card{box-shadow:none;border:0}.content-layout{display:block}.aside-card{display:none}}