:root{--night:#0a1230;--night2:#131f4d;--gold:#f2b84b;--gold2:#ff9a3c;--ivory:#f7f5f0;--ink:#1a2238;--mute:#6b7285;--line:#e6e2d8;--disp:'Fraunces',Georgia,serif;--sans:'Inter',system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--disp);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0}a{color:inherit}small{color:var(--mute)}
.eyebrow{display:inline-block;font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
/* cabeçalho */
.top{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;color:#fff;transition:.3s}
.top.sc{background:rgba(10,18,48,.78);backdrop-filter:blur(14px);padding:.65rem 1.5rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:600 1.15rem var(--disp)}.brand small{color:rgba(255,255,255,.65);font:500 .72rem var(--sans);letter-spacing:.04em;display:none}
.brand img{height:42px;background:#fff;border-radius:10px;padding:4px;display:block}.dot{width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 14px var(--gold)}
#nav{display:none}.burger{background:none;border:0;width:40px;height:40px;position:relative;cursor:pointer;margin:0;padding:0}
.burger i{position:absolute;left:8px;right:8px;height:2px;background:#fff;transition:.3s}.burger i:first-child{top:15px}.burger i:last-child{top:23px}
body.menu .burger i:first-child{top:19px;transform:rotate(45deg)}body.menu .burger i:last-child{top:19px;transform:rotate(-45deg)}
body.menu #nav{display:flex;position:fixed;inset:0;background:var(--night);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;font:600 1.8rem var(--disp)}
#nav a{text-decoration:none}#nav .cta{background:var(--gold);color:var(--night);padding:.7rem 1.4rem;border-radius:999px;font:700 1rem var(--sans)}
@media(min-width:900px){.burger{display:none}#nav{display:flex;align-items:center;gap:1.8rem;font-size:.92rem;font-weight:500}#nav a:not(.cta):hover{color:var(--gold)}.brand small{display:inline}#nav .cta{padding:.55rem 1.2rem}}
/* efeitos */
.glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none;animation:flutuar 14s ease-in-out infinite alternate}
.g1{width:520px;height:520px;background:rgba(242,184,75,.38);top:-120px;left:-100px}.g2{width:460px;height:460px;background:rgba(88,110,255,.35);bottom:-160px;right:-80px;animation-delay:-6s}
@keyframes flutuar{to{transform:translate(60px,40px) scale(1.15)}}
.ember{position:absolute;bottom:-10px;left:var(--x);width:4px;height:4px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);opacity:0;animation:subir var(--d) linear infinite;animation-delay:var(--s)}
@keyframes subir{0%{opacity:0;transform:translateY(0)}12%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),-75vh)}}
@keyframes chama{0%,100%{transform:scale(1,1) rotate(-1deg)}35%{transform:scale(.92,1.08) rotate(1.5deg)}65%{transform:scale(1.05,.97) rotate(-1deg)}}
html.js .rv{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s}html.js .rv.in{opacity:1;transform:none}
/* capa */
.hero{position:relative;min-height:100svh;display:grid;place-items:center;text-align:center;color:#fff;overflow:hidden;background:radial-gradient(120% 90% at 50% 0%,var(--night2),var(--night))}
.hero .slide{position:absolute;inset:0;opacity:0;transition:opacity 1.2s}.hero .slide.on{opacity:1}.hero .slide img{width:100%;height:100%;object-fit:cover}
.hero.foto:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(10,18,48,.55),rgba(10,18,48,.8))}
.hero .in{position:relative;z-index:2;max-width:900px;padding:7rem 1.5rem 5rem}
.hero h1{font-size:clamp(2.6rem,8.5vw,6rem);margin:1rem 0 1.4rem}.hero h1 em{font-style:normal;background:linear-gradient(90deg,var(--gold),var(--gold2));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{max-width:560px;margin:0 auto 2rem;font-size:1.1rem;color:rgba(255,255,255,.78)}
.acoes{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.95rem 1.7rem;border-radius:999px;text-decoration:none;font-weight:600;transition:.25s}
.btn.p{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--night)}.btn.p:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(242,184,75,.35)}
.btn.s{border:1px solid rgba(255,255,255,.35);color:#fff;backdrop-filter:blur(6px)}.btn.s:hover{background:rgba(255,255,255,.12)}
.chip{display:inline-flex;gap:.6rem;align-items:center;margin-top:2.2rem;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.85rem;color:rgba(255,255,255,.8);background:rgba(255,255,255,.06)}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px var(--gold);animation:chama 1.8s infinite}
/* seções */
.sec{max-width:1160px;margin:0 auto;padding:6rem 1.5rem}.sec h2{font-size:clamp(2rem,5vw,3.4rem)}
.cab{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 50% 0%,var(--night2),var(--night));color:#fff;padding:9rem 1.5rem 6rem;text-align:center}
.cab .in{position:relative;z-index:2}.cab h1{font-size:clamp(2.3rem,7vw,4.5rem);margin-top:.8rem}
.bento{display:grid;gap:1rem}@media(min-width:900px){.bento{grid-template-columns:repeat(12,1fr)}.b7{grid-column:span 7}.b5{grid-column:span 5}}
.b{position:relative;overflow:hidden;border-radius:28px;padding:2rem;min-height:280px;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .35s}
a.b:hover{transform:translateY(-6px)}.b h3{font-size:1.9rem;margin-bottom:.4rem}.b p{margin:0;opacity:.8;max-width:340px}
.b .seta{position:absolute;top:1.6rem;right:1.6rem;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(10,18,48,.12);font-size:1.2rem;transition:.3s}a.b:hover .seta{transform:rotate(-45deg)}
.b-gold{background:linear-gradient(135deg,#ffd98a,#f2a43b);color:var(--night)}.b-dark{background:linear-gradient(160deg,var(--night2),var(--night));color:#fff}.b-dark .seta{background:rgba(255,255,255,.12)}
.b-blue{background:linear-gradient(140deg,#3b4fd1,#1a2a78);color:#fff}.b-white{background:#fff;color:var(--ink);justify-content:flex-start;border:1px solid var(--line)}.b-white h3{color:var(--night)}
.b-gold:after,.b-blue:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-60px;top:-60px;background:rgba(255,255,255,.22);filter:blur(30px)}
.horas{font-size:1.05rem;margin-top:.8rem}.horas p,.prose p{margin:0 0 .7rem}.horas ul,.horas ol,.prose ul,.prose ol{padding-left:1.2rem;margin:.4rem 0}.horas a,.prose a{color:var(--gold2)}
.agenda{display:grid;gap:2rem}@media(min-width:900px){.agenda{grid-template-columns:1fr 1.6fr;gap:4rem}.agenda>div:first-child{position:sticky;top:6rem;align-self:start}}
.agenda p.lead{color:var(--mute);margin:1rem 0 1.6rem}
.ev{display:grid;grid-template-columns:auto 1fr auto;gap:1.3rem;align-items:center;padding:1.3rem 0;border-bottom:1px solid var(--line);text-decoration:none;transition:padding .3s}.ev:hover{padding-left:.8rem}
.ev .n{font:600 3rem/1 var(--disp);color:var(--night);min-width:70px}.ev .n span{display:block;font:600 .7rem var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold2)}
.ev h3{font-size:1.25rem}.ev small{display:block;margin-top:.2rem}.ev .go{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}.ev:hover .go{background:var(--night);color:#fff;border-color:var(--night)}
.medalha{position:relative;overflow:hidden;background:linear-gradient(160deg,var(--night),var(--night2));color:#fff;padding:6rem 1.5rem}
.medalha .gigante{position:absolute;right:-2rem;top:-4rem;font:600 clamp(18rem,40vw,34rem)/1 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(242,184,75,.28);user-select:none}
.medalha .in{position:relative;max-width:1160px;margin:0 auto}.medalha h2{max-width:620px}.medalha p{max-width:560px;color:rgba(255,255,255,.75);margin:1.2rem 0 2rem;font-size:1.1rem}
.strip{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding:1.5rem 0 1rem;margin-top:1rem}
.vc{flex:0 0 190px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.4rem 1rem;text-align:center}.vc strong{display:block}.vc small{display:block}
.topo{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap}
.contato{display:grid;gap:3rem}@media(min-width:900px){.contato{grid-template-columns:1fr 1fr;gap:5rem}}
.contato p{color:var(--mute)}.info{margin-top:2rem;display:grid;gap:.4rem}.info b{color:var(--night)}
form.f{background:#fff;border:1px solid var(--line);border-radius:28px;padding:2rem}
/* formulários */
label{display:block;margin:1rem 0 0;font-weight:600;font-size:.88rem}
input,textarea,select{display:block;width:100%;margin-top:.4rem;padding:.8rem 1rem;border:1px solid var(--line);border-radius:14px;font:inherit;background:var(--ivory)}
input:focus,textarea:focus{outline:0;border-color:var(--night2);box-shadow:0 0 0 4px rgba(19,31,77,.1);background:#fff}
button{margin-top:1.2rem;background:var(--night);color:#fff;border:0;border-radius:999px;padding:.9rem 1.6rem;font:inherit;font-weight:600;cursor:pointer;width:100%;transition:.25s}button:hover{background:var(--night2);transform:translateY(-2px)}
.hp{position:absolute;left:-9999px}.err{color:#b42318;font-weight:600}.okmsg{color:#177245;font-weight:600}
/* páginas internas */
.wrap{max-width:820px;margin:-3rem auto 3rem;padding:0 1.5rem;position:relative;z-index:3}
.prose{background:#fff;border:1px solid var(--line);border-radius:28px;padding:2.2rem;margin-bottom:1.5rem;font-size:1.05rem}.prose h2{font-size:2rem;margin-bottom:1rem}
.card,.formvela{background:#fff;border:1px solid var(--line);border-radius:28px;padding:2rem;max-width:560px;margin:-3rem auto 3rem;position:relative;z-index:3}
.filtro{display:flex;gap:.8rem;align-items:flex-end;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1.2rem;margin-bottom:1rem}.filtro label{margin:0}.filtro button{width:auto;margin:0}
.item{display:flex;gap:1rem;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem 1.2rem;margin:.7rem 0}.item small{display:block}
.dia{flex:none;width:60px;text-align:center;background:var(--night);color:#fff;border-radius:16px;padding:.5rem 0;line-height:1.1}.dia b{display:block;font:600 1.6rem var(--disp)}.dia span{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}
.altar{list-style:none;padding:0}.altar li{display:flex;gap:1rem;align-items:flex-end;background:#fff;border:1px solid var(--line);margin:.6rem 0;padding:1rem 1.2rem;border-radius:22px}
.pag{display:flex;justify-content:space-between;gap:1rem}
/* velas */
.vela{width:30px;flex:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:104px;margin:0 auto}
.vela:after{content:"";width:30px;height:5px;border-radius:3px;background:#d3cab4}
.cera{position:relative;width:16px;height:calc(14px + 64px * var(--e));background:linear-gradient(90deg,#e6d9bb,#fff8e8 45%,#e6d9bb);border-radius:1px 1px 0 0;flex:none}
.cera:before{content:"";position:absolute;top:-3px;left:0;right:0;height:6px;border-radius:50%;background:#fff2d2;box-shadow:inset 0 -1px 2px rgba(0,0,0,.14)}
.cera:after{content:"";position:absolute;top:-9px;left:50%;width:2px;height:7px;margin-left:-1px;background:#3a3226;border-radius:1px}
.chama{width:10px;height:20px;margin-bottom:7px;flex:none;background:linear-gradient(#fff6d6,var(--gold) 70%,var(--gold2));border-radius:50% 50% 50% 50%/65% 65% 35% 35%;opacity:calc(.5 + .5 * var(--e));box-shadow:0 0 calc(10px + 10px * var(--e)) calc(3px + 3px * var(--e)) rgba(242,184,75,.55);animation:chama 2s ease-in-out infinite;transform-origin:50% 100%}
/* rodapé */
.foot{background:var(--night);color:rgba(255,255,255,.7);padding:4rem 1.5rem 0;overflow:hidden}
.foot .cols{max-width:1160px;margin:0 auto;display:grid;gap:2rem}@media(min-width:800px){.foot .cols{grid-template-columns:1.4fr 1fr 1fr}}
.foot strong{color:#fff;font-family:var(--disp);font-size:1.1rem}.foot p{margin:.5rem 0 0}
.marca{font:600 clamp(5rem,22vw,17rem)/.85 var(--disp);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.14);text-align:center;margin-top:2rem;letter-spacing:-.04em;user-select:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html.js .rv{opacity:1;transform:none}}

/* Altar Virtual: grade 5 colunas x 5 linhas (25 por página) */
.wrap.larga{max-width:1120px}
.altar-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:22px;padding:1rem 1.3rem;margin-bottom:1rem}
.grade{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:640px){.grade{grid-template-columns:repeat(3,1fr)}}
@media(min-width:960px){.grade{grid-template-columns:repeat(5,1fr)}}
.grade .vc{flex:none;min-width:0}
.vc em{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-style:normal;font-size:.78rem;line-height:1.4;color:var(--mute);margin-top:.5rem;word-break:break-word}
.pag{margin-top:1.5rem;align-items:center}

.brand{line-height:1.15;font-size:1.05rem}@media(min-width:900px){.brand{font-size:1.2rem}}

/* marcas d'água dos blocos */
.b h3,.b p{position:relative;z-index:1}.b .seta{z-index:2}
.marca-d{position:absolute;pointer-events:none;z-index:0}
.b-blue .marca-d{fill:#fff;opacity:.14;width:200px;height:200px;right:-.4rem;bottom:-1.4rem}
.b-gold .marca-d{fill:var(--night);opacity:.11;width:110px;height:220px;right:2.2rem;bottom:-2.2rem}
/* redes sociais (ícones sempre no mesmo tamanho) */
.redes{max-width:1160px;margin:0 auto;padding:4rem 1.5rem 1rem;text-align:center}.redes .eyebrow{color:var(--gold2)}
.redes .ic{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}
.redes a{width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;transition:.3s}
.redes a:hover{transform:translateY(-4px);border-color:var(--gold);box-shadow:0 10px 24px rgba(10,18,48,.12)}
.redes img{width:30px;height:30px;object-fit:contain;display:block}

.b-dark .marca-d{fill:var(--gold);opacity:.13;width:230px;height:200px;right:.2rem;bottom:-1rem}
.redes{max-width:none;margin:2.5rem 0 0;background:#efe7d3;border-top:1px solid #dfd4b8;padding:3rem 1.5rem}
.redes-in{max-width:1160px;margin:0 auto}.redes+.foot{margin-top:0}

/* banner clicável */
.hero .slide{pointer-events:none}.hero .slide.on{pointer-events:auto}.hero .slide a{display:block;width:100%;height:100%}
.banner-cta{position:absolute;left:0;right:0;bottom:1.8rem;z-index:3;display:flex;justify-content:center;pointer-events:none}
.bcta{display:none}.bcta.on{display:block;pointer-events:auto}.hero.foto .in{padding-bottom:7rem}
/* descrição de eventos com HTML */
.desc{margin-top:.5rem}.desc p{margin:.3rem 0}.desc ul,.desc ol{padding-left:1.2rem;margin:.3rem 0}.desc a{color:var(--gold2)}

.faixa-contato{background:#e6ecf8;border-top:1px solid #d3dcef}

.faixa-destaque{background:linear-gradient(135deg,#fbf0d4,#f5deae);border-top:1px solid #ecd9a8;border-bottom:1px solid #ecd9a8}
.faixa-destaque .sec{padding-top:4.5rem;padding-bottom:4.5rem}.destaque{display:grid;gap:2rem;align-items:center}
.destaque{--tam:440px}.destaque.tam-pequeno{--tam:280px}.destaque.tam-grande{--tam:600px}
@media(min-width:800px){.destaque.com-img{grid-template-columns:minmax(0,1fr) minmax(0,min(var(--tam),45%));gap:4rem}.d-img{justify-self:end}}
.d-texto h2{font-size:clamp(1.8rem,4vw,2.8rem);margin-bottom:1rem}.d-corpo{font-size:1.05rem}.d-corpo p{margin:0 0 .8rem}
.d-corpo ul,.d-corpo ol{padding-left:1.2rem}.d-corpo a{color:#131f4d;font-weight:600;text-decoration:underline}
.d-img{aspect-ratio:1/1;width:100%;max-width:var(--tam);justify-self:center;border-radius:28px;overflow:hidden;box-shadow:0 20px 50px rgba(10,18,48,.18)}
.d-img img{width:100%;height:100%;object-fit:cover;display:block}

.padre{display:flex;gap:1rem;align-items:flex-start;margin-top:2rem;background:#fff;border:1px solid #d3dcef;border-radius:22px;padding:1.1rem}
.padre img{width:96px;height:96px;border-radius:50%;object-fit:cover;flex:none}
.padre h3{font-size:1.15rem;margin:0 0 .3rem}.padre-txt{font-size:.95rem;color:var(--mute)}.padre-txt p{margin:0 0 .5rem}
.padre-txt a{color:var(--night2);font-weight:600;text-decoration:underline}

/* menu mobile: X sempre visível, sem prender o menu ao cabeçalho e sem rolar a página por trás */
.burger{z-index:2}.brand{position:relative;z-index:2}
body.menu{overflow:hidden}
body.menu .top{backdrop-filter:none;-webkit-backdrop-filter:none;background:transparent;transition:none}
body.menu #nav{z-index:1;overflow-y:auto;padding:5.5rem 1.5rem 2rem;-webkit-overflow-scrolling:touch}
body.menu .burger{background:rgba(255,255,255,.14);border-radius:50%}
@media(min-width:900px){#nav a.so-mobile{display:none}}

/* miniatura da imagem do evento na Home */
.ev.com-img{grid-template-columns:auto 1fr auto auto}
.ev-img{width:60px;height:60px;object-fit:cover;border-radius:14px;border:1px solid var(--line);display:block}
@media(max-width:480px){.ev-img{width:48px;height:48px}}

/* bloco de atalhos: Horários ocupa 2 linhas à esquerda; Doação e Altar Virtual empilham à direita */
@media(min-width:900px){
  .b-l2{grid-row:span 2}.b-r2{grid-row:span 2}
  .b-r1{min-height:200px}
}
.b-doa{background:linear-gradient(145deg,#fff4d6,#f6d58b);color:var(--night);border:1px solid #ecd9a8}
.b-doa:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-70px;background:rgba(255,255,255,.55);filter:blur(30px)}
.b-doa .marca-d{fill:#c9791a;opacity:.16;width:170px;height:155px;right:1rem;bottom:-1rem}

/* Instagram */
.faixa-insta{background:linear-gradient(135deg,#fff1de 0%,#ffe2ea 48%,#eee3fb 100%);border-top:1px solid #f4d3df;border-bottom:1px solid #e3d4f3}
.faixa-insta .sec{padding-top:4.5rem;padding-bottom:4.5rem}.faixa-insta .topo{margin-bottom:2.2rem}
.ig-eyebrow{background:linear-gradient(90deg,#f09433,#dc2743,#bc1888);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.ig-user{margin:.4rem 0 0;font-weight:600;color:#962fbf}
.btn.ig{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);color:#fff}.btn.ig:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(220,39,67,.32)}
.ig-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}@media(min-width:700px){.ig-grade{gap:1.2rem}}
.ig-post{position:relative;display:block;aspect-ratio:1/1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(150,47,191,.16);transition:transform .35s,box-shadow .35s}
.ig-post img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ig-post:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(220,39,67,.25)}.ig-post:hover img{transform:scale(1.05)}
.ig-tag{position:absolute;top:.6rem;right:.6rem;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff;font-size:.8rem}
.ig-leg{display:none}
@media(hover:hover) and (min-width:700px){.ig-leg{position:absolute;left:0;right:0;bottom:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;padding:2.4rem 1rem .9rem;background:linear-gradient(to top,rgba(98,24,120,.88),rgba(98,24,120,0));color:#fff;font-size:.88rem;line-height:1.4;opacity:0;transform:translateY(8px);transition:.3s}.ig-post:hover .ig-leg,.ig-post:focus-visible .ig-leg{opacity:1;transform:none}}
.ig-vazio{text-align:center;background:#fff;border:1px solid #f0d3e3;border-radius:28px;padding:2.4rem 1.5rem;max-width:620px;margin:0 auto;box-shadow:0 10px 28px rgba(150,47,191,.12)}
.ig-vazio p{color:var(--mute);margin:.2rem 0 1.4rem}
.ig-ico{width:64px;height:64px;border-radius:20px;display:inline-grid;place-items:center;color:#fff;background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.ig-ico svg{width:34px;height:34px}

/* botão de avisos na página inicial (o rótulo e o funcionamento vêm do script de notificações do layout) */
.btn[hidden]{display:none}
.ag-btns{display:flex;flex-wrap:wrap;gap:.7rem}
.btn.o{background:transparent;border:1.5px solid var(--gold2);color:var(--night);cursor:pointer;font:inherit;font-weight:600}.btn.o:hover{background:rgba(242,184,75,.18);transform:translateY(-3px)}

/* rodapé: Desenvolvido por */
.foot .devby{position:relative;z-index:2;max-width:1160px;margin:2.2rem auto 0;text-align:center;font-size:.82rem;color:rgba(255,255,255,.55)}.foot .devby a{color:rgba(255,255,255,.85);text-decoration:underline}.foot .devby a:hover{color:#f2b84b}

.foot .marca{pointer-events:none}

/* liturgia diária: página */
.lit-nav{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:0 0 1.4rem;font-weight:600}
.lit-nav a{color:var(--gold2);text-decoration:none}.lit-nav a:hover{text-decoration:underline}
.lit-dia{text-align:center;display:flex;flex-direction:column;gap:.2rem}.lit-dia strong{text-transform:capitalize}.lit-dia a{font-size:.85rem;font-weight:500}
.lit-topo{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.2rem;margin:0 0 1.2rem}.lit-topo h2{font:600 clamp(1.5rem,3.4vw,2.2rem)/1.2 var(--disp);margin:0}
.lit-cor{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .9rem;border:1px solid var(--line);border-radius:999px;background:#fff;font-weight:600;font-size:.9rem}
.lit-cor i,.lit-pt{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.28);flex:none}
.lit-item+.lit-item{margin-top:1.8rem;padding-top:1.6rem;border-top:1px dashed var(--line)}
.lit-tipo{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute);margin:0 0 .2rem}
.lit-ref{font-weight:700;color:var(--gold2);margin:0 0 .3rem}.lit-tit{font-style:italic;color:var(--mute);margin:0 0 .9rem}
.lit-refrao{background:#fff8e5;border-left:4px solid var(--gold);padding:.7rem 1rem;border-radius:8px;margin:.4rem 0 1rem}
.lit-txt{line-height:1.75}
.lit-orac summary{cursor:pointer;font:600 1.4rem var(--disp)}.lit-orac h3{font-size:1.05rem;margin:1.4rem 0 .3rem;color:var(--gold2)}.lit-orac p{margin:0;line-height:1.7}
.lit-fonte{text-align:center;color:var(--mute);font-size:.85rem;margin:1.5rem 0}
/* liturgia diária: bloco da página inicial */
.faixa-lit{background:linear-gradient(180deg,#fbf6ea,#f3e9d2);border-top:1px solid #eadcb8;border-bottom:1px solid #eadcb8}
.faixa-lit .sec{padding-top:4rem;padding-bottom:4rem}
.lit-home{display:grid;gap:1.6rem;align-items:center}@media(min-width:900px){.lit-home{grid-template-columns:1fr 1.3fr auto;gap:3rem}}
.lit-home h2{margin:.2rem 0 .6rem}.lit-home-sub{display:flex;align-items:center;gap:.55rem;font-weight:600;margin:0}
.lit-home-lista{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}.lit-home-lista li{padding-left:1rem;border-left:3px solid var(--gold)}.lit-home-lista b{color:var(--gold2)}

/* separação visual: horários e botões em faixa azul-acinzentada, entre a liturgia e as velas */
.faixa-bento{background:#e8edf7;border-top:1px solid #d5deef;border-bottom:1px solid #d5deef}
/* liturgia: a navegação por dias fica em uma barra escura com texto claro (legível sobre o fundo azul e sobre o claro) */
.lit-nav{background:linear-gradient(135deg,var(--night2),var(--night));color:#fff;border-radius:999px;padding:.8rem 1.5rem;box-shadow:0 10px 28px rgba(10,18,48,.22)}
.lit-nav a{color:var(--gold)}.lit-nav a:hover{color:#fff}
.lit-dia strong{color:#fff}.lit-dia a{color:var(--gold)}
@media(max-width:620px){.lit-nav{flex-wrap:wrap;border-radius:24px;padding:.9rem 1.1rem}.lit-dia{order:-1;flex:1 0 100%;margin-bottom:.2rem}}