/* Seu estilo.css */

/* Remova margens e preenchimentos padrão, se necessário */
body {
    background-color: #f8f9fa; /* Um cinza claro para o corpo */
}

/* Garante que o carrossel ocupe a largura total */
.carousel-item img {
    max-height: 500px; /* Limita a altura das imagens do carrossel */
    object-fit: cover; /* Garante que a imagem cubra a área sem distorcer */
}

/* Estilo para o cabeçalho das seções de notícias, se desejar */
#corpo h1 {
    font-size: 1.8rem;
    padding-bottom: 10px;
    border-bottom: 2px solid #007bff; /* Cor primária do Bootstrap */
    margin-bottom: 30px;
}

/* O conteúdo das notícias está agora dentro de cards do Bootstrap, 
   o que simplifica muito a estilização de bordas, sombras e espaçamentos. */

/* Cores personalizadas */

:root {
    --azul-mariano: #004a99;
    --azul-claro: #e3f2fd;
    --dourado: #d4af37;
    --branco-puro: #ffffff;
}

/* Estilo dos Cards */
.card-paroquia {
    border: none;
    border-bottom: 4px solid var(--azul-mariano); /* Detalhe azul na base */
    background-color: var(--branco-puro);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.card-paroquia:hover {
    transform: translateY(-10px);
    border-bottom: 4px solid var(--dourado); /* Muda para dourado no hover */
}

/* Títulos e Textos */
.titulo-secao {
    color: var(--azul-mariano);
    font-weight: bold;
    border-bottom: 2px solid var(--dourado);
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.card-title-custom {
    color: var(--azul-mariano);
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 10px;
}

/* Botão do Modal */
.btn-paroquia {
    background-color: var(--azul-mariano);
    color: white;
    border: 1px solid var(--dourado);
}

.btn-paroquia:hover {
    background-color: var(--dourado);
    color: white;
}