/* NÃO EDITAR: _compartilhado/_elementos/d; sincronizar.cjs. */
/* Anatomia: maquete com zonas desenhadas em CSS, pontos numerados e cursor que visita a zona ativa. */
.cw-d-an{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;align-items:center}
.cw-d-an-cena{min-width:0;border-radius:var(--d-raio-p);background:var(--d-papel);box-shadow:var(--d-sombra-p);border:1.5px solid color-mix(in srgb,var(--d-linha) 80%,transparent);overflow:hidden}
.cw-d-an-barra{display:flex;gap:6px;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--d-linha) 60%,transparent);background:var(--d-alt)}
.cw-d-an-barra i{width:10px;height:10px;border-radius:50%;background:var(--d-linha)}
.cw-d-an-tela{position:relative;aspect-ratio:4/3;container-type:size}
.cw-d-an-mock{position:absolute;inset:0}
.cw-d-an-z{position:absolute;border-radius:8px;background:var(--d-alt);transition:box-shadow .35s,background-color .35s,transform .45s var(--d-curva)}
.cw-d-an-z.is-aceso{background:color-mix(in srgb,var(--d-suave) 75%,var(--d-alt))}
.cw-d-an-z.is-ativo{box-shadow:0 0 0 3px var(--d-acento),0 12px 28px color-mix(in srgb,var(--d-acento) 30%,transparent);transform:scale(1.02);z-index:1}
/* Detalhes de cada zona (decorativos). */
.z-menu{border-radius:0!important;background:linear-gradient(90deg,var(--d-tinta) 0 9%,transparent 9%) 4% 50%/100% 34% no-repeat,repeating-linear-gradient(90deg,transparent 0 58%,var(--d-linha) 58% 64%,transparent 64% 70%) 0 50%/100% 18% no-repeat,var(--d-alt)!important}
.z-titulo{background:linear-gradient(var(--d-tinta),var(--d-tinta)) 0 8%/88% 22% no-repeat,linear-gradient(var(--d-tinta),var(--d-tinta)) 0 40%/66% 22% no-repeat,linear-gradient(var(--d-linha),var(--d-linha)) 0 80%/94% 10% no-repeat!important}
.z-oferta{background:radial-gradient(circle at 50% 42%,var(--d-suave) 0 26%,transparent 27%),var(--d-alt)!important}
.z-prova{background:repeating-linear-gradient(90deg,var(--d-linha) 0 14%,transparent 14% 20%) 0 50%/100% 60% no-repeat!important}
.z-botao{background:var(--d-acento)!important;border-radius:999px}
.z-formulario{background:linear-gradient(var(--d-papel),var(--d-papel)) 0 0/100% 26% no-repeat,linear-gradient(var(--d-papel),var(--d-papel)) 0 37%/100% 26% no-repeat,linear-gradient(var(--d-acento),var(--d-acento)) 0 100%/40% 24% no-repeat,var(--d-alt)!important;outline:1px solid var(--d-linha)}
.z-whatsapp{border-radius:50%!important;background:#25a35a!important}
.z-rodape{border-radius:0!important;background:var(--d-tinta)!important;opacity:.85}
.z-saudacao,.z-resposta,.z-catalogo{border-radius:16px 16px 4px 16px!important;background:color-mix(in srgb,var(--d-suave) 80%,#fff)!important}
.z-pergunta{border-radius:16px 16px 16px 4px!important;background:var(--d-papel)!important;outline:1px solid var(--d-linha)}
.z-catalogo{background:linear-gradient(var(--d-papel),var(--d-papel)) 6% 50%/26% 66% no-repeat,linear-gradient(var(--d-papel),var(--d-papel)) 37% 50%/26% 66% no-repeat,linear-gradient(var(--d-papel),var(--d-papel)) 68% 50%/26% 66% no-repeat,color-mix(in srgb,var(--d-suave) 80%,#fff)!important}
.z-encaminhamento{border-radius:999px!important;background:var(--d-tinta)!important;opacity:.8}
.z-registro{border-radius:6px!important;background:repeating-linear-gradient(90deg,var(--d-alerta-fundo) 0 18%,transparent 18% 20%)!important;outline:1px dashed var(--d-alerta)}
.z-resposta::after{content:"";position:absolute;right:8%;bottom:22%;width:24%;height:22%;background:radial-gradient(circle,var(--d-acento) 30%,transparent 34%) 0 50%/33% 100% repeat-x}
.cw-d[data-cw-motion] .z-resposta::after{animation:cw-d-an-digita 1.2s steps(3) infinite}
@keyframes cw-d-an-digita{to{background-position:100% 50%}}
.z-indicadores{background:linear-gradient(90deg,var(--d-papel) 0 23%,transparent 23% 25.6%,var(--d-papel) 25.6% 48.6%,transparent 48.6% 51.2%,var(--d-papel) 51.2% 74.2%,transparent 74.2% 76.8%,var(--d-papel) 76.8%)!important;outline:1px solid var(--d-linha)}
.z-filtros{background:repeating-linear-gradient(90deg,var(--d-suave) 0 14%,transparent 14% 17%)!important;border-radius:999px!important}
.z-grafico{background:linear-gradient(0deg,var(--d-acento) 0 0) 10% 100%/10% 40% no-repeat,linear-gradient(0deg,var(--d-acento) 0 0) 30% 100%/10% 70% no-repeat,linear-gradient(0deg,var(--d-vivo) 0 0) 50% 100%/10% 55% no-repeat,linear-gradient(0deg,var(--d-acento) 0 0) 70% 100%/10% 85% no-repeat,linear-gradient(0deg,var(--d-vivo) 0 0) 90% 100%/10% 62% no-repeat,var(--d-alt)!important}
.z-lista{background:repeating-linear-gradient(var(--d-papel) 0 15%,transparent 15% 19%)!important;outline:1px solid var(--d-linha)}
.z-alerta{background:var(--d-alerta-fundo)!important;outline:1.5px solid var(--d-alerta)}
.cw-d[data-cw-motion] .z-alerta{animation:cw-d-an-pisca 2.4s ease-in-out infinite}
.z-responsavel{border-radius:999px!important;background:radial-gradient(circle at 14% 50%,var(--d-acento) 0 11%,transparent 12%),var(--d-papel)!important;outline:1px solid var(--d-linha)}
.z-atracao,.z-interesse,.z-conversa,.z-decisao{border-radius:4px!important;clip-path:polygon(0 0,100% 0,92% 100%,8% 100%)}
.z-atracao{background:var(--d-suave)!important}.z-interesse{background:color-mix(in srgb,var(--d-suave) 60%,var(--d-acento))!important}.z-conversa{background:color-mix(in srgb,var(--d-suave) 30%,var(--d-acento))!important}.z-decisao{background:var(--d-acento)!important}
.z-retorno{background:none!important;border:5px solid var(--d-vivo);border-left:0;border-radius:0 60px 60px 0!important}
.z-retorno::after{content:"";position:absolute;left:-6px;top:-11px;border:9px solid transparent;border-right:12px solid var(--d-vivo);border-left:0}
.cw-d-an[data-molde=funil] .cw-d-an-mock::before{content:"";position:absolute;left:39%;top:4%;width:12px;height:78%;margin-left:-6px;background:radial-gradient(circle,var(--d-papel) 3px,transparent 3.6px) 0 0/12px 26px repeat-y;z-index:2;opacity:.9}
.cw-d[data-cw-motion] .cw-d-an[data-molde=funil] .cw-d-an-mock::before{animation:cw-d-an-cai 1.2s linear infinite}
@keyframes cw-d-an-cai{to{background-position:0 26px}}@keyframes cw-d-an-pisca{0%,100%{opacity:1}50%{opacity:.4}}
.cw-d[data-cw-motion] .z-whatsapp::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25a35a;animation:cw-d-pulso 2.2s ease-out infinite}
.cw-d-an-cursor{position:absolute;left:0;top:0;width:22px;height:22px;z-index:4;transform:translate(calc(var(--cx,50) * 1cqw + 6px),calc(var(--cy,50) * 1cqh + 8px));transition:transform .8s var(--d-curva);background:var(--d-tinta);clip-path:polygon(0 0,0 80%,22% 62%,40% 100%,54% 94%,36% 58%,64% 58%);opacity:0}
.cw-d-an.is-pronto .cw-d-an-cursor{opacity:.9}
.cw-d-an-pontos{position:absolute;inset:0;z-index:5}
.cw-d-an-pt{position:absolute;left:calc(var(--x) * 1%);top:calc(var(--y) * 1%);width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;border:0;background:none;display:grid;place-items:center}
.cw-d-an-pt>span[aria-hidden]{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--d-papel);color:var(--d-acento);border:2px solid var(--d-acento);font:700 14px/1 var(--d-mono);box-shadow:0 4px 12px #0000002b;transition:transform .3s var(--d-curva),background-color .3s,color .3s}
.cw-d-an-pt:hover>span[aria-hidden]{transform:scale(1.15)}
.cw-d-an-pt.is-feito>span[aria-hidden],.cw-d-an-pt.is-ativo>span[aria-hidden]{background:var(--d-acento);color:#fff}
.cw-d-an-pt.is-ativo>span[aria-hidden]{transform:scale(1.22)}
.cw-d-an-pt::after{content:"";position:absolute;width:30px;height:30px;border-radius:50%;border:2px solid var(--d-vivo);opacity:0;pointer-events:none}
.cw-d[data-cw-motion] .cw-d-an-pt.is-ativo::after{animation:cw-d-pulso 2s ease-out infinite}
.cw-d-an .cw-d-painel{padding:20px;border-left:4px solid var(--d-acento)}
/* Agência: maquete em cartaz, contorno preto e pontos quadrados. */
.cw-d[data-marca=agencia] .cw-d-an-cena{border:3px solid #141414;border-radius:0;box-shadow:8px 8px 0 #141414}
.cw-d[data-marca=agencia] .cw-d-an-barra{background:#e9ccff;border-bottom:3px solid #141414}
.cw-d[data-marca=agencia] .cw-d-an-barra i{background:#141414;border-radius:0}
.cw-d[data-marca=agencia] .cw-d-an-z{border-radius:0}
.cw-d[data-marca=agencia] .cw-d-an-z.is-ativo{box-shadow:0 0 0 3px #141414,6px 6px 0 3px #8d37b5}
.cw-d[data-marca=agencia] .z-botao{background:#55db9c!important;outline:3px solid #141414}
.cw-d[data-marca=agencia] .cw-d-an-pt>span[aria-hidden]{border-radius:0;border:3px solid #141414;color:#141414;background:#ffd731;box-shadow:3px 3px 0 #141414;font:400 17px/1 var(--d-fonte)}
.cw-d[data-marca=agencia] .cw-d-an-pt.is-feito>span[aria-hidden],.cw-d[data-marca=agencia] .cw-d-an-pt.is-ativo>span[aria-hidden]{background:#55db9c;color:#141414}
.cw-d[data-marca=agencia] .cw-d-an .cw-d-painel{border-left:8px solid #141414}
/* Corp: maquete clara com contorno fino. */
.cw-d[data-marca=corp] .cw-d-an-z{border-radius:5px}
.cw-d[data-marca=corp] .cw-d-an-pt>span[aria-hidden]{border-width:1.5px;width:28px;height:28px}
@media (max-width:760px){.cw-d-an{grid-template-columns:1fr}.cw-d-an-pt>span[aria-hidden]{width:26px;height:26px;font-size:12px}}