/* Vokattus · Revenda — seções 0 a 5 (faixa, header, hero, prova, exposição, comparativo). Prefixo t-. */

/* ---------- 0. Faixa de topo ---------- */
.secao.t-faixa { padding-block: 0; border-bottom: var(--borda-fina) solid var(--linha); }
.t-faixa__link { display: block; overflow: hidden; text-decoration: none; color: var(--texto); }
.t-faixa__link:focus-visible { outline-offset: -3px; }
.t-faixa__trilho { display: flex; width: max-content; }
.t-faixa__grupo { display: flex; align-items: center; gap: var(--espaco-6); padding: 10px var(--espaco-6) 10px 0; }
.t-faixa__item { font-family: var(--font-display); font-weight: 500; font-size: 13px; line-height: 16px; letter-spacing: .12em; text-transform: uppercase; white-space: nowrap; }
.t-faixa__item .pendente { outline-color: var(--cinza-600); }
.t-faixa__sep { width: 16px; height: auto; opacity: .7; }
.t-faixa__link:hover .t-faixa__item { color: var(--texto-suave); }
.t-faixa__trilho { animation: t-faixa 60s linear infinite; will-change: transform; }
.t-faixa__link:hover .t-faixa__trilho, .t-faixa__link:focus-visible .t-faixa__trilho { animation-play-state: paused; }
@keyframes t-faixa { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .t-faixa__trilho { animation: none !important; } }

/* ---------- 1. Header ---------- */
.t-header { position: sticky; top: 0; z-index: 50; background: var(--fundo); border-bottom: var(--borda-fina) solid var(--linha); }
.t-header__inner { display: flex; align-items: center; gap: var(--espaco-8); min-height: var(--altura-header); }
.t-header__logo { display: inline-flex; padding-block: var(--espaco-2); margin-right: auto; }
.t-header__logo img { height: 20px; width: auto; }
.t-header__nav { display: flex; gap: var(--espaco-6); }
.t-header__link { font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--texto-suave); text-decoration: none; padding-block: var(--espaco-3); border-bottom: var(--borda-fina) solid transparent; }
.t-header__link:hover { color: var(--texto); border-bottom-color: var(--texto); }
.t-header__cta { flex-shrink: 0; }
@media (max-width: 1080px) { .t-header__nav { display: none; } }
@media (max-width: 400px) { .t-header__logo img { height: 16px; } .t-header__cta { padding-inline: var(--espaco-4); letter-spacing: .14em; } .t-header__inner { gap: var(--espaco-4); min-height: 64px; } }

/* ---------- 2. Hero ---------- */
.secao.t-hero { padding-block: var(--espaco-16) var(--espaco-24); overflow: hidden; }
.t-hero__grade { display: grid; grid-template-columns: minmax(0, 1.618fr) minmax(0, 1fr); gap: var(--espaco-16); align-items: start; }
.t-hero__texto { display: flex; flex-direction: column; align-items: flex-start; padding-top: var(--espaco-8); }
.t-hero__selo { display: block; width: fit-content; letter-spacing: .18em; line-height: 20px; max-width: 100%; }
.t-hero__titulo { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(44px, 5.8vw, 84px); line-height: .94; letter-spacing: -.012em; margin-top: var(--espaco-8); text-wrap: balance; max-width: 17ch; }
.t-hero__sub { margin-top: var(--espaco-8); font-size: 18px; line-height: 30px; font-weight: 300; color: var(--texto-suave); max-width: 52ch; }

.t-perfil { margin-top: var(--espaco-12); width: 100%; max-width: 560px; padding-top: var(--espaco-6); border-top: var(--borda-fina) solid var(--linha); }
.t-perfil__titulo { font-family: var(--font-display); font-weight: 500; font-size: 20px; line-height: 24px; text-transform: uppercase; letter-spacing: .02em; }
.t-perfil__opcoes { display: flex; flex-wrap: wrap; gap: var(--espaco-2); margin-top: var(--espaco-4); }
.t-chip {
  display: inline-flex; align-items: center; gap: var(--espaco-2); min-height: 44px; padding: 0 var(--espaco-4);
  font-family: var(--font-sans); font-size: 14px; line-height: 18px; font-weight: 500; color: var(--texto);
  background: transparent; border: var(--borda-fina) solid var(--linha-forte); border-radius: var(--raio-0); cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.t-chip::before { content: ""; width: 10px; height: 10px; border: var(--borda-fina) solid currentColor; flex-shrink: 0; }
.t-chip:hover { border-color: var(--texto); }
.t-chip[aria-pressed="true"] { background: var(--acao); color: var(--acao-texto); border-color: var(--acao); }
.t-chip[aria-pressed="true"]::before { background: currentColor; }
.t-perfil__ajuda { margin-top: var(--espaco-3); font-size: 13px; line-height: 20px; color: var(--texto-fraco); }

.t-hero__acoes { display: flex; flex-wrap: wrap; align-items: center; gap: var(--espaco-4) var(--espaco-8); margin-top: var(--espaco-8); }
.t-hero__micro { margin-top: var(--espaco-4); font-size: 13px; line-height: 20px; color: var(--texto-fraco); max-width: 52ch; }

.t-hero__midia { position: relative; padding-bottom: var(--espaco-16); }
.t-hero__foto { filter: none; }
.t-hero__caixa { position: absolute; left: -23.6%; top: 38.2%; width: 50%; border-style: dashed; background: var(--cinza-800); }
.t-hero__caixa .placeholder__rotulo { font-size: 10px; letter-spacing: .1em; margin: var(--espaco-2); max-width: calc(100% - 16px); }

@media (max-width: 960px) {
  .t-hero__grade { grid-template-columns: 1fr; gap: var(--espaco-12); }
  .t-hero__titulo { max-width: 18ch; }
  .t-hero__midia { max-width: 520px; width: 100%; padding-bottom: 0; padding-right: 0; }
  .t-hero__caixa { left: auto; right: calc(-1 * var(--espaco-2)); top: calc(-1 * var(--espaco-6)); width: 38.2%; }
  .t-hero__midia { margin-top: var(--espaco-6); }
}
@media (max-width: 720px) {
  .secao.t-hero { padding-block: var(--espaco-8) var(--espaco-16); }
  .t-hero__texto { padding-top: 0; }
  .t-hero__titulo { margin-top: var(--espaco-6); }
  .t-hero__sub { font-size: 17px; line-height: 28px; margin-top: var(--espaco-6); }
  .t-perfil { margin-top: var(--espaco-8); }
  .t-hero__cta { width: 100%; }
  .t-hero__acoes { width: 100%; }
}

/* ---------- 3. Prova rápida ---------- */
.secao.t-prova { padding-block: var(--espaco-16); }
.t-prova__lista { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: var(--borda-media) solid var(--texto); }
.t-prova__item { padding: var(--espaco-6) var(--espaco-6) 0; border-left: var(--borda-fina) solid var(--linha); min-width: 0; }
.t-prova__item:first-child { border-left: 0; padding-left: 0; }
.t-prova__numero { font-family: var(--font-display); font-weight: 600; text-transform: uppercase; font-size: clamp(28px, 3.2vw, 44px); line-height: 1.02; letter-spacing: -.005em; text-wrap: balance; }
.t-prova__legenda { margin-top: var(--espaco-3); font-size: 14px; line-height: 22px; color: var(--texto-suave); }
@media (max-width: 860px) {
  .t-prova__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .t-prova__item { padding: var(--espaco-6) 0 var(--espaco-6) var(--espaco-4); }
  .t-prova__item:nth-child(odd) { border-left: 0; padding-left: 0; padding-right: var(--espaco-4); }
  .t-prova__item:nth-child(n+3) { border-top: var(--borda-fina) solid var(--linha); }
  .t-prova__legenda { font-size: 13px; line-height: 20px; }
}

/* ---------- 4. Exposição + realidade ---------- */
.t-expo__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr); gap: var(--espaco-16); align-items: start; }
.t-expo__midia { position: sticky; top: calc(var(--altura-header) + var(--espaco-8)); }
.t-expo__texto { max-width: 60ch; }
.t-expo__texto .titulo-secao { margin-bottom: var(--espaco-8); }
.t-expo__texto p:not(.titulo-secao) { font-size: 17px; line-height: 29px; color: var(--texto-suave); }
.t-expo__texto p + p { margin-top: var(--espaco-6); }
.t-expo__corte {
  margin-top: var(--espaco-24); padding-block: var(--espaco-8); border-block: var(--borda-fina) solid var(--linha);
  font-family: var(--font-display); font-weight: 700; text-transform: uppercase; font-size: clamp(44px, 9.4vw, 136px); line-height: .9; letter-spacing: -.015em; text-wrap: balance;
}
.t-expo__grade--fim { margin-top: var(--espaco-12); }
.t-expo__realidade { grid-column: 2; max-width: 52ch; font-size: 20px; line-height: 32px; font-weight: 400; color: var(--texto); }
@media (max-width: 860px) {
  .t-expo__grade { grid-template-columns: 1fr; gap: var(--espaco-8); }
  .t-expo__midia { position: static; max-width: 420px; }
  .t-expo__midia .placeholder { --ph-ratio: 4 / 3 !important; }
  .t-expo__corte { margin-top: var(--espaco-16); padding-block: var(--espaco-6); }
  .t-expo__realidade { grid-column: 1; font-size: 18px; line-height: 30px; }
  .t-expo__grade--fim { margin-top: var(--espaco-8); }
}

/* ---------- 5. Mecanismo + tabela comparativa ---------- */
.t-comp__grade { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.618fr); gap: var(--espaco-16); align-items: start; }
.t-comp__texto { position: sticky; top: calc(var(--altura-header) + var(--espaco-8)); }
.t-comp__texto .titulo-secao { margin-top: var(--espaco-6); }
.t-comp__texto .apoio { margin-top: var(--espaco-6); }
.t-comp__cta { margin-top: var(--espaco-8); }

.t-comp__tabela-wrap { padding-top: var(--espaco-6); }
.t-tabela { width: 100%; border-collapse: collapse; font-size: 14px; line-height: 20px; font-variant-numeric: tabular-nums; }
.t-tabela th, .t-tabela td { padding: var(--espaco-4) var(--espaco-3); text-align: center; vertical-align: middle; border-bottom: var(--borda-fina) solid var(--linha); }
.t-tabela thead th { font-size: 11px; line-height: 16px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; color: var(--texto-suave); vertical-align: bottom; border-bottom: var(--borda-media) solid var(--texto); }
.t-tabela .t-tabela__canto { text-align: left; padding-left: 0; }
.t-tabela tbody th { text-align: left; font-weight: 500; color: var(--texto); padding-left: 0; width: 30%; }
.t-tabela td { color: var(--texto-suave); background: var(--superficie); width: 23.33%; }
.t-tabela td + td { border-left: var(--borda-fina) solid var(--branco); }

/* Coluna Vokattus: o tema preto dentro da seção clara */
.t-tabela .t-vk {
  --texto: var(--branco); --texto-suave: var(--cinza-200); --linha: var(--cinza-800); --linha-forte: var(--cinza-500); --foco: var(--branco);
  background: var(--preto); color: var(--branco); font-weight: 500; border-bottom-color: var(--cinza-800);
}
.t-tabela thead .t-vk--topo { padding-top: var(--espaco-8); border-bottom: var(--borda-media) solid var(--preto); }
.t-tabela thead .t-vk--topo img { margin: 0 auto; width: 98px; height: auto; }
.t-tabela tbody tr:last-child .t-vk { border-bottom: 0; }
.t-val { display: inline-flex; flex-direction: column; align-items: center; gap: var(--espaco-1); }
.t-nota { display: block; margin-top: var(--espaco-1); font-size: 11px; line-height: 15px; font-weight: 400; }

.t-sim, .t-nao { display: inline-block; position: relative; width: 16px; height: 16px; vertical-align: middle; }
.t-sim::after { content: ""; position: absolute; left: 5px; top: 1px; width: 6px; height: 11px; border: solid currentColor; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.t-nao::before, .t-nao::after { content: ""; position: absolute; left: 7px; top: 1px; width: 1.5px; height: 14px; background: currentColor; }
.t-nao::before { transform: rotate(45deg); } .t-nao::after { transform: rotate(-45deg); }
.t-tabela td .t-nao { color: var(--texto-fraco); }

@media (max-width: 960px) {
  .t-comp__grade { grid-template-columns: 1fr; gap: var(--espaco-12); }
  .t-comp__texto { position: static; }
}
/* Celular: a tabela continua tabela (11/11) */
@media (max-width: 720px) {
  .t-comp__cta { width: 100%; padding-inline: var(--espaco-4); letter-spacing: .12em; }
  .t-comp__tabela-wrap { padding-top: 0; }
}

/* ---------- Revisão final ---------- */
/* Header: alvo de toque de 44px no CTA e âncoras que param logo abaixo dele no celular */
.t-header__cta { min-height: 44px; }
@media (max-width: 720px) { :root { --altura-header: 64px; } }
/* Hero no celular: o CTA principal sobe para a primeira dobra; o seletor de perfil vem logo depois e continua valendo para todos os botões */
@media (max-width: 720px) {
  .t-hero__selo { font-size: 10px; letter-spacing: .14em; line-height: 16px; padding: 6px 10px; }
  .t-hero__acoes { order: 3; margin-top: var(--espaco-8); gap: var(--espaco-2); }
  .t-hero__acoes .vk-btn--texto { align-self: center; }
  .t-hero__micro { order: 4; }
  .t-perfil { order: 5; margin-top: var(--espaco-8); }
  .t-hero__texto > .t-hero__selo { order: 0; } .t-hero__titulo { order: 1; } .t-hero__sub { order: 2; }
}
.t-header__logo { min-height: 44px; align-items: center; }

/* Ajuste 11/11: hero sem seletor de perfil. Prova rápida voltou a 4 itens (v4): 4 colunas no desktop, 2x2 até 860px */

/* Faixa infinita também no celular (11/11) */
@media (max-width: 720px) { .t-faixa__grupo { gap: var(--espaco-4); padding: 9px var(--espaco-4) 9px 0; } .t-faixa__item { font-size: 12px; letter-spacing: .1em; } .t-faixa__trilho { animation-duration: 45s; } }

/* Ajustes 11/11: menu centralizado entre logo e botão; selo do hero com fundo sólido sobre a grade */
@media (min-width: 1081px) {
  .t-header__inner { display: grid; grid-template-columns: 1fr auto 1fr; gap: var(--espaco-8); }
  .t-header__logo { margin-right: 0; justify-self: start; }
  .t-header__nav { justify-self: center; align-items: center; gap: var(--espaco-8); }
  .t-header__cta { justify-self: end; }
}
.t-header__link { display: inline-flex; align-items: center; min-height: 44px; padding-block: 0; }
.t-hero__selo { background: var(--fundo); position: relative; z-index: 1; }

/* Hero em formato de pôster da marca (brand book: FOR MEN / foto / logo gigante / FASHION) — 11/11 */
.t-poster { padding-block: var(--espaco-8); padding-bottom: var(--espaco-8); }
.t-poster__foto { position: relative; }
.t-poster__foto::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .28); }
.t-poster__rotulo { display: block; text-align: center; font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: .5em; text-transform: uppercase; color: var(--texto); padding-left: .5em; }
.t-poster__rotulo--topo { margin-bottom: var(--espaco-4); }
.t-poster__rotulo--base { margin-top: var(--espaco-4); }
.t-poster__logo { position: absolute; left: -12%; width: 124%; max-width: none; height: auto; top: 58%; transform: translateY(-50%); z-index: 2; pointer-events: none; }
.t-hero { overflow: hidden; }
@media (max-width: 960px) {
  .t-poster { margin-inline: auto; }
  .t-poster__logo { left: -6%; width: 112%; }
}

/* Comparativo: o certo da Vokattus maior, sem notas embaixo */
.t-tabela td.t-vk .t-sim { width: 26px; height: 26px; color: var(--branco); }
.t-tabela td.t-vk .t-sim::after { left: 8px; top: 1px; width: 9px; height: 18px; border-width: 0 3px 3px 0; }

/* Hero com foto inteira de lifestyle (opção 02 escolhida em 11/11) */
.t-hero--foto { position: relative; overflow: hidden; background: var(--preto); padding-block: var(--espaco-32) var(--espaco-24); min-height: min(820px, calc(100vh - var(--altura-header) - 36px)); display: flex; align-items: center; }
.t-hero--foto .t-hero__bg { position: absolute; inset: 0; z-index: 0; }
.t-hero--foto .t-hero__bg img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; }
.t-hero--foto::after { content: ""; position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, .58); }
.t-hero--foto .t-hero__grade { position: relative; z-index: 2; display: block; width: 100%; }
.t-hero--foto .t-hero__texto { max-width: 620px; }
.t-hero--foto .t-hero__sub { color: var(--cinza-200); }
.t-hero__assinatura { position: absolute; z-index: 2; right: max(24px, calc((100vw - var(--largura-pagina)) / 2)); bottom: var(--espaco-12); width: clamp(220px, 26vw, 380px); height: auto; pointer-events: none; }
@media (max-width: 720px) {
  .t-hero--foto { min-height: 0; padding-block: var(--espaco-16) var(--espaco-12); display: block; }
  .t-hero--foto::after { background: rgba(0, 0, 0, .64); }
  .t-hero--foto .t-hero__bg img { object-position: 70% 30%; }
  .t-hero__assinatura { position: relative; right: auto; bottom: auto; display: block; width: 200px; margin-top: var(--espaco-12); }
}
/* Logo do hero mais longe do texto: canto inferior direito, menor (11/11) */
@media (min-width: 721px) {
  .t-hero--foto { align-items: flex-start; padding-block: var(--espaco-24) var(--espaco-32); min-height: min(860px, calc(100vh - var(--altura-header) - 36px)); }
  .t-hero__assinatura { bottom: var(--espaco-8); width: clamp(180px, 18vw, 260px); }
}
@media (min-width: 721px) {
  .t-hero__assinatura { top: var(--espaco-24); bottom: auto; }
}

/* Hero: sem logo grande; escurecimento em degradê da esquerda (texto) para a direita (modelo) — teste 11/11 */
.t-hero__assinatura { display: none; }
.t-hero--foto::after { background: linear-gradient(90deg, rgba(0, 0, 0, .88) 0%, rgba(0, 0, 0, .78) 30%, rgba(0, 0, 0, .45) 55%, rgba(0, 0, 0, .12) 80%, rgba(0, 0, 0, .05) 100%); }
.t-hero--foto .t-hero__bg img { object-position: 70% 35%; }
@media (max-width: 720px) {
  .t-hero--foto::after { background: linear-gradient(180deg, rgba(0, 0, 0, .82) 0%, rgba(0, 0, 0, .7) 55%, rgba(0, 0, 0, .45) 100%); }
}
@media (min-width: 721px) {
  .t-hero--foto .t-hero__bg { left: 24%; }
  .t-hero--foto::after { background: linear-gradient(90deg, #000 0%, #000 24%, rgba(0, 0, 0, .7) 38%, rgba(0, 0, 0, .3) 58%, rgba(0, 0, 0, .06) 80%, rgba(0, 0, 0, 0) 100%); }
}

/* Grafismo da grade também no hero com foto, por cima do escurecimento (11/11) */
.t-hero--foto::before { content: ""; position: absolute; inset: 0; z-index: 2; pointer-events: none; background-image: linear-gradient(90deg,
      transparent 0 9%, var(--linha-grade) 9% calc(9% + 1px), transparent 0 23.6%,
      var(--linha-grade) 23.6% calc(23.6% + 1px), transparent 0 27%,
      var(--linha-grade) 27% calc(27% + 1px), transparent 0 38.2%,
      var(--linha-grade) 38.2% calc(38.2% + 1px), transparent 0 50%,
      var(--linha-grade) 50% calc(50% + 1px), transparent 0 61.8%,
      var(--linha-grade) 61.8% calc(61.8% + 1px), transparent 0 73%,
      var(--linha-grade) 73% calc(73% + 1px), transparent 0 76.4%,
      var(--linha-grade) 76.4% calc(76.4% + 1px), transparent 0 91%,
      var(--linha-grade) 91% calc(91% + 1px), transparent 0),
    linear-gradient(180deg,
      transparent 0 14%, var(--linha-grade) 14% calc(14% + 1px), transparent 0 23.6%,
      var(--linha-grade) 23.6% calc(23.6% + 1px), transparent 0 88%,
      var(--linha-grade) 88% calc(88% + 1px), transparent 0); }
.t-hero--foto .t-hero__grade { z-index: 3; }

/* Hero no celular: a foto aparece em cima com o modelo e o texto desce para a base, sobre o degradê (11/11) */
@media (max-width: 720px) {
  .t-hero--foto { display: flex; align-items: flex-end; min-height: calc(100svh - var(--altura-header)); padding-block: 0 var(--espaco-12); }
  .t-hero--foto .t-hero__bg img { object-position: 62% 18%; }
  .t-hero--foto::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .08) 28%, rgba(0, 0, 0, .72) 52%, rgba(0, 0, 0, .92) 70%, #000 100%); }
  .t-hero--foto .t-hero__grade { padding-top: 46svh; }
}
@media (max-width: 720px) {
  .t-hero--foto .t-hero__grade { padding-top: 30svh; }
  .t-hero--foto { padding-bottom: var(--espaco-8); }
  .t-hero--foto::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 22%, rgba(0, 0, 0, .72) 42%, rgba(0, 0, 0, .9) 62%, #000 100%); }
}
@media (max-width: 720px) and (max-height: 700px) { .t-hero--foto .t-hero__grade { padding-top: 22svh; } }

/* Hero no celular: texto e botão primeiro, foto do modelo logo abaixo (11/11) */
@media (max-width: 720px) {
  .t-hero--foto { display: flex; flex-direction: column; align-items: stretch; min-height: 0; padding-block: var(--espaco-12) 0; }
  .t-hero--foto .t-hero__grade { order: 1; padding-top: 0; padding-bottom: var(--espaco-8); }
  .t-hero--foto .t-hero__bg { order: 2; position: relative; inset: auto; display: block; width: 100%; aspect-ratio: 3 / 4; }
  .t-hero--foto .t-hero__bg img { object-position: 60% 25%; }
  .t-hero--foto::after { display: none; }
}
@media (max-width: 720px) and (max-height: 700px) { .t-hero--foto .t-hero__grade { padding-top: 0; } }
@media (max-width: 720px) { .secao.t-hero.t-hero--foto { padding-block: var(--espaco-12) 0; } }
/* Celular: foto surge do preto do texto em degradê, como o desktop faz da esquerda para a direita (11/11) */
@media (max-width: 720px) {
  .t-hero--foto .t-hero__bg { margin-top: calc(-1 * var(--espaco-8)); }
  .t-hero--foto .t-hero__bg img { -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .35) 14%, rgba(0, 0, 0, .85) 32%, #000 48%); mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .35) 14%, rgba(0, 0, 0, .85) 32%, #000 48%); }
}
@media (max-width: 720px) {
  .t-hero--foto .t-hero__bg img { object-position: 60% 8%; -webkit-mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .55) 10%, #000 26%); mask-image: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .55) 10%, #000 26%); }
}

/* Hero menor e selo sempre em uma linha (11/11) */
.t-hero__selo { white-space: nowrap; max-width: none; }
@media (min-width: 721px) {
  .secao.t-hero.t-hero--foto { padding-block: var(--espaco-16) var(--espaco-16); min-height: 0; }
  .t-hero--foto .t-hero__titulo { font-size: clamp(48px, 5.6vw, 76px); }
}
@media (max-width: 720px) {
  .t-hero__selo { font-size: clamp(8px, 2.35vw, 10px); letter-spacing: .08em; padding: 6px 8px; }
  .secao.t-hero.t-hero--foto { padding-top: var(--espaco-8); }
  .t-hero--foto .t-hero__grade { padding-bottom: var(--espaco-6); }
  .t-hero--foto .t-hero__titulo { font-size: clamp(40px, 11.5vw, 52px); margin-top: var(--espaco-4); }
  .t-hero--foto .t-hero__bg { aspect-ratio: 1 / 1; }
  .t-hero--foto .t-hero__bg img { object-position: 60% 20%; }
}
@media (max-width: 720px) {
  .t-hero--foto .t-hero__bg { overflow: hidden; }
  .t-hero--foto .t-hero__bg img { position: absolute; inset: 0; width: 100%; height: 100%; }
}

/* Comparativo no celular: tabela compacta, botão depois da tabela (11/11) */
@media (max-width: 720px) {
  .t-comp__grade { gap: 0; }
  .t-comp__texto { display: contents; }
  .t-comp__tabela-wrap { order: 1; margin-top: var(--espaco-8); }
  .t-comp__cta { order: 2; margin-top: var(--espaco-8); }
  .t-tabela { font-size: 12px; line-height: 16px; table-layout: fixed; }
  .t-tabela th, .t-tabela td { padding: var(--espaco-3) 4px; }
  .t-tabela thead th { font-size: 9px; line-height: 12px; letter-spacing: .06em; padding-bottom: var(--espaco-3); }
  .t-tabela .t-tabela__canto { width: 37%; }
  .t-tabela tbody th { width: 37%; font-size: 12px; line-height: 16px; padding-right: var(--espaco-2); }
  .t-tabela td { width: 21%; }
  .t-tabela thead .t-vk--topo { padding-top: var(--espaco-6); }
  .t-tabela thead .t-vk--topo img { width: 64px; }
  .t-tabela td.t-vk .t-sim { width: 20px; height: 20px; }
  .t-tabela td.t-vk .t-sim::after { left: 6px; width: 7px; height: 14px; border-width: 0 2.5px 2.5px 0; }
}
@media (max-width: 720px) {
  .t-comp__texto > .vk-etiqueta { justify-self: start; }
  .t-comp__cta { letter-spacing: .1em; font-size: 12px; padding-inline: var(--espaco-3); }
}

/* Revisão final (11/11): a faixa inteira é um link, então ganha 44px de altura de toque */
.t-faixa__grupo { padding-block: 14px; }