/* ===================================================================
   CSS GLOBAL PARA VARIÁVEIS DE CONTEÚDO SEO
   Uso: Incluir em todos os HTMLs gerados pelo 9_criar_paginas_30_gpt.py
   Reduz tamanho das letras em 50% e adiciona formatação de bordas laterais
   =================================================================== */

/* ===================================================================
   WRAPPER DA SEÇÃO - Largura igual às seções elementor-section-boxed
   =================================================================== */

/* Wrapper principal da seção com layout boxed */
.seo-content-section-wrapper {
	position: relative !important;
}

/* Background overlay - igual às outras seções do site */
.seo-content-section-wrapper .elementor-background-overlay {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	background-image: url("../../2018/07/Overlay-Grey.html") !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: auto !important;
	opacity: 1 !important;
	mix-blend-mode: multiply !important;
	transition: background 0.3s, border-radius 0.3s, opacity 0.3s !important;
	z-index: 1 !important;
}

/* Container com layout boxed e largura limitada */
.seo-content-section-wrapper .elementor-container {
	max-width: 1200px !important;
	margin: 0 auto !important;
	padding: 0 20px !important;
	position: relative !important;
	z-index: 2 !important;
}

/* Container principal da seção de conteúdo SEO */
.seo-content-section {
	background-color: transparent !important;
	padding: 0 !important;
}

/* ===================================================================
   TÍTULOS - 50% do tamanho original
   =================================================================== */

/* H1 Principal */
.seo-heading-main {
	font-size: 45px !important; /* 50% de 90px */
	line-height: 1.4em !important;
	font-weight: 700 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	color: #353436 !important;
	margin-bottom: 20px !important;
}

/* H2 de Seção */
.seo-heading-section {
	font-size: 27.5px !important; /* 50% de 55px */
	line-height: 1.3em !important;
	font-weight: 700 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	color: #353436 !important;
	margin: 30px 0 20px 0 !important;
	padding-bottom: 10px;
	border-bottom: 2px solid #F97316;
}

/* H3 de Serviços */
.seo-service-title,
.seo-diff-title {
	font-size: 15px !important; /* 50% de 30px */
	line-height: 1.3em !important;
	font-weight: 700 !important;
	font-family: 'Montserrat', sans-serif !important;
	text-transform: uppercase !important;
	color: #353436 !important;
	margin-bottom: 10px !important;
}

/* Subtítulo de Diferenciais */
.seo-diff-subtitle {
	font-size: 9px !important; /* 50% de 18px */
	line-height: 1.2em !important;
	font-weight: 500 !important;
	font-family: 'Montserrat', sans-serif !important;
	color: #666666 !important;
	margin-bottom: 10px !important;
}

/* ===================================================================
   CLASSES ADICIONAIS PARA REDUÇÃO DE FONTE
   =================================================================== */

/* H1 com 50% do tamanho original (90px → 45px) */
.seo-h1-reduced {
	font-size: 45px !important; /* 50% de 90px */
	line-height: 1.4em !important;
	font-weight: 700 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	color: #353436 !important;
}

/* H2 com 60% do tamanho original (55px → 33px) */
.seo-h2-reduced {
	font-size: 33px !important; /* 60% de 55px */
	line-height: 1.3em !important;
	font-weight: 700 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	color: #353436 !important;
}

/* SEO Title Principal com 80% do tamanho atual (45px → 36px) */
.seo-heading-title-reduced {
	font-size: 36px !important; /* 80% de 45px */
	line-height: 1.4em !important;
	font-weight: 700 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	color: #353436 !important;
	margin-bottom: 20px !important;
}

/* ===================================================================
   TEXTOS E DESCRIÇÕES
   =================================================================== */

/* Banner Description */
.seo-banner-desc {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #666666 !important;
	margin-bottom: 30px !important;
}

/* Descrição de Serviços */
.seo-service-desc {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #666666 !important;
	margin-bottom: 20px !important;
}

/* Texto de Diferenciais */
.seo-diff-text {
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #666666 !important;
}

/* ===================================================================
   ITENS DE SERVIÇOS E DIFERENCIAIS
   =================================================================== */

.seo-service-item,
.seo-differential-item {
	background-color: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 8px !important;
	padding: 20px 25px !important;
	margin-bottom: 20px !important;
	transition: box-shadow 0.3s ease, transform 0.3s ease !important;
}

.seo-service-item:hover,
.seo-differential-item:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
	transform: translateY(-2px) !important;
}

/* ===================================================================
   CONTEÚDO SEO PRINCIPAL
   =================================================================== */

.seo-content-text {
	background-color: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 8px !important;
	padding: 30px !important;
}

.seo-content-text .elementor-widget-container {
	font-size: 14px !important;
	line-height: 1.8 !important;
	color: #333333 !important;
}

/* Estilizar H2 dentro do conteúdo SEO */
.seo-content-text h2 {
	font-size: 22px !important; /* 40% de 55px */
	line-height: 1.3em !important;
	font-weight: 700 !important;
	font-family: 'Roboto Condensed', sans-serif !important;
	text-transform: uppercase !important;
	color: #262c62 !important;
	margin-top: 30px !important;
	margin-bottom: 15px !important;
	padding-bottom: 10px !important;
	border-bottom: 2px solid #F97316 !important;
}

.seo-content-text h2:first-child {
	margin-top: 0 !important;
}

/* Estilizar parágrafos dentro do conteúdo SEO */
.seo-content-text p {
	font-size: 16px !important;
	line-height: 1.8 !important;
	color: #333333 !important;
	margin-bottom: 15px !important;
}

/* Estilizar links dentro do conteúdo SEO */
.seo-content-text a {
	color: #262c62 !important;
	text-decoration: underline !important;
	transition: color 0.3s ease !important;
}

.seo-content-text a:hover {
	color: #F97316 !important;
	text-decoration: none !important;
}

/* ===================================================================
   RESPONSIVO - TABLET E MOBILE
   =================================================================== */

@media (max-width: 1024px) {
	.seo-content-section-wrapper .elementor-container {
		padding: 0 25px !important;
	}

	.seo-heading-main {
		font-size: 25px !important;
	}

	.seo-heading-section {
		font-size: 17.5px !important;
	}

	.seo-service-title,
	.seo-diff-title {
		font-size: 12px !important;
	}

	.seo-diff-subtitle {
		font-size: 9px !important;
	}

	/* H1 reduzido - tablet */
	.seo-h1-reduced {
		font-size: 25px !important; /* 50% do tamanho tablet */
	}

	/* H2 reduzido - tablet */
	.seo-h2-reduced {
		font-size: 19.8px !important; /* 60% de 33px */
	}

	/* SEO Title reduzido - tablet */
	.seo-heading-title-reduced {
		font-size: 20px !important; /* ~55% de 36px */
	}
}

@media (max-width: 767px) {
	.seo-content-section-wrapper .elementor-container {
		padding: 0 20px !important;
	}

	.seo-heading-main {
		font-size: 21px !important;
	}

	.seo-heading-section {
		font-size: 17.5px !important;
	}

	.seo-service-title,
	.seo-diff-title {
		font-size: 12px !important;
	}

	.seo-diff-subtitle {
		font-size: 11px !important;
	}

	/* H1 reduzido - mobile */
	.seo-h1-reduced {
		font-size: 21px !important; /* 50% do tamanho mobile */
	}

	/* H2 reduzido - mobile */
	.seo-h2-reduced {
		font-size: 16.5px !important; /* 50% de 33px */
	}

	/* SEO Title reduzido - mobile */
	.seo-heading-title-reduced {
		font-size: 16.8px !important; /* ~47% de 36px */
	}

	.seo-service-item,
	.seo-differential-item {
		padding: 15px 20px !important;
	}

	.seo-content-text {
		padding: 20px !important;
	}

	.seo-content-text h2 {
		font-size: 15px !important;
	}
}

/* ===================================================================
   ESTILOS ESPECÍFICOS PARA ELEMENTOR
   =================================================================== */

.seo-content-section .elementor-widget-container {
	padding: 0 !important;
}

.seo-content-section .elementor-element {
	margin-bottom: 0 !important;
}

.seo-content-section .elementor-widget-heading {
	margin-bottom: 10px !important;
}

.seo-content-section .elementor-widget-text-editor {
	margin-bottom: 20px !important;
}

/* ===================================================================
   ESTILOS ESPECÍFICOS PARA pagina2.html
   =================================================================== */

/* Títulos de serviço no pagina2.html */
.features-item-title.seo-service-title {
	font-size: 15px !important;
}

/* Descrições de serviço no pagina2.html */
.features-item-desc.seo-service-desc {
	font-size: 14px !important;
}

/* Títulos de diferenciais no pagina2.html */
.reviews-name.seo-diff-title {
	font-size: 15px !important;
}

/* Subtítulos de diferenciais no pagina2.html */
.reviews-profi.seo-diff-subtitle {
	font-size: 9px !important;
}

/* Textos de diferenciais no pagina2.html */
.reviews-comment.seo-diff-text {
	font-size: 14px !important;
}

/* Itens de serviço no pagina2.html */
.features-item.seo-service-item {
	background-color: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 8px !important;
}

/* Itens de diferencial no pagina2.html */
.reviews-item.seo-differential-item {
	background-color: #FFFFFF !important;
	border: 1px solid #E5E5E5 !important;
	border-radius: 8px !important;
}

/* Container da seção de soluções no pagina2.html */
.s-solutions .container.seo-content-section {
	background-color: transparent !important;
	padding: 0 !important;
}

/* Container da seção de SEO no pagina2.html */
.s-seo .container.seo-content-section {
	background-color: #F8F7F3 !important;
}

/* ===================================================================
   SEÇÃO DE CONTATO - Textos brancos em fundo escuro
   =================================================================== */

/* H2 reduzido na seção de contato - cor branca */
#contato .seo-h2-reduced,
#contato-mobile .seo-h2-reduced {
	color: #FFFFFF !important;
}

/* Garante que os divisores também fiquem visíveis em fundo escuro */
#contato .elementor-divider-separator,
#contato-mobile .elementor-divider-separator {
	border-color: #FFFFFF !important;
}