/* Diagnóstico gratuito da marca: páginas de parceiros (marketshield.com.br/<parceiro>/).
   Mesmo idioma visual do site da Market Shield (claro, azul-marinho, bordas finas, sombra suave, índices 01/02/03)
   e reaproveita as peças do CSS do site (.button, .brand, .v5-pill, .v5-checklist, .v6-icon-tile...).
   Da HunterHub vêm só o laranja e a pílula, usados no que é do parceiro (condição de membro, só no fim).
   Movimento curto e discreto; tudo para com "Reduzir movimento". */

.ds-pagina {
  --ds-tinta: #152033;
  --ds-texto: #5f718b;
  --ds-rotulo: #5b6e8c;
  --ds-borda: #dce3ed;
  --ds-borda-forte: #cbd9eb;
  --ds-azul: #365887;
  --ds-marinho-1: #243b5d;
  --ds-marinho-2: #172a45;
  --ds-laranja: #ff6f0a;
  --ds-laranja-texto: #c2560c;
  --ds-laranja-fundo: #fff4ec;
  --ds-laranja-borda: #ffd2b3;
  --ds-vermelho: #b9382e;
  --ds-ambar: #94600a;
  --ds-verde: #1d7a50;
  --ds-saida: cubic-bezier(.2, .8, .2, 1);
  background: #fff;
}
.ds-pagina [hidden] { display: none !important; }
.ds-sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.ds-pagina .button[disabled] { opacity: .45; cursor: not-allowed; box-shadow: none; }
.ds-pagina .button:focus-visible, .quiz-opcao:focus-visible, .quiz-voltar:focus-visible, .ds-atalho:focus-visible, .ds-refazer:focus-visible { outline: 2px solid var(--ds-azul); outline-offset: 3px; }

/* ---------- topo: mesmo cabeçalho do site, com o parceiro ---------- */
.ds-marcas { display: flex; align-items: center; gap: 12px; min-width: 0; }
.ds-marcas > a { display: flex; flex: none; align-items: center; color: inherit; text-decoration: none; }
.ds-x, .ds-parceiro-logo, .ds-condicao-topo { flex: none; }
.ds-x { color: #a3b1c4; font-size: 1.05rem; }
.ds-parceiro-logo { width: auto; height: 19px; }
.ds-condicao-topo { display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; border: 1px solid var(--ds-laranja-borda); border-radius: 99px; background: var(--ds-laranja-fundo); color: #7a4a24; font-size: .8125rem; white-space: nowrap; }
.ds-condicao-topo b { color: var(--ds-laranja-texto); font-weight: 700; }

/* ---------- abertura ---------- */
/* Entrada direta pelos botões do site (/diagnostico/?comecar=1): a abertura não aparece enquanto o quiz carrega. */
.ds-direto [data-tela="intro"] { display: none; }
.ds-direto #conteudo { min-height: 70vh; }

/* Conteúdo da página /diagnostico/ (para o Google e para quem vem do blog), abaixo da abertura. Reaproveita as peças da
   página inicial (.v5-section, .v6-risk-grid, .v5-process, .faq-list) e do resultado (.ds-riscos, .ds-ganhos-grade, .ds-chamada). */
.ds-abertura .ds-seo { margin-top: clamp(64px, 9vw, 104px); padding-block: 0; }
.ds-abertura .ds-seo-final { margin-bottom: clamp(56px, 8vw, 96px); }
.ds-riscos-painel h2 { margin-top: 16px; color: #edf3fd; font-size: 1.75rem; line-height: 1.23; }
.ds-riscos-painel > p.ds-seo-exemplo { margin-top: 22px; color: #8fa6c8; font-size: .8125rem; line-height: 1.6; }
.ds-abertura .ds-riscos + .v5-urgency { margin-top: 22px; }
.ds-abertura .v5-urgency a { color: var(--ds-azul); font-weight: 600; }
.ds-chamada-texto h2 { margin-top: 14px; color: #fff; font-size: clamp(1.6rem, 3vw, 2.1rem); line-height: 1.2; }
.ds-chamada-texto > p.ds-seo-agenda { margin-top: 18px; font-size: .875rem; }
.ds-seo-agenda a { color: #fff; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ds-hero { padding-bottom: 34px; border-bottom: 1px solid #e2e7ef; background: linear-gradient(#fff 0% 43%, #f5f7fb 100%); }
.ds-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 52px; align-items: center; padding-block: 38px 34px; }
.ds-hero-copy h1 { margin-top: 16px; font-size: clamp(2.2rem, 3.7vw, 3.1rem); line-height: 1.13; letter-spacing: -.03em; word-spacing: .03em; }
.ds-hero-copy h1 > span { color: #365887; }
.ds-intro { max-width: 560px; margin-top: 16px; text-wrap: pretty; color: #62718a; font-size: 1.0625rem; line-height: 1.65; }
.ds-publico-celular { display: none; }
.ds-ganhos-intro { margin-top: 22px; }
.ds-ganhos-intro .v6-overline { color: #6582a9; }
.ds-ganhos-intro .v5-checklist { margin: 12px 0 26px; }
.ds-pagina .ds-cta { min-width: 340px; min-height: 58px; font-size: 1rem; }
/* Diagnóstico do site: atalho discreto para quem prefere agendar direto, sem o quiz. */
.ds-agenda-direta { margin: 16px 0 0; color: var(--ds-texto); font-size: .875rem; }
.ds-agenda-direta a { color: var(--ds-azul); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.ds-cta::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; animation: ds-pulso 2.4s ease-out 1.5s 3; }
.ds-micro { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0 0; padding: 0; color: var(--ds-rotulo); font-size: .8125rem; list-style: none; }
.ds-micro li { display: inline-flex; align-items: center; gap: 6px; }
.ds-micro svg { flex: none; color: #7892b5; }


/* prévia do resultado na abertura (exemplo, sem foto) */
.ds-previa { display: grid; gap: 0; overflow: hidden; border: 1px solid var(--ds-borda-forte); border-radius: 16px; background: linear-gradient(135deg, #fff, #fafcff); box-shadow: inset 0 1px #fff, 0 2px 4px rgba(24, 53, 88, .05), 0 24px 40px -24px rgba(27, 55, 89, .32); animation: ds-sobe .6s var(--ds-saida) .1s both; }
.ds-previa-topo { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 22px; border-bottom: 1px solid #e3e9f1; background: linear-gradient(120deg, #f8fafd, #edf2f9); }
.ds-previa-risco { padding: 4px 12px; border: 1px solid currentColor; border-radius: 99px; color: var(--ds-vermelho); font-size: .8125rem; font-weight: 700; }
.ds-previa-corpo { --ds-cor: var(--ds-vermelho); display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 22px; align-items: center; padding: 22px; }
.ds-previa-medidor { width: 100%; max-width: 230px; margin: 0 auto; }
.ds-previa-lista { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.ds-previa-lista li { display: grid; gap: 2px; padding: 12px 0; border-bottom: 1px solid #eef2f7; }
.ds-previa-lista li:first-child { padding-top: 0; }
.ds-previa-lista li:last-child { padding-bottom: 0; border-bottom: 0; }
.ds-previa-lista span { color: var(--ds-rotulo); font-size: .8125rem; font-weight: 600; }
.ds-previa-lista b { color: var(--ds-tinta); font-family: var(--font-display); font-size: 1.45rem; letter-spacing: -.03em; line-height: 1.2; white-space: nowrap; }
.ds-previa-lista b.ds-perigo { color: var(--ds-vermelho); }
.ds-previa-lista b.ds-ganho { color: var(--ds-verde); }
.ds-previa-rodape { padding: 13px 22px; border-top: 1px solid #e3e9f1; background: #f8fafd; color: var(--ds-rotulo); font-size: .75rem; line-height: 1.6; }
.ds-selo-abertura svg { width: 17px; height: 17px; color: #6582a9; }

.ds-faixa { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 34px; padding: 16px 24px; border: 1px solid #dce4ef; border-radius: 12px; background: #fff; box-shadow: inset 0 1px #fff, 0 2px 3px rgba(34, 59, 94, .03); }
.ds-faixa > span { color: var(--ds-rotulo); font-size: .8125rem; }
.ds-faixa img { width: auto; height: 24px; filter: grayscale(1); opacity: .62; }
.ds-faixa img[alt="Magalu"] { height: 22px; }
.ds-faixa img[alt="TikTok Shop"] { height: 30px; }

/* ---------- perguntas: cartão do quiz ---------- */
.ds-etapa { min-height: calc(100vh - 120px); padding: 34px 0 72px; background: linear-gradient(#fff, #f5f7fb); }
/* Só o quiz, sem a lista "Suas respostas": ver tudo o que falta responder faz a pessoa desistir (pedido do dono, 22/10/2026). */
.ds-etapa-grid { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.ds-cartao { min-width: 0; padding: 30px; border: 1px solid var(--ds-borda-forte); border-radius: 14px; background: linear-gradient(135deg, #fff, #fafcff); box-shadow: inset 0 1px #fff, 0 2px 4px rgba(24, 53, 88, .05), 0 15px 26px -16px rgba(27, 55, 89, .22); }
.ds-cartao > .quiz-tela:not([hidden]) { animation: ds-entra .4s var(--ds-saida) both; }
.ds-cartao-topo { display: flex; align-items: center; min-height: 32px; }
.quiz-voltar { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 6px 10px 6px 0; border: 0; border-radius: 8px; background: none; color: #4b5c75; font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; }
.quiz-voltar:hover { color: var(--ds-tinta); }
.quiz-passo { margin-left: auto; color: var(--ds-rotulo); font-size: .8125rem; font-weight: 600; letter-spacing: .02em; }
.quiz-progresso { height: 4px; margin: 14px 0 26px; overflow: hidden; border-radius: 99px; background: #e3e9f1; }
.quiz-progresso span { display: block; width: 4%; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #2b405f, #365887); transition: width .5s var(--ds-saida); }
.quiz-titulo { margin: 0; color: var(--ds-tinta); font-size: clamp(1.45rem, 2.6vw, 1.85rem); line-height: 1.2; letter-spacing: -.03em; outline: none; }
.quiz-ajuda { margin: 8px 0 0; color: var(--ds-texto); font-size: .9375rem; line-height: 1.6; }
.quiz-ajuda:empty { display: none; }

.quiz-opcoes { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; margin-top: 22px; }
.quiz-opcoes-curtas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.quiz-opcoes > * { animation: ds-sobe .4s var(--ds-saida) both; }
.quiz-opcoes > :nth-child(2) { animation-delay: .03s; }
.quiz-opcoes > :nth-child(3) { animation-delay: .06s; }
.quiz-opcoes > :nth-child(4) { animation-delay: .09s; }
.quiz-opcoes > :nth-child(5) { animation-delay: .12s; }
.quiz-opcoes > :nth-child(6) { animation-delay: .15s; }
.quiz-opcoes > :nth-child(7) { animation-delay: .18s; }
.quiz-opcoes > :nth-child(8) { animation-delay: .21s; }
.quiz-opcao { position: relative; display: flex; align-items: center; gap: 14px; width: 100%; min-height: 62px; margin: 0; padding: 11px 46px 11px 12px; border: 1px solid var(--ds-borda); border-radius: 11px; background: linear-gradient(135deg, #fff, #f7f9fc); color: var(--ds-tinta); font: inherit; font-size: .96875rem; font-weight: 600; line-height: 1.35; text-align: left; cursor: pointer; box-shadow: inset 0 1px #fff, 0 1px 2px rgba(24, 53, 88, .04); -webkit-tap-highlight-color: transparent; transition: border-color .18s, box-shadow .18s, background .18s; }
@media (hover: hover) {
  .quiz-opcao:hover { border-color: #a9bcd6; box-shadow: inset 0 1px #fff, 0 8px 16px -10px rgba(27, 55, 89, .35); }
}
.quiz-opcao:active { background: #f1f5fb; }
.quiz-opcao[aria-checked="true"] { border-color: var(--ds-azul); background: linear-gradient(135deg, #f5f8fd, #e9f0fa); box-shadow: inset 0 0 0 1px var(--ds-azul); }
.quiz-rotulo { min-width: 0; }
.quiz-check { position: absolute; top: 50%; right: 14px; width: 20px; height: 20px; margin-top: -10px; border: 1.5px solid #b9c7d9; border-radius: 50%; background: #fff; }
.quiz-opcao[role="checkbox"] .quiz-check { border-radius: 6px; }
.quiz-opcao[aria-checked="true"] .quiz-check { border-color: #2b405f; background: #2b405f url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 13px no-repeat; }
.quiz-logo { display: flex; flex: none; align-items: center; justify-content: center; width: 70px; height: 32px; }
.quiz-logo { justify-content: flex-start; }
.quiz-logo img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: left center; }
.quiz-icone { display: grid; flex: none; place-items: center; width: 40px; height: 40px; border: 1px solid #d5deeb; border-radius: 10px; background: linear-gradient(135deg, #fff, #e8eef6); color: #627fa7; box-shadow: inset 0 1px 1px #fff, 0 2px 3px rgba(34, 59, 94, .03); transition: background .18s, color .18s; }
.quiz-icone svg { width: 21px; height: 21px; }
.quiz-opcao[aria-checked="true"] .quiz-icone { border-color: #2b405f; background: #2b405f; color: #fff; }
.quiz-nivel { display: inline-flex; flex: none; align-items: flex-end; gap: 3px; height: 26px; }
.quiz-nivel i { width: 5px; border-radius: 2px; background: #dfe6ef; }
.quiz-nivel i:nth-child(1) { height: 7px; }
.quiz-nivel i:nth-child(2) { height: 10px; }
.quiz-nivel i:nth-child(3) { height: 13px; }
.quiz-nivel i:nth-child(4) { height: 16px; }
.quiz-nivel i:nth-child(5) { height: 19px; }
.quiz-nivel i:nth-child(6) { height: 22px; }
.quiz-nivel i:nth-child(7) { height: 26px; }
.quiz-nivel i.on { background: #365887; }
.quiz-opcoes-curtas .quiz-opcao { flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 12px; min-height: 100px; padding: 14px 40px 14px 14px; }
.quiz-opcoes-curtas .quiz-check { top: 14px; right: 12px; margin-top: 0; }
/* Lojas: o logo oficial completo, maior e centralizado, faz o papel do nome. */
.quiz-opcao-logo .quiz-logo { width: 100%; max-width: 156px; height: 40px; }
.quiz-opcoes-curtas .quiz-opcao.quiz-opcao-logo { justify-content: center; min-height: 86px; padding-right: 42px; }
/* A caixinha fica no meio da altura, ao lado do logo, para não encostar nele. */
.quiz-opcoes-curtas .quiz-opcao-logo .quiz-check { top: 50%; margin-top: -10px; }
/* Muitas opções (categorias de importação): cartões baixos em duas colunas, para o Continuar ficar perto.
   No celular o ícone sai para o texto caber em duas linhas. */
.quiz-opcoes.quiz-opcoes-muitas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.quiz-opcoes.quiz-opcoes-muitas .quiz-opcao { flex-direction: row; align-items: center; justify-content: flex-start; min-height: 52px; gap: 10px; padding: 8px 34px 8px 8px; font-size: .875rem; }
.quiz-opcoes.quiz-opcoes-muitas .quiz-icone { width: 32px; height: 32px; border-radius: 9px; }
.quiz-opcoes.quiz-opcoes-muitas .quiz-icone svg { width: 17px; height: 17px; }
.quiz-opcoes.quiz-opcoes-muitas .quiz-check { top: 50%; right: 10px; width: 18px; height: 18px; margin-top: -9px; }
@media (max-width: 560px) {
  .quiz-opcoes.quiz-opcoes-muitas .quiz-icone { display: none; }
  .quiz-opcoes.quiz-opcoes-muitas .quiz-opcao { padding-left: 12px; }
}
.quiz-continuar { width: 100%; margin-top: 20px; }


/* contato */
.quiz-contato { display: grid; gap: 14px; margin-top: 22px; }
.quiz-contato label { display: grid; gap: 7px; }
.quiz-contato label > span { color: #4b5c75; font-size: .875rem; font-weight: 600; }
.quiz-contato small { color: var(--ds-rotulo); font-size: .8125rem; font-weight: 400; }
.quiz-campo-texto, .quiz-contato input { width: 100%; height: 52px; margin: 0; padding: 0 15px; border: 1px solid var(--ds-borda-forte); border-radius: 10px; background: #fff; color: var(--ds-tinta); font: inherit; font-size: 1rem; box-shadow: inset 0 1px 2px rgba(24, 53, 88, .04); transition: border-color .18s, box-shadow .18s; }
.quiz-campo-texto::placeholder, .quiz-contato input::placeholder { color: #9aa8bb; }
.quiz-campo-texto:focus, .quiz-contato input:focus { border-color: var(--ds-azul); outline: none; box-shadow: 0 0 0 4px rgba(54, 88, 135, .14); }
.quiz-contato .button { width: 100%; margin-top: 6px; }
.quiz-erro { margin: 0; padding: 10px 14px; border: 1px solid #f3c7c2; border-radius: 10px; background: #fff4f3; color: var(--ds-vermelho); font-size: .875rem; }
.quiz-consentimento { margin: 0; color: var(--ds-rotulo); font-size: .75rem; line-height: 1.6; }
.quiz-consentimento a { color: #4b5c75; }

/* análise */
.ds-analise { text-align: center; }
.ds-anel { position: relative; width: 112px; height: 112px; margin: 6px auto 0; }
/* O anel em volta do logo gira enquanto a análise roda e se fecha quando o diagnóstico fica pronto. */
.ds-anel svg { width: 100%; height: 100%; animation: ds-gira 1.2s linear infinite; }
.ds-analise.pronta .ds-anel svg { animation: none; }
.ds-anel circle { fill: none; stroke-width: 5; }
.ds-anel-fundo { stroke: #e3e9f1; }
.ds-anel-progresso { stroke: #2b405f; stroke-linecap: round; stroke-dasharray: 24 76; transition: stroke-dasharray .4s var(--ds-saida); }
.ds-analise.pronta .ds-anel-progresso { stroke-dasharray: 100 0; }
.ds-anel img { position: absolute; top: 50%; left: 50%; width: 42px; height: 42px; border-radius: 10px; transform: translate(-50%, -50%); }
.ds-analise .quiz-titulo { margin-top: 16px; font-size: 1.35rem; }
/* Etapas da análise: a atual gira, as concluídas ficam com ✓ e continuam na tela. */
.ds-analise-etapas { display: grid; gap: 11px; width: fit-content; max-width: 100%; margin: 20px auto 0; padding: 0; list-style: none; text-align: left; }
.ds-analise-etapas li { display: flex; align-items: center; gap: 10px; color: #a3b1c4; font-size: .96875rem; font-weight: 600; line-height: 1.4; transition: color .25s; }
.ds-analise-etapas li.atual { color: var(--ds-tinta); }
.ds-analise-etapas li.atual > span:last-child::after { content: ""; display: inline-block; width: 1.2em; animation: ds-reticencias 1.2s steps(4, end) infinite; }
.ds-analise-etapas li.feito, .ds-analise-etapas li.sem-confirmacao { color: var(--ds-texto); }
.ds-etapa-marca { position: relative; flex: none; width: 20px; height: 20px; border: 1.5px solid #d3dce8; border-radius: 50%; background: #fff; }
.ds-analise-etapas li.atual .ds-etapa-marca { border-color: #d3dce8; border-top-color: #2b405f; border-right-color: #2b405f; animation: ds-gira .8s linear infinite; }
.ds-analise-etapas li.feito .ds-etapa-marca { border-color: #2f9e6b; background: #2f9e6b url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 12px no-repeat; animation: ds-marca .3s var(--ds-saida) both; }
/* Sem confirmação do salvamento (internet caiu, limite de envios): marca neutra, sem alarmar a pessoa. */
.ds-analise-etapas li.sem-confirmacao .ds-etapa-marca { background: #eef2f7; }
.ds-analise-etapas li.sem-confirmacao .ds-etapa-marca::after { content: ""; position: absolute; top: 50%; right: 4px; left: 4px; height: 1.5px; margin-top: -.75px; border-radius: 1px; background: #9aaabf; }
.ds-analise-barra { position: relative; max-width: 360px; height: 4px; margin: 22px auto 0; overflow: hidden; border-radius: 99px; background: #e3e9f1; }
.ds-analise-barra span { position: relative; display: block; width: 0; height: 100%; overflow: hidden; border-radius: inherit; background: linear-gradient(90deg, #2b405f, #365887); transition: width .45s var(--ds-saida); }
.ds-analise-espera { margin: 12px 0 0; color: var(--ds-rotulo); font-size: .8125rem; }
.ds-analise-barra span::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .55), transparent); transform: translateX(-100%); animation: ds-brilho-barra 1.3s ease-in-out infinite; }

/* ---------- resultado ---------- */
.ds-resultado-tela { padding: 34px 0 72px; background: linear-gradient(#fff 0, #f5f7fb 420px, #f5f7fb); }
.quiz-resultado { max-width: 1060px; }
.ds-resultado { display: grid; gap: 22px; }
.ds-resultado > * { animation: ds-sobe .6s var(--ds-saida) both; }
.ds-resultado > :nth-child(2) { animation-delay: .12s; }
.ds-resultado > :nth-child(3) { animation-delay: .22s; }
.ds-resultado > :nth-child(n+4) { animation-delay: .3s; }
.ds-nota { margin-top: 14px; color: var(--ds-rotulo); font-size: .8125rem; line-height: 1.6; }
.ds-icone, .ds-metrica-icone { fill: none; stroke: currentColor; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ds-risco-alto { --ds-cor: var(--ds-vermelho); }
.ds-risco-medio { --ds-cor: #c98a12; }
.ds-risco-baixo { --ds-cor: var(--ds-verde); }

/* laudo: caixa azul-clara como a seção de diagnóstico do site */
.ds-laudo { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 34px; align-items: center; padding: 36px; border: 1px solid #d1ddeb; border-radius: 16px; background: radial-gradient(at 100% 0, #e0e9f7, transparent 75%), linear-gradient(120deg, #f8fafd, #edf2f9); box-shadow: inset 0 1px 0 #fff, var(--elevation); }
.ds-laudo-pill { color: #6582a9; }
.ds-laudo-pill svg { width: 17px; height: 17px; }
.ds-laudo-marca { margin-top: 16px; color: var(--ds-tinta); font-size: clamp(2rem, 3.6vw, 2.65rem); line-height: 1.12; letter-spacing: -.035em; overflow-wrap: anywhere; outline: none; }
.ds-laudo-titulo { margin-top: 10px; color: var(--ds-cor); font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; letter-spacing: -.02em; }
.ds-laudo-leitura { margin-top: 14px; color: #4b5c75; font-size: 1.0625rem; line-height: 1.75; }
.ds-laudo-nota { display: grid; justify-items: center; padding: 24px 22px 22px; border: 1px solid var(--ds-borda-forte); border-radius: 12px; background: linear-gradient(135deg, #fff, #fafcff); box-shadow: inset 0 1px #fff, 0 2px 4px rgba(24, 53, 88, .05), 0 15px 26px -16px rgba(27, 55, 89, .22); }
.ds-medidor { width: min(270px, 100%); margin-top: 8px; }
.ds-rotulo-risco { margin-top: 6px; padding: 5px 14px; border: 1px solid currentColor; border-radius: 99px; color: var(--ds-cor); font-size: .875rem; font-weight: 700; }

/* medidor de faixas */
.ds-medidor svg, .ds-previa-medidor svg { display: block; width: 100%; height: auto; overflow: visible; }
.ds-medidor-marcas line { stroke: #d3dce8; stroke-width: 1.5; stroke-linecap: round; }
.ds-medidor-marcas line.longa { stroke: #a9b8cb; }
.ds-medidor-trilho path { fill: none; stroke-width: 16; opacity: .16; }
.ds-medidor-trilho circle { opacity: .16; }
.ds-medidor-enche { --valor: 0; fill: none; stroke-width: 24; stroke-dasharray: var(--valor) 200; animation: ds-enche 1.5s var(--ds-saida) .2s both; }
.ds-medidor-bolinha { --giro: 0deg; transform-box: view-box; transform-origin: 120px 120px; transform: rotate(var(--giro)); animation: ds-gira-bolinha 1.5s var(--ds-saida) .2s both; }
.ds-bolinha { fill: #fff; stroke: var(--ds-cor); stroke-width: 4.5; }
.ds-medidor-num { fill: var(--ds-tinta); font-family: var(--font-display); font-size: 44px; font-weight: 700; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.ds-medidor-de { fill: #68758a; font-size: 12px; font-weight: 600; }
.ds-medidor-ponta { fill: #8396ad; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

/* métricas em reais, no formato dos cartões de resumo financeiro */
.ds-metricas { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr)); gap: 16px; }
.ds-metrica { display: grid; gap: 6px; align-content: start; padding: 20px 22px; border: 1px solid var(--ds-borda); border-radius: 13px; background: linear-gradient(135deg, #fff, #f8fafd); box-shadow: var(--elevation); }
.ds-metrica-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.ds-metrica-topo > span { color: #4b5c75; font-size: .875rem; font-weight: 600; }
.ds-metrica-icone { flex: none; width: 30px; height: 30px; padding: 6px; border-radius: 8px; background: #eef3fa; color: #627fa7; }
.ds-metrica > strong { color: var(--ds-tinta); font-family: var(--font-display); font-size: clamp(1.7rem, 3vw, 2.15rem); line-height: 1.1; letter-spacing: -.035em; font-variant-numeric: tabular-nums; }
.ds-metrica > small { color: var(--ds-rotulo); font-size: .8125rem; line-height: 1.5; }
.ds-metrica-perigo > strong { color: var(--ds-vermelho); }
.ds-metrica-perigo .ds-metrica-icone { background: #fff1ef; color: var(--ds-vermelho); }
.ds-metrica-atencao > strong { color: var(--ds-ambar); }
.ds-metrica-atencao .ds-metrica-icone { background: #fff6e4; color: var(--ds-ambar); }
.ds-metrica-ganho > strong { color: var(--ds-verde); }
.ds-metrica-ganho .ds-metrica-icone { background: #e8f6ef; color: var(--ds-verde); }

/* riscos: painel azul-marinho + lista numerada, como "A atuação Market Shield" */
.ds-riscos { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); overflow: hidden; border: 1px solid #d5deea; border-radius: 15px; background: #fff; box-shadow: var(--elevation); }
.ds-riscos-painel { padding: 34px; border-right: 1px solid #1d3150; background: linear-gradient(125deg, var(--ds-marinho-1), var(--ds-marinho-2)); color: #fff; }
.ds-riscos-painel .v6-overline { color: #a2b8d6; }
.ds-riscos-painel h3 { margin-top: 16px; color: #edf3fd; font-size: 1.75rem; line-height: 1.23; }
.ds-riscos-painel > p:not(.ds-saida) { margin-top: 16px; color: #afc1dc; font-size: 1rem; line-height: 1.75; }
.ds-linha { position: relative; display: grid; gap: 18px; margin: 24px 0 0; padding: 0; list-style: none; }
.ds-linha::before { content: ""; position: absolute; top: 14px; bottom: 14px; left: 13px; width: 1px; background: linear-gradient(#5b7398, #3a5378); }
.ds-linha > li { position: relative; display: flex; align-items: flex-start; gap: 14px; }
.ds-linha-ponto { position: relative; display: grid; flex: none; place-items: center; width: 28px; height: 28px; border: 1px solid #5b7398; border-radius: 50%; background: #1d3150; color: #c9d6ea; font-family: var(--font-display); font-size: .8125rem; font-weight: 700; }
.ds-linha > li > div { display: grid; gap: 2px; padding-top: 3px; }
.ds-linha strong { color: #edf3fd; font-size: .9688rem; font-weight: 600; line-height: 1.4; }
.ds-linha > li > div > span { color: #a2b8d6; font-size: .875rem; }
.ds-linha-valor .ds-linha-ponto { border-color: #e58b82; background: #4a2430; color: #ffd4cf; }
.ds-linha > li.ds-linha-valor > div > span { color: #ffb3aa; font-family: var(--font-display); font-size: 1.05rem; font-weight: 700; letter-spacing: -.01em; }
.ds-riscos-painel .ds-saida { display: flex; gap: 10px; margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .14); color: #dce7f6; font-size: .9375rem; line-height: 1.6; }
.ds-riscos-painel .ds-saida { display: flex; gap: 10px; margin-top: 24px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .14); color: #dce7f6; font-size: .9375rem; line-height: 1.6; }
.ds-saida svg { flex: none; width: 20px; height: 20px; margin-top: 2px; fill: none; stroke: #8fd3b2; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.ds-riscos-lista { align-self: center; margin: 0; padding: 4px 30px; list-style: none; }
.ds-riscos-lista > li { display: flex; align-items: flex-start; gap: 18px; padding: 22px 0; border-bottom: 1px solid #e3e9f1; }
.ds-riscos-lista > li:last-child { border-bottom: 0; }
.ds-indice { min-width: 23px; color: #5b6e8c; font-family: var(--font-display); font-size: .875rem; line-height: 1.8; }
.ds-riscos-lista h3 { font-size: 1.15rem; line-height: 1.4; }
.ds-riscos-lista p { margin-top: 8px; color: var(--ds-texto); font-size: .9375rem; line-height: 1.7; }
.ds-tag { display: inline-block; margin-top: 10px; padding: 4px 10px; border-radius: 99px; background: #eef3fa; color: var(--ds-azul); font-size: .75rem; font-weight: 700; }
.ds-risco-urgente .ds-tag, .ds-risco-alto .ds-tag { background: #fff1ef; color: var(--ds-vermelho); }
.ds-risco-medio .ds-tag { background: #fff6e4; color: var(--ds-ambar); }
.ds-risco-urgente h3 { color: var(--ds-vermelho); }

/* simulação de conversão */
.ds-conversao { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; align-items: center; padding: 32px; border: 1px solid #d5deea; border-radius: 15px; background: #fff; box-shadow: var(--elevation); }
.ds-conversao-texto h3 { margin-top: 14px; font-size: 1.75rem; line-height: 1.2; }
.ds-conversao-texto > p:not(.ds-nota) { margin-top: 14px; color: var(--ds-texto); font-size: 1rem; line-height: 1.75; }
.ds-conversao-painel { padding: 24px; border: 1px solid #dce4ef; border-radius: 12px; background: linear-gradient(110deg, #f8fafd, #f0f4fa); box-shadow: inset 0 1px #fff; }
.ds-conversao-painel > label { display: block; color: var(--ds-tinta); font-family: var(--font-display); font-size: 1.2rem; font-weight: 700; letter-spacing: -.02em; }
.ds-conversao-painel > label strong { color: var(--ds-verde); font-variant-numeric: tabular-nums; }
.ds-atalhos { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; }
.ds-atalho { padding: 7px 14px; border: 1px solid var(--ds-borda-forte); border-radius: 99px; background: #fff; color: #4b5c75; font: inherit; font-size: .8125rem; font-weight: 600; cursor: pointer; }
.ds-atalho[aria-pressed="true"] { border-color: #2b405f; background: #2b405f; color: #fff; }
.ds-conversao-painel input[type="range"] { --preenchido: 20%; width: 100%; height: 6px; margin: 20px 0 6px; border-radius: 99px; background: linear-gradient(90deg, #365887 var(--preenchido), #dbe3ee var(--preenchido)); -webkit-appearance: none; appearance: none; cursor: pointer; }
.ds-conversao-painel input[type="range"]::-webkit-slider-thumb { width: 24px; height: 24px; border: 2px solid #2b405f; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(24, 53, 88, .25); -webkit-appearance: none; appearance: none; }
.ds-conversao-painel input[type="range"]::-moz-range-thumb { width: 20px; height: 20px; border: 2px solid #2b405f; border-radius: 50%; background: #fff; box-shadow: 0 2px 6px rgba(24, 53, 88, .25); }
.ds-conversao-painel input[type="range"]:focus-visible { outline: 2px solid var(--ds-azul); outline-offset: 6px; }
.ds-conversao-resultado { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin-top: 16px; }
.ds-conversao-resultado > div { padding: 14px 16px; border: 1px solid #cfe7da; border-radius: 10px; background: #f3fbf7; }
.ds-conversao-resultado span { display: block; color: #3c6b55; font-size: .8125rem; font-weight: 600; }
.ds-conversao-resultado strong { display: block; margin-top: 2px; color: var(--ds-verde); font-family: var(--font-display); font-size: clamp(1.1rem, 2.6vw, 1.6rem); letter-spacing: -.03em; font-variant-numeric: tabular-nums; white-space: nowrap; }

/* ganhos: cartões numerados como os riscos da home */
.ds-ganhos { padding-top: 26px; }
.ds-heading { margin-bottom: 26px; }
.ds-heading h2 { font-size: clamp(1.75rem, 3vw, 2.35rem); line-height: 1.2; }
.ds-ganhos-grade { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(420px, 100%), 1fr)); gap: 18px; }
.ds-ganhos-grade > article { padding: 26px; border: 1px solid #dce3ed; border-radius: 13px; background: linear-gradient(135deg, #fff, #f5f7fb); box-shadow: var(--elevation); }
.ds-ganhos-grade .v6-risk-top { margin-bottom: 20px; }
.ds-ganhos-grade h3 { font-size: 1.2rem; line-height: 1.35; }
.ds-ganhos-grade p { margin-top: 12px; color: var(--ds-texto); font-size: .9375rem; line-height: 1.7; }
.ds-ganhos-grade a { color: var(--ds-azul); font-weight: 600; }

/* prazo: faixa de urgência do site */
.ds-prazo { display: flex; align-items: center; gap: 18px; padding: 22px 26px; border: 1px solid #dce4ef; border-radius: 11px; background: linear-gradient(110deg, #f8fafd, #f0f4fa); box-shadow: inset 0 1px #fff; }
.ds-prazo > svg { flex: none; width: 26px; height: 26px; color: #7892b5; }
.ds-prazo h3 { font-size: 1.05rem; line-height: 1.4; letter-spacing: -.02em; }
.ds-prazo p { margin-top: 6px; color: var(--ds-rotulo); font-size: .875rem; line-height: 1.65; }

/* chamada final com a condição do parceiro */
.ds-chamada { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: 30px; align-items: center; padding: 34px; border: 1px solid #1d3150; border-radius: 16px; background: linear-gradient(125deg, var(--ds-marinho-1), var(--ds-marinho-2)); color: #fff; box-shadow: var(--elevation); }
.ds-chamada-texto .v6-overline { color: #a2b8d6; }
.ds-chamada-a .ds-chamada-texto .v6-overline { color: #ffb685; }
.ds-chamada-texto h3 { margin-top: 14px; color: #fff; font-size: clamp(1.6rem, 3vw, 2.1rem); line-height: 1.2; }
.ds-chamada-texto > p { margin-top: 14px; color: #afc1dc; font-size: 1rem; line-height: 1.75; }
.ds-chamada-texto ul { display: grid; gap: 12px; margin: 22px 0 0; padding: 0; list-style: none; }
.ds-chamada-texto li { display: flex; align-items: flex-start; gap: 11px; color: #c9d6ea; font-size: .9375rem; line-height: 1.55; }
.ds-chamada-texto li b { color: #fff; }
.ds-chamada-texto li svg { flex: none; width: 19px; height: 19px; margin-top: 2px; color: #8fb0dc; }
.ds-chamada-texto li:nth-child(2) svg { color: #ffa665; }


.ds-refazer { display: block; margin: 26px auto 0; padding: 8px 12px; border: 0; background: none; color: var(--ds-azul); font: inherit; font-size: .9375rem; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.quiz-sem-js { padding-block: 30px; color: var(--ds-texto); }

/* cadastro: e-mail e WhatsApp lado a lado */
.quiz-contato-dupla { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }

/* simulação de processo */
.ds-processo { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 34px; align-items: center; padding: 32px; border: 1px solid #ecd2cf; border-radius: 15px; background: #fff; box-shadow: var(--elevation); }
.ds-processo-texto .v6-overline { color: #b0574f; }
.ds-processo-texto h3 { margin-top: 14px; font-size: 1.75rem; line-height: 1.2; }
.ds-processo-texto > p:not(.ds-nota) { margin-top: 14px; color: var(--ds-texto); font-size: 1rem; line-height: 1.75; }
.ds-processo-painel { display: grid; gap: 6px; justify-items: start; padding: 26px; border: 1px solid #f1cfcb; border-radius: 12px; background: linear-gradient(110deg, #fff8f7, #fdeeec); box-shadow: inset 0 1px #fff; }
.ds-processo-rotulo { color: #7d3a33; font-size: .9375rem; font-weight: 600; }
.ds-processo-rotulo b { color: var(--ds-vermelho); }
.ds-processo-valor { color: var(--ds-vermelho); font-family: var(--font-display); font-size: clamp(2.2rem, 4.2vw, 3rem); line-height: 1.05; letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.ds-processo-painel > small { color: #8a5a54; font-size: .875rem; line-height: 1.5; }
.ds-processo-painel .ds-atalhos { margin-top: 10px; }
.ds-processo-painel .ds-atalho[aria-pressed="true"] { border-color: var(--ds-vermelho); background: var(--ds-vermelho); }

/* condição de membro do parceiro, no fim */
.ds-condicao { display: grid; gap: 4px; justify-items: center; padding: 28px 24px; border-radius: 12px; background: #fff; color: var(--ds-tinta); text-align: center; box-shadow: 0 20px 40px -24px rgba(0, 0, 0, .55); }
.ds-condicao .v6-overline { color: var(--ds-laranja-texto); }
.ds-condicao > strong { margin-top: 6px; color: var(--ds-laranja); font-family: var(--font-display); font-size: 3.4rem; line-height: 1; letter-spacing: -.04em; }
.ds-condicao > p { color: #4b5c75; font-size: 1.0625rem; font-weight: 600; }
.ds-condicao > small { max-width: 280px; margin-top: 8px; padding-top: 12px; border-top: 1px dashed #ffc9a3; color: var(--ds-rotulo); font-size: .8125rem; line-height: 1.55; }
.ds-chamada-simples { grid-template-columns: minmax(0, 1fr); }

/* botões de agendar: os maiores da página, com calendário e um pulso curto para chamar o olho */
.ds-pagina .ds-botao-agendar { gap: 12px; min-height: 58px; padding: 16px 26px; font-size: 1rem; }
.ds-botao-agendar .arrow { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; transition: transform .2s var(--ds-saida); }
.ds-botao-agendar:hover .arrow { transform: translateX(3px); }
.ds-icone-cal { flex: none; width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ds-botao-agendar::after { content: ""; position: absolute; inset: -1px; border-radius: inherit; pointer-events: none; animation: ds-pulso 2.4s ease-out 1.2s 3; }
.ds-pagina .button-blue.ds-botao-agendar { --ds-pulso: rgba(54, 88, 135, .5); }
.ds-pagina .button-white.ds-botao-agendar { --ds-pulso: rgba(255, 255, 255, .6); }
.ds-chamada-botao { margin-top: 26px; }
.ds-pagina .ds-chamada-botao { min-height: 62px; padding: 17px 30px; font-size: 1.0625rem; }
.ds-chamada-micro { display: block; margin-top: 10px; color: #a2b8d6; font-size: .8125rem; text-wrap: balance; }

/* CTA logo no laudo: quem já se convenceu não precisa rolar até o fim */
.ds-laudo-cta { display: grid; justify-items: start; gap: 9px; margin-top: 24px; padding-top: 22px; border-top: 1px solid #d6e1ee; }
.ds-laudo-cta small { color: var(--ds-rotulo); font-size: .8125rem; line-height: 1.5; text-wrap: balance; }
.ds-processo-base { margin-top: 14px; color: #5a3a35; font-size: .9375rem; line-height: 1.7; }
.ds-processo-base b { color: #7d2f28; }
.ds-evidencias { display: grid; gap: 10px; margin: 16px 0 0; padding: 0; list-style: none; }
.ds-evidencias li { display: grid; gap: 3px; padding: 12px 14px; border: 1px solid #cfe7da; border-left: 3px solid var(--ds-verde); border-radius: 10px; background: #f6fcf9; }
.ds-evidencias strong { color: var(--ds-tinta); font-size: .875rem; }
.ds-evidencias span { color: #3f5f50; font-size: .875rem; line-height: 1.6; }
.ds-evidencias a { color: var(--ds-azul); font-weight: 600; }

/* aviso ao tentar sair */
.ds-aviso { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 16px; background: rgba(16, 25, 43, .55); }
.ds-aviso-caixa { display: grid; gap: 12px; width: min(440px, 100%); padding: 30px 28px 24px; border-radius: 16px; background: #fff; box-shadow: 0 30px 70px -20px rgba(10, 20, 40, .55); animation: ds-aviso-entra .35s var(--ds-saida) both; }
.ds-aviso-caixa .v6-overline { color: var(--ds-vermelho); }
.ds-aviso-caixa h3 { font-size: 1.6rem; line-height: 1.2; }
.ds-aviso-caixa p { color: var(--ds-texto); font-size: .9688rem; line-height: 1.65; }
.ds-aviso-agendar { width: 100%; margin-top: 6px; gap: 12px; }
.ds-aviso-fechar { margin: 0 auto; padding: 8px 12px; border: 0; background: none; color: var(--ds-rotulo); font: inherit; font-size: .875rem; font-weight: 600; cursor: pointer; }
.ds-aviso-fechar:hover { color: var(--ds-tinta); }

/* janela da agenda: os horários abrem por cima do resultado */
html.ds-travado, html.ds-travado body { overflow: hidden; }
.ds-janela { position: fixed; inset: 0; z-index: 110; display: grid; place-items: center; padding: 24px; background: rgba(16, 25, 43, .6); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.ds-janela-caixa { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(980px, 100%); height: min(780px, calc(100vh - 48px)); height: min(780px, calc(100dvh - 48px)); overflow: hidden; border-radius: 16px; background: #fff; box-shadow: 0 30px 80px -24px rgba(10, 20, 40, .6); animation: ds-aviso-entra .35s var(--ds-saida) both; }
.ds-janela-topo { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 22px 26px 18px; border-bottom: 1px solid #e3e9f1; background: radial-gradient(at 100% 0, #e6eef9, transparent 70%), linear-gradient(120deg, #f8fafd, #f1f5fb); }
.ds-janela-topo .v6-overline { color: #6582a9; }
.ds-janela-topo h3 { margin-top: 8px; color: var(--ds-tinta); font-size: 1.5rem; line-height: 1.2; letter-spacing: -.025em; }
.ds-janela-topo p { margin-top: 6px; color: var(--ds-texto); font-size: .9375rem; line-height: 1.5; }
.ds-janela-fechar { display: grid; flex: none; place-items: center; width: 42px; height: 42px; border: 1px solid #d5deea; border-radius: 50%; background: #fff; color: var(--ds-tinta); cursor: pointer; transition: background .2s, border-color .2s; }
.ds-janela-fechar:hover { border-color: #b7c7dc; background: #f3f6fa; }
.ds-janela-fechar:focus-visible { outline: 2px solid var(--ds-azul); outline-offset: 3px; }
.ds-janela-fechar svg { width: 20px; height: 20px; }
.ds-janela-corpo { position: relative; min-height: 0; background: #fff; }
.ds-janela-carregando { position: absolute; inset: 0; display: grid; place-items: center; color: var(--ds-rotulo); font-size: .9375rem; }
.ds-janela-quadro { position: relative; z-index: 1; display: block; width: 100%; height: 100%; border: 0; background: transparent; }
.ds-janela-rodape { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 18px; padding: 12px 26px; border-top: 1px solid #e3e9f1; background: #f8fafd; font-size: .8125rem; }
.ds-janela-condicao { display: inline-flex; align-items: center; gap: 8px; color: var(--ds-laranja-texto); font-weight: 600; }
.ds-janela-condicao::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ds-laranja); }
.ds-janela-rodape a { margin-left: auto; color: var(--ds-azul); font-weight: 600; }

/* barra fixa: aparece no resultado quando nenhum botão de agendar está na tela */
.ds-barra-agendar { position: fixed; right: 0; bottom: 0; left: 0; z-index: 90; padding: 12px 0 calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid #d5deea; background: rgba(255, 255, 255, .94); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); box-shadow: 0 -12px 30px -14px rgba(23, 42, 69, .3); visibility: hidden; transform: translateY(110%); transition: transform .35s var(--ds-saida), visibility 0s .35s; }
.ds-barra-agendar.visivel { visibility: visible; transform: none; transition: transform .35s var(--ds-saida); }
.ds-barra-conteudo { display: flex; align-items: center; justify-content: space-between; gap: 16px; width: min(1060px, calc(100% - 32px)); margin: 0 auto; }
.ds-barra-conteudo p { display: grid; gap: 1px; color: var(--ds-texto); font-size: .875rem; line-height: 1.4; }
.ds-barra-conteudo p b { color: var(--ds-tinta); font-size: .9375rem; }
.ds-pagina .ds-barra-botao { flex: none; min-height: 52px; padding: 13px 22px; }
.ds-barra-botao::after { animation: none; }
body.ds-com-barra { padding-bottom: 84px; }

/* rodapé */
.ds-rodape { padding: 26px 0 34px; border-top: 1px solid #e2e7ef; background: #f5f7fb; }
.ds-rodape p { max-width: 920px; color: var(--ds-rotulo); font-size: .75rem; line-height: 1.65; }
.ds-rodape a { color: #4b5c75; }

/* ---------- telas menores ---------- */
@media (max-width: 900px) {
  .ds-hero-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; padding-block: 34px 30px; }
  .ds-etapa-grid { grid-template-columns: minmax(0, 1fr); }
  .ds-laudo, .ds-riscos, .ds-conversao, .ds-processo, .ds-chamada { grid-template-columns: minmax(0, 1fr); }
  .ds-riscos-painel { border-right: 0; border-bottom: 1px solid #1d3150; }
}
@media (max-width: 680px) {
  .site-header .ds-condicao-topo { display: none; }
  .ds-hero-copy > .ds-selo-abertura { display: none; }
  .ds-hero-copy > .ds-publico-celular { display: inline-flex; align-self: flex-start; }
  .ds-hero-copy h1 { margin-top: 14px; }
}
@media (max-width: 560px) {
  .ds-parceiro-logo { height: 15px; }
  .ds-marcas .brand { font-size: 1.02rem; }
  .ds-marcas .brand img { width: 28px; height: 28px; }
  .ds-previa-corpo { grid-template-columns: minmax(0, 1fr); gap: 16px; padding: 18px; }
  .ds-previa-medidor { max-width: 210px; }
  .ds-previa-lista li { grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; gap: 10px; }
  .ds-previa-lista b { font-size: 1.15rem; }
  .ds-previa-topo, .ds-previa-rodape { padding-inline: 18px; }
  /* resultado: a nota vem logo depois do nome */
  .ds-laudo { display: flex; flex-direction: column; align-items: stretch; }
  .ds-laudo-texto { display: contents; }
  .ds-laudo-pill { order: 1; align-self: flex-start; }
  .ds-laudo-marca { order: 2; margin-top: 4px; }
  .ds-laudo-titulo { order: 3; margin-top: -6px; }
  .ds-laudo-nota { order: 4; }
  .ds-laudo-leitura { order: 5; margin-top: 0; }
  .ds-laudo .ds-nota { order: 6; margin-top: -10px; }
  .ds-laudo-cta { order: 7; justify-items: stretch; margin-top: 0; text-align: center; }
  .ds-pagina .ds-botao-agendar { width: 100%; gap: 10px; padding-inline: 14px; }
  .ds-botao-agendar .arrow { display: none; }
  .ds-pagina .ds-chamada-botao { font-size: 1rem; }
  .ds-chamada-micro { text-align: center; }
  .ds-janela { padding: 0; }
  .ds-janela-caixa { width: 100%; height: 100vh; height: 100dvh; border-radius: 0; }
  .ds-janela-topo { gap: 12px; padding: 16px 16px 14px; }
  .ds-janela-topo h3 { font-size: 1.25rem; }
  .ds-janela-topo p { font-size: .875rem; }
  .ds-janela-rodape { gap: 2px 12px; padding: 8px 16px calc(8px + env(safe-area-inset-bottom)); font-size: .75rem; }
  .ds-barra-conteudo { width: calc(100% - 24px); }
  .ds-barra-conteudo p { display: none; }
  body.ds-com-barra { padding-bottom: 80px; }
  .ds-metricas { gap: 10px; }
  .ds-metrica { padding: 15px 16px; gap: 3px; }
  .ds-metrica > strong { font-size: 1.6rem; }
  .ds-marcas { gap: 8px; }
  .ds-hero-grid { padding-top: 26px; }
  .ds-hero-copy { display: flex; flex-direction: column; align-items: stretch; }
  .ds-hero-copy > .v5-pill { align-self: flex-start; }
  .ds-hero-copy h1 { margin-top: 16px; font-size: clamp(1.9rem, 8.2vw, 2.4rem); }
  .ds-hero-copy .ds-intro { margin-top: 14px; }
  .ds-hero-copy .ds-cta { margin-top: 20px; }
  .ds-hero-copy .ds-ganhos-intro { order: 5; margin-top: 24px; }
  .ds-ganhos-intro .v5-checklist { margin-bottom: 0; }
  .ds-micro { justify-content: center; }
  .ds-intro { font-size: 1rem; }
  .ds-cta { width: 100%; min-width: 0; }
  .ds-faixa { gap: 12px 22px; padding: 14px 16px; }
  .ds-faixa > span { width: 100%; text-align: center; }
  .ds-faixa img { height: 20px; }
  .ds-etapa { padding-top: 22px; }
  .ds-cartao { padding: 20px 16px 22px; }
  .quiz-opcao { font-size: .9375rem; }
  .quiz-opcoes-curtas .quiz-opcao { min-height: 94px; padding: 12px 34px 12px 12px; }
  .quiz-opcoes-curtas .quiz-check { top: 12px; right: 10px; }
  .quiz-logo { width: 62px; height: 28px; }
  .ds-resultado-tela { padding-top: 22px; }
  .ds-laudo, .ds-conversao, .ds-processo, .ds-chamada { gap: 24px; padding: 24px 18px; }
  .quiz-contato-dupla { grid-template-columns: minmax(0, 1fr); }
  .ds-processo-painel { padding: 20px 18px; }
  .ds-riscos-painel { padding: 26px 20px; }
  .ds-riscos-painel h3 { font-size: 1.5rem; }
  .ds-riscos-lista { padding: 2px 20px; }
  .ds-riscos-lista > li { gap: 12px; }
  .ds-conversao-painel { padding: 18px 16px; }
    .ds-prazo { align-items: flex-start; padding: 20px 18px; }
}

@media (max-width: 400px) {
  /* telas bem estreitas: o botão de agendar continua numa linha só */
  .ds-pagina .ds-botao-agendar, .ds-pagina .ds-chamada-botao { gap: 8px; padding-inline: 10px; font-size: .9375rem; }
  .ds-icone-cal { width: 19px; height: 19px; }
}

/* ---------- movimento ---------- */
@keyframes ds-entra { from { opacity: 0; transform: translateY(8px); } }
@keyframes ds-sobe { from { opacity: 0; transform: translateY(10px); } }
@keyframes ds-gira { to { transform: rotate(360deg); } }
@keyframes ds-enche { from { stroke-dasharray: 0 200; } }
@keyframes ds-gira-bolinha { from { transform: rotate(0deg); } }
@keyframes ds-aviso-entra { from { opacity: 0; transform: translateY(12px) scale(.98); } }
@keyframes ds-pulso { 0% { box-shadow: 0 0 0 0 var(--ds-pulso, rgba(54, 88, 135, .5)); } 75%, 100% { box-shadow: 0 0 0 14px transparent; } }
@keyframes ds-troca { from { opacity: 0; transform: translateY(6px); } }
@keyframes ds-reticencias { 0% { content: ""; } 25% { content: "."; } 50% { content: ".."; } 75%, 100% { content: "..."; } }
@keyframes ds-brilho-barra { to { transform: translateX(100%); } }
@keyframes ds-marca { from { opacity: 0; transform: scale(.6); } }

@media (prefers-reduced-motion: reduce) {
  .ds-pagina *, .ds-pagina *::before, .ds-pagina *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; animation-delay: 0s !important; transition-duration: .01ms !important; }
}