/* WSEG — custom section styling (training grid, icon medallions, motion reveal) */

.wseg-training-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
	gap: 22px;
	width: 100%;
	margin-top: 20px;
}

.wseg-training-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	padding: 28px 24px;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.055);
	border: 1px solid rgba(255, 255, 255, 0.14);
	text-align: left;
	transition: background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1);
	will-change: transform;
}

.wseg-training-card:hover,
.wseg-training-card:focus-within {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.32);
	transform: translateY(-6px);
}

.wseg-training-icon {
	flex: none;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255, 255, 255, 0.1);
	border: 1.5px solid var(--e-global-color-accent, #6BBF1A);
	color: var(--e-global-color-accent, #6BBF1A);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.35s ease;
}

.wseg-training-card:hover .wseg-training-icon {
	transform: scale(1.08) rotate(-4deg);
	background: var(--e-global-color-accent, #6BBF1A);
	color: #0B3D12;
}

.wseg-training-icon svg {
	width: 28px;
	height: 28px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.wseg-training-card h3 {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	color: #FFFFFF;
}

.wseg-training-card p {
	margin: 0;
	font-size: 15px;
	line-height: 1.55;
	color: rgba(255, 255, 255, 0.8);
}

/* Diferenciais — light-background variant of the icon-card pattern */
.wseg-feature-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 28px;
	width: 100%;
	margin-top: 12px;
}

.wseg-feature-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	padding: 32px 20px;
	border-radius: 16px;
	text-align: center;
	background: #F4F7F2;
	border: 1px solid rgba(11, 90, 24, 0.1);
	transition: background-color 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		border-color 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}

.wseg-feature-card:hover,
.wseg-feature-card:focus-within {
	background: #EAF1E6;
	border-color: rgba(11, 90, 24, 0.22);
	transform: translateY(-6px);
}

.wseg-feature-icon {
	flex: none;
	width: 72px;
	height: 72px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--e-global-color-primary, #0B5A18);
	color: var(--e-global-color-accent, #6BBF1A);
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.wseg-feature-card:hover .wseg-feature-icon {
	transform: scale(1.08) rotate(-4deg);
}

.wseg-feature-icon svg {
	width: 32px;
	height: 32px;
	stroke: currentColor;
	fill: none;
	stroke-width: 1.7;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.wseg-feature-card h3 {
	margin: 0;
	font-family: "Poppins", sans-serif;
	font-size: 19px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--e-global-color-primary, #0B5A18);
}

.wseg-feature-card p {
	margin: 0;
	font-size: 14.5px;
	line-height: 1.5;
	color: #4B5A4D;
}

/* Scroll-reveal (driven by Motion via js/wseg-motion.js; this is the pre-reveal state) */
.wseg-reveal {
	opacity: 0;
	transform: translateY(28px);
}

/* Contato — form-free, centered contact block over the photo/overlay background */
.wseg-contact-section {
	position: relative;
	padding: 90px 20px !important;
}

.wseg-contact-inner {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
}

.wseg-contact-eyebrow {
	color: var(--e-global-color-accent, #6BBF1A) !important;
}

.wseg-contact-heading {
	color: #FFFFFF !important;
	max-width: 20ch;
}

.wseg-contact-intro {
	margin: 14px 0 0;
	font-size: 16px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.85);
	max-width: 52ch;
}

.wseg-contact-grid {
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	margin-top: 44px;
}

.wseg-contact-card {
	align-items: flex-start;
	cursor: pointer;
}

.wseg-contact-card .wseg-training-icon svg {
	width: 24px;
	height: 24px;
	fill: currentColor;
	stroke: none;
}

.wseg-contact-cta {
	margin-top: 40px;
}

.wseg-contact-cta .elementor-button {
	background: var(--e-global-color-accent, #6BBF1A);
	color: #0B3D12;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	padding: 16px 40px;
	border-radius: 30px;
	display: inline-block;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.3s ease;
}

.wseg-contact-cta .elementor-button:hover {
	background: #FFFFFF;
	transform: translateY(-3px);
}

/* Footer legal links (Termos de Uso / Termos de Responsabilidade / SEO) */
.wseg-legal-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-top: 18px;
}

.wseg-legal-links a {
	display: inline-block;
	padding: 9px 20px;
	border-radius: 30px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none;
	transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}

.wseg-legal-links a:hover {
	background: var(--e-global-color-accent, #6BBF1A);
	border-color: var(--e-global-color-accent, #6BBF1A);
	color: #0B3D12;
	transform: translateY(-2px);
}

/* Locks the page in place while the mobile nav dropdown is open (set via js/wseg-motion.js) */
html.wseg-scroll-locked,
body.wseg-scroll-locked {
	overflow: hidden !important;
	touch-action: none;
}

/* Mobile nav dropdown — submenu (Serviços) collapses until tapped */
@media (max-width: 1024px) {
	.elementor-19 .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu {
		display: none;
	}
	.elementor-19 .elementor-nav-menu--dropdown .menu-item-has-children.wseg-submenu-open > .sub-menu {
		display: block;
	}
	.elementor-19 .elementor-nav-menu--dropdown .menu-item-has-children > a .sub-arrow {
		transition: transform 0.25s ease;
	}
	.elementor-19 .elementor-nav-menu--dropdown .menu-item-has-children.wseg-submenu-open > a .sub-arrow {
		transform: rotate(180deg);
	}
}

/* Mobile nav dropdown — escape the narrow toggle column and cover full width */
@media (max-width: 1024px) {
	.elementor-19 .elementor-nav-menu--dropdown.elementor-nav-menu__container {
		position: fixed !important;
		top: var(--wseg-header-h, 84px) !important;
		left: 0 !important;
		width: 100vw !important;
		max-width: 100vw !important;
		max-height: calc(100vh - var(--wseg-header-h, 84px));
		margin-top: 0 !important;
		overflow-y: auto;
		border-radius: 0 0 18px 18px;
		box-shadow: 0 18px 40px rgba(0, 0, 0, 0.28);
		z-index: 10000 !important;
	}

	.elementor-19 .elementor-nav-menu--dropdown .elementor-nav-menu > li {
		border-bottom: 1px solid rgba(11, 90, 24, 0.08);
	}

	.elementor-19 .elementor-nav-menu--dropdown .elementor-item,
	.elementor-19 .elementor-nav-menu--dropdown .elementor-sub-item {
		padding-top: 14px !important;
		padding-bottom: 14px !important;
		font-weight: 600;
		letter-spacing: 0.02em;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wseg-reveal {
		opacity: 1;
		transform: none;
	}
	.wseg-training-card,
	.wseg-training-icon {
		transition: none !important;
	}
}

/* Perguntas frequentes (Home) */
.wseg-faq { background: #F4F7F2; padding: 84px 20px; font-family: "Poppins", sans-serif; }
.wseg-faq-inner { max-width: 1140px; margin: 0 auto; }
.wseg-faq-eyebrow { margin: 0 0 8px; text-transform: uppercase; letter-spacing: .14em; font-size: 13px; font-weight: 700; color: #0B5A18; text-align: center; }
.wseg-faq h2 { margin: 0 0 40px; text-align: center; color: #0B5A18; font-size: clamp(28px, 4vw, 38px); line-height: 1.15; }
.wseg-faq-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; }
.wseg-faq-group h3 { margin: 0 0 16px; font-size: 19px; color: #1A2E1A; }
.wseg-faq details { background: #FFFFFF; border: 1px solid rgba(11,90,24,.12); border-radius: 12px; margin: 0 0 12px; padding: 0 20px; }
.wseg-faq summary { cursor: pointer; padding: 18px 0; font-weight: 600; font-size: 16px; color: #1A2E1A; line-height: 1.4; }
.wseg-faq details[open] summary { color: #0B5A18; }
.wseg-faq details p { margin: 0 0 18px; font-size: 15.5px; line-height: 1.7; color: #3A473C; }
.wseg-faq summary:focus-visible { outline: 3px solid #6BBF1A; outline-offset: 3px; border-radius: 4px; }
@media (max-width: 720px) { .wseg-faq { padding: 60px 16px; } .wseg-faq-grid { grid-template-columns: 1fr; } }

/* ===== Ajustes de celular e consistência visual (Home) ===== */
/* Títulos pequenos (sobretítulos) das seções: mesmo tamanho, espaçamento e contraste em todas */
.elementor-element-0f6f6b0 .elementor-heading-title, .elementor-element-3225a21 .elementor-heading-title,
.elementor-element-0e35283 .elementor-heading-title, .elementor-element-b14f056 .elementor-heading-title {
	font-size: 13px !important; letter-spacing: .22em !important; font-weight: 700 !important; text-transform: uppercase !important; color: #0B5A18 !important; line-height: 1.4 !important;
}
.elementor-element-c91be73 .elementor-heading-title, .elementor-element-9aad7a2 .elementor-heading-title, .wseg-contact-eyebrow {
	font-size: 13px !important; letter-spacing: .22em !important; font-weight: 700 !important; text-transform: uppercase !important; color: #B9F27C !important; line-height: 1.4 !important;
}
.elementor-element-50f71b7 .elementor-heading-title, .elementor-element-baa3b69 .elementor-heading-title, .elementor-element-f3f5812 .elementor-heading-title {
	font-size: 14px !important; letter-spacing: .14em !important; color: #B9F27C !important;
}
/* Banner: sobretítulo legível e película escura para o texto não se perder na foto */
.elementor-slides .elementor-slide-heading { color: #B9F27C !important; letter-spacing: .22em !important; font-size: 13px !important; font-weight: 700 !important; }
.elementor-slides .elementor-slide-heading > * { letter-spacing: normal !important; }
.elementor-slides .swiper-slide-bg { box-shadow: inset 0 0 0 3000px rgba(0, 0, 0, .40); }
/* Imagens da seção Serviços: todas com a mesma altura, sem distorcer */
.elementor-element-0f916aa img, .elementor-element-7ea572a img, .elementor-element-4578ce5 img,
.elementor-element-7d7a6b8 img, .elementor-element-b414385 img, .elementor-element-808912f img {
	width: 100% !important; height: 170px !important; object-fit: contain !important; max-width: 100% !important;
	opacity: 1 !important; filter: none !important;
}
/* Imagens dos cartões do blog: mesma proporção */
.elementor-loop-container .elementor-widget-theme-post-featured-image img { width: 100% !important; aspect-ratio: 16 / 10; height: auto !important; object-fit: cover !important; }
@media (max-width: 767px) {
	.elementor-element-0f916aa img, .elementor-element-7ea572a img, .elementor-element-4578ce5 img,
	.elementor-element-7d7a6b8 img, .elementor-element-b414385 img, .elementor-element-808912f img { display: none !important; }
	.elementor-element-0f916aa, .elementor-element-7ea572a, .elementor-element-4578ce5,
	.elementor-element-7d7a6b8, .elementor-element-b414385, .elementor-element-808912f { display: none !important; }
	.elementor-slides .elementor-slide-description { font-size: 15px !important; line-height: 1.55 !important; }
	img { max-width: 100%; height: auto; }
	h1, h2, h3 { overflow-wrap: break-word; }
}

/* Empresa (Home): no celular/tablet a imagem vem depois do texto "Conheça a WSEG" */
@media (max-width: 1024px) {
	.elementor-element-c4a848d { flex-direction: column !important; }
	.elementor-element-430d804 { order: 2 !important; }
	.elementor-element-d9a0856 { order: 1 !important; }
	.elementor-element-430d804 img { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover !important; border-radius: 16px; }
}
/* Blog (Home): os 3 cartões iguais no celular — imagem em cima, largura total, mesma proporção */
@media (max-width: 767px) {
	#blog .e-loop-item > .e-con { flex-direction: column !important; width: 100% !important; }
	#blog .elementor-widget-theme-post-featured-image,
	#blog .elementor-widget-theme-post-featured-image .elementor-widget-container,
	#blog .elementor-widget-theme-post-featured-image a { display: block !important; width: 100% !important; max-width: 100% !important; flex: none !important; }
	#blog .elementor-widget-theme-post-featured-image img { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 10 !important; object-fit: cover !important; }
	#blog .e-loop-item > .e-con > .e-con { width: 100% !important; }
}

/* Celular: margem lateral única de 20px em todas as seções da Home */
@media (max-width: 767px) {
	.elementor-element-2a099ce, .elementor-element-f51d70b, .elementor-element-2f11085,
	.elementor-element-8c29aa0, #blog { padding-left: 20px !important; padding-right: 20px !important; }
	.elementor-element-0d8b9ee { padding-left: 24px !important; padding-right: 24px !important; }
	.wseg-faq { padding-left: 20px !important; padding-right: 20px !important; }
}

/* Blog (Home) no celular: os 3 cartões com o mesmo texto, espaçamento e acabamento */
@media (max-width: 767px) {
	#blog .elementor-element-6a68e2d, #blog .elementor-element-99adfcc { padding: 22px !important; gap: 14px !important; }
	#blog .elementor-widget-theme-post-title .elementor-heading-title { font-size: 19px !important; line-height: 1.3 !important; }
	#blog .elementor-widget-theme-post-excerpt p { font-size: 15px !important; line-height: 1.55 !important; }
	#blog .e-loop-item { border-radius: 16px; overflow: hidden; }
	#blog .elementor-loop-container { gap: 20px !important; row-gap: 20px !important; }
}