/*
 * Home (front-page). Referência: layout "Home Zafarie" aprovado em 23/09/2026.
 * Carregado só na página inicial.
 */

.zf-home {
	--h-roxo: var(--wp--custom--roxo--400);
	--h-roxo-acao: var(--wp--preset--color--roxo-acao);
	--h-borda: #25232f;
	--h-cartao: rgba(16, 15, 22, 0.92);
	--h-texto: var(--wp--preset--color--cinza);
	--h-brilho: 0 0 34px rgba(122, 30, 246, 0.45);
	--h-largura: 75rem;
	--h-gutter: clamp(1.25rem, 4vw, 2.5rem);
	overflow-x: clip;
}

.zf-home > * { box-sizing: border-box; }

/* ---------- Tipografia comum ---------- */

.zf-home h2 {
	margin: 0;
	font-size: clamp(1.875rem, 1.2rem + 2.4vw, 2.875rem);
	line-height: 1.1;
	font-weight: 800;
	letter-spacing: -0.03em;
	color: var(--wp--preset--color--branco);
}

.zf-home h3 { color: var(--wp--preset--color--branco); }

.zf-destaque-roxo,
.zf-home mark.zf-destaque-roxo { background: none; color: var(--h-roxo); }

.zf-sobretitulo {
	margin: 0;
	font-size: 0.8125rem;
	font-weight: 600;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: var(--h-roxo);
}

.zf-home-lead { margin: 0; font-size: clamp(1rem, 0.9rem + 0.35vw, 1.1875rem); line-height: 1.55; color: var(--h-texto); }

.zf-home-cabeca {
	max-width: 58rem;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.125rem;
	text-align: center;
}

.zf-home-centro { margin: 0; text-align: center; }

/* ---------- Botões ---------- */

.zf-home-botoes { margin: 0.5rem 0 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }

.zf-home-botoes a,
.zf-home-botao,
.zf-home-contorno,
.zf-home-pilula {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.625rem;
	min-height: 52px;
	padding: 0 1.625rem;
	border-radius: 12px;
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color var(--wp--custom--transicao--rapida), box-shadow var(--wp--custom--transicao--rapida);
}

.zf-home-botoes a:first-child,
.zf-home-botao,
.zf-home-pilula {
	background: var(--h-roxo-acao);
	color: var(--wp--preset--color--branco);
	box-shadow: var(--h-brilho);
}

.zf-home-botoes a:first-child::after,
.zf-home-botao::after {
	content: "";
	width: 17px;
	height: 17px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}

.zf-home-botao svg { display: none; }

.zf-home-botoes a:first-child:hover,
.zf-home-botao:hover,
.zf-home-pilula:hover { background: var(--wp--custom--roxo--600); color: var(--wp--preset--color--branco); }

.zf-home-botoes a + a,
.zf-home-botoes--contorno a:first-child,
.zf-home-contorno {
	background: transparent;
	border: 1px solid var(--h-roxo-acao);
	color: var(--wp--preset--color--branco);
	box-shadow: none;
}

.zf-home-botoes--contorno a:first-child::after { display: none; }

.zf-home-botoes a + a:hover,
.zf-home-botoes--contorno a:first-child:hover,
.zf-home-contorno:hover { background: rgba(122, 30, 246, 0.14); color: var(--wp--preset--color--branco); }

.zf-home-pilula { min-height: 46px; border-radius: 999px; font-size: 0.875rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; }

/* ---------- Ícones ---------- */

.zf-home-icone {
	flex-shrink: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	border: 1px solid var(--wp--custom--roxo--600);
	border-radius: 14px;
	background: var(--wp--custom--roxo--950);
	color: var(--h-roxo);
	box-shadow: inset 0 0 18px rgba(122, 30, 246, 0.25);
}

/* ---------- Seções ---------- */

.zf-home-secao {
	width: 100%;
	max-width: calc(var(--h-largura) + 2 * var(--h-gutter));
	margin: 0 auto;
	padding: clamp(4rem, 3rem + 4vw, 7rem) var(--h-gutter);
	display: flex;
	flex-direction: column;
	gap: clamp(2rem, 1.5rem + 2vw, 3.5rem);
}

/* ---------- Topo ---------- */

.zf-home-topo {
	padding: clamp(2.5rem, 2rem + 2vw, 3.5rem) var(--h-gutter) clamp(3.5rem, 3rem + 3vw, 6rem);
	background:
		radial-gradient(900px 420px at 50% -80px, rgba(97, 9, 215, 0.38), transparent 70%),
		radial-gradient(700px 360px at 50% 760px, rgba(97, 9, 215, 0.22), transparent 70%);
}

.zf-home-hero { max-width: 70rem; gap: 1.375rem; }

.zf-home-h1 {
	margin: 0;
	font-size: clamp(2.375rem, 1.3rem + 4.4vw, 4.375rem);
	line-height: 1.06;
	font-weight: 800;
	letter-spacing: -0.035em;
	color: var(--wp--preset--color--branco);
}

.zf-home-hero .zf-home-lead { max-width: 41rem; }

.zf-home-composicao { max-width: 1360px; margin: 0.75rem auto 0; }
.zf-home-composicao img { display: block; width: 100%; height: auto; }

.zf-home-frentes {
	max-width: var(--h-largura);
	margin: 1.5rem auto 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1rem;
}

.zf-home-frente {
	height: 100%;
	box-sizing: border-box;
	padding: 1.375rem;
	display: flex;
	align-items: center;
	gap: 1.125rem;
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 16px;
	text-decoration: none;
	color: var(--wp--preset--color--cinza-claro);
	transition: border-color var(--wp--custom--transicao--rapida);
}

.zf-home-frente .zf-home-icone { width: 60px; height: 60px; }
.zf-home-frente:hover { border-color: var(--wp--custom--roxo--600); }
.zf-home-frente__texto { display: flex; flex-direction: column; gap: 4px; }
.zf-home-frente strong { font-size: 1.0625rem; color: var(--wp--preset--color--branco); }
.zf-home-frente__texto span { font-size: 0.875rem; line-height: 1.45; color: var(--h-texto); }

/* ---------- Credenciais ---------- */

.zf-home-credenciais { border-block: 1px solid rgba(255, 255, 255, 0.06); padding: 1.625rem var(--h-gutter); }

.zf-home-credenciais__lista {
	max-width: var(--h-largura);
	margin: 0 auto;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0.75rem 3rem;
	font-size: 0.9375rem;
	font-weight: 600;
	color: #c4c4cc;
}

/* ---------- Soluções conectadas ---------- */

.zf-home-conectadas { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }

.zf-home-conectada {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 22px;
}

.zf-home-conectada img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 14px; background: #ffffff; }
.zf-home-conectada__texto { padding: 0 0.5rem 0.5rem; display: flex; flex-direction: column; align-items: flex-start; gap: 0.75rem; }
.zf-home-conectada h3 { margin: 0; font-size: clamp(1.375rem, 1.2rem + 0.5vw, 1.625rem); font-weight: 800; letter-spacing: -0.02em; }
.zf-home-conectada p { margin: 0; line-height: 1.6; color: var(--h-texto); }
.zf-home-conectada .zf-home-pilula { margin-top: 0.375rem; }

/* ---------- Objetivos ---------- */

.zf-home-objetivos { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }

.zf-home-objetivo {
	height: 100%;
	box-sizing: border-box;
	padding: 1.75rem 1.375rem;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 18px;
	text-decoration: none;
	color: var(--h-texto);
	transition: border-color var(--wp--custom--transicao--rapida);
}

.zf-home-objetivo:hover { border-color: var(--wp--custom--roxo--600); }
.zf-home-objetivo strong { font-size: 1.125rem; color: var(--wp--preset--color--branco); }
.zf-home-objetivo span:last-child { font-size: 0.875rem; line-height: 1.55; }

/* ---------- Por que ---------- */

.zf-home-porque {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: center;
	gap: clamp(2.5rem, 2rem + 4vw, 5rem);
	background: radial-gradient(600px 380px at 85% 50%, rgba(97, 9, 215, 0.22), transparent 70%);
}

.zf-home-porque__texto { display: flex; flex-direction: column; gap: 1.25rem; }
.zf-home-porque__texto .zf-home-botoes { justify-content: flex-start; }

.zf-home-porque__lista { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.875rem; }

.zf-home-porque__lista li {
	padding: 1.5rem 1.625rem;
	display: flex;
	flex-direction: column;
	gap: 0.375rem;
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 18px;
	font-size: 0.9375rem;
	line-height: 1.55;
	color: var(--h-texto);
}

.zf-home-porque__lista strong { font-size: 1.125rem; color: var(--wp--preset--color--branco); }

/* ---------- Integrações ---------- */

.zf-home-integracoes { align-items: center; background: radial-gradient(520px 360px at 0% 100%, rgba(97, 9, 215, 0.3), transparent 70%); }

.zf-int__cabeca h2 { font-size: clamp(2rem, 1.2rem + 3vw, 3.375rem); line-height: 1.06; letter-spacing: -0.035em; }

.zf-int__plataformas { margin-top: 0.375rem; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 0.75rem; }

.zf-int__plataforma {
	min-height: 60px;
	box-sizing: border-box;
	padding: 0 1.375rem 0 0.625rem;
	display: inline-flex;
	align-items: center;
	gap: 0.75rem;
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 14px;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--wp--preset--color--branco);
}

.zf-int__plataforma .zf-home-icone { width: 40px; height: 40px; border-radius: 10px; }
.zf-int__plataformas .zf-home-botao { min-height: 60px; padding: 0 1.875rem; }

.zf-int {
	width: 100%;
	box-sizing: border-box;
	padding: clamp(1.25rem, 1rem + 1.5vw, 2.25rem);
	display: flex;
	flex-direction: column;
	gap: 1.75rem;
	background: rgba(14, 13, 20, 0.95);
	border: 1px solid #3b1d6e;
	border-radius: 22px;
	box-shadow: 0 -1px 0 var(--h-roxo-acao), 0 30px 70px rgba(0, 0, 0, 0.5);
}

.zf-int__topo { text-align: center; }
.zf-int__topo h3 { margin: 0; font-size: clamp(1.375rem, 1.1rem + 1vw, 2.125rem); font-weight: 800; letter-spacing: -0.02em; }
.zf-int__topo p { margin: 0.5rem 0 0; color: var(--h-texto); }

.zf-int__corpo {
	padding: 0.75rem;
	display: grid;
	grid-template-columns: 300px minmax(0, 1fr);
	gap: 2rem;
	background: #0b0a10;
	border: 1px solid #1f1d29;
	border-radius: 16px;
}

.zf-int__abas { display: flex; flex-direction: column; gap: 4px; padding-right: 1.25rem; border-right: 1px solid var(--h-borda); }

.zf-int__aba {
	width: 100%;
	min-height: 60px;
	box-sizing: border-box;
	padding: 0 1rem;
	display: flex;
	align-items: center;
	gap: 1rem;
	background: transparent;
	border: 0;
	border-left: 3px solid transparent;
	border-radius: 10px;
	font: inherit;
	font-size: 1rem;
	font-weight: 500;
	text-align: left;
	color: #c4c4cc;
	cursor: pointer;
}

.zf-int__aba span { flex-grow: 1; }
.zf-int__aba:hover { background: rgba(122, 30, 246, 0.08); color: var(--wp--preset--color--branco); }

.zf-int__aba[aria-selected="true"] {
	background: linear-gradient(90deg, rgba(122, 30, 246, 0.28), rgba(122, 30, 246, 0.06));
	border-left-color: var(--h-roxo);
	font-weight: 700;
	color: var(--wp--preset--color--branco);
}

.zf-int__aba:focus-visible { outline: 2px solid var(--wp--preset--color--roxo-claro); outline-offset: -2px; }

/* Sem JavaScript: sem abas, todos os painéis visíveis. */
.zf-int:not(.zf-int--pronto) .zf-int__abas { display: none; }
.zf-int:not(.zf-int--pronto) .zf-int__corpo { grid-template-columns: 1fr; }
.zf-int:not(.zf-int--pronto) .zf-int__painel[hidden] { display: flex; }

.zf-int__painel { padding: 1.25rem 1.25rem 1.25rem 0; display: flex; flex-direction: column; gap: 1.125rem; }
.zf-int__painel[hidden] { display: none; }
.zf-int__rotulo { margin: 0; font-size: 0.75rem; font-weight: 600; letter-spacing: 0.3em; text-transform: uppercase; color: var(--h-roxo); }
.zf-int__painel h3 { margin: 0; font-size: clamp(1.5rem, 1.2rem + 1vw, 2.125rem); line-height: 1.15; font-weight: 800; letter-spacing: -0.02em; }
.zf-int__sub { margin: 0; font-size: 1.125rem; color: var(--h-texto); }

.zf-int__marcas { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 0.75rem; }

.zf-int__marcas li {
	min-height: 104px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #121019;
	border: 1px solid var(--h-borda);
	border-radius: 14px;
	font-size: clamp(1.375rem, 1.1rem + 1vw, 1.875rem);
	font-weight: 800;
	color: var(--wp--preset--color--branco);
}

.zf-int__tags { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 0.625rem; }
.zf-int__tags li { padding: 0.5625rem 1.375rem; border: 1px solid #3a3848; border-radius: 999px; font-size: 0.875rem; color: var(--wp--preset--color--cinza-claro); }

.zf-int__link { align-self: flex-start; margin-top: 0.25rem; display: inline-flex; align-items: center; gap: 0.625rem; font-size: 1.0625rem; font-weight: 600; color: var(--wp--preset--color--roxo-claro); text-decoration: none; }
.zf-int__link:hover { color: var(--wp--custom--roxo--200); }

.zf-int__nota { margin: -1rem 0 0; align-self: stretch; font-size: 0.8125rem; color: var(--h-texto); }

/* ---------- Metodologia ---------- */

.zf-home-metodo { align-items: center; }

.zf-home-metodo__etapas {
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: etapa;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.5rem;
	text-align: center;
}

.zf-home-metodo__etapas::before {
	content: "";
	position: absolute;
	top: 30px;
	left: 12.5%;
	right: 12.5%;
	height: 2px;
	background: var(--h-roxo);
	box-shadow: 0 0 10px 1px rgba(122, 30, 246, 0.7);
}

.zf-home-metodo__etapas li {
	position: relative;
	counter-increment: etapa;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.875rem;
	font-size: 0.9375rem;
	line-height: 1.6;
	color: var(--h-texto);
}

.zf-home-metodo__etapas li::before {
	content: counter(etapa, decimal-leading-zero);
	width: 60px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--h-roxo-acao);
	border-radius: 999px;
	background: var(--wp--custom--roxo--950);
	box-shadow: 0 0 24px rgba(122, 30, 246, 0.5);
	font-weight: 800;
	color: var(--wp--preset--color--branco);
}

.zf-home-metodo__etapas strong { font-size: 1.25rem; color: var(--wp--preset--color--branco); }
.zf-home-metodo .zf-home-centro a { font-weight: 600; color: var(--wp--preset--color--roxo-claro); }

/* ---------- Clientes ---------- */

.zf-home-clientes { background: radial-gradient(500px 300px at 0% 100%, rgba(97, 9, 215, 0.28), transparent 70%); }

.zf-selo {
	margin: 0;
	padding: 0.625rem 1.125rem;
	display: inline-flex;
	align-items: center;
	gap: 0.625rem;
	border: 1px solid var(--wp--custom--roxo--700);
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--branco);
}

.zf-selo::before { content: ""; width: 9px; height: 9px; border-radius: 99px; background: var(--h-roxo); }

.zf-carrossel__trilho {
	margin: 0;
	padding: 0 0 0.5rem;
	list-style: none;
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: calc((100% - 2rem) / 3);
	gap: 1rem;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
}

.zf-carrossel__trilho::-webkit-scrollbar { display: none; }
.zf-carrossel__trilho:focus-visible { outline: 2px solid var(--wp--preset--color--roxo-claro); outline-offset: 4px; }

.zf-cliente {
	scroll-snap-align: start;
	padding: 1.25rem;
	display: flex;
	align-items: center;
	gap: 1.5rem;
	background: rgba(22, 20, 30, 0.92);
	border: 1px solid var(--wp--custom--roxo--600);
	border-radius: 18px;
}

.zf-cliente__foto { flex-shrink: 0; width: 40%; aspect-ratio: 3 / 4; border-radius: 14px; overflow: hidden; }
.zf-cliente__foto img { width: 100%; height: 100%; object-fit: cover; }
.zf-cliente__foto-vazia { width: 100%; height: 100%; display: flex; align-items: flex-end; padding: 1rem; box-sizing: border-box; background: linear-gradient(145deg, transparent 35%, rgba(97, 9, 215, 0.55)), var(--wp--custom--roxo--950); font-weight: 800; color: var(--wp--preset--color--branco); }
.zf-cliente figure { margin: 0; display: flex; flex-direction: column; align-items: flex-start; gap: 1rem; }
.zf-cliente__selo { padding: 0.375rem 0.75rem; border: 1px solid #2e2e3a; border-radius: 999px; font-size: 0.8125rem; font-weight: 600; color: var(--wp--preset--color--branco); }
.zf-cliente blockquote { margin: 0; font-size: 1.125rem; line-height: 1.45; color: var(--wp--preset--color--branco); }
.zf-cliente figcaption { font-size: 0.875rem; color: var(--h-texto); }

.zf-carrossel__controles { margin-top: 1.25rem; display: flex; justify-content: center; gap: 1.75rem; }
.zf-carrossel--estatico .zf-carrossel__controles { display: none; }

.zf-carrossel__controles button {
	width: 48px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: 1px solid #3a3848;
	border-radius: 999px;
	color: var(--wp--preset--color--branco);
	cursor: pointer;
}

.zf-carrossel__controles button:disabled { opacity: 0.35; cursor: default; }

/* ---------- FAQ ---------- */

.zf-home-faq { display: grid; grid-template-columns: 5fr 7fr; align-items: start; gap: 1.5rem clamp(2rem, 1rem + 4vw, 4rem); }

.zf-home-faq__lado { display: flex; flex-direction: column; gap: 1.25rem; }
.zf-home-faq__lado .zf-home-botoes { justify-content: flex-start; margin: 0; }

.zf-home-faq__cartao {
	margin-top: 1rem;
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: 0.625rem;
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 18px;
}

.zf-home-faq__cartao p { margin: 0; color: var(--h-texto); }
.zf-home-faq__cartao strong { font-size: 1.0625rem; color: var(--wp--preset--color--branco); }
.zf-home-faq__cartao .zf-home-botoes a { min-height: 46px; padding: 0 1.25rem; font-size: 0.9375rem; }

.zf-home-faq__lista > * { margin: 0; max-width: none; }
.zf-home-faq__lista .zf-faq { margin: 0; padding: 0; background: none; border: 0; }

.zf-home-faq__lista .zf-faq__titulo {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.zf-home-faq__lista .zf-faq__lista { display: flex; flex-direction: column; gap: 0.75rem; }

.zf-home-faq__lista .zf-faq__item {
	background: var(--h-cartao);
	border: 1px solid var(--h-borda);
	border-radius: 16px;
}

.zf-home-faq__lista .zf-faq__item[open] { border-color: var(--wp--custom--roxo--600); }

.zf-home-faq__lista .zf-faq__pergunta {
	min-height: 72px;
	box-sizing: border-box;
	padding: 1.125rem 4.5rem 1.125rem 1.5rem;
	display: flex;
	align-items: center;
	position: relative;
	list-style: none;
	font-size: 1.0625rem;
	font-weight: 700;
	color: var(--wp--preset--color--branco);
	cursor: pointer;
}

.zf-home-faq__lista .zf-faq__pergunta::-webkit-details-marker { display: none; }

.zf-home-faq__lista .zf-faq__pergunta::after {
	content: "+";
	position: absolute;
	right: 1.25rem;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--wp--custom--roxo--600);
	border-radius: 10px;
	background: var(--wp--custom--roxo--950);
	font-size: 1.25rem;
	font-weight: 500;
	color: var(--h-roxo);
}

.zf-home-faq__lista .zf-faq__item[open] .zf-faq__pergunta::after { content: "–"; }
.zf-home-faq__lista .zf-faq__pergunta:focus-visible { outline: 2px solid var(--wp--preset--color--roxo-claro); outline-offset: -2px; border-radius: 16px; }

.zf-home-faq__lista .zf-faq__resposta { padding: 0 4.5rem 1.375rem 1.5rem; color: var(--h-texto); line-height: 1.65; }
.zf-home-faq__lista .zf-faq__resposta p { margin: 0 0 0.75rem; }

.zf-home-faq__lista .zf-faq__resposta ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.625rem 1.25rem;
	color: var(--wp--preset--color--cinza-claro);
}

.zf-home-faq__lista .zf-faq__resposta li { display: flex; align-items: center; gap: 0.625rem; }
.zf-home-faq__lista .zf-faq__resposta li::before { content: ""; width: 6px; height: 6px; flex-shrink: 0; border-radius: 99px; background: var(--h-roxo); box-shadow: 0 0 8px rgba(154, 84, 248, 0.8); }

/* ---------- Contato final ---------- */

.zf-home-final {
	max-width: none;
	align-items: center;
	text-align: center;
	background: radial-gradient(760px 380px at 50% 50%, rgba(97, 9, 215, 0.34), transparent 70%);
}

.zf-home-final h2 { font-size: clamp(2rem, 1.2rem + 3vw, 3.375rem); max-width: 52rem; }
.zf-home-contato__linha { margin: 0; color: var(--h-texto); }
.zf-home-contato__linha a { color: var(--wp--preset--color--cinza-claro); }
.zf-home-final .zf-home-botoes { margin-top: 0; }

/* ---------- Cases recentes (bloco do plugin) ---------- */

.zf-home > .zf-cards,
.zf-home > section.zf-lista-cards { width: 100%; max-width: calc(var(--h-largura) + 2 * var(--h-gutter)); margin: 0 auto; padding: 4rem var(--h-gutter); box-sizing: border-box; }

/* ---------- Responsivo ---------- */

@media (max-width: 1180px) {
	.zf-home-objetivos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.zf-carrossel__trilho { grid-auto-columns: calc((100% - 1rem) / 2); }
}

@media (max-width: 1023px) {
	.zf-home-frentes { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.zf-home-conectadas { grid-template-columns: 1fr; max-width: 34rem; margin: 0 auto; }
	.zf-home-porque,
	.zf-home-faq { grid-template-columns: 1fr; }
	.zf-int__corpo { grid-template-columns: 1fr; gap: 1rem; }
	.zf-int__abas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 0 0 1rem; border-right: 0; border-bottom: 1px solid var(--h-borda); }
	.zf-int__aba { min-height: 48px; padding: 0 0.625rem; gap: 0.625rem; font-size: 0.875rem; }
	.zf-int__aba > svg:last-child { display: none; }
	.zf-int__painel { padding: 0.5rem 0.25rem; }
	.zf-home-metodo__etapas { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 2.5rem; }
	.zf-home-metodo__etapas::before { display: none; }
}

@media (max-width: 767px) {
	.zf-home-objetivos { grid-template-columns: 1fr; }
	.zf-home-objetivo { flex-direction: row; align-items: center; flex-wrap: wrap; padding: 1rem; gap: 0.25rem 0.875rem; }
	.zf-home-objetivo .zf-home-icone { width: 44px; height: 44px; }
	.zf-home-objetivo strong { flex: 1 1 60%; }
	.zf-home-objetivo span:last-child { flex-basis: 100%; padding-left: calc(44px + 0.875rem); }
	.zf-carrossel__trilho { grid-auto-columns: 100%; }
	.zf-cliente { flex-direction: column; align-items: stretch; }
	.zf-cliente__foto { width: 100%; aspect-ratio: 16 / 10; }
	.zf-home-faq__lista .zf-faq__resposta ul { grid-template-columns: 1fr; }
	.zf-home-faq__lista .zf-faq__pergunta { padding-right: 4rem; font-size: 0.9375rem; }
	.zf-home-faq__lista .zf-faq__resposta { padding: 0 1.125rem 1.125rem; }
	.zf-home-botoes { flex-direction: column; align-items: stretch; }
	.zf-int__plataformas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; }
	.zf-int__plataformas .zf-home-botao { grid-column: 1 / -1; }
	.zf-int__plataforma { padding: 0 0.75rem 0 0.5rem; font-size: 0.9375rem; }
}

@media (max-width: 479px) {
	.zf-home-frentes { grid-template-columns: 1fr 1fr; gap: 0.75rem; }
	.zf-home-frente { flex-direction: column; align-items: flex-start; padding: 1rem; gap: 0.75rem; }
	.zf-home-frente .zf-home-icone { width: 44px; height: 44px; }
	.zf-home-metodo__etapas { grid-template-columns: 1fr; text-align: left; }
	.zf-home-metodo__etapas li { align-items: flex-start; padding-left: 64px; min-height: 60px; }
	.zf-home-metodo__etapas li::before { position: absolute; left: 0; top: 0; width: 46px; height: 46px; }
}

@media (prefers-reduced-motion: reduce) {
	.zf-carrossel__trilho { scroll-behavior: auto; }
}


/* zf: solucoes conectadas com 4 cards */
.zf-home-conectadas { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.25rem; }
.zf-home-conectada h3 { font-size: clamp(1.25rem, 1.1rem + 0.4vw, 1.5rem); }
@media (max-width: 1180px) {
	.zf-home-conectadas { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: none; margin: 0; }
}
@media (max-width: 767px) {
	.zf-home-conectadas { grid-template-columns: 1fr; max-width: 34rem; margin: 0 auto; }
}