/*
 * Fundos claros com atmosfera “floresta / teal” (Bora Plantar).
 * Carregar depois de main.css e site-remove-vertical-lines.css
 */

:root {
	--bora-surface-base: #ddece4;
	--bora-surface-top: #f0f9f5;
	--bora-surface-mid: #e4f0ea;
	--bora-mist-forest: rgba(77, 141, 82, 0.28);
	--bora-mist-teal: rgba(63, 177, 163, 0.26);
	--bora-mist-canopy: rgba(18, 42, 30, 0.1);
}

html {
	min-height: 100%;
}

body {
	background-color: var(--bora-surface-base) !important;
	background-image:
		radial-gradient(ellipse 95% 58% at 0% -8%, var(--bora-mist-forest), transparent 50%),
		radial-gradient(ellipse 85% 55% at 100% 0%, var(--bora-mist-teal), transparent 48%),
		radial-gradient(ellipse 70% 48% at 50% 108%, var(--bora-mist-canopy), transparent 45%),
		radial-gradient(ellipse 55% 40% at 85% 55%, rgba(131, 211, 201, 0.08), transparent 55%),
		linear-gradient(168deg, var(--bora-surface-top) 0%, var(--bora-surface-mid) 38%, var(--bora-surface-base) 100%);
	background-attachment: fixed;
	background-repeat: no-repeat;
}

/* Secções que eram branco puro: lavado menta mais visível */
.wrapper.style3,
.wrapper.style4 {
	background-color: rgba(248, 252, 250, 0.94) !important;
	background-image:
		linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(232, 245, 239, 0.97) 100%),
		radial-gradient(ellipse 130% 70% at 50% -25%, rgba(131, 211, 201, 0.22), transparent 52%),
		radial-gradient(ellipse 80% 50% at 0% 100%, rgba(77, 141, 82, 0.06), transparent 55%) !important;
	background-repeat: no-repeat !important;
	box-shadow:
		0 1px 0 rgba(77, 141, 82, 0.1),
		0 8px 28px rgba(18, 42, 30, 0.05);
}

/* Cartão com cantos arredondados (ex.: left-sidebar / contact / saiba-mais) */
.wrapper.style4.container {
	border-radius: 1.25rem;
	overflow: hidden;
	border: 1px solid rgba(77, 141, 82, 0.12);
}

/* Imagens “featured” (ex.: <a class="image featured"><img …>) */
.image.featured {
	border-radius: 0.75rem;
	overflow: hidden;
}

.image.featured img {
	border-radius: 0.75rem;
	display: block;
}

/* Rodapé: continuidade com o verde-acinzentado do tema */
#footer {
	background: linear-gradient(180deg, #d4e8df 0%, #c8dfd6 100%) !important;
	color: #4a5c56;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

/* Botões de contacto (antes fundo branco chapado) */
.specialcontact {
	background: linear-gradient(180deg, #ffffff 0%, #e6f4ef 100%) !important;
	border-color: rgba(63, 177, 163, 0.5) !important;
	box-shadow: 0 2px 8px rgba(18, 42, 30, 0.08);
}

.specialcontact:hover {
	border-color: rgba(63, 177, 163, 0.75) !important;
	background: linear-gradient(180deg, #f2faf7 0%, #d8ede6 100%) !important;
	box-shadow: 0 3px 12px rgba(18, 42, 30, 0.1);
}

@media screen and (max-width: 840px) {
	body {
		background-attachment: scroll;
	}
}

@media (prefers-reduced-motion: reduce) {
	body {
		background-attachment: scroll;
	}
}