:root {
	--primary-color: #00952a;
	--secondary-color: #000;
}

body {
	color: #333;
	background: #fff;
	font-family: "Poppins", sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	line-height: 1.3;
}

a:hover,
a:focus {
	color: #005580;
	text-decoration: underline;
}

/*Header*/
.topo {
	background: rgb(255 255 255 / 0%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	transition:
		background-color .25s ease,
		backdrop-filter .25s ease,
		-webkit-backdrop-filter .25s ease,
		box-shadow .25s ease,
		transform .25s ease;
}

.topo .topo-box {
	padding: 18px 0;
	transition: padding .25s ease;
}

.topo .logo img {
	transform-origin: left center;
	transform: scale(1);
	transition: transform .25s ease, opacity .25s ease;
}

.topo.is-sticky {
	position: fixed;
	/* agora acompanha a rolagem */
	background: rgba(0, 0, 0, 0.78);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45);
}

.topo.is-sticky::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg,
			rgba(1, 169, 240, 0) 0%,
			rgba(1, 169, 240, .35) 35%,
			rgba(34, 197, 94, .25) 65%,
			rgba(34, 197, 94, 0) 100%);
	pointer-events: none;
}

.topo.is-sticky .topo-box {
	padding: 10px 0;
}

.topo.is-sticky .logo img {
	transform: scale(0.82);
}

.topo.is-sticky .menu-box a {
	color: #fff;
}

.topo.is-sticky .menu-cta__btn {
	box-shadow:
		0 12px 26px rgba(1, 169, 240, 0.22),
		0 6px 14px rgba(0, 0, 0, 0.18);
}

@media (max-width: 992px) {
	.topo .topo-box {
		padding: 14px 0;
	}

	.topo.is-sticky .topo-box {
		padding: 8px 0;
	}

	.topo.is-sticky .logo img {
		transform: scale(0.78);
	}
}

.topo .topo-box {
	display: flex;
	align-items: center;
	justify-content: center;
}

.topo .logo {
	width: 250px;
	padding: 0;
}

/*menu*/
.topo .menu li {
	display: inline-block;
	position: relative;
}

.topo .menu li:hover>a {
	color: var(--primary-color);
	transition: 0.4s all;
}

.topo .menu a.menu-ativo {
	color: var(--primary-color);
	font-weight: bold;
}

.topo .menu li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	font-size: 13px;
	color: #fff;
}

.topo .menu ul {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

.topo .menu ul li:hover>ul {
	display: inline-grid;
	height: 300px;
}

ul.ul-dropdown-responsivo.ul-dropdown-responsivo-2 {
	height: auto !important;
	overflow: hidden !important;
}

.topo .menu ul ul {
	display: none;
	position: absolute;
	left: 0;
	top: 100%;
	z-index: 10;
	width: auto;
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
	overflow-y: scroll;
}

.topo .menu ul ul li {
	width: auto;
}

.topo .menu ul ul li a {
	display: block;
	padding: 10px 15px;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size: 13px;
}

.topo .menu ul ul li a:hover {
	color: #fff;
	background: var(--primary-color);
	border-radius: 0px;
}

/*footer*/
.footer {
	color: #fff;
	background: #010101;
	padding: 60px 0 20px 0;
}

.logo_footer img {
	width: 210px;
	padding: 0 0 15px 0;
}

footer.footer h1 {
	font-size: 20px;
	font-weight: 600;
	border-left: 4px solid var(--primary-color);
	padding-left: 5px;
	margin-bottom: 20px;
	margin-top: 30px;
}

.footer span {
	color: var(--primary-color);
}

.footer ul {
	padding: 0;
}

.footer ul li {
	display: inherit;
}

.footer ul li a {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
}

.footer ul li a:hover {
	color: var(--primary-color);
}

.footer img {
	margin: 0 5px;
}

.footer a,
.footer p {
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	margin-bottom: 0;
}

.footer a:hover {
	color: var(--primary-color);
	transition: 0.4s all;
	text-decoration: none;
}

.footer .redes-sociais-footer {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 10px;
}

.footer .redes-sociais-footer a {
	color: #000;
	font-size: 22px;
}

.footer .redes-sociais-footer i {
	background: #fff;
	padding: 7px 12px;
	border-radius: 3px;
}

.footer .redes-sociais-footer a:hover {
	color: var(--primary-color);
	transition: 0.4s all;
}

/*creditos*/
.creditos {
	padding: 15px 0;
}

.creditos-box {
	padding: 30px 0 0 0;
	border-radius: 2px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgb(255 255 255 / 10%);
	margin-top: 20px;
}

.creditos .creditos-logo {
	width: 80px;
}

img.logo-focuspublicidade {
	width: 90px;
}

.creditos .creditos-link {
	display: flex;
	align-items: center;
}

.creditos .creditos-link a {
	margin-left: 10px;
}

.creditos-text a {
	font-size: 12px;
}

.creditos-text strong {
	font-weight: 500;
}

/*404*/
.erro-404 {
	padding: 60px 0px;
}

.erro-404 h2 {
	font-size: 20px;
}

.erro-404 h3 {
	font-weight: 400;
	font-size: 20px;
}

.erro-404 p {
	font-size: 25px;
	margin-top: 17px;
}

/*Recursos Extras*/
header .container {
	max-width: 1300px;
}

footer .container {
	max-width: 1300px;
}

.swiper-button-next,
.swiper-button-prev {
	color: var(--primary-color);
}

.swiper-pagination-bullet {
	background: var(--primary-color)
}

.fixed-sidebar-link {
	/* display: flex;
	flex-direction: column; */
	text-align: center;
	padding: 16px 0;
	flex: 1;
}

.fixed-sidebar-link span {
	font-size: 13px;
}

.fixed-sidebar-link i {
	font-size: 15px;
}

.menu-cta {
	margin-left: 12px;
	/* dá um respiro do último item */
}

.menu-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 10px 16px;
	border-radius: 999px;

	font-weight: 700;
	letter-spacing: .2px;
	text-transform: none;

	color: #fff !important;
	background: linear-gradient(135deg, var(--primary-color), #0c7669);
	border: 1px solid rgba(255, 255, 255, 0.15);

	box-shadow:
		0 10px 24px rgba(1, 169, 240, 0.28),
		0 2px 6px rgba(0, 0, 0, 0.12);

	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
}

.menu-cta__btn::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(120deg,
			transparent 0%,
			rgba(255, 255, 255, .35) 35%,
			transparent 70%);
	transform: translateX(-120%);
	transition: transform .6s ease;
}

.menu-cta__btn:hover {
	transform: translateY(-1px);
	filter: saturate(1.05);
	box-shadow:
		0 14px 30px rgba(1, 169, 240, 0.35),
		0 6px 14px rgba(0, 0, 0, 0.16);
}

.menu-cta__btn:hover::before {
	transform: translateX(120%);
}

.menu-cta__btn:active {
	transform: translateY(0);
}

.menu-cta__btn:focus {
	outline: none;
}

.menu-cta__btn:focus-visible {
	outline: 3px solid rgba(1, 169, 240, 0.35);
	outline-offset: 3px;
}

@media (max-width: 992px) {
	.menu-cta {
		margin-left: 0;
		margin-top: 10px;
	}

	.menu-cta__btn {
		width: 100%;
		padding: 12px 16px;
	}
}

/* =======================================================
   HERO BANNER ARTECWEB - ESTILO DARK MINIMALISTA
======================================================== */
.hero-premium {
	position: relative;
	min-height: 100vh;
	display: flex;
	align-items: center;
	overflow: hidden;
	background: #030508;
	/* Dark base profundo e sólido */
	color: #ffffff;
	isolation: isolate;
	padding: 0;
}

/* Fundo limpo: apenas um glow difuso, sem quadriculados pesados */
.hero-bg {
	position: absolute;
	inset: 0;
	background: radial-gradient(800px 600px at 50% 10%, rgba(0, 149, 42, 0.08), transparent 70%);
	z-index: -2;
}

.hero-wrap {
	width: 100%;
	text-align: center;
	position: relative;
	padding: clamp(140px, 12vh, 180px) 0 clamp(40px, 6vh, 60px);
	max-width: 1000px;
	/* Limita a largura para ficar mais compacto e elegante */
	margin: 0 auto;
}

/* =======================================================
   TAG SUPERIOR (BADGE)
======================================================== */
.hero-topline {
	display: flex;
	justify-content: center;
	margin-bottom: 24px;
}

.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 16px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.06);
	background: rgba(255, 255, 255, 0.02);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
	/* Tipografia fina */
	font-size: 13px;
	letter-spacing: 0.5px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
}

.hero-badge i {
	color: var(--primary-color);
	font-size: 14px;
}

/* =======================================================
   TÍTULOS E TEXTOS
======================================================== */
.hero-title {
	margin: 0 auto;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 700;
	/* Firme, mas não exagerado */
	letter-spacing: -0.04em;
	/* Compactado */
	line-height: 1.1;
	font-size: clamp(34px, 5vw, 54px);
	color: #ffffff;
}

.hero-title .t-line {
	display: block;
}

.hero-highlight {
	color: var(--primary-color);
	text-shadow: 0 0 30px rgba(0, 149, 42, 0.15);
	/* Brilho neon leve */
}

.hero-subtitle {
	margin: 20px auto 0;
	max-width: 680px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 300;
	/* Tipografia fina */
	font-size: clamp(14px, 1.2vw, 15px);
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.55);
}

/* =======================================================
   BOTÕES CTA
======================================================== */
.hero-actions {
	margin-top: 35px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 16px;
}

.btn-hero {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 13px 26px;
	border-radius: 50px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 500;
	font-size: 14.5px;
	text-decoration: none !important;
	transition: all 0.3s ease;
}

.btn-hero-primary {
	background: var(--primary-color);
	color: #ffffff !important;
	border: 1px solid var(--primary-color);
	box-shadow: 0 10px 25px rgba(0, 149, 42, 0.15);
}

.btn-hero-primary:hover {
	background: #007a22;
	border-color: #007a22;
	transform: translateY(-2px);
	box-shadow: 0 15px 35px rgba(0, 149, 42, 0.25);
}

.btn-hero-outline {
	background: transparent;
	color: rgba(255, 255, 255, 0.8) !important;
	border: 1px solid rgba(255, 255, 255, 0.15);
}

.btn-hero-outline:hover {
	background: rgba(255, 255, 255, 0.03);
	border-color: rgba(255, 255, 255, 0.3);
	transform: translateY(-2px);
	color: #ffffff !important;
}

/* =======================================================
   CARDS DE MÉTRICAS (GLASSMORPHISM)
======================================================== */
.hero-metrics {
	margin-top: 60px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

.metric-card {
	padding: 24px 15px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, 0.04);
	background: rgba(255, 255, 255, 0.015);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform 0.4s ease, border-color 0.4s ease;
}

.metric-card:hover {
	transform: translateY(-4px);
	border-color: rgba(0, 149, 42, 0.25);
	background: rgba(255, 255, 255, 0.025);
}

.metric-value {
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 600;
	/* Mais fino, menos "gritante" */
	font-size: clamp(24px, 2.5vw, 30px);
	line-height: 1;
	color: var(--primary-color);
}

.metric-plus {
	font-weight: 400;
	margin-left: 2px;
	font-size: 20px;
}

.metric-label {
	margin-top: 10px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 300;
	/* Letra fina elegante */
	font-size: 13px;
	letter-spacing: 0.5px;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
}

/* =======================================================
   SCROLL MOUSE
======================================================== */
.hero-scroll {
	margin-top: 45px;
	display: inline-flex;
	opacity: 0.6;
	transition: opacity 0.3s ease;
}

.hero-scroll:hover {
	opacity: 1;
}

.hero-scroll-mouse {
	width: 24px;
	height: 38px;
	border-radius: 50px;
	border: 1px solid rgba(255, 255, 255, 0.15);
	position: relative;
}

.hero-scroll-mouse::after {
	content: "";
	position: absolute;
	top: 6px;
	left: 50%;
	width: 4px;
	height: 6px;
	border-radius: 4px;
	transform: translateX(-50%);
	background: var(--primary-color);
	animation: heroWheel 1.5s ease-in-out infinite;
}

@keyframes heroWheel {
	0% {
		transform: translate(-50%, 0);
		opacity: 1;
	}

	70% {
		transform: translate(-50%, 12px);
		opacity: 0.2;
	}

	100% {
		transform: translate(-50%, 12px);
		opacity: 0;
	}
}

/* =======================================================
   ANIMAÇÕES REVEAL
======================================================== */
[data-reveal] {
	opacity: 0;
	transform: translateY(15px);
	transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1), transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}

.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

/* =======================================================
   RESPONSIVIDADE (MOBILE & TABLET)
======================================================== */
@media (max-width: 991.98px) {
	.hero-metrics {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.hero-wrap {
		padding: 110px 0 40px;
	}

	.hero-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.btn-hero {
		width: 100%;
	}

	.hero-metrics {
		grid-template-columns: 1fr;
		gap: 15px;
	}
}

/*css servicos*/

.services-premium {
	padding: clamp(80px, 8vw, 120px) 0;
	background: #000;
	/* Fundo dark fosco e profundo */
	color: #ffffff;
}

.services-head {
	max-width: 800px;
	margin: 0 auto 40px;
}

.services-badge {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.7);
	font: 400 12.5px/1 "Poppins", system-ui, -apple-system, sans-serif;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.services-title {
	margin: 18px 0 0;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.15;
	font-size: clamp(28px, 3.5vw, 42px);
	color: #ffffff;
}

.services-highlight {
	color: var(--primary-color);
}

.services-subtitle {
	margin: 16px auto 0;
	max-width: 600px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 300;
	/* Fino e moderno */
	font-size: 14.5px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.55);
}

.services-grid {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
	/* Gap mais fechado e elegante */
}

/* Card "Glass Esbranquiçado" */
.service-card {
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	padding: 35px 25px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
		background-color 0.4s ease,
		border-color 0.4s ease;
	height: 100%;
}

.service-card:hover {
	transform: translateY(-5px);
	background: rgba(255, 255, 255, 0.04);
	/* Clareia levemente no hover */
	border-color: rgba(0, 149, 42, 0.3);
	/* Nuance da marca */
}

/* Ícone minimalista */
.service-ico {
	width: 48px;
	height: 48px;
	display: grid;
	place-items: center;
	border-radius: 10px;
	background: rgba(0, 149, 42, 0.1);
	border: 1px solid rgba(0, 149, 42, 0.2);
	transition: all 0.4s ease;
}

.service-ico i {
	color: var(--primary-color);
	font-size: 18px;
}

.service-name {
	margin: 24px 0 10px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 500;
	font-size: 16.5px;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, 0.95);
}

.service-desc {
	margin: 0;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 300;
	font-size: 13.5px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.5);
	min-height: 48px;
}

.service-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	margin-top: 20px;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 400;
	font-size: 13px;
	color: rgba(255, 255, 255, 0.6);
	text-decoration: none;
	transition: color 0.3s ease;
}

.service-link i {
	font-size: 12px;
	transition: transform 0.3s ease;
}

.service-card:hover .service-link {
	color: var(--primary-color);
}

.service-card:hover .service-link i {
	transform: translateX(4px);
}

@media (max-width: 1199.98px) {
	.services-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 575.98px) {
	.services-head {
		margin-bottom: 30px;
	}

	.services-title {
		font-size: clamp(26px, 8vw, 32px);
	}

	.services-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}

	.service-card {
		padding: 30px 20px;
	}
}

/*why-premium - home */
.why-premium {
	padding: clamp(64px, 6.5vw, 50px) 0;
	background: #026129;
	color: #fff;
	overflow: hidden;
}

.why-grid {
	display: grid;
	grid-template-columns: 1.15fr 1fr;
	align-items: center;
	gap: clamp(22px, 4vw, 46px);
}

.why-badge {
	display: inline-block;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .16);
	color: rgba(255, 255, 255, .92);
	font: 500 13px/1 "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	letter-spacing: .2px;
}

.why-title {
	margin: 16px 0 0;
	font-weight: 800;
	letter-spacing: -0.03em;
	line-height: 1.02;
	font-size: clamp(40px, 4.6vw, 50px);
	color: rgba(255, 255, 255, .98);
}

.why-text {
	margin: 16px 0 0;
	max-width: 520px;
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 15.5px;
	line-height: 1.75;
	color: rgba(255, 255, 255, .86);
}

.why-btn {
	margin-top: 26px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 18px;
	border-radius: 10px;
	background: rgba(0, 0, 0, .12);
	color: #fff;
	font-weight: 600;
	letter-spacing: .5px;
	text-decoration: none;
	transition: transform .25s ease, background-color .25s ease, box-shadow .25s ease, border-color .25s ease;
}

.why-btn i {
	font-size: 16px;
}

.why-btn:hover {
	text-decoration: none;
	transform: translateY(-1px);
	background: rgba(0, 0, 0, .16);
	border-color: rgba(255, 255, 255, .32);
	box-shadow: 0 16px 40px rgb(0 0 0 / 52%);
	color: #fff;
}

.why-btn:focus {
	outline: 2px solid rgba(255, 255, 255, .55);
	outline-offset: 3px;
}

.why-cards {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 18px;
}

.why-card {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 16px 16px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .18);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transition: transform .25s ease, background-color .25s ease, border-color .25s ease;
	min-height: 58px;
}

.why-card i {
	font-size: 16px;
	color: rgba(255, 255, 255, .95);
	flex: 0 0 auto;
}

.why-card span {
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.35;
	color: rgba(255, 255, 255, .95);
}

.why-card:hover {
	transform: translateY(-2px);
	background: rgba(255, 255, 255, .16);
	border-color: rgba(255, 255, 255, .26);
}

[data-why-reveal] {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .7s cubic-bezier(.2, .8, .2, 1), transform .7s cubic-bezier(.2, .8, .2, 1);
}

.why-is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (max-width: 991.98px) {
	.why-grid {
		grid-template-columns: 1fr;
	}

	.why-text {
		max-width: 680px;
	}

	.why-cards {
		margin-top: 22px;
	}
}

@media (max-width: 575.98px) {
	.why-title {
		font-size: clamp(30px, 9.2vw, 42px);
		line-height: 1.08;
	}

	.why-cards {
		grid-template-columns: 1fr;
		gap: 14px;
	}
}

@media (prefers-reduced-motion: reduce) {
	[data-why-reveal] {
		transition: none;
		opacity: 1;
		transform: none;
	}

	.why-card,
	.why-btn {
		transition: none;
	}
}

/*metodologia e depoimentos*/
/* =======================================================
   4. METODOLOGIA (DARK FOSCO & GLASS)
======================================================== */
.method-premium {
	padding: clamp(80px, 8vw, 120px) 0;
	background: #05070a;
	/* Fundo escuro alternado (leve variação do hero) */
	border-top: 1px solid rgba(255, 255, 255, 0.02);
}

.method-head {
	max-width: 800px;
	margin: 0 auto 40px;
}

.method-badge {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.7);
	font: 400 12.5px/1 "Poppins", system-ui, -apple-system, sans-serif;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.method-title {
	margin: 18px 0 0;
	font-family: "Poppins", system-ui, -apple-system, sans-serif;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.15;
	font-size: clamp(28px, 3.5vw, 42px);
	color: #ffffff;
}

.method-highlight {
	color: var(--primary-color);
}

.method-subtitle {
	margin: 16px auto 0;
	max-width: 600px;
	font-weight: 300;
	font-size: 14.5px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.55);
}

.method-grid {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 20px;
}

/* Card Metodologia - Glassmorphism Sutil */
.method-card {
	background: rgba(255, 255, 255, 0.02);
	border: 1px solid rgba(255, 255, 255, 0.05);
	border-radius: 12px;
	padding: 30px 25px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform 0.4s ease, border-color 0.4s ease, background 0.4s ease;
	height: 100%;
}

.method-card:hover {
	transform: translateY(-4px);
	border-color: rgba(0, 149, 42, 0.3);
	background: rgba(255, 255, 255, 0.035);
}

.method-top {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 15px;
}

.method-name {
	margin: 0;
	font-weight: 500;
	font-size: 17px;
	color: #ffffff;
}

.method-num {
	font-weight: 700;
	font-size: 36px;
	line-height: 0.8;
	/* Efeito de marca d'água (texto vazado com borda sutil) */
	color: transparent;
	-webkit-text-stroke: 1px rgba(255, 255, 255, 0.15);
	user-select: none;
	transition: -webkit-text-stroke 0.4s ease;
}

.method-card:hover .method-num {
	-webkit-text-stroke: 1px var(--primary-color);
}

.method-desc {
	margin: 0;
	font-weight: 300;
	font-size: 13.5px;
	line-height: 1.6;
	color: rgba(255, 255, 255, 0.5);
}

/* =======================================================
   5. DEPOIMENTOS (DARK FOSCO & GLASS)
======================================================== */
.testimonials-premium {
	padding: clamp(80px, 8vw, 120px) 0;
	background: #07090d;
	border-top: 1px solid rgba(255, 255, 255, 0.02);
}

.testi-head {
	max-width: 800px;
	margin: 0 auto 40px;
}

.testi-badge {
	display: inline-block;
	padding: 6px 14px;
	border-radius: 50px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.08);
	color: rgba(255, 255, 255, 0.7);
	font: 400 12.5px/1 "Poppins", system-ui, -apple-system, sans-serif;
	letter-spacing: 0.5px;
	text-transform: uppercase;
}

.testi-title {
	margin: 18px 0 0;
	font-weight: 600;
	letter-spacing: -0.02em;
	line-height: 1.15;
	font-size: clamp(28px, 3.5vw, 42px);
	color: #ffffff;
}

.testi-highlight {
	color: var(--primary-color);
}

.testi-subtitle {
	margin: 16px auto 0;
	max-width: 600px;
	font-weight: 300;
	font-size: 14.5px;
	color: rgba(255, 255, 255, 0.55);
}

.testi-grid {
	margin-top: 50px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 20px;
}

.testi-card {
	background: rgba(255, 255, 255, 0.025);
	border: 1px solid rgba(255, 255, 255, 0.06);
	border-radius: 12px;
	padding: 35px 25px;
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform 0.4s ease, border-color 0.4s ease;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.testi-card:hover {
	transform: translateY(-4px);
	border-color: rgba(0, 149, 42, 0.3);
}

.testi-stars {
	display: inline-flex;
	gap: 4px;
	color: var(--primary-color);
	font-size: 13px;
	margin-bottom: 20px;
}

.testi-quote {
	margin: 0 0 25px 0;
	font-weight: 300;
	font-style: italic;
	font-size: 14px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.7);
	flex-grow: 1;
}

.testi-person {
	display: flex;
	align-items: center;
	gap: 12px;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
	padding-top: 20px;
}

.testi-avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	color: #fff;
	font-weight: 600;
	font-size: 14px;
	background: rgba(0, 149, 42, 0.15);
	border: 1px solid rgba(0, 149, 42, 0.3);
}

.testi-name {
	font-weight: 500;
	font-size: 14.5px;
	color: #ffffff;
}

/* Responsividade unificada */
@media (max-width: 1199.98px) {
	.method-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.testi-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767.98px) {

	.method-grid,
	.testi-grid {
		grid-template-columns: 1fr;
	}
}

/* =======================================================
   CTA PREMIUM - ESTILO RAW DARK (SEM CAIXAS)
======================================================== */
.cta-premium-final {
	padding: 120px 0;
	background: #030508;
	position: relative;
	text-align: center;
}

/* Removemos a 'caixa' e deixamos o conteúdo flutuar livre */
.cta-box-final {
	max-width: 700px;
	margin: 0 auto;
	padding: 0 20px;
}

.cta-title-final {
	margin: 0 0 20px 0;
	font-weight: 700;
	letter-spacing: -0.04em;
	font-size: clamp(32px, 5vw, 56px);
	color: #ffffff;
}

.cta-highlight {
	color: var(--primary-color);
}

.cta-subtitle-final {
	margin: 0 auto 40px;
	max-width: 580px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.7;
	color: rgba(255, 255, 255, 0.45);
	/* Mais suave */
}

.cta-btn-primary-final {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 18px 40px;
	border-radius: 50px;
	background: transparent;
	color: #ffffff !important;
	border: 1px solid var(--primary-color);
	font-weight: 600;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-decoration: none !important;
	transition: all 0.4s ease;
}

.cta-btn-primary-final:hover {
	background: var(--primary-color);
	color: #ffffff !important;
	transform: translateY(-3px);
}

/* Reveal suave */
[data-cta-reveal] {
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 0.8s ease, transform 0.8s ease;
}

.cta-is-visible {
	opacity: 1;
	transform: translateY(0);
}

.creditos {
	background: rgba(0, 0, 0, .92);
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.creditos-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 12px 0;
}

.creditos-left {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	min-width: 0;
}

.creditos-left small {
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 13px;
	line-height: 1.4;
	color: rgba(255, 255, 255, .75);
}

.creditos-left a {
	color: rgba(255, 255, 255, .86);
	text-decoration: none;
	transition: color .2s ease;
}

.creditos-left a:hover {
	color: #fff;
}

.creditos-sep {
	color: rgba(0, 149, 42, .85);
	/* pontinho verde como na imagem */
	user-select: none;
}

.creditos-right {
	display: flex;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	justify-content: flex-end;
	white-space: nowrap;
}

.creditos-tag {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 500;
	font-size: 13px;
	color: rgba(255, 255, 255, .82);
	text-decoration: none;
	transition: color .2s ease, transform .2s ease;
}

.creditos-tag i {
	color: rgba(0, 149, 42, .95);
	font-size: 13px;
}

.creditos-tag:hover {
	color: #fff;
	transform: translateY(-1px);
}

.creditos-tag--static:hover {
	transform: none;
	/* não é link */
	color: rgba(255, 255, 255, .82);
}

.creditos-bar {
	color: rgba(255, 255, 255, .18);
	user-select: none;
}

/* Responsivo: empilha, mas mantém clean */
@media (max-width: 991.98px) {
	.creditos-row {
		flex-direction: column;
		align-items: flex-start;
	}

	.creditos-right {
		justify-content: flex-start;
		white-space: normal;
	}
}

.footer-slogan {
	margin: 0 0 14px;
	font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .78);
}

.redes-sociais-footer {
	display: flex;
	align-items: center;
	gap: 10px;
}

.social-link {
	width: 38px;
	height: 38px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .04);
	color: rgba(255, 255, 255, .85);
	text-decoration: none;
	transition: transform .22s ease, background-color .22s ease, border-color .22s ease, color .22s ease;
}

.social-link i {
	font-size: 16px;
	line-height: 1;
}

.social-link:hover {
	transform: translateY(-1px);
	background: rgba(0, 149, 42, .12);
	border-color: rgba(0, 149, 42, .38);
	color: #fff;
}

.social-link:focus {
	outline: 2px solid rgba(255, 255, 255, .35);
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	.social-link {
		transition: none;
	}
}

/* Empresa Hero (Dark, clean e premium)
** ----------------------------------------------- */
.empresa-hero {
	position: relative;
	height: 600px;
	min-height: 600px;
	width: 100%;
	overflow: hidden;

	/* base dark estilo banner */
	background: #050607;
}

/* Glow/elementos de fundo (bem sutil, nada agressivo) */
.empresa-hero__bg {
	position: absolute;
	inset: -120px;
	background:
		radial-gradient(900px 340px at 50% 20%, rgba(34, 197, 94, .20), transparent 65%),
		radial-gradient(900px 340px at 15% 45%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(900px 340px at 85% 45%, rgba(34, 197, 94, .10), transparent 70%),
		radial-gradient(600px 220px at 50% 10%, rgba(255, 255, 255, .05), transparent 65%);
	filter: blur(18px);
	opacity: .9;
	pointer-events: none;
}

/* Conteúdo centralizado + respiro do header absolute */
.empresa-hero__content {
	position: relative;
	z-index: 2;
	height: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;

	padding-top: 140px;
	/* mantém espaço do menu */
	padding-bottom: 60px;
}

/* Badge (mais discreto) */
.empresa-hero__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* Título (mais suave/clean) */
.empresa-hero__title {
	margin: 18px 0 12px;

	font-weight: 700;
	/* antes 900 -> agressivo */
	line-height: 1.10;
	/* um pouco mais solto */
	letter-spacing: -0.02em;
	/* premium, sem exagero */

	color: rgba(255, 255, 255, .92);
	font-size: clamp(32px, 4.4vw, 64px);
}

/* Destaque do span (verde mais elegante) */
.empresa-hero__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, 0.15);
}

/* Subtítulo (mais “luxo”) */
.empresa-hero__subtitle {
	max-width: 760px;
	margin: 0;

	color: rgba(255, 255, 255, .68);
	font-size: clamp(14px, 1.25vw, 18px);
	line-height: 1.65;
}

/* Uma linha decorativa sutil (opcional) */
.empresa-hero__subtitle::before {
	content: "";
	display: block;
	width: 140px;
	height: 3px;
	margin: 18px auto 14px;

	border-radius: 999px;
	background: linear-gradient(90deg, rgba(1, 169, 240, 0), rgba(1, 169, 240, .55), rgba(34, 197, 94, .45), rgba(34, 197, 94, 0));
	opacity: .7;
}

/* Responsivo */
@media (max-width: 992px) {
	.empresa-hero {
		height: 560px;
		min-height: 560px;
	}

	.empresa-hero__content {
		padding-top: 120px;
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media (max-width: 480px) {
	.empresa-hero {
		height: 520px;
		min-height: 520px;
	}

	.empresa-hero__content {
		padding-top: 110px;
		padding-bottom: 50px;
	}
}

/* Empresa - About (texto + cards)
** ----------------------------------------------- */
.empresa-about {
	background: #050607;
	padding: 90px 0;
	position: relative;
	overflow: hidden;
}

.empresa-about::before {
	content: "";
	position: absolute;
	inset: -120px;
	background:
		radial-gradient(900px 360px at 20% 20%, rgba(1, 169, 240, .10), transparent 65%),
		radial-gradient(900px 360px at 80% 40%, rgba(34, 197, 94, .10), transparent 65%);
	filter: blur(18px);
	pointer-events: none;
	opacity: .9;
}

.empresa-about__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: 1.25fr .95fr;
	gap: 40px;
	align-items: start;
}

.empresa-about__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.empresa-about__title {
	margin: 14px 0 16px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(26px, 3.2vw, 42px);
	color: rgba(255, 255, 255, .92);
}

.empresa-about__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, 0.15);
}

.empresa-about__text {
	margin: 0 0 14px;
	color: rgba(255, 255, 255, .70);
	font-size: 16px;
	line-height: 1.75;
}

.empresa-about__text strong {
	color: rgba(255, 255, 255, .88);
	font-weight: 700;
}

/* Cards */
.empresa-about__cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

.info-card {
	padding: 18px 18px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.info-card h3,
.info-card h4 {
	margin: 0 0 6px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
	letter-spacing: -0.01em;
}

.info-card p {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	line-height: 1.55;
	font-size: 14px;
}

/* Cards em destaque (degradê premium, sem exagero) */
.info-card--highlight {
	background: linear-gradient(135deg, rgba(1, 169, 240, .16), rgba(34, 197, 94, .14));
	border-color: rgba(255, 255, 255, .14);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

.info-card:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .18);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .40);
}

/* Responsivo */
@media (max-width: 992px) {
	.empresa-about {
		padding: 70px 0;
	}

	.empresa-about__grid {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.empresa-about__cards {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.empresa-about__cards {
		grid-template-columns: 1fr;
	}
}

/* Valores (Dark, clean, premium)
** ----------------------------------------------- */
.valores {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
}

.valores::before {
	content: "";
	position: absolute;
	inset: -120px;
	background:
		radial-gradient(900px 360px at 50% 0%, rgba(34, 197, 94, .14), transparent 60%),
		radial-gradient(900px 360px at 15% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(900px 360px at 85% 55%, rgba(34, 197, 94, .08), transparent 70%);
	filter: blur(20px);
	opacity: .95;
	pointer-events: none;
}

.valores__head {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 34px;
}

.valores__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.valores__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.3vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.valores__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, 0.15);
}

.valores__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Grid */
.valores__grid {
	position: relative;
	z-index: 2;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

/* Card */
.valor-card {
	padding: 22px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.valor-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 22px 46px rgba(0, 0, 0, .40);
}

/* Ícone premium */
.valor-card__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);

	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
	margin-bottom: 14px;
}

.valor-card__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

/* Textos */
.valor-card__title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
	letter-spacing: -0.01em;
}

.valor-card__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .70);
}

/* Responsivo */
@media (max-width: 1200px) {
	.valores__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.valores {
		padding: 70px 0;
	}

	.valores__grid {
		grid-template-columns: 1fr;
	}
}

/* Timeline (Dark premium)
** ----------------------------------------------- */
.timeline {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
}

.timeline::before {
	content: "";
	position: absolute;
	inset: -120px;
	background:
		radial-gradient(900px 360px at 50% 0%, rgba(34, 197, 94, .14), transparent 60%),
		radial-gradient(900px 360px at 15% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(900px 360px at 85% 55%, rgba(34, 197, 94, .08), transparent 70%);
	filter: blur(22px);
	opacity: .95;
	pointer-events: none;
}

.timeline__head {
	position: relative;
	z-index: 2;
	text-align: center;
	margin-bottom: 34px;
}

.timeline__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.timeline__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.3vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.timeline__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, 0.15);
}

.timeline__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Lista + linha vertical */
.timeline__list {
	position: relative;
	z-index: 2;
	max-width: 860px;
	margin: 0 auto;
	padding: 10px 0 0;
	list-style: none;
}

.timeline__list::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 0;
	bottom: 0;
	width: 2px;
	background: linear-gradient(180deg,
			rgba(1, 169, 240, 0) 0%,
			rgba(255, 255, 255, .14) 15%,
			rgba(255, 255, 255, .10) 85%,
			rgba(34, 197, 94, 0) 100%);
	opacity: .9;
}

.timeline__item {
	position: relative;
	display: grid;
	grid-template-columns: 46px 1fr;
	gap: 18px;
	padding: 18px 0;
}

/* Dot */
.timeline__dot {
	width: 14px;
	height: 14px;
	border-radius: 999px;
	margin-left: 12px;
	margin-top: 10px;

	background: linear-gradient(135deg, rgba(1, 169, 240, .85), rgba(34, 197, 94, .85));
	box-shadow: 0 12px 26px rgba(0, 0, 0, .45);
	border: 2px solid rgba(255, 255, 255, .12);
}

.timeline__dot--big {
	width: 18px;
	height: 18px;
	margin-left: 10px;
}

/* Card */
.timeline__card {
	padding: 18px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.timeline__card:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 22px 46px rgba(0, 0, 0, .40);
}

.timeline__card-title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
	letter-spacing: -0.01em;
}

.timeline__card-text {
	margin: 0;
	font-size: 14px;
	line-height: 1.65;
	color: rgba(255, 255, 255, .70);
}

.timeline__card--highlight {
	background: linear-gradient(135deg, rgba(1, 169, 240, .14), rgba(34, 197, 94, .12));
	border-color: rgba(255, 255, 255, .14);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .35);
}

/* Responsivo */
@media (max-width: 520px) {
	.timeline {
		padding: 70px 0;
	}

	.timeline__item {
		grid-template-columns: 40px 1fr;
		gap: 14px;
	}

	.timeline__list::before {
		left: 16px;
	}
}

/* CTA Premium (Dark + glow + glass)
** ----------------------------------------------- */
.cta-premium {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
}

/* glow de fundo */
.cta-premium__bg {
	position: absolute;
	inset: -140px;
	background:
		radial-gradient(900px 360px at 50% 20%, rgba(34, 197, 94, .18), transparent 65%),
		radial-gradient(900px 360px at 20% 60%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(900px 360px at 80% 60%, rgba(34, 197, 94, .10), transparent 70%),
		radial-gradient(700px 240px at 50% 0%, rgba(255, 255, 255, .05), transparent 70%);
	filter: blur(22px);
	opacity: .95;
	pointer-events: none;
}

.cta-premium__box {
	position: relative;
	z-index: 2;
	max-width: 980px;
	margin: 0 auto;
	text-align: center;

	padding: 46px 26px;
	border-radius: 22px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 26px 70px rgba(0, 0, 0, .45);
}

.cta-premium__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
}

.cta-premium__title {
	margin: 16px 0 10px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.12;
	font-size: clamp(28px, 3.4vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.cta-premium__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, 0.15);
}

.cta-premium__text {
	margin: 0 auto;
	max-width: 760px;
	color: rgba(255, 255, 255, .70);
	font-size: 16px;
	line-height: 1.7;
}

/* Botões */
.cta-premium__actions {
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 22px;
}

.cta-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 18px;
	border-radius: 999px;

	font-weight: 700;
	text-decoration: none;
	letter-spacing: .2px;

	border: 1px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.cta-btn i {
	font-size: 18px;
	line-height: 1;
}

/* Primário (WhatsApp premium) */
.cta-btn--primary {
	color: #fff;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow:
		0 18px 44px rgba(34, 197, 94, .26),
		0 10px 18px rgba(0, 0, 0, .22);
}

.cta-btn--primary:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow:
		0 22px 54px rgba(34, 197, 94, .32),
		0 12px 22px rgba(0, 0, 0, .28);
	color: #fff;
}

/* Secundário (ghost) */
.cta-btn--ghost {
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .14);
}

.cta-btn--ghost:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .20);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .35);
	color: #fff;
}

/* Links rápidos (seo/internal) */
.cta-premium__links {
	margin-top: 18px;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;

	font-size: 13px;
}

.cta-premium__links a {
	color: rgba(255, 255, 255, .70);
	text-decoration: none;
	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	padding-bottom: 2px;
	transition: color .2s ease, border-color .2s ease;
}

.cta-premium__links a:hover {
	color: rgba(255, 255, 255, .92);
	border-color: rgba(1, 169, 240, .45);
}

.cta-premium__links span {
	color: rgba(255, 255, 255, .30);
}

/* Acessibilidade */
.cta-btn:focus {
	outline: none;
}

.cta-btn:focus-visible,
.cta-premium__links a:focus-visible {
	outline: 3px solid rgba(1, 169, 240, .35);
	outline-offset: 4px;
}

/* Responsivo */
@media (max-width: 520px) {
	.cta-premium {
		padding: 70px 0;
	}

	.cta-premium__box {
		padding: 38px 16px;
	}
}

/* =========================================================
   FUNDO ÚNICO (APENAS NA ÁREA .empresa-page)
   - Fundo contínuo sem divisões entre as sections
   ========================================================= */

.empresa-page {
	position: relative;
	background: #050607;
	/* base única */
	overflow: hidden;
	isolation: isolate;
}

/* Glow global contínuo (uma vez só) */
.empresa-page::before {
	content: "";
	position: absolute;
	inset: -240px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1200px 560px at 50% 0%, rgba(34, 197, 94, .14), transparent 62%),
		radial-gradient(1050px 560px at 12% 45%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(1050px 560px at 88% 45%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

/* As sections ficam transparentes (o fundo é do wrapper) */
.empresa-page .empresa-hero,
.empresa-page .empresa-about,
.empresa-page .valores,
.empresa-page .timeline,
.empresa-page .cta-premium {
	background: transparent !important;
	position: relative;
	z-index: 1;
}

/* Mantém os glows locais, mas reduz para não formar "bloco" */
.empresa-page .empresa-hero__bg {
	opacity: .55;
}

.empresa-page .valores::before {
	opacity: .70;
}

.empresa-page .cta-premium__bg {
	opacity: .70;
}

/* Blend suave para esconder qualquer "linha" entre sections */
.empresa-page .empresa-about::after,
.empresa-page .valores::after,
.empresa-page .timeline::after,
.empresa-page .cta-premium::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -70px;
	height: 140px;
	z-index: 0;
	pointer-events: none;

	background: linear-gradient(180deg,
			rgba(5, 6, 7, 0) 0%,
			rgba(5, 6, 7, 1) 55%,
			rgba(5, 6, 7, 0) 100%);
	opacity: .22;
	/* ajuste fino: 0.18 a 0.32 */
}

/* Google Ads Hero (Dark, clean e premium)
** ----------------------------------------------- */
.ads-hero {
	position: relative;
	height: 600px;
	min-height: 600px;
	width: 100%;
	overflow: hidden;
	background: #050607;
	/* base dark padrão */
}

/* Glow sutil (bem parecido com o da empresa) */
.ads-hero__bg {
	position: absolute;
	inset: -140px;
	background:
		radial-gradient(900px 340px at 50% 18%, rgba(34, 197, 94, .18), transparent 65%),
		radial-gradient(900px 340px at 15% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(900px 340px at 85% 55%, rgba(34, 197, 94, .09), transparent 70%),
		radial-gradient(650px 220px at 50% 8%, rgba(255, 255, 255, .05), transparent 70%);
	filter: blur(18px);
	opacity: .95;
	pointer-events: none;
}

.ads-hero__content {
	position: relative;
	z-index: 2;
	height: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;

	padding-top: 140px;
	/* espaço pro menu absolute */
	padding-bottom: 60px;
}

/* Badge */
.ads-hero__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

/* Título suave */
.ads-hero__title {
	margin: 18px 0 12px;
	font-weight: 700;
	line-height: 1.10;
	letter-spacing: -0.02em;

	color: rgba(255, 255, 255, .92);
	font-size: clamp(32px, 4.4vw, 64px);
}

/* Destaque (usa sua cor principal) */
.ads-hero__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

/* Subtítulo */
.ads-hero__subtitle {
	max-width: 820px;
	margin: 0;

	color: rgba(255, 255, 255, .68);
	font-size: clamp(14px, 1.25vw, 18px);
	line-height: 1.65;
}

.ads-hero__subtitle::before {
	content: "";
	display: block;
	width: 140px;
	height: 3px;
	margin: 18px auto 14px;
	border-radius: 999px;
	background: linear-gradient(90deg,
			rgba(1, 169, 240, 0),
			rgba(1, 169, 240, .55),
			rgba(34, 197, 94, .45),
			rgba(34, 197, 94, 0));
	opacity: .75;
}

/* Ações */
.ads-hero__actions {
	margin-top: 22px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.ads-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 18px;
	border-radius: 999px;

	color: #fff;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: .2px;

	background: linear-gradient(135deg, #16a34a, #22c55e);
	border: 1px solid rgba(255, 255, 255, .14);

	box-shadow:
		0 18px 44px rgba(34, 197, 94, .22),
		0 10px 18px rgba(0, 0, 0, .22);

	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.ads-hero__btn:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow:
		0 22px 54px rgba(34, 197, 94, .28),
		0 12px 22px rgba(0, 0, 0, .28);
	text-decoration: none;
	color: #fff;
}

.ads-hero__link {
	color: rgba(255, 255, 255, .72);
	text-decoration: none;
	font-weight: 700;

	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	padding-bottom: 2px;

	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.ads-hero__link:hover {
	color: rgba(255, 255, 255, .92);
	border-color: rgba(1, 169, 240, .45);
}

/* Foco acessível */
.ads-hero__btn:focus,
.ads-hero__link:focus {
	outline: none;
}

.ads-hero__btn:focus-visible,
.ads-hero__link:focus-visible {
	outline: 3px solid rgba(1, 169, 240, .35);
	outline-offset: 4px;
}

/* Responsivo */
@media (max-width: 992px) {
	.ads-hero {
		height: 560px;
		min-height: 560px;
	}

	.ads-hero__content {
		padding-top: 120px;
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media (max-width: 480px) {
	.ads-hero {
		height: 520px;
		min-height: 520px;
	}

	.ads-hero__content {
		padding-top: 110px;
		padding-bottom: 50px;
	}
}

/* Google Ads - Benefícios (premium, consistente com o dark do site)
** ----------------------------------------------- */
.ads-benefits {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.ads-benefits__bg {
	content: "";
	position: absolute;
	inset: -160px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1000px 420px at 50% 0%, rgba(34, 197, 94, .14), transparent 62%),
		radial-gradient(980px 420px at 15% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(980px 420px at 85% 55%, rgba(34, 197, 94, .08), transparent 72%);
	filter: blur(22px);
	opacity: .95;
}

.ads-benefits .container {
	position: relative;
	z-index: 1;
}

.ads-benefits__head {
	text-align: center;
	margin-bottom: 34px;
}

.ads-benefits__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.ads-benefits__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;

	font-size: clamp(28px, 3.3vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.ads-benefits__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.ads-benefits__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Grid */
.ads-benefits__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

/* Card */
.ads-benefit-card {
	padding: 22px 20px;
	border-radius: 18px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ads-benefit-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 22px 46px rgba(0, 0, 0, .40);
}

/* Ícone */
.ads-benefit-card__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);

	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
	margin-bottom: 14px;
}

.ads-benefit-card__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

/* Textos */
.ads-benefit-card__title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
	letter-spacing: -0.01em;
}

.ads-benefit-card__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .70);
}

/* Responsivo */
@media (max-width: 1200px) {
	.ads-benefits__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.ads-benefits {
		padding: 70px 0;
	}

	.ads-benefits__grid {
		grid-template-columns: 1fr;
	}
}

/* Google Ads - Métricas Premium (dark + glass + glow)
** ----------------------------------------------- */
.ads-metrics {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.ads-metrics__bg {
	position: absolute;
	inset: -180px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1100px 520px at 50% 5%, rgba(34, 197, 94, .16), transparent 62%),
		radial-gradient(980px 520px at 14% 55%, rgba(1, 169, 240, .10), transparent 72%),
		radial-gradient(980px 520px at 86% 55%, rgba(34, 197, 94, .08), transparent 74%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .03), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.ads-metrics .container {
	position: relative;
	z-index: 1;
}

/* Head */
.ads-metrics__head {
	text-align: center;
	margin-bottom: 34px;
}

.ads-metrics__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.ads-metrics__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.3vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.ads-metrics__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.ads-metrics__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
	max-width: 760px;
	margin-inline: auto;
}

/* Grid */
.ads-metrics__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

/* Card */
.ads-metric-card {
	position: relative;
	padding: 22px 20px;
	border-radius: 18px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 18px 46px rgba(0, 0, 0, .35);

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	overflow: hidden;
}

/* Shine premium (bem sutil) */
.ads-metric-card::before {
	content: "";
	position: absolute;
	inset: -2px;
	background:
		radial-gradient(600px 240px at 20% 0%, rgba(255, 255, 255, .10), transparent 60%),
		linear-gradient(135deg, rgba(1, 169, 240, .08), rgba(34, 197, 94, .08));
	opacity: .55;
	filter: blur(18px);
	pointer-events: none;
}

.ads-metric-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 26px 70px rgba(0, 0, 0, .45);
}

/* Featured: leve destaque (sem virar “verde chapado”) */
.ads-metric-card--featured {
	border-color: rgba(34, 197, 94, .22);
}

.ads-metric-card--featured::after {
	content: "";
	position: absolute;
	inset: -40px;
	background: radial-gradient(700px 260px at 30% 30%, rgba(34, 197, 94, .18), transparent 60%);
	opacity: .9;
	filter: blur(22px);
	pointer-events: none;
}

/* Ícone */
.ads-metric-card__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);

	margin-bottom: 12px;
	position: relative;
	z-index: 1;
}

.ads-metric-card__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

/* Textos */
.ads-metric-card__value {
	position: relative;
	z-index: 1;
	font-size: 28px;
	font-weight: 800;
	letter-spacing: -0.02em;
	color: rgba(255, 255, 255, .92);
	margin: 2px 0 2px;
}

.ads-metric-card__label {
	position: relative;
	z-index: 1;
	font-size: 13px;
	font-weight: 700;
	color: rgba(255, 255, 255, .72);
	margin-bottom: 8px;
}

.ads-metric-card__text {
	position: relative;
	z-index: 1;
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .68);
}

/* Acessibilidade */
.ads-metric-card:focus-within {
	outline: 3px solid rgba(1, 169, 240, .35);
	outline-offset: 6px;
}

/* Responsivo */
@media (max-width: 1200px) {
	.ads-metrics__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.ads-metrics {
		padding: 70px 0;
	}

	.ads-metrics__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   GOOGLE ADS - METODOLOGIA + INCLUSO (Premium Dark/Glass)
   ========================================================= */
.ads-method {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.ads-method__bg {
	position: absolute;
	inset: -180px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1100px 520px at 50% 0%, rgba(34, 197, 94, .13), transparent 62%),
		radial-gradient(980px 520px at 15% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(980px 520px at 85% 55%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(900px 520px at 50% 115%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.ads-method .container {
	position: relative;
	z-index: 1;
}

/* Head */
.ads-method__head {
	text-align: center;
	margin-bottom: 34px;
}

.ads-method__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.ads-method__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.4vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.ads-method__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.ads-method__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Steps grid */
.ads-steps {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 28px;
}

/* Step card */
.ads-step {
	position: relative;
	padding: 22px 20px;
	border-radius: 18px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	box-shadow: 0 22px 46px rgba(0, 0, 0, .24);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
	overflow: hidden;
}

.ads-step:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 26px 56px rgba(0, 0, 0, .38);
}

.ads-step::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 18px;
	pointer-events: none;
	background: linear-gradient(135deg, rgba(1, 169, 240, .22), rgba(34, 197, 94, .16), rgba(255, 255, 255, 0));
	opacity: .35;
	mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	mask-clip: content-box, border-box;
	mask-composite: exclude;
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	padding: 1px;
}

.ads-step__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);

	margin-bottom: 14px;
}

.ads-step__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

.ads-step__title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, .92);
}

.ads-step__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .70);
}

/* Número grande (mais elegante e sutil) */
.ads-step__num {
	position: absolute;
	top: 16px;
	right: 16px;
	font-weight: 900;
	font-size: 34px;
	letter-spacing: -0.04em;
	color: rgba(255, 255, 255, .10);
	text-shadow: 0 12px 26px rgba(0, 0, 0, .25);
	user-select: none;
}

/* Includes */
.ads-includes {
	margin-top: 26px;
	display: grid;
	grid-template-columns: 1.05fr .95fr;
	gap: 18px;

	padding: 22px;
	border-radius: 22px;

	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 30px 80px rgba(0, 0, 0, .38);
	overflow: hidden;
	position: relative;
}

.ads-includes::before {
	content: "";
	position: absolute;
	inset: -2px;
	pointer-events: none;
	background:
		radial-gradient(700px 220px at 20% 10%, rgba(1, 169, 240, .18), transparent 62%),
		radial-gradient(700px 220px at 80% 90%, rgba(34, 197, 94, .16), transparent 62%);
	opacity: .55;
}

/* Left */
.ads-includes__left,
.ads-includes__right {
	position: relative;
	z-index: 1;
}

.ads-includes__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ads-includes__title {
	margin: 14px 0 10px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.12;
	font-size: clamp(22px, 2.2vw, 32px);
	color: rgba(255, 255, 255, .92);
}

.ads-includes__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.ads-includes__text {
	margin: 0;
	color: rgba(255, 255, 255, .70);
	line-height: 1.7;
	font-size: 15px;
}

/* Buttons */
.ads-includes__actions {
	margin-top: 18px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}

.ads-includes__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 18px;
	border-radius: 999px;

	font-weight: 800;
	text-decoration: none;
	letter-spacing: .2px;

	border: 1px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.ads-includes__btn i {
	font-size: 18px;
	line-height: 1;
}

.ads-includes__btn--primary {
	color: #fff;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow: 0 18px 44px rgba(34, 197, 94, .22), 0 10px 18px rgba(0, 0, 0, .22);
	border-color: rgba(255, 255, 255, .14);
}

.ads-includes__btn--primary:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow: 0 22px 54px rgba(34, 197, 94, .28), 0 12px 22px rgba(0, 0, 0, .28);
	color: #fff;
	text-decoration: none;
}

.ads-includes__btn--ghost {
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .14);
}

.ads-includes__btn--ghost:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .20);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .35);
	color: #fff;
	text-decoration: none;
}

/* Mini checklist */
.ads-includes__mini {
	margin-top: 14px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 13px;
	color: rgba(255, 255, 255, .72);
}

.ads-includes__mini i {
	color: rgba(34, 197, 94, .95);
	margin-right: 6px;
}

/* Right pills */
.ads-pill-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
}

.ads-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 12px 14px;
	border-radius: 14px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	line-height: 1.3;

	transition: transform .2s ease, border-color .2s ease;
}

.ads-pill i {
	color: rgba(34, 197, 94, .95);
	font-size: 16px;
}

.ads-pill:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .16);
}

/* Nota */
.ads-includes__note {
	margin-top: 14px;
	display: flex;
	gap: 12px;
	align-items: flex-start;

	padding: 14px 14px;
	border-radius: 14px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	color: rgba(255, 255, 255, .72);
	font-size: 13px;
	line-height: 1.5;
}

.ads-includes__note i {
	color: rgba(1, 169, 240, .95);
	margin-top: 2px;
}

.ads-includes__note strong {
	color: rgba(255, 255, 255, .90);
}

/* Foco acessível */
.ads-step:focus-within,
.ads-includes__btn:focus-visible {
	outline: 3px solid rgba(1, 169, 240, .35);
	outline-offset: 4px;
}

/* Responsivo */
@media (max-width: 1200px) {
	.ads-steps {
		grid-template-columns: repeat(2, 1fr);
	}

	.ads-includes {
		grid-template-columns: 1fr;
	}

	.ads-pill-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 520px) {
	.ads-method {
		padding: 70px 0;
	}

	.ads-steps {
		grid-template-columns: 1fr;
	}

	.ads-pill-grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   GOOGLE ADS - MÉTRICAS + CTA FINAL (Premium Dark/Glass)
   ========================================================= */
.ads-metrics {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.ads-metrics__bg {
	position: absolute;
	inset: -220px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1200px 520px at 50% 0%, rgba(34, 197, 94, .14), transparent 62%),
		radial-gradient(1050px 560px at 12% 45%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(1050px 560px at 88% 45%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.ads-metrics .container {
	position: relative;
	z-index: 1;
}

/* Head */
.ads-metrics__head {
	text-align: center;
	margin-bottom: 34px;
}

.ads-metrics__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.ads-metrics__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.4vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.ads-metrics__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.ads-metrics__subtitle {
	margin: 0 auto;
	max-width: 840px;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Grid métricas */
.ads-metrics__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 26px;
}

.ads-metric {
	position: relative;
	padding: 22px 20px;
	border-radius: 18px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	box-shadow: 0 22px 46px rgba(0, 0, 0, .22);
	overflow: hidden;

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.ads-metric::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 18px;
	pointer-events: none;

	background: linear-gradient(135deg, rgba(1, 169, 240, .24), rgba(34, 197, 94, .18), rgba(255, 255, 255, 0));
	opacity: .28;

	mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	mask-clip: content-box, border-box;
	mask-composite: exclude;
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	padding: 1px;
}

.ads-metric:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 28px 62px rgba(0, 0, 0, .38);
}

.ads-metric__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
	margin-bottom: 14px;
}

.ads-metric__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

.ads-metric__value {
	font-size: 34px;
	font-weight: 900;
	letter-spacing: -0.04em;
	color: rgba(255, 255, 255, .92);
	line-height: 1.05;
}

.ads-metric__label {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 800;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, .86);
}

.ads-metric__hint {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: rgba(255, 255, 255, .68);
}

/* CTA bloco final */
.ads-metrics__cta {
	margin-top: 22px;
	display: grid;
	grid-template-columns: 1.1fr .9fr;
	gap: 18px;

	padding: 22px;
	border-radius: 22px;

	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 30px 80px rgba(0, 0, 0, .38);
	overflow: hidden;
	position: relative;
}

.ads-metrics__cta::before {
	content: "";
	position: absolute;
	inset: -2px;
	pointer-events: none;
	background:
		radial-gradient(760px 260px at 18% 10%, rgba(1, 169, 240, .18), transparent 62%),
		radial-gradient(760px 260px at 82% 90%, rgba(34, 197, 94, .16), transparent 62%);
	opacity: .55;
}

.ads-metrics__cta-left,
.ads-metrics__cta-right {
	position: relative;
	z-index: 1;
}

.ads-metrics__cta-title {
	margin: 0 0 10px;
	font-weight: 900;
	letter-spacing: -0.02em;
	line-height: 1.12;
	font-size: clamp(22px, 2.2vw, 32px);
	color: rgba(255, 255, 255, .92);
}

.ads-metrics__cta-title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.ads-metrics__cta-text {
	margin: 0;
	color: rgba(255, 255, 255, .70);
	line-height: 1.7;
	font-size: 15px;
}

/* Botões */
.ads-metrics__actions {
	margin-top: 16px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}

.ads-metrics__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 18px;
	border-radius: 999px;

	font-weight: 800;
	text-decoration: none;
	letter-spacing: .2px;

	border: 1px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.ads-metrics__btn i {
	font-size: 18px;
	line-height: 1;
}

.ads-metrics__btn--primary {
	color: #fff;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow: 0 18px 44px rgba(34, 197, 94, .22), 0 10px 18px rgba(0, 0, 0, .22);
	border-color: rgba(255, 255, 255, .14);
}

.ads-metrics__btn--primary:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow: 0 22px 54px rgba(34, 197, 94, .28), 0 12px 22px rgba(0, 0, 0, .28);
	color: #fff;
	text-decoration: none;
}

.ads-metrics__btn--ghost {
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .14);
}

.ads-metrics__btn--ghost:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .20);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .35);
	color: #fff;
	text-decoration: none;
}

/* Micro benefícios */
.ads-metrics__micro {
	margin-top: 14px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;

	font-size: 13px;
	color: rgba(255, 255, 255, .72);
}

.ads-metrics__micro i {
	color: rgba(34, 197, 94, .95);
	margin-right: 6px;
}

/* Lado direito */
.ads-metrics__pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 12px 14px;
	border-radius: 14px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	color: rgba(255, 255, 255, .82);
	font-size: 13px;
	line-height: 1.3;

	transition: transform .2s ease, border-color .2s ease;
	margin-bottom: 12px;
}

.ads-metrics__pill i {
	color: rgba(34, 197, 94, .95);
	font-size: 16px;
}

.ads-metrics__pill:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .16);
}

.ads-metrics__note {
	display: flex;
	gap: 12px;
	align-items: flex-start;

	padding: 14px 14px;
	border-radius: 14px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	color: rgba(255, 255, 255, .72);
	font-size: 13px;
	line-height: 1.5;
}

.ads-metrics__note i {
	color: rgba(1, 169, 240, .95);
	margin-top: 2px;
}

.ads-metrics__note strong {
	color: rgba(255, 255, 255, .90);
}

/* Responsivo */
@media (max-width: 1200px) {
	.ads-metrics__grid {
		grid-template-columns: repeat(2, 1fr);
	}

	.ads-metrics__cta {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.ads-metrics {
		padding: 70px 0;
	}

	.ads-metrics__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   seo HERO (Faixa principal) - Premium Dark/Glow
   - Consistente com Empresa/Google Ads
   - Requer FontAwesome (já instalado)
   ========================================================= */
.seo-hero {
	position: relative;
	height: 600px;
	min-height: 600px;
	width: 100%;
	overflow: hidden;
	background: #050607;
	isolation: isolate;
}

.seo-hero__bg {
	position: absolute;
	inset: -160px;
	pointer-events: none;
	z-index: 0;

	background:
		radial-gradient(980px 380px at 50% 18%, rgba(34, 197, 94, .16), transparent 65%),
		radial-gradient(980px 380px at 14% 58%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(980px 380px at 86% 58%, rgba(34, 197, 94, .09), transparent 70%),
		radial-gradient(760px 260px at 50% 6%, rgba(255, 255, 255, .05), transparent 70%);
	filter: blur(20px);
	opacity: .95;
}

.seo-hero__content {
	position: relative;
	z-index: 1;
	height: 100%;

	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;

	text-align: center;

	padding-top: 140px;
	/* caso seu menu seja absolute */
	padding-bottom: 60px;
}

.seo-hero__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .84);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.seo-hero__title {
	margin: 18px 0 12px;
	font-weight: 800;
	line-height: 1.10;
	letter-spacing: -0.02em;

	color: rgba(255, 255, 255, .94);
	font-size: clamp(32px, 4.4vw, 64px);
}

.seo-hero__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.seo-hero__subtitle {
	max-width: 860px;
	margin: 0;

	color: rgba(255, 255, 255, .68);
	font-size: clamp(14px, 1.25vw, 18px);
	line-height: 1.65;
}

.seo-hero__subtitle::before {
	content: "";
	display: block;
	width: 140px;
	height: 3px;
	margin: 18px auto 14px;
	border-radius: 999px;
	background: linear-gradient(90deg,
			rgba(1, 169, 240, 0),
			rgba(1, 169, 240, .55),
			rgba(34, 197, 94, .45),
			rgba(34, 197, 94, 0));
	opacity: .75;
}

.seo-hero__actions {
	margin-top: 22px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}

.seo-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 18px;
	border-radius: 999px;

	color: #fff;
	text-decoration: none;
	font-weight: 900;
	letter-spacing: .2px;

	background: linear-gradient(135deg, #16a34a, #22c55e);
	border: 1px solid rgba(255, 255, 255, .14);

	box-shadow:
		0 18px 44px rgba(34, 197, 94, .22),
		0 10px 18px rgba(0, 0, 0, .22);

	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.seo-hero__btn i {
	font-size: 18px;
	line-height: 1;
}

.seo-hero__btn:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow:
		0 22px 54px rgba(34, 197, 94, .28),
		0 12px 22px rgba(0, 0, 0, .28);
	color: #fff;
	text-decoration: none;
}

.seo-hero__link {
	color: rgba(255, 255, 255, .72);
	text-decoration: none;
	font-weight: 800;

	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	padding-bottom: 2px;

	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.seo-hero__link:hover {
	color: rgba(255, 255, 255, .92);
	border-color: rgba(1, 169, 240, .45);
}

/* Acessibilidade */
.seo-hero__btn:focus,
.seo-hero__link:focus {
	outline: none;
}

.seo-hero__btn:focus-visible,
.seo-hero__link:focus-visible {
	outline: 3px solid rgba(1, 169, 240, .35);
	outline-offset: 4px;
}

/* Responsivo */
@media (max-width: 992px) {
	.seo-hero {
		height: 560px;
		min-height: 560px;
	}

	.seo-hero__content {
		padding-top: 120px;
		padding-left: 14px;
		padding-right: 14px;
	}
}

@media (max-width: 480px) {
	.seo-hero {
		height: 520px;
		min-height: 520px;
	}

	.seo-hero__content {
		padding-top: 110px;
		padding-bottom: 50px;
	}
}

/* =========================================================
   seo - VANTAGENS (Premium Dark/Glass - consistente com Ads)
   ========================================================= */
.seo-benefits {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.seo-benefits__bg {
	position: absolute;
	inset: -180px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1050px 460px at 50% 0%, rgba(34, 197, 94, .13), transparent 62%),
		radial-gradient(980px 460px at 15% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(980px 460px at 85% 55%, rgba(34, 197, 94, .08), transparent 72%);
	filter: blur(24px);
	opacity: .95;
}

.seo-benefits .container {
	position: relative;
	z-index: 1;
}

.seo-benefits__head {
	text-align: center;
	margin-bottom: 34px;
}

.seo-benefits__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .84);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.seo-benefits__title {
	margin: 14px 0 8px;
	font-weight: 800;
	letter-spacing: -0.02em;
	line-height: 1.1;

	font-size: clamp(28px, 3.3vw, 44px);
	color: rgba(255, 255, 255, .94);
}

.seo-benefits__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

.seo-benefits__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Grid */
.seo-benefits__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

/* Card */
.seo-benefit-card {
	position: relative;
	padding: 22px 20px;
	border-radius: 18px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	box-shadow: 0 22px 46px rgba(0, 0, 0, .22);
	overflow: hidden;

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* Borda premium com gradiente (bem sutil) */
.seo-benefit-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 18px;
	pointer-events: none;

	background: linear-gradient(135deg, rgba(1, 169, 240, .24), rgba(34, 197, 94, .18), rgba(255, 255, 255, 0));
	opacity: .26;

	mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	mask-clip: content-box, border-box;
	mask-composite: exclude;
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	padding: 1px;
}

.seo-benefit-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 28px 62px rgba(0, 0, 0, .38);
}

/* Ícone */
.seo-benefit-card__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);

	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
	margin-bottom: 14px;
}

.seo-benefit-card__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

/* Textos */
.seo-benefit-card__title {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	letter-spacing: -0.01em;
}

.seo-benefit-card__text {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .70);
}

/* Responsivo */
@media (max-width: 1200px) {
	.seo-benefits__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.seo-benefits {
		padding: 70px 0;
	}

	.seo-benefits__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   seo - RESULTADOS (Premium Dark/Glass - SEM verde chapado)
   ========================================================= */
.seo-results {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

/* Glow sutil (padrão do layout) */
.seo-results::before {
	content: "";
	position: absolute;
	inset: -220px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1200px 520px at 50% 0%, rgba(34, 197, 94, .14), transparent 62%),
		radial-gradient(1050px 560px at 12% 45%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(1050px 560px at 88% 45%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.seo-results .container {
	position: relative;
	z-index: 1;
}

/* Head */
.seo-results__head {
	text-align: center;
	margin-bottom: 34px;
}

.seo-results__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 700;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .84);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.seo-results__title {
	margin: 14px 0 8px;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1.1;

	font-size: clamp(28px, 3.4vw, 46px);
	color: rgba(255, 255, 255, .94);
}

.seo-results__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
}

/* underline glow no destaque (agora azul/verde bem sutil) */
.seo-results__title span::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: -7px;
	height: 10px;
	border-radius: 999px;

	background: linear-gradient(90deg,
			rgba(1, 169, 240, 0),
			rgba(1, 169, 240, .35),
			rgba(34, 197, 94, .26),
			rgba(34, 197, 94, 0));
	filter: blur(5px);
	opacity: .65;
}

.seo-results__subtitle {
	margin: 0 auto;
	max-width: 860px;

	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.6;
}

/* Grid */
.seo-results__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 26px;
}

/* KPI card (glass premium) */
.seo-kpi {
	position: relative;
	padding: 22px 20px;
	border-radius: 18px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	box-shadow: 0 22px 46px rgba(0, 0, 0, .22);
	overflow: hidden;

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* Borda premium com gradiente (bem sutil) */
.seo-kpi::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 18px;
	pointer-events: none;

	background: linear-gradient(135deg, rgba(1, 169, 240, .24), rgba(34, 197, 94, .18), rgba(255, 255, 255, 0));
	opacity: .26;

	mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	mask-clip: content-box, border-box;
	mask-composite: exclude;
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	padding: 1px;
}

.seo-kpi:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 28px 62px rgba(0, 0, 0, .38);
}

/* brilho “sweep” bem discreto */
.seo-kpi::after {
	content: "";
	position: absolute;
	top: -40%;
	left: -70%;
	width: 60%;
	height: 220%;

	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .12), transparent);
	transform: rotate(22deg);
	opacity: 0;
	transition: opacity .22s ease, left .55s ease;
	pointer-events: none;
}

.seo-kpi:hover::after {
	opacity: .9;
	left: 120%;
}

.seo-kpi__value {
	font-size: 34px;
	font-weight: 900;
	letter-spacing: -0.04em;
	line-height: 1.05;

	color: rgba(255, 255, 255, .92);
}

.seo-kpi__label {
	margin-top: 6px;
	font-size: 14px;
	font-weight: 900;
	letter-spacing: -0.01em;

	color: rgba(255, 255, 255, .86);
}

.seo-kpi__hint {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.55;

	color: rgba(255, 255, 255, .68);
}

/* Nota final */
.seo-results__note {
	display: block;
	margin-top: 16px;
	text-align: center;

	color: rgba(255, 255, 255, .60);
	font-size: 12.5px;
	line-height: 1.55;
}

/* Responsivo */
@media (max-width: 1200px) {
	.seo-results__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.seo-results {
		padding: 70px 0;
	}

	.seo-results__grid {
		grid-template-columns: 1fr;
	}

	.seo-kpi__value {
		font-size: 32px;
	}
}

/* =========================================================
   seo - seo COMPLETO + PROCESSO (Premium Dark/Glass)
   Consistente com layout dark e destaque no --primary-color
   ========================================================= */
.seo-suite {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.seo-suite__bg {
	position: absolute;
	inset: -200px;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(1100px 520px at 50% 0%, rgba(1, 169, 240, .12), transparent 62%),
		radial-gradient(980px 520px at 15% 55%, rgba(34, 197, 94, .06), transparent 70%),
		radial-gradient(980px 520px at 85% 55%, rgba(1, 169, 240, .08), transparent 72%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.seo-suite .container {
	position: relative;
	z-index: 1;
}

/* Head */
.seo-suite__head {
	text-align: center;
	margin-bottom: 34px;
}

.seo-suite__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .84);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.seo-suite__title {
	margin: 14px 0 8px;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1.1;
	font-size: clamp(30px, 3.6vw, 52px);
	color: rgba(255, 255, 255, .94);
}

.seo-suite__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
	position: relative;
}

.seo-suite__title span::after {
	content: "";
	position: absolute;
	left: 12%;
	right: 12%;
	bottom: -8px;
	height: 10px;
	border-radius: 999px;
	background: linear-gradient(90deg,
			rgba(1, 169, 240, 0),
			rgba(1, 169, 240, .40),
			rgba(34, 197, 94, .18),
			rgba(34, 197, 94, 0));
	filter: blur(5px);
	opacity: .6;
}

.seo-suite__subtitle {
	margin: 0 auto;
	max-width: 900px;
	color: rgba(255, 255, 255, .68);
	font-size: 16px;
	line-height: 1.65;
}

/* Grid */
.seo-suite__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
	margin-top: 22px;
}

/* Card (sem verde escandaloso) */
.seo-card {
	position: relative;
	padding: 22px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 22px 46px rgba(0, 0, 0, .22);
	overflow: hidden;
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

/* borda premium */
.seo-card::before {
	content: "";
	position: absolute;
	inset: -1px;
	border-radius: 18px;
	pointer-events: none;
	background: linear-gradient(135deg, rgba(1, 169, 240, .26), rgba(34, 197, 94, .12), rgba(255, 255, 255, 0));
	opacity: .22;
	mask-image: linear-gradient(#000, #000), linear-gradient(#000, #000);
	mask-clip: content-box, border-box;
	mask-composite: exclude;
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	padding: 1px;
}

/* shine suave */
.seo-card::after {
	content: "";
	position: absolute;
	top: -45%;
	left: -80%;
	width: 65%;
	height: 240%;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .10), transparent);
	transform: rotate(22deg);
	opacity: 0;
	transition: opacity .22s ease, left .55s ease;
	pointer-events: none;
}

.seo-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 28px 62px rgba(0, 0, 0, .38);
}

.seo-card:hover::after {
	opacity: .9;
	left: 120%;
}

.seo-card__top {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 14px;
}

.seo-card__icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 16px 34px rgba(0, 0, 0, .28);
}

.seo-card__icon i {
	font-size: 18px;
	color: rgba(255, 255, 255, .92);
}

.seo-card__title {
	margin: 0;
	font-size: 16px;
	font-weight: 900;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, .92);
}

/* Lista */
.seo-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.seo-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	padding: 8px 0;
	color: rgba(255, 255, 255, .70);
	font-size: 13.5px;
	line-height: 1.55;
	border-top: 1px dashed rgba(255, 255, 255, .08);
}

.seo-list li:first-child {
	border-top: 0;
	padding-top: 0;
}

.seo-list i {
	margin-top: 2px;
	color: rgba(34, 197, 94, .85);
	/* verde só no check, discreto */
}

/* Processo */
.seo-suite__process {
	margin-top: 34px;
	padding-top: 10px;
}

.seo-suite__head--process {
	margin-bottom: 26px;
}

/* Timeline premium */
.seo-timeline {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
	padding: 8px 0;
}

.seo-timeline__line {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 26px;
	width: 2px;
	border-radius: 999px;
	background: linear-gradient(to bottom,
			rgba(1, 169, 240, .0),
			rgba(1, 169, 240, .35),
			rgba(34, 197, 94, .18),
			rgba(1, 169, 240, .0));
	opacity: .9;
}

.seo-step {
	position: relative;
	display: grid;
	grid-template-columns: 64px 1fr;
	gap: 14px;
	padding: 14px 0;
}

.seo-step__pin {
	width: 54px;
	height: 54px;
	border-radius: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .28);
	position: relative;
}

.seo-step__pin span {
	font-weight: 900;
	letter-spacing: -0.03em;
	color: rgba(255, 255, 255, .92);
	font-size: 14px;
}

/* glow no pin */
.seo-step__pin::after {
	content: "";
	position: absolute;
	inset: -2px;
	border-radius: 16px;
	pointer-events: none;
	background: radial-gradient(circle at 30% 20%, rgba(1, 169, 240, .22), transparent 60%);
	opacity: .7;
}

.seo-step__body {
	padding: 16px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 22px 46px rgb(0 0 0 / 52%);
	transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.seo-step__body:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 28px 62px rgba(0, 0, 0, .32);
}

.seo-step__title {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, .92);
}

.seo-step__text {
	margin: 0;
	color: rgba(255, 255, 255, .70);
	font-size: 13.5px;
	line-height: 1.6;
}

/* rodapé/nota */
.seo-suite__footnote {
	max-width: 980px;
	margin: 16px auto 0;
	padding: 14px 16px;
	border-radius: 16px;

	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .62);
	font-size: 12.8px;
	line-height: 1.55;

	display: flex;
	gap: 10px;
	align-items: flex-start;
}

.seo-suite__footnote i {
	color: rgba(1, 169, 240, .85);
	margin-top: 2px;
}

/* Responsivo */
@media (max-width: 1200px) {
	.seo-suite__grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 720px) {
	.seo-timeline__line {
		left: 22px;
	}

	.seo-step {
		grid-template-columns: 56px 1fr;
	}

	.seo-step__pin {
		width: 48px;
		height: 48px;
	}
}

@media (max-width: 520px) {
	.seo-suite {
		padding: 70px 0;
	}

	.seo-suite__grid {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   seo - CTA FINAL (Premium Dark/Glass - consistente com Ads)
   ========================================================= */
.seo-final-cta {
	position: relative;
	padding: 95px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.seo-final-cta__bg {
	position: absolute;
	inset: -220px;
	z-index: 0;
	pointer-events: none;

	background:
		radial-gradient(1200px 520px at 50% 0%, rgba(34, 197, 94, .13), transparent 62%),
		radial-gradient(1050px 560px at 12% 45%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(1050px 560px at 88% 45%, rgba(34, 197, 94, .07), transparent 72%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.seo-final-cta .container {
	position: relative;
	z-index: 1;
}

.seo-final-cta__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 22px;
	align-items: stretch;
}

/* LEFT */
.seo-final-cta__badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 8px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 800;
	letter-spacing: .25px;

	color: rgba(255, 255, 255, .84);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.seo-final-cta__badge i {
	color: rgba(34, 197, 94, .95);
}

.seo-final-cta__title {
	margin: 16px 0 10px;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1.08;

	font-size: clamp(28px, 3.6vw, 48px);
	color: rgba(255, 255, 255, .94);
}

.seo-final-cta__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, .15);
	position: relative;
}

.seo-final-cta__title span::after {
	content: "";
	position: absolute;
	left: 10%;
	right: 10%;
	bottom: -8px;
	height: 10px;
	border-radius: 999px;

	background: linear-gradient(90deg,
			rgba(1, 169, 240, 0),
			rgba(1, 169, 240, .35),
			rgba(34, 197, 94, .22),
			rgba(34, 197, 94, 0));
	filter: blur(5px);
	opacity: .65;
}

.seo-final-cta__text {
	margin: 0;
	max-width: 720px;
	color: rgba(255, 255, 255, .70);
	font-size: 15px;
	line-height: 1.75;
}

/* Buttons */
.seo-final-cta__actions {
	margin-top: 18px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	align-items: center;
}

.seo-final-cta__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 18px;
	border-radius: 999px;

	font-weight: 900;
	text-decoration: none;
	letter-spacing: .2px;

	border: 1px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.seo-final-cta__btn i {
	font-size: 18px;
	line-height: 1;
}

.seo-final-cta__btn--primary {
	color: #fff;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow: 0 18px 44px rgba(34, 197, 94, .22), 0 10px 18px rgba(0, 0, 0, .22);
	border-color: rgba(255, 255, 255, .14);
}

.seo-final-cta__btn--primary:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow: 0 22px 54px rgba(34, 197, 94, .28), 0 12px 22px rgba(0, 0, 0, .28);
	color: #fff;
	text-decoration: none;
}

.seo-final-cta__btn--ghost {
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .14);
}

.seo-final-cta__btn--ghost:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .20);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .35);
	color: #fff;
	text-decoration: none;
}

/* Micro trust */
.seo-final-cta__micro {
	margin-top: 14px;
	display: flex;
	gap: 14px;
	flex-wrap: wrap;

	font-size: 13px;
	color: rgba(255, 255, 255, .72);
}

.seo-final-cta__micro i {
	color: rgba(34, 197, 94, .95);
	margin-right: 6px;
}

/* RIGHT CARD */
.seo-final-cta__card {
	position: relative;
	padding: 22px;
	border-radius: 22px;

	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow: 0 30px 80px rgba(0, 0, 0, .38);
	overflow: hidden;
}

.seo-final-cta__card::before {
	content: "";
	position: absolute;
	inset: -2px;
	pointer-events: none;
	background:
		radial-gradient(760px 260px at 18% 10%, rgba(1, 169, 240, .16), transparent 62%),
		radial-gradient(760px 260px at 82% 90%, rgba(34, 197, 94, .14), transparent 62%);
	opacity: .55;
}

.seo-final-cta__card>* {
	position: relative;
	z-index: 1;
}

.seo-final-cta__card-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 12px;
}

.seo-final-cta__card-title {
	font-weight: 900;
	letter-spacing: -0.01em;
	color: rgba(255, 255, 255, .92);
}

.seo-final-cta__card-pill {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	padding: 8px 12px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 800;

	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);
}

.seo-final-cta__card-pill i {
	color: rgba(1, 169, 240, .95);
}

.seo-final-cta__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.seo-final-cta__list li {
	display: flex;
	gap: 10px;
	align-items: flex-start;

	color: rgba(255, 255, 255, .78);
	font-size: 13.5px;
	line-height: 1.55;

	padding: 10px 12px;
	border-radius: 14px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .08);
}

.seo-final-cta__list li i {
	margin-top: 2px;
	color: rgba(34, 197, 94, .95);
}

/* Note */
.seo-final-cta__note {
	margin-top: 14px;
	display: flex;
	gap: 12px;
	align-items: flex-start;

	padding: 14px 14px;
	border-radius: 14px;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	color: rgba(255, 255, 255, .70);
	font-size: 12.8px;
	line-height: 1.55;
}

.seo-final-cta__note i {
	color: rgba(1, 169, 240, .95);
	margin-top: 2px;
}

.seo-final-cta__note strong {
	color: rgba(255, 255, 255, .90);
}

/* Focus */
.seo-final-cta__btn:focus-visible {
	outline: 3px solid rgba(1, 169, 240, .35);
	outline-offset: 4px;
}

/* Responsivo */
@media (max-width: 1200px) {
	.seo-final-cta__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.seo-final-cta {
		padding: 75px 0;
	}
}

/* =========================================================
   Página Desenvolvimento Web (Dark Premium - ArtecWeb)
   Obs: usa FontAwesome + :root --primary-color
   ========================================================= */
.dw-page {
	background: #050607;
}

/* Base */
.dw-section {
	position: relative;
	padding: 90px 0;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.dw-section--soft::before {
	content: "";
	position: absolute;
	inset: -140px;
	background:
		radial-gradient(900px 360px at 50% 0%, rgba(34, 197, 94, .12), transparent 60%),
		radial-gradient(900px 360px at 20% 55%, rgba(1, 169, 240, .09), transparent 70%),
		radial-gradient(900px 360px at 80% 55%, rgba(34, 197, 94, .08), transparent 70%);
	filter: blur(22px);
	opacity: .95;
	pointer-events: none;
	z-index: 0;
}

.dw-section>.container {
	position: relative;
	z-index: 2;
}

/* Head */
.dw-head {
	text-align: center;
	margin-bottom: 34px;
}

.dw-head--left {
	text-align: left;
}

.dw-head__badge {
	display: inline-flex;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.dw-head__title {
	margin: 14px 0 8px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.1;
	font-size: clamp(28px, 3.2vw, 44px);
	color: rgba(255, 255, 255, .92);
}

.dw-head__subtitle {
	margin: 0;
	max-width: 860px;
	margin-inline: auto;
	color: rgba(255, 255, 255, .70);
	font-size: 16px;
	line-height: 1.6;
}

.dw-head--left .dw-head__subtitle {
	margin-inline: 0;
	max-width: 620px;
}

/* HERO - reaproveita o que você já tem */
.dw-hero {
	position: relative;
	min-height: 560px;
	height: 600px;
	width: 100%;
	overflow: hidden;
	background: #050607;
	isolation: isolate;
}

.dw-hero__bg {
	position: absolute;
	inset: -140px;
	background:
		radial-gradient(900px 340px at 50% 18%, rgba(34, 197, 94, .18), transparent 65%),
		radial-gradient(900px 340px at 18% 55%, rgba(1, 169, 240, .10), transparent 70%),
		radial-gradient(900px 340px at 82% 55%, rgba(34, 197, 94, .10), transparent 70%),
		radial-gradient(700px 260px at 50% 0%, rgba(255, 255, 255, .05), transparent 70%);
	filter: blur(20px);
	opacity: .95;
	pointer-events: none;
}

.dw-hero__content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	padding-top: 150px;
	padding-bottom: 70px;
}

.dw-hero__badge {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	justify-content: center;
	width: fit-content;
	margin: 0 auto;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .25px;
	color: rgba(255, 255, 255, .82);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
}

.dw-hero__title {
	margin: 18px 0 12px;
	font-weight: 700;
	letter-spacing: -0.02em;
	line-height: 1.10;
	color: rgba(255, 255, 255, .92);
	font-size: clamp(32px, 4.6vw, 62px);
}

.dw-hero__title span {
	color: var(--primary-color);
	text-shadow: 0 10px 28px rgba(1, 169, 240, 0.18);
}

.dw-hero__subtitle {
	max-width: 860px;
	margin: 0 auto;
	color: rgba(255, 255, 255, .70);
	font-size: clamp(14px, 1.25vw, 18px);
	line-height: 1.65;
}

.dw-hero__actions {
	margin-top: 22px;
	display: flex;
	justify-content: center;
	gap: 12px;
	flex-wrap: wrap;
}

.dw-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 18px;
	border-radius: 999px;
	font-weight: 700;
	text-decoration: none;
	letter-spacing: .2px;
	border: 1px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.dw-btn i {
	font-size: 18px;
	line-height: 1;
}

.dw-btn--primary {
	color: #fff;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow: 0 18px 44px rgba(34, 197, 94, .26), 0 10px 18px rgba(0, 0, 0, .22);
}

.dw-btn--primary:hover {
	transform: translateY(-2px);
	filter: saturate(1.05);
	box-shadow: 0 22px 54px rgba(34, 197, 94, .32), 0 12px 22px rgba(0, 0, 0, .28);
	color: #fff;
}

.dw-btn--ghost {
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .14);
}

.dw-btn--ghost:hover {
	transform: translateY(-2px);
	border-color: rgba(255, 255, 255, .20);
	box-shadow: 0 20px 46px rgba(0, 0, 0, .35);
	text-decoration: none;
	color: #fff;
}

.dw-hero__links {
	margin-top: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	font-size: 13px;
}

.dw-hero__links a {
	color: rgba(255, 255, 255, .70);
	text-decoration: none;
	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	padding-bottom: 2px;
	transition: color .2s ease, border-color .2s ease;
}

.dw-hero__links a:hover {
	color: rgba(255, 255, 255, .92);
	border-color: rgba(1, 169, 240, .45);
}

.dw-hero__links span {
	color: rgba(255, 255, 255, .30);
}

/* Cards */
.dw-grid4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 18px;
}

.dw-grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.dw-card {
	padding: 22px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.dw-card:hover {
	transform: translateY(-3px);
	border-color: rgba(255, 255, 255, .16);
	box-shadow: 0 22px 46px rgba(0, 0, 0, .40);
}

.dw-card__icon {
	width: 54px;
	height: 54px;
	border-radius: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(135deg, rgba(1, 169, 240, .18), rgba(34, 197, 94, .18));
	border: 1px solid rgba(255, 255, 255, .12);
	box-shadow: 0 16px 36px rgba(0, 0, 0, .35);
	margin-bottom: 14px;
}

.dw-card__icon i {
	font-size: 20px;
	color: rgba(255, 255, 255, .92);
}

.dw-card h3 {
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
}

.dw-card p {
	margin: 0;
	font-size: 14px;
	line-height: 1.6;
	color: rgba(255, 255, 255, .70);
}

.dw-card--highlight {
	border-color: rgba(1, 169, 240, .22);
	background: rgba(1, 169, 240, .06);
}

/* Split + panel */
.dw-split {
	display: grid;
	grid-template-columns: 1.2fr .8fr;
	gap: 24px;
	align-items: start;
}

.dw-panel {
	padding: 22px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* Lista */
.dw-list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.dw-list li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .72);
	line-height: 1.6;
}

.dw-list i {
	color: rgba(34, 197, 94, .92);
	margin-top: 2px;
}

/* Mini tags */
.dw-mini {
	margin-top: 16px;
	display: grid;
	gap: 10px;
}

.dw-mini__item {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .08);
	color: rgba(255, 255, 255, .74);
}

.dw-mini__tag {
	font-size: 12px;
	color: rgba(255, 255, 255, .70);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 4px 10px;
	border-radius: 999px;
}

/* Meters */
.meter+.meter {
	margin-top: 16px;
}

.meter__top {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	align-items: center;
	margin-bottom: 10px;
	color: rgba(255, 255, 255, .88);
}

.meter__tag {
	font-size: 12px;
	padding: 4px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.meter__bar {
	height: 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .10);
	overflow: hidden;
	position: relative;
}

.meter__bar::after {
	content: "";
	position: absolute;
	inset: 0;
	width: 78%;
	border-radius: 999px;
	background: linear-gradient(90deg, rgba(1, 169, 240, .55), rgba(34, 197, 94, .55));
}

.meter__bar--inp::after {
	width: 72%;
}

.meter__bar--cls::after {
	width: 90%;
}

.meter small {
	display: block;
	margin-top: 10px;
	color: rgba(255, 255, 255, .68);
	line-height: 1.55;
}

/* Checklist */
.dw-check {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

.dw-check__col {
	padding: 22px 20px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.dw-check__col h3 {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: rgba(255, 255, 255, .92);
	display: flex;
	gap: 10px;
	align-items: center;
}

.dw-check__col h3 i {
	color: rgba(34, 197, 94, .90);
}

.dw-check__col ul {
	margin: 0;
	padding-left: 16px;
	color: rgba(255, 255, 255, .70);
	line-height: 1.7;
}

/* Responsivo */
@media (max-width: 1200px) {
	.dw-grid4 {
		grid-template-columns: repeat(2, 1fr);
	}

	.dw-split {
		grid-template-columns: 1fr;
	}

	.dw-check {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 520px) {
	.dw-section {
		padding: 70px 0;
	}

	.dw-grid3 {
		grid-template-columns: 1fr;
	}

	.dw-hero {
		height: 520px;
		min-height: 520px;
	}

	.dw-hero__content {
		padding-top: 120px;
		padding-bottom: 60px;
		padding-inline: 14px;
	}
}

/* =========================================================
   BLOG (index) - Dark + Glow + Glass (SEM AZUL)
   - Compatível com Bootstrap 4.6
   - Estrutura: toolbar, lupa, categorias, cards e grid
   - NÃO altera a faixa/hero (só o corpo do blog)
========================================================= */

:root {
	--blog-green: #22c55e;

	--blog-bg: #050607;
	--blog-text: rgba(255, 255, 255, .92);
	--blog-muted: rgba(255, 255, 255, .70);
	--blog-line: rgba(255, 255, 255, .10);
	--blog-glass: rgba(255, 255, 255, .06);
	--blog-glass-2: rgba(255, 255, 255, .04);
	--blog-radius: 22px;
}

/* Acessibilidade (se não existir global) */
.sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Base da página (corpo do blog) */
.blog-page {
	position: relative;
	background: var(--blog-bg);
	overflow: hidden;
	isolation: isolate;
}

/* Glow de fundo (SEM AZUL) */
.blog-page::before {
	content: "";
	position: absolute;
	inset: -240px;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 560px at 50% 0%, rgba(34, 197, 94, .14), transparent 62%),
		radial-gradient(1050px 560px at 12% 45%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(1050px 560px at 88% 45%, rgba(34, 197, 94, .07), transparent 74%),
		radial-gradient(900px 520px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(26px);
	opacity: .95;
}

.blog-page>section {
	position: relative;
	z-index: 1;
}

/* =========================================================
   TOOLBAR (Busca + Categorias)
========================================================= */
.blog-toolbar {
	padding: 28px 0 24px;
}

.blog-toolbar__wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

/* Busca (lupa) */
.blog-search {
	display: flex;
	align-items: center;
	gap: 10px;

	padding: 12px 12px 12px 14px;
	border-radius: 999px;

	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	box-shadow:
		0 22px 54px rgba(0, 0, 0, .42),
		0 10px 20px rgba(0, 0, 0, .20);
}

.blog-search i {
	color: rgba(255, 255, 255, .55);
	font-size: 16px;
	flex: 0 0 auto;
}

.blog-search input {
	flex: 1;
	min-width: 140px;
	border: 0;
	outline: none;
	background: transparent;
	color: rgba(255, 255, 255, .88);
	font-size: 14px;
	padding: 6px 6px;
}

.blog-search input::placeholder {
	color: rgba(255, 255, 255, .45);
}

/* Foco (SEM AZUL) */
.blog-search:focus-within {
	border-color: rgba(34, 197, 94, .24);
	box-shadow:
		0 22px 54px rgba(0, 0, 0, .42),
		0 10px 20px rgba(0, 0, 0, .20),
		0 0 0 4px rgba(34, 197, 94, .10);
}

.blog-search__btn {
	border: 0;
	cursor: pointer;
	padding: 10px 16px;
	border-radius: 999px;

	font-weight: 800;
	letter-spacing: .2px;
	color: #0b0f14;

	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow:
		0 16px 34px rgba(34, 197, 94, .22),
		0 10px 18px rgba(0, 0, 0, .22);

	transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.blog-search__btn:hover {
	transform: translateY(-1px);
	filter: saturate(1.05);
	box-shadow:
		0 20px 44px rgba(34, 197, 94, .28),
		0 12px 22px rgba(0, 0, 0, .26);
}

.blog-search__btn:focus {
	outline: none;
}

.blog-search__btn:focus-visible {
	outline: 3px solid rgba(34, 197, 94, .30);
	outline-offset: 4px;
}

/* Categorias (chips) */
.blog-cats {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.blog-cat {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	padding: 10px 14px;
	border-radius: 999px;

	font-size: 13px;
	font-weight: 700;
	letter-spacing: .2px;

	color: rgba(255, 255, 255, .78);
	text-decoration: none;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, background .2s ease;
}

.blog-cat:hover {
	transform: translateY(-1px);
	color: rgba(255, 255, 255, .92);
	border-color: rgba(255, 255, 255, .18);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .40);
}

.blog-cat.is-active {
	color: rgba(255, 255, 255, .92);
	border-color: rgba(34, 197, 94, .32);
	background: rgba(34, 197, 94, .10);
	box-shadow: 0 18px 44px rgba(34, 197, 94, .10);
}

.blog-cat:focus {
	outline: none;
}

.blog-cat:focus-visible {
	outline: 3px solid rgba(34, 197, 94, .30);
	outline-offset: 4px;
}

/* =========================================================
   GRID + CARDS
========================================================= */
.blog-list {
	padding: 26px 0 90px;
}

.blog-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

/* Card */
.blog-card {
	border-radius: 18px;
	overflow: hidden;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);

	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.blog-card:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 197, 94, .18);
	box-shadow: 0 24px 52px rgba(0, 0, 0, .46);
}

/* Media */
.blog-card__media {
	position: relative;
	display: block;
	text-decoration: none;
	background: rgba(255, 255, 255, .03);
}

.blog-card__media img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
	filter: saturate(1.02) contrast(1.02);
	transform: scale(1);
	transition: transform .35s ease, filter .35s ease;
}

.blog-card:hover .blog-card__media img {
	transform: scale(1.03);
	filter: saturate(1.06) contrast(1.04);
}

/* Tag */
.blog-card__tag {
	position: absolute;
	left: 14px;
	top: 14px;

	padding: 8px 12px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2px;

	color: rgba(255, 255, 255, .92);
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* Body */
.blog-card__body {
	padding: 16px 16px 18px;
}

.blog-card__meta {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;

	font-size: 12px;
	color: rgba(255, 255, 255, .62);
	margin-bottom: 10px;
}

.blog-card__meta i {
	color: rgba(34, 197, 94, .92);
	margin-right: 6px;
}

/* Title */
.blog-card__title {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.blog-card__title a {
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
}

.blog-card__title a:hover {
	color: rgba(255, 255, 255, .98);
}

/* Excerpt */
.blog-card__excerpt {
	margin: 0 0 14px;
	color: rgba(255, 255, 255, .70);
	font-size: 14px;
	line-height: 1.6;
}

/* CTA */
.blog-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;

	color: rgba(255, 255, 255, .84);
	text-decoration: none;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: .2px;

	padding-bottom: 2px;
	border-bottom: 1px dashed rgba(255, 255, 255, .22);

	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.blog-card__cta i {
	font-size: 12px;
	color: rgba(34, 197, 94, .92);
	transition: transform .2s ease;
}

.blog-card__cta:hover {
	color: rgba(255, 255, 255, .94);
	border-color: rgba(34, 197, 94, .45);
}

.blog-card__cta:hover i {
	transform: translateX(2px);
}

/* Empty state */
.blog-empty {
	padding: 22px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* =========================================================
   RESPONSIVO
========================================================= */
@media (max-width: 1200px) {
	.blog-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.blog-toolbar {
		padding: 22px 0 18px;
	}

	.blog-search {
		border-radius: 18px;
		flex-wrap: wrap;
		padding: 12px;
		gap: 10px;
	}

	.blog-search__btn {
		width: 100%;
	}

	.blog-grid {
		grid-template-columns: 1fr;
	}

	.blog-card__media img {
		height: 210px;
	}
}

/* =========================================================
   seo HERO + Breadcrumb + Mais Visitados (Swiper)
   - Dark / Glass / Green (SEM AZUL)
   - Bootstrap 4.6 friendly
========================================================= */

.seo-hero {
	position: relative;
	padding: 135px 0 60px;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.seo-hero__bg {
	position: absolute;
	inset: -180px;
	pointer-events: none;
	background:
		radial-gradient(900px 340px at 50% 10%, rgba(34, 197, 94, .16), transparent 62%),
		radial-gradient(820px 320px at 14% 50%, rgba(34, 197, 94, .10), transparent 70%),
		radial-gradient(820px 320px at 86% 50%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(720px 420px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(22px);
	opacity: .95;
}

/* Breadcrumb */
.seo-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;

	margin-bottom: 22px;
	padding: 10px 14px;

	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	color: rgba(255, 255, 255, .70);
	font-size: 13px;
}

.seo-breadcrumb a {
	color: rgba(255, 255, 255, .78);
	text-decoration: none;
	border-bottom: 1px dashed rgba(255, 255, 255, .20);
	padding-bottom: 1px;
}

.seo-breadcrumb a:hover {
	color: rgba(255, 255, 255, .94);
	border-color: rgba(34, 197, 94, .45);
}

.seo-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
	font-weight: 800;
}

/* Grid */
.seo-hero__grid {
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 26px;
	align-items: center;
}

.seo-hero__badge {
	display: inline-flex;
	align-items: center;
	gap: 10px;

	padding: 10px 16px;
	border-radius: 999px;

	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2px;

	color: rgba(255, 255, 255, .86);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

.seo-hero__badge i {
	color: rgba(34, 197, 94, .92);
}

.seo-hero__title {
	margin: 14px 0 10px;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1.08;
	color: rgba(255, 255, 255, .92);
	font-size: clamp(30px, 4vw, 58px);
}

.seo-hero__title span {
	color: #22c55e;
	text-shadow: 0 10px 26px rgba(34, 197, 94, .18);
}

.seo-hero__subtitle {
	max-width: 780px;
	margin: 0 0 16px;
	color: rgba(255, 255, 255, .70);
	font-size: clamp(14px, 1.15vw, 18px);
	line-height: 1.7;
}

.seo-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.seo-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .76);
	font-size: 14px;
	line-height: 1.55;
}

.seo-hero__bullets i {
	margin-top: 3px;
	color: rgba(34, 197, 94, .92);
}

/* Buttons */
.seo-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 8px;
}

.seo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;

	padding: 12px 16px;
	border-radius: 999px;

	font-weight: 900;
	font-size: 13px;
	letter-spacing: .2px;

	text-decoration: none;
	border: 1px solid transparent;

	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.seo-btn--primary {
	color: #0b0f14;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow:
		0 16px 34px rgba(34, 197, 94, .22),
		0 10px 18px rgba(0, 0, 0, .22);
}

.seo-btn--primary:hover {
	transform: translateY(-1px);
	filter: saturate(1.05);
	box-shadow:
		0 20px 44px rgba(34, 197, 94, .28),
		0 12px 22px rgba(0, 0, 0, .26);
}

.seo-btn--ghost {
	color: rgba(255, 255, 255, .86);
	background: rgba(255, 255, 255, .05);
	border-color: rgba(255, 255, 255, .12);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.seo-btn--ghost:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .22);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .40);
}

/* Visual */
.seo-hero__visual {
	display: flex;
	justify-content: flex-end;
}

.seo-hero__mock {
	position: relative;
	width: min(420px, 100%);
	border-radius: 22px;
	overflow: hidden;

	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);

	box-shadow: 0 28px 70px rgba(0, 0, 0, .55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.seo-hero__mock img {
	width: 100%;
	height: 360px;
	object-fit: cover;
	display: block;
	transform: scale(1.02);
	filter: saturate(1.02) contrast(1.02);
}

.seo-hero__glow {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(520px 260px at 60% 20%, rgba(34, 197, 94, .18), transparent 60%),
		radial-gradient(520px 260px at 40% 80%, rgba(34, 197, 94, .12), transparent 70%);
	opacity: .9;
}

/* =========================================================
   MAIS VISITADOS (Swiper)
========================================================= */
.seo-most {
	padding: 26px 0 90px;
	background: #050607;
}

.seo-most__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.seo-most__title {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -0.02em;
	font-size: 22px;
}

.seo-most__desc {
	margin: 0;
	color: rgba(255, 255, 255, .70);
	line-height: 1.6;
	font-size: 14px;
	max-width: 620px;
}

/* Nav buttons */
.seo-most__nav {
	display: flex;
	gap: 10px;
	flex: 0 0 auto;
}

.seo-swiper-btn {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .82);
	cursor: pointer;

	display: inline-flex;
	align-items: center;
	justify-content: center;

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.seo-swiper-btn:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .22);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .40);
}

.seo-swiper {
	padding: 6px 2px 24px;
}

/* Slide card */
.seo-slide {
	border-radius: 18px;
	overflow: hidden;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.seo-slide:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 197, 94, .18);
	box-shadow: 0 24px 52px rgba(0, 0, 0, .46);
}

.seo-slide__media {
	display: block;
	background: rgba(255, 255, 255, .03);
	text-decoration: none;
}

.seo-slide__media img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	transition: transform .35s ease, filter .35s ease;
	filter: saturate(1.02) contrast(1.02);
}

.seo-slide:hover .seo-slide__media img {
	transform: scale(1.03);
	filter: saturate(1.06) contrast(1.04);
}

.seo-slide__body {
	padding: 14px 14px 16px;
}

.seo-slide__meta {
	font-size: 12px;
	color: rgba(255, 255, 255, .62);
	margin-bottom: 8px;
}

.seo-slide__meta i {
	color: rgba(34, 197, 94, .92);
	margin-right: 6px;
}

.seo-slide__title {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 900;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.seo-slide__title a {
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
}

.seo-slide__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, .84);
	text-decoration: none;
	font-weight: 900;
	font-size: 13px;
	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	padding-bottom: 2px;
}

.seo-slide__cta i {
	color: rgba(34, 197, 94, .92);
	font-size: 12px;
	transition: transform .2s ease;
}

.seo-slide__cta:hover {
	color: rgba(255, 255, 255, .94);
	border-color: rgba(34, 197, 94, .45);
}

.seo-slide__cta:hover i {
	transform: translateX(2px);
}

/* Paginação Swiper */
.seo-swiper-pagination {
	margin-top: 14px;
	position: relative;
}

.seo-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, .30);
	opacity: 1;
}

.seo-swiper .swiper-pagination-bullet-active {
	background: rgba(34, 197, 94, .92);
}

/* Responsivo */
@media (max-width: 992px) {
	.seo-hero__grid {
		grid-template-columns: 1fr;
	}

	.seo-hero__visual {
		justify-content: flex-start;
	}

	.seo-hero__mock img {
		height: 320px;
	}
}

@media (max-width: 520px) {
	.seo-hero {
		padding: 125px 0 50px;
	}

	.seo-most__head {
		align-items: flex-start;
		flex-direction: column;
	}

	.seo-hero__mock img {
		height: 260px;
	}
}

/* =========================================================
  BLOG POST — Dark/Glass/Green (Bootstrap 4.6 friendly)
========================================================= */

.bp-hero {
	position: relative;
	padding: 135px 0 60px;
	background: #050607;
	overflow: hidden;
	isolation: isolate;
}

.bp-hero__bg {
	position: absolute;
	inset: -180px;
	pointer-events: none;
	background:
		radial-gradient(900px 340px at 50% 10%, rgba(34, 197, 94, .16), transparent 62%),
		radial-gradient(820px 320px at 14% 50%, rgba(34, 197, 94, .10), transparent 70%),
		radial-gradient(820px 320px at 86% 50%, rgba(34, 197, 94, .08), transparent 72%),
		radial-gradient(720px 420px at 50% 110%, rgba(255, 255, 255, .035), transparent 72%);
	filter: blur(22px);
	opacity: .95;
}

/* Breadcrumb */
.bp-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 22px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	color: rgba(255, 255, 255, .70);
	font-size: 13px;
}

.bp-breadcrumb a {
	color: rgba(255, 255, 255, .78);
	text-decoration: none;
	border-bottom: 1px dashed rgba(255, 255, 255, .20);
	padding-bottom: 1px;
}

.bp-breadcrumb a:hover {
	color: rgba(255, 255, 255, .94);
	border-color: rgba(34, 197, 94, .45);
}

.bp-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
	font-weight: 800;
}

/* Hero layout */
.bp-hero__grid {
	display: grid;
	grid-template-columns: 1.25fr .75fr;
	gap: 26px;
	align-items: center;
}

.bp-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 16px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .2px;
	color: rgba(255, 255, 255, .86);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	box-shadow: 0 18px 44px rgba(0, 0, 0, .22);
}

.bp-pill i {
	color: rgba(34, 197, 94, .92);
}

.bp-hero__title {
	margin: 14px 0 10px;
	font-weight: 900;
	letter-spacing: -0.03em;
	line-height: 1.08;
	color: rgba(255, 255, 255, .92);
	font-size: clamp(30px, 4vw, 56px);
}

.bp-hero__subtitle {
	margin: 0 0 14px;
	color: rgba(255, 255, 255, .70);
	font-size: clamp(14px, 1.15vw, 18px);
	line-height: 1.7;
	max-width: 820px;
}

.bp-hero__meta {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 18px;
	margin: 0 0 18px;
	color: rgba(255, 255, 255, .68);
	font-size: 13px;
}

.bp-hero__meta i {
	color: rgba(34, 197, 94, .92);
	margin-right: 6px;
}

.bp-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 8px;
}

/* Buttons */
.bp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	font-weight: 900;
	font-size: 13px;
	letter-spacing: .2px;
	text-decoration: none;
	border: 1px solid transparent;
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease, border-color .2s ease;
}

.bp-btn--primary {
	color: #0b0f14;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow: 0 16px 34px rgba(34, 197, 94, .22), 0 10px 18px rgba(0, 0, 0, .22);
}

.bp-btn--primary:hover {
	transform: translateY(-1px);
	filter: saturate(1.05);
	box-shadow: 0 20px 44px rgba(34, 197, 94, .28), 0 12px 22px rgba(0, 0, 0, .26);
}

.bp-btn--ghost {
	color: rgba(255, 255, 255, .86);
	background: rgba(255, 255, 255, .05);
	border-color: rgba(255, 255, 255, .12);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.bp-btn--ghost:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .22);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .40);
}

/* Hero visual */
.bp-hero__visual {
	display: flex;
	justify-content: flex-end;
}

.bp-hero__mock {
	position: relative;
	width: min(440px, 100%);
	border-radius: 22px;
	overflow: hidden;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	box-shadow: 0 28px 70px rgba(0, 0, 0, .55);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

.bp-hero__mock img {
	width: 100%;
	height: 360px;
	object-fit: cover;
	display: block;
	transform: scale(1.02);
	filter: saturate(1.02) contrast(1.02);
}

.bp-hero__glow {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(520px 260px at 60% 20%, rgba(34, 197, 94, .18), transparent 60%),
		radial-gradient(520px 260px at 40% 80%, rgba(34, 197, 94, .12), transparent 70%);
	opacity: .9;
}

/* Content wrapper */
.bp-wrap {
	background: #050607;
	padding: 26px 0 76px;
}

.bp-grid {
	display: grid;
	grid-template-columns: 1fr 340px;
	gap: 26px;
	align-items: start;
}

.bp-article {
	border-radius: 18px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 22px;
	color: rgba(255, 255, 255, .82);
}

.bp-article h2 {
	margin: 22px 0 10px;
	font-size: 20px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	letter-spacing: -0.01em;
}

.bp-article h3 {
	margin: 16px 0 10px;
	font-size: 16px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.bp-article p {
	line-height: 1.8;
	margin: 0 0 14px;
}

.bp-lead {
	font-size: 16px;
	color: rgba(255, 255, 255, .86);
}

/* Lists */
.bp-list {
	padding-left: 18px;
	margin: 0 0 14px;
}

.bp-list li {
	margin: 8px 0;
	line-height: 1.7;
}

.bp-ol {
	padding-left: 18px;
	margin: 0;
}

.bp-ol li {
	margin: 8px 0;
	line-height: 1.7;
}

/* Callout */
.bp-callout {
	display: flex;
	gap: 12px;
	padding: 14px;
	border-radius: 14px;
	background: rgba(34, 197, 94, .08);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .84);
	margin: 14px 0 18px;
}

.bp-callout i {
	margin-top: 2px;
	color: rgba(34, 197, 94, .92);
}

.bp-callout--ok {
	background: rgba(34, 197, 94, .06);
}

/* Steps */
.bp-steps {
	display: grid;
	gap: 10px;
	margin: 12px 0 16px;
}

.bp-step {
	display: flex;
	gap: 12px;
	padding: 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
}

.bp-step__n {
	width: 36px;
	height: 36px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	background: rgba(34, 197, 94, .14);
	color: rgba(255, 255, 255, .92);
	border: 1px solid rgba(34, 197, 94, .22);
}

/* Cards */
.bp-two {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px;
	margin: 12px 0 16px;
}

.bp-card {
	border-radius: 14px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 14px;
}

.bp-card ul {
	margin: 0;
	padding-left: 18px;
}

.bp-card li {
	margin: 8px 0;
	line-height: 1.7;
}

.bp-card--wide {
	margin: 14px 0 18px;
}

.bp-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 18px;
}

/* Snippet */
.bp-snippet {
	border-radius: 14px;
	background: rgba(0, 0, 0, .35);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 14px;
	margin: 12px 0 16px;
	color: rgba(255, 255, 255, .82);
}

.bp-snippet span {
	opacity: .9;
}

/* CTA box */
.bp-cta {
	margin-top: 18px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 16px;
	display: flex;
	gap: 14px;
	align-items: center;
	justify-content: space-between;
}

.bp-cta__text h3 {
	margin: 0 0 4px;
	font-size: 16px;
	font-weight: 900;
}

.bp-cta__text p {
	margin: 0;
	opacity: .9;
}

/* Aside */
.bp-aside .bp-sticky {
	position: sticky;
	top: 92px;
	display: grid;
	gap: 12px;
}

.bp-toc {
	border-radius: 16px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	padding: 14px;
}

.bp-toc__title {
	font-weight: 900;
	color: rgba(255, 255, 255, .90);
	display: flex;
	gap: 10px;
	align-items: center;
	margin-bottom: 10px;
}

.bp-toc__title i {
	color: rgba(34, 197, 94, .92);
}

.bp-toc__nav a {
	display: block;
	padding: 8px 10px;
	border-radius: 12px;
	text-decoration: none;
	color: rgba(255, 255, 255, .78);
	border: 1px solid transparent;
	transition: transform .18s ease, border-color .18s ease, background .18s ease;
	font-size: 13px;
	line-height: 1.35;
}

.bp-toc__nav a:hover {
	background: rgba(255, 255, 255, .04);
	border-color: rgba(34, 197, 94, .20);
	transform: translateY(-1px);
}

.bp-toc__nav a.is-active {
	background: rgba(34, 197, 94, .10);
	border-color: rgba(34, 197, 94, .26);
	color: rgba(255, 255, 255, .92);
}

/* Mini card */
.bp-mini {
	border-radius: 16px;
	background: rgba(255, 255, 255, .03);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 14px;
	color: rgba(255, 255, 255, .78);
}

.bp-mini__title {
	font-weight: 900;
	color: rgba(255, 255, 255, .90);
	margin-bottom: 6px;
}

/* Mais visitados (Swiper) */
.bp-most {
	padding: 24px 0 90px;
	background: #050607;
}

.bp-most__head {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 14px;
}

.bp-most__title {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -0.02em;
	font-size: 22px;
}

.bp-most__desc {
	margin: 0;
	color: rgba(255, 255, 255, .70);
	line-height: 1.6;
	font-size: 14px;
	max-width: 620px;
}

.bp-most__nav {
	display: flex;
	gap: 10px;
}

.bp-sw-btn {
	width: 44px;
	height: 44px;
	border-radius: 999px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .82);
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.bp-sw-btn:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .22);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .40);
}

.bp-swiper {
	padding: 6px 2px 24px;
}

.bp-slide {
	border-radius: 18px;
	overflow: hidden;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.bp-slide:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 197, 94, .18);
	box-shadow: 0 24px 52px rgba(0, 0, 0, .46);
}

.bp-slide__media {
	display: block;
	background: rgba(255, 255, 255, .03);
	text-decoration: none;
}

.bp-slide__media img {
	width: 100%;
	height: 200px;
	object-fit: cover;
	display: block;
	transition: transform .35s ease, filter .35s ease;
	filter: saturate(1.02) contrast(1.02);
}

.bp-slide:hover .bp-slide__media img {
	transform: scale(1.03);
	filter: saturate(1.06) contrast(1.04);
}

.bp-slide__body {
	padding: 14px 14px 16px;
}

.bp-slide__meta {
	font-size: 12px;
	color: rgba(255, 255, 255, .62);
	margin-bottom: 8px;
}

.bp-slide__meta i {
	color: rgba(34, 197, 94, .92);
	margin-right: 6px;
}

.bp-slide__title {
	margin: 0 0 10px;
	font-size: 15px;
	font-weight: 900;
	line-height: 1.25;
}

.bp-slide__title a {
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
}

.bp-slide__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, .84);
	text-decoration: none;
	font-weight: 900;
	font-size: 13px;
	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	padding-bottom: 2px;
}

.bp-slide__cta i {
	color: rgba(34, 197, 94, .92);
	font-size: 12px;
	transition: transform .2s ease;
}

.bp-slide__cta:hover {
	color: rgba(255, 255, 255, .94);
	border-color: rgba(34, 197, 94, .45);
}

.bp-slide__cta:hover i {
	transform: translateX(2px);
}

/* Pagination */
.bp-swiper-pagination {
	margin-top: 14px;
	position: relative;
}

.bp-swiper .swiper-pagination-bullet {
	background: rgba(255, 255, 255, .30);
	opacity: 1;
}

.bp-swiper .swiper-pagination-bullet-active {
	background: rgba(34, 197, 94, .92);
}

/* Responsive */
@media (max-width: 992px) {
	.bp-hero__grid {
		grid-template-columns: 1fr;
	}

	.bp-hero__visual {
		justify-content: flex-start;
	}

	.bp-hero__mock img {
		height: 320px;
	}

	.bp-grid {
		grid-template-columns: 1fr;
	}

	.bp-aside .bp-sticky {
		position: static;
		top: auto;
	}
}

@media (max-width: 520px) {
	.bp-hero {
		padding: 125px 0 50px;
	}

	.bp-hero__mock img {
		height: 260px;
	}

	.bp-two {
		grid-template-columns: 1fr;
	}

	.bp-cols {
		grid-template-columns: 1fr;
	}

	.bp-cta {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* melhora o scroll com topo fixo */
.bp-article h2[id] {
	scroll-margin-top: 110px;
	/* ajuste se seu header for maior */
}

html {
	scroll-behavior: smooth;
}

/* fallback */

/* =========================================================
   MARKETING DE CONTEÚDO — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/marketing-de-conteudo.css
========================================================= */

/* ===== TOKENS ===== */
:root {
	--mc-primary: #22c55e;
	--mc-primary-2: #16a34a;
	--mc-mint: #a7f3d0;

	--mc-bg: #070a0f;
	--mc-bg2: #0b101a;

	--mc-text: rgba(255, 255, 255, .92);
	--mc-muted: rgba(255, 255, 255, .70);

	--mc-glass: rgba(255, 255, 255, .06);
	--mc-glass2: rgba(255, 255, 255, .08);
	--mc-border: rgba(255, 255, 255, .12);

	--mc-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--mc-radius: 22px;
	--mc-radius-sm: 16px;
}

/* ===== BASE ===== */
.mc-page {
	color: var(--mc-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--mc-bg) 0%, var(--mc-bg2) 100%);
	min-height: 100vh;
}

.mc-page a {
	text-decoration: none;
}

.mc-page p {
	color: var(--mc-muted);
}

.mc-page strong {
	color: rgba(255, 255, 255, .92);
}

.mc-page .container {
	position: relative;
}

/* ===== BREADCRUMB ===== */
.mc-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.mc-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.mc-breadcrumb a:hover {
	color: var(--mc-primary);
}

.mc-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.mc-hero {
	position: relative;
	padding: 34px 0 34px;
	overflow: hidden;
}

.mc-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 1;
}

.mc-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.mc-hero {
		padding: 26px 0 18px;
	}

	.mc-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

/* ===== PILL ===== */
.mc-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 600;
	letter-spacing: .2px;
}

.mc-pill i {
	color: var(--mc-primary);
}

/* ===== TITLES ===== */
.mc-hero__title {
	margin: 16px 0 12px;
	font-weight: 800;
	line-height: 1.08;
	letter-spacing: -.8px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .95);
}

.mc-hero__title span {
	color: var(--mc-primary);
}

.mc-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 54ch;
}

/* ===== BULLETS ===== */
.mc-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.mc-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.mc-hero__bullets i {
	margin-top: 2px;
	color: var(--mc-primary);
}

/* ===== BUTTONS ===== */
.mc-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--mc-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 700;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.mc-btn i {
	font-size: .95em;
}

.mc-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.mc-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.mc-btn--ghost {
	background: rgba(255, 255, 255, .05);
}

.mc-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--mc-primary);
}

.mc-btn--block {
	width: 100%;
}

.mc-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

/* ===== PROOF ===== */
.mc-proof {
	margin-top: 6px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.mc-proof__item {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--mc-glass);
	border: 1px solid var(--mc-border);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.mc-proof__item strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 800;
}

.mc-proof__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

@media (max-width: 575px) {
	.mc-proof {
		grid-template-columns: 1fr;
	}
}

/* ===== HERO VISUAL CARD (glass) ===== */
.mc-hero__visual {
	display: flex;
	justify-content: flex-end;
}

.mc-hero__card {
	position: relative;
	width: min(460px, 100%);
	border-radius: var(--mc-radius);
	background: var(--mc-glass);
	border: 1px solid var(--mc-border);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.mc-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.mc-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.mc-hero__cardBody {
	padding: 18px 18px 16px;
}

.mc-miniTitle {
	font-weight: 800;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.mc-miniRow {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.mc-miniRow span:last-child {
	color: rgba(255, 255, 255, .88);
}

.mc-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 700;
}

.mc-miniBadge i {
	color: var(--mc-primary);
}

.mc-hero__glow {
	position: absolute;
	width: 300px;
	height: 300px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.mc-section {
	padding: 60px 0;
}

.mc-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.mc-head {
	margin-bottom: 26px;
}

.mc-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.mc-desc {
	margin: 0;
	max-width: 72ch;
	color: rgba(255, 255, 255, .70);
}

.mc-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

@media (max-width: 991px) {
	.mc-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== GRIDS ===== */
.mc-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.mc-grid3 {
		grid-template-columns: 1fr;
	}
}

.mc-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.mc-grid2 {
		grid-template-columns: 1fr;
	}
}

/* ===== CARDS ===== */
.mc-card,
.mc-box {
	border-radius: var(--mc-radius);
	background: var(--mc-glass);
	border: 1px solid var(--mc-border);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

.mc-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.mc-card__icon i {
	color: var(--mc-primary);
	font-size: 1.1rem;
}

.mc-card h3,
.mc-box h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 850;
	letter-spacing: -.2px;
}

.mc-card p {
	margin: 0 0 12px;
}

.mc-card ul {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.mc-card li::marker {
	color: var(--mc-primary);
}

/* ===== STEPS ===== */
.mc-steps {
	display: grid;
	gap: 14px;
}

.mc-step {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 14px;
	align-items: flex-start;
	padding: 18px;
	border-radius: var(--mc-radius);
	background: var(--mc-glass);
	border: 1px solid var(--mc-border);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.mc-step__n {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	background: rgba(34, 197, 94, .14);
	border: 1px solid rgba(34, 197, 94, .22);
}

.mc-step__body h3 {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 850;
}

.mc-step__body p {
	margin: 0 0 10px;
}

.mc-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.mc-tags span {
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
	font-weight: 700;
	font-size: .92rem;
}

.mc-tags span:hover {
	border-color: rgba(34, 197, 94, .28);
	color: rgba(255, 255, 255, .90);
}

/* ===== MINI KPI ===== */
.mc-miniKpi {
	display: flex;
	gap: 12px;
}

.mc-miniKpi>div {
	min-width: 110px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.mc-miniKpi strong {
	display: block;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.mc-miniKpi span {
	display: block;
	color: rgba(255, 255, 255, .68);
	font-size: .92rem;
}

@media (max-width: 575px) {
	.mc-miniKpi {
		width: 100%;
	}

	.mc-miniKpi>div {
		flex: 1;
		min-width: auto;
	}
}

/* ===== LIST (box) ===== */
.mc-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.mc-list li {
	margin: 8px 0;
}

.mc-list li::marker {
	color: var(--mc-primary);
}

.mc-box h3 i {
	color: var(--mc-primary);
	margin-right: 8px;
}

/* ===== PRICING ===== */
.mc-pricing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 8px;
}

@media (max-width: 991px) {
	.mc-pricing {
		grid-template-columns: 1fr;
	}
}

.mc-plan {
	position: relative;
	padding: 18px;
	border-radius: var(--mc-radius);
	background: var(--mc-glass);
	border: 1px solid var(--mc-border);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.mc-plan__top h3 {
	margin: 0 0 6px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.mc-plan__top p {
	margin: 0 0 12px;
}

.mc-plan ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
	display: grid;
	gap: 10px;
}

.mc-plan li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .80);
}

.mc-plan li i {
	margin-top: 2px;
	color: var(--mc-primary);
}

.mc-plan--featured {
	border-color: rgba(34, 197, 94, .35);
	background: linear-gradient(180deg, rgba(34, 197, 94, .08) 0%, rgba(255, 255, 255, .06) 100%);
}

.mc-badge {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .12);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .90);
	font-weight: 800;
	font-size: .9rem;
}

.mc-note {
	margin: 16px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .70);
}

.mc-note i {
	color: var(--mc-primary);
	margin-top: 2px;
}

/* ===== FAQ ===== */
.mc-faq {
	display: grid;
	gap: 12px;
}

.mc-faq__item {
	border-radius: var(--mc-radius);
	background: var(--mc-glass);
	border: 1px solid var(--mc-border);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.mc-faq__item summary {
	cursor: pointer;
	padding: 16px 18px;
	color: rgba(255, 255, 255, .90);
	font-weight: 850;
	list-style: none;
	outline: none;
}

.mc-faq__item summary::-webkit-details-marker {
	display: none;
}

.mc-faq__item summary:focus {
	outline: none;
}

.mc-faq__content {
	padding: 0 18px 16px;
}

.mc-faq__item[open] summary {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.mc-faq__content p {
	margin: 10px 0 0;
}

/* ===== CONTACT (CTA FINAL) ===== */
.mc-contact {
	padding: 70px 0;
}

.mc-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--mc-radius) + 2px);
	background: var(--mc-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--mc-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 991px) {
	.mc-contact__wrap {
		grid-template-columns: 1fr;
	}
}

.mc-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.mc-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.mc-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.mc-contact__list i {
	color: var(--mc-primary);
	margin-top: 2px;
}

.mc-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.mc-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--mc-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.mc-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 750;
}

.mc-miniTrust i {
	color: var(--mc-primary);
}

/* ===== MOBILE SPACING ===== */
@media (max-width: 575px) {
	.mc-section {
		padding: 48px 0;
	}

	.mc-contact {
		padding: 54px 0;
	}

	.mc-card,
	.mc-box,
	.mc-plan {
		padding: 16px;
	}

	.mc-step {
		grid-template-columns: 50px 1fr;
		padding: 16px;
	}
}

/* =========================================================
   PATCH (Marketing de Conteúdo) — Respiro do topo + Responsivo
   Cole NO FINAL do css/marketing-de-conteudo.css
========================================================= */

/* 1) RESPIRO DO TOPO (está colado no menu)
   Ajuste o valor se seu header fixo for maior/menor */
:root {
	--mc-header-offset: 92px;
	/* altura média do topo fixo */
}

/* se o seu header é fixed/sticky, isso cria o “respiro” */
.mc-hero {
	padding-top: calc(34px + var(--mc-header-offset)) !important;
}

/* em telas menores o header costuma ficar mais alto */
@media (max-width: 991px) {
	:root {
		--mc-header-offset: 104px;
	}

	.mc-hero {
		padding-top: calc(26px + var(--mc-header-offset)) !important;
	}
}

@media (max-width: 575px) {
	:root {
		--mc-header-offset: 112px;
	}

	.mc-hero {
		padding-top: calc(22px + var(--mc-header-offset)) !important;
	}
}

/* garante que o breadcrumb não “grude” no topo também */
.mc-breadcrumb {
	padding-top: 10px !important;
}

/* 2) RESPONSIVO (refino geral) */
@media (max-width: 991px) {
	.mc-hero__visual {
		justify-content: center;
	}

	.mc-hero__card {
		max-width: 560px;
	}

	.mc-hero__subtitle {
		max-width: 100%;
	}

	.mc-hero__actions {
		gap: 10px;
	}
}

@media (max-width: 767px) {
	.mc-hero__title {
		letter-spacing: -.6px;
		line-height: 1.10;
	}

	.mc-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.mc-hero__actions .mc-btn {
		width: 100%;
		justify-content: center;
	}

	.mc-proof {
		grid-template-columns: 1fr;
	}

	.mc-miniRow {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}

	.mc-miniRow span:last-child {
		opacity: .95;
	}
}

@media (max-width: 575px) {
	.mc-pill {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.mc-hero__bullets {
		gap: 12px;
	}

	.mc-hero__cardBody {
		padding: 16px 16px 14px;
	}

	.mc-section {
		padding: 46px 0;
	}

	.mc-section--alt {
		padding: 46px 0;
	}

	.mc-contact {
		padding: 54px 0;
	}

	.mc-contact__wrap {
		padding: 18px;
	}
}

/* 3) Micro ajustes de “glass” no mobile (menos peso visual) */
@media (max-width: 575px) {

	.mc-card,
	.mc-box,
	.mc-plan,
	.mc-step,
	.mc-faq__item,
	.mc-proof__item,
	.mc-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   ANÁLISE DE DADOS — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/analise-de-dados.css
   (CSS da página somente — prefixo ad-*)
========================================================= */

/* ===== TOKENS ===== */
:root {
	--ad-primary: #22c55e;
	--ad-primary-2: #16a34a;
	--ad-mint: #a7f3d0;

	--ad-bg: #070a0f;
	--ad-bg2: #0b101a;

	--ad-text: rgba(255, 255, 255, .92);
	--ad-muted: rgba(255, 255, 255, .70);

	--ad-glass: rgba(255, 255, 255, .06);
	--ad-glass2: rgba(255, 255, 255, .08);
	--ad-border: rgba(255, 255, 255, .12);

	--ad-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--ad-radius: 22px;
	--ad-radius-sm: 16px;

	/* respiro do topo (header fixo/sticky) */
	--ad-header-offset: 92px;
}

/* ===== BASE ===== */
.ad-page {
	color: var(--ad-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--ad-bg) 0%, var(--ad-bg2) 100%);
	min-height: 100vh;
}

.ad-page a {
	text-decoration: none;
}

.ad-page p {
	color: var(--ad-muted);
}

.ad-page strong {
	color: rgba(255, 255, 255, .92);
}

.ad-page .container {
	position: relative;
}

/* ===== BREADCRUMB ===== */
.ad-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.ad-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.ad-breadcrumb a:hover {
	color: var(--ad-primary);
}

.ad-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.ad-hero {
	position: relative;
	padding: calc(34px + var(--ad-header-offset)) 0 34px;
	overflow: hidden;
}

@media (max-width: 991px) {
	:root {
		--ad-header-offset: 104px;
	}

	.ad-hero {
		padding: calc(26px + var(--ad-header-offset)) 0 18px;
	}
}

@media (max-width: 575px) {
	:root {
		--ad-header-offset: 112px;
	}

	.ad-hero {
		padding: calc(22px + var(--ad-header-offset)) 0 18px;
	}
}

.ad-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 1;
}

.ad-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.ad-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

.ad-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 600;
	letter-spacing: .2px;
}

.ad-pill i {
	color: var(--ad-primary);
}

.ad-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: -.9px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .96);
}

.ad-hero__title span {
	color: var(--ad-primary);
}

.ad-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 56ch;
}

.ad-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.ad-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ad-hero__bullets i {
	margin-top: 2px;
	color: var(--ad-primary);
}

/* ===== BUTTONS ===== */
.ad-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--ad-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.ad-btn i {
	font-size: .95em;
}

.ad-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.ad-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.ad-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--ad-primary);
}

.ad-btn--block {
	width: 100%;
}

.ad-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

@media (max-width: 767px) {
	.ad-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ad-hero__actions .ad-btn {
		width: 100%;
	}
}

/* ===== PROOF ===== */
.ad-proof {
	margin-top: 6px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.ad-proof__item {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ad-proof__item strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ad-proof__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

@media (max-width: 575px) {
	.ad-proof {
		grid-template-columns: 1fr;
	}
}

/* ===== HERO VISUAL CARD ===== */
.ad-hero__visual {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.ad-hero__visual {
		justify-content: center;
	}
}

.ad-hero__card {
	position: relative;
	width: min(520px, 100%);
	border-radius: var(--ad-radius);
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ad-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.ad-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.ad-hero__cardBody {
	padding: 18px 18px 16px;
}

.ad-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.ad-metricGrid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 12px;
}

.ad-metric {
	padding: 12px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ad-metric span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-weight: 750;
}

.ad-metric strong {
	display: block;
	font-size: 1.25rem;
	color: rgba(255, 255, 255, .95);
	font-weight: 900;
}

.ad-metric em {
	display: block;
	margin-top: 2px;
	font-style: normal;
	color: rgba(167, 243, 208, .90);
	font-weight: 800;
}

@media (max-width: 575px) {
	.ad-metricGrid {
		grid-template-columns: 1fr;
	}
}

.ad-miniRow {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.ad-miniRow span:last-child {
	color: rgba(255, 255, 255, .88);
}

@media (max-width: 767px) {
	.ad-miniRow {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.ad-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 850;
}

.ad-miniBadge i {
	color: var(--ad-primary);
}

.ad-hero__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.ad-section {
	padding: 60px 0;
}

.ad-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 575px) {
	.ad-section {
		padding: 46px 0;
	}

	.ad-section--alt {
		padding: 46px 0;
	}
}

.ad-head {
	margin-bottom: 26px;
}

.ad-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.ad-desc {
	margin: 0;
	max-width: 74ch;
	color: rgba(255, 255, 255, .70);
}

.ad-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

@media (max-width: 991px) {
	.ad-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== GRIDS / CARDS ===== */
.ad-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.ad-grid3 {
		grid-template-columns: 1fr;
	}
}

.ad-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.ad-grid2 {
		grid-template-columns: 1fr;
	}
}

.ad-card,
.ad-box {
	border-radius: var(--ad-radius);
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {

	.ad-card,
	.ad-box {
		padding: 16px;
	}
}

.ad-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.ad-card__icon i {
	color: var(--ad-primary);
	font-size: 1.1rem;
}

.ad-card h3,
.ad-box h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
}

.ad-card p {
	margin: 0 0 12px;
}

.ad-card ul {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.ad-card li::marker {
	color: var(--ad-primary);
}

.ad-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.ad-list li {
	margin: 8px 0;
}

.ad-list li::marker {
	color: var(--ad-primary);
}

.ad-box h3 i {
	color: var(--ad-primary);
	margin-right: 8px;
}

/* ===== STEPS ===== */
.ad-steps {
	display: grid;
	gap: 14px;
}

.ad-step {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 14px;
	align-items: flex-start;
	padding: 18px;
	border-radius: var(--ad-radius);
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 575px) {
	.ad-step {
		grid-template-columns: 50px 1fr;
		padding: 16px;
	}
}

.ad-step__n {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	background: rgba(34, 197, 94, .14);
	border: 1px solid rgba(34, 197, 94, .22);
}

.ad-step__body h3 {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ad-step__body p {
	margin: 0 0 10px;
}

.ad-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ad-tags span {
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
	font-weight: 800;
	font-size: .92rem;
}

/* ===== MINI KPI ===== */
.ad-miniKpi {
	display: flex;
	gap: 12px;
}

.ad-miniKpi>div {
	min-width: 110px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ad-miniKpi strong {
	display: block;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.ad-miniKpi span {
	display: block;
	color: rgba(255, 255, 255, .68);
	font-size: .92rem;
}

@media (max-width: 575px) {
	.ad-miniKpi {
		width: 100%;
	}

	.ad-miniKpi>div {
		flex: 1;
		min-width: auto;
	}
}

/* ===== KPI GRID ===== */
.ad-kpiGrid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.ad-kpiGrid {
		grid-template-columns: 1fr;
	}
}

.ad-kpi {
	padding: 18px;
	border-radius: var(--ad-radius);
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ad-kpi strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	margin-bottom: 6px;
}

.ad-kpi span {
	color: rgba(255, 255, 255, .70);
}

/* ===== PRICING ===== */
.ad-pricing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 8px;
}

@media (max-width: 991px) {
	.ad-pricing {
		grid-template-columns: 1fr;
	}
}

.ad-plan {
	position: relative;
	padding: 18px;
	border-radius: var(--ad-radius);
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

@media (max-width: 575px) {
	.ad-plan {
		padding: 16px;
	}
}

.ad-plan__top h3 {
	margin: 0 0 6px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.ad-plan__top p {
	margin: 0 0 12px;
}

.ad-plan ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
	display: grid;
	gap: 10px;
}

.ad-plan li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .80);
}

.ad-plan li i {
	margin-top: 2px;
	color: var(--ad-primary);
}

.ad-plan--featured {
	border-color: rgba(34, 197, 94, .35);
	background: linear-gradient(180deg, rgba(34, 197, 94, .08) 0%, rgba(255, 255, 255, .06) 100%);
}

.ad-badge {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .12);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	font-size: .9rem;
}

.ad-note {
	margin: 16px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .70);
}

.ad-note i {
	color: var(--ad-primary);
	margin-top: 2px;
}

/* ===== FAQ ===== */
.ad-faq {
	display: grid;
	gap: 12px;
}

.ad-faq__item {
	border-radius: var(--ad-radius);
	background: var(--ad-glass);
	border: 1px solid var(--ad-border);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ad-faq__item summary {
	cursor: pointer;
	padding: 16px 18px;
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	list-style: none;
	outline: none;
}

.ad-faq__item summary::-webkit-details-marker {
	display: none;
}

.ad-faq__content {
	padding: 0 18px 16px;
}

.ad-faq__item[open] summary {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

/* ===== CONTACT ===== */
.ad-contact {
	padding: 70px 0;
}

@media (max-width: 575px) {
	.ad-contact {
		padding: 54px 0;
	}
}

.ad-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--ad-radius) + 2px);
	background: var(--ad-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--ad-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 991px) {
	.ad-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.ad-contact__wrap {
		padding: 18px;
	}
}

.ad-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.ad-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.ad-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ad-contact__list i {
	color: var(--ad-primary);
	margin-top: 2px;
}

.ad-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.ad-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--ad-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ad-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 850;
}

.ad-miniTrust i {
	color: var(--ad-primary);
}

/* ===== MOBILE “PESO” ===== */
@media (max-width: 575px) {

	.ad-card,
	.ad-box,
	.ad-plan,
	.ad-step,
	.ad-faq__item,
	.ad-proof__item,
	.ad-hero__card,
	.ad-kpi {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   ESTRATÉGIA DIGITAL — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/estrategia-digital.css
   (CSS da página somente — prefixo ed-*)
========================================================= */

/* ===== TOKENS ===== */
:root {
	--ed-primary: #22c55e;
	--ed-primary-2: #16a34a;
	--ed-mint: #a7f3d0;

	--ed-bg: #070a0f;
	--ed-bg2: #0b101a;

	--ed-text: rgba(255, 255, 255, .92);
	--ed-muted: rgba(255, 255, 255, .70);

	--ed-glass: rgba(255, 255, 255, .06);
	--ed-glass2: rgba(255, 255, 255, .08);
	--ed-border: rgba(255, 255, 255, .12);

	--ed-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--ed-radius: 22px;
	--ed-radius-sm: 16px;

	/* respiro do topo (header fixo/sticky) */
	--ed-header-offset: 92px;
}

/* ===== BASE ===== */
.ed-page {
	color: var(--ed-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--ed-bg) 0%, var(--ed-bg2) 100%);
	min-height: 100vh;
}

.ed-page a {
	text-decoration: none;
}

.ed-page p {
	color: var(--ed-muted);
}

.ed-page strong {
	color: rgba(255, 255, 255, .92);
}

.ed-page .container {
	position: relative;
}

/* ===== BREADCRUMB ===== */
.ed-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.ed-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.ed-breadcrumb a:hover {
	color: var(--ed-primary);
}

.ed-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.ed-hero {
	position: relative;
	padding: calc(34px + var(--ed-header-offset)) 0 34px;
	overflow: hidden;
}

@media (max-width: 991px) {
	:root {
		--ed-header-offset: 104px;
	}

	.ed-hero {
		padding: calc(26px + var(--ed-header-offset)) 0 18px;
	}
}

@media (max-width: 575px) {
	:root {
		--ed-header-offset: 112px;
	}

	.ed-hero {
		padding: calc(22px + var(--ed-header-offset)) 0 18px;
	}
}

.ed-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 1;
}

.ed-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.ed-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

.ed-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 600;
	letter-spacing: .2px;
}

.ed-pill i {
	color: var(--ed-primary);
}

.ed-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: -.9px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .96);
}

.ed-hero__title span {
	color: var(--ed-primary);
}

.ed-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 56ch;
}

.ed-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.ed-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ed-hero__bullets i {
	margin-top: 2px;
	color: var(--ed-primary);
}

/* ===== BUTTONS ===== */
.ed-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--ed-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.ed-btn i {
	font-size: .95em;
}

.ed-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.ed-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.ed-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--ed-primary);
}

.ed-btn--block {
	width: 100%;
}

.ed-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

@media (max-width: 767px) {
	.ed-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ed-hero__actions .ed-btn {
		width: 100%;
	}
}

.ed-proof {
	margin-top: 6px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.ed-proof__item {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--ed-glass);
	border: 1px solid var(--ed-border);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ed-proof__item strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ed-proof__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

@media (max-width: 575px) {
	.ed-proof {
		grid-template-columns: 1fr;
	}
}

/* ===== HERO VISUAL CARD ===== */
.ed-hero__visual {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.ed-hero__visual {
		justify-content: center;
	}
}

.ed-hero__card {
	position: relative;
	width: min(520px, 100%);
	border-radius: var(--ed-radius);
	background: var(--ed-glass);
	border: 1px solid var(--ed-border);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ed-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.ed-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.ed-hero__cardBody {
	padding: 18px 18px 16px;
}

.ed-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.ed-miniRow {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.ed-miniRow span:last-child {
	color: rgba(255, 255, 255, .88);
}

@media (max-width: 767px) {
	.ed-miniRow {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.ed-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 850;
}

.ed-miniBadge i {
	color: var(--ed-primary);
}

.ed-hero__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.ed-section {
	padding: 60px 0;
}

.ed-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 575px) {
	.ed-section {
		padding: 46px 0;
	}

	.ed-section--alt {
		padding: 46px 0;
	}
}

.ed-head {
	margin-bottom: 26px;
}

.ed-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.ed-desc {
	margin: 0;
	max-width: 74ch;
	color: rgba(255, 255, 255, .70);
}

.ed-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

@media (max-width: 991px) {
	.ed-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== GRIDS / CARDS ===== */
.ed-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.ed-grid3 {
		grid-template-columns: 1fr;
	}
}

.ed-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.ed-grid2 {
		grid-template-columns: 1fr;
	}
}

.ed-card,
.ed-box {
	border-radius: var(--ed-radius);
	background: var(--ed-glass);
	border: 1px solid var(--ed-border);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {

	.ed-card,
	.ed-box {
		padding: 16px;
	}
}

.ed-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.ed-card__icon i {
	color: var(--ed-primary);
	font-size: 1.1rem;
}

.ed-card h3,
.ed-box h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
}

.ed-card p {
	margin: 0 0 12px;
}

.ed-card ul {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.ed-card li::marker {
	color: var(--ed-primary);
}

.ed-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.ed-list li {
	margin: 8px 0;
}

.ed-list li::marker {
	color: var(--ed-primary);
}

.ed-box h3 i {
	color: var(--ed-primary);
	margin-right: 8px;
}

/* ===== STEPS ===== */
.ed-steps {
	display: grid;
	gap: 14px;
}

.ed-step {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 14px;
	align-items: flex-start;
	padding: 18px;
	border-radius: var(--ed-radius);
	background: var(--ed-glass);
	border: 1px solid var(--ed-border);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 575px) {
	.ed-step {
		grid-template-columns: 50px 1fr;
		padding: 16px;
	}
}

.ed-step__n {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	background: rgba(34, 197, 94, .14);
	border: 1px solid rgba(34, 197, 94, .22);
}

.ed-step__body h3 {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ed-step__body p {
	margin: 0 0 10px;
}

.ed-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.ed-tags span {
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
	font-weight: 800;
	font-size: .92rem;
}

/* ===== MINI KPI ===== */
.ed-miniKpi {
	display: flex;
	gap: 12px;
}

.ed-miniKpi>div {
	min-width: 110px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ed-miniKpi strong {
	display: block;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.ed-miniKpi span {
	display: block;
	color: rgba(255, 255, 255, .68);
	font-size: .92rem;
}

@media (max-width: 575px) {
	.ed-miniKpi {
		width: 100%;
	}

	.ed-miniKpi>div {
		flex: 1;
		min-width: auto;
	}
}

/* ===== PRICING ===== */
.ed-pricing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 8px;
}

@media (max-width: 991px) {
	.ed-pricing {
		grid-template-columns: 1fr;
	}
}

.ed-plan {
	position: relative;
	padding: 18px;
	border-radius: var(--ed-radius);
	background: var(--ed-glass);
	border: 1px solid var(--ed-border);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

@media (max-width: 575px) {
	.ed-plan {
		padding: 16px;
	}
}

.ed-plan__top h3 {
	margin: 0 0 6px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.ed-plan__top p {
	margin: 0 0 12px;
}

.ed-plan ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
	display: grid;
	gap: 10px;
}

.ed-plan li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .80);
}

.ed-plan li i {
	margin-top: 2px;
	color: var(--ed-primary);
}

.ed-plan--featured {
	border-color: rgba(34, 197, 94, .35);
	background: linear-gradient(180deg, rgba(34, 197, 94, .08) 0%, rgba(255, 255, 255, .06) 100%);
}

.ed-badge {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .12);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	font-size: .9rem;
}

.ed-note {
	margin: 16px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .70);
}

.ed-note i {
	color: var(--ed-primary);
	margin-top: 2px;
}

/* ===== FAQ ===== */
.ed-faq {
	display: grid;
	gap: 12px;
}

.ed-faq__item {
	border-radius: var(--ed-radius);
	background: var(--ed-glass);
	border: 1px solid var(--ed-border);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ed-faq__item summary {
	cursor: pointer;
	padding: 16px 18px;
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	list-style: none;
	outline: none;
}

.ed-faq__item summary::-webkit-details-marker {
	display: none;
}

.ed-faq__content {
	padding: 0 18px 16px;
}

.ed-faq__item[open] summary {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

/* ===== CONTACT ===== */
.ed-contact {
	padding: 70px 0;
}

@media (max-width: 575px) {
	.ed-contact {
		padding: 54px 0;
	}
}

.ed-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--ed-radius) + 2px);
	background: var(--ed-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--ed-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 991px) {
	.ed-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.ed-contact__wrap {
		padding: 18px;
	}
}

.ed-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.ed-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.ed-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ed-contact__list i {
	color: var(--ed-primary);
	margin-top: 2px;
}

.ed-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.ed-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--ed-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ed-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 850;
}

.ed-miniTrust i {
	color: var(--ed-primary);
}

/* ===== MOBILE “PESO” ===== */
@media (max-width: 575px) {

	.ed-card,
	.ed-box,
	.ed-plan,
	.ed-step,
	.ed-faq__item,
	.ed-proof__item,
	.ed-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   CONSULTORIA — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/consultoria.css
   (CSS da página somente — prefixo co-*)
========================================================= */

:root {
	--co-primary: #22c55e;
	--co-primary-2: #16a34a;
	--co-mint: #a7f3d0;

	--co-bg: #070a0f;
	--co-bg2: #0b101a;

	--co-text: rgba(255, 255, 255, .92);
	--co-muted: rgba(255, 255, 255, .70);

	--co-glass: rgba(255, 255, 255, .06);
	--co-glass2: rgba(255, 255, 255, .08);
	--co-border: rgba(255, 255, 255, .12);

	--co-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--co-radius: 22px;
	--co-radius-sm: 16px;

	--co-header-offset: 92px;
}

/* ===== BASE ===== */
.co-page {
	color: var(--co-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--co-bg) 0%, var(--co-bg2) 100%);
	min-height: 100vh;
}

.co-page a {
	text-decoration: none;
}

.co-page p {
	color: var(--co-muted);
}

.co-page strong {
	color: rgba(255, 255, 255, .92);
}

.co-page .container {
	position: relative;
}

/* ===== BREADCRUMB ===== */
.co-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.co-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.co-breadcrumb a:hover {
	color: var(--co-primary);
}

.co-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.co-hero {
	position: relative;
	padding: calc(34px + var(--co-header-offset)) 0 34px;
	overflow: hidden;
}

@media (max-width: 991px) {
	:root {
		--co-header-offset: 104px;
	}

	.co-hero {
		padding: calc(26px + var(--co-header-offset)) 0 18px;
	}
}

@media (max-width: 575px) {
	:root {
		--co-header-offset: 112px;
	}

	.co-hero {
		padding: calc(22px + var(--co-header-offset)) 0 18px;
	}
}

.co-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 1;
}

.co-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.co-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

.co-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 600;
	letter-spacing: .2px;
}

.co-pill i {
	color: var(--co-primary);
}

.co-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: -.9px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .96);
}

.co-hero__title span {
	color: var(--co-primary);
}

.co-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 58ch;
}

.co-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.co-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.co-hero__bullets i {
	margin-top: 2px;
	color: var(--co-primary);
}

/* ===== BUTTONS ===== */
.co-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--co-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.co-btn i {
	font-size: .95em;
}

.co-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.co-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.co-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--co-primary);
}

.co-btn--block {
	width: 100%;
}

.co-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

@media (max-width: 767px) {
	.co-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.co-hero__actions .co-btn {
		width: 100%;
	}
}

.co-proof {
	margin-top: 6px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.co-proof__item {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--co-glass);
	border: 1px solid var(--co-border);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.co-proof__item strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.co-proof__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

@media (max-width: 575px) {
	.co-proof {
		grid-template-columns: 1fr;
	}
}

/* ===== HERO CARD ===== */
.co-hero__visual {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.co-hero__visual {
		justify-content: center;
	}
}

.co-hero__card {
	position: relative;
	width: min(520px, 100%);
	border-radius: var(--co-radius);
	background: var(--co-glass);
	border: 1px solid var(--co-border);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.co-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.co-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.co-hero__cardBody {
	padding: 18px 18px 16px;
}

.co-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.co-miniRow {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.co-miniRow span:last-child {
	color: rgba(255, 255, 255, .88);
}

@media (max-width: 767px) {
	.co-miniRow {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.co-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 850;
}

.co-miniBadge i {
	color: var(--co-primary);
}

.co-hero__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.co-section {
	padding: 60px 0;
}

.co-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 575px) {
	.co-section {
		padding: 46px 0;
	}

	.co-section--alt {
		padding: 46px 0;
	}
}

.co-head {
	margin-bottom: 26px;
}

.co-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.co-desc {
	margin: 0;
	max-width: 74ch;
	color: rgba(255, 255, 255, .70);
}

.co-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

@media (max-width: 991px) {
	.co-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== GRIDS/CARDS ===== */
.co-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.co-grid3 {
		grid-template-columns: 1fr;
	}
}

.co-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.co-grid2 {
		grid-template-columns: 1fr;
	}
}

.co-card,
.co-box {
	border-radius: var(--co-radius);
	background: var(--co-glass);
	border: 1px solid var(--co-border);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {

	.co-card,
	.co-box {
		padding: 16px;
	}
}

.co-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.co-card__icon i {
	color: var(--co-primary);
	font-size: 1.1rem;
}

.co-card h3,
.co-box h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
}

.co-card p {
	margin: 0 0 12px;
}

.co-card ul {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.co-card li::marker {
	color: var(--co-primary);
}

.co-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.co-list li {
	margin: 8px 0;
}

.co-list li::marker {
	color: var(--co-primary);
}

.co-box h3 i {
	color: var(--co-primary);
	margin-right: 8px;
}

/* ===== STEPS ===== */
.co-steps {
	display: grid;
	gap: 14px;
}

.co-step {
	display: grid;
	grid-template-columns: 56px 1fr;
	gap: 14px;
	align-items: flex-start;
	padding: 18px;
	border-radius: var(--co-radius);
	background: var(--co-glass);
	border: 1px solid var(--co-border);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 575px) {
	.co-step {
		grid-template-columns: 50px 1fr;
		padding: 16px;
	}
}

.co-step__n {
	width: 44px;
	height: 44px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	background: rgba(34, 197, 94, .14);
	border: 1px solid rgba(34, 197, 94, .22);
}

.co-step__body h3 {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.co-step__body p {
	margin: 0 0 10px;
}

.co-tags {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.co-tags span {
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
	font-weight: 800;
	font-size: .92rem;
}

/* ===== MINI KPI ===== */
.co-miniKpi {
	display: flex;
	gap: 12px;
}

.co-miniKpi>div {
	min-width: 110px;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.co-miniKpi strong {
	display: block;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.co-miniKpi span {
	display: block;
	color: rgba(255, 255, 255, .68);
	font-size: .92rem;
}

@media (max-width: 575px) {
	.co-miniKpi {
		width: 100%;
	}

	.co-miniKpi>div {
		flex: 1;
		min-width: auto;
	}
}

/* ===== PRICING ===== */
.co-pricing {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 8px;
}

@media (max-width: 991px) {
	.co-pricing {
		grid-template-columns: 1fr;
	}
}

.co-plan {
	position: relative;
	padding: 18px;
	border-radius: var(--co-radius);
	background: var(--co-glass);
	border: 1px solid var(--co-border);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

@media (max-width: 575px) {
	.co-plan {
		padding: 16px;
	}
}

.co-plan__top h3 {
	margin: 0 0 6px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.co-plan__top p {
	margin: 0 0 12px;
}

.co-plan ul {
	list-style: none;
	padding: 0;
	margin: 0 0 14px;
	display: grid;
	gap: 10px;
}

.co-plan li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .80);
}

.co-plan li i {
	margin-top: 2px;
	color: var(--co-primary);
}

.co-plan--featured {
	border-color: rgba(34, 197, 94, .35);
	background: linear-gradient(180deg, rgba(34, 197, 94, .08) 0%, rgba(255, 255, 255, .06) 100%);
}

.co-badge {
	position: absolute;
	top: 14px;
	right: 14px;
	padding: 8px 10px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .12);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	font-size: .9rem;
}

.co-note {
	margin: 16px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .70);
}

.co-note i {
	color: var(--co-primary);
	margin-top: 2px;
}

/* ===== FAQ ===== */
.co-faq {
	display: grid;
	gap: 12px;
}

.co-faq__item {
	border-radius: var(--co-radius);
	background: var(--co-glass);
	border: 1px solid var(--co-border);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.co-faq__item summary {
	cursor: pointer;
	padding: 16px 18px;
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	list-style: none;
	outline: none;
}

.co-faq__item summary::-webkit-details-marker {
	display: none;
}

.co-faq__content {
	padding: 0 18px 16px;
}

.co-faq__item[open] summary {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

/* ===== CONTACT ===== */
.co-contact {
	padding: 70px 0;
}

@media (max-width: 575px) {
	.co-contact {
		padding: 54px 0;
	}
}

.co-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--co-radius) + 2px);
	background: var(--co-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--co-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 991px) {
	.co-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.co-contact__wrap {
		padding: 18px;
	}
}

.co-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.co-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.co-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.co-contact__list i {
	color: var(--co-primary);
	margin-top: 2px;
}

.co-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.co-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--co-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.co-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 850;
}

.co-miniTrust i {
	color: var(--co-primary);
}

/* ===== MOBILE “PESO” ===== */
@media (max-width: 575px) {

	.co-card,
	.co-box,
	.co-plan,
	.co-step,
	.co-faq__item,
	.co-proof__item,
	.co-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   ORÇAMENTO — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/orcamento.css
   (CSS da página somente — prefixo or-*)
========================================================= */

:root {
	--or-primary: #22c55e;
	--or-primary-2: #16a34a;
	--or-mint: #a7f3d0;

	--or-bg: #070a0f;
	--or-bg2: #0b101a;

	--or-text: rgba(255, 255, 255, .92);
	--or-muted: rgba(255, 255, 255, .70);

	--or-glass: rgba(255, 255, 255, .06);
	--or-glass2: rgba(255, 255, 255, .08);
	--or-border: rgba(255, 255, 255, .12);

	--or-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--or-radius: 22px;
	--or-radius-sm: 16px;

	--or-header-offset: 92px;
}

/* ===== BASE ===== */
.or-page {
	color: var(--or-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--or-bg) 0%, var(--or-bg2) 100%);
	min-height: 100vh;
}

.or-page a {
	text-decoration: none;
}

.or-page p {
	color: var(--or-muted);
}

.or-page strong {
	color: rgba(255, 255, 255, .92);
}

.or-page .container {
	position: relative;
}

/* ===== BREADCRUMB ===== */
.or-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.or-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.or-breadcrumb a:hover {
	color: var(--or-primary);
}

.or-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.or-hero {
	position: relative;
	padding: calc(34px + var(--or-header-offset)) 0 34px;
	overflow: hidden;
}

@media (max-width: 991px) {
	:root {
		--or-header-offset: 104px;
	}

	.or-hero {
		padding: calc(26px + var(--or-header-offset)) 0 18px;
	}
}

@media (max-width: 575px) {
	:root {
		--or-header-offset: 112px;
	}

	.or-hero {
		padding: calc(22px + var(--or-header-offset)) 0 18px;
	}
}

.or-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 1;
}

.or-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.or-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

.or-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 700;
	letter-spacing: .2px;
}

.or-pill i {
	color: var(--or-primary);
}

.or-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: -.9px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .96);
}

.or-hero__title span {
	color: var(--or-primary);
}

.or-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 60ch;
}

.or-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.or-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.or-hero__bullets i {
	margin-top: 2px;
	color: var(--or-primary);
}

/* ===== BUTTONS ===== */
.or-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--or-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.or-btn i {
	font-size: .95em;
}

.or-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.or-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.or-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--or-primary);
}

.or-btn--block {
	width: 100%;
}

.or-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

@media (max-width: 767px) {
	.or-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.or-hero__actions .or-btn {
		width: 100%;
	}
}

.or-proof {
	margin-top: 6px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.or-proof__item {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--or-glass);
	border: 1px solid var(--or-border);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.or-proof__item strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.or-proof__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

@media (max-width: 575px) {
	.or-proof {
		grid-template-columns: 1fr;
	}
}

/* ===== HERO CARD ===== */
.or-hero__visual {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.or-hero__visual {
		justify-content: center;
	}
}

.or-hero__card {
	position: relative;
	width: min(520px, 100%);
	border-radius: var(--or-radius);
	background: var(--or-glass);
	border: 1px solid var(--or-border);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.or-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.or-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.or-hero__cardBody {
	padding: 18px 18px 16px;
}

.or-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.or-miniRow {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.or-miniRow span:last-child {
	color: rgba(255, 255, 255, .88);
}

@media (max-width: 767px) {
	.or-miniRow {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.or-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
}

.or-miniBadge i {
	color: var(--or-primary);
}

.or-hero__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.or-section {
	padding: 60px 0;
}

.or-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 575px) {
	.or-section {
		padding: 46px 0;
	}

	.or-section--alt {
		padding: 46px 0;
	}
}

.or-head {
	margin-bottom: 26px;
}

.or-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.or-desc {
	margin: 0;
	max-width: 74ch;
	color: rgba(255, 255, 255, .70);
}

.or-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

@media (max-width: 991px) {
	.or-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== GRIDS/CARDS ===== */
.or-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.or-grid3 {
		grid-template-columns: 1fr;
	}
}

.or-card {
	border-radius: var(--or-radius);
	background: var(--or-glass);
	border: 1px solid var(--or-border);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {
	.or-card {
		padding: 16px;
	}
}

.or-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.or-card__icon i {
	color: var(--or-primary);
	font-size: 1.1rem;
}

.or-card h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
}

.or-card p {
	margin: 0 0 12px;
}

.or-card ul {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.or-card li::marker {
	color: var(--or-primary);
}

/* ===== FORM LAYOUT ===== */
.or-formWrap {
	display: grid;
	grid-template-columns: 1fr .42fr;
	gap: 16px;
	align-items: start;
}

@media (max-width: 991px) {
	.or-formWrap {
		grid-template-columns: 1fr;
	}
}

.or-form {
	border-radius: var(--or-radius);
	background: var(--or-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {
	.or-form {
		padding: 16px;
	}
}

.or-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

@media (max-width: 767px) {
	.or-form__grid {
		grid-template-columns: 1fr;
	}
}

.or-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.or-field--full {
	grid-column: 1 / -1;
}

.or-field label {
	font-weight: 900;
	color: rgba(255, 255, 255, .90);
}

.or-field label span {
	color: var(--or-primary);
}

.or-field input,
.or-field select,
.or-field textarea {
	width: 100%;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgb(0 0 0 / 52%);
	color: rgba(255, 255, 255, .92);
	padding: 12px 12px;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.or-field textarea {
	resize: vertical;
	min-height: 140px;
}

.or-field input::placeholder,
.or-field textarea::placeholder {
	color: rgba(255, 255, 255, .55);
}

.or-field input:focus,
.or-field select:focus,
.or-field textarea:focus {
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 0 0 3px rgba(34, 197, 94, .14);
}

.or-help {
	color: rgba(255, 255, 255, .62);
	font-size: .92rem;
}

.or-consent {
	margin-top: 12px;
	padding: 12px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
}

.or-check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	cursor: pointer;
	margin: 0;
}

.or-check input {
	margin-top: 4px;
	width: 18px;
	height: 18px;
	accent-color: var(--or-primary);
}

.or-form__actions {
	margin-top: 14px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.or-form__actions {
		flex-direction: column;
	}

	.or-form__actions .or-btn {
		width: 100%;
	}
}

.or-miniTrust {
	margin-top: 14px;
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--or-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.or-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 900;
}

.or-miniTrust i {
	color: var(--or-primary);
}

/* ===== ASIDE ===== */
.or-aside {
	display: grid;
	gap: 12px;
}

.or-aside__card {
	border-radius: var(--or-radius);
	background: var(--or-glass);
	border: 1px solid var(--or-border);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 16px;
}

.or-aside__card h3 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.or-aside__card h3 i {
	color: var(--or-primary);
	margin-right: 8px;
}

.or-aside__list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.or-aside__list li {
	margin: 8px 0;
}

.or-aside__list li::marker {
	color: var(--or-primary);
}

.or-aside__ol {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.or-aside__ol li {
	margin: 8px 0;
}

/* ===== FAQ ===== */
.or-faq {
	display: grid;
	gap: 12px;
}

.or-faq__item {
	border-radius: var(--or-radius);
	background: var(--or-glass);
	border: 1px solid var(--or-border);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.or-faq__item summary {
	cursor: pointer;
	padding: 16px 18px;
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	list-style: none;
	outline: none;
}

.or-faq__item summary::-webkit-details-marker {
	display: none;
}

.or-faq__content {
	padding: 0 18px 16px;
}

.or-faq__item[open] summary {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

/* ===== CTA FINAL ===== */
.or-contact {
	padding: 70px 0;
}

@media (max-width: 575px) {
	.or-contact {
		padding: 54px 0;
	}
}

.or-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--or-radius) + 2px);
	background: var(--or-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--or-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 991px) {
	.or-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.or-contact__wrap {
		padding: 18px;
	}
}

.or-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.or-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.or-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.or-contact__list i {
	color: var(--or-primary);
	margin-top: 2px;
}

.or-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

/* ===== MOBILE “PESO” ===== */
@media (max-width: 575px) {

	.or-card,
	.or-form,
	.or-aside__card,
	.or-faq__item,
	.or-proof__item,
	.or-hero__card,
	.or-contact__wrap {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   CONTATO — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/contato.css
   (CSS da página somente — prefixo ct-*)
========================================================= */

:root {
	--ct-primary: #22c55e;
	--ct-primary-2: #16a34a;
	--ct-mint: #a7f3d0;

	--ct-bg: #070a0f;
	--ct-bg2: #0b101a;

	--ct-text: rgba(255, 255, 255, .92);
	--ct-muted: rgba(255, 255, 255, .70);

	--ct-glass: rgba(255, 255, 255, .06);
	--ct-glass2: rgba(255, 255, 255, .08);
	--ct-border: rgba(255, 255, 255, .12);

	--ct-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--ct-radius: 22px;
	--ct-radius-sm: 16px;

	--ct-header-offset: 92px;
}

/* ===== BASE ===== */
.ct-page {
	color: var(--ct-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--ct-bg) 0%, var(--ct-bg2) 100%);
	min-height: 100vh;
}

.ct-page a {
	text-decoration: none;
}

.ct-page p {
	color: var(--ct-muted);
}

.ct-page strong {
	color: rgba(255, 255, 255, .92);
}

.ct-page .container {
	position: relative;
}

/* ===== BREADCRUMB ===== */
.ct-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.ct-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.ct-breadcrumb a:hover {
	color: var(--ct-primary);
}

.ct-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.ct-hero {
	position: relative;
	padding: calc(34px + var(--ct-header-offset)) 0 34px;
	overflow: hidden;
}

@media (max-width: 991px) {
	:root {
		--ct-header-offset: 104px;
	}

	.ct-hero {
		padding: calc(26px + var(--ct-header-offset)) 0 18px;
	}
}

@media (max-width: 575px) {
	:root {
		--ct-header-offset: 112px;
	}

	.ct-hero {
		padding: calc(22px + var(--ct-header-offset)) 0 18px;
	}
}

.ct-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	opacity: 1;
}

.ct-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

@media (max-width: 991px) {
	.ct-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}
}

.ct-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
	letter-spacing: .2px;
}

.ct-pill i {
	color: var(--ct-primary);
}

.ct-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.06;
	letter-spacing: -.9px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .96);
}

.ct-hero__title span {
	color: var(--ct-primary);
}

.ct-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 62ch;
}

.ct-hero__bullets {
	list-style: none;
	padding: 0;
	margin: 0 0 18px;
	display: grid;
	gap: 10px;
}

.ct-hero__bullets li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ct-hero__bullets i {
	margin-top: 2px;
	color: var(--ct-primary);
}

/* ===== BUTTONS ===== */
.ct-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--ct-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.ct-btn i {
	font-size: .95em;
}

.ct-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.ct-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.ct-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--ct-primary);
}

.ct-btn--block {
	width: 100%;
}

.ct-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 16px;
}

@media (max-width: 767px) {
	.ct-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ct-hero__actions .ct-btn {
		width: 100%;
	}
}

/* ===== PROOF ===== */
.ct-proof {
	margin-top: 6px;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
}

.ct-proof__item {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--ct-glass);
	border: 1px solid var(--ct-border);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ct-proof__item strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ct-proof__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

@media (max-width: 575px) {
	.ct-proof {
		grid-template-columns: 1fr;
	}
}

/* ===== HERO CARD ===== */
.ct-hero__visual {
	display: flex;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.ct-hero__visual {
		justify-content: center;
	}
}

.ct-hero__card {
	position: relative;
	width: min(520px, 100%);
	border-radius: var(--ct-radius);
	background: var(--ct-glass);
	border: 1px solid var(--ct-border);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ct-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.ct-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.ct-hero__cardBody {
	padding: 18px 18px 16px;
}

.ct-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.ct-miniRow {
	display: flex;
	justify-content: space-between;
	gap: 14px;
	padding: 10px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
}

.ct-miniRow span:last-child {
	color: rgba(255, 255, 255, .88);
}

@media (max-width: 767px) {
	.ct-miniRow {
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
	}
}

.ct-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
}

.ct-miniBadge i {
	color: var(--ct-primary);
}

.ct-hero__glow {
	position: absolute;
	width: 320px;
	height: 320px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.ct-section {
	padding: 60px 0;
}

.ct-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

@media (max-width: 575px) {
	.ct-section {
		padding: 46px 0;
	}

	.ct-section--alt {
		padding: 46px 0;
	}
}

.ct-head {
	margin-bottom: 26px;
}

.ct-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.ct-desc {
	margin: 0;
	max-width: 74ch;
	color: rgba(255, 255, 255, .70);
}

.ct-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

@media (max-width: 991px) {
	.ct-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

/* ===== GRIDS/CARDS ===== */
.ct-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
}

@media (max-width: 991px) {
	.ct-grid3 {
		grid-template-columns: 1fr;
	}
}

.ct-card {
	border-radius: var(--ct-radius);
	background: var(--ct-glass);
	border: 1px solid var(--ct-border);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {
	.ct-card {
		padding: 16px;
	}
}

.ct-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.ct-card__icon i {
	color: var(--ct-primary);
	font-size: 1.1rem;
}

.ct-card h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
}

.ct-card p {
	margin: 0 0 12px;
}

/* ===== FORM LAYOUT ===== */
.ct-formWrap {
	display: grid;
	grid-template-columns: 1fr .42fr;
	gap: 16px;
	align-items: start;
}

@media (max-width: 991px) {
	.ct-formWrap {
		grid-template-columns: 1fr;
	}
}

.ct-form {
	border-radius: var(--ct-radius);
	background: var(--ct-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

@media (max-width: 575px) {
	.ct-form {
		padding: 16px;
	}
}

.ct-form__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

@media (max-width: 767px) {
	.ct-form__grid {
		grid-template-columns: 1fr;
	}
}

.ct-field {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.ct-field--full {
	grid-column: 1 / -1;
}

.ct-field label {
	font-weight: 900;
	color: rgba(255, 255, 255, .90);
}

.ct-field label span {
	color: var(--ct-primary);
}

.ct-field input,
.ct-field select,
.ct-field textarea {
	width: 100%;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgb(0 0 0 / 52%);
	color: rgba(255, 255, 255, .92);
	padding: 12px 12px;
	outline: none;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

.ct-field textarea {
	resize: vertical;
	min-height: 140px;
}

.ct-field input::placeholder,
.ct-field textarea::placeholder {
	color: rgba(255, 255, 255, .55);
}

.ct-field input:focus,
.ct-field select:focus,
.ct-field textarea:focus {
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 0 0 3px rgba(34, 197, 94, .14);
}

.ct-help {
	color: rgba(255, 255, 255, .62);
	font-size: .92rem;
}

.ct-consent {
	margin-top: 12px;
	padding: 12px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ct-check {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	cursor: pointer;
	margin: 0;
}

.ct-check input {
	margin-top: 4px;
	width: 18px;
	height: 18px;
	accent-color: var(--ct-primary);
}

.ct-form__actions {
	margin-top: 14px;
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
}

@media (max-width: 767px) {
	.ct-form__actions {
		flex-direction: column;
	}

	.ct-form__actions .ct-btn {
		width: 100%;
	}
}

.ct-miniTrust {
	margin-top: 14px;
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--ct-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ct-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 900;
}

.ct-miniTrust i {
	color: var(--ct-primary);
}

/* ===== ASIDE ===== */
.ct-aside {
	display: grid;
	gap: 12px;
}

.ct-aside__card {
	border-radius: var(--ct-radius);
	background: var(--ct-glass);
	border: 1px solid var(--ct-border);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 16px;
}

.ct-aside__card h3 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ct-aside__card h3 i {
	color: var(--ct-primary);
	margin-right: 8px;
}

.ct-aside__ol {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.ct-aside__ol li {
	margin: 8px 0;
}

.ct-quick {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

.ct-quick__item {
	display: flex;
	gap: 12px;
	align-items: center;
	padding: 12px 12px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .88);
	transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease;
}

.ct-quick__item:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .28);
	box-shadow: 0 12px 34px rgba(0, 0, 0, .45);
	color: rgba(255, 255, 255, .92);
}

.ct-quick__item i {
	width: 42px;
	height: 42px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: var(--ct-primary);
}

.ct-quick__item strong {
	display: block;
	font-weight: 900;
}

.ct-quick__item span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

/* ===== FAQ ===== */
.ct-faq {
	display: grid;
	gap: 12px;
}

.ct-faq__item {
	border-radius: var(--ct-radius);
	background: var(--ct-glass);
	border: 1px solid var(--ct-border);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ct-faq__item summary {
	cursor: pointer;
	padding: 16px 18px;
	color: rgba(255, 255, 255, .90);
	font-weight: 900;
	list-style: none;
	outline: none;
}

.ct-faq__item summary::-webkit-details-marker {
	display: none;
}

.ct-faq__content {
	padding: 0 18px 16px;
}

.ct-faq__item[open] summary {
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

/* ===== CTA FINAL ===== */
.ct-contact {
	padding: 70px 0;
}

@media (max-width: 575px) {
	.ct-contact {
		padding: 54px 0;
	}
}

.ct-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--ct-radius) + 2px);
	background: var(--ct-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--ct-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

@media (max-width: 991px) {
	.ct-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 575px) {
	.ct-contact__wrap {
		padding: 18px;
	}
}

.ct-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.ct-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.ct-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ct-contact__list i {
	color: var(--ct-primary);
	margin-top: 2px;
}

.ct-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

/* ===== VALIDATION VISUAL ===== */
.ct-error {
	margin-top: 2px;
	color: rgba(255, 96, 96, .92);
	font-weight: 800;
}

.ct-form .is-invalid {
	border-color: rgba(255, 96, 96, .55) !important;
	box-shadow: 0 0 0 3px rgba(255, 96, 96, .14) !important;
}

.ct-consent.is-invalid {
	border-color: rgba(255, 96, 96, .55) !important;
}

/* ===== MOBILE “PESO” ===== */
@media (max-width: 575px) {

	.ct-card,
	.ct-form,
	.ct-aside__card,
	.ct-faq__item,
	.ct-proof__item,
	.ct-hero__card,
	.ct-contact__wrap {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   MAPA DO SITE — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/mapa-do-site.css
========================================================= */

/* ===== TOKENS ===== */
:root {
	--sm-primary: #22c55e;
	--sm-primary-2: #16a34a;
	--sm-mint: #a7f3d0;

	--sm-bg: #070a0f;
	--sm-bg2: #0b101a;

	--sm-text: rgba(255, 255, 255, .92);
	--sm-muted: rgba(255, 255, 255, .70);

	--sm-glass: rgba(255, 255, 255, .06);
	--sm-glass2: rgba(255, 255, 255, .08);
	--sm-border: rgba(255, 255, 255, .12);

	--sm-shadow: 0 18px 60px rgba(0, 0, 0, .55);

	--sm-radius: 22px;
	--sm-radius-sm: 16px;

	/* respiro do topo (header fixo) */
	--sm-header-offset: 92px;
}

/* ===== BASE ===== */
.sm-page {
	color: var(--sm-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--sm-bg) 0%, var(--sm-bg2) 100%);
	min-height: 100vh;
}

.sm-page a {
	text-decoration: none;
}

.sm-page strong {
	color: rgba(255, 255, 255, .92);
}

.sm-page p {
	color: var(--sm-muted);
}

/* acessibilidade */
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* ===== BREADCRUMB ===== */
.sm-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.sm-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.sm-breadcrumb a:hover {
	color: var(--sm-primary);
}

/* ===== HERO ===== */
.sm-hero {
	position: relative;
	padding: calc(34px + var(--sm-header-offset)) 0 34px;
	overflow: hidden;
}

.sm-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
}

.sm-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

.sm-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 700;
	letter-spacing: .2px;
}

.sm-pill i {
	color: var(--sm-primary);
}

.sm-hero__title {
	margin: 16px 0 10px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.8px;
	font-size: clamp(2.0rem, 3.2vw, 3.0rem);
	color: rgba(255, 255, 255, .95);
}

.sm-hero__subtitle {
	margin: 0 0 18px;
	font-size: 1.05rem;
	max-width: 62ch;
}

.sm-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 18px;
}

/* ===== BUTTONS ===== */
.sm-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--sm-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.sm-btn i {
	font-size: .95em;
}

.sm-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.sm-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.sm-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--sm-primary);
}

/* ===== SEARCH ===== */
.sm-search {
	max-width: 640px;
}

.sm-search__box {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 999px;
	background: var(--sm-glass);
	border: 1px solid var(--sm-border);
	box-shadow: var(--sm-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.sm-search__box i {
	color: rgba(255, 255, 255, .65);
}

.sm-search__box input {
	flex: 1;
	background: transparent;
	border: 0;
	outline: none;
	color: rgba(255, 255, 255, .92);
	font-weight: 650;
}

.sm-search__box input::placeholder {
	color: rgba(255, 255, 255, .55);
}

.sm-search__clear {
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, .65);
	cursor: pointer;
	padding: 6px 8px;
	border-radius: 10px;
	transition: color .2s ease, background .2s ease;
}

.sm-search__clear:hover {
	color: var(--sm-primary);
	background: rgba(255, 255, 255, .05);
}

.sm-search__hint {
	display: block;
	margin-top: 10px;
	color: rgba(255, 255, 255, .60);
}

/* ===== HERO VISUAL CARD ===== */
.sm-hero__visual {
	display: flex;
	justify-content: flex-end;
}

.sm-hero__card {
	position: relative;
	width: min(460px, 100%);
	border-radius: var(--sm-radius);
	background: var(--sm-glass);
	border: 1px solid var(--sm-border);
	box-shadow: var(--sm-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.sm-hero__cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.sm-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.sm-hero__cardBody {
	padding: 18px 18px 16px;
}

.sm-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.sm-miniLink {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	padding: 12px 12px;
	border-radius: 14px;
	color: rgba(255, 255, 255, .88);
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
	margin-bottom: 10px;
	transition: border-color .18s ease, transform .18s ease, color .18s ease;
}

.sm-miniLink span {
	display: flex;
	align-items: center;
	gap: 10px;
}

.sm-miniLink i {
	color: rgba(255, 255, 255, .70);
}

.sm-miniLink:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .28);
	color: rgba(255, 255, 255, .95);
}

.sm-miniLink:hover span i {
	color: var(--sm-primary);
}

.sm-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
}

.sm-miniBadge i {
	color: var(--sm-primary);
}

.sm-hero__glow {
	position: absolute;
	width: 300px;
	height: 300px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTION ===== */
.sm-section {
	padding: 60px 0;
}

.sm-head {
	margin-bottom: 22px;
}

.sm-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

.sm-title {
	font-weight: 950;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 8px;
}

.sm-desc {
	margin: 0;
	max-width: 72ch;
	color: rgba(255, 255, 255, .70);
}

.sm-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 16px;
}

.sm-card {
	border-radius: var(--sm-radius);
	background: var(--sm-glass);
	border: 1px solid var(--sm-border);
	box-shadow: var(--sm-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	padding: 18px;
}

.sm-card--wide {
	grid-column: 1 / -1;
}

.sm-card__top {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-bottom: 12px;
}

.sm-ic {
	width: 46px;
	height: 46px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
}

.sm-ic i {
	color: var(--sm-primary);
}

.sm-card h3 {
	margin: 0;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
}

.sm-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .80);
}

.sm-list li {
	margin: 9px 0;
}

.sm-list li::marker {
	color: var(--sm-primary);
}

.sm-list a {
	color: rgba(255, 255, 255, .85);
	transition: color .18s ease;
}

.sm-list a:hover {
	color: var(--sm-primary);
}

.sm-miniCta {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.sm-miniBtn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	border: 1px solid rgba(34, 197, 94, .22);
	background: rgba(34, 197, 94, .10);
	color: rgba(255, 255, 255, .90);
	font-weight: 850;
}

.sm-miniBtn i {
	color: var(--sm-primary);
}

.sm-muted {
	margin: 12px 0 0;
	color: rgba(255, 255, 255, .62);
	font-size: .95rem;
}

.sm-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	align-items: start;
}

.sm-callout {
	display: flex;
	gap: 12px;
	padding: 16px;
	border-radius: var(--sm-radius-sm);
	border: 1px solid rgba(34, 197, 94, .18);
	background: linear-gradient(180deg, rgba(34, 197, 94, .08) 0%, rgba(255, 255, 255, .04) 100%);
}

.sm-callout i {
	color: var(--sm-primary);
	margin-top: 2px;
}

.sm-callout p {
	margin: 6px 0 0;
}

/* ===== CTA FINAL ===== */
.sm-cta {
	margin-top: 22px;
}

.sm-cta__wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--sm-radius) + 2px);
	background: var(--sm-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--sm-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.sm-cta__text h2 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .94);
	font-weight: 950;
	letter-spacing: -.3px;
}

.sm-cta__text p {
	margin: 0;
}

/* ===== FILTER (JS) ===== */
.sm-card.is-hidden {
	display: none !important;
}

.sm-list li.is-hidden {
	display: none !important;
}

/* ===== RESPONSIVO ===== */
@media (max-width: 991px) {
	:root {
		--sm-header-offset: 104px;
	}

	.sm-hero {
		padding: calc(26px + var(--sm-header-offset)) 0 18px;
	}

	.sm-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.sm-hero__visual {
		justify-content: center;
	}

	.sm-grid {
		grid-template-columns: 1fr;
	}

	.sm-columns {
		grid-template-columns: 1fr;
	}

	.sm-head--split {
		flex-direction: column;
		align-items: flex-start;
	}
}

@media (max-width: 767px) {
	.sm-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.sm-hero__actions .sm-btn {
		width: 100%;
	}

	.sm-cta__wrap {
		flex-direction: column;
		align-items: stretch;
	}

	.sm-cta__wrap .sm-btn {
		width: 100%;
	}
}

@media (max-width: 575px) {
	:root {
		--sm-header-offset: 112px;
	}

	.sm-hero {
		padding: calc(22px + var(--sm-header-offset)) 0 16px;
	}

	.sm-pill {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.sm-section {
		padding: 46px 0;
	}

	.sm-card,
	.sm-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   POLÍTICA DE PRIVACIDADE — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/politica-de-privacidade.css
========================================================= */

/* ===== TOKENS ===== */
:root {
	--pp-primary: #22c55e;
	--pp-primary-2: #16a34a;
	--pp-mint: #a7f3d0;

	--pp-bg: #070a0f;
	--pp-bg2: #0b101a;

	--pp-text: rgba(255, 255, 255, .92);
	--pp-muted: rgba(255, 255, 255, .70);

	--pp-glass: rgba(255, 255, 255, .06);
	--pp-glass2: rgba(255, 255, 255, .08);
	--pp-border: rgba(255, 255, 255, .12);

	--pp-shadow: 0 18px 60px rgba(0, 0, 0, .55);
	--pp-radius: 22px;
	--pp-radius-sm: 16px;

	--pp-header-offset: 92px;
	/* ajuste se seu header fixo for maior */
}

/* ===== BASE ===== */
.pp-page {
	color: var(--pp-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--pp-bg) 0%, var(--pp-bg2) 100%);
	min-height: 100vh;
}

.pp-page a {
	text-decoration: none;
}

.pp-page p {
	color: var(--pp-muted);
}

.pp-page strong {
	color: rgba(255, 255, 255, .92);
}

.pp-page .container {
	position: relative;
}

.pp-muted {
	color: rgba(255, 255, 255, .68);
}

/* ===== BREADCRUMB ===== */
.pp-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.pp-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.pp-breadcrumb a:hover {
	color: var(--pp-primary);
}

.pp-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.pp-hero {
	position: relative;
	padding: 34px 0 34px;
	padding-top: calc(34px + var(--pp-header-offset));
	overflow: hidden;
}

.pp-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
}

.pp-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

/* ===== PILL ===== */
.pp-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 700;
	letter-spacing: .2px;
}

.pp-pill i {
	color: var(--pp-primary);
}

/* ===== TITLES ===== */
.pp-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.8px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .95);
}

.pp-hero__title span {
	color: var(--pp-primary);
}

.pp-hero__subtitle {
	margin: 0 0 16px;
	font-size: 1.05rem;
	max-width: 64ch;
}

.pp-hero__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}

.pp-meta {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--pp-glass);
	border: 1px solid var(--pp-border);
	box-shadow: var(--pp-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.pp-meta strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.pp-meta span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

/* ===== BUTTONS ===== */
.pp-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--pp-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.pp-btn i {
	font-size: .95em;
}

.pp-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.pp-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.pp-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--pp-primary);
}

.pp-btn--block {
	width: 100%;
}

.pp-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 12px;
}

.pp-note {
	margin: 8px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .66);
}

.pp-note i {
	color: var(--pp-primary);
	margin-top: 2px;
}

/* ===== HERO CARD ===== */
.pp-hero__card {
	position: relative;
	border-radius: var(--pp-radius);
	background: var(--pp-glass);
	border: 1px solid var(--pp-border);
	box-shadow: var(--pp-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.pp-cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.pp-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.pp-cardBody {
	padding: 18px 18px 16px;
}

.pp-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.pp-miniList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.pp-miniList li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .82);
}

.pp-miniList i {
	color: var(--pp-primary);
	margin-top: 2px;
}

.pp-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
}

.pp-miniBadge i {
	color: var(--pp-primary);
}

.pp-glow {
	position: absolute;
	width: 300px;
	height: 300px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.pp-section {
	padding: 60px 0;
}

.pp-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.pp-head {
	margin-bottom: 26px;
}

.pp-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.pp-desc {
	margin: 0;
	max-width: 72ch;
	color: rgba(255, 255, 255, .70);
}

.pp-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

.pp-actionsMini {
	display: flex;
	gap: 10px;
}

/* ===== TOC ===== */
.pp-toc {
	display: grid;
	gap: 10px;
	padding: 18px;
	border-radius: var(--pp-radius);
	background: var(--pp-glass);
	border: 1px solid var(--pp-border);
	box-shadow: var(--pp-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.pp-toc a {
	padding: 12px 12px;
	border-radius: 14px;
	color: rgba(255, 255, 255, .84);
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
	transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.pp-toc a:hover {
	border-color: rgba(34, 197, 94, .30);
	color: var(--pp-primary);
	transform: translateY(-1px);
}

/* ===== CONTENT ===== */
.pp-content {
	display: grid;
	gap: 16px;
}

.pp-article {
	padding: 20px;
	border-radius: var(--pp-radius);
	background: var(--pp-glass);
	border: 1px solid var(--pp-border);
	box-shadow: var(--pp-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.pp-article h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
	font-size: 1.35rem;
}

.pp-article h3 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
	font-size: 1.10rem;
}

.pp-article p {
	margin: 0 0 10px;
}

.pp-article p:last-child {
	margin-bottom: 0;
}

.pp-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.pp-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.pp-box,
.pp-card {
	border-radius: var(--pp-radius);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 18px;
}

.pp-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.pp-card__icon i {
	color: var(--pp-primary);
	font-size: 1.1rem;
}

.pp-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.pp-list li {
	margin: 8px 0;
}

.pp-list li::marker {
	color: var(--pp-primary);
}

.pp-callout {
	margin-top: 12px;
	display: flex;
	gap: 12px;
	padding: 16px 16px;
	border-radius: var(--pp-radius);
	background: rgba(34, 197, 94, .08);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .86);
}

.pp-callout i {
	color: var(--pp-primary);
	margin-top: 2px;
}

.pp-ctaRow {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

/* ===== CONTACT ===== */
.pp-contact {
	padding: 70px 0;
}

.pp-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--pp-radius) + 2px);
	background: var(--pp-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--pp-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.pp-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.pp-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.pp-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.pp-contact__list i {
	color: var(--pp-primary);
	margin-top: 2px;
}

.pp-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.pp-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--pp-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.pp-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 850;
}

.pp-miniTrust i {
	color: var(--pp-primary);
}

/* ===== RESPONSIVO ===== */
@media (max-width: 991px) {
	:root {
		--pp-header-offset: 104px;
	}

	.pp-hero {
		padding-top: calc(26px + var(--pp-header-offset));
	}

	.pp-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.pp-hero__meta {
		grid-template-columns: 1fr;
	}

	.pp-head--split {
		flex-direction: column;
		align-items: flex-start;
	}

	.pp-actionsMini {
		width: 100%;
	}

	.pp-actionsMini .pp-btn {
		width: 100%;
	}

	.pp-grid2 {
		grid-template-columns: 1fr;
	}

	.pp-grid3 {
		grid-template-columns: 1fr;
	}

	.pp-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.pp-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.pp-hero__actions .pp-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 575px) {
	:root {
		--pp-header-offset: 112px;
	}

	.pp-hero {
		padding-top: calc(22px + var(--pp-header-offset));
	}

	.pp-pill {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.pp-section {
		padding: 46px 0;
	}

	.pp-section--alt {
		padding: 46px 0;
	}

	.pp-contact {
		padding: 54px 0;
	}

	.pp-article {
		padding: 16px;
	}

	.pp-box,
	.pp-card {
		padding: 16px;
	}

	.pp-hero__card .pp-cardBody {
		padding: 16px 16px 14px;
	}

	/* micro ajuste de sombra no mobile */
	.pp-article,
	.pp-toc,
	.pp-meta,
	.pp-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   TERMOS DE USO — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/termos-de-uso.css
========================================================= */

/* ===== TOKENS ===== */
:root {
	--tu-primary: #22c55e;
	--tu-primary-2: #16a34a;
	--tu-mint: #a7f3d0;

	--tu-bg: #070a0f;
	--tu-bg2: #0b101a;

	--tu-text: rgba(255, 255, 255, .92);
	--tu-muted: rgba(255, 255, 255, .70);

	--tu-glass: rgba(255, 255, 255, .06);
	--tu-glass2: rgba(255, 255, 255, .08);
	--tu-border: rgba(255, 255, 255, .12);

	--tu-shadow: 0 18px 60px rgba(0, 0, 0, .55);
	--tu-radius: 22px;
	--tu-radius-sm: 16px;

	--tu-header-offset: 92px;
	/* ajuste se seu header fixo for maior */
}

/* ===== BASE ===== */
.tu-page {
	color: var(--tu-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--tu-bg) 0%, var(--tu-bg2) 100%);
	min-height: 100vh;
}

.tu-page a {
	text-decoration: none;
}

.tu-page p {
	color: var(--tu-muted);
}

.tu-page strong {
	color: rgba(255, 255, 255, .92);
}

.tu-page .container {
	position: relative;
}

.tu-muted {
	color: rgba(255, 255, 255, .68);
}

/* ===== LINKS IN-TEXT ===== */
.tu-link {
	color: rgba(255, 255, 255, .88);
	border-bottom: 1px dashed rgba(34, 197, 94, .35);
}

.tu-link:hover {
	color: var(--tu-primary);
}

/* ===== BREADCRUMB ===== */
.tu-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.tu-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.tu-breadcrumb a:hover {
	color: var(--tu-primary);
}

.tu-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.tu-hero {
	position: relative;
	padding: 34px 0 34px;
	padding-top: calc(34px + var(--tu-header-offset));
	overflow: hidden;
}

.tu-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
}

.tu-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

/* ===== PILL ===== */
.tu-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 800;
	letter-spacing: .2px;
}

.tu-pill i {
	color: var(--tu-primary);
}

/* ===== TITLES ===== */
.tu-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.8px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .95);
}

.tu-hero__title span {
	color: var(--tu-primary);
}

.tu-hero__subtitle {
	margin: 0 0 16px;
	font-size: 1.05rem;
	max-width: 70ch;
}

.tu-hero__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}

.tu-meta {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--tu-glass);
	border: 1px solid var(--tu-border);
	box-shadow: var(--tu-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.tu-meta strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.tu-meta span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

/* ===== BUTTONS ===== */
.tu-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--tu-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
}

.tu-btn i {
	font-size: .95em;
}

.tu-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.tu-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.tu-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--tu-primary);
}

.tu-btn--block {
	width: 100%;
}

.tu-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 12px;
}

.tu-note {
	margin: 8px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .66);
}

.tu-note i {
	color: var(--tu-primary);
	margin-top: 2px;
}

/* ===== HERO CARD ===== */
.tu-hero__card {
	position: relative;
	border-radius: var(--tu-radius);
	background: var(--tu-glass);
	border: 1px solid var(--tu-border);
	box-shadow: var(--tu-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.tu-cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.tu-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.tu-cardBody {
	padding: 18px 18px 16px;
}

.tu-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.tu-miniList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.tu-miniList li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .82);
}

.tu-miniList i {
	color: var(--tu-primary);
	margin-top: 2px;
}

.tu-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
}

.tu-miniBadge i {
	color: var(--tu-primary);
}

.tu-glow {
	position: absolute;
	width: 300px;
	height: 300px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.tu-section {
	padding: 60px 0;
}

.tu-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.tu-head {
	margin-bottom: 26px;
}

.tu-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.tu-desc {
	margin: 0;
	max-width: 72ch;
	color: rgba(255, 255, 255, .70);
}

.tu-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

.tu-actionsMini {
	display: flex;
	gap: 10px;
}

/* ===== TOC ===== */
.tu-toc {
	display: grid;
	gap: 10px;
	padding: 18px;
	border-radius: var(--tu-radius);
	background: var(--tu-glass);
	border: 1px solid var(--tu-border);
	box-shadow: var(--tu-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.tu-toc a {
	padding: 12px 12px;
	border-radius: 14px;
	color: rgba(255, 255, 255, .84);
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
	transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.tu-toc a:hover {
	border-color: rgba(34, 197, 94, .30);
	color: var(--tu-primary);
	transform: translateY(-1px);
}

/* ===== CONTENT ===== */
.tu-content {
	display: grid;
	gap: 16px;
}

.tu-article {
	padding: 20px;
	border-radius: var(--tu-radius);
	background: var(--tu-glass);
	border: 1px solid var(--tu-border);
	box-shadow: var(--tu-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.tu-article h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
	font-size: 1.35rem;
}

.tu-article h3 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
	font-size: 1.10rem;
}

.tu-article p {
	margin: 0 0 10px;
}

.tu-article p:last-child {
	margin-bottom: 0;
}

.tu-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.tu-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.tu-box,
.tu-card {
	border-radius: var(--tu-radius);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 18px;
}

.tu-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.tu-card__icon i {
	color: var(--tu-primary);
	font-size: 1.1rem;
}

.tu-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.tu-list li {
	margin: 8px 0;
}

.tu-list li::marker {
	color: var(--tu-primary);
}

.tu-callout {
	margin-top: 12px;
	display: flex;
	gap: 12px;
	padding: 16px 16px;
	border-radius: var(--tu-radius);
	background: rgba(34, 197, 94, .08);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .86);
}

.tu-callout i {
	color: var(--tu-primary);
	margin-top: 2px;
}

.tu-ctaRow {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

/* ===== CONTACT ===== */
.tu-contact {
	padding: 70px 0;
}

.tu-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--tu-radius) + 2px);
	background: var(--tu-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--tu-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.tu-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.tu-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.tu-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.tu-contact__list i {
	color: var(--tu-primary);
	margin-top: 2px;
}

.tu-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.tu-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--tu-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.tu-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 900;
}

.tu-miniTrust i {
	color: var(--tu-primary);
}

/* ===== RESPONSIVO ===== */
@media (max-width: 991px) {
	:root {
		--tu-header-offset: 104px;
	}

	.tu-hero {
		padding-top: calc(26px + var(--tu-header-offset));
	}

	.tu-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.tu-hero__meta {
		grid-template-columns: 1fr;
	}

	.tu-head--split {
		flex-direction: column;
		align-items: flex-start;
	}

	.tu-actionsMini {
		width: 100%;
	}

	.tu-actionsMini .tu-btn {
		width: 100%;
	}

	.tu-grid2 {
		grid-template-columns: 1fr;
	}

	.tu-grid3 {
		grid-template-columns: 1fr;
	}

	.tu-contact__wrap {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 767px) {
	.tu-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.tu-hero__actions .tu-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 575px) {
	:root {
		--tu-header-offset: 112px;
	}

	.tu-hero {
		padding-top: calc(22px + var(--tu-header-offset));
	}

	.tu-pill {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.tu-section {
		padding: 46px 0;
	}

	.tu-section--alt {
		padding: 46px 0;
	}

	.tu-contact {
		padding: 54px 0;
	}

	.tu-article {
		padding: 16px;
	}

	.tu-box,
	.tu-card {
		padding: 16px;
	}

	.tu-hero__card .tu-cardBody {
		padding: 16px 16px 14px;
	}

	.tu-article,
	.tu-toc,
	.tu-meta,
	.tu-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   COOKIES — ARTECWEB (Dark + Glass + Verde)
   Arquivo: css/cookies.css
========================================================= */

/* ===== TOKENS ===== */
:root {
	--ck-primary: #22c55e;
	--ck-primary-2: #16a34a;
	--ck-mint: #a7f3d0;

	--ck-bg: #070a0f;
	--ck-bg2: #0b101a;

	--ck-text: rgba(255, 255, 255, .92);
	--ck-muted: rgba(255, 255, 255, .70);

	--ck-glass: rgba(255, 255, 255, .06);
	--ck-glass2: rgba(255, 255, 255, .08);
	--ck-border: rgba(255, 255, 255, .12);

	--ck-shadow: 0 18px 60px rgba(0, 0, 0, .55);
	--ck-radius: 22px;
	--ck-radius-sm: 16px;

	--ck-header-offset: 92px;
}

/* ===== BASE ===== */
.ck-page {
	color: var(--ck-text);
	background:
		radial-gradient(900px 520px at 10% 18%, rgba(34, 197, 94, .16) 0%, rgba(34, 197, 94, 0) 55%),
		radial-gradient(900px 520px at 88% 18%, rgba(167, 243, 208, .10) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, var(--ck-bg) 0%, var(--ck-bg2) 100%);
	min-height: 100vh;
}

.ck-page a {
	text-decoration: none;
}

.ck-page p {
	color: var(--ck-muted);
}

.ck-page strong {
	color: rgba(255, 255, 255, .92);
}

.ck-page .container {
	position: relative;
}

.ck-muted {
	color: rgba(255, 255, 255, .68);
}

/* ===== BREADCRUMB ===== */
.ck-breadcrumb {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 18px 0 10px;
	font-size: .95rem;
	color: rgba(255, 255, 255, .65);
}

.ck-breadcrumb a {
	color: rgba(255, 255, 255, .80);
	transition: color .2s ease;
}

.ck-breadcrumb a:hover {
	color: var(--ck-primary);
}

.ck-breadcrumb strong {
	color: rgba(255, 255, 255, .92);
}

/* ===== HERO ===== */
.ck-hero {
	position: relative;
	padding: 34px 0 34px;
	padding-top: calc(34px + var(--ck-header-offset));
	overflow: hidden;
}

.ck-hero__bg {
	position: absolute;
	inset: 0;
	pointer-events: none;
	background:
		radial-gradient(1200px 520px at 12% 28%, rgba(34, 197, 94, .22) 0%, rgba(34, 197, 94, 0) 62%),
		radial-gradient(900px 520px at 86% 26%, rgba(167, 243, 208, .12) 0%, rgba(167, 243, 208, 0) 58%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
}

.ck-hero__grid {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 34px;
	align-items: center;
	position: relative;
	z-index: 1;
}

/* ===== PILL ===== */
.ck-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
	letter-spacing: .2px;
}

.ck-pill i {
	color: var(--ck-primary);
}

/* ===== TITLES ===== */
.ck-hero__title {
	margin: 16px 0 12px;
	font-weight: 900;
	line-height: 1.08;
	letter-spacing: -.8px;
	font-size: clamp(2.0rem, 3.4vw, 3.1rem);
	color: rgba(255, 255, 255, .95);
}

.ck-hero__title span {
	color: var(--ck-primary);
}

.ck-hero__subtitle {
	margin: 0 0 16px;
	font-size: 1.05rem;
	max-width: 70ch;
}

.ck-hero__meta {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 16px;
}

.ck-meta {
	padding: 14px 14px;
	border-radius: 16px;
	background: var(--ck-glass);
	border: 1px solid var(--ck-border);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ck-meta strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ck-meta span {
	display: block;
	color: rgba(255, 255, 255, .70);
	font-size: .95rem;
}

/* ===== BUTTONS ===== */
.ck-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 12px 16px;
	border-radius: 999px;
	border: 1px solid var(--ck-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
	cursor: pointer;
}

.ck-btn i {
	font-size: .95em;
}

.ck-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.ck-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
}

.ck-btn--ghost:hover {
	border-color: rgba(34, 197, 94, .40);
	color: var(--ck-primary);
}

.ck-btn--block {
	width: 100%;
}

.ck-hero__actions {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin: 0 0 12px;
}

.ck-note {
	margin: 8px 0 0;
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .66);
}

.ck-note i {
	color: var(--ck-primary);
	margin-top: 2px;
}

/* ===== HERO CARD ===== */
.ck-hero__card {
	position: relative;
	border-radius: var(--ck-radius);
	background: var(--ck-glass);
	border: 1px solid var(--ck-border);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	overflow: hidden;
}

.ck-cardTop {
	display: flex;
	gap: 8px;
	padding: 14px 16px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.ck-dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
}

.ck-cardBody {
	padding: 18px 18px 16px;
}

.ck-miniTitle {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	margin-bottom: 10px;
}

.ck-miniList {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 10px;
}

.ck-miniList li {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	color: rgba(255, 255, 255, .82);
}

.ck-miniList i {
	color: var(--ck-primary);
	margin-top: 2px;
}

.ck-miniBadge {
	margin-top: 14px;
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 10px 12px;
	border-radius: 999px;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	color: rgba(255, 255, 255, .88);
	font-weight: 900;
}

.ck-miniBadge i {
	color: var(--ck-primary);
}

.ck-glow {
	position: absolute;
	width: 300px;
	height: 300px;
	right: -140px;
	top: -140px;
	background: radial-gradient(circle, rgba(34, 197, 94, .30) 0%, rgba(34, 197, 94, 0) 65%);
	filter: blur(10px);
	pointer-events: none;
}

/* ===== SECTIONS ===== */
.ck-section {
	padding: 60px 0;
}

.ck-section--alt {
	padding: 60px 0;
	background:
		radial-gradient(900px 520px at 15% 18%, rgba(34, 197, 94, .10) 0%, rgba(34, 197, 94, 0) 55%),
		linear-gradient(180deg, rgba(255, 255, 255, .02) 0%, rgba(255, 255, 255, 0) 100%);
	border-top: 1px solid rgba(255, 255, 255, .06);
	border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.ck-head {
	margin-bottom: 26px;
}

.ck-title {
	font-weight: 900;
	color: rgba(255, 255, 255, .94);
	letter-spacing: -.4px;
	font-size: clamp(1.6rem, 2.2vw, 2.1rem);
	margin: 0 0 10px;
}

.ck-desc {
	margin: 0;
	max-width: 72ch;
	color: rgba(255, 255, 255, .70);
}

.ck-head--split {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	gap: 18px;
}

.ck-actionsMini {
	display: flex;
	gap: 10px;
}

/* ===== TOC ===== */
.ck-toc {
	display: grid;
	gap: 10px;
	padding: 18px;
	border-radius: var(--ck-radius);
	background: var(--ck-glass);
	border: 1px solid var(--ck-border);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ck-toc a {
	padding: 12px 12px;
	border-radius: 14px;
	color: rgba(255, 255, 255, .84);
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
	transition: border-color .18s ease, color .18s ease, transform .18s ease;
}

.ck-toc a:hover {
	border-color: rgba(34, 197, 94, .30);
	color: var(--ck-primary);
	transform: translateY(-1px);
}

/* ===== CONTENT ===== */
.ck-content {
	display: grid;
	gap: 16px;
}

.ck-article {
	padding: 20px;
	border-radius: var(--ck-radius);
	background: var(--ck-glass);
	border: 1px solid var(--ck-border);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ck-article h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
	font-size: 1.35rem;
}

.ck-article h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	letter-spacing: -.2px;
	font-size: 1.08rem;
}

.ck-article p {
	margin: 0 0 10px;
}

.ck-article p:last-child {
	margin-bottom: 0;
}

.ck-grid2 {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.ck-grid3 {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin-top: 12px;
}

.ck-box,
.ck-card {
	border-radius: var(--ck-radius);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	padding: 18px;
}

.ck-card__icon {
	width: 48px;
	height: 48px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(34, 197, 94, .10);
	border: 1px solid rgba(34, 197, 94, .20);
	margin-bottom: 12px;
}

.ck-card__icon i {
	color: var(--ck-primary);
	font-size: 1.1rem;
}

.ck-list {
	margin: 0;
	padding-left: 18px;
	color: rgba(255, 255, 255, .78);
}

.ck-list li {
	margin: 8px 0;
}

.ck-list li::marker {
	color: var(--ck-primary);
}

.ck-callout {
	margin-top: 12px;
	display: flex;
	gap: 12px;
	padding: 16px 16px;
	border-radius: var(--ck-radius);
	background: rgba(34, 197, 94, .08);
	border: 1px solid rgba(34, 197, 94, .22);
	color: rgba(255, 255, 255, .86);
}

.ck-callout i {
	color: var(--ck-primary);
	margin-top: 2px;
}

.ck-ctaRow {
	display: grid;
	gap: 10px;
	margin-top: 12px;
}

/* ===== CONTACT ===== */
.ck-contact {
	padding: 70px 0;
}

.ck-contact__wrap {
	display: grid;
	grid-template-columns: 1.15fr .85fr;
	gap: 18px;
	padding: 22px;
	border-radius: calc(var(--ck-radius) + 2px);
	background: var(--ck-glass);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
}

.ck-contact__text h2 {
	margin: 0 0 10px;
	color: rgba(255, 255, 255, .94);
	font-weight: 900;
	letter-spacing: -.3px;
}

.ck-contact__list {
	list-style: none;
	padding: 0;
	margin: 14px 0 0;
	display: grid;
	gap: 10px;
}

.ck-contact__list li {
	display: flex;
	gap: 10px;
	color: rgba(255, 255, 255, .82);
}

.ck-contact__list i {
	color: var(--ck-primary);
	margin-top: 2px;
}

.ck-contact__actions {
	display: grid;
	gap: 12px;
	align-content: start;
}

.ck-miniTrust {
	display: grid;
	gap: 10px;
	padding: 14px 16px;
	border-radius: var(--ck-radius-sm);
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ck-miniTrust>div {
	display: flex;
	gap: 10px;
	align-items: center;
	color: rgba(255, 255, 255, .78);
	font-weight: 900;
}

.ck-miniTrust i {
	color: var(--ck-primary);
}

/* ===== CONSENT MODAL ===== */
.ck-consent {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 18px;
	background: rgba(0, 0, 0, .55);
	z-index: 9999;
}

.ck-consent__inner {
	width: min(760px, 100%);
	border-radius: calc(var(--ck-radius) + 2px);
	background: rgba(12, 16, 26, .92);
	border: 1px solid rgba(34, 197, 94, .22);
	box-shadow: 0 26px 90px rgba(0, 0, 0, .65);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	padding: 18px;
}

.ck-consent__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.ck-consent__title {
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.ck-consent__title i {
	color: var(--ck-primary);
}

.ck-consent__x {
	width: 40px;
	height: 40px;
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .88);
	cursor: pointer;
}

.ck-consent__text {
	margin: 0 0 14px;
	color: rgba(255, 255, 255, .72);
}

.ck-consent__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin-bottom: 14px;
}

.ck-switch {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
}

.ck-switch strong {
	display: block;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ck-switch small {
	display: block;
	margin-top: 2px;
	color: rgba(255, 255, 255, .65);
	font-weight: 700;
}

.ck-switch input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

.ck-slider {
	width: 48px;
	height: 28px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .14);
	position: relative;
	flex: 0 0 auto;
}

.ck-slider::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .86);
	transition: transform .18s ease, background .18s ease;
}

.ck-switch input:checked~.ck-slider {
	background: rgba(34, 197, 94, .20);
	border-color: rgba(34, 197, 94, .30);
}

.ck-switch input:checked~.ck-slider::after {
	transform: translateX(20px);
	background: rgba(34, 197, 94, .95);
}

.ck-switch input:disabled~.ck-slider {
	opacity: .85;
}

.ck-consent__actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-bottom: 10px;
}

.ck-consent__links {
	display: flex;
	gap: 10px;
	align-items: center;
	justify-content: flex-start;
	color: rgba(255, 255, 255, .60);
	font-weight: 800;
	font-size: .95rem;
}

.ck-consent__links a {
	color: rgba(255, 255, 255, .82);
}

.ck-consent__links a:hover {
	color: var(--ck-primary);
}

/* ===== RESPONSIVO ===== */
@media (max-width: 991px) {
	:root {
		--ck-header-offset: 104px;
	}

	.ck-hero {
		padding-top: calc(26px + var(--ck-header-offset));
	}

	.ck-hero__grid {
		grid-template-columns: 1fr;
		gap: 22px;
	}

	.ck-hero__meta {
		grid-template-columns: 1fr;
	}

	.ck-head--split {
		flex-direction: column;
		align-items: flex-start;
	}

	.ck-actionsMini {
		width: 100%;
		flex-wrap: wrap;
	}

	.ck-actionsMini .ck-btn {
		width: 100%;
	}

	.ck-grid2 {
		grid-template-columns: 1fr;
	}

	.ck-grid3 {
		grid-template-columns: 1fr;
	}

	.ck-contact__wrap {
		grid-template-columns: 1fr;
	}

	.ck-consent__grid {
		grid-template-columns: 1fr;
	}

	.ck-consent__actions {
		justify-content: stretch;
	}

	.ck-consent__actions .ck-btn {
		flex: 1;
	}
}

@media (max-width: 767px) {
	.ck-hero__actions {
		flex-direction: column;
		align-items: stretch;
	}

	.ck-hero__actions .ck-btn {
		width: 100%;
		justify-content: center;
	}
}

@media (max-width: 575px) {
	:root {
		--ck-header-offset: 112px;
	}

	.ck-hero {
		padding-top: calc(22px + var(--ck-header-offset));
	}

	.ck-pill {
		width: 100%;
		justify-content: center;
		text-align: center;
	}

	.ck-section {
		padding: 46px 0;
	}

	.ck-section--alt {
		padding: 46px 0;
	}

	.ck-contact {
		padding: 54px 0;
	}

	.ck-article {
		padding: 16px;
	}

	.ck-box,
	.ck-card {
		padding: 16px;
	}

	.ck-hero__card .ck-cardBody {
		padding: 16px 16px 14px;
	}

	.ck-article,
	.ck-toc,
	.ck-meta,
	.ck-hero__card {
		box-shadow: 0 14px 40px rgba(0, 0, 0, .48);
	}
}

/* =========================================================
   COOKIE CONSENT — ARTECWEB (Dark + Glass + Verde)
   Use em todas as páginas
========================================================= */

:root {
	--ck-primary: #22c55e;
	--ck-primary-2: #16a34a;

	--ck-bg: #070a0f;
	--ck-glass: rgba(255, 255, 255, .06);
	--ck-glass2: rgba(255, 255, 255, .08);
	--ck-border: rgba(255, 255, 255, .12);

	--ck-text: rgba(255, 255, 255, .92);
	--ck-muted: rgba(255, 255, 255, .70);

	--ck-shadow: 0 18px 60px rgba(0, 0, 0, .55);
	--ck-radius: 18px;
	--ck-radius-sm: 14px;
}

.ck-muted {
	color: var(--ck-muted);
}

.ck-link {
	color: rgba(255, 255, 255, .85);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.ck-link:hover {
	color: var(--ck-primary);
}

/* ============ Banner ============ */
.ck-banner {
	position: fixed;
	left: 14px;
	right: 14px;
	bottom: 14px;
	z-index: 9999;

	background: var(--ck-glass2);
	border: 1px solid var(--ck-border);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-radius: var(--ck-radius);
}

.ck-banner__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	padding: 14px 14px;
}

.ck-banner__text p {
	margin: 0;
	color: var(--ck-text);
	line-height: 1.4;
	font-size: .98rem;
}

.ck-banner__actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-end;
	flex: 0 0 auto;
}

/* ============ Botões ============ */
.ck-btn {
	appearance: none;
	border: 1px solid var(--ck-border);
	background: rgba(255, 255, 255, .05);
	color: rgba(255, 255, 255, .90);
	font-weight: 800;
	border-radius: 999px;
	padding: 10px 14px;
	cursor: pointer;
	transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, color .18s ease, background .18s ease;
	white-space: nowrap;
	font-size: .95rem;
}

.ck-btn:hover {
	border-color: rgba(34, 197, 94, .30);
	color: var(--ck-primary);
}

.ck-btn--primary {
	background: linear-gradient(180deg, rgba(34, 197, 94, .95) 0%, rgba(22, 163, 74, .95) 100%);
	color: #06110a;
	border-color: rgba(34, 197, 94, .45);
	box-shadow: 0 10px 30px rgba(34, 197, 94, .18);
}

.ck-btn--primary:hover {
	transform: translateY(-1px);
	box-shadow: 0 14px 40px rgba(34, 197, 94, .22);
	color: #06110a;
}

/* ============ Modal ============ */
.ck-modal {
	position: fixed;
	inset: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, .55);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 16px;
}

.ck-modal__panel {
	width: min(860px, 100%);
	background: var(--ck-glass2);
	border: 1px solid var(--ck-border);
	box-shadow: var(--ck-shadow);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-radius: var(--ck-radius);
	overflow: hidden;
}

.ck-modal__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 14px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.ck-modal__dots span {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .22);
	margin-right: 6px;
}

.ck-x {
	border: 0;
	background: transparent;
	color: rgba(255, 255, 255, .85);
	cursor: pointer;
	padding: 6px 8px;
}

.ck-x:hover {
	color: var(--ck-primary);
}

.ck-modal__body {
	padding: 16px 16px 14px;
}

.ck-modal__body h3 {
	margin: 0 0 8px;
	color: rgba(255, 255, 255, .95);
	font-weight: 900;
	letter-spacing: -.2px;
}

.ck-modal__body p {
	margin: 0 0 14px;
}

.ck-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
	margin: 0 0 12px;
}

.ck-card {
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: var(--ck-radius-sm);
	padding: 14px;
}

.ck-card__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 8px;
}

.ck-card__head strong {
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.ck-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 7px 10px;
	border-radius: 999px;
	font-weight: 900;
	font-size: .85rem;
	border: 1px solid rgba(34, 197, 94, .22);
	background: rgba(34, 197, 94, .10);
	color: rgba(255, 255, 255, .90);
}

.ck-pill--on {
	border-color: rgba(34, 197, 94, .28);
}

.ck-modal__links {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 6px 0 12px;
}

.ck-sep {
	color: rgba(255, 255, 255, .45);
}

.ck-modal__actions {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	justify-content: flex-end;
}

/* ============ Switch ============ */
.ck-switch {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.ck-switch input {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

.ck-slider {
	width: 44px;
	height: 26px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	border: 1px solid rgba(255, 255, 255, .14);
	position: relative;
	transition: background .2s ease, border-color .2s ease;
}

.ck-slider::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .86);
	transition: transform .2s ease;
}

.ck-switch input:checked+.ck-slider {
	background: rgba(34, 197, 94, .22);
	border-color: rgba(34, 197, 94, .30);
}

.ck-switch input:checked+.ck-slider::after {
	transform: translateX(18px);
}

/* trava scroll quando modal abrir */
.ck-lock {
	overflow: hidden;
}

/* ============ Responsivo ============ */
@media (max-width: 991px) {
	.ck-banner__inner {
		flex-direction: column;
		align-items: flex-start;
	}

	.ck-banner__actions {
		width: 100%;
		justify-content: stretch;
	}

	.ck-banner__actions .ck-btn {
		flex: 1;
		justify-content: center;
	}

	.ck-grid {
		grid-template-columns: 1fr;
	}

	.ck-modal {
		align-items: flex-end;
	}
}

/* =========================================================
   MENU MOBILE (Topo + Lateral) — ARTECWEB (Premium Dark + Glass + Verde)
   Substitui:
   - bloco responsivo antigo (btn-menu-responsivo / topo .menu-box / desktop-info/mobile-info)
   - CSS antigo do .menu-lateral
========================================================= */

/* ===== Ajuste base dos botões do topo (hambúrguer / ícones) ===== */
.btn-menu-responsivo {
	display: none;
}

.btn-menu {
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 10px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.btn-menu i {
	color: var(--primary-color, #22c55e);
	font-size: 22px;
}

.btn-menu:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .28);
	background: rgba(255, 255, 255, .06);
}

/* ===== Controle de infos ===== */
.desktop-info {
	display: block !important;
}

.mobile-info {
	display: none !important;
}

/* ===== Responsivo (<=991) ===== */
@media (max-width: 991px) {

	/* Topo */
	.btn-menu-responsivo {
		display: block;
	}

	.topo .menu-box {
		display: none;
	}

	/* seu menu desktop some no mobile */

	.desktop-info {
		display: none !important;
	}

	.mobile-info {
		display: block !important;
	}

	ul.ul-dropdown-responsivo {
		display: none;
	}
}

/* =========================================================
   MENU LATERAL — Premium (escopado e sem vazar pro site)
========================================================= */

:root {
	--ml-primary: var(--primary-color, #22c55e);
	--ml-primary2: #16a34a;

	--ml-bg: #06080c;
	--ml-bg2: #0b1018;

	--ml-text: rgba(255, 255, 255, .92);
	--ml-muted: rgba(255, 255, 255, .66);

	--ml-glass: rgba(255, 255, 255, .06);
	--ml-border: rgba(255, 255, 255, .12);

	--ml-shadow: 0 28px 90px rgba(0, 0, 0, .75);

	--ml-panel: 380px;
}

/* wrapper do sistema */
.menu-lateral {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
}

/* abre via classe no [data-menu-lateral] */
.menu-lateral-visivel .menu-lateral {
	display: block;
}

/* overlay */
.menu-lateral-overlay {
	position: fixed;
	inset: 0;
	z-index: 1;
	background: rgba(0, 0, 0, .68);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
}

/* painel */
.menu-lateral-conteudo {
	position: fixed;
	top: 0;
	bottom: 0;
	left: -110%;
	z-index: 2;

	width: min(var(--ml-panel), 92vw);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;

	background:
		radial-gradient(950px 520px at 14% 14%, rgba(34, 197, 94, .18) 0%, rgba(34, 197, 94, 0) 58%),
		radial-gradient(900px 520px at 88% 12%, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, 0) 60%),
		linear-gradient(180deg, var(--ml-bg) 0%, var(--ml-bg2) 100%);

	border-right: 1px solid rgba(255, 255, 255, .10);
	box-shadow: var(--ml-shadow);

	transition: left .28s ease;
}

/* aberto */
.menu-lateral-visivel .menu-lateral-conteudo {
	left: 0;
}

/* scrollbar */
.menu-lateral-conteudo::-webkit-scrollbar {
	width: 10px;
}

.menu-lateral-conteudo::-webkit-scrollbar-track {
	background: rgba(255, 255, 255, .03);
}

.menu-lateral-conteudo::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, .14);
	border-radius: 999px;
	border: 2px solid rgba(0, 0, 0, .25);
}

.menu-lateral-conteudo::-webkit-scrollbar-thumb:hover {
	background: rgba(34, 197, 94, .24);
}

/* reset interno seguro */
.menu-lateral-conteudo * {
	box-sizing: border-box;
}

/* botão fechar (seu ID) — premium */
div#close-menu-responsivo {
	position: sticky;
	top: 10px;
	margin: 10px 10px 0 auto;
	z-index: 3;

	width: 44px;
	height: 44px;

	display: flex;
	align-items: center;
	justify-content: center;

	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .12);

	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);

	cursor: pointer;
}

div#close-menu-responsivo i {
	color: rgba(255, 255, 255, .88);
	font-size: 20px;
}

div#close-menu-responsivo:hover {
	border-color: rgba(34, 197, 94, .30);
	background: rgba(255, 255, 255, .08);
}

/* lista */
.menu-lateral-conteudo ul {
	list-style: none;
	margin: 0;
	padding: 12px 14px 18px;
	display: grid;
	gap: 10px;
}

.menu-lateral-conteudo li {
	border: 0 !important;
	margin: 0;
	padding: 0;
}

/* links */
.menu-lateral-conteudo a {
	display: flex;
	align-items: center;
	gap: 12px;

	padding: 12px 14px;
	border-radius: 16px;

	text-decoration: none;
	color: var(--ml-text);
	font-weight: 850;

	border: 1px solid rgba(255, 255, 255, .10);
	background: linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .03) 100%);

	transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease, color .16s ease;
}

.menu-lateral-conteudo a:hover {
	transform: translateY(-1px);
	border-color: rgba(34, 197, 94, .30);
	background: linear-gradient(180deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .04) 100%);
	box-shadow: 0 18px 55px rgba(0, 0, 0, .46);
	color: var(--ml-text);
}

/* submenu (ul ul) glass */
.menu-lateral-conteudo ul ul {
	margin: 6px 0 0;
	padding: 10px;
	border-radius: 16px;
	background: var(--ml-glass);
	border: 1px solid var(--ml-border);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
	display: grid;
	gap: 8px;
}

.menu-lateral-conteudo ul ul a {
	padding: 10px 12px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .03);
	border-color: rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .86);
}

.menu-lateral-conteudo ul ul a:hover {
	color: rgba(34, 197, 94, .96);
	border-color: rgba(34, 197, 94, .24);
	background: rgba(255, 255, 255, .05);
}

/* qualquer input dentro do menu (busca) */
.menu-lateral-conteudo input,
.menu-lateral-conteudo select,
.menu-lateral-conteudo textarea {
	width: 100%;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: rgba(0, 0, 0, .22);
	color: var(--ml-text);
	padding: 10px 12px;
	outline: none;
}

.menu-lateral-conteudo input::placeholder {
	color: rgba(255, 255, 255, .55);
}

.menu-lateral-conteudo input:focus,
.menu-lateral-conteudo textarea:focus {
	border-color: rgba(34, 197, 94, .34);
	box-shadow: 0 0 0 3px rgba(34, 197, 94, .14);
}

/* mata autofill azul */
.menu-lateral-conteudo input:-webkit-autofill {
	-webkit-text-fill-color: var(--ml-text);
	transition: background-color 9999s ease-in-out 0s;
	box-shadow: 0 0 0px 1000px rgba(0, 0, 0, .22) inset;
}

/* desktop: esconde o sistema lateral */
@media (min-width: 992px) {
	.menu-lateral {
		display: none !important;
	}
}

/* =========================================================
   BARRA FOOTER (MOBILE) — ARTECWEB (Premium Dark + Glass + Verde)
   Substitui 100% o CSS antigo da .barra-footer
========================================================= */

.barra-footer {
	--bf-primary: var(--primary-color, #22c55e);
	--bf-primary2: #16a34a;

	--bf-bg: rgba(8, 12, 18, .62);
	/* glass */
	--bf-border: rgba(255, 255, 255, .10);
	--bf-text: rgba(255, 255, 255, .92);
	--bf-muted: rgba(255, 255, 255, .72);

	display: none;
	/* aparece só no mobile */
}

/* ===== MOBILE (você citou 640; vou habilitar até 991 pra ficar padrão) ===== */
@media (max-width: 991px) {

	.barra-footer {
		position: fixed;
		left: 12px;
		right: 12px;
		bottom: 12px;
		z-index: 1200;

		display: flex;
		gap: 10px;
		justify-content: space-between;

		padding: 10px;
		border-radius: 18px;

		background:
			radial-gradient(650px 180px at 20% 40%, rgba(34, 197, 94, .18) 0%, rgba(34, 197, 94, 0) 60%),
			linear-gradient(180deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .03) 100%),
			var(--bf-bg);

		border: 1px solid var(--bf-border);
		backdrop-filter: blur(16px);
		-webkit-backdrop-filter: blur(16px);

		box-shadow: 0 18px 60px rgba(0, 0, 0, .55);

		/* iPhone safe area */
		padding-bottom: calc(10px + env(safe-area-inset-bottom));
	}

	/* cada botão */
	.barra-footer .fixed-sidebar-link {
		flex: 1;
		min-width: 0;

		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;

		padding: 12px 12px;
		border-radius: 14px;

		text-decoration: none;
		color: var(--bf-text);
		font-weight: 900;
		letter-spacing: .2px;

		border: 1px solid rgba(255, 255, 255, .10);
		background: rgba(0, 0, 0, .22);

		transition: transform .16s ease, border-color .16s ease, background .16s ease, box-shadow .16s ease;
		-webkit-tap-highlight-color: transparent;
	}

	/* ícones */
	.barra-footer .fixed-sidebar-link i {
		font-size: 18px;
		color: rgba(34, 197, 94, .96);
		width: 20px;
		text-align: center;
		filter: drop-shadow(0 10px 22px rgba(34, 197, 94, .18));
	}

	/* texto */
	.barra-footer .fixed-sidebar-link span {
		font-size: 14px;
		line-height: 1;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* hover/press */
	.barra-footer .fixed-sidebar-link:hover {
		transform: translateY(-1px);
		border-color: rgba(34, 197, 94, .26);
		background: rgba(255, 255, 255, .06);
		box-shadow: 0 16px 44px rgba(0, 0, 0, .45);
	}

	.barra-footer .fixed-sidebar-link:active {
		transform: translateY(0);
	}

	/* ===== Botão 1 (Telefone) — verde premium ===== */
	.barra-footer .fixed-sidebar-link:nth-child(1) {
		background: linear-gradient(180deg, rgba(34, 197, 94, .96) 0%, rgba(22, 163, 74, .96) 100%);
		border-color: rgba(34, 197, 94, .40);
		color: #06110a;
		box-shadow: 0 14px 40px rgba(34, 197, 94, .18);
	}

	.barra-footer .fixed-sidebar-link:nth-child(1) i {
		color: #06110a;
		filter: none;
	}

	/* ===== Botão 2 (WhatsApp) — dark glass com destaque ===== */
	.barra-footer .fixed-sidebar-link:nth-child(2) {
		background: rgba(0, 0, 0, .24);
		border-color: rgba(255, 255, 255, .12);
	}

	.barra-footer .fixed-sidebar-link:nth-child(2):hover {
		border-color: rgba(34, 197, 94, .22);
	}

	/* ===== Ajuste fino em telas bem pequenas ===== */
	@media (max-width: 380px) {
		.barra-footer {
			left: 10px;
			right: 10px;
			bottom: 10px;
			padding: 9px;
		}

		.barra-footer .fixed-sidebar-link {
			padding: 11px 10px;
			gap: 8px;
		}

		.barra-footer .fixed-sidebar-link span {
			font-size: 13px;
		}
	}
}

/* desktop: não mostra */
@media (min-width: 992px) {
	.barra-footer {
		display: none !important;
	}
}

/* =========================================================
   SERVIÇOS — Dark + Glow + Glass (padrão do Blog)
   ✅ Bootstrap 4.6 friendly
   ✅ NÃO vaza: tudo começa em .servicos-page
========================================================= */

.servicos-page {
	--sv-green: #22c55e;

	--sv-bg: #050607;
	--sv-text: rgba(255, 255, 255, .92);
	--sv-muted: rgba(255, 255, 255, .70);
	--sv-line: rgba(255, 255, 255, .10);
	--sv-glass: rgba(255, 255, 255, .06);
	--sv-glass-2: rgba(255, 255, 255, .04);
	--sv-radius: 22px;

	background: var(--sv-bg);
	overflow: hidden;
	isolation: isolate;
}

/* Acessibilidade */
.servicos-page .sr-only {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* =========================================================
   HERO (igual ao Blog, mas exclusivo)
========================================================= */
/* =========================
   FAIXA HERO (SERVIÇOS) — PADRÃO CENTRALIZADO
   Aplique no <section class="aw-hero-servicos"> e no wrap interno.
   ========================= */

:root {
	--aw-nav-h: 84px;
	/* ajuste para altura real do seu menu fixo */
	--aw-bg-1: #06110c;
	--aw-bg-2: #050b08;
	--aw-text: #e9eef0;
	--aw-muted: rgba(233, 238, 240, .72);
	--aw-stroke: rgba(255, 255, 255, .12);

	--aw-green: #17c964;
	--aw-green-2: #12b75a;

	--aw-radius: 999px;
	--aw-shadow: 0 20px 60px rgba(0, 0, 0, .45);
}

/* Smooth scroll (opcional, mas ajuda no “Ver serviços”) */
html {
	scroll-behavior: smooth;
}

/* HERO */
.aw-hero-servicos {
	position: relative;
	overflow: hidden;

	/* espaço do menu + respiro igual às outras páginas */
	padding-top: calc(var(--aw-nav-h) + clamp(32px, 5vw, 88px));
	padding-bottom: clamp(56px, 7vw, 110px);

	background:
		radial-gradient(900px 420px at 50% 20%, rgba(23, 201, 100, .12), transparent 60%),
		radial-gradient(820px 380px at 50% 65%, rgba(23, 201, 100, .08), transparent 62%),
		linear-gradient(180deg, var(--aw-bg-1), var(--aw-bg-2));
}

/* brilho leve (padrão premium) */
.aw-hero-servicos::before {
	content: "";
	position: absolute;
	inset: -1px;
	pointer-events: none;
	background:
		radial-gradient(600px 260px at 50% 0%, rgba(255, 255, 255, .06), transparent 60%),
		radial-gradient(520px 240px at 20% 0%, rgba(23, 201, 100, .06), transparent 62%),
		radial-gradient(520px 240px at 80% 0%, rgba(23, 201, 100, .06), transparent 62%);
	opacity: .9;
}

/* WRAP CENTRAL (igual na imagem: tudo centralizado) */
.aw-hero-wrap {
	position: relative;
	z-index: 2;

	max-width: 980px;
	margin: 0 auto;
	text-align: center;
}

/* “PILL” (Google Ads / Serviços) */
.aw-pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	height: 34px;
	padding: 0 16px;
	border-radius: var(--aw-radius);

	background: rgba(255, 255, 255, .06);
	border: 1px solid var(--aw-stroke);

	color: rgba(255, 255, 255, .85);
	font-weight: 600;
	font-size: 13px;
	letter-spacing: .2px;

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

/* TÍTULO */
.aw-hero-title {
	margin: 18px 0 0;
	color: var(--aw-text);
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.02em;

	font-size: clamp(38px, 5.2vw, 74px);
}

.aw-hero-title span {
	color: var(--primary-color);
}

/* SUBTÍTULO */
.aw-hero-subtitle {
	margin: 18px auto 0;
	max-width: 760px;

	color: var(--aw-muted);
	font-size: clamp(14px, 1.25vw, 18px);
	line-height: 1.65;
}

/* CTA */
.aw-hero-cta {
	margin-top: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 18px;
	flex-wrap: wrap;
}

/* BOTÃO PRINCIPAL */
.aw-btn-primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	height: 46px;
	padding: 0 18px;
	border-radius: var(--aw-radius);

	background: linear-gradient(180deg, var(--aw-green), var(--aw-green-2));
	border: 1px solid rgba(23, 201, 100, .22);
	color: #06110c;

	font-weight: 800;
	box-shadow: 0 18px 50px rgba(23, 201, 100, .12);
	transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
	text-decoration: none;
}

.aw-btn-primary:hover {
	transform: translateY(-1px);
	filter: brightness(1.03);
	box-shadow: 0 26px 70px rgba(23, 201, 100, .16);
	color: #06110c;
}

/* LINK SECUNDÁRIO */
.aw-link-ghost {
	position: relative;
	display: inline-flex;
	align-items: center;
	gap: 8px;

	color: rgba(233, 238, 240, .9);
	font-weight: 700;
	text-decoration: none;
	padding: 10px 6px;
	transition: opacity .2s ease, transform .2s ease;
}

.aw-link-ghost::after {
	content: "";
	position: absolute;
	left: 6px;
	right: 6px;
	bottom: 6px;
	height: 1px;
	background: rgba(233, 238, 240, .28);
}

.aw-link-ghost:hover {
	opacity: .92;
	transform: translateY(-1px);
	color: rgba(233, 238, 240, .95);
}

/* Destino do scroll não ficar “escondido” atrás do menu fixo */
#servicos-lista,
.aw-servicos-alvo {
	scroll-margin-top: calc(var(--aw-nav-h) + 18px);
}

/* RESPONSIVO FINO */
@media (max-width: 576px) {
	:root {
		--aw-nav-h: 76px;
	}

	/* se no mobile seu menu fica menor */
	.aw-hero-cta {
		gap: 12px;
	}

	.aw-btn-primary {
		width: 100%;
		max-width: 320px;
	}
}

/* =========================================================
   TOOLBAR (igual ao Blog)
========================================================= */
.servicos-toolbar {
	padding: 24px 0 10px;
}

.servicos-toolbar__wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 14px;
}

/* Busca */
.servicos-search {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 12px 12px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow:
		0 22px 54px rgba(0, 0, 0, .42),
		0 10px 20px rgba(0, 0, 0, .20);
}

.servicos-search i {
	color: rgba(255, 255, 255, .55);
	font-size: 16px;
	flex: 0 0 auto;
}

.servicos-search input {
	flex: 1;
	min-width: 140px;
	border: 0;
	outline: none;
	background: transparent;
	color: rgba(255, 255, 255, .88);
	font-size: 14px;
	padding: 6px 6px;
}

.servicos-search input::placeholder {
	color: rgba(255, 255, 255, .45);
}

.servicos-search:focus-within {
	border-color: rgba(34, 197, 94, .24);
	box-shadow:
		0 22px 54px rgba(0, 0, 0, .42),
		0 10px 20px rgba(0, 0, 0, .20),
		0 0 0 4px rgba(34, 197, 94, .10);
}

/* Chips */
.servicos-cats {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-wrap: wrap;
}

.servicos-cat {
	appearance: none;
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .04);
	color: rgba(255, 255, 255, .78);

	padding: 10px 14px;
	border-radius: 999px;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .2px;
	cursor: pointer;

	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);

	transition: transform .2s ease, border-color .2s ease, color .2s ease, box-shadow .2s ease, background .2s ease;
}

.servicos-cat:hover {
	transform: translateY(-1px);
	color: rgba(255, 255, 255, .92);
	border-color: rgba(255, 255, 255, .18);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .40);
}

.servicos-cat.is-active {
	color: rgba(255, 255, 255, .92);
	border-color: rgba(34, 197, 94, .32);
	background: rgba(34, 197, 94, .10);
	box-shadow: 0 18px 44px rgba(34, 197, 94, .10);
}

/* =========================================================
   LISTA + GRID
========================================================= */
.servicos-list {
	padding: 18px 0 44px;
}

.servicos-header {
	margin: 12px 0 14px;
}

.servicos-header__title {
	margin: 0 0 6px;
	color: var(--sv-text);
	font-weight: 950;
	letter-spacing: -0.01em;
	font-size: 18px;
}

.servicos-header__subtitle {
	margin: 0;
	color: rgba(255, 255, 255, .72);
	line-height: 1.6;
	font-size: 13.5px;
}

.servicos-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 18px;
}

/* Card no padrão blog-card */
.servicos-card {
	border-radius: 18px;
	overflow: hidden;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}

.servicos-card:hover {
	transform: translateY(-3px);
	border-color: rgba(34, 197, 94, .18);
	box-shadow: 0 24px 52px rgba(0, 0, 0, .46);
}

.servicos-card__media {
	position: relative;
	display: block;
	text-decoration: none;
	background: rgba(255, 255, 255, .03);
}

.servicos-card__media img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	display: block;
	filter: saturate(1.02) contrast(1.02);
	transform: scale(1);
	transition: transform .35s ease, filter .35s ease;
}

.servicos-card:hover .servicos-card__media img {
	transform: scale(1.03);
	filter: saturate(1.06) contrast(1.04);
}

.servicos-card__tag {
	position: absolute;
	left: 14px;
	top: 14px;
	padding: 8px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 800;
	letter-spacing: .2px;
	color: rgba(255, 255, 255, .92);
	background: rgba(255, 255, 255, .08);
	border: 1px solid rgba(255, 255, 255, .14);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.servicos-card__body {
	padding: 16px 16px 18px;
}

.servicos-card__meta {
	display: flex;
	gap: 14px;
	flex-wrap: wrap;
	font-size: 12px;
	color: rgba(255, 255, 255, .62);
	margin-bottom: 10px;
}

.servicos-card__meta i {
	color: rgba(34, 197, 94, .92);
	margin-right: 6px;
}

.servicos-card__title {
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.25;
}

.servicos-card__title a {
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
}

.servicos-card__title a:hover {
	color: rgba(255, 255, 255, .98);
}

.servicos-card__excerpt {
	margin: 0 0 14px;
	color: rgba(255, 255, 255, .70);
	font-size: 14px;
	line-height: 1.6;
}

.servicos-card__cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: rgba(255, 255, 255, .84);
	text-decoration: none;
	font-weight: 800;
	font-size: 13px;
	letter-spacing: .2px;
	padding-bottom: 2px;
	border-bottom: 1px dashed rgba(255, 255, 255, .22);
	transition: color .2s ease, border-color .2s ease, transform .2s ease;
}

.servicos-card__cta i {
	font-size: 12px;
	color: rgba(34, 197, 94, .92);
	transition: transform .2s ease;
}

.servicos-card__cta:hover {
	color: rgba(255, 255, 255, .94);
	border-color: rgba(34, 197, 94, .45);
}

.servicos-card__cta:hover i {
	transform: translateX(2px);
}

/* Empty */
.servicos-empty {
	padding: 22px 18px;
	border-radius: 18px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .78);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	margin-top: 14px;
}

/* =========================================================
   CTA FINAL (glass)
========================================================= */
.servicos-cta {
	padding: 10px 0 90px;
}

.servicos-cta__box {
	border-radius: 18px;
	background: rgba(255, 255, 255, .05);
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	box-shadow:
		0 22px 54px rgba(0, 0, 0, .42),
		0 10px 20px rgba(0, 0, 0, .20);
	padding: 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
}

.servicos-cta__content h2 {
	margin: 0 0 6px;
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
	font-size: 18px;
	letter-spacing: -0.01em;
}

.servicos-cta__content p {
	margin: 0;
	color: rgba(255, 255, 255, .70);
	font-size: 13px;
	line-height: 1.6;
}

.servicos-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: flex-end;
}

.servicos-cta__btn {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	border-radius: 999px;
	border: 0;
	text-decoration: none;
	font-weight: 800;
	letter-spacing: .2px;
	color: #0b0f14;
	background: linear-gradient(135deg, #16a34a, #22c55e);
	box-shadow:
		0 16px 34px rgba(34, 197, 94, .18),
		0 10px 18px rgba(0, 0, 0, .22);
	transition: transform .2s ease, filter .2s ease, box-shadow .2s ease;
}

.servicos-cta__btn:hover {
	transform: translateY(-1px);
	filter: saturate(1.05);
	box-shadow:
		0 20px 44px rgba(34, 197, 94, .24),
		0 12px 22px rgba(0, 0, 0, .26);
	color: #fff;
	text-decoration: none;
}

.servicos-cta__btn--ghost {
	color: rgba(255, 255, 255, .88);
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .14);
	box-shadow: 0 18px 40px rgba(0, 0, 0, .36);
}

.servicos-cta__btn--ghost:hover {
	border-color: rgba(34, 197, 94, .28);
	color: #fff;
	text-decoration: none;
}

/* =========================================================
   RESPONSIVO
========================================================= */
@media (max-width: 1200px) {
	.servicos-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 520px) {
	.servicos-hero {
		padding: 70px 0 36px;
	}

	.servicos-search {
		border-radius: 18px;
		flex-wrap: wrap;
		padding: 12px;
		gap: 10px;
	}

	.servicos-grid {
		grid-template-columns: 1fr;
	}

	.servicos-card__media img {
		height: 210px;
	}

	.servicos-cta__box {
		flex-direction: column;
		align-items: flex-start;
	}

	.servicos-cta__actions {
		width: 100%;
		justify-content: flex-start;
	}
}

/* =========================================================
   ARTECWEB — ARTIGOS (Dark • Glass • Primary)
   - Usa var(--primary-color) do site (fallback: #23e7a6)
========================================================= */

:root {
	--aw-primary: var(--primary-color, #23e7a6);
	--aw-bg: #070b0d;
	--aw-card: rgba(255, 255, 255, .045);
	--aw-border: rgba(255, 255, 255, .10);
	--aw-text: rgba(255, 255, 255, .92);
	--aw-muted: rgba(255, 255, 255, .72);
	--aw-radius: 18px;
}

.artigos-page {
	background:
		radial-gradient(900px 520px at 15% 10%, color-mix(in srgb, var(--aw-primary) 18%, transparent), transparent 55%),
		radial-gradient(900px 520px at 85% 20%, color-mix(in srgb, var(--aw-primary) 12%, transparent), transparent 60%),
		var(--aw-bg);
	color: var(--aw-text);
}

.artigos-page a {
	color: inherit;
	text-decoration: none;
}

.artigos-page a:hover {
	text-decoration: none;
}

/* util */
.aw-center {
	text-align: center;
}

.aw-center .aw-hero__stats,
.aw-center .aw-hero__mini {
	justify-content: center;
}

/* =========================================================
   HERO (central)
========================================================= */
.aw-hero {
	position: relative;
	padding: 86px 0 40px;
	overflow: hidden;
}

.aw-hero__bg {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(900px 420px at 12% 12%, rgba(255, 255, 255, .06), transparent 55%),
		radial-gradient(900px 420px at 88% 18%, rgba(255, 255, 255, .04), transparent 60%);
	pointer-events: none;
}

.aw-hero__content {
	position: relative;
	z-index: 2;
	padding-top: 60px;
}

.aw-hero__badge {
	display: inline-flex;
	align-items: center;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid var(--aw-border);
	font-weight: 900;
	font-size: 12px;
	letter-spacing: .10em;
	text-transform: uppercase;
	margin-bottom: 14px;
}

.aw-hero__title {
	font-weight: 900;
	line-height: 1.08;
	font-size: 42px;
	margin: 0 0 12px;
}

.aw-hero__title span {
	color: var(--aw-primary);
}

.aw-hero__subtitle {
	color: var(--aw-muted);
	font-size: 16px;
	line-height: 1.75;
	max-width: 72ch;
	margin: 0 auto 18px;
}

/* stats */
.aw-hero__stats {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 12px 0 12px;
}

.aw-stat {
	min-width: 126px;
	padding: 10px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--aw-border);
	backdrop-filter: blur(10px);
}

.aw-stat strong {
	display: block;
	font-size: 18px;
	font-weight: 900;
}

.aw-stat span {
	display: block;
	font-size: 12px;
	color: var(--aw-muted);
	margin-top: 2px;
}

/* mini cards */
.aw-hero__mini {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin: 10px 0 18px;
}

.aw-mini {
	display: flex;
	gap: 10px;
	align-items: center;
	padding: 12px 14px;
	border-radius: 16px;
	background: rgba(255, 255, 255, .04);
	border: 1px solid var(--aw-border);
	backdrop-filter: blur(12px);
	text-align: left;
}

.aw-mini__icon {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--aw-primary) 18%, transparent);
	border: 1px solid color-mix(in srgb, var(--aw-primary) 26%, transparent);
	color: var(--aw-primary);
}

.aw-mini__txt strong {
	display: block;
	font-weight: 900;
	font-size: 13px;
}

.aw-mini__txt span {
	display: block;
	color: var(--aw-muted);
	font-size: 12px;
	margin-top: 2px;
}

/* =========================================================
   FILTER (glass + dropdown corrigido)
========================================================= */
.aw-filter {
	margin-top: 6px;
}

.aw-filter__row {
	display: grid;
	grid-template-columns: 1.6fr 1fr 1fr auto;
	gap: 10px;
	align-items: center;

	padding: 12px;
	border-radius: 22px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
	border: 1px solid var(--aw-border);
	backdrop-filter: blur(14px);
}

.aw-filter__field {
	height: 46px;
	border-radius: 14px;
	background: rgba(0, 0, 0, .28);
	border: 1px solid rgba(255, 255, 255, .12);
	display: flex;
	align-items: center;
	padding: 0 12px;
}

.aw-filter__field--search i {
	color: var(--aw-primary);
	margin-right: 10px;
}

.aw-filter__field input {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--aw-text);
	font-size: 14px;
}

.aw-filter__field input::placeholder {
	color: rgba(255, 255, 255, .45);
}

/* SELECT: campo */
.aw-filter__field select {
	width: 100%;
	border: 0;
	outline: 0;
	background: transparent;
	color: var(--aw-text);
	font-size: 14px;
	appearance: none;
	cursor: pointer;
}

/* SELECT: menu aberto (opções) - resolve o branco/sem leitura */
.aw-filter__field select option {
	background: #0b1113;
	color: rgba(255, 255, 255, .92);
}

.aw-filter__field select option:checked {
	background: color-mix(in srgb, var(--aw-primary) 25%, #0b1113);
	color: #fff;
}

/* BOTÃO */
.aw-filter__btn {
	height: 46px;
	border-radius: 14px;
	border: 1px solid rgba(255, 255, 255, .12);
	background: linear-gradient(180deg,
			color-mix(in srgb, var(--aw-primary) 90%, white),
			color-mix(in srgb, var(--aw-primary) 70%, transparent));
	color: #06110d;
	font-weight: 900;
	padding: 0 16px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: transform .15s ease, filter .15s ease;
}

.aw-filter__btn:hover {
	transform: translateY(-1px);
	filter: brightness(1.05);
}

.aw-filter__info {
	margin-top: 10px;
	color: var(--aw-muted);
	font-size: 13px;
}

.aw-filter__clear {
	margin-left: 10px;
	color: var(--aw-primary);
	font-weight: 900;
}

/* =========================================================
   FEATURED (premium completo)
========================================================= */
.aw-featured {
	padding: 34px 0 10px;
}

.aw-featured__card {
	padding: 16px;
	border-radius: 26px;
	background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .03));
	border: 1px solid rgba(255, 255, 255, .12);
	backdrop-filter: blur(14px);
}

.aw-featured__grid {
	display: grid;
	grid-template-columns: 1.08fr .92fr;
	gap: 18px;
	align-items: stretch;
}

.aw-kicker {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 6px 12px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .30);
	border: 1px solid rgba(255, 255, 255, .12);
	font-weight: 900;
	font-size: 12px;
}

.aw-kicker i {
	color: var(--aw-primary);
	font-size: 8px;
}

.aw-meta {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: center;
	color: var(--aw-muted);
	font-size: 12px;
}

.aw-meta--top {
	margin-left: 10px;
}

.aw-chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 7px 12px;
	border-radius: 999px;
	background: color-mix(in srgb, var(--aw-primary) 16%, transparent);
	border: 1px solid color-mix(in srgb, var(--aw-primary) 24%, transparent);
	color: rgba(255, 255, 255, .92);
	font-weight: 900;
}

.aw-meta__item {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.aw-featured__top {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 10px;
}

.aw-featured__content {
	padding: 6px 6px 10px;
}

.aw-featured__title {
	font-size: 30px;
	font-weight: 900;
	line-height: 1.15;
	margin: 10px 0 10px;
}

.aw-featured__text {
	color: var(--aw-muted);
	line-height: 1.75;
	margin: 0 0 14px;
}

.aw-featured__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 12px 0 12px;
}

.aw-btn {
	height: 44px;
	border-radius: 14px;
	padding: 0 14px;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-weight: 900;
	border: 1px solid rgba(255, 255, 255, .12);
}

.aw-btn--primary {
	background: linear-gradient(180deg,
			color-mix(in srgb, var(--aw-primary) 90%, white),
			color-mix(in srgb, var(--aw-primary) 70%, transparent));
	color: #06110d;
}

.aw-btn--ghost {
	background: rgba(255, 255, 255, .06);
	color: rgba(255, 255, 255, .92);
}

.aw-featured__info {
	display: grid;
	grid-template-columns: 1fr;
	gap: 10px;
	margin-top: 8px;
}

.aw-info {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 12px 12px;
	border-radius: 16px;
	background: rgba(0, 0, 0, .22);
	border: 1px solid rgba(255, 255, 255, .10);
}

.aw-info__icon {
	width: 38px;
	height: 38px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: color-mix(in srgb, var(--aw-primary) 16%, transparent);
	border: 1px solid color-mix(in srgb, var(--aw-primary) 26%, transparent);
	color: var(--aw-primary);
	flex: 0 0 auto;
}

.aw-info__txt strong {
	display: block;
	font-weight: 900;
	font-size: 13px;
}

.aw-info__txt span {
	display: block;
	color: var(--aw-muted);
	font-size: 12px;
	margin-top: 2px;
}

/* media */
.aw-featured__media {
	position: relative;
	border-radius: 20px;
	overflow: hidden;
	min-height: 340px;
	display: block;
}

.aw-featured__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transform: scale(1.03);
}

.aw-featured__overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(0, 0, 0, .15), rgba(0, 0, 0, .62));
}

.aw-featured__tag {
	position: absolute;
	left: 14px;
	bottom: 14px;
	padding: 9px 12px;
	border-radius: 999px;
	background: rgba(0, 0, 0, .40);
	border: 1px solid rgba(255, 255, 255, .14);
	font-weight: 900;
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

/* =========================================================
   LISTA / CARDS
========================================================= */
.aw-list {
	padding: 52px 0;
}

.aw-list__head {
	margin-bottom: 18px;
}

.aw-list__badge {
	display: inline-flex;
	padding: 7px 12px;
	border-radius: 999px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 255, 255, .10);
	font-size: 12px;
	font-weight: 900;
	letter-spacing: .10em;
	text-transform: uppercase;
}

.aw-list__title {
	font-size: 30px;
	font-weight: 900;
	margin: 12px 0 6px;
}

.aw-list__subtitle {
	color: var(--aw-muted);
	margin: 0 auto;
	max-width: 74ch;
}

.aw-card {
	border-radius: var(--aw-radius);
	overflow: hidden;
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	transition: transform .18s ease, background .18s ease, border-color .18s ease;
	backdrop-filter: blur(10px);
}

.aw-card:hover {
	transform: translateY(-3px);
	background: rgba(255, 255, 255, .06);
	border-color: rgba(255, 255, 255, .16);
}

.aw-card__media {
	display: block;
	height: 210px;
	overflow: hidden;
}

.aw-card__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.aw-card__body {
	padding: 14px 14px 12px;
}

.aw-meta--compact {
	margin-bottom: 8px;
}

.aw-card__title {
	font-size: 16px;
	font-weight: 900;
	line-height: 1.35;
	margin: 0 0 8px;
}

.aw-card__text {
	color: var(--aw-muted);
	font-size: 13px;
	line-height: 1.7;
	margin: 0 0 12px;
	min-height: 70px;
}

.aw-card__footer {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	border-top: 1px solid rgba(255, 255, 255, .08);
	padding-top: 10px;
}

.aw-card__hint {
	color: rgba(255, 255, 255, .72);
	font-size: 12px;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.aw-card__link {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
}

.aw-card__link i {
	color: var(--aw-primary);
	margin-left: 8px;
}

/* empty */
.aw-empty {
	border-radius: var(--aw-radius);
	border: 1px dashed rgba(255, 255, 255, .18);
	background: rgba(255, 255, 255, .03);
	padding: 26px;
	text-align: center;
}

.aw-empty__icon {
	font-size: 32px;
	color: var(--aw-primary);
	margin-bottom: 10px;
}

.aw-empty__title {
	font-weight: 900;
	margin: 0 0 6px;
}

.aw-empty__text {
	color: var(--aw-muted);
	margin: 0 0 14px;
}

/* pagination (Bootstrap) */
.aw-pagination .page-link {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .88);
}

.aw-pagination .page-item.active .page-link {
	background: color-mix(in srgb, var(--aw-primary) 18%, transparent);
	border-color: color-mix(in srgb, var(--aw-primary) 35%, transparent);
	color: #fff;
}

.aw-pagination .page-item.disabled .page-link {
	opacity: .45;
}

/* CTA variante */
.cta-premium--blog {
	padding: 46px 0 70px;
}

/* =========================================================
   RESPONSIVE
========================================================= */
@media (max-width: 991.98px) {
	.aw-hero__title {
		font-size: 34px;
	}

	.aw-filter__row {
		grid-template-columns: 1fr 1fr;
	}

	.aw-filter__btn {
		grid-column: 1 / -1;
		justify-content: center;
	}

	.aw-featured__grid {
		grid-template-columns: 1fr;
	}

	.aw-featured__media {
		min-height: 260px;
	}

	.aw-meta--top {
		margin-left: 0;
	}
}

@media (max-width: 575.98px) {
	.aw-hero {
		padding: 64px 0 28px;
	}

	.aw-hero__title {
		font-size: 28px;
	}

	.aw-stat {
		min-width: 110px;
	}

	.aw-card__media {
		height: 200px;
	}
}

/* =========================================
   assets/css/regioes.css
   - Premium dark (igual ao layout SP)
   - Brasil SEM vermelho tosco
   - Modal funcional + busca + scroll interno
========================================= */

.aw-regioes {
	width: 100%;
}

.aw-regioes * {
	box-sizing: border-box;
}

.aw-regioes__card {
	background: rgba(255, 255, 255, .04);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 20px;
	padding: 14px;
}

.aw-regioes__head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 10px;
}

.aw-regioes__title {
	display: flex;
	align-items: center;
	gap: 10px;
	color: rgba(255, 255, 255, .95);
	font-weight: 900;
	letter-spacing: .2px;
}

.aw-regioes__title i {
	opacity: .95;
}

.aw-regioes__tabs {
	display: flex;
	gap: 8px;
	align-items: center;
	background: rgb(0 0 0 / 52%);
	border: 1px solid rgba(255, 255, 255, .10);
	border-radius: 999px;
	padding: 4px;
}

.aw-tab {
	border: 0;
	cursor: pointer;
	height: 34px;
	padding: 0 14px;
	border-radius: 999px;
	background: transparent;
	color: rgba(255, 255, 255, .72);
	font-weight: 900;
	font-size: 13px;
	outline: none;
}

.aw-tab.is-active {
	background: rgba(255, 255, 255, .10);
	color: rgba(255, 255, 255, .95);
}

.aw-regioes__panel {
	display: none;
}

.aw-regioes__panel.is-active {
	display: block;
}

.aw-regioes__subtitle {
	margin: 10px 0 10px;
	font-size: 18px;
	font-weight: 900;
	color: rgba(255, 255, 255, .95);
}

/* grids */
.aw-regioes__grid {
	display: grid;
	gap: 10px;
}

.aw-regioes__grid--sp {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.aw-regioes__grid--br {
	grid-template-columns: repeat(5, minmax(0, 1fr));
}

/* buttons (premium dark) */
.aw-pill {
	height: 46px;
	border-radius: 16px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 900;
	letter-spacing: .2px;
	font-size: 13px;
	text-decoration: none;
	user-select: none;
	border: 1px solid rgba(255, 255, 255, .10);
	background: rgba(0, 0, 0, .22);
	color: rgba(255, 255, 255, .90);
	cursor: pointer;
	transition: transform .12s ease, border-color .12s ease, background .12s ease, opacity .12s ease;
}

.aw-pill:hover {
	transform: translateY(-1px);
	border-color: rgba(255, 255, 255, .18);
	background: rgba(0, 0, 0, .30);
}

.aw-pill:active {
	transform: translateY(0);
	opacity: .92;
}

.aw-pill--uf {
	/* UF mais “compacta” mas mantendo o mesmo padrão do SP */
	font-size: 13px;
}

/* notes */
.aw-regioes__note {
	margin: 12px 0 0;
	color: rgba(255, 255, 255, .70);
	font-size: 13px;
	display: flex;
	gap: 8px;
	align-items: flex-start;
}

.aw-regioes__note i {
	opacity: .9;
	margin-top: 2px;
}

/* seo list (bonita) */
.aw-regioes__seo {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px solid rgba(255, 255, 255, .08);
}

.aw-seo-row {
	padding: 8px 0;
	color: rgba(255, 255, 255, .72);
	font-size: 13px;
	line-height: 1.6;
	border-bottom: 1px dashed rgba(255, 255, 255, .08);
}

.aw-seo-row:last-child {
	border-bottom: 0;
}

.aw-seo-uf {
	font-weight: 900;
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
}

.aw-seo-uf:hover {
	text-decoration: underline;
}

.aw-seo-city {
	color: rgba(255, 255, 255, .80);
	text-decoration: none;
}

.aw-seo-city:hover {
	text-decoration: underline;
}

.aw-seo-sep {
	margin: 0 8px;
	opacity: .55;
}

.aw-seo-dot {
	margin: 0 8px;
	opacity: .45;
}

/* ===== MODAL (dark premium) ===== */
.aw-modal {
	position: fixed;
	inset: 0;
	z-index: 9999;
	display: none;
}

.aw-modal.is-open {
	display: block;
}

.aw-modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, .66);
	backdrop-filter: blur(3px);
}

.aw-modal__box {
	position: relative;
	width: min(920px, calc(100% - 28px));
	margin: 64px auto;
	background: #0f1214;
	color: #fff;
	border-radius: 16px;
	border: 1px solid rgba(255, 255, 255, .10);
	box-shadow: 0 18px 60px rgba(0, 0, 0, .55);
	overflow: hidden;
}

.aw-modal__close {
	position: absolute;
	top: 10px;
	right: 10px;
	border: 0;
	background: rgba(255, 255, 255, .06);
	width: 42px;
	height: 42px;
	border-radius: 12px;
	cursor: pointer;
	color: rgba(255, 255, 255, .92);
}

.aw-modal__close:hover {
	background: rgba(255, 255, 255, .10);
}

.aw-modal__head {
	padding: 16px 18px;
	border-bottom: 1px solid rgba(255, 255, 255, .10);
}

.aw-modal__title {
	margin: 0;
	display: flex;
	align-items: center;
	gap: 10px;
	font-weight: 900;
	letter-spacing: .2px;
}

.aw-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 46px;
	height: 32px;
	padding: 0 10px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .10);
	border: 1px solid rgba(255, 255, 255, .12);
	color: rgba(255, 255, 255, .95);
	font-weight: 900;
}

.aw-modal__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin-top: 12px;
}

.aw-modal__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-weight: 900;
	font-size: 13px;
	color: rgba(255, 255, 255, .92);
	text-decoration: none;
}

.aw-modal__link:hover {
	text-decoration: underline;
}

.aw-modal__search {
	position: relative;
	display: flex;
	align-items: center;
}

.aw-modal__search i {
	position: absolute;
	left: 12px;
	color: rgba(255, 255, 255, .50);
	font-size: 14px;
}

.aw-modal__search input {
	height: 40px;
	width: min(360px, 100%);
	border-radius: 12px;
	border: 1px solid rgba(255, 255, 255, .14);
	background: rgba(0, 0, 0, .25);
	padding: 0 12px 0 36px;
	outline: none;
	color: rgba(255, 255, 255, .92);
}

.aw-modal__search input:focus {
	border-color: rgba(255, 255, 255, .22);
	background: rgba(0, 0, 0, .32);
}

.aw-modal__body {
	padding: 14px 18px 18px;
	max-height: min(62vh, 520px);
	overflow: auto;
}

.aw-cols {
	display: grid;
	gap: 10px 18px;
	grid-template-columns: repeat(3, minmax(0, 1fr));
}

.aw-city {
	display: block;
	padding: 9px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, .10);
	font-size: 14px;
	color: rgba(255, 255, 255, .82);
}

.aw-empty {
	padding: 10px 0;
	color: rgba(255, 255, 255, .65);
	font-weight: 900;
}

.aw-modal__foot {
	padding: 12px 18px;
	border-top: 1px solid rgba(255, 255, 255, .10);
	background: rgba(255, 255, 255, .03);
}

.aw-modal__hint {
	font-size: 13px;
	color: rgba(255, 255, 255, .65);
	display: flex;
	gap: 8px;
	align-items: center;
}

/* trava scroll do body */
html.aw-lock,
body.aw-lock {
	overflow: hidden;
}

@media (max-width: 991px) {
	.aw-regioes__grid--br {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.aw-cols {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aw-modal__box {
		margin: 48px auto;
	}
}

@media (max-width: 575px) {
	.aw-regioes__grid--br {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.aw-regioes__grid--sp {
		grid-template-columns: 1fr;
	}

	.aw-cols {
		grid-template-columns: 1fr;
	}

	.aw-modal__box {
		margin: 22px auto;
	}

	.aw-modal__search input {
		width: 100%;
	}
}

/* =======================================================
   WHATSAPP FLUTUANTE - DARK PREMIUM
======================================================== */
.whatsapp-fixed-artec {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}

.whatsapp-btn-artec {
	position: relative;
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, var(--primary-color), #007521);
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none !important;
	color: #ffffff !important;
	font-size: 30px;
	box-shadow: 0 10px 25px rgba(0, 149, 42, 0.3);
	transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

/* O pulso magnético (ondas) que fica atrás do botão */
.whatsapp-btn-artec::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	border-radius: 50%;
	z-index: -1;
	opacity: 0.6;
	animation: pulse-whatsapp-artec 2s infinite cubic-bezier(0.16, 1, 0.3, 1);
}

/* Interação de Hover (Mouse em cima) */
.whatsapp-btn-artec:hover {
	transform: translateY(-5px) scale(1.05);
	box-shadow: 0 15px 35px rgba(0, 149, 42, 0.5);
	color: #ffffff !important;
}

/* Motor da animação de pulso */
@keyframes pulse-whatsapp-artec {
	0% {
		transform: scale(1);
		opacity: 0.6;
	}

	100% {
		transform: scale(1.6);
		opacity: 0;
	}
}

/* Responsividade (Ajustes de touch para o Mobile) */
@media (max-width: 767.98px) {
	.whatsapp-fixed-artec {
		bottom: 20px;
		right: 20px;
	}

	.whatsapp-btn-artec {
		width: 55px;
		height: 55px;
		font-size: 26px;
	}
}

/* =======================================================
   RESETS E UX GLOBAL - PADRÃO ARTECWEB
======================================================== */

/* Remove sublinhado de todos os links */
a {
	text-decoration: none !important;
	transition: color 0.3s ease;
}

/* Scrollbar personalizada (Compatível com Chrome, Edge e Safari) */
::-webkit-scrollbar {
	width: 8px;
}

::-webkit-scrollbar-track {
	background: #030508;
	/* Fundo do trilho */
}

::-webkit-scrollbar-thumb {
	background: rgba(255, 255, 255, 0.1);
	/* Cor da barra */
	border-radius: 10px;
	border: 2px solid #030508;
}

::-webkit-scrollbar-thumb:hover {
	background: var(--primary-color);
	/* Cor da marca no hover */
}

html {
	scroll-behavior: smooth;
}

/* Otimização de renderização para scroll */
body {
	-webkit-overflow-scrolling: touch;
	/* Suavidade nativa no iOS/Android */
	scroll-padding-top: 90px;
	/* Ajuste para não esconder conteúdo atrás do menu sticky */
}