/* Fonte e cores base */
.jd-energia {
	font-family: Arial, Helvetica, sans-serif;
	color: #1c1c1c;
	line-height: 1.6;
	margin: 0;
	padding: 0;
}

/* HERO */
.hero {
	background-image: url('https://jdenergia.com/wp-content/uploads/2025/10/Hydro.jpg');
	background-size: cover;
	background-position: center;
	text-align: center;
	color: white;
	padding: 120px 20px;
}

.hero h1 {
	font-size: 2.5em;
	margin-bottom: 15px;
}

.hero p {
	font-size: 1.2em;
	max-width: 700px;
	margin: auto;
}

.hero-buttons {
	margin-top: 30px;
}

.btn-primary {
	background: #0073aa;
	color: white;
	padding: 12px 25px;
	border-radius: 4px;
	text-decoration: none;
	margin-right: 10px;
}

.btn-secondary {
	background: white;
	color: #0073aa;
	padding: 12px 25px;
	border-radius: 4px;
	text-decoration: none;
}

/* SOLUÇÕES */
.solucoes {
	background-image: url('https://jdenergia.com/wp-content/uploads/2025/10/image.png');
	background-size: cover;
	background-position: center;
	text-align: center;
	color: white;
	padding: 80px 20px;
}

.solucoes-container {
	background: rgba(0,0,0,0.6);
	padding: 60px;
	border-radius: 8px;
}

.solucoes-container h2 {
	font-size: 2em;
	color: #ffffff;
}

.solucoes-container p {
	max-width: 750px;
	margin: 20px auto;
	color: #f0f0f0;
}

.cards {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 40px;
}

.card {
	flex: 1 1 250px;
	background: rgba(255,255,255,0.9);
	margin: 10px;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.card h3 {
	color: #0073aa;
}

/* SOBRE, PARCERIAS e CONTATO */
.sobre, .parcerias, .contato {
	padding: 80px 20px;
	background-size: cover;
	background-position: center;
	text-align: center;
	color: white;
}

.sobre-container, .parcerias-container, .contato-container {
	background: rgba(0,0,0,0.6);
	padding: 60px;
	border-radius: 8px;
	max-width: 900px;
	margin: auto;
}

.sobre-container h2, .parcerias-container h2, .contato-container h2 {
	font-size: 2em;
	color: #ffffff;
}

.sobre-container p, .parcerias-container p, .contato-container p {
	color: #f0f0f0;
}

/* RODAPÉ */
.footer {
	background: #0073aa;
	color: white;
	text-align: center;
	padding: 20px;
}

/* LINKS */
.sobre a, .parcerias a, .contato a {
	color: #00acee;
	text-decoration: none;
}

/* RESPONSIVO */
@media (max-width: 768px) {
	.cards {
		flex-direction: column;
	}
}