/*
 * KSN Construções - camada de redesign visual (referência: EBEC Construtora)
 * Somente ajustes de aparência: espaçamento, tipografia, botões, cards, sombras, bordas.
 * Nenhum texto, imagem ou conteúdo é alterado por este arquivo.
 * Para reverter: remover este arquivo e o mu-plugin que o carrega.
 */

/* =========================================================
   1. Ritmo vertical entre seções da Home (post 16)
   ========================================================= */
.elementor-16 .elementor-element.elementor-element-4b1dde1,   /* Sobre a Empresa */
.elementor-16 .elementor-element.elementor-element-a6c18e2,   /* Missão (fundo escuro, não mexer em cor) */
.elementor-16 .elementor-element.elementor-element-3993a4d,   /* Serviços - intro */
.elementor-16 .elementor-element.elementor-element-22b9164,   /* Clientes e Parceiros */
.elementor-16 .elementor-element.elementor-element-ab49703,   /* Projetos - intro (fundo com imagem, não mexer em cor) */
.elementor-16 .elementor-element.elementor-element-a3ac4bc {  /* Projetos - galeria + contato */
	padding-top: 90px !important;
	padding-bottom: 90px !important;
}

/* Sobre / Clientes: seções sem fundo próprio, seguro dar leve respiro extra */
.elementor-16 .elementor-element.elementor-element-4b1dde1 {
	padding-bottom: 70px !important;
}

/* =========================================================
   2. Botões dos cards de serviço (eram links quase invisíveis)
   ========================================================= */
.elementor-16 .elementor-element.elementor-element-ef38879 .elementor-button,
.elementor-16 .elementor-element.elementor-element-5422b8c .elementor-button,
.elementor-16 .elementor-element.elementor-element-61bada8 .elementor-button,
.elementor-16 .elementor-element.elementor-element-1831bae .elementor-button,
.elementor-16 .elementor-element.elementor-element-fbaae10 .elementor-button,
.elementor-16 .elementor-element.elementor-element-0b3dd87 .elementor-button {
	background-color: var(--e-global-color-primary) !important;
	color: #FFFFFF !important;
	fill: #FFFFFF !important;
	padding: 13px 26px !important;
	border-radius: 8px !important;
	font-weight: 700 !important;
	box-shadow: 0 4px 16px rgba(13, 13, 13, 0.18);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
.elementor-16 .elementor-element.elementor-element-ef38879 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-5422b8c .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-61bada8 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-1831bae .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-fbaae10 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-0b3dd87 .elementor-button:hover {
	background-color: var(--e-global-color-secondary) !important;
	box-shadow: 0 10px 28px rgba(13, 13, 13, 0.28);
	transform: translateY(-2px);
}

/* Botões do hero e do formulário: padding mais generoso, mesma cor/estilo já existente */
.elementor-16 .elementor-element.elementor-element-932fd82 .elementor-button,
.elementor-16 .elementor-element.elementor-element-94d12ee .elementor-button,
.elementor-16 .elementor-element.elementor-element-bad6271 .elementor-button,
.elementor-16 .elementor-element.elementor-element-9b43be7 .elementor-button,
.elementor-16 .elementor-element.elementor-element-07c2395 .elementor-button,
.elementor-16 .elementor-element.elementor-element-935a376 .elementor-button {
	padding: 15px 30px !important;
	border-radius: 8px !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.elementor-16 .elementor-element.elementor-element-932fd82 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-94d12ee .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-bad6271 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-9b43be7 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-07c2395 .elementor-button:hover,
.elementor-16 .elementor-element.elementor-element-935a376 .elementor-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(13, 13, 13, 0.22);
}

/* Botão do formulário de contato (Elementor Pro form) */
.elementor-16 .elementor-element.elementor-element-6be9e9e .elementor-button {
	border-radius: 8px !important;
	padding: 15px 30px !important;
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.elementor-16 .elementor-element.elementor-element-6be9e9e .elementor-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 28px rgba(13, 13, 13, 0.22);
}

/* =========================================================
   3. Cards de serviço - sombra e elevação (mantendo cor/raio atuais)
   ========================================================= */
.elementor-16 .elementor-element.elementor-element-28860f4,
.elementor-16 .elementor-element.elementor-element-e93da9e,
.elementor-16 .elementor-element.elementor-element-a9d5f6f,
.elementor-16 .elementor-element.elementor-element-9db1465,
.elementor-16 .elementor-element.elementor-element-1c14cd8,
.elementor-16 .elementor-element.elementor-element-8369f46 {
	box-shadow: 0 2px 20px rgba(0, 0, 0, 0.07) !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.elementor-16 .elementor-element.elementor-element-28860f4:hover,
.elementor-16 .elementor-element.elementor-element-e93da9e:hover,
.elementor-16 .elementor-element.elementor-element-a9d5f6f:hover,
.elementor-16 .elementor-element.elementor-element-9db1465:hover,
.elementor-16 .elementor-element.elementor-element-1c14cd8:hover,
.elementor-16 .elementor-element.elementor-element-8369f46:hover {
	box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14) !important;
	transform: translateY(-6px);
}

/* Títulos dos cards de serviço - hierarquia um pouco mais forte */
.elementor-16 .elementor-element.elementor-element-fd1cff6 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-7e421b0 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-a9798a5 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-ec466b3 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-edbd3f7 .elementor-heading-title,
.elementor-16 .elementor-element.elementor-element-ad06a73 .elementor-heading-title {
	font-size: 19px !important;
	line-height: 24px !important;
	margin-bottom: 10px !important;
}

/* =========================================================
   4. Rodapé - mais respiro e separação sutil
   ========================================================= */
.elementor-89 .elementor-element.elementor-element-ff9d80f {
	padding-top: 70px !important;
}
.elementor-89 .elementor-element.elementor-element-051ea8d {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/* =========================================================
   5. Responsivo - reduzir os espaçamentos adicionados em telas menores
   ========================================================= */
@media (max-width: 1024px) {
	.elementor-16 .elementor-element.elementor-element-4b1dde1,
	.elementor-16 .elementor-element.elementor-element-a6c18e2,
	.elementor-16 .elementor-element.elementor-element-3993a4d,
	.elementor-16 .elementor-element.elementor-element-22b9164,
	.elementor-16 .elementor-element.elementor-element-ab49703,
	.elementor-16 .elementor-element.elementor-element-a3ac4bc {
		padding-top: 60px !important;
		padding-bottom: 60px !important;
	}
	.elementor-89 .elementor-element.elementor-element-ff9d80f {
		padding-top: 50px !important;
	}
}

@media (max-width: 767px) {
	.elementor-16 .elementor-element.elementor-element-4b1dde1,
	.elementor-16 .elementor-element.elementor-element-a6c18e2,
	.elementor-16 .elementor-element.elementor-element-3993a4d,
	.elementor-16 .elementor-element.elementor-element-22b9164,
	.elementor-16 .elementor-element.elementor-element-ab49703,
	.elementor-16 .elementor-element.elementor-element-a3ac4bc {
		padding-top: 40px !important;
		padding-bottom: 40px !important;
	}
	.elementor-16 .elementor-element.elementor-element-28860f4:hover,
	.elementor-16 .elementor-element.elementor-element-e93da9e:hover,
	.elementor-16 .elementor-element.elementor-element-a9d5f6f:hover,
	.elementor-16 .elementor-element.elementor-element-9db1465:hover,
	.elementor-16 .elementor-element.elementor-element-1c14cd8:hover,
	.elementor-16 .elementor-element.elementor-element-8369f46:hover {
		transform: none;
	}
	.elementor-89 .elementor-element.elementor-element-ff9d80f {
		padding-top: 36px !important;
	}
}