/*
 * Landing da ZAIA - CRM com Agentes IA (inc/zaia-landing.php).
 * Aprovada em 11/11/2026. Base escura do site; o laranja e a cor da ZAIA.
 * Sem bordas de 1px (destaque pelo fundo). Movimento so com transform e
 * opacity; prefers-reduced-motion deixa tudo parado.
 */

.zf-zaia-pagina {
	--zz-laranja: #f97316;
	--zz-laranja-acao: #c2410c;
	--zz-laranja-acao-hover: #9a3412;
	--zz-laranja-texto: #fb923c;
	--zz-laranja-claro: #fdba74;
	--zz-laranja-palido: #fed7aa;
	--zz-laranja-fundo: #1c0f08;
	--zz-laranja-icone: #2a1206;
	--zz-cartao: #131315;
	--zz-cartao-hover: #1b1b1e;
	--zz-faixa: #18181b;
	--zz-ease: cubic-bezier(0.22, 1, 0.36, 1);
	background: #0a0a0b;
	color: #e4e4e7;
	overflow: hidden;
}

.zf-zaia-pagina *, .zf-zaia-pagina *::before, .zf-zaia-pagina *::after { box-sizing: border-box; }
.zf-zaia-pagina p, .zf-zaia-pagina h1, .zf-zaia-pagina h2, .zf-zaia-pagina h3, .zf-zaia-pagina ul, .zf-zaia-pagina ol, .zf-zaia-pagina figure { margin: 0; }
.zf-zaia-pagina ul, .zf-zaia-pagina ol { padding: 0; list-style: none; }
.zf-zaia-pagina a { color: var(--zz-laranja-claro); text-decoration: none; }
.zf-zaia-pagina a:hover { color: var(--zz-laranja-palido); }
.zf-zaia-pagina [id] { scroll-margin-top: 96px; }
.zf-zaia-pagina a:focus-visible, .zf-zaia-pagina button:focus-visible, .zf-zaia-pagina summary:focus-visible { outline: 2px solid var(--zz-laranja-texto); outline-offset: 3px; }

.zz-w { max-width: 1360px; margin: 0 auto; padding: 0 clamp(20px, 4vw, 40px); }
.zz-sec { padding: clamp(64px, 8vw, 104px) 0; }
.zz-sec--sem-topo { padding-top: 0; }
.zz-sec--cinza { background: #121212; }
.zz-sec--agentes { background: radial-gradient(900px 500px at 50% 0%, rgba(249, 115, 22, 0.12), transparent 70%), #0e0d0c; }
.zz-sec--quente { background: radial-gradient(900px 480px at 100% 0%, rgba(249, 115, 22, 0.12), transparent 70%), #0e0d0c; }
.zz-sec--demo { background: radial-gradient(800px 480px at 0% 100%, rgba(249, 115, 22, 0.16), transparent 70%), #121212; }

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

.zz-sobre { font-size: 13px; font-weight: 600; letter-spacing: 0.34em; text-transform: uppercase; color: var(--zz-laranja-texto); }
.zf-zaia-pagina .zz-h2 { margin-top: 14px; max-width: 820px; font-size: clamp(30px, 3.6vw, 48px); line-height: 1.1; font-weight: 800; letter-spacing: -0.035em; color: #fff; }
.zf-zaia-pagina .zz-h2--m { font-size: clamp(28px, 3.2vw, 40px); }
.zf-zaia-pagina .zz-h2 em, .zf-zaia-pagina .zz-h1 em { font-style: normal; color: var(--zz-laranja-texto); }
.zz-lead { margin-top: 16px !important; max-width: 640px; font-size: 18px; line-height: 1.6; color: #a1a1aa; }
.zz-item--quente { color: #d6c3b6; }
.zz-obs { margin-top: 20px !important; font-size: 13px; color: #8b8b95; }

/* ---------- Botoes e chips ---------- */

.zz-botoes { display: flex; flex-wrap: wrap; gap: 12px; }
.zf-zaia-pagina .zz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; padding: 0 24px; border-radius: 12px; font-size: 15px; font-weight: 700; transition: background-color 200ms, transform 120ms; }
.zf-zaia-pagina .zz-btn:active { transform: scale(0.98); }
.zf-zaia-pagina .zz-btn--p { background: var(--zz-laranja-acao); color: #fff; box-shadow: 0 0 34px rgba(249, 115, 22, 0.35); }
.zf-zaia-pagina .zz-btn--p:hover { background: var(--zz-laranja-acao-hover); color: #fff; }
.zf-zaia-pagina .zz-btn--s { background: rgba(249, 115, 22, 0.12); color: var(--zz-laranja-claro); }
.zf-zaia-pagina .zz-btn--s:hover { background: rgba(249, 115, 22, 0.22); color: var(--zz-laranja-palido); }
.zf-zaia-pagina .zz-btn--zap { background: #0e7a3d; color: #fff; }
.zf-zaia-pagina .zz-btn--zap:hover { background: #0b6b35; color: #fff; }

.zz-chip { display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; border-radius: 999px; background: var(--zz-faixa); font-size: 13px; font-weight: 600; color: #e4e4e7; }
.zz-chip--laranja { background: rgba(249, 115, 22, 0.14); color: var(--zz-laranja-claro); }
.zz-chip--escuro { background: var(--zz-laranja-icone); color: var(--zz-laranja-palido); }
.zf-zaia-pagina .zz-chip--acao { background: var(--zz-laranja-acao); color: #fff; }
.zf-zaia-pagina .zz-chip--acao:hover { background: var(--zz-laranja-acao-hover); color: #fff; }
.zz-ponto { width: 8px; height: 8px; border-radius: 999px; background: var(--zz-laranja); }

.zz-checks { display: flex; flex-direction: column; gap: 12px; }
.zz-checks li { display: flex; gap: 12px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: #e4e4e7; }
.zz-checks .zz-estrela { flex-shrink: 0; margin-top: 1px; }

/* ---------- Cartoes ---------- */

.zz-grade3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; margin-top: 44px; }
.zz-grade4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 16px; margin-top: 44px; }
.zf-zaia-pagina .zz-card { display: flex; flex-direction: column; padding: 28px; border-radius: 22px; background: var(--zz-cartao); color: #e4e4e7; transition: transform 220ms cubic-bezier(0.4, 0, 0.2, 1), background-color 220ms; }
.zf-zaia-pagina .zz-card:hover { background: var(--zz-cartao-hover); transform: translateY(-4px); }
.zz-card__titulo { display: block; margin-top: 20px !important; font-size: 21px; font-weight: 800; letter-spacing: -0.02em; line-height: 1.25; color: #fff; }
.zz-card__titulo--p { font-size: 19px; margin-top: 14px !important; }
.zz-card__texto { display: block; margin-top: 10px !important; font-size: 15px; line-height: 1.6; color: #a1a1aa; }
.zz-ico { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex-shrink: 0; border-radius: 12px; background: var(--zz-laranja-icone); color: var(--zz-laranja-texto); }
.zz-ico--cheio { background: var(--zz-laranja-acao); color: #fff; }
.zz-num { font-size: 13px; font-weight: 800; color: var(--zz-laranja-texto); }
.zf-zaia-pagina .zz-card--crie { background: radial-gradient(360px 260px at 100% 0%, rgba(249, 115, 22, 0.35), transparent 70%), var(--zz-laranja-fundo); }
.zf-zaia-pagina .zz-card--crie:hover { background: radial-gradient(360px 260px at 100% 0%, rgba(249, 115, 22, 0.45), transparent 70%), #26140a; color: #e4e4e7; }
.zz-card--crie .zz-card__texto { color: #d6c3b6; }
.zz-link { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 18px; font-size: 15px; font-weight: 700; color: var(--zz-laranja-claro); }
.zz-link svg, .zf-zaia-pagina .zz-btn svg { transition: transform 300ms var(--zz-ease); }
.zz-card--crie:hover .zz-link svg, .zf-zaia-pagina .zz-btn:hover svg { transform: translateX(3px); }

/* ---------- Hero ---------- */

.zz-hero { padding: 28px 0 clamp(64px, 8vw, 104px); background: radial-gradient(800px 520px at 82% 18%, rgba(249, 115, 22, 0.22), transparent 70%), radial-gradient(600px 400px at 0% 100%, rgba(249, 115, 22, 0.08), transparent 70%); }
.zz-hero__grade { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; margin-top: 40px; }
.zz-hero__texto { flex: 1 1 480px; min-width: 0; }
.zz-marca { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; }
.zz-marca img { display: block; filter: drop-shadow(0 0 18px rgba(249, 115, 22, 0.5)); }
.zz-marca__nome { font-size: 36px; font-weight: 800; letter-spacing: 0.05em; color: #fff; }
.zz-marca__selo { padding: 7px 12px; border-radius: 999px; background: rgba(249, 115, 22, 0.14); font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--zz-laranja-claro); }
.zf-zaia-pagina .zz-h1 { margin-top: 28px; font-size: clamp(36px, 4.2vw, 56px); line-height: 1.06; font-weight: 800; letter-spacing: -0.035em; color: #fff; }
.zz-hero__resumo { margin-top: 22px !important; max-width: 560px; font-size: 18px; line-height: 1.6; color: #a1a1aa; }
.zz-hero__texto .zz-botoes { margin-top: 32px; }
.zz-hero__texto .zz-checks { margin-top: 32px; }

.zz-tela { flex: 1 1 440px; min-width: 0; }
.zz-tela__caixa { padding: 24px; border-radius: 28px; background: var(--zz-cartao); box-shadow: 0 30px 80px rgba(0, 0, 0, 0.5), 0 0 90px rgba(249, 115, 22, 0.16); }
.zz-tela__topo { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.zz-tela__topo strong { font-size: 16px; font-weight: 800; color: #fff; }
.zz-leads { display: flex; flex-direction: column; gap: 8px; margin-top: 18px !important; }
.zz-item { display: flex; align-items: center; gap: 14px; padding: 14px; border-radius: 16px; background: var(--zz-cartao-hover); }
.zz-item__avatar { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; border-radius: 999px; background: #26262b; font-size: 13px; font-weight: 800; color: #e4e4e7; }
.zz-item--quente .zz-item__avatar { background: var(--zz-laranja-icone); color: var(--zz-laranja-claro); }
.zz-item__texto { flex-grow: 1; min-width: 0; }
.zz-item__texto strong { display: block; font-size: 15px; font-weight: 700; color: #fff; }
.zz-item__texto span { display: block; font-size: 13px; color: #8b8b95; }
.zz-nota { flex-shrink: 0; padding: 6px 12px; border-radius: 999px; font-size: 13px; font-weight: 800; background: #26262b; color: #a1a1aa; }
.zz-item--quente .zz-nota { background: var(--zz-laranja-acao); color: #fff; }
.zz-item--morno .zz-nota { background: #3a2a12; color: #fcd34d; }
.zz-atividade { display: flex; flex-direction: column; gap: 10px; margin-top: 16px; padding: 16px; border-radius: 16px; background: var(--zz-laranja-fundo); font-size: 14px; color: #e4e4e7; }
.zz-atividade strong { color: var(--zz-laranja-claro); }
.zz-atividade__titulo { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--zz-laranja-texto); }
.zz-tela figcaption { margin-top: 14px; font-size: 12px; color: #8b8b95; }

/* ---------- Canais ---------- */

.zz-canais { background: var(--zz-faixa); }
.zz-canais__linha { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; padding-top: 28px; padding-bottom: 28px; }
.zz-canais__titulo { margin-right: 8px; font-size: 14px; font-weight: 700; color: #fff; }
.zz-canais__lista { display: flex; flex-wrap: wrap; gap: 10px; }
.zz-canais__lista .zz-chip { background: #0a0a0b; }

/* ---------- Agentes (carrossel) ---------- */

.zz-agentes__barra { display: flex; flex-wrap: wrap; gap: 24px; align-items: flex-end; justify-content: space-between; }
.zz-agentes__barra .zz-lead { flex: 1 1 520px; }
.zz-controles { display: flex; align-items: center; gap: 12px; }
.zz-controles[hidden] { display: none; }
.zz-contador { min-width: 92px; text-align: right; font-size: 13px; font-weight: 600; color: #a1a1aa; }
.zz-seta { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border: 0; border-radius: 999px; background: var(--zz-laranja-icone); color: var(--zz-laranja-claro); cursor: pointer; transition: background-color 200ms, transform 120ms; }
.zz-seta:hover:not(:disabled) { background: var(--zz-laranja-acao); color: #fff; }
.zz-seta:active:not(:disabled) { transform: scale(0.94); }
.zz-seta:disabled { opacity: 0.35; cursor: default; }

.zz-carrossel { --n: 3; margin: 36px -4px 0; padding: 6px 4px; overflow: hidden; }
.zz-trilho { display: flex; gap: 20px; transform: translateX(calc(var(--i, 0) * -1 * (100% + 20px) / var(--n))); transition: transform 520ms var(--zz-ease); }
.zz-slide { flex: 0 0 calc((100% - (var(--n) - 1) * 20px) / var(--n)); min-width: 0; display: flex; flex-direction: column; }
.zz-slide > .zz-card--crie { flex-grow: 1; }
.zz-slide__topo { display: flex; align-items: center; gap: 12px; }
.zz-slide__rotulo { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--zz-laranja-texto); }
.zz-slide__rotulo--custom { color: #a1a1aa; }
.zz-slide .zz-card__titulo { font-size: 23px; }

/* Sem JavaScript: rola na horizontal com snap. */
.zz-carrossel:not(.zz-carrossel--pronto) { overflow-x: auto; scroll-snap-type: x mandatory; }
.zz-carrossel:not(.zz-carrossel--pronto) .zz-slide { scroll-snap-align: start; }

.zz-progresso { height: 4px; margin-top: 18px; border-radius: 999px; background: var(--zz-cartao-hover); overflow: hidden; }
.zz-progresso[hidden] { display: none; }
.zz-progresso span { display: block; height: 100%; width: 0; border-radius: 999px; background: var(--zz-laranja); transition: width 500ms var(--zz-ease); }

.zz-mini { margin-top: auto; padding: 16px; border-radius: 16px; background: #0a0a0b; font-size: 13px; }
.zz-card__texto + .zz-mini { margin-top: 18px; }
.zz-slide .zz-card__texto { margin-bottom: 18px !important; }
.zz-slide .zz-mini { margin-top: auto; }
.zz-mini--chat { display: flex; flex-direction: column; gap: 8px; }
.zz-balao { align-self: flex-start; max-width: 85%; padding: 10px 12px; border-radius: 14px 14px 14px 4px; background: #26262b; line-height: 1.45; color: #e4e4e7; }
.zz-balao--ia { align-self: flex-end; border-radius: 14px 14px 4px 14px; background: #7c2d12; color: #fff; }
.zz-mini__nota { font-size: 12px; color: var(--zz-laranja-claro); }
.zz-mini--fatores { display: flex; flex-direction: column; gap: 9px; }
.zz-fator { display: flex; justify-content: space-between; gap: 12px; color: #a1a1aa; }
.zz-fator b { color: var(--zz-laranja-claro); }
.zz-fator--total { font-weight: 800; color: #fff; }
.zz-fator--total b { color: var(--zz-laranja-texto); }
.zz-mini--funil { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; align-items: end; font-size: 11px; color: #a1a1aa; text-align: center; }
.zz-mini--funil span { display: flex; flex-direction: column; gap: 6px; }
.zz-mini--funil i { display: block; border-radius: 8px; background: #7c2d12; }
.zz-mini--funil span:nth-child(2) i { background: #9a3412; }
.zz-mini--funil span:nth-child(3) i { background: #c2410c; }
.zz-mini--funil span:nth-child(4) i { background: var(--zz-laranja); }
.zz-mini--passos { display: flex; flex-direction: column; gap: 10px; }
.zz-passo { display: flex; align-items: center; gap: 10px; line-height: 1.4; color: #e4e4e7; }
.zz-passo .zz-estrela { flex-shrink: 0; }

.zz-custom { display: flex; flex-wrap: wrap; gap: 28px; align-items: center; margin-top: 20px; padding: 28px; border-radius: 22px; background: radial-gradient(520px 220px at 0% 0%, rgba(249, 115, 22, 0.2), transparent 70%), var(--zz-laranja-fundo); }
.zz-custom__texto { flex: 1 1 300px; min-width: 0; }
.zz-custom__texto .zz-card__titulo { margin-top: 10px !important; font-size: 23px; }
.zz-custom__texto .zz-card__texto { color: #d6c3b6; }
.zz-custom__sobre { font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--zz-laranja-texto); }
.zz-custom__chips { flex: 2 1 520px; min-width: 0; display: flex; flex-wrap: wrap; gap: 10px; }

/* ---------- Duas colunas, integracoes ---------- */

.zz-duas { display: flex; flex-wrap: wrap; gap: 56px; align-items: center; }
.zz-duas--topo { align-items: flex-start; }
.zz-duas--faq { gap: 48px; align-items: flex-start; }
.zz-duas__texto { flex: 1 1 400px; min-width: 0; }
.zz-duas--faq .zz-duas__texto { flex: 1 1 320px; }
.zz-duas--faq .zz-lead { font-size: 16px; }

.zz-canais-grade { flex: 1 1 420px; min-width: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.zz-canal { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-height: 108px; padding: 14px 8px; border-radius: 18px; background: var(--zz-faixa); font-size: 13px; font-weight: 600; color: #e4e4e7; text-align: center; transition: background-color 220ms, transform 220ms cubic-bezier(0.4, 0, 0.2, 1); }
.zz-canal:hover { background: #202024; transform: translateY(-3px); }
.zz-canal img { display: block; }
.zz-canal--zaia { background: var(--zz-laranja-fundo); box-shadow: 0 0 40px rgba(249, 115, 22, 0.25); }
.zz-canal--zaia:hover { background: #26140a; }
.zz-canal--zaia span { font-weight: 800; letter-spacing: 0.06em; color: #fff; }

/* ---------- Sob medida ---------- */

.zz-cabeca-acao { display: flex; flex-wrap: wrap; gap: 32px; align-items: flex-end; justify-content: space-between; }
.zz-cabeca-acao > div { flex: 1 1 560px; min-width: 0; }

/* ---------- Assinatura ---------- */

.zz-bloco { display: flex; flex-wrap: wrap; gap: 40px; align-items: center; padding: clamp(32px, 5vw, 56px); border-radius: 32px; background: radial-gradient(700px 320px at 100% 0%, rgba(249, 115, 22, 0.32), transparent 70%), var(--zz-laranja-fundo); box-shadow: 0 0 120px rgba(249, 115, 22, 0.14); }
.zz-bloco__texto { flex: 1 1 460px; min-width: 0; }
.zz-bloco__acoes { flex: 1 1 320px; min-width: 0; display: flex; flex-direction: column; gap: 20px; }

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

.zz-faqs { flex: 2 1 520px; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.zz-faq { border-radius: 18px; background: var(--zz-cartao); }
.zz-faq summary { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 22px 24px; list-style: none; cursor: pointer; font-size: 17px; font-weight: 700; color: #fff; }
.zz-faq summary::-webkit-details-marker { display: none; }
.zz-faq summary svg { flex-shrink: 0; color: var(--zz-laranja-texto); transition: transform 260ms var(--zz-ease); }
.zz-faq[open] summary svg { transform: rotate(45deg); }
.zz-faq p { padding: 0 24px 22px; font-size: 15px; line-height: 1.6; color: #a1a1aa; }

/* ---------- Demonstracao ---------- */

.zz-sec--demo .zz-checks { margin-top: 28px; }
.zz-contato-linha { margin-top: 28px !important; font-size: 14px; line-height: 1.7; color: #a1a1aa; }
.zz-form { flex: 1 1 440px; min-width: 0; padding: clamp(24px, 3vw, 36px); border-radius: 24px; background: var(--zz-cartao); }
.zz-form__titulo { margin-bottom: 16px !important; font-size: 20px; font-weight: 800; color: #fff; }
.zz-form button[type="submit"], .zz-form input[type="submit"], .zz-form .wpforms-submit { background: var(--zz-laranja-acao) !important; color: #fff !important; }
.zz-form button[type="submit"]:hover, .zz-form input[type="submit"]:hover, .zz-form .wpforms-submit:hover { background: var(--zz-laranja-acao-hover) !important; }
.zz-form input:focus, .zz-form textarea:focus, .zz-form select:focus { outline: 2px solid var(--zz-laranja-texto); outline-offset: 1px; }

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

@media (max-width: 1100px) { .zz-carrossel { --n: 2; } }
@media (max-width: 720px) {
	.zz-carrossel { --n: 1; }
	.zz-contador { min-width: 0; }
	.zz-canais-grade { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.zz-marca__nome { font-size: 30px; }
}

@media (prefers-reduced-motion: reduce) {
	.zz-trilho, .zf-zaia-pagina .zz-card, .zz-canal, .zf-zaia-pagina .zz-btn, .zz-seta, .zz-faq summary svg, .zz-progresso span, .zz-link svg { transition: none; }
	.zf-zaia-pagina .zz-card:hover, .zz-canal:hover { transform: none; }
}

/* ---------- Movimento de entrada (11/11/2026) ----------
 * html.zz-anim vem do <head> (so sem "reduzir movimento"). O JS poe .zz-in
 * quando o elemento entra na tela; --d escalona irmaos em cascata.
 */

html.zz-anim .zf-zaia-pagina :is(.zz-marca, .zz-hero__resumo, .zz-hero .zz-botoes, .zz-hero .zz-checks li, .zz-atividade, .zz-canais__titulo, .zz-sobre, .zz-h2, .zz-lead, .zz-grade3 > *, .zz-grade4 > *, .zz-slide, .zz-custom, .zz-bloco, .zz-faq, .zz-form, .zz-obs, .zz-cabeca-acao > .zz-btn, .zz-controles, .zz-sec--demo .zz-checks li, .zz-contato-linha, .zz-tela, .zz-item, .zz-canal, .zz-canais__lista > li, .zz-custom__chips > li):not(.zz-ok) {
	transition: opacity 900ms var(--zz-ease), transform 900ms var(--zz-ease), filter 900ms var(--zz-ease);
	transition-delay: var(--d, 0ms);
}

html.zz-anim .zf-zaia-pagina :is(.zz-marca, .zz-hero__resumo, .zz-hero .zz-botoes, .zz-hero .zz-checks li, .zz-atividade, .zz-canais__titulo, .zz-sobre, .zz-h2, .zz-lead, .zz-grade3 > *, .zz-grade4 > *, .zz-slide, .zz-custom, .zz-bloco, .zz-faq, .zz-form, .zz-obs, .zz-cabeca-acao > .zz-btn, .zz-controles, .zz-sec--demo .zz-checks li, .zz-contato-linha):not(.zz-in) {
	opacity: 0;
	transform: translateY(26px);
	filter: blur(8px);
}

/* Tela do hero: entra inclinada, como se pousasse. */
html.zz-anim .zf-zaia-pagina .zz-tela:not(.zz-ok) { transition-duration: 1200ms; }
html.zz-anim .zf-zaia-pagina .zz-tela:not(.zz-in) { opacity: 0; transform: perspective(1200px) rotateX(12deg) translateY(48px) scale(0.96); filter: blur(10px); }

/* Leads da tela: chegam pela direita, um a um. */
html.zz-anim .zf-zaia-pagina .zz-item:not(.zz-in) { opacity: 0; transform: translateX(28px); filter: blur(4px); }

/* Pecas pequenas: surgem com leve escala. */
html.zz-anim .zf-zaia-pagina :is(.zz-canal, .zz-canais__lista > li, .zz-custom__chips > li):not(.zz-in) { opacity: 0; transform: translateY(14px) scale(0.9); filter: blur(4px); }

/* Titulo principal: palavra por palavra. */
html.zz-anim .zf-zaia-pagina .zz-h1:not(.zz-pronto) { opacity: 0; }
.zz-palavra { display: inline-block; }
html.zz-anim .zf-zaia-pagina .zz-h1 .zz-palavra { opacity: 0; transform: translateY(0.45em) rotate(2deg); filter: blur(8px); }
html.zz-anim .zf-zaia-pagina .zz-h1.zz-in .zz-palavra { animation: zz-palavra 800ms var(--zz-ease) forwards; animation-delay: var(--d, 0ms); }
@keyframes zz-palavra { to { opacity: 1; transform: none; filter: none; } }

/* Simbolo da ZAIA no hero: gira e assenta. */
html.zz-anim .zf-zaia-pagina .zz-marca img { transition: transform 1000ms var(--zz-ease); }
html.zz-anim .zf-zaia-pagina .zz-marca:not(.zz-in) img { transform: rotate(-18deg) scale(0.6); }

/* Funil do agente 03: barras crescem quando o cartao aparece. */
.zz-mini--funil i { transform-origin: 50% 100%; transition: transform 800ms var(--zz-ease); }
.zz-mini--funil span:nth-child(2) i { transition-delay: 100ms; }
.zz-mini--funil span:nth-child(3) i { transition-delay: 200ms; }
.zz-mini--funil span:nth-child(4) i { transition-delay: 300ms; }
html.zz-anim .zf-zaia-pagina .zz-slide:not(.zz-in) .zz-mini--funil i { transform: scaleY(0); }

/* Passos dos agentes e fatores da nota: cascata dentro do cartao. */
html.zz-anim .zf-zaia-pagina :is(.zz-passo, .zz-fator, .zz-balao, .zz-mini__nota) { transition: opacity 600ms var(--zz-ease), transform 600ms var(--zz-ease); }
html.zz-anim .zf-zaia-pagina .zz-slide:not(.zz-in) :is(.zz-passo, .zz-fator, .zz-balao, .zz-mini__nota) { opacity: 0; transform: translateY(10px); }
.zz-slide :is(.zz-passo, .zz-fator, .zz-balao, .zz-mini__nota):nth-child(2) { transition-delay: 120ms; }
.zz-slide :is(.zz-passo, .zz-fator, .zz-balao, .zz-mini__nota):nth-child(3) { transition-delay: 240ms; }
.zz-slide :is(.zz-passo, .zz-fator, .zz-balao, .zz-mini__nota):nth-child(4) { transition-delay: 360ms; }

/* ZAIA no centro das integracoes: um pulso de luz ao aparecer. */
.zz-canal--zaia.zz-in { animation: zz-pulso 2400ms ease 700ms 1; }
@keyframes zz-pulso {
	0%, 100% { box-shadow: 0 0 40px rgba(249, 115, 22, 0.25); }
	45% { box-shadow: 0 0 0 6px rgba(249, 115, 22, 0.18), 0 0 80px rgba(249, 115, 22, 0.55); }
}

@media (prefers-reduced-motion: reduce) {
	html.zz-anim .zf-zaia-pagina * { transition: none !important; animation: none !important; opacity: 1 !important; transform: none !important; filter: none !important; }
}