Geramos crescimento com previsibilidade em Vendas
A mais completa Consultoria de Vendas para aumento da produtividade do Brasil
+ de
0
clientes
Melhoramos expressivamente os resultados de Vendas da sua empresa através do alinhamento de 6 Pilares
Estratégia
Estrutura
Processos
Gestão
Tecnologia
Pessoas
Nossos Produtos
Consultoria de Vendas
Atuamos com uma abordagem sistêmica para a correção dos fatores operacionais que impactam na produtividade de vendas. Implantamos uma metodologia de vendas integrada ao processo, estratégia e sistemas de gestão da empresa.
Palestras e Convenções
A partir do objetivo da empresa desenvolvemos conteúdos personalizados, por meio de metodologias práticas, vivenciais e inesquecíveis. Nossas Palestras e Workshops são técnicas e motivacionais, emocionam o público e geram insights de vendas e gestão.
Treinamento de Vendas
Entregamos soluções de aprendizagem impactantes que produzem resultados consistentes, pois nos dedicamos a entender com profundidade as demandas do cliente. Participamos desde o desenho das Trilhas de Aprendizagem até a execução
Capacitação de Líderes
A partir do objetivo da empresa desenvolvemos conteúdos personalizados, por meio de metodologias práticas, vivenciais e inesquecíveis. Nossas Palestras e Workshops são técnicas e motivacionais, emocionam o público e geram insights de vendas e gestão.
Educação Corporativa
Nossa abrangência deve-se a larga experiência prática que possuímos como executivos de vendas e como consultores em projetos de aumento de produtividade de vendas, com resultados comprovados nas maiores empresas do Brasil (500 maiores da revista Exame).
Soluções de IA para Vendas
A SalesMeet é a plataforma de IA que gera inteligência de dados a partir da análise de todas as conversas do seu time de Vendas e CS: reuniões por vídeo, ligações, WhatsApp e interações presenciais. E preenche o CRM automaticamente.
Serviços
Consultoria de Vendas
Atuamos com uma abordagem sistêmica para a correção dos fatores operacionais que impactam na produtividade de vendas. Implantamos uma metodologia de vendas integrada ao processo, estratégia e sistemas de gestão da empresa.
Palestras e Convenções
A partir do objetivo da empresa desenvolvemos conteúdos personalizados, por meio de metodologias práticas, vivenciais e inesquecíveis. Nossas Palestras e Workshops são técnicas e motivacionais, emocionam o público e geram insights de vendas e gestão.
Treinamento de Vendas
Entregamos soluções de aprendizagem impactantes que produzem resultados consistentes, pois nos dedicamos a entender com profundidade as demandas do cliente. Participamos desde o desenho das Trilhas de Aprendizagem até a execução
Capacitação de Líderes
A partir do objetivo da empresa desenvolvemos conteúdos personalizados, por meio de metodologias práticas, vivenciais e inesquecíveis. Nossas Palestras e Workshops são técnicas e motivacionais, emocionam o público e geram insights de vendas e gestão.
Educação Corporativa
Nossa abrangência deve-se a larga experiência prática que possuímos como executivos de vendas e como consultores em projetos de aumento de produtividade de vendas, com resultados comprovados nas maiores empresas do Brasil (500 maiores da revista Exame).
Soluções de IA para Vendas
A SalesMeet é a plataforma de IA que gera inteligência de dados a partir da análise de todas as conversas do seu time de Vendas e CS: reuniões por vídeo, ligações, WhatsApp e interações presenciais. E preenche o CRM automaticamente.
Metodologia
Diagnóstico de Vendas
Realizamos entrevistas, laboratórios de vendas, check-up comercial, imersão na operação, além de analisar as estatísticas e os processos para identificar oportunidades de melhoria
Alinhamento Estratégico
Após o diagnóstico alinhamos com o boarding da empresa as prioridades estratégicas de ação e os grupos de trabalho para implementação
Desenvolvimento das Soluções
Alinhamos os processos, desenvolvemos os Playbooks para as equipes comerciais e de gestão, construímos as trilhas, conteúdos e materiais complementares para otimizar a sua operação comercial
Implantação das Soluções
Aplicamos os novos processos e metodologias, parametrizamos as ferramentas tecnologicas (CRMs e outras) e preparamos a equipe de Vendas para executá-los com eficiência e atingir os resultados planejados
Capacitação da Equipe
Formamos líderes, profissionais de vendas e multiplicadores, para garantir uma execução que entregue os resultados planejados. Através de ferramentas de IA realizamos assessment de competências, PDIs e trilhas individualizadas.
Acompanhamento de Resultados
Garantimos a implementação das novas práticas por meio de um acompanhamento sistemático das execuções e indicadores. Com a SalesMeet você tem visão de todas as interações entre os vendedores e clientes.
Diferenciais
Nossos diferenciais reforçam e garantem a expertise que temos em desenvolver e estruturar diversos processos comerciais com resultados eficientes.
Da Estratégia à Execução
Nossos projetos de consultoria alinham elementos estratégicos como: objetivos, posicionamento, estrutura, critérios de R&S, remuneração à disciplina na execução, visando a excelência operacional.
Foco em Resultados
Nossas ações de capacitação estão associadas a indicadores de desempenho no cliente. O desenvolvimento de competências leva os profissionais a ganhos de produtividade. Avaliamos objetivamente esses ganhos.
Especialização em Vendas
Somos especialistas em programas de educação para aumento das vendas. O nosso foco garante profundo entendimento das necessidades e objetivos dos clientes, desde o diagnóstico, passando pela aplicação das capacitações, até a análise de resultados.
Métodos Customizados
Treinamentos com conteúdos de prateleira não geram resultados sustentáveis. Cada produto ou serviço tem uma abordagem específica de vendas, exigindo conteúdos e metodologias apropriados.
Abordagem Sistêmica
Criamos soluções para o aumento da produtividade de vendas considerando o seu impacto nas demais áreas da organização (e vice-versa), obtendo o máximo do resultado global para empresa.
On the Job Training
Nossa experiência com líderes e times de vendas nos mostra que as ações de capacitação mais eficazes e que têm o maior impacto nos resultados são aquelas que reforçam as novas habilidades por meio do on the job training.
Blended Learning
Para serem efetivas, as soluções de aprendizagem devem mesclar ferramentas tradicionais de sala de aula com intervenções baseadas na tecnologia. Chats, vídeo aulas e plataformas de e-learning são parte do processo de aprendizagem na DNA.
Pós-Work: Sustentação
Apoiamos e acompanhamos no campo a implantação das ferramentas e metodologias trabalhadas nos Worshops e Programas de Educação Corporativa, dando sustentação ao aprendizado.
Liderança Estratégica
Capacitamos e instrumentalizamos líderes como os principais responsáveis por preparar uma equipe de vendas, por meio do on the job training que é uma das mais poderosas metodologias de capacitação de vendas.
Soluções de IA
Use a análise de todas as conversas para direcionar o desenvolvimento do seu time de Vendas e CS e tomar decisões baseadas na realidade.
Números que comprovam nosso método
/* --- CONFIGURAÇÕES DO CARROSSEL --- */
.infinite-carousel-wrapper {
--image-height: 100px;
--carousel-gap: 50px;
--fade-color: #f2f2f2;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
overflow: hidden;
padding: 30px 0;
background: transparent;
display: flex;
align-items: center;
gap: var(--carousel-gap);
}
/* --- FADE NAS LATERAIS --- */
.infinite-carousel-wrapper::before,
.infinite-carousel-wrapper::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 100px;
z-index: 2;
pointer-events: none;
}
.infinite-carousel-wrapper::before {
left: 0;
background: linear-gradient(
to right,
var(--fade-color),
transparent
);
}
.infinite-carousel-wrapper::after {
right: 0;
background: linear-gradient(
to left,
var(--fade-color),
transparent
);
}
/* --- PISTAS DO CARROSSEL --- */
.infinite-carousel-wrapper .marquee-track {
display: flex;
align-items: center;
gap: var(--carousel-gap);
flex: 0 0 auto;
width: max-content;
}
/* Inicia o movimento após preparar a cópia para o loop. */
.infinite-carousel-wrapper[data-carousel-ready="true"] .marquee-track {
animation: scroll-clientes-left 35s linear infinite;
}
.infinite-carousel-wrapper:hover .marquee-track {
animation-play-state: paused;
}
@keyframes scroll-clientes-left {
from {
transform: translateX(0);
}
to {
transform: translateX(
calc(-100% - var(--carousel-gap))
);
}
}
/* --- CONTAINERS SEM BOX BRANCO --- */
.infinite-carousel-wrapper .result-card {
flex: 0 0 auto;
display: flex;
align-items: center;
justify-content: center;
width: auto;
height: var(--image-height);
padding: 0;
margin: 0;
background: transparent;
border: 0;
border-radius: 0;
box-shadow: none;
}
/* --- IMAGENS COM ALTURA UNIFORME --- */
.infinite-carousel-wrapper .card-logo {
display: block;
width: auto;
height: var(--image-height);
max-width: none;
max-height: none;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
box-shadow: none;
background: transparent;
object-fit: contain;
}
/* --- RESPONSIVIDADE --- */
@media (max-width: 768px) {
.infinite-carousel-wrapper {
--image-height: 75px;
--carousel-gap: 16px;
padding: 20px 0;
}
.infinite-carousel-wrapper::before,
.infinite-carousel-wrapper::after {
width: 35px;
}
}
/* Respeita a preferência de reduzir animações. */
@media (prefers-reduced-motion: reduce) {
.infinite-carousel-wrapper {
overflow-x: auto;
}
.infinite-carousel-wrapper[data-carousel-ready="true"] .marquee-track {
animation: none;
}
.infinite-carousel-wrapper .marquee-track[aria-hidden="true"] {
display: none;
}
.infinite-carousel-wrapper::before,
.infinite-carousel-wrapper::after {
display: none;
}
}
(function () {
function iniciarCarrossel() {
const carousel = document.getElementById("clientes-carousel");
if (!carousel || carousel.dataset.carouselReady === "true") return;
const original = carousel.querySelector('[data-track="original"]');
const clone = carousel.querySelector('[data-track="clone"]');
if (!original || !clone) return;
/* Copia as imagens, incluindo seus textos alternativos. */
const fragmento = document.createDocumentFragment();
Array.from(original.children).forEach(function (card) {
fragmento.appendChild(card.cloneNode(true));
});
clone.replaceChildren(fragmento);
carousel.dataset.carouselReady = "true";
}
if (document.readyState === "loading") {
document.addEventListener(
"DOMContentLoaded",
iniciarCarrossel,
{ once: true }
);
} else {
iniciarCarrossel();
}
})();
/* --- ESTRUTURA GERAL --- */
.dna-testim-section {
--dna-duration: 600ms;
--dna-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
width: 100%;
max-width: 1500px;
margin: 0 auto;
padding: 40px 20px;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
position: relative;
overflow: hidden;
background: transparent;
}
.dna-testim-viewport {
width: 100%;
position: relative;
overflow: hidden;
overflow: clip;
touch-action: pan-y pinch-zoom;
-webkit-mask-image: linear-gradient(
to right,
black 85%,
transparent 100%
);
mask-image: linear-gradient(
to right,
black 85%,
transparent 100%
);
}
.dna-testim-track {
display: flex;
gap: 10px;
width: max-content;
transform: translateX(0);
}
/* --- CARDS --- */
.dna-testim-card {
width: 500px;
flex-shrink: 0;
min-height: 420px;
border-radius: 16px;
padding: 50px 40px;
box-sizing: border-box;
position: relative;
z-index: 1;
background: #ffffff;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.06);
border: 1px solid #eaeaea;
display: flex;
flex-direction: column;
justify-content: space-between;
overflow: hidden;
cursor: pointer;
transition:
border-color var(--dna-duration) var(--dna-ease);
}
.dna-testim-card:focus-visible {
outline: 3px solid #b99661;
outline-offset: -4px;
}
.dna-card-gradient {
position: absolute;
inset: 0;
background: linear-gradient(
135deg,
#171f38 0%,
#2c3b69 100%
);
opacity: 0;
z-index: -1;
pointer-events: none;
transition:
opacity var(--dna-duration) var(--dna-ease);
}
.dna-testim-card.active {
border-color: transparent;
}
.dna-testim-card.active .dna-card-gradient {
opacity: 1;
}
/* --- LOGOS --- */
#dnaTrack .dna-card-logos {
position: relative;
width: 180px;
max-width: 100%;
height: 72px;
flex-shrink: 0;
margin-bottom: 26px;
}
#dnaTrack .dna-card-logos img {
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
width: 124.2px !important;
height: 44.16px !important;
max-width: 100% !important;
max-height: 44.16px !important;
object-fit: contain !important;
object-position: left center;
margin: 0 !important;
padding: 0 !important;
border: 0;
transition:
opacity var(--dna-duration) var(--dna-ease);
}
.dna-logo-dark {
opacity: 1;
}
.dna-logo-light {
opacity: 0;
}
.dna-testim-card.active .dna-logo-dark {
opacity: 0;
}
.dna-testim-card.active .dna-logo-light {
opacity: 1;
}
.filter-white {
filter: brightness(0) invert(1);
}
/* --- TEXTOS --- */
.dna-testim-title {
font-size: 2.4rem;
font-weight: 700;
line-height: 1.2;
margin: 0 0 20px;
color: #171f38;
transition:
color var(--dna-duration) var(--dna-ease);
}
.dna-testim-text {
font-size: 1.5rem;
line-height: 1.8;
color: #475569;
margin: 0 0 30px;
flex-grow: 1;
transition:
color var(--dna-duration) var(--dna-ease);
}
/* --- AUTORES --- */
.dna-testim-author {
display: flex;
align-items: center;
gap: 15px;
color: #171f38;
transition:
color var(--dna-duration) var(--dna-ease);
}
.dna-testim-author img {
width: 50px;
height: 50px;
flex-shrink: 0;
border-radius: 50%;
object-fit: cover;
}
.dna-author-info {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 6px;
font-size: 1.2rem;
}
.dna-author-name {
font-weight: 700;
}
.dna-author-role {
opacity: 0.8;
}
.dna-testim-card.active .dna-testim-title,
.dna-testim-card.active .dna-testim-text,
.dna-testim-card.active .dna-testim-author {
color: #ffffff !important;
}
/* --- BOTÃO ASSISTIR AO CASE --- */
.dna-testim-section .dna-case-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
margin: 24px 0 0;
padding: 12px 18px;
min-height: 44px;
border: 1px solid currentColor;
border-radius: 8px;
background: transparent;
color: #171f38;
font-family: inherit;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
cursor: pointer;
box-shadow: none;
transition:
color var(--dna-duration) var(--dna-ease),
border-color var(--dna-duration) var(--dna-ease),
background-color 0.2s ease;
}
.dna-testim-card.active .dna-case-button {
color: #ffffff;
}
.dna-testim-section .dna-case-button:hover {
background: #ddbd8b;
border-color: #ddbd8b;
color: #171f38;
}
.dna-testim-section .dna-case-button:focus-visible {
outline: 3px solid #ddbd8b;
outline-offset: 4px;
}
.dna-case-button svg {
width: 22px;
height: 22px;
flex-shrink: 0;
}
/* --- SETAS CENTRALIZADAS --- */
.dna-testim-controls {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 25px;
margin-top: 30px;
}
.dna-arrow-btn {
background: transparent !important;
border: none !important;
border-radius: 0 !important;
padding: 7px !important;
margin: 0 !important;
box-shadow: none !important;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 44px !important;
height: 44px !important;
box-sizing: border-box;
transition:
transform 0.2s ease,
opacity 0.2s ease;
}
.dna-arrow-btn:hover {
transform: scale(1.15);
opacity: 0.7;
}
.dna-arrow-btn:active {
transform: scale(0.95);
}
.dna-arrow-btn:focus-visible {
outline: 2px solid #2c3b69;
outline-offset: 3px;
}
.dna-arrow-btn img {
display: block;
width: 30px;
height: auto;
object-fit: contain;
}
.dna-arrow-left img {
transform: scaleX(-1);
}
/* --- POPUP --- */
.dna-case-dialog {
width: min(960px, calc(100vw - 32px));
max-width: none;
max-height: calc(100dvh - 32px);
margin: auto;
padding: 0;
border: 0;
border-radius: 16px;
background: #10172b;
color: #ffffff;
font-family: 'Poppins', sans-serif;
box-shadow: 0 24px 80px rgba(0, 0, 0, 0.4);
overflow: auto;
box-sizing: border-box;
}
.dna-case-dialog::backdrop {
background: rgba(5, 9, 20, 0.85);
}
.dna-case-dialog .dna-case-header {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 16px;
padding: 4px 12px;
}
.dna-case-dialog .dna-case-close {
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 40px;
width: 40px;
height: 40px;
margin: 0;
padding: 0;
border: 0;
border-radius: 8px;
background: transparent;
color: #ffffff;
font-size: 30px;
line-height: 1;
cursor: pointer;
box-shadow: none;
}
.dna-case-dialog .dna-case-close:hover {
background: rgba(255, 255, 255, 0.12);
}
.dna-case-dialog .dna-case-close:focus-visible {
outline: 2px solid #ddbd8b;
}
.dna-case-player {
width: 100%;
aspect-ratio: 16 / 9;
background: #000000;
}
.dna-case-player iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
/* O contador aparece apenas no mobile. */
.dna-testim-count {
display: none;
}
/* --- MOBILE MAIS COMPACTO --- */
@media (max-width: 768px) {
.dna-testim-section {
padding: 16px;
}
.dna-testim-section .dna-testim-viewport {
-webkit-mask-image: none;
mask-image: none;
}
.dna-testim-section .dna-testim-track {
width: 100%;
gap: 16px;
align-items: stretch;
}
.dna-testim-section .dna-testim-card {
flex: 0 0 100%;
width: 100%;
min-width: 0;
max-width: none;
min-height: 0;
padding: 20px;
border-radius: 16px;
}
#dnaTrack .dna-card-logos {
height: 44px;
margin-bottom: 12px;
}
.dna-testim-section .dna-testim-title {
margin: 0 0 12px;
font-size: 18px;
font-weight: 600;
line-height: 1.3;
overflow-wrap: anywhere;
}
.dna-testim-section .dna-testim-text {
margin: 0 0 18px;
font-size: 13px;
font-weight: 400;
line-height: 1.55;
overflow-wrap: anywhere;
}
.dna-testim-section .dna-testim-author {
align-items: center;
gap: 10px;
}
.dna-testim-section .dna-testim-author img {
width: 36px;
height: 36px;
}
.dna-testim-section .dna-author-info {
min-width: 0;
flex: 1;
flex-direction: column;
gap: 3px;
font-size: 12px;
line-height: 1.4;
overflow-wrap: anywhere;
}
.dna-testim-section .dna-author-role {
font-size: 11.5px;
font-weight: 400;
line-height: 1.4;
}
.dna-testim-section .dna-case-button {
box-sizing: border-box;
width: 100%;
min-height: 44px;
margin-top: 14px;
padding: 10px 12px;
font-size: 13px;
}
.dna-testim-section .dna-testim-controls {
gap: 22px;
margin-top: 14px;
}
.dna-testim-section .dna-testim-count {
display: block;
margin: 6px 0 0;
color: #475569;
font-size: 12px;
font-weight: 500;
line-height: 1.5;
text-align: center;
}
}
@media (prefers-reduced-motion: reduce) {
.dna-testim-section {
--dna-duration: 0ms;
}
}
(() => {
function iniciarDepoimentos() {
const track = document.getElementById('dnaTrack');
const prevBtn = document.getElementById('dnaPrev');
const nextBtn = document.getElementById('dnaNext');
const dialog = document.getElementById('dnaCaseDialog');
const frame = document.getElementById('dnaCaseFrame');
const closeBtn = document.getElementById('dnaCaseClose');
const count = document.getElementById('dnaCount');
if (
!track ||
!prevBtn ||
!nextBtn ||
!dialog ||
!frame ||
!closeBtn ||
!count
) {
return;
}
if (track.dataset.initialized === 'true') return;
track.dataset.initialized = 'true';
const section = track.closest('.dna-testim-section');
const viewport = section.querySelector('.dna-testim-viewport');
const mobileQuery = window.matchMedia('(max-width: 768px)');
function obterPassoNavegacao() {
return mobileQuery.matches ? 1 : 2;
}
const depoimentos = [
{
id: "mrv",
empresa: "MRV",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/10/mrv.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/10/MRV-branco.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/10/Eduardo.png",
nome: "Eduardo Barreto",
cargo: "| Diretor Executivo de Comercial",
titulo: "Alta de 30% no VGV e recorde histórico de receita",
texto: "A DNA criou para a MRV o Projeto Acelera, muito mais que um modelo de gestão, um jeito de gerir o processo de Vendas. A DNA põe a mão na massa, vai fundo nos aspectos necessários. Tivemos 30% de crescimento do VGV, além da previsão de record histórico de receita líquida para o terceiro trimestre. Os resultados apareceram numericamente e estatisticamente, ficamos muito felizes com essa parceria.",
video: "https://www.youtube.com/watch?v=qCbvq_NRBsM"
},
{
id: "camil",
empresa: "Camil",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Camil-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Camil-branco.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Felipe-Camil.webp",
nome: "Felipe Mendes",
cargo: "| Gerente Regional de São Paulo",
titulo: "Capacitação comercial que supera expectativas",
texto: "Mais uma vez, a DNA de Vendas superou todas as nossas expectativas. Já tivemos outras oportunidades de participar de eventos e treinamentos junto com a nossa equipe, e essa experiência reforçou o valor da parceria. Agradecemos a participação e a colaboração de todo o time.",
video: "https://www.youtube.com/watch?v=V0suJife-0I"
},
{
id: "natura",
empresa: "Natura",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Natura-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Natura-branco.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Priscila-Natura.webp",
nome: "Priscila Izzo",
cargo: "| Coordenadora de Marketing de Relacionamento",
titulo: "Mais engajamento e motivação para fortalecer o time comercial",
texto: "A parceria com a DNA de Vendas trouxe novas reflexões e provocações sobre temas que nossos supervisores já conhecem. O trabalho reforçou o engajamento e a motivação da equipe, incentivando cada pessoa a fazer mais e melhor na rotina comercial.",
video: "https://www.youtube.com/watch?v=ysZWLvizZS4"
},
{
id: "jsl",
empresa: "JSL",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/JSL-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/JSL-Branco.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Leonardo-JSL.webp",
nome: "Leonardo Morgon",
cargo: "| Diretor de Novos Negócios",
titulo: "Um time comercial mais engajado e preparado para gerar valor ao cliente",
texto: "O workshop da DNA de Vendas trouxe novas ferramentas e um olhar mais estratégico para nossa atuação comercial. Revisitamos técnicas e reforçamos a importância de entender as necessidades de cada cliente para construir soluções que agreguem valor. Foi uma experiência enriquecedora, que fortaleceu o engajamento da equipe.",
video: "https://www.youtube.com/watch?v=DVQqDgeJDpo"
},
{
id: "medicalway",
empresa: "Medicalway",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/10/medicalway.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/10/medicalway.webp",
filterClass: "filter-white",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/10/Antonio.png",
nome: "Antônio Mello",
cargo: "| CEO",
titulo: "Aumento de 30% no faturamento com forecast de crescimento em 6x",
texto: "Buscamos no mercado a melhor consultoria para reestruturar a equipe da Medicalway e chegamos na DNA de Vendas. A gente já teve um aumento de 30% no faturamento mas também teremos um crescimento a longo prazo, onde planejamos crescer 6x o faturamento atual. Nossa equipe é mais agressiva, mais controlada com dados, mais produtiva e com mais satisfação profissional.",
video: "https://youtu.be/n34WXfW7I4g"
},
{
id: "trisul",
empresa: "Trisul",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/trisul-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/trisul-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Andre-trisul.webp",
nome: "André Quinzeiro",
cargo: "| Gerente de Coordenadores de Vendas",
titulo: "Vendas acima da projeção nos novos lançamentos",
texto: "Buscávamos uma empresa séria para capacitar nossos gestores e encontramos na DNA de Vendas a experiência de mercado e a abordagem dinâmica de que precisávamos. O treinamento entregou mais do que esperávamos e queremos construir uma parceria de longo prazo.",
video: "https://www.youtube.com/watch?v=wbbzHg5G5xs"
},
{
id: "allianca",
empresa: "Alliança",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/allianca-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/allianca-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Mariana-Allianca.webp",
nome: "Mariana Indiani",
cargo: "| Gerente Executiva",
titulo: "Uma nova cultura comercial que já se reflete nas vendas",
texto: "Estamos transformando a forma como nossa liderança e nossa equipe enxergam vendas. A DNA de Vendas trouxe um conteúdo atual e uma linguagem próxima das pessoas, apoiando essa mudança e a preparação do time para oferecer o atendimento de excelência que nosso público merece.",
video: "https://www.youtube.com/watch?v=WwnnQbrw8Qg"
},
{
id: "moderna",
empresa: "Moderna",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/moderna-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/moderna-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Mauricio-Moderna.webp",
nome: "Maurício Lufti",
cargo: "| Gerente Comercial",
titulo: "Engajamento que mobiliza o time comercial",
texto: "As dinâmicas conduzidas pela DNA de Vendas fizeram a diferença na nossa convenção. Foi possível perceber um engajamento real da equipe, com participação e envolvimento nas atividades. O trabalho conseguiu trazer a energia de que precisávamos para esse encontro.",
video: "https://www.youtube.com/watch?v=NivgjUQqEu0&t=98s"
},
{
id: "randon",
empresa: "Randon — Centro Oeste Implementos",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/randon-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/randon-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Claudinei-randon.webp",
nome: "Claudinei Batista",
cargo: "| Coordenador de Consórcio",
titulo: "Mais protagonismo para transformar a cultura de vendas",
texto: "Encontramos na DNA de Vendas o que buscávamos: desenvolver uma cultura comercial mais proativa, com profissionais assumindo o protagonismo em vendas. O treinamento trouxe essa visão para nossa realidade e reforçou a responsabilidade de cada pessoa pelos resultados.",
video: "https://www.youtube.com/watch?v=MK3TGX8iG5s&t=49s"
},
{
id: "swile",
empresa: "Swile",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Swile-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Swile-branco.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Pedro-swile.webp",
nome: "Pedro Mauad",
cargo: "| Gestor Regional",
titulo: "Novas abordagens para criar conexões e vender melhor",
texto: "O treinamento da DNA de Vendas trouxe um olhar voltado à nossa performance comercial. Trabalhamos novas formas de abordagem e a importância de construir relacionamentos, ampliando nossa preparação para conversar com os clientes e aproveitar melhor as oportunidades nos eventos.",
video: "https://www.youtube.com/watch?v=W5dOjurkHVM&t=89s"
},
{
id: "messer",
empresa: "Messer",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/messer-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/messer-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Kati-messer.webp",
nome: "Kati Torri",
cargo: "| Executiva de Marketing",
titulo: "200% de aumento nos resultados de marketing digital",
texto: "Com a DNA For Marketing, estruturamos nosso marketing digital e criamos uma sinergia entre as áreas de Marketing, BI, Segmentos e Vendas. Essa parceria trouxe um aumento de 200% nos resultados de marketing digital, com o apoio especializado de uma agência que entende nosso negócio.",
video: "https://www.youtube.com/watch?v=9UePwiVQSzY"
},
{
id: "flytour",
empresa: "Flytour",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/flytour-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/flytour-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Sergio-Flytour.webp",
nome: "Sérgio Santana",
cargo: "| Gerente de Vendas",
titulo: "Processo comercial alinhado e recordes de vendas",
texto: "Precisávamos alinhar nossos executivos, padronizar a prospecção e capacitar também os gestores. Com a DNA de Vendas, estruturamos esse trabalho e colocamos os aprendizados em prática. Hoje, já colhemos resultados expressivos, com crescimento e recordes de vendas na nossa rede.",
video: "https://www.youtube.com/watch?v=nJiq-2qa0GY"
},
{
id: "eurochem",
empresa: "EuroChem",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/eurochem-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/eurochem-branca.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Gabriele-euro.webp",
nome: "Gabriele Oliveira",
cargo: "| Gerente de Desenvolvimento de Mercado",
titulo: "Um time técnico mais conectado à estratégia de vendas",
texto: "Nosso desafio era direcionar uma equipe com forte conhecimento agronômico para uma atuação mais comercial. A DNA de Vendas conectou o treinamento à nossa realidade e aos desafios do time, gerando mais coesão, alinhamento com a estratégia e foco nos resultados.",
video: "https://www.youtube.com/watch?v=QsFSCYRRYRI"
},
{
id: "brinox",
empresa: "Brinox",
logoDark: "https://dnadevendas.com.br/wp-content/uploads/2026/11/brinox-cor.webp",
logoLight: "https://dnadevendas.com.br/wp-content/uploads/2026/11/brinox-branco.webp",
filterClass: "",
foto: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Paula-Brinox.webp",
nome: "Paula Massoud",
cargo: "| Gerente Comercial",
titulo: "Mais engajamento e tempo para liderar com estratégia",
texto: "A Certificação em Liderança da DNA de Vendas ampliou minha visão e melhorou minha comunicação com a equipe. Passei a usar a inteligência artificial para organizar planos de ação, feedbacks e reuniões. Ganhei tempo para atuar estrategicamente, e o time ficou mais engajado, com conversas mais produtivas e melhores entregas.",
video: "https://www.youtube.com/watch?v=zg51Qv03sX0"
}
];
const casos = new Map(
depoimentos.map(item => [item.id, item])
);
const escapar = valor => String(valor).replace(
/[&"']/g,
caractere => ({
'&': '&',
'': '>',
'"': '"',
"'": '''
}[caractere])
);
/* --- MONTA OS CARDS --- */
track.innerHTML = depoimentos.map((item, index) => `
})
})
`).join('');
let isAnimating = false;
let gesture = null;
let ignoreClickUntil = 0;
let ultimoFoco = null;
let overflowAnterior = '';
let focarAposMovimento = false;
/* --- ATUALIZA CARD E CONTADOR --- */
function ativarCard(target) {
Array.from(track.children).forEach(card => {
const ativo = card === target;
card.classList.toggle('active', ativo);
card.setAttribute('aria-current', String(ativo));
card.tabIndex = ativo ? 0 : -1;
card.querySelector('.dna-case-button').tabIndex =
ativo ? 0 : -1;
});
const indice = depoimentos.findIndex(
item => item.id === target.dataset.company
);
count.textContent = `${indice + 1} de ${depoimentos.length}`;
}
function obterDuracao() {
const valor = getComputedStyle(section)
.getPropertyValue('--dna-duration')
.trim();
const numero = parseFloat(valor);
if (!Number.isFinite(numero)) return 600;
return valor.endsWith('ms') ? numero : numero * 1000;
}
function animarAte(posicao, concluir) {
const duracao = obterDuracao();
let terminou = false;
let timer;
function finalizar(event) {
if (
event &&
(
event.target !== track ||
event.propertyName !== 'transform'
)
) {
return;
}
if (terminou) return;
terminou = true;
clearTimeout(timer);
track.removeEventListener(
'transitionend',
finalizar
);
track.removeEventListener(
'transitioncancel',
finalizar
);
track.style.transition = 'none';
concluir();
viewport.scrollLeft = 0;
section.scrollLeft = 0;
void track.offsetWidth;
isAnimating = false;
if (focarAposMovimento) {
focarAposMovimento = false;
track.firstElementChild.focus({
preventScroll: true
});
}
}
if (duracao === 0) {
track.style.transition = 'none';
track.style.transform = `translateX(${posicao}px)`;
finalizar();
return;
}
track.addEventListener(
'transitionend',
finalizar
);
track.addEventListener(
'transitioncancel',
finalizar
);
track.style.transition =
`transform ${duracao}ms var(--dna-ease)`;
track.style.transform = `translateX(${posicao}px)`;
timer = setTimeout(finalizar, duracao + 100);
}
/* --- MOVIMENTAÇÃO --- */
function mover(passos) {
if (isAnimating || passos === 0) return;
const cards = Array.from(track.children);
const quantidade = Math.min(
Math.abs(passos),
cards.length - 1
);
if (quantidade 0) {
const target = cards[quantidade];
const distancia =
target.getBoundingClientRect().left -
cards[0].getBoundingClientRect().left;
ativarCard(target);
animarAte(-distancia, () => {
cards.slice(0, quantidade).forEach(card => {
track.appendChild(card);
});
track.style.transform = 'translateX(0)';
});
} else {
const anteriores = cards.slice(-quantidade);
const target = anteriores[0];
const primeiroAtual = cards[0];
track.style.transition = 'none';
track.prepend(...anteriores);
const distancia =
primeiroAtual.getBoundingClientRect().left -
target.getBoundingClientRect().left;
track.style.transform =
`translateX(-${distancia}px)`;
void track.offsetWidth;
ativarCard(target);
animarAte(0, () => {
track.style.transform = 'translateX(0)';
});
}
}
/* --- SETAS --- */
nextBtn.addEventListener('click', () => {
mover(obterPassoNavegacao());
});
prevBtn.addEventListener('click', () => {
mover(-obterPassoNavegacao());
});
function atualizarControles() {
const mobile = mobileQuery.matches;
prevBtn.setAttribute(
'aria-label',
mobile ? 'Voltar um depoimento' : 'Voltar dois depoimentos'
);
nextBtn.setAttribute(
'aria-label',
mobile ? 'Avançar um depoimento' : 'Avançar dois depoimentos'
);
gesture = null;
}
mobileQuery.addEventListener('change', atualizarControles);
atualizarControles();
ativarCard(track.firstElementChild);
function selecionarCard(card) {
if (
!card ||
!track.contains(card) ||
isAnimating
) {
return;
}
const index = Array.from(track.children).indexOf(card);
if (index > 0) mover(index);
}
/* --- ENDEREÇO DO VÍDEO --- */
function urlDoVideo(endereco) {
const url = new URL(endereco);
const id = url.hostname === 'youtu.be'
? url.pathname.split('/').filter(Boolean)[0]
: url.searchParams.get('v');
if (!id || !/^[A-Za-z0-9_-]{11}$/.test(id)) {
return null;
}
const tempo =
url.searchParams.get('t') ||
url.searchParams.get('start') ||
'0';
const partes = tempo.match(
/^(?:(\d+)h)?(?:(\d+)m)?(?:(\d+)s)?$/i
);
const inicio = /^\d+$/.test(tempo)
? Number(tempo)
: partes
? Number(partes[1] || 0) * 3600 +
Number(partes[2] || 0) * 60 +
Number(partes[3] || 0)
: 0;
const embed = new URL(
`https://www.youtube-nocookie.com/embed/${id}`
);
embed.searchParams.set('autoplay', '1');
embed.searchParams.set('rel', '0');
embed.searchParams.set('playsinline', '1');
if (inicio > 0) {
embed.searchParams.set('start', String(inicio));
}
return embed.href;
}
/* --- POPUP DO CASE --- */
function abrirCase(botao) {
const item = casos.get(botao.dataset.case);
if (!item || dialog.open) return;
const endereco = urlDoVideo(item.video);
if (!endereco) return;
gesture = null;
ultimoFoco = botao;
overflowAnterior = document.body.style.overflow;
dialog.setAttribute(
'aria-label',
`Vídeo do case de ${item.empresa}`
);
frame.title = `Case de ${item.empresa}`;
frame.src = endereco;
dialog.showModal();
document.body.style.overflow = 'hidden';
closeBtn.focus({ preventScroll: true });
}
closeBtn.addEventListener('click', () => {
dialog.close();
});
dialog.addEventListener('click', event => {
if (event.target !== dialog) return;
const rect = dialog.getBoundingClientRect();
const foraDoPopup =
event.clientX rect.right ||
event.clientY rect.bottom;
if (foraDoPopup) {
dialog.close();
}
});
dialog.addEventListener('close', () => {
frame.removeAttribute('src');
document.body.style.overflow = overflowAnterior;
if (ultimoFoco?.isConnected) {
ultimoFoco.focus({ preventScroll: true });
}
});
/* --- CLIQUES NOS CARDS --- */
track.addEventListener('click', event => {
if (performance.now() {
if (event.target.closest('button')) return;
if (
event.key === 'ArrowRight' ||
event.key === 'ArrowLeft'
) {
event.preventDefault();
if (!isAnimating) {
focarAposMovimento = true;
mover(
event.key === 'ArrowRight' ? 1 : -1
);
}
return;
}
if (
event.key !== 'Enter' &&
event.key !== ' '
) {
return;
}
const card = event.target.closest('.dna-testim-card');
if (!card) return;
event.preventDefault();
selecionarCard(card);
});
/* --- DESLIZAR COM O DEDO --- */
viewport.addEventListener('pointerdown', event => {
if (
isAnimating ||
dialog.open ||
event.isPrimary === false
) {
return;
}
if (
event.pointerType !== 'touch' &&
event.pointerType !== 'pen'
) {
return;
}
gesture = {
id: event.pointerId,
x: event.clientX,
y: event.clientY
};
}, { passive: true });
window.addEventListener('pointerup', event => {
if (
!gesture ||
gesture.id !== event.pointerId
) {
return;
}
const inicio = gesture;
gesture = null;
const dx = event.clientX - inicio.x;
const dy = event.clientY - inicio.y;
if (Math.abs(dx) 10) {
ignoreClickUntil = performance.now() + 400;
}
const limite = Math.min(
70,
viewport.clientWidth * 0.15
);
if (Math.abs(dx) >= limite) {
mover(
dx {
if (
gesture &&
gesture.id === event.pointerId
) {
gesture = null;
}
}, { passive: true });
}
if (document.readyState === 'loading') {
document.addEventListener(
'DOMContentLoaded',
iniciarDepoimentos,
{ once: true }
);
} else {
iniciarDepoimentos();
}
})();
${escapar(item.titulo)}
${escapar(item.texto)}
Confira os resultados declarados de nossos clientes
Veja alguns dos negócios que transformamos
/* --- ESTRUTURA GERAL --- */
.testimonial-wrapper {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
padding: 10px 0;
overflow: hidden;
font-family: 'Poppins', sans-serif;
background: transparent;
user-select: none;
-webkit-user-select: none;
}
.carousel-stage {
display: flex;
justify-content: center;
align-items: center;
position: relative;
height: 440px;
perspective: 1000px;
width: 100%;
max-width: 1400px;
margin: 0 auto;
}
/* --- SETAS DE NAVEGAÇÃO --- */
.carousel-nav-arrow {
position: absolute;
top: 220px;
transform: translateY(-50%);
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 30;
transition:
transform 0.3s ease,
opacity 0.3s ease;
background: transparent !important;
background-color: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
outline: none !important;
border-radius: 0 !important;
}
.carousel-nav-arrow:hover {
transform: translateY(-50%) scale(1.15);
opacity: 0.7;
}
.carousel-nav-arrow:active {
transform: translateY(-50%) scale(0.95);
}
.carousel-nav-arrow img {
width: 28px;
height: auto;
object-fit: contain;
display: block;
}
.left-arrow {
left: max(2%, calc(50% - 650px));
}
.left-arrow img {
transform: scaleX(-1);
}
.right-arrow {
right: max(2%, calc(50% - 650px));
}
/* --- CARDS DOS VÍDEOS --- */
.video-card {
position: absolute;
width: 600px;
max-width: 85vw;
height: auto;
transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
cursor: pointer;
background: transparent;
transform-style: preserve-3d;
border-radius: 20px;
left: 50%;
margin-left: -300px;
}
.video-container {
width: 100%;
aspect-ratio: 16 / 9;
position: relative;
overflow: hidden;
background: #000;
border-radius: 20px;
box-shadow:
0 10px 60px rgba(255, 255, 255, 0.8),
0 0 20px rgba(255, 255, 255, 0.4) inset;
transition:
box-shadow 0.3s ease,
transform 0.3s ease;
border: 2px solid rgba(255, 255, 255, 0.5);
}
.video-click-layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 5;
background: transparent;
touch-action: pan-y pinch-zoom;
}
.video-card[data-pos="1"] .video-container {
box-shadow:
0 20px 80px rgba(255, 255, 255, 1),
0 0 30px rgba(255, 255, 255, 0.6) inset;
border-color: #fff;
}
.video-container iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
pointer-events: none;
}
/* --- CONTROLES DOS VÍDEOS --- */
.controls-container {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 20;
display: flex;
align-items: center;
gap: 10px;
opacity: 0;
transition: opacity 0.3s;
pointer-events: auto;
}
.video-card:hover .controls-container,
.video-card[data-pos="1"] .controls-container {
opacity: 1;
}
.control-btn {
background: rgba(0, 0, 0, 0.6);
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.3);
color: #fff;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.control-btn:hover {
transform: scale(1.1);
background: #ddbd8b;
border-color: #ddbd8b;
}
.control-btn svg {
width: 20px;
height: 20px;
display: block;
}
.content-container {
display: none;
}
/* --- LOGOS: 2 LINHAS DE 4 NO DESKTOP --- */
.logo-nav {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
align-items: center;
justify-items: center;
row-gap: 50px;
column-gap: 40px;
margin: 50px auto 0;
padding: 0 40px;
width: 100%;
max-width: 1200px;
}
.nav-logo-wrapper {
width: 100%;
max-width: 120px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.nav-logo {
width: 100%;
height: 100%;
object-fit: contain;
transition: all 0.3s ease;
filter: grayscale(100%) opacity(0.5);
}
.nav-logo-wrapper.active .nav-logo {
filter: grayscale(0%) opacity(1);
transform: scale(1.2);
}
.nav-logo-wrapper:hover:not(.active) .nav-logo {
filter: grayscale(50%) opacity(0.8);
transform: scale(1.05);
}
/* --- POSIÇÕES DO CARROSSEL --- */
.video-card[data-pos="0"] {
transform: translateX(-65%) scale(0.85);
opacity: 0.7;
z-index: 2;
filter: grayscale(80%) brightness(0.8) blur(4px);
}
.video-card[data-pos="1"] {
transform: translateX(0) scale(1);
opacity: 1;
z-index: 10;
filter: grayscale(0%) blur(0px);
}
.video-card[data-pos="2"] {
transform: translateX(65%) scale(0.85);
opacity: 0.7;
z-index: 2;
filter: grayscale(80%) brightness(0.8) blur(4px);
}
.video-card:not([data-pos="0"]):not([data-pos="1"]):not([data-pos="2"]) {
transform: translateX(0) scale(0.5);
opacity: 0;
z-index: -1;
pointer-events: none;
}
/* --- RESPONSIVIDADE E ARRASTE NO MOBILE --- */
@media (max-width: 768px) {
.carousel-stage {
height: 290px;
touch-action: pan-y pinch-zoom;
}
/* Os cards acompanham o dedo durante o arraste. */
.carousel-stage.is-swiping .video-card {
transition: none;
}
.carousel-nav-arrow {
top: 145px;
width: 40px;
height: 40px;
}
.left-arrow {
left: 5px;
}
.right-arrow {
right: 5px;
}
.video-card {
width: 80vw;
max-width: 400px;
margin-left: -40vw;
}
.controls-container {
bottom: 10px;
left: 10px;
}
.video-card[data-pos="0"] {
transform: translateX(
calc(-55% + var(--swipe-x, 0px))
) scale(0.8);
}
.video-card[data-pos="1"] {
transform: translateX(var(--swipe-x, 0px)) scale(1);
}
.video-card[data-pos="2"] {
transform: translateX(
calc(55% + var(--swipe-x, 0px))
) scale(0.8);
}
.video-container {
box-shadow: 0 5px 30px rgba(255, 255, 255, 0.4);
}
.logo-nav {
display: flex !important;
flex-wrap: nowrap;
overflow-x: auto;
justify-content: flex-start;
padding: 10px 20px 20px;
gap: 30px;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
margin-top: 20px;
}
.logo-nav::-webkit-scrollbar {
display: none;
}
.nav-logo-wrapper {
flex-shrink: 0;
width: 80px;
height: 30px;
}
.nav-logo-wrapper.active .nav-logo {
transform: scale(1.15);
}
}
// --- 8 DEPOIMENTOS EM VÍDEO ---
const testimonials = [
{
id: 0,
youtubeId: 'tpMVh3FxkX8',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/11/Instituto-AS.webp'
},
{
id: 1,
youtubeId: 'JziKIRv8mjw',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/10/ifood-AB.png'
},
{
id: 2,
youtubeId: 'ysZWLvizZS4',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/10/natura-AB.png'
},
{
id: 3,
youtubeId: '_boFP-fXcvc',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/10/SND-AB.png'
},
{
id: 4,
youtubeId: 'Gqj45-Z3Tkw',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/10/nstech.webp'
},
{
id: 5,
youtubeId: 'qUeGXC0HlLA',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/10/armac.webp'
},
{
id: 6,
youtubeId: 'iMHDEJ9Xkl0',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/11/mundiale.webp'
},
{
id: 7,
youtubeId: 'XRVYbneSHqc',
logo: 'https://dnadevendas.com.br/wp-content/uploads/2026/10/hershey.webp'
}
];
const stage = document.getElementById('carouselStage');
const logoNav = document.getElementById('logoNav');
let players = [];
let youtubeApiReady = false;
/*
* A posição central é state[1].
* Começa pelo Instituto AS.
*/
let state = [
testimonials.length - 1,
...testimonials.slice(0, -1).map((_, index) => index)
];
const ICON_VOLUME_MUTE = `
`;
const ICON_VOLUME_UP = `
`;
const ICON_RESTART = `
`;
function onYouTubeIframeAPIReady() {
youtubeApiReady = true;
init();
}
function init() {
if (!youtubeApiReady) return;
stage.innerHTML = '';
logoNav.innerHTML = '';
players = new Array(testimonials.length).fill(null);
testimonials.forEach((data, index) => {
const card = document.createElement('div');
card.classList.add('video-card');
card.dataset.index = index;
card.innerHTML = `
`;
stage.appendChild(card);
const navLogoWrapper = document.createElement('div');
navLogoWrapper.classList.add('nav-logo-wrapper');
navLogoWrapper.dataset.index = index;
navLogoWrapper.onclick = () => jumpToVideo(index);
const navLogo = document.createElement('img');
navLogo.src = data.logo;
navLogo.classList.add('nav-logo');
navLogo.alt = `Ir para vídeo ${index + 1}`;
navLogoWrapper.appendChild(navLogo);
logoNav.appendChild(navLogoWrapper);
players[index] = new YT.Player(`yt-player-${data.id}`, {
videoId: data.youtubeId,
playerVars: {
autoplay: 0,
controls: 0,
rel: 0,
showinfo: 0,
modestbranding: 1,
playsinline: 1,
enablejsapi: 1,
origin: window.location.origin
},
events: {
onReady: (event) => {
event.target.mute();
if (index === state[1]) {
event.target.playVideo();
}
}
}
});
card.querySelector('.video-click-layer').onclick = (event) => {
event.stopPropagation();
handleCardClick(index);
};
card.querySelector('.sound-btn').onclick = (event) => {
event.stopPropagation();
toggleSound(index);
};
card.querySelector('.restart-btn').onclick = (event) => {
event.stopPropagation();
restartVideo(index);
};
});
initSwipeListeners();
updatePositions();
}
window.moveCarousel = function (direction) {
if (direction === 'prev') {
handleCardClick(state[0]);
} else {
handleCardClick(state[2]);
}
};
function updatePositions() {
const cards = document.querySelectorAll('.video-card');
cards.forEach(card => {
const cardIndex = parseInt(card.dataset.index);
const posIndex = state.indexOf(cardIndex);
card.setAttribute('data-pos', posIndex);
const player = players[cardIndex];
if (
player &&
typeof player.getPlayerState === 'function'
) {
if (posIndex === 1) {
if (
player.getPlayerState() !==
YT.PlayerState.PLAYING
) {
player.playVideo();
}
} else {
player.mute();
resetSoundIcon(cardIndex);
if (
player.getPlayerState() ===
YT.PlayerState.PLAYING
) {
player.pauseVideo();
}
}
}
});
const navLogoWrappers = document.querySelectorAll(
'.nav-logo-wrapper'
);
navLogoWrappers.forEach(wrapper => {
if (parseInt(wrapper.dataset.index) === state[1]) {
wrapper.classList.add('active');
} else {
wrapper.classList.remove('active');
}
});
}
function handleCardClick(clickedIndex) {
const currentPos = state.indexOf(clickedIndex);
if (currentPos === 1) {
toggleSound(clickedIndex);
} else if (currentPos === 0) {
const last = state.pop();
state.unshift(last);
updatePositions();
unmuteAfterTransition(clickedIndex);
} else if (currentPos === 2) {
const first = state.shift();
state.push(first);
updatePositions();
unmuteAfterTransition(clickedIndex);
}
}
function jumpToVideo(targetIndex) {
if (!state.includes(targetIndex)) return;
if (state[1] === targetIndex) {
toggleSound(targetIndex);
return;
}
let loopLimit = state.length;
while (
state[1] !== targetIndex &&
loopLimit > 0
) {
state.push(state.shift());
loopLimit--;
}
updatePositions();
unmuteAfterTransition(targetIndex);
}
function toggleSound(index) {
const player = players[index];
if (
!player ||
typeof player.isMuted !== 'function'
) {
return;
}
const btn = document.querySelector(
`.video-card[data-index="${index}"] .sound-btn`
);
if (player.isMuted()) {
player.unMute();
if (btn) {
btn.innerHTML = ICON_VOLUME_UP;
}
} else {
player.mute();
if (btn) {
btn.innerHTML = ICON_VOLUME_MUTE;
}
}
}
function restartVideo(index) {
const currentPos = state.indexOf(index);
const player = players[index];
if (
!player ||
typeof player.seekTo !== 'function'
) {
return;
}
if (currentPos !== 1) {
jumpToVideo(index);
setTimeout(() => {
player.seekTo(0);
player.playVideo();
player.unMute();
updateSoundIconToUnmuted(index);
}, 700);
} else {
player.seekTo(0);
player.playVideo();
player.unMute();
updateSoundIconToUnmuted(index);
}
}
function updateSoundIconToUnmuted(index) {
const btn = document.querySelector(
`.video-card[data-index="${index}"] .sound-btn`
);
if (btn) {
btn.innerHTML = ICON_VOLUME_UP;
}
}
function resetSoundIcon(index) {
const btn = document.querySelector(
`.video-card[data-index="${index}"] .sound-btn`
);
if (btn) {
btn.innerHTML = ICON_VOLUME_MUTE;
}
}
function unmuteAfterTransition(index) {
setTimeout(() => {
const player = players[index];
if (
state[1] === index &&
player &&
typeof player.unMute === 'function'
) {
player.unMute();
updateSoundIconToUnmuted(index);
}
}, 600);
}
/* --- ARRASTAR COM O DEDO NO MOBILE --- */
function initSwipeListeners() {
if (stage.dataset.swipeInitialized === 'true') return;
stage.dataset.swipeInitialized = 'true';
const mobileQuery = window.matchMedia('(max-width: 768px)');
let gesture = null;
let ignoreClickUntil = 0;
let swipeCooldownUntil = 0;
function limparArraste() {
const pointerId = gesture?.id;
gesture = null;
stage.classList.remove('is-swiping');
stage.style.removeProperty('--swipe-x');
if (
pointerId !== undefined &&
stage.hasPointerCapture(pointerId)
) {
stage.releasePointerCapture(pointerId);
}
}
/* Evita que o fim do deslize vire um clique no vídeo. */
stage.addEventListener('click', event => {
if (
event.detail !== 0 &&
performance.now() {
if (
event.pointerType !== 'touch' &&
event.pointerType !== 'pen'
) {
return;
}
if (event.isPrimary === false) {
limparArraste();
return;
}
if (
!mobileQuery.matches ||
performance.now() {
if (
!gesture ||
gesture.id !== event.pointerId
) {
return;
}
const dx = event.clientX - gesture.x;
const dy = event.clientY - gesture.y;
if (!gesture.horizontal) {
if (
Math.max(
Math.abs(dx),
Math.abs(dy)
) < 8
) {
return;
}
/* Mantém a rolagem vertical normal da página. */
if (Math.abs(dx) {
if (
!gesture ||
gesture.id !== event.pointerId
) {
return;
}
const dx = event.clientX - gesture.x;
const dy = event.clientY - gesture.y;
const horizontal = gesture.horizontal;
limparArraste();
if (!horizontal) return;
ignoreClickUntil = performance.now() + 650;
const distanciaMinima = Math.min(
70,
Math.max(40, stage.clientWidth * 0.12)
);
if (
Math.abs(dx) < distanciaMinima ||
Math.abs(dx) <= Math.abs(dy) * 1.2
) {
return;
}
/* Um vídeo por gesto. */
swipeCooldownUntil = performance.now() + 500;
window.moveCarousel(
dx {
if (gesture?.id === event.pointerId) {
limparArraste();
}
}, { passive: true });
stage.addEventListener('lostpointercapture', event => {
if (
event.target === stage &&
gesture?.id === event.pointerId
) {
limparArraste();
}
});
mobileQuery.addEventListener('change', limparArraste);
window.addEventListener('blur', limparArraste);
}
setTimeout(() => {
if (
!youtubeApiReady &&
window.YT &&
window.YT.Player
) {
onYouTubeIframeAPIReady();
}
}, 1000);
${ICON_VOLUME_MUTE}
${ICON_RESTART}
1.200.000
Profissionais de vendas impactados
2.200
Clientes
45
Segmentos de mercado atingidos
9.7
Média de satisfação dos participantes
/* --- ESTRUTURA GERAL --- */
.dna-video-section {
width: 100%;
max-width: 1400px;
margin: 0 auto;
padding: 60px 20px;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
position: relative;
overflow: hidden;
background-color: transparent;
touch-action: pan-y;
}
.dna-video-viewport {
width: 100%;
position: relative;
padding-bottom: 25px;
-webkit-mask-image: linear-gradient(
to right,
black 82%,
transparent 100%
);
mask-image: linear-gradient(
to right,
black 82%,
transparent 100%
);
}
.dna-video-track {
display: flex;
gap: 24px;
width: max-content;
transition: transform 0.4s ease-in-out;
will-change: transform;
}
/* --- CARDS --- */
.dna-video-card-container {
display: flex;
flex-direction: column;
align-items: center;
width: 270px;
flex-shrink: 0;
}
.dna-video-card {
width: 100%;
height: 420px;
border-radius: 20px;
position: relative;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease;
z-index: 1;
}
.dna-video-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
}
.dna-card-bg {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -2;
transition: transform 0.5s ease;
}
.dna-video-card:hover .dna-card-bg {
transform: scale(1.03);
}
/* --- LOGOS --- */
.dna-card-logo-wrap {
height: 85px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
width: 100%;
}
.dna-card-logo {
max-height: 60px;
max-width: 180px;
object-fit: contain;
opacity: 1;
transition: transform 0.3s ease;
}
.dna-video-card-container:hover .dna-card-logo {
transform: scale(1.05);
}
/* --- SETAS CENTRALIZADAS --- */
.dna-video-controls {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
gap: 30px;
margin-top: 30px;
padding: 0;
}
.dna-nav-arrow {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
min-width: 0;
cursor: pointer;
background: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
transition: transform 0.2s ease, opacity 0.2s ease;
}
.dna-nav-arrow:hover {
transform: scale(1.15);
opacity: 0.7;
}
.dna-nav-arrow:active {
transform: scale(0.95);
}
.dna-nav-arrow:focus-visible {
outline: 2px solid #171f38;
outline-offset: 4px;
}
.dna-nav-arrow img {
width: 30px;
height: auto;
object-fit: contain;
display: block;
}
.dna-arrow-left img {
transform: scaleX(-1);
}
/* --- MODAL DO VÍDEO --- */
.dna-video-modal {
position: fixed;
inset: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
z-index: 999999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
pointer-events: none;
transition: opacity 0.3s ease;
}
.dna-video-modal.active {
opacity: 1;
pointer-events: auto;
}
.dna-modal-content {
position: relative;
width: 90%;
max-width: 450px;
aspect-ratio: 9 / 16;
background: #000;
border-radius: 12px;
overflow: hidden;
}
.dna-modal-content iframe {
width: 100%;
height: 100%;
border: none;
}
.dna-modal-close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
background: none !important;
border: none !important;
color: #fff !important;
padding: 0 !important;
font-size: 32px;
cursor: pointer;
line-height: 1;
z-index: 2;
}
/* --- AJUSTES EXCLUSIVOS PARA MOBILE --- */
@media (max-width: 768px) {
.dna-video-section {
touch-action: pan-y pinch-zoom;
}
.dna-video-card-container {
width: 230px;
}
.dna-video-card {
height: 360px;
}
/* Remove completamente o esfumado no celular. */
.dna-video-viewport {
-webkit-mask-image: none;
mask-image: none;
touch-action: pan-y pinch-zoom;
user-select: none;
-webkit-user-select: none;
}
}
(() => {
function iniciarCarrossel() {
const track = document.getElementById('dnaVideoTrack');
const prevBtn = document.getElementById('dnaVideoPrev');
const nextBtn = document.getElementById('dnaVideoNext');
const modal = document.getElementById('dnaVideoModal');
const modalIframe = document.getElementById('dnaModalIframe');
const modalClose = document.getElementById('dnaModalClose');
const swipeArea = document.getElementById('dnaSwipeArea');
if (
!track ||
!prevBtn ||
!nextBtn ||
!modal ||
!modalIframe ||
!modalClose ||
!swipeArea
) {
return;
}
if (track.dataset.initialized === 'true') return;
track.dataset.initialized = 'true';
const viewport = swipeArea.querySelector('.dna-video-viewport');
const mobileQuery = window.matchMedia('(max-width: 768px)');
// Duração da animação ao navegar manualmente.
const DURACAO_TRANSICAO = 400;
const depoimentos = [
{
empresa: "Sotheby's",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/BN-Sothebys.png",
video: "https://player.vimeo.com/video/1233726754?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/BN-Sothebys-Thumb.webp"
},
{
empresa: "IBM",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/IBM.png",
video: "https://player.vimeo.com/video/1233726753?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/IBM-thumb.webp"
},
{
empresa: "Ypê",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/11/ype.webp",
video: "https://player.vimeo.com/video/1243445260?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Ype-thumb.webp"
},
{
empresa: "Hydac",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/11/hydac.webp",
video: "https://player.vimeo.com/video/1243445254?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Hydac-thumb.webp"
},
{
empresa: "SESI",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/SESI.png",
video: "https://player.vimeo.com/video/1233725481?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Sesi-thumb.webp"
},
{
empresa: "Ciplan",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/11/ciplan.webp",
video: "https://player.vimeo.com/video/1243445255?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/Ciplan-thumb.webp"
},
{
empresa: "Lider",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/LIDER.png",
video: "https://player.vimeo.com/video/1233727304?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/lider-thumb.webp"
},
{
empresa: "Brasilata",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/Brasilata.png",
video: "https://player.vimeo.com/video/1233726761?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/brasilata-thumb.webp"
},
{
empresa: "Zucchi",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/ZUCCHI.png",
video: "https://player.vimeo.com/video/1233724291?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/zucchi-thumb.webp"
},
{
empresa: "Unimed",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/Unimed.png",
video: "https://player.vimeo.com/video/1233724289?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/unimed-thumb.webp"
},
{
empresa: "FIEB",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/FiEB.png",
video: "https://player.vimeo.com/video/1233726845?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/fieb-thumb.webp"
},
{
empresa: "Movecta",
logo: "https://dnadevendas.com.br/wp-content/uploads/2026/10/Movecta.png",
video: "https://player.vimeo.com/video/1233724292?badge=0&autopause=0&player_id=0&app_id=58479",
thumb: "https://dnadevendas.com.br/wp-content/uploads/2026/11/movecta-thumb.webp"
}
];
const repetidos = [
...depoimentos,
...depoimentos,
...depoimentos
];
track.innerHTML = repetidos.map(item => `
`).join('');
let isAnimating = false;
let inicioToque = null;
let ignorarCliqueAte = 0;
let ultimoFoco = null;
function distanciaDoCard(card) {
const gap =
parseFloat(getComputedStyle(track).columnGap) || 0;
return card.getBoundingClientRect().width + gap;
}
/* --- CONTROLE DA TRANSIÇÃO --- */
function animarTrilha(posicao, concluir) {
const duracao = matchMedia(
'(prefers-reduced-motion: reduce)'
).matches ? 0 : DURACAO_TRANSICAO;
let finalizado = false;
let timeout;
function finalizar(event) {
if (
event &&
(
event.target !== track ||
event.propertyName !== 'transform'
)
) {
return;
}
if (finalizado) return;
finalizado = true;
clearTimeout(timeout);
track.removeEventListener(
'transitionend',
finalizar
);
track.removeEventListener(
'transitioncancel',
finalizar
);
track.style.transition = 'none';
concluir();
void track.offsetWidth;
isAnimating = false;
}
if (duracao === 0) {
track.style.transition = 'none';
track.style.transform = `translateX(${posicao}px)`;
finalizar();
return;
}
track.addEventListener(
'transitionend',
finalizar
);
track.addEventListener(
'transitioncancel',
finalizar
);
track.style.transition =
`transform ${duracao}ms ease-in-out`;
track.style.transform = `translateX(${posicao}px)`;
timeout = setTimeout(
finalizar,
duracao + 100
);
}
/* --- AVANÇAR CARDS --- */
function nextVideoSlide(quantidade = 1) {
if (isAnimating) return;
const cards = Array.from(track.children);
const passos = Math.min(quantidade, cards.length - 1);
if (passos {
cards.slice(0, passos).forEach(card => {
track.appendChild(card);
});
track.style.transform = 'translateX(0)';
});
}
/* --- VOLTAR CARDS --- */
function prevVideoSlide(deslocamentoInicial = 0, quantidade = 1) {
if (isAnimating) return;
const cards = Array.from(track.children);
const passos = Math.min(quantidade, cards.length - 1);
if (passos total + distanciaDoCard(card),
0
);
track.style.transition = 'none';
track.prepend(...anteriores);
track.style.transform =
`translateX(${-distancia + deslocamentoInicial}px)`;
void track.offsetWidth;
animarTrilha(0, () => {
track.style.transform = 'translateX(0)';
});
}
/* --- SETAS: DOIS CARDS POR CLIQUE --- */
nextBtn.addEventListener('click', () => {
nextVideoSlide(2);
});
prevBtn.addEventListener('click', () => {
prevVideoSlide(0, 2);
});
/* --- ABRIR VÍDEO --- */
track.addEventListener('click', event => {
if (performance.now() {
if (event.target === modal) {
fecharModal();
}
});
document.addEventListener('keydown', event => {
if (event.key === 'Escape') {
fecharModal();
}
});
/* --- ARRASTE COM O DEDO: SOMENTE NO MOBILE --- */
function restaurarArraste() {
const toque = inicioToque;
if (!toque) return null;
inicioToque = null;
if (toque.cardAnterior) {
track.appendChild(toque.cardAnterior);
}
if (toque.horizontal) {
track.style.transition = 'none';
track.style.transform =
'translateX(' + toque.deslocamento + 'px)';
}
if (viewport.hasPointerCapture(toque.id)) {
viewport.releasePointerCapture(toque.id);
}
return toque;
}
function voltarAoInicio() {
isAnimating = true;
animarTrilha(0, () => {
track.style.transform = 'translateX(0)';
});
}
function cancelarArraste() {
const toque = restaurarArraste();
if (!toque) return;
if (toque.horizontal) {
ignorarCliqueAte = performance.now() + 650;
voltarAoInicio();
}
}
/* Evita abrir o vídeo ao terminar o arraste. */
viewport.addEventListener('click', event => {
if (
event.detail !== 0 &&
performance.now() {
if (
event.pointerType !== 'touch' &&
event.pointerType !== 'pen'
) {
return;
}
if (event.isPrimary === false) {
cancelarArraste();
return;
}
if (
!mobileQuery.matches ||
isAnimating ||
modal.classList.contains('active')
) {
return;
}
inicioToque = {
id: event.pointerId,
x: event.clientX,
y: event.clientY,
horizontal: false,
deslocamento: 0,
cardAnterior: null
};
}, { passive: true });
viewport.addEventListener('pointermove', event => {
if (
!inicioToque ||
inicioToque.id !== event.pointerId
) {
return;
}
const dx = event.clientX - inicioToque.x;
const dy = event.clientY - inicioToque.y;
if (!inicioToque.horizontal) {
if (
Math.max(
Math.abs(dx),
Math.abs(dy)
) < 8
) {
return;
}
/* Mantém a rolagem vertical normal da página. */
if (Math.abs(dx) 0 && !inicioToque.cardAnterior) {
inicioToque.cardAnterior = track.lastElementChild;
track.prepend(inicioToque.cardAnterior);
} else if (dx {
if (
!inicioToque ||
inicioToque.id !== event.pointerId
) {
return;
}
const dx = event.clientX - inicioToque.x;
const dy = event.clientY - inicioToque.y;
const toque = restaurarArraste();
if (toque.horizontal) {
ignorarCliqueAte = performance.now() + 650;
const distanciaMinima = Math.min(
70,
Math.max(40, viewport.clientWidth * 0.12)
);
if (
Math.abs(dx) >= distanciaMinima &&
Math.abs(dx) > Math.abs(dy) * 1.2
) {
if (dx {
if (inicioToque?.id === event.pointerId) {
cancelarArraste();
}
}, { passive: true });
viewport.addEventListener('lostpointercapture', event => {
if (
event.target === viewport &&
inicioToque?.id === event.pointerId
) {
cancelarArraste();
}
});
mobileQuery.addEventListener('change', () => {
const toque = restaurarArraste();
if (toque?.horizontal) {
track.style.transform = 'translateX(0)';
}
});
window.addEventListener('blur', cancelarArraste);
}
if (document.readyState === 'loading') {
document.addEventListener(
'DOMContentLoaded',
iniciarCarrossel,
{ once: true }
);
} else {
iniciarCarrossel();
}
})();