:root{--navy:#071f32;--navy2:#103951;--gold:#b9791c;--gold2:#e1b669;--cream:#fbf7ef;--paper:#fffdf8;--ink:#102638;--muted:#62707b;--line:#e7d8bf;--white:#fff;--serif:Georgia,"Times New Roman",serif;--sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit}.site-header{background:var(--navy);color:#fff}.topbar{max-width:1180px;margin:auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:54px;height:54px;border-radius:50%;object-fit:cover;border:1px solid var(--gold2)}.brand strong{font-family:var(--serif);font-size:1.35rem;font-weight:500}.nav{display:flex;gap:20px;flex-wrap:wrap}.nav a{text-decoration:none;font-size:.9rem;color:#f8ecd8}.nav a:hover,.nav a:focus{color:var(--gold2)}.hero{background:radial-gradient(circle at 80% 5%,#315d70 0,transparent 37%),linear-gradient(135deg,var(--navy),#102f43);color:#fff;padding:78px 24px}.hero-inner,.container{max-width:1180px;margin:auto}.eyebrow{display:block;color:var(--gold2);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}.hero h1,.section-title,h1{font-family:var(--serif);font-weight:500;line-height:1.08}.hero h1{font-size:clamp(2.6rem,6vw,5rem);max-width:760px;margin:14px 0}.hero p{font-size:1.08rem;color:#e3edf1;max-width:720px}.container{padding:56px 24px}.section{margin-bottom:64px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title{font-size:clamp(2rem,4vw,3.1rem);margin:6px 0}.section-note{max-width:620px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.1fr .9fr;background:var(--paper);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 18px 50px #08203312}.featured-art{min-height:400px;display:grid;place-items:center;background:radial-gradient(circle,#d9aa4d55 0 10%,transparent 36%),linear-gradient(150deg,#09283e,#164760);position:relative}.featured-art::before{content:"✦";font-size:7rem;color:var(--gold2);filter:drop-shadow(0 0 20px #e1b66988)}.featured-body{padding:54px}.featured-body h2{font:500 clamp(2.2rem,4vw,3.5rem)/1.1 var(--serif);margin:12px 0}.featured-body p{color:var(--muted)}.status{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line);border-radius:99px;color:#825413;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 19px;background:var(--navy);color:#fff;text-decoration:none;border:0;border-radius:4px;font-weight:700;cursor:pointer}.button:hover,.button:focus{background:var(--navy2)}.button.secondary{background:transparent;color:var(--navy);border:1px solid var(--gold)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:26px;display:flex;flex-direction:column;min-height:230px}.card .symbol{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold2);font-family:var(--serif);margin-bottom:18px}.card h3{font:500 1.45rem/1.25 var(--serif);margin:0 0 8px}.card p{color:var(--muted);margin:0 0 20px}.card a{margin-top:auto;color:#8c5a13;font-weight:700;text-decoration:none}.calendar{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.calendar-item{display:flex;align-items:center;gap:18px;padding:17px;background:#fff;border:1px solid var(--line);border-radius:15px}.calendar-date{flex:0 0 66px;text-align:center;color:#8d5c16;font-size:.78rem;text-transform:uppercase}.calendar-date strong{display:block;font:500 1.55rem var(--serif);color:var(--navy)}.calendar-item h3{margin:0;font:500 1.15rem var(--serif)}.calendar-item p{margin:3px 0 0;color:var(--muted);font-size:.88rem}.prose{max-width:820px;margin:auto}.prose h1{font-size:clamp(2.5rem,6vw,4.8rem);margin:.4rem 0 1rem}.prose h2{font:500 2rem var(--serif);margin:2.3rem 0 .7rem}.prose h3{font:500 1.4rem var(--serif)}.prose p,.prose li{color:#344b5b}.prayer{background:#fff;border-left:4px solid var(--gold);padding:28px 30px;border-radius:0 18px 18px 0;font-family:var(--serif);font-size:1.14rem;white-space:pre-line}.notice{background:#edf4f6;border:1px solid #cbdde4;padding:18px 21px;border-radius:14px}.devotion-status{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.progress{height:9px;background:#e9dfcf;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,#996211,#e1b669)}.day-nav{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}.day-nav a{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;text-decoration:none}.day-nav a.active{background:var(--navy);color:#fff;border-color:var(--navy)}.prev-next{display:flex;justify-content:space-between;gap:15px;margin-top:34px}.footer{background:var(--navy);color:#dce7eb;padding:40px 24px;text-align:center}.loading{min-height:250px;display:grid;place-items:center;color:var(--muted)}@media(max-width:850px){.nav{display:none}.featured{grid-template-columns:1fr}.featured-art{min-height:260px}.featured-body{padding:32px}.grid{grid-template-columns:1fr 1fr}.calendar{grid-template-columns:1fr}}@media(max-width:580px){.hero{padding:56px 20px}.container{padding:42px 18px}.grid{grid-template-columns:1fr}.featured{border-radius:20px}.featured-body{padding:27px}.section-head{display:block}.calendar-item{align-items:flex-start}.prev-next{flex-direction:column}.prev-next .button{width:100%}}

/* Imagens devocionais e estados honestos — 21/08/2026 */
.featured-art{min-height:400px;display:block;background-image:linear-gradient(90deg,#061c2a20,#061c2a08),url("/devocao-sao-miguel-hero-v1.webp");background-size:cover;background-position:center;position:relative}.featured-art::before{content:none}.featured-art-novena{background-image:url("/devocoes-cartoes-v1.webp");background-size:300% auto;background-position:50% 0}.featured-art-celebration,.featured-art-approaching,.featured-art-permanent{background-image:linear-gradient(90deg,#071f3222,#071f3205),url("/liturgia-hero-crucifixo-v4.jpg");background-size:cover;background-position:center}
.card{padding:0;min-height:390px;overflow:hidden}.card-visual{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--navy)}.card-copy{padding:24px;display:flex;flex:1;flex-direction:column}.coming-soon{display:inline-flex;align-items:center;align-self:flex-start;margin-top:auto;padding:8px 12px;border-radius:99px;background:#eee7dc;color:#6e665a;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.coming-soon.large{margin-top:16px;padding:10px 15px}.card.is-coming{background:#faf7f1}.card.is-coming .card-visual{filter:saturate(.82)}

.quaresma-page .hero{background-image:linear-gradient(90deg,#061c2ae8 0%,#061c2a9c 48%,#061c2a33 100%),url("/devocao-sao-miguel-hero-v1.webp");background-size:cover;background-position:center}.novena-page .hero{background-image:linear-gradient(90deg,#071f32e8 0%,#071f328c 52%,#071f3230 100%),url("/devocoes-cartoes-v1.webp");background-size:300% auto;background-position:50% 0}

@media(max-width:850px){.featured-art{min-height:260px}}@media(max-width:580px){.card{min-height:0}.card-copy{padding:22px}}
.feature-actions,.card-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.card-actions{margin-top:auto}.card-actions a{margin-top:0}.secondary-card-link{font-weight:600!important;color:var(--muted)!important}.calendar-item{text-decoration:none}.calendar-ready{display:block;margin-top:5px;color:#8c5a13;font-weight:700}

/* Caminhada diária de São Miguel — versão editorial completa */
.quaresma-page .prose{max-width:900px}
.daily-guidance{margin:30px 0 56px;padding:34px 38px;background:linear-gradient(145deg,#fffdf8 0%,#fffaf1 100%);border:1px solid var(--line);border-top:5px solid var(--gold);border-radius:22px;box-shadow:0 18px 46px #1026380d;overflow:visible}
.daily-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:26px;padding-bottom:24px}
.daily-heading h3{margin:7px 0 0;font:500 clamp(1.9rem,4vw,2.65rem)/1.12 var(--serif);color:var(--navy)}
.gospel-badge{flex:0 0 auto;display:inline-flex;align-items:center;min-height:40px;padding:9px 14px;border-radius:99px;background:var(--navy);color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.03em}
.daily-block{padding:23px 0;border-top:1px solid var(--line)}
.daily-block h4{margin:0 0 8px;color:#8b5914;font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}
.daily-block p{margin:0;color:#294254;font-size:1.02rem;line-height:1.75}
.daily-practice{margin:7px 0 0;padding:22px 24px;border:1px solid #e7d3b2;border-radius:14px;background:#f8efe1}
.daily-practice h4{color:#76501d}
.daily-liturgy-link{display:inline-flex;margin:25px 0 23px;color:#8c5a13;font-weight:800;text-decoration:none;border-bottom:1px solid transparent}
.daily-liturgy-link:hover,.daily-liturgy-link:focus{border-color:currentColor}
.coming-label{margin-top:auto;color:var(--muted);font-weight:700}.card.is-coming{opacity:.78}
.daily-guidance .progress{margin:0 0 24px}
.daily-navigation{display:grid;grid-template-columns:auto minmax(230px,1fr) auto;align-items:end;gap:12px;padding-top:22px;border-top:1px solid var(--line)}
.daily-navigation button,.daily-navigation select{min-height:44px;border:1px solid #caa466;border-radius:6px;background:#fffdf8;color:var(--navy);font:700 .83rem var(--sans)}
.daily-navigation button{padding:10px 14px;cursor:pointer}
.daily-navigation button:hover:not(:disabled),.daily-navigation button:focus:not(:disabled){background:var(--navy);color:#fff;border-color:var(--navy)}
.daily-navigation button:disabled{opacity:.42;cursor:not-allowed}
.daily-navigation label{display:flex;flex-direction:column;gap:6px}
.daily-navigation label span{font-size:.71rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#6f665c}
.daily-navigation select{width:100%;padding:9px 35px 9px 12px}
@media(max-width:700px){.daily-guidance{padding:27px 22px}.daily-heading{display:block}.gospel-badge{margin-top:17px}.daily-navigation{grid-template-columns:1fr 1fr}.daily-navigation label{grid-column:1/-1;grid-row:1}.daily-navigation button{width:100%}}

/* Novenas completas: Evangelho, meditação, Terço e gesto concreto */
.calendar-item[href]{text-decoration:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.calendar-item[href]:hover,.calendar-item[href]:focus{transform:translateY(-2px);border-color:#c99d59;box-shadow:0 12px 30px #10263812}.calendar-ready{display:block;margin-top:6px;color:#8b5914;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.novena-hero{max-width:1180px;margin:46px auto 0;padding:0 24px;display:grid;grid-template-columns:minmax(300px,.86fr) 1.14fr;align-items:stretch}.novena-hero>img{display:block;width:100%;height:100%;min-height:430px;max-height:540px;object-fit:cover;border-radius:30px 0 0 30px}.novena-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:58px;background:linear-gradient(145deg,#071f32,#103951);color:#fff;border-radius:0 30px 30px 0}.novena-hero-copy h1{font:500 clamp(2.5rem,5vw,4.7rem)/1.04 var(--serif);margin:13px 0 19px}.novena-hero-copy p{max-width:620px;margin:0;color:#e3edf1;font-size:1.07rem}.novena-prose{max-width:940px}.novena-section{margin:30px 0;padding:30px 32px;background:var(--paper);border:1px solid var(--line);border-radius:19px}.novena-section h2{margin:5px 0 13px;font-size:clamp(1.65rem,4vw,2.15rem)}.novena-section p{margin:.35rem 0}.section-kicker{color:#96621a;font-size:.71rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.scripture-reference{font:500 clamp(1.7rem,4vw,2.35rem)/1.2 var(--serif);color:var(--navy)!important}.inline-link{display:inline-flex;margin-top:16px;color:#8c5a13;font-weight:800;text-decoration:none;border-bottom:1px solid #caa466}.meditation-section{background:linear-gradient(145deg,#fffdf8,#fff8ed);border-left:5px solid var(--gold)}.novena-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.novena-two-columns .novena-section{margin:0}.intention-section{background:#edf4f6}.gesture-section{background:#f7efe2}.prayer-section{padding:0;border:0;background:transparent}.prayer-section .prayer{margin-top:16px}.source-note{margin:34px 0!important;padding-top:22px;border-top:1px solid var(--line);font-size:.84rem;color:#6b7881!important}.source-note a{color:#825413}.generic-novena-page .devotion-status{align-items:center;justify-content:space-between}.generic-novena-page .day-nav{justify-content:center}.generic-novena-page .day-nav a{border-radius:50%}
@media(max-width:850px){.novena-hero{grid-template-columns:1fr}.novena-hero>img{min-height:280px;max-height:420px;border-radius:24px 24px 0 0}.novena-hero-copy{padding:38px;border-radius:0 0 24px 24px}.novena-two-columns{grid-template-columns:1fr}}@media(max-width:580px){.novena-hero{margin-top:22px;padding:0 14px}.novena-hero-copy{padding:30px 24px}.novena-section{padding:24px 21px}.generic-novena-page .devotion-status{align-items:stretch}.generic-novena-page .devotion-status>*{width:100%;justify-content:center}.day-nav{gap:6px}.day-nav a{width:38px;height:38px}}
.generic-novena-page .day-nav span{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:#f2eee7;color:#9a9da0;position:relative}
.generic-novena-page .day-nav span.locked::after{content:"";position:absolute;right:5px;bottom:5px;width:5px;height:5px;border-radius:50%;background:var(--gold)}
@media(max-width:580px){.generic-novena-page .day-nav span{width:38px;height:38px}}
[hidden]{display:none!important}
.padre-pio-prayer{position:relative;overflow:hidden;padding:38px 40px;background:linear-gradient(145deg,#071f32,#103951);border:0;color:#fff}.padre-pio-prayer:before{content:'IHS';position:absolute;right:25px;top:18px;color:#d6b56a1f;font:600 6rem/1 var(--serif)}.padre-pio-prayer h2{position:relative;color:#fff}.padre-pio-prayer .final-prayer-text{position:relative;margin-top:24px;padding:24px 25px;border-left:4px solid var(--gold);background:#ffffff0d;color:#fff;font:500 1.18rem/1.72 var(--serif);white-space:pre-line}
.sign-of-cross{padding:24px 30px;background:var(--navy);border-color:var(--navy);color:#fff}.sign-of-cross h2{margin-bottom:4px;color:#fff}.sign-of-cross p{color:#edf3f5;font:500 1.13rem/1.65 var(--serif)}.sign-of-cross .section-kicker{color:var(--gold2)}.prayer-introduction{border-left:5px solid var(--gold);background:linear-gradient(145deg,#fffdf8,#f8efe1)}.prayer-introduction p{font:500 1.08rem/1.78 var(--serif);color:#294254}.rosary-section{background:#f7f3eb}.closing-cross{margin-top:34px;text-align:center}
.personal-intention-label{display:block;margin-top:22px;color:var(--navy);font-weight:800}.personal-intention{display:block;width:100%;margin-top:8px;padding:15px 16px;resize:vertical;border:1px solid #b8cbd2;border-radius:10px;background:#fff;color:var(--ink);font:1rem/1.55 var(--sans)}.personal-intention:focus{outline:3px solid #b9791c33;border-color:var(--gold)}.intention-section small{display:block;margin-top:8px;color:#5f6e77;font-size:.84rem}
.scripture-excerpt{margin:20px 0 8px;padding:22px 24px;border-left:4px solid var(--gold);background:#f8efe1;color:#273f50;font:500 1.24rem/1.68 var(--serif);white-space:pre-line}.scripture-credit{margin:0!important;color:#6b7881!important;font-size:.82rem;font-weight:700}.prayer-introduction>.section-kicker+ p{margin-top:12px}
.holy-spirit-prayer{background:#f4f8fa;border-left:5px solid #3e718b}.holy-spirit-prayer .prayer{margin-top:16px;white-space:pre-line}.devotion-rite .rite-step{margin:18px 0;padding:23px 24px;border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:12px;background:#fffdf8}.devotion-rite .section-kicker{display:block;margin-bottom:.65rem}.devotion-rite .rite-step h4{color:var(--navy);font:500 1.45rem/1.25 var(--serif);letter-spacing:0;text-transform:none}.devotion-rite .rite-step p+p{margin-top:.8rem}.devotion-rite .personal-intention{box-sizing:border-box}
@media(max-width:640px){.padre-pio-prayer{padding:30px 23px}.padre-pio-prayer blockquote{padding:18px 20px;font-size:1.16rem}}
