/* =====================================================================
   IBQ · Um lugar para respirar
   Layout do Figma "SITE NOVO_Igreja Batista em Quitaúna" (Bia, 2026):
   Aller Display nos títulos, Aller no texto, fundo creme, cartões coloridos
   com as formas da marca, rodapé grafite. Os bentos de símbolos continuam.
   ===================================================================== */
:root{
  /* marca (arquivos "Redesign Logo IBQ / BGs") */
  --areia:#e3d7b1; --rosa:#c48381; --oliva:#90905a; --ocre:#c9942a; --ferrugem:#a8471c;
  --cafe:#52321a; --lilas:#9f94a3; --teal:#2d514d; --ceu:#82a1b5; --verde:#5e7c4a;
  --azul:#194471; --terra:#856451; --grafite:#2e2d2b;

  /* papéis (Figma) */
  --bg:#fffdf7; --bg-2:#faf7ef; --bg-3:#f5f4ee; --card:#ffffff; --fg:#2e2d2b; --fg-2:#56534e; --fg-3:#8a867e;
  --linha:#ece7da; --acento:#5e7c4a; --acento-fg:#ffffff; --foco:#c9942a; --rotulo:#a8471c;
  --espiritualidade:#5e7c4a; --reflexao:#c9942a; --imitacao:#c48381;
  --sombra:0 1px 2px rgba(46,45,43,.04), 0 14px 34px -20px rgba(46,45,43,.28);

  --f-display:"aller-display", "Aller Display", "aller", "Aller", "Trebuchet MS", system-ui, sans-serif;
  --f-ui:"aller", "Aller", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --f-leitura:"aller", "Aller", "Trebuchet MS", "Segoe UI", system-ui, sans-serif;
  --f-serif:"Newsreader", Georgia, serif;

  --max:1280px; --gutter:clamp(16px,5.5vw,80px); --raio:20px;
  color-scheme:light;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.65 var(--f-ui);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3,h4{font-family:var(--f-display);font-weight:400;line-height:1.12;margin:0;text-wrap:balance}
:focus-visible{outline:3px solid var(--foco);outline-offset:3px;border-radius:6px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:calc(var(--max) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.estreito{max-width:calc(820px + 2*var(--gutter))}
.logo-escuro{display:none}

/* ---------- tipografia ---------- */
.sobre{font:700 12px/1.2 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--rotulo);display:flex;align-items:center;gap:10px}
.sobre img{width:18px;height:18px;object-fit:contain;flex-shrink:0}
.sobre.verde{color:var(--verde)}
.centro .sobre,.sobre.centro{justify-content:center}
.lead{font:400 clamp(17px,1.5vw,19px)/1.7 var(--f-ui);color:var(--fg-2);max-width:62ch}
.leitura{font:400 18px/1.8 var(--f-leitura);color:var(--fg);max-width:68ch}
.leitura p+p{margin-top:1.1em}
.frase{font:400 clamp(22px,2.6vw,32px)/1.3 var(--f-display)}
.d{font-family:var(--f-display)}
.t1{font-size:clamp(40px,5.2vw,72px)}
.t2{font-size:clamp(30px,3.4vw,46px)}
.t3{font-size:clamp(22px,2vw,28px)}
.meta{font:400 14px/1.4 var(--f-ui);color:var(--fg-3);font-variant-numeric:tabular-nums}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 28px;border-radius:999px;font:700 15px/1 var(--f-ui);text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -14px rgba(46,45,43,.5)}
.btn-cheio{background:var(--acento);color:var(--acento-fg)}
.btn-linha{border-color:var(--acento);color:var(--acento);background:transparent}
.btn-claro,.btn-branco{background:#fff;color:var(--fg)}
.btn-p{min-height:40px;padding:8px 18px;font-size:14px}
.btn svg{width:14px;height:14px}
.link{font:700 14px/1.2 var(--f-ui);text-decoration:none;display:inline-flex;align-items:center;gap:8px;color:var(--acento)}
.link::after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.9 7h8.2M7 11.1 11.1 7 7 2.9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M2.9 7h8.2M7 11.1 11.1 7 7 2.9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .15s}
.link:hover::after{transform:translateX(3px)}
.link.sem-seta::after{display:none}
.link.voltar::after{display:none}
.acoes{display:flex;flex-wrap:wrap;gap:14px}
.pilula{display:inline-flex;align-items:center;justify-self:start;font:700 11px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;padding:7px 12px;border-radius:999px;background:color-mix(in srgb,var(--c,var(--verde)) 14%,#fff);color:var(--c,var(--verde))}
.pilula.cheia{background:var(--c,var(--verde));color:#fff}

/* ---------- cabeçalho ---------- */
.topo{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid var(--linha)}
.topo .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:92px}
.marca{display:flex;align-items:center;justify-self:start}
.marca img{height:48px;width:auto}
.menu{display:flex;align-items:center;gap:clamp(14px,2.2vw,40px)}
.menu a{font:400 15px/1 var(--f-ui);text-decoration:none;color:var(--fg);padding:10px 0;position:relative;white-space:nowrap}
.menu a:hover{color:var(--acento)}
.menu a[aria-current="page"]{color:var(--acento);font-weight:700}
.menu a[aria-current="page"]::after{content:"";position:absolute;left:50%;bottom:-2px;width:16px;height:2px;border-radius:2px;background:var(--acento);transform:translateX(-50%)}
.topo-acoes{justify-self:end;display:flex;align-items:center;gap:6px}
.ic-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:none;border:0;color:var(--fg);cursor:pointer;text-decoration:none}
.ic-btn:hover{background:var(--bg-2)}
.ic-btn svg{width:20px;height:20px}
.gaveta{position:fixed;inset:0;z-index:60;display:none}
.gaveta.aberta{display:block}
.gaveta .fundo{position:absolute;inset:0;background:rgba(46,45,43,.4)}
.gaveta nav{position:absolute;top:0;right:0;bottom:0;width:min(400px,92vw);background:var(--bg);padding:24px 28px 32px;display:flex;flex-direction:column;gap:4px;overflow:auto;box-shadow:-20px 0 60px -30px rgba(0,0,0,.5)}
.gaveta .fechar{align-self:flex-end;margin-bottom:8px}
.gaveta h4{font:700 11px/1 var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--rotulo);margin:18px 0 6px}
.gaveta a{font:400 20px/1.2 var(--f-display);text-decoration:none;padding:9px 0;display:flex;align-items:center;gap:12px}
.gaveta a img{width:18px;height:18px}
.gaveta a[aria-current="page"]{color:var(--acento)}
.gaveta .btn{font:700 15px/1 var(--f-ui);margin-top:18px;justify-content:center}
@media (max-width:1020px){
  .topo .wrap{grid-template-columns:1fr auto;min-height:76px}
  .menu{display:none}
  .marca img{height:42px}
}

/* ---------- seções ---------- */
section{padding-block:clamp(56px,7vw,110px)}
.faixa{background:var(--bg-2)}
.faixa-3{background:var(--bg-3)}
.cab{display:grid;gap:12px;margin-bottom:clamp(28px,3.4vw,48px)}
.cab.centro{justify-items:center;text-align:center}
.cab.centro .lead{margin-inline:auto}
.cab-linha{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:clamp(24px,3vw,40px)}
.cab-linha .link{text-decoration:underline;text-underline-offset:4px}
.cab-linha .link::after{display:none}
.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,64px);align-items:center}
.grade-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px)}
@media (max-width:900px){.grade-2,.grade-3{grid-template-columns:1fr}}

/* cabeçalho das páginas internas */
.cab-pagina{padding-block:clamp(44px,6vw,88px) clamp(40px,5vw,72px);border-bottom:1px solid var(--linha);position:relative;overflow:hidden}
.cab-pagina .wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center}
.cab-pagina h1{margin:14px 0 16px}
.cab-pagina .lead{max-width:56ch}
.cab-pagina .mosaico{width:clamp(150px,20vw,270px);justify-self:end}
@media (max-width:760px){.cab-pagina .wrap{grid-template-columns:1fr}.cab-pagina .mosaico{justify-self:start;width:180px}}

/* ---------- formas e bentos (identidade visual) ---------- */
.c-areia{background:var(--areia)} .c-rosa{background:var(--rosa)} .c-oliva{background:var(--oliva)} .c-ocre{background:var(--ocre)}
.c-ferrugem{background:var(--ferrugem)} .c-cafe{background:var(--cafe)} .c-lilas{background:var(--lilas)} .c-teal{background:var(--teal)}
.c-ceu{background:var(--ceu)} .c-verde{background:var(--verde)} .c-azul{background:var(--azul)} .c-terra{background:var(--terra)} .c-grafite{background:var(--grafite)}
.c-creme{background:var(--bg-2)}
.mosaico{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(6px,.8vw,10px);width:100%}
.mosaico > *{border-radius:12px;overflow:hidden;position:relative;display:grid;place-items:center;aspect-ratio:1}
.mosaico .ladrilho:not(.forte){background:var(--bg-2);border:1px solid var(--linha)}
.mosaico .ladrilho.forte{border-color:transparent}
.mosaico .ladrilho img{width:60%;height:60%;object-fit:contain;animation:respira 9s ease-in-out infinite}
.mosaico .ladrilho:nth-child(2n) img{animation-delay:-3s}
.mosaico .ladrilho:nth-child(3n) img{animation-delay:-6s}
.mosaico .foto{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
.mosaico .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@keyframes respira{0%,100%{transform:scale(.9)}50%{transform:scale(1.04)}}
@media (prefers-reduced-motion:reduce){.mosaico .ladrilho img,.grande img{animation:none!important}}
.branca{filter:brightness(0) invert(1)}
/* forma decorativa num canto de um cartão colorido */
.canto{position:absolute;pointer-events:none;filter:brightness(0) invert(1);opacity:.2;width:clamp(90px,9vw,130px)}
.canto.sd{top:-8px;right:-8px} .canto.ie{bottom:-10px;left:-10px} .canto.id{bottom:-10px;right:-10px} .canto.se{top:-10px;left:-10px}

/* ---------- início ---------- */
.heroi{padding-block:clamp(48px,7vw,96px) clamp(40px,5vw,72px);position:relative;overflow:hidden}
.heroi .texto{display:grid;justify-items:center;text-align:center;gap:22px;max-width:860px;margin-inline:auto;position:relative;z-index:1}
.heroi h1{font-size:clamp(42px,5.6vw,76px);line-height:1.02}
.heroi .lead{max-width:60ch;text-align:center}
.heroi .acoes{justify-content:center;margin-top:6px}
.heroi .deco{position:absolute;width:clamp(56px,6vw,92px);opacity:.9}
.heroi .deco.a{left:clamp(12px,5vw,110px);top:clamp(80px,9vw,150px);background:var(--bg-2);padding:10px;border-radius:4px;border:1px solid var(--linha)}
.heroi .deco.b{right:clamp(8px,3vw,60px);top:clamp(200px,20vw,300px);width:clamp(60px,7vw,110px)}
@media (max-width:760px){.heroi .deco{display:none}}
/* bento largo: foto no centro, símbolos em volta */
.bento-heroi{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:clamp(6px,.8vw,12px);margin-top:clamp(36px,4vw,56px)}
.bento-heroi > *{border-radius:clamp(10px,1.2vw,18px);overflow:hidden;display:grid;place-items:center;aspect-ratio:1;position:relative}
.bento-heroi .ladrilho:not(.forte){background:var(--bg-2);border:1px solid var(--linha)}
.bento-heroi .ladrilho.forte{border:0}
.bento-heroi .ladrilho img{width:58%;height:58%;object-fit:contain;animation:respira 9s ease-in-out infinite}
.bento-heroi .ladrilho:nth-child(2n) img{animation-delay:-4s}
.bento-heroi .foto{grid-column:3 / span 4;grid-row:1 / span 2;aspect-ratio:auto}
.bento-heroi .foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:700px){.bento-heroi{grid-template-columns:repeat(4,minmax(0,1fr))}.bento-heroi .foto{grid-column:1 / -1;grid-row:1;aspect-ratio:4/3}.bento-heroi .ladrilho:nth-child(n+6){display:none}}

/* cartões coloridos (quem somos, categorias, encontros) */
.cartao-cor{position:relative;overflow:hidden;border-radius:var(--raio);padding:clamp(24px,2.6vw,36px);color:#fff;text-decoration:none;display:flex;flex-direction:column;gap:12px;min-height:clamp(260px,24vw,340px);transition:transform .2s ease,box-shadow .2s ease}
a.cartao-cor:hover{transform:translateY(-4px);box-shadow:0 22px 40px -26px rgba(46,45,43,.6)}
.cartao-cor h3{font-size:clamp(24px,2vw,30px);color:#fff;position:relative}
.cartao-cor p{position:relative;color:rgba(255,255,255,.92)}
.cartao-cor .d{font-size:15px;line-height:1.55}
.cartao-cor .sobre{color:rgba(255,255,255,.85);position:relative}
.cartao-cor .sobre img{filter:brightness(0) invert(1)}
.cartao-cor .rodape-c{margin-top:auto;font:700 14px/1 var(--f-ui);display:inline-flex;align-items:center;gap:8px;position:relative;color:#fff}
.cartao-cor .rodape-c::after{content:"→"}
.cartao-cor ul{margin:8px 0 0;padding:0 0 0 18px;display:grid;gap:8px;position:relative;font-size:15px}
.cartao-cor .quadro{position:absolute;width:clamp(44px,4vw,56px);height:clamp(44px,4vw,56px);background:rgba(255,255,255,.14)}
.cartao-cor .quadro.se{left:0;top:0;border-bottom-right-radius:4px}
.cartao-cor .quadro.id{right:0;bottom:0;border-top-left-radius:4px}

/* trilhas (cartões brancos com ícone) */
.trilhas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);max-width:1120px;margin-inline:auto}
@media (max-width:900px){.trilhas{grid-template-columns:1fr}}
.trilha{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(24px,2.4vw,40px);display:grid;gap:14px;align-content:start;text-decoration:none;box-shadow:var(--sombra);transition:transform .2s ease}
.trilha:hover{transform:translateY(-4px)}
.ic-forma{width:64px;height:64px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--c,var(--verde)) 14%,#fff);margin-bottom:22px}
.ic-forma img{width:52%;height:52%;object-fit:contain}
.trilha h3{font:700 23px/1.2 var(--f-ui)}
.trilha p{font:400 15px/1.6 var(--f-display);color:var(--fg-2)}
.trilha .link{margin-top:14px;color:var(--c,var(--verde))}

/* convite */
.convite{text-align:center}
.convite .wrap{display:grid;justify-items:center;gap:22px}
.convite .pilula{justify-self:center}
.convite h2{font-size:clamp(34px,4.2vw,58px)}
.convite .sub{font:700 12px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--verde)}
.convite ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font:400 19px/1.4 var(--f-display)}
.convite ul li{display:flex;align-items:center;justify-content:center;gap:10px}
.convite ul li img{width:18px;height:18px}
.convite .mosaico-linha{display:grid;grid-template-columns:repeat(6,56px);gap:8px;margin-top:12px}
.convite .mosaico-linha > *{aspect-ratio:1;border-radius:10px;display:grid;place-items:center}
.convite .mosaico-linha > :not([class]){background:var(--bg);border:1px solid var(--linha)}
.convite .mosaico-linha img{width:58%}
@media (max-width:480px){.convite .mosaico-linha{grid-template-columns:repeat(6,1fr);width:100%}}

/* ---------- por que existimos ---------- */
.razao{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:center}
.razao .leitura{font-size:clamp(17px,1.4vw,19px)}
.bloco-cor{position:relative;overflow:hidden;border-radius:var(--raio);padding:clamp(28px,3vw,44px);color:#fff;display:grid;align-content:end;min-height:clamp(260px,26vw,380px)}
.bloco-cor p.frase{color:#fff;position:relative;font-size:clamp(24px,2.4vw,34px)}
.bloco-cor .quadro-forma{position:absolute;top:0;right:0;width:clamp(90px,10vw,150px);aspect-ratio:1;display:grid;place-items:center}
.bloco-cor .quadro-forma img{width:100%;height:100%;object-fit:contain;filter:brightness(0);opacity:.22}
@media (max-width:860px){.razao{grid-template-columns:1fr}}
.alterna{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:center}
.alterna + .alterna{margin-top:clamp(64px,8vw,120px)}
.alterna h2{margin:12px 0 22px}
.alterna .leitura{margin-bottom:26px}
.alterna.inverte .texto{order:2}
.alterna.direita .texto{text-align:right;justify-items:end}
.alterna.direita .texto .sobre{justify-content:flex-end}
.alterna.direita .texto .leitura{margin-left:auto}
.alterna .texto{display:grid;justify-items:start}
.foto-forma{position:relative;border-radius:var(--raio);overflow:visible}
.foto-forma > img{width:100%;height:auto;aspect-ratio:1.07;object-fit:cover;border-radius:var(--raio)}
.foto-forma .selo{position:absolute;width:clamp(56px,6vw,84px);aspect-ratio:1;border-radius:14px;display:grid;place-items:center;box-shadow:0 12px 30px -16px rgba(0,0,0,.5)}
.foto-forma .selo img{width:58%}
.foto-forma .selo.ie{left:-16px;bottom:-16px} .foto-forma .selo.sd{right:-16px;top:-16px} .foto-forma .selo.se{left:-16px;top:-16px}
.foto-forma .btn{position:absolute;left:50%;bottom:-22px;transform:translateX(-50%);font-size:clamp(15px,1.3vw,19px);min-height:58px;padding-inline:30px;white-space:nowrap}
.foto-forma .btn:hover{transform:translateX(-50%) translateY(-1px)}
.valores-lista{list-style:none;margin:0;padding:0;display:grid;gap:4px;justify-items:end;font:400 clamp(19px,1.6vw,22px)/1.4 var(--f-ui)}
.valores-lista li{display:flex;align-items:center;gap:12px}
.valores-lista li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--verde)}
@media (max-width:860px){.alterna{grid-template-columns:1fr}.alterna.inverte .texto{order:0}.alterna.direita .texto{text-align:left;justify-items:start}.alterna.direita .texto .sobre{justify-content:flex-start}.alterna.direita .texto .leitura{margin-left:0}.valores-lista{justify-items:start}}
.visao-missao{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(16px,2.4vw,34px)}
.visao-missao .bloco-cor{align-content:start;gap:18px}
.visao-missao .sobre{color:rgba(255,255,255,.85)}
.bloco-cor .sobre img{filter:brightness(0) invert(1)}
.visao-missao .frase{font-size:clamp(22px,2.1vw,30px);line-height:1.4}
.visao-missao .circulo{position:absolute;right:-30px;top:-30px;width:clamp(120px,11vw,150px);aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.14);display:grid;place-items:center}
.visao-missao .circulo::after{content:"";width:44%;aspect-ratio:1;border-radius:50%;background:rgba(0,0,0,.08)}
@media (max-width:860px){.visao-missao{grid-template-columns:1fr}}
.identidade .cartao-branco h3{font:700 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--c)}
.cartao-branco{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(20px,2vw,28px);display:grid;gap:12px;align-content:start;box-shadow:var(--sombra)}
.cartao-branco .ic-forma{width:52px;height:52px;border-radius:10px;margin-bottom:6px}
.cartao-branco p{color:var(--fg-2);font-size:16px}
.cartao-branco .frase-c{font:400 17px/1.45 var(--f-display);color:var(--fg)}

/* ---------- conteúdos ---------- */
.categorias{border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(12px,1.6vw,22px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);background:var(--card)}
.categorias .cartao-cor{min-height:clamp(210px,20vw,290px)}
.categorias .cartao-cor h3{font-size:clamp(28px,2.4vw,34px)}
.categorias .cartao-cor .canto{width:clamp(96px,9vw,140px);opacity:.22}
@media (max-width:700px){.categorias{grid-template-columns:1fr}}
.banner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:var(--bg-2);margin-top:clamp(20px,2.4vw,34px)}
.banner .mosaico{border-radius:0;gap:8px;padding:clamp(14px,1.6vw,22px);background:var(--card);align-content:center}
.banner .mosaico > *{border-radius:10px}
.banner .texto{padding:clamp(26px,4vw,56px);display:grid;gap:14px;align-content:center;justify-items:start}
@media (max-width:760px){.banner{grid-template-columns:1fr}}

/* destaque + explorador */
.destaque{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;background:var(--card);box-shadow:var(--sombra);margin-bottom:clamp(36px,4.4vw,64px)}
.destaque .imagem{position:relative;min-height:280px;display:grid;place-items:center;overflow:hidden}
.destaque .imagem > img.forma{width:32%}
.destaque .imagem .mini{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.destaque .imagem .mini.ok{opacity:1}
.destaque .texto{padding:clamp(24px,3.4vw,52px);display:grid;gap:14px;align-content:center;justify-items:start}
.destaque h2{font:700 clamp(24px,2.4vw,34px)/1.2 var(--f-ui)}
.destaque .d{color:var(--fg-2);font-size:15px}
@media (max-width:800px){.destaque{grid-template-columns:1fr}}
.pilula.destaque-semana{--c:var(--ferrugem)}

.barra-filtros{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:clamp(20px,2.4vw,34px)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{border:1px solid var(--linha);background:var(--card);color:var(--fg);border-radius:999px;padding:10px 16px;font:700 13px/1 var(--f-ui);cursor:pointer}
.chip:hover{border-color:var(--acento)}
.chip[aria-pressed="true"],.chip[aria-selected="true"]{background:var(--acento);color:#fff;border-color:var(--acento)}
.chip .n{opacity:.65;font-weight:400;margin-left:4px}
.busca{position:relative;flex:0 1 320px;min-width:220px}
.busca svg{position:absolute;left:16px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--fg-2)}
.busca input,.filtros select,.campo{font:400 15px var(--f-ui);color:var(--fg);background:var(--card);border:1px solid var(--linha);border-radius:999px;padding:12px 18px;width:100%}
.busca input{padding-left:42px}
.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}
.filtros select{width:auto}
.contador{font:400 14px var(--f-ui);color:var(--fg-3);margin-bottom:16px}
.explorar{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(20px,2.6vw,36px);align-items:start}
.lateral{background:var(--bg-2);border:1px solid var(--linha);border-radius:var(--raio);padding:22px 18px;display:grid;gap:26px;position:sticky;top:112px}
.lateral h4{font:700 11px/1.2 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--verde)}
.lateral .cats{display:grid}
.lateral .cats button{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:12px 2px;border-bottom:1px solid var(--linha);font:400 15px/1 var(--f-ui)}
.lateral .cats button:last-child{border-bottom:0}
.lateral .cats button:focus-visible{outline:3px solid var(--foco);border-radius:4px}
.lateral .cats button[aria-selected="true"]{font-weight:700;color:var(--acento)}
.lateral .cats .n{min-width:22px;height:18px;padding:0 6px;border-radius:999px;display:grid;place-items:center;font:700 10px/1 var(--f-ui);color:#fff;background:var(--c,var(--verde))}
.lateral .receba{background:#fff;border:1px solid var(--linha);border-radius:14px;padding:16px;display:grid;gap:12px}
.lateral .receba p{font:400 15px/1.45 var(--f-display)}
.lateral .receba .btn{min-height:42px;font-size:14px;padding-inline:14px}
@media (max-width:900px){.explorar{grid-template-columns:1fr}.lateral{position:static}.lateral .cats{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 12px}.lateral .receba{display:none}}
@media (max-width:480px){.lateral .cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.painel[hidden]{display:none}
.painel .cab{margin-bottom:22px}

.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(12px,1.4vw,18px)}
.cartao{background:var(--card);border:1px solid var(--linha);border-radius:14px;overflow:hidden;text-decoration:none;display:grid;grid-template-rows:auto 1fr;transition:transform .2s ease,box-shadow .2s ease;min-width:0}
.cartao:hover{transform:translateY(-3px);box-shadow:var(--sombra)}
.cartao .capa{border-radius:0}
.cartao .corpo{padding:14px 16px 18px;display:grid;gap:8px;align-content:start}
.cartao h3{font:400 17px/1.3 var(--f-display)}
.cartao .resumo{font-size:14px;color:var(--fg-2);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.paginacao{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:clamp(26px,3vw,40px)}
.paginacao .nums{display:flex;gap:6px;flex-wrap:wrap;justify-content:center}
.paginacao button{all:unset;cursor:pointer;font:400 14px/1 var(--f-ui);color:var(--fg-2);padding:8px 4px}
.paginacao button:disabled{opacity:.35;cursor:default}
.paginacao .nums button{width:32px;height:32px;padding:0;border-radius:50%;border:1px solid var(--linha);display:grid;place-items:center;font-size:13px}
.paginacao .nums button[aria-current="page"]{background:var(--acento);color:#fff;border-color:var(--acento)}
.paginacao .nums span{align-self:center;color:var(--fg-3)}
.paginacao button:focus-visible{outline:3px solid var(--foco)}

/* cartões de vídeo */
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.capa{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;display:grid;place-items:center}
.capa .forma{width:30%;height:auto;opacity:.95;transition:transform .4s ease}
.capa .mini{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s}
.capa .mini.ok{opacity:1}
.capa .dur{position:absolute;right:8px;bottom:8px;background:rgba(20,16,12,.78);color:#fff;font:700 11px/1 var(--f-ui);padding:5px 7px;border-radius:6px;font-variant-numeric:tabular-nums}
.capa .play{position:absolute;left:10px;bottom:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center}
.capa .play svg{width:12px;height:12px;margin-left:2px;fill:#2e2d2b}
.cartao:hover .forma{transform:scale(1.08) rotate(-4deg)}
.video{display:grid;gap:10px;text-decoration:none;align-content:start;min-width:0}
.video h3{font:400 18px/1.3 var(--f-display)}
.video .tema{font:700 11px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--acento)}

/* séries temáticas */
.series-tematicas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,22px)}
.serie-cor{position:relative;overflow:hidden;border-radius:var(--raio);padding:22px;color:#fff;text-decoration:none;display:grid;align-content:space-between;gap:40px;min-height:clamp(190px,14vw,200px);transition:transform .2s}
.serie-cor:hover{transform:translateY(-3px)}
.serie-cor small{font:700 11px/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;opacity:.9;position:relative}
.serie-cor h3{font-size:22px;color:#fff;position:relative}
.serie-cor .rodape-c{font:700 12px/1 var(--f-ui);position:relative;margin-top:8px;display:block}
.serie-cor .rodape-c::after{content:" →"}
.serie-cor .canto{width:90px;opacity:.2}
@media (max-width:900px){.series-tematicas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.series-tematicas{grid-template-columns:1fr}}
.series{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}
.serie{background:var(--card);border:1px solid var(--linha);border-radius:var(--raio);overflow:hidden;display:grid;grid-template-rows:auto 1fr}
.serie .topo-serie{aspect-ratio:2.4/1;display:grid;place-items:center;position:relative}
.serie .topo-serie img{width:22%}
.serie .corpo{padding:20px;display:grid;gap:10px;align-content:start}
.serie h3{font-size:22px}
.serie ol{margin:6px 0 0;padding:0;list-style:none;display:grid;counter-reset:ep}
.serie ol a{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:8px;padding:9px 0;border-top:1px solid var(--linha);text-decoration:none;font:400 15px/1.35 var(--f-ui);counter-increment:ep}
.serie ol a::before{content:counter(ep);font:700 13px/1.35 var(--f-ui);color:var(--fg-3)}
.serie ol a:hover{color:var(--acento)}
.serie details summary{cursor:pointer;list-style:none}
.serie details summary::-webkit-details-marker{display:none}
.selo-status{justify-self:start;font:700 11px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:999px;background:var(--bg-2);color:var(--fg-2)}
.selo-status.vivo{background:var(--verde);color:#fff}

/* indicação / livros */
.indicacao{background:var(--bg-2);border-radius:var(--raio);padding:clamp(28px,5vw,80px);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);align-items:center}
.indicacao .livro-grande{position:relative;max-width:260px;justify-self:center;width:100%}
.indicacao .livro-grande .folhas{position:absolute;left:-40px;top:0;width:120px;opacity:.35}
.indicacao .texto{display:grid;gap:14px;justify-items:start}
.indicacao h2{font:400 clamp(30px,3.4vw,44px)/1.1 var(--f-display)}
.indicacao .autor{font:italic 400 19px/1.3 var(--f-serif);color:var(--fg-2)}
.indicacao .porque{font:700 11px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--verde);margin-top:10px}
.indicacao .d{font-size:15px;line-height:1.6;color:var(--fg-2);max-width:56ch}
@media (max-width:760px){.indicacao{grid-template-columns:1fr}}
.livros{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px}
.livro{display:grid;gap:12px;align-content:start;text-decoration:none}
.capa-livro{aspect-ratio:2/3;border-radius:4px 10px 10px 4px;padding:20px 18px;display:grid;grid-template-rows:auto 1fr auto;color:#fffaf0;box-shadow:inset 7px 0 0 rgba(0,0,0,.14),var(--sombra);position:relative;overflow:hidden}
.capa-livro b{font:400 23px/1.08 var(--f-display);position:relative}
.capa-livro small{font:italic 400 14px/1.3 var(--f-ui);position:relative;margin-top:6px;display:block}
.capa-livro .aut{font:700 10px/1.3 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;position:relative}
.capa-livro img{position:absolute;right:-18%;bottom:12%;width:78%;opacity:.3}
.capa-livro .real{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;right:auto;bottom:auto}
.capa-livro .real.ok{opacity:1}
.livro h3{font:400 19px/1.2 var(--f-display)}
.livro p{font-size:15px;color:var(--fg-2)}
.livro .link{justify-self:start}

/* vazio */
.vazio{border:1.5px dashed var(--linha);border-radius:var(--raio);padding:clamp(24px,4vw,44px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;background:var(--card)}
.vazio img{width:64px}
.vazio h3{font-size:22px;margin-bottom:6px}
.vazio p{color:var(--fg-2)}
@media (max-width:560px){.vazio{grid-template-columns:1fr}}
.aviso{font:400 15px/1.5 var(--f-ui);color:var(--fg-2);background:var(--bg-2);border-radius:12px;padding:14px 16px}

/* ---------- caminhe conosco ---------- */
.texto-cartao{position:relative;background:var(--bg-2);border:1px solid var(--linha);border-radius:var(--raio);padding:clamp(24px,3.4vw,44px);max-width:1120px;margin-inline:auto}
.texto-cartao .leitura{max-width:none;font-size:clamp(16px,1.25vw,18px)}
.texto-cartao .folha{position:absolute;right:-8px;bottom:-40px;width:clamp(70px,8vw,110px)}
.pastor{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:clamp(24px,5vw,56px);align-items:start;position:relative}
.pastor .leitura{font-size:16px;line-height:1.7}
.pastor h2{margin:10px 0 16px}
.pastor figure{margin:0;display:grid;gap:16px}
.pastor figure .foto-forma > img{aspect-ratio:1.3;object-position:50% 25%}
.pastor figcaption{font:400 17px/1.55 var(--f-ui)}
.pastor .fundo-forma{position:absolute;left:calc(-1*var(--gutter));bottom:-40px;width:140px;opacity:.12;pointer-events:none}
@media (max-width:860px){.pastor{grid-template-columns:1fr}.pastor figure{order:-1}}

/* ---------- participe ---------- */
.conversa{background:var(--bg-2);border-radius:var(--raio);padding:clamp(24px,4.4vw,64px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px)}
.conversa form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.conversa .campo{border-radius:10px;background:#fff}
.conversa textarea.campo{grid-column:1/-1;min-height:100px;resize:vertical;font-family:var(--f-ui)}
.conversa .acoes{grid-column:1/-1;margin-top:10px}
.proximos{display:grid;margin-top:22px}
.proximos .item{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:18px;padding:18px 0;border-bottom:1px solid var(--linha);align-items:start}
.proximos .data{width:56px;height:56px;border-radius:10px;background:color-mix(in srgb,var(--verde) 12%,#fff);display:grid;place-items:center;align-content:center;gap:2px;color:var(--verde)}
.proximos .data b{font:700 20px/1 var(--f-ui)}
.proximos .data small{font:700 9px/1 var(--f-ui);letter-spacing:.1em;text-transform:uppercase}
.proximos h4{font:700 16px/1.3 var(--f-ui)}
.proximos p{font:400 14px/1.5 var(--f-display);color:var(--fg-2);margin-top:4px}
.proximos .hora{font:400 13px/1 var(--f-ui);color:var(--fg-2);padding-top:4px}
@media (max-width:860px){.conversa{grid-template-columns:1fr}}
@media (max-width:480px){.conversa form{grid-template-columns:1fr}}
.pg-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);max-width:1120px;margin-inline:auto}
.pg-cards .trilha h3{font-size:21px}
.pg-cards .trilha .onde{font:700 12px/1 var(--f-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
@media (max-width:900px){.pg-cards{grid-template-columns:1fr}}
.visita{background:var(--bg);border-radius:4px;padding:clamp(20px,4vw,56px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.visita .texto{display:grid;gap:12px;justify-items:start}
.visita h3{font-size:clamp(26px,2.4vw,32px)}
.visita b{font:700 16px/1.6 var(--f-ui)}
@media (max-width:860px){.visita{grid-template-columns:1fr}}
.mapa{border-radius:14px;overflow:hidden;background:var(--areia);aspect-ratio:4/3;position:relative;display:block;text-decoration:none;color:#2e2d2b;box-shadow:var(--sombra)}
.mapa svg{width:100%;height:100%;display:block}
.mapa .pino{position:absolute;left:50%;top:46%;transform:translate(-50%,-100%);display:grid;justify-items:center;gap:6px}
.mapa .pino span{background:#2e2d2b;color:#fff;font:700 14px/1.2 var(--f-ui);padding:8px 12px;border-radius:999px;white-space:nowrap}
.faixa-cafe{background:#4f3113;color:#fff;border-radius:22px 22px 0 0;position:relative;overflow:hidden;text-align:center;padding-block:clamp(64px,8vw,110px)}
.faixa-cafe .wrap{display:grid;justify-items:center;gap:18px;position:relative}
.faixa-cafe h2{color:#fff;font-size:clamp(28px,3vw,40px)}
.faixa-cafe p{max-width:48ch;color:rgba(255,255,255,.88)}
.faixa-cafe .canto{opacity:.18;width:clamp(120px,14vw,200px)}
.faixa-cafe + .rodape{margin-top:0}

/* ---------- legal ---------- */
.legal-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(24px,5vw,64px);align-items:start}
.legal-grade h2{font:400 clamp(24px,2vw,28px)/1.2 var(--f-display);margin:44px 0 14px}
.legal-grade h2:first-child{margin-top:0}
.legal-grade p,.legal-grade li{font:400 16px/1.8 var(--f-ui);color:var(--fg-2)}
.legal-grade ul{padding-left:20px}
.indice{position:sticky;top:120px;background:var(--bg-2);border:1px solid var(--linha);border-radius:var(--raio);padding:24px 26px;display:grid;gap:10px}
.indice h4{font:700 12px/1.2 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--verde);margin-bottom:6px}
.indice a{font-size:15px;text-decoration:none;color:var(--fg-2)}
.indice a:hover{color:var(--acento)}
@media (max-width:860px){.legal-grade{grid-template-columns:1fr}.indice{position:static;order:-1}}

/* ---------- páginas dos pilares ---------- */
.pilar-heroi{padding-block:clamp(44px,6vw,88px);border-bottom:1px solid var(--linha)}
.pilar-heroi .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,5vw,72px);align-items:center}
.pilar-heroi .grande{aspect-ratio:1;border-radius:24px;display:grid;place-items:center;max-width:380px;width:100%;justify-self:end;position:relative;overflow:hidden}
.pilar-heroi .grande img{width:56%;animation:respira 10s ease-in-out infinite}
@media (max-width:860px){.pilar-heroi .wrap{grid-template-columns:1fr}.pilar-heroi .grande{max-width:220px;justify-self:start}}
.pilar-heroi h1{margin:14px 0 20px;overflow-wrap:anywhere}
.escada{font:400 clamp(22px,2.6vw,32px)/1.3 var(--f-display);display:grid;gap:4px}
.aneis-wrap{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,64px);align-items:center}
@media (max-width:860px){.aneis-wrap{grid-template-columns:1fr}}
.aneis svg{width:100%;height:auto;max-width:600px;display:block;margin-inline:auto}
.aneis svg text{font-family:var(--f-ui);font-weight:700;font-size:15px;fill:#2e2d2b}
.aneis svg .centro{font-family:var(--f-display);font-size:17px}
.legenda-lugares{display:grid;gap:10px;padding:0;margin:0;list-style:none}
.legenda-lugares li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;align-items:baseline;font:400 18px/1.4 var(--f-ui)}
.legenda-lugares li i{width:14px;height:14px;border-radius:50%;display:inline-block;transform:translateY(2px)}
.dialogo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.dialogo div{border-radius:var(--raio);padding:22px;display:grid;gap:10px;align-content:start;color:#fff;min-height:180px;position:relative;overflow:hidden}
.dialogo div img{width:40px;height:40px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.dialogo b{font:400 22px/1.1 var(--f-display)}
.dialogo p{font-size:15px;opacity:.92}
@media (max-width:860px){.dialogo{grid-template-columns:repeat(2,minmax(0,1fr))}}
.verbos{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:28px;font:400 clamp(20px,2.2vw,26px)/1.3 var(--f-display)}
.verbos span::before{content:"→ ";color:var(--ocre)}
.semana{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:36px}
.semana div{border-radius:10px;padding:14px 10px;background:var(--card);border:1px solid var(--linha);font:700 12px/1.2 var(--f-ui);color:var(--fg-3);text-align:center;display:grid;gap:6px}
.semana div b{font:400 18px/1 var(--f-display);color:var(--fg)}
.semana div.dom{background:var(--bg-2)}
.semana div.seg{background:var(--rosa);color:#fff;border-color:transparent}
.semana div.seg b{color:#fff}
@media (max-width:560px){.semana div{padding:10px 4px;font-size:10px}.semana div b{font-size:14px}}
.valores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.valores div{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:center;background:var(--card);border:1px solid var(--linha);border-radius:14px;padding:14px 16px}
.valores div span{width:52px;height:52px;border-radius:12px;display:grid;place-items:center}
.valores div span img{width:58%;height:58%;object-fit:contain}
.valores b{font:400 19px/1.2 var(--f-display)}
@media (max-width:860px){.valores{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.valores{grid-template-columns:1fr}}

/* pausa para respirar */
.pausa{background:var(--bg-2);border:1px solid var(--linha);border-radius:24px;padding:clamp(28px,5vw,64px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;overflow:hidden}
@media (max-width:860px){.pausa{grid-template-columns:1fr}}
.respiro{display:grid;place-items:center;gap:22px}
.respiro .orbe{--s:.55;width:min(280px,70vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#fffdf6 0 34%,transparent 35%),radial-gradient(circle,#9dbb86 0 58%,transparent 59%),#cfe0dc;transform:scale(var(--s));transition:transform 4s cubic-bezier(.45,0,.55,1);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(93,124,74,.08),0 0 0 28px rgba(93,124,74,.05)}
.respiro .orbe img{width:30%}
.respiro .instrucao{font:400 26px/1.2 var(--f-display);min-height:1.3em}
.respiro .contagem{font:700 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}
.versiculo{margin-top:22px;font:italic 400 19px/1.5 var(--f-serif);border-left:3px solid var(--ocre);padding-left:16px}
.versiculo cite{display:block;font:700 12px/1.4 var(--f-ui);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-top:6px}

/* ---------- pregação / leitura ---------- */
.player{aspect-ratio:16/9;border-radius:18px;overflow:hidden;position:relative;background:var(--grafite)}
.player iframe{width:100%;height:100%;border:0;display:block}
.player .capa{border-radius:0;height:100%;aspect-ratio:auto}
.player .assistir{position:absolute;inset:auto 16px 16px auto}
.detalhe{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
@media (max-width:900px){.detalhe{grid-template-columns:1fr}}
.ficha{display:grid;gap:0;border-top:1px solid var(--linha)}
.ficha div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;padding:14px 0;border-bottom:1px solid var(--linha)}
.ficha dt{font:700 11px/1.6 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}
.ficha dd{margin:0;font:400 17px/1.5 var(--f-ui)}
.leitura-pagina h1{font-size:clamp(34px,4vw,52px);margin:14px 0 12px}
.leitura-pagina .leitura{font-size:clamp(18px,1.4vw,20px);line-height:1.85;margin-top:36px}
.leitura-pagina .versao{font:400 18px/1.4 var(--f-display);color:var(--fg-2)}

/* ---------- contribuir ---------- */
.pix-card{background:var(--card);border:1px solid var(--linha);border-radius:20px;padding:clamp(22px,3vw,36px);display:grid;gap:16px;justify-items:start;box-shadow:var(--sombra)}
.pix-qr{width:min(260px,100%);height:auto;border-radius:12px;background:#fff;padding:8px;border:1px solid var(--linha)}
.pix-linha{display:grid;gap:8px;width:100%;padding-top:14px;border-top:1px solid var(--linha);justify-items:start}
.pix-linha b{font:700 24px/1.1 var(--f-ui);font-variant-numeric:tabular-nums}
.pix-linha code{font:500 13px/1.5 ui-monospace,Menlo,monospace;word-break:break-all;background:var(--bg-2);padding:10px 12px;border-radius:10px;width:100%;color:var(--fg-2)}

/* ---------- rodapé ---------- */
.rodape{background:var(--grafite);color:#f2efe8;padding-block:clamp(56px,6vw,80px) 36px}
.rodape .wrap{display:grid;gap:44px}
.rodape .cols{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.9fr);gap:32px}
.rodape h4{font:700 12px/1 var(--f-ui);letter-spacing:.12em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.rodape a{text-decoration:none;display:block;padding:5px 0;color:#e7e3da;font-size:15px}
.rodape a:hover{color:#fff;text-decoration:underline}
.rodape .logo-r{height:48px;width:auto}
.rodape .lema{font:italic 400 18px/1.4 var(--f-serif);color:#cfcac0;margin-top:16px}
.rodape .redes{display:flex;gap:12px;margin-bottom:18px}
.rodape .redes a{width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.1);display:grid;place-items:center;padding:0}
.rodape .redes a:hover{background:rgba(255,255,255,.2)}
.rodape .redes svg{width:18px;height:18px}
.rodape .end{font-size:13px;color:#b8b3aa;line-height:1.6}
.rodape .end + .end{margin-top:12px}
.rodape .base{border-top:1px solid rgba(255,255,255,.12);padding-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:13px;color:#a09b92}
.rodape .base a{display:inline;color:#a09b92;font-size:13px;padding:0}
@media (max-width:900px){.rodape .cols{grid-template-columns:1fr 1fr}.rodape .cols > :first-child{grid-column:1/-1}}
@media (max-width:560px){.cartoes .capa{aspect-ratio:5/2!important}.cartao h3{font-size:18px}}
/* formas da identidade no canto dos quadrados coloridos (como no Figma) */
.canto.sd{top:0;right:0;width:clamp(110px,11vw,150px);opacity:.2}
.cartao-cor .canto.sd{width:clamp(110px,11vw,150px)}
/* submenu de "Por que existimos" */
.tem-sub{position:relative;display:flex}
.tem-sub .sub{position:absolute;top:100%;left:50%;transform:translate(-50%,8px);min-width:220px;background:var(--card);border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra);padding:8px;display:grid;opacity:0;visibility:hidden;transition:opacity .15s,transform .15s}
.tem-sub .sub::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.tem-sub:hover .sub,.tem-sub:focus-within .sub{opacity:1;visibility:visible;transform:translate(-50%,4px)}
.tem-sub .sub a{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;font-weight:400}
.tem-sub .sub a::after{display:none}
.tem-sub .sub a:hover{background:var(--bg-2)}
.tem-sub .sub a img{width:16px;height:16px}
.gaveta a.subitem{font-size:17px;padding:7px 0 7px 30px;color:var(--fg-2);border-left:2px solid var(--linha);margin-left:8px}
.gaveta a.subitem[aria-current="page"]{color:var(--acento);border-color:var(--acento)}

/* faixa de avisos (início) */
.faixa-avisos{position:relative;background:var(--verde);color:#fff;overflow:hidden;display:flex;align-items:center}
.faixa-avisos .trilho{display:flex;gap:56px;padding:12px 0;white-space:nowrap;animation:passa 38s linear infinite;will-change:transform}
.faixa-avisos:hover .trilho,.faixa-avisos.parada .trilho{animation-play-state:paused}
.faixa-avisos a{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font:700 15px/1 var(--f-ui)}
.faixa-avisos a:hover{text-decoration:underline;text-underline-offset:4px}
.faixa-avisos a img{width:16px;height:16px}
.faixa-avisos .pausar{position:absolute;right:0;top:0;bottom:0;width:48px;border:0;background:linear-gradient(90deg,transparent,var(--verde) 40%);color:#fff;cursor:pointer;font-size:11px}
@keyframes passa{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.faixa-avisos .trilho{animation:none;flex-wrap:wrap;white-space:normal;gap:10px 32px;padding:12px var(--gutter)}.faixa-avisos .pausar{display:none}}
/* aniversário */
.aniversario{padding-block:clamp(40px,5vw,72px)}
.aniv-grade{background:#1d1c1a;color:#fff;border-radius:var(--raio);overflow:hidden;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:center}
.aniv-img img{width:100%;height:auto;aspect-ratio:3/4;object-fit:cover}
.aniversario .texto{padding:clamp(24px,3.4vw,48px);display:grid;gap:14px;justify-items:start}
.aniversario h2{color:#fff}
.aniversario .lead{color:rgba(255,255,255,.85)}
.aniversario .lead b{color:#b9cf7a}
.sobre.claro{color:#b9cf7a}
.aniv-lista{list-style:none;margin:4px 0 8px;padding:0;display:grid;gap:6px;width:100%}
.aniv-lista li{display:grid;grid-template-columns:54px minmax(0,1fr);gap:12px;align-items:baseline;font-size:15px;color:rgba(255,255,255,.88);border-top:1px solid rgba(255,255,255,.1);padding-top:6px}
.aniv-lista b{font:700 13px/1 var(--f-ui);color:#b9cf7a;letter-spacing:.04em}
.aniv-lista li.passou{opacity:.4}
@media (max-width:900px){.aniv-grade{grid-template-columns:1fr}}
/* encontros */
.encontros{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.encontros .cartao-cor{min-height:280px}
.encontros .cartao-cor h3{font-size:clamp(22px,1.8vw,26px)}
@media (max-width:1100px){.encontros{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.encontros{grid-template-columns:1fr}}
.cartao-cor h3.com-icone{display:flex;align-items:center;gap:12px}
.cartao-cor h3.com-icone img{width:24px;height:24px;filter:brightness(0) invert(1)}
.cartao-cor ul li small{display:block;opacity:.8;font-size:13px}
.aviso-domingo{margin-top:18px;background:color-mix(in srgb,var(--verde) 12%,#fff);color:var(--fg);border-left:4px solid var(--verde)}
.cultos{font:700 16px/1.7 var(--f-ui)}
.encontros .cartao-cor .canto.sd{width:96px}
.aniversario + .heroi{padding-top:clamp(24px,3vw,48px)}
@media (max-width:900px){.aniv-img img{aspect-ratio:3/4;max-height:none}}
/* aniversário ocupando a largura toda, fundo escuro de ponta a ponta */
.aniversario{background:#1d1c1a;padding-block:0}
.aniversario .wrap{padding-inline:0;max-width:none}
.aniv-grade{border-radius:0;max-width:calc(var(--max) + 2*var(--gutter));margin-inline:auto;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.aniv-img{align-self:stretch;display:flex;align-items:center}
.aniversario .texto{padding:clamp(28px,4vw,64px) var(--gutter) clamp(28px,4vw,64px) clamp(24px,4vw,56px)}
@media (max-width:900px){.aniversario .texto{padding:28px var(--gutter) 40px}}
/* menu hambúrguer só no celular/tablet; no computador o menu fica no topo */
@media (min-width:1021px){.topo .abrir-menu{display:none}}
/* ajustes: aniversário empilhado no celular/tablet e faixa estável */
.aniv-img{justify-content:center;background:#1d1c1a}
.aniv-img img{display:block}
@media (max-width:900px){
  .aniv-grade{grid-template-columns:1fr}
  .aniv-img img{width:100%;max-width:560px;margin-inline:auto}
  .aniversario .texto{padding:28px var(--gutter) 44px}
  .aniversario h2{font-size:clamp(32px,8vw,44px)}
  .aniv-lista li{grid-template-columns:62px minmax(0,1fr);font-size:15px}
  .aniversario .btn{width:100%;white-space:normal;text-align:center}
}
.faixa-avisos{min-height:46px}
.faixa-avisos .trilho{align-items:center;flex-shrink:0;padding-right:56px}
.faixa-avisos a{flex-shrink:0}
@media (max-width:600px){.faixa-avisos a{font-size:14px}.faixa-avisos .trilho{gap:40px;animation-duration:30s}}
@media (prefers-reduced-motion:reduce){
  .faixa-avisos .trilho{animation:none;flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;gap:32px;padding:12px var(--gutter);scrollbar-width:none}
  .faixa-avisos .trilho::-webkit-scrollbar{display:none}
  .faixa-avisos .trilho a[aria-hidden="true"]{display:none}
  .faixa-avisos{display:block}
}
/* encontros: 5 cartões (3 + 2) e link de WhatsApp em pílula */
.encontros{grid-template-columns:repeat(6,minmax(0,1fr))}
.encontros > .cartao-cor{grid-column:span 2}
.encontros > .cartao-cor:nth-child(n+4){grid-column:span 3}
@media (max-width:1100px){.encontros{grid-template-columns:repeat(2,minmax(0,1fr))}.encontros > .cartao-cor,.encontros > .cartao-cor:nth-child(n+4){grid-column:span 1}.encontros > .cartao-cor:last-child{grid-column:1/-1}}
@media (max-width:560px){.encontros{grid-template-columns:1fr}.encontros > .cartao-cor:last-child{grid-column:auto}}
.encontros .cartao-cor ul{font-weight:700}
.wa-pilula{position:relative;margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--fg);font:700 14px/1 var(--f-ui);padding:11px 16px;border-radius:999px;text-decoration:none;transition:transform .15s ease}
.wa-pilula:hover{transform:translateY(-1px)}
.wa-pilula svg{width:14px;height:14px}
.encontros .cartao-cor[id]{scroll-margin-top:110px}
/* espiritualidade: um só sopro atravessa a vida (substitui os anéis) */
.sopro-cab{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(20px,3vw,36px)}
.sopro-grade{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.sopro-grade{grid-template-columns:1fr}}
.sopro-svg{width:100%;height:auto;max-width:680px;display:block;margin-inline:auto;overflow:visible}
.sopro-svg .rot{font:700 17px var(--f-ui);fill:#2e2d2b}
@media (max-width:600px){.sopro-svg .rot{font-size:24px}.sopro-svg .centro{font-size:22px}}
.sopro-svg .centro{font:400 18px var(--f-display);fill:#2e2d2b}
.sopro-svg .no{transform-box:fill-box;transform-origin:center;animation:no-respira 8s ease-in-out infinite;animation-delay:calc(var(--i) * -1.1s)}
@keyframes no-respira{0%,100%{transform:scale(.94)}50%{transform:scale(1.06)}}
.sopro-svg .sopro-linha{animation:sopro-corre 30s linear infinite}
@keyframes sopro-corre{to{stroke-dashoffset:-440}}
@media (prefers-reduced-motion:reduce){.sopro-svg .no,.sopro-svg .sopro-linha{animation:none}}
.sopro-texto{display:grid;gap:18px}
.sem-muro{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sem-muro .muro{width:3px;height:26px;border-radius:2px;background:repeating-linear-gradient(var(--fg-3) 0 4px,transparent 4px 8px);opacity:.5;position:relative}
.sem-muro .muro::after{content:"";position:absolute;left:-7px;top:11px;width:17px;height:2px;background:var(--ferrugem);transform:rotate(-40deg)}
.sem-muro .igual{font:700 18px var(--f-ui);color:var(--fg-3)}
.sopro .legenda-lugares li{font-size:17px}
/* imitação: a semana (domingo reúne e envia; seg-sáb o Evangelho continua) */
.semana2{display:grid;grid-template-columns:minmax(0,.9fr) auto minmax(0,1.5fr);gap:clamp(12px,2vw,24px);align-items:stretch;margin-bottom:18px}
.semana2 > div{border-radius:var(--raio);padding:clamp(20px,2.4vw,30px);display:grid;gap:8px;align-content:start}
.sem-dom{background:var(--card);border:1px solid var(--linha)}
.sem-vida{background:var(--rosa);color:#fff}
.sem-dia{font:700 12px/1 var(--f-ui);letter-spacing:.14em;text-transform:uppercase;opacity:.75}
.semana2 b{font:400 clamp(24px,2.4vw,32px)/1.1 var(--f-display)}
.sem-dom p{color:var(--fg-2)}
.sem-vida p{color:rgba(255,255,255,.92);font-weight:600}
.sem-envio{display:grid;place-items:center;align-content:center;gap:6px;color:var(--rosa);font:700 12px/1.2 var(--f-ui);letter-spacing:.1em;text-transform:uppercase;text-align:center;padding:0!important}
.sem-envio svg{width:60px;height:20px}
.sem-dias{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:6px 0 4px}
.sem-dias span{background:rgba(255,255,255,.18);border-radius:8px;padding:10px 0;text-align:center;font:700 14px/1 var(--f-ui)}
.semana-nota{max-width:70ch;color:var(--fg-2);margin-bottom:36px;font-size:17px}
@media (max-width:760px){.semana2{grid-template-columns:1fr}.sem-envio{grid-auto-flow:column;justify-content:start;padding:2px 6px!important}.sem-envio svg{transform:rotate(90deg);width:34px}}
/* parceiros (ECQ, LabTEM): logo + texto */
.parceiro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,4vw,56px);align-items:center;background:var(--card);border:1px solid var(--linha);border-radius:calc(var(--raio) * 1.4);padding:clamp(22px,3.4vw,48px)}
.parceiro-logo{display:grid;place-items:center;background:var(--bg-2);border-radius:var(--raio);padding:clamp(24px,4vw,48px);aspect-ratio:16/10;transition:transform .2s ease}
.parceiro-logo:hover{transform:translateY(-2px)}
.parceiro-logo img{width:100%;max-width:300px;height:auto}
.parceiro-texto{display:grid;gap:12px}
.parceiro-texto p:not(.sobre){color:var(--fg-2)}
@media (max-width:760px){.parceiro{grid-template-columns:1fr}.parceiro-logo{aspect-ratio:auto}}
.painel,[id]{scroll-margin-top:96px}
/* LabTEM: logo claro sobre o grafite da marca LabTEM */
.parceiro-logo.escuro{background:#262425}
.parceiro-logo.escuro img{max-width:280px}
.frase-lab{font:400 clamp(20px,2vw,24px)/1.3 var(--f-display);color:var(--fg)!important}
.triade{list-style:none;margin:2px 0 4px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.triade li{font:500 13px/1 var(--f-ui);color:var(--fg-2);background:var(--bg-2);border:1px solid var(--linha);border-radius:999px;padding:9px 13px}
.triade b{color:#567A55;font-weight:700}