/* ============================================================
    Estilo do Index (index.css)
    ============================================================ */

/* Solução para a "Faixa Preta": Define o fundo do corpo como branco nesta página */
body {
  background-color: #ffffff !important; /* Garante fundo branco */
}

/* Vídeo Destaque */
main {
  margin-top: 0 !important;
  padding-top: 0 !important; /* Navbar sticky já ocupa espaço, removemos a compensação */
  background-color: #ffffff; /* Garante fundo branco */
  flex-grow: 1; /* Garante que o main ocupe o espaço disponível (Sticky Footer) */
}

/* Responsividade: Ajuste do topo para Tablets e Celulares */
@media (max-width: 991px) {
  main {
    padding-top: 0 !important;
  }
}

#video-destaque iframe {
  border-radius: 10px;
  box-shadow: var(--box-shadow);
}

/* Garante que iframes dentro de containers responsivos aceitem eventos de ponteiro */
.ratio iframe {
  pointer-events: auto;
}

/* Provérbio da Semana */
.bg-proverbio {
  background-color: var(--bg-card-1);
}

.proverbio-card {
  padding: 40px 30px;
  border-radius: 15px;
  background: var(--bg-1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.proverbio-text {
  font-size: 1.5rem;
  color: var(--text-1);
  font-style: italic;
}

/* Reduz a fonte do provérbio em telas pequenas */
@media (max-width: 576px) {
  .proverbio-text {
    font-size: 1.2rem;
  }
}

.proverbio-referencia {
  font-size: 1.1rem;
  color: var(--principal);
  font-weight: bold;
}

/* Altura mínima dos cards de horários */
@media (max-width: 576px) {
  #cultos .card {
    min-height: 150px; /* Ajuste esse valor conforme o conteúdo */
  }
}

/* ============================================================
   Seção de Informações (Movido de footer.css)
   ============================================================ */

/* Seção de Informações do Rodapé */
#informacoes-home {
  background-color: var(--bg-card-1);
  color: var(--text-2);
  padding-top: 3rem;
  padding-bottom: 1.5rem;
}

/* Títulos das colunas */
#informacoes-home h5 {
  color: var(--principal);
  font-weight: 700;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
  font-size: 1.1rem;
}

/* Links do rodapé */
#informacoes-home a {
  color: var(--text-3);
  text-decoration: none;
  transition: color 0.3s ease, padding-left 0.3s ease;
  display: inline-block;
}

#informacoes-home a:hover {
  color: var(--principal);
  padding-left: 5px; /* Pequeno efeito de movimento */
}

/* Listas sem marcadores */
#informacoes-home ul {
  list-style: none;
  padding-left: 0;
}

#informacoes-home ul li {
  margin-bottom: 0.5rem;
}

/* Texto geral */
#informacoes-home p {
  color: var(--text-3);
  line-height: 1.6;
}

/* Responsividade para telas menores (Tablets e Celulares) */
@media (max-width: 768px) {
  #informacoes-home {
    text-align: center; /* Centraliza o texto das colunas */
  }

  #informacoes-home .col-md-4 {
    margin-bottom: 2.5rem; /* Aumenta o espaço entre as colunas empilhadas */
  }

  #informacoes-home .col-md-4:last-child {
    margin-bottom: 0; /* Remove margem do último item para não criar espaço extra */
  }
}