/* Complemento visual das LPs das igrejas (#5250) por cima do estilo da V4 (#5237): só o que é próprio da página de unidade
   e da grade com as 7 igrejas. Mesmas variáveis da identidade (marinho, ciano, branco); o logo nunca gira.
   gz-cor-fixa: site externo da igreja, fora do Genezze; as cores são a identidade da marca do cliente. */

/* pente fino do site todo: o logo escuro (topo rolado ou claro) vinha com margem transparente e ficava minúsculo */
.topo.claro .marca, .topo.rolou .marca { background-image: url(img/logo-escuro.png); }

/* rodapé: as sete igrejas em duas colunas, só o nome (cada uma leva à sua página) */
.rodape ul.lp-rodape-igrejas { grid-template-columns: 1fr 1fr; gap: 8px 16px; }
.lp-rodape-igrejas a { color: #fff; font-weight: 600; white-space: nowrap; }
.lp-rodape-igrejas small { font: 600 10px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ciano-claro); margin-left: 4px; }

/* herói da unidade: mais baixo que o da página inicial, título mais largo para nomes compostos */
.lp-heroi { min-height: 88svh; }
.lp-heroi h1 { font-size: clamp(38px, 5vw, 62px); max-width: 15ch; }
.lp-heroi .heroi__foto img { object-position: center 40%; }
.lp-todas::before { content: '←'; color: var(--ciano-claro); }

/* cultos sem horário confirmado: dois cartões */
.lp-cultos--dois { grid-template-columns: repeat(2, 1fr); }
.lp-confirmar strong { font-size: clamp(28px, 2.8vw, 36px); }

/* como chegar: ficha + mapa */
.lp-chegar { display: grid; grid-template-columns: 1fr 1.25fr; gap: clamp(24px, 4vw, 56px); align-items: center; }
.lp-chegar .mapa { margin-top: 0; }
.lp-chegar .mapa iframe { height: 420px; }
.lp-chegar--sem-mapa { grid-template-columns: 1fr; max-width: 720px; }
.lp-ficha__lista { list-style: none; display: grid; gap: 18px; margin: 8px 0 30px; }
.lp-ficha__lista li { display: flex; gap: 14px; align-items: flex-start; }
.lp-ficha__lista svg { width: 22px; height: 22px; flex: none; margin-top: 2px; fill: var(--ciano-texto); }
.lp-ficha__lista li:nth-child(2) svg { fill: none; stroke: var(--ciano-texto); stroke-width: 1.8; stroke-linecap: round; }
.lp-ficha__lista b { display: block; font: 600 16px/1.4 var(--sans); color: var(--navy); }
.lp-ficha__lista span, .lp-ficha__lista a { font-size: 15px; color: var(--tinta-2); text-decoration: none; }
.lp-ficha__lista a { color: var(--navy); font-weight: 600; }

/* as outras igrejas */
.lp-outras { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.lp-outra { display: flex; flex-direction: column; gap: 6px; padding: 22px 24px; border-radius: var(--raio-p); text-decoration: none; color: #fff;
  background: rgba(255, 255, 255, .05); box-shadow: inset 0 0 0 1px var(--branco-15); transition: background .3s, transform .3s var(--suave); }
.lp-outra:hover { background: rgba(46, 175, 209, .14); transform: translateY(-3px); }
.lp-outra small { font: 600 11px/1.3 var(--sans); letter-spacing: .14em; text-transform: uppercase; color: var(--ciano-claro); }
.lp-outra strong { font: 500 22px/1.2 var(--serifa); display: flex; justify-content: space-between; align-items: baseline; gap: 10px; }
.lp-outra strong::after { content: '→'; font: 500 16px/1 var(--sans); color: var(--ciano-claro); transition: transform .25s; }
.lp-outra:hover strong::after { transform: translateX(4px); }

/* site da instituição: a grade de "Onde estamos" passa a ter as 7 igrejas */
.unid__grade.lp-grade { grid-template-columns: repeat(4, 1fr); }
.onde__grade:has(.lp-grade) { grid-template-columns: 1fr; }
.onde__grade .unid__grade.lp-grade { grid-template-columns: repeat(4, 1fr); }
.unid .lp-pendente { font-size: 13px; color: var(--tinta-3); font-style: italic; }
.unid--sede .lp-pendente { color: var(--branco-40); }

@media (max-width: 1080px) {
  .unid__grade.lp-grade, .onde__grade .unid__grade.lp-grade { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 860px) {
  .lp-chegar { grid-template-columns: 1fr; }
  .lp-chegar .mapa iframe { height: 320px; }
  .lp-outras { grid-template-columns: repeat(2, 1fr); }
  .lp-cultos--dois { grid-template-columns: 1fr; }
}
@media (max-width: 860px) {
  .topo.menu-aberto .marca { background-image: url(../img/logo-branco.png); }
}
@media (max-width: 560px) {
  .lp-grade { gap: 10px; }
  .lp-grade .unid { padding: 18px 20px 16px; }
  .lp-grade .unid h3 { font-size: 19px; margin: 6px 0 4px; }
  .lp-grade .unid p { font-size: 14px; }
  .lp-grade .unid .link-seta { margin-top: 12px; }
  .min__grade { gap: 10px; }
  .min { padding: 18px 20px 18px; }
  .min h3 { font-size: 19px; margin: 8px 0 4px; }
  .lp-heroi { min-height: 92svh; }
  .lp-heroi h1 { font-size: clamp(34px, 9.4vw, 44px); }
  .lp-outras { grid-template-columns: 1fr; }
  .unid__grade.lp-grade, .onde__grade .unid__grade.lp-grade { grid-template-columns: 1fr; }
}