/* CONFIGURAÇÕES GERAIS */
body {
	/* Remova o padding-top daqui */
	font-family: 'Inter', sans-serif;
	background-color: #0f1e25;
	color: #ffffff;
	margin: 0;
	scroll-behavior: smooth;
}
html {
	scroll-behavior: smooth;
}

/* NAVBAR FIXA E GLASS */
.nav-pina {
	background: rgba(255, 255, 255, 0.98) !important; /* Fundo claro para o texto escuro se destacar */
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(0,0,0,0.1);
}

.nav-link-pina {
	font-family: 'Playfair Display', serif;
	color: #0f1e25 !important; /* Cor solicitada */
	font-size: 1.1rem;
	font-style: italic;
	transition: all 0.3s ease;
}

.nav-link-pina:hover {
	color: #a7cb76 !important;
	transform: translateY(-2px);
}

section {
	scroll-margin-top: 100px;
}
:target {
	scroll-margin-top: 100px;
}


/* carousel Home */
#carouselHome {
	margin-top: 85px !important;
	position: relative;
	z-index: 5;
}

.nav-link-pina {
	font-family: 'Playfair Display', serif;
	color: #0f1e25 !important; /* Azul escuro solicitado */
	font-size: 1.1rem;
	font-style: italic; 
	text-transform: capitalize; /* Garante que apenas a primeira letra seja maiúscula */
}

.nav-link-pina:hover {
	color: #0f1e25 !important;
	background: none !important;
	transform: none !important;
}


/* HERO */
.hero-section {
	background: url('../img/bg-default.jpg') no-repeat center top;
	background-size: 100% auto; 
	width: 100%;
	min-height: 100vh;
	/* Ajuste aqui a distância do topo: 60px é um valor equilibrado */
	padding-top: 100px; 
	padding-bottom: 50px;
}

.bg-dark-pina {
	background-color: #0f1e25;
	color: #ffffff;
}

/* BORDAS ARREDONDADAS */
.rounded-5 {
	border-radius: 2rem !important;
}

.rounded-4 {
	border-radius: 1.5rem !important;
}

/* NAVBAR */
.navbar {
	background-color: #c7e690 !important;
}

.navbar-brand img {
	transition: transform 0.3s ease;
}

.navbar-brand img:hover {
	transform: scale(1.05); /* Leve efeito ao passar o mouse na logo */
}

.nav-link {
	color: #052d2e !important; 
	transition: opacity 0.3s ease;
}

.nav-link:hover {
	opacity: 0.7;
}

/* EFEITO GLASS */
.glass-card {
	background: rgba(255, 255, 255, 0.1);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}
.glass-card-red {
	background: rgba(255, 0, 0, 0.262);
	backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
}

/* VIDEO PLAYER */
#video-cover {
	transition: opacity 0.4s ease-in-out;
	/* Impede que qualquer elemento "vaze" para fora das bordas arredondadas */
	border-radius: inherit; 
}

/* HISTÓRIA / REFORMA */

.glass-card strong {
	color: #c7e58f;
	font-weight: 600;
}

/* --- SETOR PASTORES (Alternado) --- */
/* Borda Fina Glass e efeito sutil no hover */
.rounded-circle.border {
	transition: all 0.3s ease;
}

/* Efeito sutil ao passar o mouse */
.img-hover-scale {
	transition: transform 0.3s ease;
}

.img-hover-scale:hover {
	transform: translateY(-5px); /* Levanta um pouco */
}

/* Os textos agora estão integrados ao glass-card padrão do site */
.glass-card {
	background: rgba(255, 255, 255, 0.03);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: all 0.3s ease;
}

/* O cargo uppercase com a cor secundária */
.glass-card p.small.uppercase {
	color: #c7e58f !important;
	letter-spacing: 1px;
}

/* SLIDESHOW */
.banner-slide {
	height: 300px;
	min-height: 300px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

.carousel-indicators [button] {
	background-color: #c7e690 !important;
}

@media (max-width: 991px) {
	.titulo-sobre{
		color: #0f1e25!important;
	}
	.banner-slide { 
		height: 200px; 
		min-height: 200px; 
	}
	.glass-card {
		background: rgba(15, 30, 37, 0.721);
		backdrop-filter: none !important; 
		-webkit-backdrop-filter: none !important;
		border: 1px solid rgba(255, 255, 255, 0.2) !important; /* Ajuste da borda para mobile */
	}
}



#video-cover:hover .rounded-circle {
	/* MUDANÇA: Mantemos o escurecimento do fundo (opcional se você preferir), mas sem crescer */
	background-color: rgba(255, 255, 255, 0.4) !important;
}

/* RESPONSIVIDADE */
@media (max-width: 991px) {
	.w-25 {
		width: auto !important;
	}
	.navbar-nav {
		text-align: center;
		padding-top: 1rem;
		background-color: rgba(255,255,255,0.9);
		border-radius: 1.5rem;
	}
	
	.hero-section {
		background-size: cover; 
		padding-top: 20px;
	}
}