/* Suavizar o scroll quando clicar nos links do menu */
html {
	scroll-behavior: smooth;
}

/* Melhorar a nitidez das fontes no navegador */
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	overflow-x: hidden; /* Evita barra de rolagem lateral indesejada */
}

/* Ajuste para imagens não estourarem o layout */
img {
	max-width: 100%;
	height: auto;
}

/* Seção Principal (Hero) */
.hero-section {
	background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), 
				url('../img/fundo-igreja.jpg'); /* Note o ../ para sair da pasta css e entrar na img */
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 90vh; 
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: white;
}

:root {
	--azul-ippina: #002d5b; /* Exemplo de azul marinho */
	--dourado-detalhe: #c5a059;
}

.bg-ippina {
	background-color: var(--azul-ippina) !important;
}

.btn-ippina {
	background-color: var(--azul-ippina);
	color: white;
	border: none;
}