/* Tidos · página de Tráfego pago (gestão de anúncios). Gerado a partir de trafego.src.css (o body.tds-pg-trafego-pago vira o prefixo da página).
   Duas linguagens: as telas em HTML animadas (painel, CRM, celulares) e uma colagem do GPT nos 20 gestores. O fio da página
   é a moeda laranja, o dinheiro do anúncio. Números das telas viram barra (regra do MIV). */
body.tds-pg-trafego-pago .e-con.tp-sec { padding: clamp(64px, 7vw, 120px) 0; }
body.tds-pg-trafego-pago .tp-bar { display: block; height: 9px; border-radius: 5px; background: #E8E8E8; }
body.tds-pg-trafego-pago .tp-bar--l { background: var(--fx-laranja) !important; }
body.tds-pg-trafego-pago .fx-h2 .elementor-heading-title span, body.tds-pg-trafego-pago .tp-h1 .elementor-heading-title span { color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-txt p { margin: 0 0 14px; font-size: clamp(17px, .3vw + 14px, 19px); line-height: 1.6; color: #575757; }
body.tds-pg-trafego-pago .tp-txt p:last-child { margin-bottom: 0; }
body.tds-pg-trafego-pago .tp-txt a { color: var(--fx-laranja); }

/* ===== 1 · topo ===== */
body.tds-pg-trafego-pago .e-con.tp-topo { padding: clamp(24px, 3.4vw, 64px) 0 clamp(56px, 6vw, 100px); overflow: hidden; }
body.tds-pg-trafego-pago .e-con.tp-topo__grade { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
body.tds-pg-trafego-pago .e-con.tp-topo__txt, body.tds-pg-trafego-pago .e-con.tp-topo__vis { display: block; min-width: 0; }
body.tds-pg-trafego-pago .tp-h1 .elementor-heading-title { font-family: var(--fx-titulo); font-weight: 800; font-size: clamp(40px, 2.9vw + 14px, 62px); line-height: 1.03; letter-spacing: -0.025em; color: var(--fx-tinta); }
body.tds-pg-trafego-pago .tp-sub { margin-top: 22px; }
body.tds-pg-trafego-pago .tp-sub p { margin: 0; max-width: 540px; font-size: clamp(17px, .4vw + 14px, 20px); line-height: 1.55; color: #575757; }
body.tds-pg-trafego-pago .e-con.tp-botoes { flex-direction: row; flex-wrap: wrap; gap: 12px; margin-top: clamp(26px, 2.4vw, 34px); }
body.tds-pg-trafego-pago .tp-botoes .fx-btn .elementor-button, body.tds-pg-trafego-pago .tp-botoes .fx-btn-contorno .elementor-button { height: 62px; padding: 0 30px; font-size: 18px; }
body.tds-pg-trafego-pago .tp-plat { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 22px; margin: clamp(30px, 3vw, 44px) 0 0; }
body.tds-pg-trafego-pago .tp-plat small { font: 600 14px var(--fx-texto); color: #686868; }
body.tds-pg-trafego-pago .tp-plat span { display: inline-flex; align-items: center; gap: 8px; font: 600 18px var(--fx-texto); color: #5F6368; }
body.tds-pg-trafego-pago .tp-plat img { width: auto; height: 24px; }
body.tds-pg-trafego-pago .tp-plat .tp-plat__meta { height: 19px; }

/* o painel: tudo em cqw pra escalar junto com a coluna */
body.tds-pg-trafego-pago .tp-pn { position: relative; width: 100%; aspect-ratio: 640 / 600; container-type: inline-size; font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-pn p { margin: 0; }
body.tds-pg-trafego-pago .tp-pn__sol { position: absolute; right: -16%; top: 7%; width: 84%; aspect-ratio: 1; border-radius: 50%; background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-pn__tela { position: absolute; right: 0; top: 12%; width: 95%; padding: 3.4cqw; border-radius: 4cqw; background: #0F0F0F; color: #fff; box-shadow: 0 8cqw 14cqw -6cqw rgba(0, 0, 0, .6); }
body.tds-pg-trafego-pago .tp-pn__cab { display: flex; align-items: center; justify-content: space-between; gap: 2cqw; margin-bottom: 2.4cqw; }
body.tds-pg-trafego-pago .tp-pn__cab b { font-size: max(12px, 2.9cqw); font-weight: 700; }
body.tds-pg-trafego-pago .tp-pn__chip { padding: .9cqw 1.9cqw; border-radius: 99px; background: #222222; font-size: max(9px, 1.9cqw); font-weight: 600; color: #999999; white-space: nowrap; }
body.tds-pg-trafego-pago .tp-pn__med { display: flex; align-items: center; gap: 1.2cqw; font-size: max(9px, 1.9cqw); font-weight: 600; color: #999999; white-space: nowrap; }
body.tds-pg-trafego-pago .tp-pn__med i { position: relative; width: 5.3cqw; height: 3.1cqw; border-radius: 99px; background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-pn__med i::after { content: ""; position: absolute; right: .5cqw; top: .5cqw; width: 2.1cqw; height: 2.1cqw; border-radius: 50%; background: #fff; }
body.tds-pg-trafego-pago .tp-pn__lin { display: grid; grid-template-columns: minmax(0, 2.3fr) 1fr 1fr 1.2fr; align-items: stretch; border-bottom: 1px solid #222222; }
body.tds-pg-trafego-pago .tp-pn__lin:last-child { border-bottom: 0; }
body.tds-pg-trafego-pago .tp-pn__lin > span { display: flex; align-items: center; padding: 2.2cqw 1.8cqw; min-width: 0; }
body.tds-pg-trafego-pago .tp-pn__lin--cab > span { padding: 1.6cqw 1.8cqw; font-size: max(8px, 1.65cqw); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #999999; white-space: nowrap; }
body.tds-pg-trafego-pago .tp-pn__lin > .tp-pn__v { background: rgba(239, 84, 51, .14); }
body.tds-pg-trafego-pago .tp-pn__lin--cab > .tp-pn__v { background: var(--fx-laranja); color: #fff; border-radius: 1.6cqw 1.6cqw 0 0; }
body.tds-pg-trafego-pago .tp-pn__lin:last-child > .tp-pn__v { border-radius: 0 0 1.6cqw 1.6cqw; }
body.tds-pg-trafego-pago .tp-pn__camp { gap: 1.8cqw; }
body.tds-pg-trafego-pago .tp-pn__camp img { flex: none; width: 4.7cqw; height: 4.7cqw; object-fit: contain; padding: .8cqw; border-radius: 1.4cqw; background: #fff; }
body.tds-pg-trafego-pago .tp-pn__camp > span { min-width: 0; }
body.tds-pg-trafego-pago .tp-pn__camp b { display: block; overflow: hidden; font-size: max(10px, 2.15cqw); font-weight: 600; white-space: nowrap; text-overflow: ellipsis; }
body.tds-pg-trafego-pago .tp-pn__camp small { display: block; margin-top: .3cqw; overflow: hidden; font-size: max(8.5px, 1.8cqw); color: #999999; white-space: nowrap; text-overflow: ellipsis; }
body.tds-pg-trafego-pago .tp-pn .tp-bar { height: 1.4cqw; min-height: 5px; background: #222222; transition: width .6s cubic-bezier(.2, .7, .2, 1); }
body.tds-pg-trafego-pago .tp-pn__v .tp-bar { height: 1.6cqw; }
body.tds-pg-trafego-pago .tp-pn__lin.is-flash > .tp-pn__v { animation: tp-flash 1s ease; }
body.tds-pg-trafego-pago .tp-pn__graf { display: flex; align-items: flex-end; gap: 1.2cqw; height: 13cqw; margin-top: 2.8cqw; padding: 1.8cqw 2.2cqw 0; border-radius: 2.2cqw; background: #161616; }
body.tds-pg-trafego-pago .tp-pn__graf i { flex: 1; height: var(--h); border-radius: .8cqw .8cqw 0 0; background: #222222; transition: height .6s cubic-bezier(.2, .7, .2, 1); }
body.tds-pg-trafego-pago .tp-pn__graf i.l { background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-pn__rastro { position: absolute; inset: 0; z-index: 2; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
body.tds-pg-trafego-pago .tp-pn__rastro path { fill: none; stroke: var(--fx-laranja); stroke-width: 3; stroke-linecap: round; stroke-dasharray: 2 9; vector-effect: non-scaling-stroke; opacity: 0; transition: opacity .3s; }
body.tds-pg-trafego-pago .tp-pn.is-rastro .tp-pn__rastro path { opacity: 1; }
body.tds-pg-trafego-pago .tp-pn__moeda { position: absolute; left: 0; top: 0; z-index: 4; width: 4.2cqw; height: 4.2cqw; margin: -2.1cqw 0 0 -2.1cqw; border-radius: 50%; background: var(--fx-laranja); box-shadow: 0 0 0 .9cqw rgba(239, 84, 51, .28); opacity: 0; pointer-events: none; }
body.tds-pg-trafego-pago .tp-pn__crm { position: absolute; left: -2%; bottom: 3%; z-index: 3; width: 47%; padding: 2.6cqw 2.8cqw; border-radius: 3.2cqw; background: #fff; color: #222; box-shadow: 0 5cqw 9cqw -5cqw rgba(0, 0, 0, .5), 0 0 0 1px #EEE; transition: opacity .4s, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-pn__crm-t { display: flex; justify-content: space-between; font-size: max(8px, 1.7cqw); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #999; }
body.tds-pg-trafego-pago .tp-pn__ganho { display: flex; align-items: center; gap: 1.6cqw; margin-top: 1.9cqw !important; font-size: max(12px, 2.7cqw); font-weight: 800; }
body.tds-pg-trafego-pago .tp-pn__ganho i, body.tds-pg-trafego-pago .tp-mini__g i, body.tds-pg-trafego-pago .tp-vt__ok i, body.tds-pg-trafego-pago .tp-regra__chk i { position: relative; flex: none; border-radius: 50%; background: #28B446; }
body.tds-pg-trafego-pago .tp-pn__ganho i { width: 4.1cqw; height: 4.1cqw; }
body.tds-pg-trafego-pago .tp-pn__ganho i::after, body.tds-pg-trafego-pago .tp-mini__g i::after, body.tds-pg-trafego-pago .tp-vt__ok i::after, body.tds-pg-trafego-pago .tp-regra__chk i::after { content: ""; position: absolute; inset: 22%; background: #fff; -webkit-mask: url(../../site/icons/check.svg) center / contain no-repeat; mask: url(../../site/icons/check.svg) center / contain no-repeat; }
body.tds-pg-trafego-pago .tp-pn__crm .tp-bar { margin-top: 1.9cqw; background: #E8E8E8; }
body.tds-pg-trafego-pago .tp-pn__val { display: flex; align-items: center; justify-content: space-between; gap: 2cqw; margin-top: 2.2cqw !important; padding-top: 1.9cqw; border-top: 1px solid #F0F0F0; font-size: max(9px, 1.9cqw); font-weight: 600; color: #686868; }
body.tds-pg-trafego-pago .tp-pn__val .tp-bar { width: 30% !important; margin: 0; }
body.tds-pg-trafego-pago .tp-pn__aviso { position: absolute; right: 4%; top: 2%; z-index: 3; display: flex; align-items: center; gap: 1.6cqw; padding: 1.6cqw 2.2cqw; border-radius: 2.2cqw; background: #fff; box-shadow: 0 3cqw 6cqw -3cqw rgba(0, 0, 0, .45), 0 0 0 1px #EEE; font-size: max(10px, 2.05cqw); font-weight: 700; color: #222; white-space: nowrap; transition: opacity .3s, transform .45s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-pn__aviso img { height: 2.9cqw; min-height: 13px; width: auto; }
body.tds-pg-trafego-pago .tp-pn.is-anima:not(.is-crm) .tp-pn__crm { opacity: 0; transform: translateY(3cqw) scale(.95); }
body.tds-pg-trafego-pago .tp-pn.is-anima:not(.is-aviso) .tp-pn__aviso { opacity: 0; transform: translateY(-1.5cqw) scale(.95); }
@keyframes tp-flash { 30% { background: rgba(239, 84, 51, .5); } }

/* ===== 2 · os 20 gestores ===== */
body.tds-pg-trafego-pago .e-con.tp-arv-sec { background: var(--fx-creme); }
body.tds-pg-trafego-pago .e-con.tp-arv-sec__grade { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(36px, 6vw, 100px); align-items: center; }
body.tds-pg-trafego-pago .e-con.tp-arv-sec__vis, body.tds-pg-trafego-pago .e-con.tp-arv-sec__txt { display: block; min-width: 0; }
/* os 20 gestores: a árvore (com a mão) chacoalha, os gestores caem da copa no monte e as folhas voam.
   O palco tem 1000 unidades de largura (1 unidade = .1cqw) e proporção 4:5, direto no creme da seção, sem cartão atrás. Sem .is-on, a cena fica parada,
   com os gestores espalhados no ar, como na ilustração. */
body.tds-pg-trafego-pago .tp-arv { position: relative; aspect-ratio: 4 / 5; container-type: inline-size; }
body.tds-pg-trafego-pago .tp-arv img, body.tds-pg-trafego-pago .tp-arv svg { position: absolute; left: 0; top: 0; display: block; max-width: none; height: auto; pointer-events: none; user-select: none; }
body.tds-pg-trafego-pago .tp-arv .tp-arv__arvore { position: absolute; z-index: 1; left: 0; top: 3cqw; width: 100%; aspect-ratio: 1; transform-origin: 40.5% 98%; }
body.tds-pg-trafego-pago .tp-arv .tp-arv__arvore img { width: 100%; }
/* a manga da imagem acaba na borda dela (y de 699 a 846 em 1254); o bloco continua a manga até fora da tela */
body.tds-pg-trafego-pago .tp-arv__manga { position: absolute; right: calc(100% - 2px); top: 55.74%; width: 300cqw; height: 11.72%; background: #161616; }
body.tds-pg-trafego-pago .e-con.tp-arv-sec { overflow-x: clip; }
body.tds-pg-trafego-pago .tp-arv .tp-arv__mov { z-index: 2; top: 3cqw; width: 100%; height: auto; opacity: .9; }
body.tds-pg-trafego-pago .tp-arv__mov path { fill: none; stroke: #161616; stroke-width: 5; stroke-linecap: round; }
body.tds-pg-trafego-pago .tp-arv__folha { z-index: 3; width: calc(var(--w) * .1cqw); transform: translate(calc(var(--x) * .1cqw), calc(var(--y) * .1cqw)) rotate(var(--r, 0deg)); }
body.tds-pg-trafego-pago .tp-arv__homem { z-index: 4; width: calc(var(--w) * .1cqw); transform: translate(calc(var(--xs) * .1cqw), calc(var(--ys) * .1cqw)) rotate(var(--rs)); }
body.tds-pg-trafego-pago .tp-arv .tp-arv__monte { z-index: 5; width: 100%; top: auto; bottom: 1.2cqw; }

body.tds-pg-trafego-pago .tp-arv.is-on .tp-arv__arvore { animation: tp-arv-chacoalha 1.3s ease-in-out infinite; }
body.tds-pg-trafego-pago .tp-arv.is-on .tp-arv__mov { animation: tp-arv-mov 1.3s steps(1) infinite; }
body.tds-pg-trafego-pago .tp-arv.is-on .tp-arv__homem { opacity: 0; animation: tp-arv-cai 6.3s linear infinite; animation-delay: var(--d); }
body.tds-pg-trafego-pago .tp-arv.is-on .tp-arv__folha { opacity: 0; animation: tp-arv-folha var(--t) linear infinite; animation-delay: var(--d); }

@keyframes tp-arv-chacoalha {
  0%, 62%, 100% { transform: rotate(0deg); }
  8% { transform: rotate(-1.3deg); }
  18% { transform: rotate(1.1deg); }
  28% { transform: rotate(-.9deg); }
  38% { transform: rotate(.7deg); }
  48% { transform: rotate(-.35deg); }
}
@keyframes tp-arv-mov { 0% { opacity: .9; } 50% { opacity: 0; } }
@keyframes tp-arv-cai {
  0% { opacity: 0; transform: translate(calc(var(--x0) * .1cqw), calc(var(--y0) * .1cqw)) rotate(var(--r0)) scale(.5); animation-timing-function: cubic-bezier(.2, .8, .3, 1); }
  5% { opacity: 1; transform: translate(calc(var(--x0) * .1cqw), calc(var(--y0) * .1cqw)) rotate(var(--r0)) scale(1); }
  9% { transform: translate(calc(var(--x0) * .1cqw), calc(var(--y0) * .1cqw)) rotate(calc(var(--r0) + 8deg)); }
  13% { transform: translate(calc(var(--x0) * .1cqw), calc(var(--y0) * .1cqw)) rotate(calc(var(--r0) - 6deg)); animation-timing-function: cubic-bezier(.45, 0, .85, .5); }
  44% { opacity: 1; transform: translate(calc(var(--x1) * .1cqw), calc(var(--y1) * .1cqw)) rotate(var(--r1)); }
  48% { opacity: 0; transform: translate(calc(var(--x1) * .1cqw), calc((var(--y1) + 40) * .1cqw)) rotate(var(--r1)); }
  100% { opacity: 0; transform: translate(calc(var(--x1) * .1cqw), calc((var(--y1) + 40) * .1cqw)) rotate(var(--r1)); }
}
@keyframes tp-arv-folha {
  0% { opacity: 0; transform: translate(calc(var(--x) * .1cqw), calc(var(--y) * .1cqw)) rotate(0deg); }
  8% { opacity: 1; }
  25% { transform: translate(calc((var(--x) + 40) * .1cqw), calc((var(--y) + 130) * .1cqw)) rotate(100deg); }
  50% { transform: translate(calc((var(--x) - 25) * .1cqw), calc((var(--y) + 270) * .1cqw)) rotate(210deg); }
  75% { transform: translate(calc((var(--x) + 35) * .1cqw), calc((var(--y) + 400) * .1cqw)) rotate(300deg); }
  90% { opacity: 1; }
  100% { opacity: 0; transform: translate(calc(var(--x) * .1cqw), calc((var(--y) + 520) * .1cqw)) rotate(400deg); }
}
body.tds-pg-trafego-pago .tp-cit .elementor-heading-title { font-size: clamp(32px, 1.8vw + 18px, 48px); line-height: 1.05; letter-spacing: -0.02em; }
body.tds-pg-trafego-pago .tp-arv-sec .tp-txt { margin-top: 24px; }
body.tds-pg-trafego-pago .tp-tres { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 22px; }
body.tds-pg-trafego-pago .tp-tres span { display: inline-flex; align-items: center; gap: 10px; padding: 12px 18px; border-radius: 99px; background: #fff; box-shadow: 0 0 0 1px #E4DCC4; font: 700 16px var(--fx-texto); color: #222; transition: opacity .4s, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-tres span:nth-child(2) { transition-delay: .15s; }
body.tds-pg-trafego-pago .tp-tres span:nth-child(3) { transition-delay: .3s; }
body.tds-pg-trafego-pago .tp-tres span::before { content: ""; width: 10px; height: 10px; border-radius: 50%; background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-tres.is-anima:not(.is-on) span { opacity: 0; transform: translateY(8px) scale(.95); }

/* ===== 3 · onde o dinheiro se perde: a seção fica fixa e a rolagem anda de lado ===== */
body.tds-pg-trafego-pago .e-con.tp-sec.tp-vz-sec { padding: clamp(24px, 3vw, 48px) 0; }
body.tds-pg-trafego-pago .e-con.tp-vz-sec__in { display: block; width: calc(100% - 2 * var(--fx-borda)); margin: 0 auto; }
body.tds-pg-trafego-pago .tp-vz { position: relative; height: 540vh; }
body.tds-pg-trafego-pago .tp-vz__fixo { position: sticky; top: 76px; display: flex; flex-direction: column; height: calc(100vh - 92px); min-height: 600px; border-radius: clamp(20px, 1.6vw, 32px); background: #161616; color: #fff; overflow: hidden; }
body.tds-pg-trafego-pago .tp-vz__cab { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; padding: clamp(28px, 4.5vh, 56px) clamp(24px, 4.8vw, 70px) 0; }
body.tds-pg-trafego-pago .tp-vz__t { margin: 0; font-family: var(--fx-titulo); font-weight: 800; font-size: clamp(30px, 1.8vw + 18px, 50px); line-height: 1.05; letter-spacing: -0.02em; color: #fff; }
body.tds-pg-trafego-pago .tp-vz__t span { color: var(--fx-laranja); white-space: nowrap; }
/* o contador "1 / 6" era paginação (MIV, cap. 7, "Nada de enfeite") e repetia a régua de cima ("01 · ANÚNCIO"); fica só a barra */
body.tds-pg-trafego-pago .tp-vz__pg { display: none; }
body.tds-pg-trafego-pago .tp-vz__pg b { font: 400 26px/1 var(--fx-eyebrow); color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-vz__num { display: flex; align-items: center; gap: 16px; max-width: 480px; transition: opacity .5s, transform .6s cubic-bezier(.2, .7, .2, 1); }
body.tds-pg-trafego-pago .tp-vz__num b { flex: none; min-width: 2.1em; font: 400 64px/1 var(--fx-eyebrow); color: var(--fx-laranja); font-variant-numeric: tabular-nums; }
body.tds-pg-trafego-pago .tp-vz__num p { margin: 0; font: 500 14px/1.45 var(--fx-texto); color: #999999; }
body.tds-pg-trafego-pago .tp-vz__num a { color: #fff; text-decoration: underline; }
body.tds-pg-trafego-pago .tp-vz.is-anima:not(.is-fonte) .tp-vz__num { opacity: 0; transform: translateY(12px); }
body.tds-pg-trafego-pago .tp-vz__palco { position: relative; flex: 1; min-height: 0; }
body.tds-pg-trafego-pago .tp-vz__fila { --card: clamp(250px, 21vw, 310px); --gap: clamp(24px, 3vw, 48px); position: absolute; left: 0; top: 0; bottom: 0; display: flex; gap: var(--gap); padding-top: 40px; transition: transform .8s cubic-bezier(.2, .7, .2, 1), opacity .6s, filter .6s; }
body.tds-pg-trafego-pago .tp-vz.is-perg .tp-vz__fila { opacity: .12; filter: blur(3px); }
body.tds-pg-trafego-pago .tp-vz__perg { position: absolute; inset: 0; z-index: 3; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; padding: 0 clamp(24px, 6vw, 120px); text-align: center; opacity: 0; visibility: hidden; transition: opacity .6s, visibility 0s .6s; }
body.tds-pg-trafego-pago .tp-vz.is-perg .tp-vz__perg { opacity: 1; visibility: visible; transition: opacity .6s; }
body.tds-pg-trafego-pago .tp-vz__perg-t { max-width: 920px; margin: 0; font: 800 clamp(32px, 2vw + 18px, 54px)/1.14 var(--fx-titulo); letter-spacing: -0.02em; color: #fff; }
body.tds-pg-trafego-pago .tp-vz__perg-t span { padding: 0 .14em; border-radius: .22em; color: var(--fx-laranja); white-space: nowrap; }
body.tds-pg-trafego-pago .tp-vz.is-perg .tp-vz__perg-t span { animation: tp-realce 3.6s ease-in-out infinite; }
body.tds-pg-trafego-pago .tp-vz.is-perg .tp-vz__perg-t span:nth-child(2) { animation-delay: 1.2s; }
body.tds-pg-trafego-pago .tp-vz.is-perg .tp-vz__perg-t span:nth-child(3) { animation-delay: 2.4s; }
body.tds-pg-trafego-pago .tp-vz__perg-x { max-width: 620px; margin: 0; font: 500 18px/1.5 var(--fx-texto); color: #999999; }
@keyframes tp-realce { 0%, 36%, 100% { background: rgba(239, 84, 51, 0); color: var(--fx-laranja); } 8%, 28% { background: var(--fx-laranja); color: #fff; } }
body.tds-pg-trafego-pago .tp-vz__trilho { position: absolute; left: calc(var(--card) / 2); right: calc(var(--card) / 2); top: 87px; height: 6px; border-radius: 3px; background: #222222; }
body.tds-pg-trafego-pago .tp-vz__cheio { position: absolute; left: 0; top: 0; bottom: 0; width: var(--cheio, 0px); border-radius: 3px; background: var(--fx-laranja); transition: width .8s cubic-bezier(.2, .7, .2, 1); }
body.tds-pg-trafego-pago .tp-vz__moedas i { position: absolute; left: 0; top: -8px; width: 22px; height: 22px; margin-left: -11px; border-radius: 50%; background: var(--fx-laranja); box-shadow: 0 0 0 4px rgba(239, 84, 51, .25); opacity: 0; animation: tp-corre 2.4s linear infinite; }
body.tds-pg-trafego-pago .tp-vz__moedas i:nth-child(2) { animation-delay: -.8s; }
body.tds-pg-trafego-pago .tp-vz__moedas i:nth-child(3) { animation-delay: -1.6s; }
body.tds-pg-trafego-pago .tp-vz__est { position: relative; flex: none; width: var(--card); }
body.tds-pg-trafego-pago .tp-vz__n { margin: 0; text-align: center; font: 400 22px/26px var(--fx-eyebrow); letter-spacing: .04em; color: #686868; transition: color .4s; }
body.tds-pg-trafego-pago .tp-vz__ponto { position: relative; z-index: 1; display: block; width: 24px; height: 24px; margin: 12px auto 0; border-radius: 50%; background: #222222; box-shadow: 0 0 0 6px #161616, 0 0 0 8px #575757; transition: background-color .4s, box-shadow .4s; }
body.tds-pg-trafego-pago .tp-vz__est.is-feito .tp-vz__ponto, body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-vz__ponto { background: var(--fx-laranja); box-shadow: 0 0 0 6px #161616, 0 0 0 8px var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-vz__n { color: #fff; }
body.tds-pg-trafego-pago .tp-vz__card { margin-top: 24px; padding: 14px; border-radius: 20px; background: #161616; box-shadow: 0 0 0 1px #222222; opacity: .42; transform: scale(.94); transform-origin: top center; transition: opacity .5s, transform .6s cubic-bezier(.2, .7, .2, 1), box-shadow .5s; }
body.tds-pg-trafego-pago .tp-vz__est.is-feito .tp-vz__card { opacity: .62; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-vz__card { opacity: 1; transform: none; box-shadow: 0 0 0 2px var(--fx-laranja), 0 30px 60px -30px rgba(239, 84, 51, .6); }
body.tds-pg-trafego-pago .tp-vz__card h3 { margin: 14px 0 6px; font: 800 20px/1.2 var(--fx-titulo); color: #fff; }
body.tds-pg-trafego-pago .tp-vz__card p { margin: 0; font: 500 15px/1.5 var(--fx-texto); color: #999999; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-vz__card p { color: #F5F7F9; }
body.tds-pg-trafego-pago .tp-mini { position: relative; height: clamp(118px, 16vh, 156px); border-radius: 14px; overflow: hidden; font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-mini p { margin: 0; }
body.tds-pg-trafego-pago .tp-mini--ad { background: linear-gradient(160deg, #575757, #161616); }
body.tds-pg-trafego-pago .tp-mini__play { position: absolute; left: 50%; top: 42%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: rgba(255, 255, 255, .92); }
body.tds-pg-trafego-pago .tp-mini__play::after { content: ""; position: absolute; left: 17px; top: 13px; border-left: 14px solid #222; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-mini__play { animation: tp-pulsa 1.6s ease-in-out infinite; }
body.tds-pg-trafego-pago .tp-mini__patro { position: absolute; left: 12px; bottom: 10px; color: #fff; }
body.tds-pg-trafego-pago .tp-mini__patro b { display: block; font-size: 13px; font-weight: 700; }
body.tds-pg-trafego-pago .tp-mini__patro small { display: block; font-size: 11px; color: #F5F7F9; }
body.tds-pg-trafego-pago .tp-mini__lg { position: absolute; right: 10px; bottom: 10px; display: flex; gap: 6px; }
body.tds-pg-trafego-pago .tp-mini__lg img { width: 26px; height: 22px; object-fit: contain; padding: 3px; border-radius: 6px; background: #fff; }
body.tds-pg-trafego-pago .tp-mini--pg { padding: 12px; background: #fff; }
body.tds-pg-trafego-pago .tp-mini--pg .tp-bar { height: 8px; margin-bottom: 7px; background: #DDD; }
body.tds-pg-trafego-pago .tp-mini__nav { display: flex; align-items: center; gap: 4px; margin: 0 0 10px !important; }
body.tds-pg-trafego-pago .tp-mini__nav i { width: 7px; height: 7px; border-radius: 50%; background: #DDD; }
body.tds-pg-trafego-pago .tp-mini__load { margin-left: auto; width: 15px; height: 15px; border-radius: 50%; border: 2.5px solid #EEE; border-top-color: var(--fx-laranja); animation: tp-gira 1s linear infinite; }
body.tds-pg-trafego-pago .tp-mini__campo { display: block; height: 9px; margin-top: 5px; border-radius: 3px; box-shadow: inset 0 0 0 1.5px #E35A44; background: #FFF4F2; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-mini__campo { animation: tp-pisca-campo 1.8s ease-in-out infinite; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-mini__campo:nth-of-type(2n) { animation-delay: .3s; }
body.tds-pg-trafego-pago .tp-mini--chat { padding: 12px; background: #ECE5DD; }
body.tds-pg-trafego-pago .tp-mini__not { display: flex; align-items: center; gap: 8px; margin: 0 0 10px !important; padding: 8px; border-radius: 10px; background: #fff; }
body.tds-pg-trafego-pago .tp-mini__not img { width: 24px; height: 24px; }
body.tds-pg-trafego-pago .tp-mini__not > span { flex: 1; min-width: 0; }
body.tds-pg-trafego-pago .tp-mini__not b { display: block; font-size: 12px; font-weight: 800; color: #222; }
body.tds-pg-trafego-pago .tp-mini__not .tp-bar { height: 5px; margin-top: 5px; background: #DDD; }
body.tds-pg-trafego-pago .tp-mini__msg { width: 86%; padding: 9px 11px; border-radius: 12px 12px 12px 3px; background: #fff; font-size: 13px; font-weight: 600; color: #222; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-mini__msg { animation: tp-entra .5s ease both .2s; }
body.tds-pg-trafego-pago .tp-mini__visto { margin-top: 4px !important; font-size: 11px; font-weight: 700; color: #53BDEB; }
body.tds-pg-trafego-pago .tp-mini__dig { display: flex; gap: 4px; width: fit-content; margin-top: 8px !important; padding: 8px 10px; border-radius: 12px; background: rgba(255, 255, 255, .6); }
body.tds-pg-trafego-pago .tp-mini__dig i { width: 6px; height: 6px; border-radius: 50%; background: #B9B0A6; }
body.tds-pg-trafego-pago .tp-mini__hora { position: absolute; left: 12px; bottom: 10px; padding: 6px 12px; border-radius: 99px; background: var(--fx-laranja); font-size: 12px; font-weight: 800; color: #fff; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-mini__hora { animation: tp-pulsa 1.4s ease-in-out infinite; }
body.tds-pg-trafego-pago .tp-mini__doc { margin: 0 0 10px !important; font-size: 12px; font-weight: 800; color: #222; }
body.tds-pg-trafego-pago .tp-mini__sem { position: absolute; left: 12px; bottom: 10px; padding: 5px 10px; border-radius: 99px; background: #FCE8E6; font-size: 11px; font-weight: 800; color: #C5221F; }
body.tds-pg-trafego-pago .tp-mini__g { display: flex; align-items: center; gap: 8px; margin: 0 0 12px !important; font-size: 14px; font-weight: 800; color: #1E8E3E; }
body.tds-pg-trafego-pago .tp-mini__g i { width: 18px; height: 18px; }
body.tds-pg-trafego-pago .tp-mini__val { display: flex; align-items: center; justify-content: space-between; margin-top: 14px !important; padding-top: 10px; border-top: 1px solid #EEE; font-size: 12px; font-weight: 600; color: #686868; }
body.tds-pg-trafego-pago .tp-mini__val .tp-bar { width: 34% !important; margin: 0 !important; }
body.tds-pg-trafego-pago .tp-vz__poca { --queda: 48px; position: relative; height: 100px; margin-top: 8px; opacity: 0; transition: opacity .4s; }
body.tds-pg-trafego-pago .tp-vz__est.is-on .tp-vz__poca, body.tds-pg-trafego-pago .tp-vz__est.is-feito .tp-vz__poca { opacity: 1; }
body.tds-pg-trafego-pago .tp-vz__poca i { position: absolute; left: 50%; top: 0; width: 13px; height: 17px; margin-left: -6.5px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: var(--fx-laranja); animation: tp-pinga 1.6s ease-in infinite; }
body.tds-pg-trafego-pago .tp-vz__poca i:nth-child(2) { animation-delay: .4s; }
body.tds-pg-trafego-pago .tp-vz__poca i:nth-child(3) { animation-delay: .8s; }
body.tds-pg-trafego-pago .tp-vz__poca i:nth-child(4) { animation-delay: 1.2s; }
body.tds-pg-trafego-pago .tp-vz__poca::after { content: ""; position: absolute; left: 50%; top: 50px; width: 56px; height: 10px; margin-left: -28px; border-radius: 50%; background: rgba(239, 84, 51, .35); }
body.tds-pg-trafego-pago .tp-vz__poca p { position: absolute; left: 0; right: 0; top: 68px; margin: 0; text-align: center; font: 700 14px/1.3 var(--fx-texto); color: #F9A083; }
body.tds-pg-trafego-pago .tp-vz__pe { position: relative; z-index: 2; background: linear-gradient(rgba(22, 22, 22, 0), #161616 45%); display: flex; align-items: center; justify-content: flex-end; gap: 30px; padding: 14px clamp(24px, 4.8vw, 70px) clamp(20px, 3.5vh, 40px); }
body.tds-pg-trafego-pago .tp-vz__prog { flex: none; width: min(300px, 30%); height: 6px; border-radius: 3px; background: #222222; overflow: hidden; }
body.tds-pg-trafego-pago .tp-vz__prog i { display: block; width: 0; height: 100%; background: var(--fx-laranja); }
@keyframes tp-corre { 0% { transform: translateX(0); opacity: 0; } 12% { opacity: 1; } 88% { opacity: 1; } 100% { transform: translateX(var(--cheio, 0px)); opacity: 0; } }
@keyframes tp-pinga { 0% { transform: translateY(0) scale(1); opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(var(--queda, 48px)) scale(.55); opacity: 0; } }
@keyframes tp-pulsa { 50% { transform: scale(1.08); } }
@keyframes tp-gira { to { transform: rotate(360deg); } }
@keyframes tp-pisca-campo { 50% { background: #FFDCD5; } }
@keyframes tp-entra { from { opacity: 0; transform: translateY(8px); } }

/* ===== 4 · o tráfego entra por último ===== */
body.tds-pg-trafego-pago .e-con.tp-ordem-sec { background: var(--fx-creme); overflow-x: clip; }
body.tds-pg-trafego-pago .e-con.tp-ordem-sec__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(36px, 6vw, 100px); align-items: center; }
body.tds-pg-trafego-pago .e-con.tp-ordem-sec__txt, body.tds-pg-trafego-pago .e-con.tp-ordem-sec__vis { display: block; min-width: 0; }
body.tds-pg-trafego-pago .tp-ordem-sec .tp-txt { margin-top: 20px; }
body.tds-pg-trafego-pago .tp-ordem-sec .fx-btn-contorno { margin-top: 28px; }
/* a ordem como fluxo (o jeito do "Fluxo da implementação" do Funil, em fundo claro). A tela tem 1200 x 420: os círculos
   ficam na altura 150 e os nomes embaixo. Sem .is-anima, aparece tudo aceso. No celular, o fluxo vira uma coluna. */
body.tds-pg-trafego-pago .e-con.tp-ordem-sec__grade { grid-template-columns: minmax(0, 1fr); gap: clamp(36px, 4.5vw, 64px); }
body.tds-pg-trafego-pago .e-con.tp-ordem-sec__txt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: clamp(28px, 5vw, 90px); align-items: end; }
body.tds-pg-trafego-pago .tp-ordem-sec__txt > .elementor-element:nth-child(1) { grid-column: 1; grid-row: 1; }
body.tds-pg-trafego-pago .tp-ordem-sec__txt > .elementor-element:nth-child(2) { grid-column: 1; grid-row: 2 / span 2; align-self: start; }
body.tds-pg-trafego-pago .tp-ordem-sec__txt > .elementor-element:nth-child(3) { grid-column: 2; grid-row: 1 / span 2; }
body.tds-pg-trafego-pago .tp-ordem-sec__txt > .elementor-element:nth-child(4) { grid-column: 2; grid-row: 3; }
body.tds-pg-trafego-pago .tp-ordem-sec .tp-txt { margin-top: 0; }
body.tds-pg-trafego-pago .tp-ordem-sec .tp-txt p:first-child { margin-top: 0; }

body.tds-pg-trafego-pago .tp-fx { position: relative; aspect-ratio: 1200 / 430; container-type: inline-size; font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-fx p { margin: 0; }
body.tds-pg-trafego-pago .tp-fx__brilho { position: absolute; left: 70%; top: 0; width: 40%; height: 80%; background: radial-gradient(closest-side, rgba(239, 84, 51, .22), rgba(239, 84, 51, 0)); pointer-events: none; transition: opacity .8s; }
body.tds-pg-trafego-pago .tp-fx__linha { position: absolute; left: 0; top: 0; width: 100%; height: auto; overflow: visible; }
body.tds-pg-trafego-pago .tp-fx__base { fill: none; stroke: #D9D2BE; stroke-width: 3; stroke-dasharray: 2 12; stroke-linecap: round; }
body.tds-pg-trafego-pago .tp-fx__prog { fill: none; stroke: var(--fx-laranja); stroke-width: 4; stroke-linecap: round; stroke-dasharray: 100 100; stroke-dashoffset: 0; transition: stroke-dashoffset .9s cubic-bezier(.4, 0, .2, 1); }
body.tds-pg-trafego-pago .tp-fx__pulsos circle { fill: var(--fx-laranja); stroke: #fff; stroke-width: 3; }
body.tds-pg-trafego-pago .tp-fx__nos { list-style: none; margin: 0; padding: 0; }
body.tds-pg-trafego-pago .tp-fx__no { --s: 10cqw; position: absolute; left: var(--x); top: calc(150 / 430 * 100% - var(--s) / 2); width: 22cqw; display: flex; flex-direction: column; align-items: center; text-align: center; transform: translateX(-50%); }
body.tds-pg-trafego-pago .tp-fx__no--hub { --s: 14cqw; }
body.tds-pg-trafego-pago .tp-fx__ic { position: relative; display: grid; place-items: center; width: var(--s); height: var(--s); border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 max(2px, .25cqw) #E6DFCB, 0 2.4cqw 4.8cqw -2cqw rgba(70, 40, 10, .35); transition: background-color .4s, box-shadow .4s, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-fx__ic i { width: 42%; height: 42%; background: var(--fx-laranja); -webkit-mask: var(--i) center / contain no-repeat; mask: var(--i) center / contain no-repeat; transition: background-color .4s; }
body.tds-pg-trafego-pago .tp-fx__no--hub .tp-fx__ic { background: var(--fx-laranja); box-shadow: 0 0 0 1.6cqw rgba(239, 84, 51, .14), 0 3cqw 7cqw -1cqw rgba(239, 84, 51, .55); }
body.tds-pg-trafego-pago .tp-fx__no--hub .tp-fx__ic i { background: #fff; }
body.tds-pg-trafego-pago .tp-fx__n { margin-top: 1.8cqw !important; font: 400 max(18px, 2.6cqw)/1 var(--fx-eyebrow); letter-spacing: .04em; color: var(--fx-laranja); transition: color .4s; }
body.tds-pg-trafego-pago .tp-fx__t { margin-top: .5cqw !important; font: 800 max(15px, 2.2cqw)/1.15 var(--fx-titulo); color: #222; transition: color .4s; }
body.tds-pg-trafego-pago .tp-fx__s { margin-top: .5cqw !important; font-size: max(14px, 1.45cqw); line-height: 1.35; color: #686868; }
body.tds-pg-trafego-pago .tp-fx__no--hub .tp-fx__t { color: var(--fx-laranja); }

/* em movimento: a etapa que ainda não chegou fica apagada, e os pulsos só correm depois do tráfego aceso */
body.tds-pg-trafego-pago .tp-fx.is-anima .tp-fx__no:not(.is-on) .tp-fx__ic { background: #F4F1E8; box-shadow: inset 0 0 0 max(2px, .25cqw) #E6DFCB; transform: scale(.9); }
body.tds-pg-trafego-pago .tp-fx.is-anima .tp-fx__no:not(.is-on) .tp-fx__ic i { background: #C7C1AF; }
body.tds-pg-trafego-pago .tp-fx.is-anima .tp-fx__no:not(.is-on) .tp-fx__n, body.tds-pg-trafego-pago .tp-fx.is-anima .tp-fx__no:not(.is-on) .tp-fx__t { color: #B5AFA0; }
body.tds-pg-trafego-pago .tp-fx.is-anima .tp-fx__prog { stroke-dashoffset: calc(100 - var(--prog, 0)); }
body.tds-pg-trafego-pago .tp-fx.is-anima:not(.is-flui) .tp-fx__pulsos { opacity: 0; }
body.tds-pg-trafego-pago .tp-fx__pulsos { transition: opacity .5s; }
body.tds-pg-trafego-pago .tp-fx.is-anima:not(.is-flui) .tp-fx__brilho { opacity: .35; }
body.tds-pg-trafego-pago .tp-fx.is-flui .tp-fx__no--hub .tp-fx__ic { animation: tp-fx-pulsa 1.6s ease-out infinite; }
@keyframes tp-fx-pulsa { 0% { box-shadow: 0 0 0 0 rgba(239, 84, 51, .45), 0 3cqw 7cqw -1cqw rgba(239, 84, 51, .55); } 70%, 100% { box-shadow: 0 0 0 3cqw rgba(239, 84, 51, 0), 0 3cqw 7cqw -1cqw rgba(239, 84, 51, .55); } }

/* coluna estreita: os círculos em coluna, ligados por uma linha reta, e o nome do lado */
@container (max-width: 620px) {
  body.tds-pg-trafego-pago .tp-fx { aspect-ratio: auto; padding: 2px 0; }
  body.tds-pg-trafego-pago .tp-fx__linha, body.tds-pg-trafego-pago .tp-fx__brilho { display: none; }
  body.tds-pg-trafego-pago .tp-fx__nos { position: relative; display: grid; gap: 7cqw; }
  body.tds-pg-trafego-pago .tp-fx__nos::before { content: ""; position: absolute; left: 9cqw; top: 9cqw; bottom: 12cqw; width: 0; border-left: max(2px, .6cqw) dotted #D9D2BE; }
  body.tds-pg-trafego-pago .tp-fx__nos::after { content: ""; position: absolute; left: 9cqw; top: 9cqw; width: max(3px, .9cqw); margin-left: max(-1px, -.2cqw); height: calc((100% - 21cqw) * var(--prog, 100) / 100); border-radius: 99px; background: var(--fx-laranja); transition: height .9s cubic-bezier(.4, 0, .2, 1); }
  body.tds-pg-trafego-pago .tp-fx__no { --s: 18cqw; position: relative; left: auto; top: auto; width: auto; display: grid; grid-template-columns: 18cqw minmax(0, 1fr); grid-template-areas: 'ic n' 'ic t' 'ic s'; column-gap: 5cqw; align-items: center; text-align: left; transform: none; }
  body.tds-pg-trafego-pago .tp-fx__no--hub { --s: 24cqw; grid-template-columns: 18cqw minmax(0, 1fr); }
  body.tds-pg-trafego-pago .tp-fx__no--hub .tp-fx__ic { margin-left: -3cqw; }
  body.tds-pg-trafego-pago .tp-fx__ic { grid-area: ic; z-index: 1; }
  body.tds-pg-trafego-pago .tp-fx__n { grid-area: n; margin: 0 !important; align-self: end; font-size: 20px; }
  body.tds-pg-trafego-pago .tp-fx__t { grid-area: t; margin: 0 !important; font-size: 19px; }
  body.tds-pg-trafego-pago .tp-fx__s { grid-area: s; align-self: start; font-size: 14px; }
}

/* ===== 5 · a Meta cria a vontade, o Google pega quem já procura ===== */
body.tds-pg-trafego-pago .e-con.tp-jr-sec__in { display: block; }
body.tds-pg-trafego-pago .e-con.tp-jr-sec__cab { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 4vw, 60px); align-items: end; }
/* a jornada passo a passo e o filtro: a pergunta da página manda quem quer contratar pro comercial e quem pesquisa pro material */
body.tds-pg-trafego-pago .tp-jr2 { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(0, 1.35fr); gap: clamp(16px, 2vw, 28px); align-items: start; margin-top: clamp(36px, 4vw, 60px); font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-jr2 p { margin: 0; }
body.tds-pg-trafego-pago .tp-jr2__p { text-align: center; transition: opacity .5s; }
body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p:not(.is-on):not(.is-feito) { opacity: .4; }
body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p.is-feito { opacity: .8; }
body.tds-pg-trafego-pago .tp-jr2__p .tp-cel { transition: box-shadow .4s; }
body.tds-pg-trafego-pago .tp-jr2__p.is-on .tp-cel { box-shadow: 0 0 0 3px var(--fx-laranja), 0 40px 70px -40px rgba(0, 0, 0, .6); }
body.tds-pg-trafego-pago .tp-jr2__dia { display: inline-block; margin-bottom: 14px; padding: 6px 12px; border-radius: 99px; background: var(--fx-creme); font: 700 13px var(--fx-texto); color: #222; }
body.tds-pg-trafego-pago .tp-jr2__leg { max-width: 240px; margin: 16px auto 0 !important; font-size: 14.5px; line-height: 1.45; color: #575757; }
body.tds-pg-trafego-pago .tp-jr2__leg b { display: block; margin-bottom: 4px; font: 800 16px/1.25 var(--fx-titulo); color: #222; }
body.tds-pg-trafego-pago .tp-jr2__lg { display: flex; justify-content: center; gap: 6px; min-height: 20px; margin-top: 10px !important; }
body.tds-pg-trafego-pago .tp-jr2__lg img { width: auto; height: 20px; }
body.tds-pg-trafego-pago .tp-jr2__saidas { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); align-self: stretch; padding-top: 46px; }
body.tds-pg-trafego-pago .tp-jr2__garfo { width: 100%; height: 100%; max-height: 430px; overflow: visible; }
body.tds-pg-trafego-pago .tp-jr2__garfo path { fill: none; stroke: #E4DCC4; stroke-width: 3; stroke-dasharray: 6 7; vector-effect: non-scaling-stroke; transition: stroke .4s; }
body.tds-pg-trafego-pago .tp-jr2.is-sim .tp-jr2__g-sim { stroke: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-jr2.is-nao .tp-jr2__g-nao { stroke: #686868; }
body.tds-pg-trafego-pago .tp-jr2__dests { display: grid; grid-template-rows: 1fr 1fr; gap: 16px; }
body.tds-pg-trafego-pago .tp-jr2__dest { display: flex; flex-direction: column; justify-content: center; padding: 16px; border-radius: 20px; background: #F5F7F9; box-shadow: 0 0 0 1px #ECECEC; transition: opacity .4s, transform .5s cubic-bezier(.2, .7, .2, 1), box-shadow .4s, background-color .4s; }
body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__dest:not(.is-on) { opacity: .35; transform: translateX(10px); }
body.tds-pg-trafego-pago .tp-jr2__dest--sim.is-on { background: #FFF6F3; box-shadow: 0 0 0 2px var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-jr2__dest--nao.is-on { box-shadow: 0 0 0 2px #686868; }
body.tds-pg-trafego-pago .tp-jr2__resp { align-self: flex-start; margin-bottom: 10px !important; padding: 5px 12px; border-radius: 99px; background: #fff; box-shadow: inset 0 0 0 1.5px #D0D0D0; font-size: 13px; font-weight: 700; color: #575757; }
body.tds-pg-trafego-pago .tp-jr2__dest--sim .tp-jr2__resp { box-shadow: inset 0 0 0 1.5px var(--fx-laranja); color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-jr2__card { padding: 12px 14px; border-radius: 14px; background: #fff; box-shadow: 0 6px 18px -10px rgba(0, 0, 0, .3); }
body.tds-pg-trafego-pago .tp-jr2__card-t { display: flex; align-items: center; gap: 8px; margin-bottom: 8px !important; font-size: 14px; font-weight: 800; color: #222; }
body.tds-pg-trafego-pago .tp-jr2__card-t span { padding: 3px 8px; border-radius: 6px; background: #F5F7F9; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #999; }
body.tds-pg-trafego-pago .tp-jr2__card .tp-bar { height: 7px; }
body.tds-pg-trafego-pago .tp-jr2__card .tp-bar + .tp-bar { margin-top: 6px; }
body.tds-pg-trafego-pago .tp-jr2__chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px !important; }
body.tds-pg-trafego-pago .tp-jr2__chips span { padding: 4px 9px; border-radius: 99px; background: #E9F7EC; font-size: 11px; font-weight: 800; color: #1E8E3E; }
body.tds-pg-trafego-pago .tp-jr2__chips span + span { background: #FFF1EE; color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-jr2__fim { margin-top: 12px !important; font-size: 14px; line-height: 1.45; color: #575757; }
body.tds-pg-trafego-pago .tp-jr2__fim b { display: block; margin-bottom: 2px; font: 800 16px var(--fx-titulo); color: #222; }
/* o conteúdo novo dos celulares: o vídeo com legenda, o "viu no Instagram" no Google e a pergunta com o toque */
body.tds-pg-trafego-pago .tp-cel__pessoa { position: absolute; left: 50%; top: 13%; width: 66cqw; height: 66cqw; margin-left: -33cqw; overflow: hidden; }
body.tds-pg-trafego-pago .tp-cel__pessoa::before { content: ""; position: absolute; left: 50%; top: 4cqw; width: 26cqw; height: 26cqw; margin-left: -13cqw; border-radius: 50%; background: #999999; }
body.tds-pg-trafego-pago .tp-cel__pessoa::after { content: ""; position: absolute; left: 4cqw; right: 4cqw; top: 33cqw; height: 40cqw; border-radius: 30cqw 30cqw 0 0; background: #686868; }
body.tds-pg-trafego-pago .tp-cel__leg { position: absolute; left: 6cqw; right: 6cqw; top: 50%; text-align: center; }
body.tds-pg-trafego-pago .tp-cel__leg span { padding: .8cqw 2.4cqw; border-radius: 1.6cqw; background: #fff; font-size: 7cqw; font-weight: 800; line-height: 1.5; color: #222222; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p:not(.is-on):not(.is-feito) .tp-cel__leg { opacity: 0; }
body.tds-pg-trafego-pago .tp-jr2__p.is-on .tp-cel__leg { animation: tp-entra .5s ease both .5s; }
body.tds-pg-trafego-pago .tp-cel__links { display: flex; gap: 2cqw; margin-top: 3.4cqw !important; }
body.tds-pg-trafego-pago .tp-cel__links i { flex: 1; height: 7cqw; border-radius: 3cqw; box-shadow: inset 0 0 0 1px #DADCE0; }
body.tds-pg-trafego-pago .tp-cel__visto { display: inline-flex; align-items: center; gap: 2.4cqw; margin-top: 4cqw !important; padding: 2cqw 4cqw 2cqw 2cqw; border-radius: 99px; background: #0F0F0F; font-size: 5.6cqw; font-weight: 700; color: #fff; }
body.tds-pg-trafego-pago .tp-cel__mini-reel { position: relative; width: 8cqw; height: 11cqw; border-radius: 1.6cqw; background: linear-gradient(170deg, #686868, #222222); }
body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p:not(.is-on):not(.is-feito) .tp-cel__visto { opacity: 0; }
body.tds-pg-trafego-pago .tp-jr2__p.is-on .tp-cel__visto { animation: tp-entra .45s ease both 2s; }
body.tds-pg-trafego-pago .tp-cel__lp-t { display: flex; align-items: center; gap: 2.4cqw; margin-bottom: 4cqw !important; font: 800 6.4cqw var(--fx-titulo); color: #222; }
body.tds-pg-trafego-pago .tp-cel__toque { position: absolute; left: 0; top: 0; width: 14cqw; height: 14cqw; margin: -7cqw 0 0 -7cqw; border-radius: 50%; background: rgba(239, 84, 51, .45); opacity: 0; pointer-events: none; }
body.tds-pg-trafego-pago .tp-cel__marca { display: flex; align-items: center; gap: 2.6cqw; }
body.tds-pg-trafego-pago .tp-cel__marca > span:last-child { min-width: 0; }
body.tds-pg-trafego-pago .tp-cel__av { flex: none; display: grid; place-items: center; width: 10cqw; height: 10cqw; border-radius: 50%; background: var(--fx-laranja); color: #fff; font: 800 5.6cqw/1 var(--fx-titulo); }
body.tds-pg-trafego-pago .tp-cel__lp-t .tp-cel__av { width: 8cqw; height: 8cqw; font-size: 4.6cqw; }
body.tds-pg-trafego-pago .tp-cel__res .tp-cel__marca { margin-bottom: 1cqw; }
body.tds-pg-trafego-pago .tp-jr2__p.is-on .tp-cel__res .tp-cel__av { animation: tp-pisca .9s ease 1.9s; }
body.tds-pg-trafego-pago .tp-cel__hero { display: block; height: 30cqw; margin-bottom: 4cqw; border-radius: 3.4cqw; background: linear-gradient(135deg, #EDEDED, #D6D6D6); }
@keyframes tp-pisca { 40% { transform: scale(1.35); box-shadow: 0 0 0 2.4cqw rgba(239, 84, 51, .25); } }
body.tds-pg-trafego-pago .tp-cel__toque.is-cinza { background: rgba(104, 104, 104, .45); }
body.tds-pg-trafego-pago .tp-cel__toque.is-on { animation: tp-toque .6s ease-out; }
@keyframes tp-toque { 0% { opacity: 1; transform: scale(.3); } 100% { opacity: 0; transform: scale(1.6); } }
body.tds-pg-trafego-pago .tp-cel { width: min(100%, 236px); aspect-ratio: 230 / 410; margin: 0 auto; padding: 5.5%; border-radius: 15% / 8.4%; background: #0F0F0F; box-shadow: 0 40px 70px -40px rgba(0, 0, 0, .6); container-type: inline-size; }
body.tds-pg-trafego-pago .tp-cel__tela { position: relative; height: 100%; border-radius: 11% / 6%; overflow: hidden; background: #fff; text-align: left; font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-cel p { margin: 0; }
body.tds-pg-trafego-pago .tp-cel .tp-bar { height: 3.2cqw; }
body.tds-pg-trafego-pago .tp-cel__reel { position: absolute; inset: 0; background: linear-gradient(170deg, #575757, #161616 70%); }
body.tds-pg-trafego-pago .tp-cel__prog { position: absolute; left: 6cqw; right: 6cqw; top: 5cqw; height: 1.4cqw; border-radius: 1cqw; background: rgba(255, 255, 255, .3); overflow: hidden; }
body.tds-pg-trafego-pago .tp-cel__prog i { display: block; width: 0; height: 100%; background: #fff; }
body.tds-pg-trafego-pago .tp-jr2__p.is-on .tp-cel__prog i { animation: tp-prog 2.8s linear both; }
body.tds-pg-trafego-pago .tp-cel__play { position: absolute; left: 50%; top: 40%; width: 26cqw; height: 26cqw; margin: -13cqw 0 0 -13cqw; border-radius: 50%; background: rgba(255, 255, 255, .9); }
body.tds-pg-trafego-pago .tp-cel__play::after { content: ""; position: absolute; left: 10cqw; top: 7.6cqw; border-left: 8cqw solid #222; border-top: 5.4cqw solid transparent; border-bottom: 5.4cqw solid transparent; }
body.tds-pg-trafego-pago .tp-cel__rod { position: absolute; left: 6cqw; right: 6cqw; bottom: 6cqw; color: #fff; }
body.tds-pg-trafego-pago .tp-cel__rod b { display: block; font-size: 6.6cqw; line-height: 1.2; }
body.tds-pg-trafego-pago .tp-cel__rod small { display: block; font-size: 5.4cqw; opacity: .8; }
body.tds-pg-trafego-pago .tp-cel__rod .tp-bar { margin-top: 3cqw; background: rgba(255, 255, 255, .5); }
body.tds-pg-trafego-pago .tp-cel__cta { margin-top: 4.5cqw !important; padding: 4cqw; border-radius: 3.6cqw; background: #fff; color: #222222; font-size: 6.4cqw; font-weight: 700; text-align: center; }
body.tds-pg-trafego-pago .tp-cel__goog { padding: 8cqw 5cqw; }
body.tds-pg-trafego-pago .tp-cel__busca { display: flex; align-items: center; gap: 1cqw; padding: 4.4cqw 5cqw; border-radius: 99px; box-shadow: 0 1px 6px rgba(32, 33, 36, .28); font-size: 5.6cqw; font-weight: 500; color: #202124; white-space: nowrap; overflow: hidden; }
body.tds-pg-trafego-pago .tp-cel__busca i { flex: none; width: .8cqw; height: 6cqw; background: #1A73E8; animation: tp-cursor 1s steps(1) infinite; }
body.tds-pg-trafego-pago .tp-jr2__p.is-on [data-fn="jr-busca"] { animation: tp-digita 1.2s steps(27) .2s both; }
body.tds-pg-trafego-pago .tp-cel__res { margin-top: 6cqw; padding: 4.5cqw; border-radius: 5cqw; box-shadow: 0 0 0 2px var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-jr2__p.is-on .tp-cel__res { animation: tp-entra .5s ease both 1.4s; }
body.tds-pg-trafego-pago .tp-cel__res small { display: block; font-size: 5cqw; font-weight: 800; color: #202124; }
body.tds-pg-trafego-pago .tp-cel__res b { display: block; font-size: 7.2cqw; font-weight: 600; line-height: 1.2; color: #1A0DAB; }
body.tds-pg-trafego-pago .tp-cel__res .tp-bar { margin-top: 3cqw; }
body.tds-pg-trafego-pago .tp-cel__res2 { margin-top: 6cqw; padding: 0 4.5cqw; }
body.tds-pg-trafego-pago .tp-cel__res2 .tp-bar { margin-top: 3.4cqw; background: #EEE; }
body.tds-pg-trafego-pago .tp-cel__lp { position: relative; padding: 7cqw 5cqw; }
body.tds-pg-trafego-pago .tp-cel__lp .tp-bar { height: 3.2cqw; margin-bottom: 3cqw; }
body.tds-pg-trafego-pago .tp-cel__perg { margin-top: 5cqw !important; font-size: 6.8cqw; font-weight: 800; line-height: 1.25; color: #222; }
body.tds-pg-trafego-pago .tp-cel__op { margin-top: 3cqw !important; padding: 4cqw 4.4cqw; border-radius: 4cqw; box-shadow: inset 0 0 0 1.5px #E5E5E5; font-size: 6cqw; font-weight: 600; color: #575757; transition: box-shadow .3s, background-color .3s, color .3s; }
body.tds-pg-trafego-pago .tp-cel__op.is-sel { box-shadow: inset 0 0 0 2px var(--fx-laranja); background: #FFF1EE; color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-cel__op--nao.is-sel { box-shadow: inset 0 0 0 2px #686868; background: #F2F2F2; color: #222; }
body.tds-pg-trafego-pago .tp-cel__env { margin-top: 4cqw !important; padding: 4cqw; border-radius: 99px; background: var(--fx-laranja); color: #fff; font-size: 6cqw; font-weight: 700; text-align: center; }
body.tds-pg-trafego-pago .tp-cel__crm { position: absolute; inset: 0; padding: 7cqw 5cqw; background: #F5F7F9; }
body.tds-pg-trafego-pago .tp-cel__col { font-size: 4.2cqw; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #999; }
body.tds-pg-trafego-pago .tp-cel__ct { margin-top: 3.4cqw; padding: 4.2cqw; border-radius: 4.2cqw; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .1); }
body.tds-pg-trafego-pago .tp-cel__ct .tp-bar { margin-top: 2.6cqw; }
body.tds-pg-trafego-pago .tp-cel__ct--novo { box-shadow: 0 0 0 2px var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-cel__ct b { display: block; font-size: 5cqw; color: #222; }
body.tds-pg-trafego-pago .tp-cel__ct span { display: inline-block; margin-top: 3cqw; padding: 1.2cqw 3cqw; border-radius: 99px; background: #E9F7EC; font-size: 4cqw; font-weight: 800; color: #1E8E3E; }
body.tds-pg-trafego-pago .tp-cel__ct small { display: block; margin-top: 2.4cqw; font-size: 4cqw; font-weight: 600; color: #686868; }
@keyframes tp-prog { from { width: 0; } to { width: 100%; } }
@keyframes tp-cursor { 50% { opacity: 0; } }
@keyframes tp-digita { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0 0 0 0); } }

/* ===== 6 · a venda volta pro anúncio ===== */
body.tds-pg-trafego-pago .e-con.tp-vt-sec { background: var(--fx-creme); }
body.tds-pg-trafego-pago .e-con.tp-vt-sec__grade { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(36px, 5vw, 80px); align-items: center; }
body.tds-pg-trafego-pago .e-con.tp-vt-sec__txt, body.tds-pg-trafego-pago .e-con.tp-vt-sec__vis { display: block; min-width: 0; }
body.tds-pg-trafego-pago .tp-vt-sec .tp-txt { margin-top: 20px; }
body.tds-pg-trafego-pago .tp-vt-sec .fx-btn { margin-top: 30px; }
body.tds-pg-trafego-pago .tp-vt-sec .fx-btn .elementor-button { height: 62px; padding: 0 30px; font-size: 18px; white-space: nowrap; }
body.tds-pg-trafego-pago .tp-crms { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin: 28px 0 0; }
body.tds-pg-trafego-pago .tp-crms small { width: 100%; font: 600 13px var(--fx-texto); color: #686868; }
body.tds-pg-trafego-pago .tp-crms img { width: auto; height: 22px; filter: grayscale(1); opacity: .75; }
body.tds-pg-trafego-pago .tp-crms .tp-crms__sf { height: 30px; }
body.tds-pg-trafego-pago .tp-crms span { font: 800 15px var(--fx-texto); letter-spacing: -.01em; color: #575757; }
body.tds-pg-trafego-pago .tp-vt { position: relative; container-type: inline-size; font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-vt p { margin: 0; }
body.tds-pg-trafego-pago .tp-vt .tp-bar { height: max(6px, 1cqw); }
body.tds-pg-trafego-pago .tp-vt .tp-bar + .tp-bar { margin-top: .9cqw; }
body.tds-pg-trafego-pago .tp-vt__kb { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.8cqw; padding: 2.4cqw; border-radius: 3.2cqw; background: #fff; box-shadow: 0 4cqw 8cqw -5cqw rgba(0, 0, 0, .35); }
body.tds-pg-trafego-pago .tp-vt__col { min-height: 22cqw; padding: 1.6cqw; border-radius: 1.8cqw; background: #F5F7F9; }
body.tds-pg-trafego-pago .tp-vt__col > b { display: block; font-size: max(9px, 1.45cqw); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: #999; }
body.tds-pg-trafego-pago .tp-vt__col--g { background: #FFF1EE; }
body.tds-pg-trafego-pago .tp-vt__col--g > b { color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-vt__c, body.tds-pg-trafego-pago .tp-vt__mov { margin-top: 1.3cqw; padding: 1.6cqw; border-radius: 1.6cqw; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .08); }
body.tds-pg-trafego-pago .tp-vt__c--g { box-shadow: 0 0 0 1px rgba(239, 84, 51, .35); opacity: .7; }
body.tds-pg-trafego-pago .tp-vt__mov { position: relative; z-index: 2; box-shadow: 0 0 0 2px var(--fx-laranja), 0 2cqw 4cqw -2cqw rgba(239, 84, 51, .6); }
body.tds-pg-trafego-pago .tp-vt__val { display: flex; align-items: center; justify-content: space-between; gap: 1cqw; margin-top: 1.4cqw !important; font-size: max(9px, 1.45cqw); font-weight: 700; color: #686868; }
body.tds-pg-trafego-pago .tp-vt__val .tp-bar { width: 34% !important; margin: 0 !important; transform-origin: left center; transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-ganho) .tp-vt__val .tp-bar { transform: scaleX(0); }
body.tds-pg-trafego-pago .tp-vt__setas { display: block; width: 100%; height: auto; overflow: visible; }
body.tds-pg-trafego-pago .tp-vt__setas path { fill: none; stroke: var(--fx-laranja); stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 1; stroke-dashoffset: 0; transition: stroke-dashoffset .8s ease; }
body.tds-pg-trafego-pago .tp-vt__setas .tp-vt__ponta { stroke-dasharray: none; transition: opacity .3s .6s; }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-setas) .tp-vt__setas path { stroke-dashoffset: 1; }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-setas) .tp-vt__setas .tp-vt__ponta { opacity: 0; transition-delay: 0s; }
body.tds-pg-trafego-pago .tp-vt__plats { display: grid; grid-template-columns: 1fr 1fr; gap: 2cqw; width: 74%; margin-left: auto; }
body.tds-pg-trafego-pago .tp-vt__pc { padding: 2.2cqw 2.4cqw; border-radius: 2.8cqw; background: #fff; box-shadow: 0 4cqw 7cqw -4cqw rgba(0, 0, 0, .4); }
body.tds-pg-trafego-pago .tp-vt__nome { display: flex; align-items: center; gap: 1.2cqw; height: 3.6cqw; min-height: 18px; font-size: max(12px, 2.4cqw); font-weight: 600; color: #5F6368; }
body.tds-pg-trafego-pago .tp-vt__nome img { width: auto; height: 3.4cqw; min-height: 16px; }
body.tds-pg-trafego-pago .tp-vt__nome .tp-vt__meta { height: 2.8cqw; min-height: 14px; }
body.tds-pg-trafego-pago .tp-vt__ok { display: flex; align-items: center; gap: 1.2cqw; margin-top: 1.8cqw !important; font-size: max(11px, 1.9cqw); font-weight: 700; color: #222; transition: color .3s; }
body.tds-pg-trafego-pago .tp-vt__ok i { width: 2.6cqw; height: 2.6cqw; min-width: 13px; min-height: 13px; transition: transform .45s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-ok) .tp-vt__ok { color: #999999; }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-ok) .tp-vt__ok i { transform: scale(0); }
body.tds-pg-trafego-pago .tp-vt__pc .tp-bar { margin-top: 1.4cqw; }
body.tds-pg-trafego-pago .tp-vt__pub { display: flex; align-items: center; gap: 3cqw; margin-top: 3cqw; padding: 2.4cqw 2.8cqw; border-radius: 3cqw; background: #0F0F0F; color: #fff; }
body.tds-pg-trafego-pago .tp-vt__pub b { flex: 0 0 32%; font-size: max(12px, 2.1cqw); line-height: 1.3; }
body.tds-pg-trafego-pago .tp-vt__pontos { flex: 1; display: grid; grid-template-columns: repeat(18, minmax(0, 1fr)); gap: 1.1cqw; }
body.tds-pg-trafego-pago .tp-vt__pontos i { aspect-ratio: 1; border-radius: 50%; background: #222222; transition: background-color .4s calc(var(--k) * .07s); }
body.tds-pg-trafego-pago .tp-vt__pontos i.l { background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-pub) .tp-vt__pontos i.l { background: #222222; }

/* o relatório da semana: duas campanhas, cada uma perdendo gente numa etapa diferente */
body.tds-pg-trafego-pago .tp-vt__rel { margin-top: 2cqw; padding: 2.4cqw 2.6cqw 1cqw; border-radius: 3cqw; background: #fff; box-shadow: 0 0 0 1px #ECE6D2; }
body.tds-pg-trafego-pago .tp-vt__rel p { margin: 0; }
body.tds-pg-trafego-pago .tp-vt__rel-t { margin-bottom: 1.4cqw !important; font-size: max(12px, 2cqw); font-weight: 800; color: #222; }
body.tds-pg-trafego-pago .tp-vt__rl { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.1fr); gap: 1.8cqw; align-items: start; padding: 1.6cqw 0 4.8cqw; border-top: 1px solid #F0F0F0; }
body.tds-pg-trafego-pago .tp-vt__rl--cab { align-items: end; padding: 0 0 1.2cqw; border-top: 0; }
body.tds-pg-trafego-pago .tp-vt__rl--cab > * { font-size: max(9px, 1.4cqw); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #999999; }
body.tds-pg-trafego-pago .tp-vt__rl--cab .tp-vt__rk { color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-vt__rc { display: flex; align-items: center; gap: 1.2cqw; min-width: 0; font-size: max(11px, 1.75cqw); font-weight: 700; line-height: 1.2; color: #222; }
body.tds-pg-trafego-pago .tp-vt__rc img { flex: none; width: auto; height: max(14px, 2.6cqw); }
body.tds-pg-trafego-pago .tp-vt__rb { position: relative; display: block; padding-top: .9cqw; }
body.tds-pg-trafego-pago .tp-vt__rb .tp-bar { height: max(8px, 1.5cqw); margin: 0; transform-origin: left center; transition: transform .6s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--c) * .22s); }
body.tds-pg-trafego-pago .tp-vt__rb.is-fura .tp-bar { background: #F9A083; }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-rel) .tp-vt__rb .tp-bar { transform: scaleX(.08); transition-delay: 0s; }
body.tds-pg-trafego-pago .tp-vt__fura { position: absolute; left: 0; top: calc(100% + 1cqw); display: inline-flex; align-items: center; gap: .8cqw; padding: .6cqw 1.3cqw; border-radius: 99px; background: #FDEDE9; font-style: normal; font-size: max(9px, 1.4cqw); font-weight: 800; line-height: 1.1; color: #C2412A; white-space: nowrap; transition: opacity .3s, transform .5s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-vt__fura i { flex: none; width: max(6px, .95cqw); height: max(8px, 1.25cqw); border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%; background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-vt.is-anima:not(.is-fura) .tp-vt__fura { opacity: 0; transform: translateY(-1.2cqw) scale(.7); }
body.tds-pg-trafego-pago .tp-vt.is-fura .tp-vt__fura i { animation: tp-pinga-rel 1s ease-in 2 .4s; }
@keyframes tp-pinga-rel { 0% { transform: none; opacity: 1; } 80% { opacity: 1; } 100% { transform: translateY(1.4cqw) scale(.6); opacity: 0; } }
body.tds-pg-trafego-pago .tp-prova { margin-top: 18px !important; font-weight: 600; }
body.tds-pg-trafego-pago .tp-prova a { color: #fff; text-decoration: underline; }
/* ===== 7 · o que entra no trabalho ===== */
body.tds-pg-trafego-pago .e-con.tp-pt-sec__in { display: block; }
body.tds-pg-trafego-pago .e-con.tp-pt-sec__cab { max-width: 780px; }
body.tds-pg-trafego-pago .tp-pronto { margin-top: clamp(30px, 3vw, 48px); font-family: var(--fx-texto); }
body.tds-pg-trafego-pago .tp-pts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
body.tds-pg-trafego-pago .tp-pt { padding: 18px; border-radius: 22px; background: #F5F7F9; box-shadow: 0 0 0 1px #EDEDED; transition: opacity .45s calc(var(--k) * .1s), transform .55s cubic-bezier(.2, .7, .2, 1) calc(var(--k) * .1s); }
body.tds-pg-trafego-pago .tp-pronto.is-anima:not(.is-on) .tp-pt { opacity: 0; transform: translateY(20px); }
body.tds-pg-trafego-pago .tp-pt__vis { height: 120px; padding: 14px; border-radius: 14px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, .06); overflow: hidden; }
body.tds-pg-trafego-pago .tp-pt h3 { margin: 16px 0 6px; font: 800 19px/1.2 var(--fx-titulo); color: #222; }
body.tds-pg-trafego-pago .tp-pt p { margin: 0; font-size: 15px; line-height: 1.5; color: #686868; }
body.tds-pg-trafego-pago .tp-pt__vis p { margin: 0 0 12px; }
body.tds-pg-trafego-pago .tp-pt__camp p { display: flex; align-items: center; gap: 10px; }
body.tds-pg-trafego-pago .tp-pt__camp img { flex: none; width: 24px; height: 22px; object-fit: contain; }
body.tds-pg-trafego-pago .tp-pt__camp .tp-bar { height: 8px; }
body.tds-pg-trafego-pago .tp-pt__pg .tp-bar { height: 8px; margin-bottom: 8px; }
body.tds-pg-trafego-pago .tp-pt__campo { display: block; height: 14px; margin-top: 6px; border-radius: 5px; box-shadow: inset 0 0 0 1.5px #E5E5E5; }
body.tds-pg-trafego-pago .tp-pt__bt { display: block; width: 50%; height: 16px; margin-top: 8px; border-radius: 99px; background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-pt__ad { display: grid; grid-template-columns: 80px 1fr; gap: 0 12px; align-items: center; height: 100%; }
body.tds-pg-trafego-pago .tp-pt__img { grid-row: span 2; height: 88px; border-radius: 10px; background: linear-gradient(150deg, #575757, #161616); }
body.tds-pg-trafego-pago .tp-pt__ad .tp-bar { height: 8px; align-self: end; }
body.tds-pg-trafego-pago .tp-pt__ad .tp-bar + .tp-bar { align-self: start; margin-top: 8px; }
body.tds-pg-trafego-pago .tp-pt__tags { display: flex; flex-wrap: wrap; gap: 6px; }
body.tds-pg-trafego-pago .tp-pt__tags span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 99px; background: #F5F7F9; font-size: 12px; font-weight: 700; color: #575757; }
body.tds-pg-trafego-pago .tp-pt__tags img { width: auto; height: 14px; }
body.tds-pg-trafego-pago .tp-pt__oct { display: flex; align-items: center; justify-content: center; gap: 10px; height: 100%; }
body.tds-pg-trafego-pago .tp-pt__g { padding: 8px 12px; border-radius: 10px; box-shadow: 0 0 0 2px var(--fx-laranja); font-size: 13px; font-weight: 800; color: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-pt__seta { position: relative; width: 44px; height: 2px; background: var(--fx-laranja); }
body.tds-pg-trafego-pago .tp-pt__seta::after { content: ""; position: absolute; right: -1px; top: -5px; border-left: 8px solid var(--fx-laranja); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
body.tds-pg-trafego-pago .tp-pt__oct img { width: auto; height: 26px; }
body.tds-pg-trafego-pago .tp-pt__sem { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px; height: 100%; }
body.tds-pg-trafego-pago .tp-pt__sem i { display: grid; place-items: center; border-radius: 10px; background: #F5F7F9; font-size: 12px; font-style: normal; font-weight: 700; color: #999; }
body.tds-pg-trafego-pago .tp-pt__sem i.on { background: var(--fx-laranja); color: #fff; }
body.tds-pg-trafego-pago .tp-regra { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px 24px; margin-top: 18px; padding: 20px 24px; border-radius: 22px; background: #0F0F0F; color: #fff; }
body.tds-pg-trafego-pago .tp-regra p { margin: 0; }
body.tds-pg-trafego-pago .tp-regra__t { max-width: 520px; font-size: 18px; font-weight: 700; line-height: 1.35; }
body.tds-pg-trafego-pago .tp-regra__chk { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; }
body.tds-pg-trafego-pago .tp-regra__chk > span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 99px; background: #222222; font-size: 14px; font-weight: 700; color: #fff; transition: background-color .3s, color .3s; }
body.tds-pg-trafego-pago .tp-regra__chk i { width: 18px; height: 18px; transition: background-color .3s, transform .4s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-regra__sw b { position: relative; width: 40px; height: 24px; border-radius: 99px; background: var(--fx-laranja); transition: background-color .3s; }
body.tds-pg-trafego-pago .tp-regra__sw b::after { content: ""; position: absolute; left: 19px; top: 3px; width: 18px; height: 18px; border-radius: 50%; background: #fff; transition: left .35s cubic-bezier(.34, 1.56, .64, 1); }
body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-1) .tp-regra__chk > span:nth-child(1), body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-2) .tp-regra__chk > span:nth-child(2), body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-3) .tp-regra__sw { color: #999999; }
body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-1) .tp-regra__chk > span:nth-child(1) i, body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-2) .tp-regra__chk > span:nth-child(2) i { background: #575757; transform: scale(.8); }
body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-3) .tp-regra__sw b { background: #575757; }
body.tds-pg-trafego-pago .tp-regra.is-anima:not(.is-3) .tp-regra__sw b::after { left: 3px; }

/* o formulário da análise */
body.tds-pg-trafego-pago .fx-contato__laranja ul.tp-lista-an { display: grid; gap: 10px; margin: 14px 0 20px; padding: 0; list-style: none; }
body.tds-pg-trafego-pago .fx-contato__laranja ul.tp-lista-an li { position: relative; padding-left: 32px; font-weight: 600; line-height: 1.4; }
body.tds-pg-trafego-pago .fx-contato__laranja ul.tp-lista-an li::before { content: ""; position: absolute; left: 0; top: 0; width: 22px; height: 22px; border-radius: 50%; background: rgba(255, 255, 255, .22); }
body.tds-pg-trafego-pago .fx-contato__laranja ul.tp-lista-an li::after { content: ""; position: absolute; left: 5px; top: 5px; width: 12px; height: 12px; background: #fff; -webkit-mask: url(../../site/icons/check.svg) center / contain no-repeat; mask: url(../../site/icons/check.svg) center / contain no-repeat; }

@media (max-width: 1024px) {
  body.tds-pg-trafego-pago .tp-pts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.tds-pg-trafego-pago .tp-jr2 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body.tds-pg-trafego-pago .tp-jr2__saidas { grid-column: 1 / -1; grid-template-columns: minmax(0, 1fr); padding-top: 0; }
  body.tds-pg-trafego-pago .tp-jr2__garfo { display: none; }
  body.tds-pg-trafego-pago .tp-jr2__dests { grid-template-columns: 1fr 1fr; grid-template-rows: none; }
}
@media (max-height: 820px) and (min-width: 768px) {
  body.tds-pg-trafego-pago .tp-vz__fixo { top: 72px; height: calc(100vh - 84px); min-height: 470px; }
  body.tds-pg-trafego-pago .tp-vz__cab { padding-top: 22px; }
  body.tds-pg-trafego-pago .tp-vz__t { font-size: clamp(28px, 1.4vw + 16px, 40px); }
  body.tds-pg-trafego-pago .tp-vz__num b { font-size: 50px; }
  body.tds-pg-trafego-pago .tp-vz__num p { font-size: 13px; }
  body.tds-pg-trafego-pago .tp-vz__perg-t { font-size: clamp(30px, 1.6vw + 16px, 44px); }
  body.tds-pg-trafego-pago .tp-vz__fila { padding-top: 18px; }
  body.tds-pg-trafego-pago .tp-vz__trilho { top: 65px; }
  body.tds-pg-trafego-pago .tp-vz__card { margin-top: 16px; padding: 12px; }
  body.tds-pg-trafego-pago .tp-vz__card h3 { margin: 10px 0 4px; font-size: 17px; }
  body.tds-pg-trafego-pago .tp-vz__card p { font-size: 13.5px; line-height: 1.45; }
  body.tds-pg-trafego-pago .tp-mini { height: 92px; }
  body.tds-pg-trafego-pago .tp-vz__poca { --queda: 26px; height: 62px; }
  body.tds-pg-trafego-pago .tp-vz__poca::after { top: 30px; }
  body.tds-pg-trafego-pago .tp-vz__poca p { top: 42px; font-size: 13px; }
  body.tds-pg-trafego-pago .tp-vz__pe { padding-bottom: 16px; }
}
@media (max-width: 900px) {
  body.tds-pg-trafego-pago .e-con.tp-ordem-sec__txt { display: block; }
  body.tds-pg-trafego-pago .tp-ordem-sec .tp-txt { margin-top: 20px; }
  body.tds-pg-trafego-pago .e-con.tp-topo__grade, body.tds-pg-trafego-pago .e-con.tp-arv-sec__grade, body.tds-pg-trafego-pago .e-con.tp-ordem-sec__grade, body.tds-pg-trafego-pago .e-con.tp-vt-sec__grade, body.tds-pg-trafego-pago .e-con.tp-jr-sec__cab { grid-template-columns: minmax(0, 1fr); }
  body.tds-pg-trafego-pago .tp-arv { max-width: 520px; margin: 0 auto; }
}
@media (max-width: 767px) {
  body.tds-pg-trafego-pago .e-con.tp-sec { padding: 56px 0; }
  body.tds-pg-trafego-pago .e-con.tp-topo { padding: 18px 0 48px; }
  body.tds-pg-trafego-pago .tp-botoes .fx-btn .elementor-button, body.tds-pg-trafego-pago .tp-botoes .fx-btn-contorno .elementor-button, body.tds-pg-trafego-pago .tp-ordem-sec .fx-btn-contorno .elementor-button { height: auto; min-height: 56px; padding: 12px 24px; white-space: normal; text-align: center; line-height: 1.2; font-size: 17px; }
  body.tds-pg-trafego-pago .tp-plat span { font-size: 16px; }
  body.tds-pg-trafego-pago .tp-plat small { flex-basis: 100%; }
  body.tds-pg-trafego-pago .tp-pn__lin { grid-template-columns: minmax(0, 2.1fr) 1fr 1.25fr; }
  body.tds-pg-trafego-pago .tp-pn__lin > span:nth-child(2) { display: none; }
  body.tds-pg-trafego-pago .tp-pn__lin--cab > span { white-space: normal; line-height: 1.2; }
  body.tds-pg-trafego-pago .tp-tres span { padding: 10px 14px; font-size: 15px; }
  body.tds-pg-trafego-pago .tp-vz { height: 610vh; }
  body.tds-pg-trafego-pago .tp-vz__fixo { top: 80px; height: calc(100vh - 92px); min-height: 540px; }
  body.tds-pg-trafego-pago .tp-vz__cab { flex-direction: column; align-items: flex-start; gap: 8px; }
  body.tds-pg-trafego-pago .tp-vz__num { gap: 12px; }
  body.tds-pg-trafego-pago .tp-vz__num b { font-size: 40px; }
  body.tds-pg-trafego-pago .tp-vz__num p { font-size: 12.5px; line-height: 1.4; }
  body.tds-pg-trafego-pago .tp-vz__perg { gap: 14px; padding: 0 20px; }
  body.tds-pg-trafego-pago .tp-vz__perg-t { font-size: 28px; }
  body.tds-pg-trafego-pago .tp-vz__perg-x { font-size: 15px; }
  body.tds-pg-trafego-pago .tp-vz__fila { --card: 76vw; --gap: 16px; padding-top: 24px; }
  body.tds-pg-trafego-pago .tp-vz__trilho { top: 71px; }
  body.tds-pg-trafego-pago .tp-vz__card { margin-top: 18px; }
  body.tds-pg-trafego-pago .tp-vz__card h3 { font-size: 18px; margin-top: 12px; }
  body.tds-pg-trafego-pago .tp-vz__card p { font-size: 14px; }
  body.tds-pg-trafego-pago .tp-mini { height: 118px; }
  body.tds-pg-trafego-pago .tp-vz__poca { height: 88px; }
  body.tds-pg-trafego-pago .tp-vz__prog { width: 100%; }
  body.tds-pg-trafego-pago .tp-vt__pub { flex-direction: column; align-items: stretch; }
  body.tds-pg-trafego-pago .tp-vt__pub b { flex: none; }
  /* "Oportunidades" não cabia na coluna e virava "OportunidadesVendas" */
  body.tds-pg-trafego-pago .tp-vt__rl { grid-template-columns: 7cqw minmax(0, .9fr) minmax(0, 1.3fr) minmax(0, .8fr) minmax(0, 1.1fr); gap: 2.4cqw; }
  body.tds-pg-trafego-pago .tp-vt__rc span { display: none; }
  body.tds-pg-trafego-pago .tp-vt__rl--cab > * { letter-spacing: 0; text-transform: none; font-size: 10px; line-height: 1.2; }
  body.tds-pg-trafego-pago .tp-vt-sec .fx-btn .elementor-button { height: auto; min-height: 56px; padding: 12px 24px; white-space: normal; text-align: center; line-height: 1.2; font-size: 17px; }
  body.tds-pg-trafego-pago .tp-vt__plats { width: 100%; }
  body.tds-pg-trafego-pago .tp-pts { grid-template-columns: minmax(0, 1fr); }
  body.tds-pg-trafego-pago .tp-jr2 { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  body.tds-pg-trafego-pago .tp-jr2__p { display: grid; grid-template-columns: 44% minmax(0, 1fr); grid-template-areas: 'dia dia' 'cel leg' 'cel lg'; column-gap: 16px; align-items: center; text-align: left; }
  body.tds-pg-trafego-pago .tp-jr2__dia { grid-area: dia; justify-self: start; margin-bottom: 10px; }
  body.tds-pg-trafego-pago .tp-jr2__p .tp-cel { grid-area: cel; width: 100%; }
  body.tds-pg-trafego-pago .tp-jr2__leg { grid-area: leg; align-self: end; max-width: none; margin: 0; }
  body.tds-pg-trafego-pago .tp-jr2__lg { grid-area: lg; align-self: start; justify-content: flex-start; }
  body.tds-pg-trafego-pago .tp-jr2__dests { grid-template-columns: minmax(0, 1fr); }
  body.tds-pg-trafego-pago .tp-regra__t { font-size: 16px; }
  body.tds-pg-trafego-pago .tp-pt h3 { text-wrap: balance; }
  /* a fonte do 63% com 46 px de toque, sem mexer no desenho */
  body.tds-pg-trafego-pago .tp-vz__num a { display: inline-block; padding: 14px 4px; margin: -14px -4px; }
  /* no celular a jornada vira uma coluna comprida: o que não está aceso continua legível, e o aceso ganha o contorno laranja */
  body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p:not(.is-on):not(.is-feito), body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p.is-feito { opacity: 1; }
  body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__dest:not(.is-on) { opacity: 1; transform: none; }
  body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p:not(.is-on):not(.is-feito) .tp-cel__leg, body.tds-pg-trafego-pago .tp-jr2.is-anima .tp-jr2__p:not(.is-on):not(.is-feito) .tp-cel__visto { opacity: 1; }
}
/* celular de tela baixa (360 x 740): a legenda da poça ficava cortada no fim do painel fixo */
@media (max-width: 767px) and (max-height: 800px) {
  body.tds-pg-trafego-pago .tp-vz__cab { padding-top: 20px; }
  body.tds-pg-trafego-pago .tp-vz__num p { font-size: 12px; line-height: 1.35; }
  body.tds-pg-trafego-pago .tp-vz__fila { padding-top: 14px; }
  body.tds-pg-trafego-pago .tp-vz__trilho { top: 61px; }
  body.tds-pg-trafego-pago .tp-vz__card { margin-top: 10px; }
  body.tds-pg-trafego-pago .tp-vz__card h3 { margin-top: 8px; }
  body.tds-pg-trafego-pago .tp-vz__card p { font-size: 13px; }
  body.tds-pg-trafego-pago .tp-mini { height: 100px; }
  body.tds-pg-trafego-pago .tp-vz__poca { --queda: 22px; height: 56px; }
  body.tds-pg-trafego-pago .tp-vz__poca::after { top: 26px; }
  body.tds-pg-trafego-pago .tp-vz__poca p { top: 34px; font-size: 13px; }
}
/* celular bem baixo (até 700 px de altura): o mini desenho da etapa sai pra frase dela caber inteira */
@media (max-width: 767px) and (max-height: 700px) {
  body.tds-pg-trafego-pago .tp-mini { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  body.tds-pg-trafego-pago .tp-vz { height: auto; }
  body.tds-pg-trafego-pago .tp-vz__fixo { position: relative; top: 0; height: auto; }
  body.tds-pg-trafego-pago .tp-vz__palco { overflow-x: auto; }
  body.tds-pg-trafego-pago .tp-vz__fila { position: relative; }
  body.tds-pg-trafego-pago .tp-vz__card { opacity: 1; transform: none; }
  body.tds-pg-trafego-pago .tp-vz__poca { opacity: 1; }
  body.tds-pg-trafego-pago .tp-vz__perg { position: relative; inset: auto; opacity: 1; visibility: visible; padding: 32px 24px 8px; }
  body.tds-pg-trafego-pago .tp-vz__perg-t span { animation: none; }
}