/* ============================================================
   Estilos específicos para a página Sobre (pages/sobre.html)
   ============================================================ */

/* Estilo de Contêiner de Seção (Igrejas e Pastores) */
.igrejas-pastores-box {
  /* Estilo aplicado anteriormente via inline em div's */
  border: 4px ridge var(--text-3);
  border-radius: 10px;
  box-shadow: 2px 2px 8px #888;
  padding: 10px;
  margin-bottom: 20px;
  max-width: 100%; /* Garante responsividade */
  overflow-wrap: break-word; /* Quebra palavras longas se necessário */
}

/* Estilos de Fundo Específicos */
/* Para a seção Igrejas (background: #222 no HTML original) */
.igrejas-section .igrejas-pastores-box {
  background: #222;
}

/* Para a seção Pastores (background: #fff no HTML original) */
.pastores-section .igrejas-pastores-box {
  background: #fff;
}

/* Alinhamento de Texto (para colunas de texto) */
.texto-justificado {
  text-align: justify;
}

/* Seu CSS existente em sobre.css */
/* Efeitos para as imagens na seção "Sobre" */
.igrejas-section .gallery-item img,
.pastores-section .gallery-item img {
  transition:
    transform 0.3s ease,
    box-shadow 0.3s ease;
  cursor: pointer;
  max-width: 100%; /* Imagem nunca ultrapassa o container */
  height: auto; /* Mantém a proporção */
}

.igrejas-section .gallery-item img:hover,
.pastores-section .gallery-item img:hover {
  /* Força o efeito de zoom e sombra sobre outros estilos */
  transform: scale(1.03) !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5) !important;
}