/* Bloco "Veja mais opções como este veículo" (parts/escada-links.php).
   Task ClickUp 17tjyy3gu2p. Fonte: design/DESIGN.md §13 (CONTRATO FINAL) — badge Opção B
   (outline vermelho), correção do operador em cima da recomendação original (Opção A,
   gradiente), confirmada com design/v1-final-B.html. Nenhum hex novo introduzido: todos os
   tokens já existem em :root do tema (styles.min.css) — --dark-3, --gray-2, --gray-3,
   --gray-5, --gray-6, --red-1. Arquivo separado (não colado no styles.min.css minificado de
   269KB numa linha só) — ver DIFF-v2.md para a justificativa de enfileiramento. */

.single-vehicles-escada{padding-top:20px}
.single-vehicles-escada-title{font-size:16px;line-height:21px;font-weight:800;color:var(--dark-3);margin:0 0 3px}
.single-vehicles-escada-hint{font-size:12px;line-height:16px;color:var(--gray-6);margin:0 0 10px}
.single-vehicles-escada-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none}
.single-vehicles-escada-item{list-style:none}
.single-vehicles-escada-link{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:40px;padding:9px 10px;border-radius:8px;background:var(--gray-5);border:1px solid var(--gray-2);color:var(--dark-3);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.single-vehicles-escada-link:hover,.single-vehicles-escada-link:focus-visible{transform:translateY(-2px);box-shadow:0 8px 18px rgba(13,13,13,.08);border-color:var(--gray-3);background:#fff}
/* CRITICAL 1 (revisão 2026-09-29): o tema já tem `.editor a:not(.button){text-decoration:
   underline}` (especificidade 0,2,1) em styles.min.css, e o bloco fica dentro de
   `.single-vehicles-information .editor`. `.single-vehicles-escada-link` sozinho (0,1,0)
   perde. Sobe a especificidade real (0,3,0) empilhando 3 classes do próprio componente —
   sem !important, sem depender de onde o bloco é chamado no DOM. */
.single-vehicles-escada .single-vehicles-escada-item .single-vehicles-escada-link,
.single-vehicles-escada .single-vehicles-escada-item .single-vehicles-escada-link:hover,
.single-vehicles-escada .single-vehicles-escada-item .single-vehicles-escada-link:focus-visible{text-decoration:none}
.single-vehicles-escada-main{min-width:0}
.single-vehicles-escada-nome{display:block;font-size:13px;font-weight:800;line-height:16px;color:var(--dark-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.single-vehicles-escada-sub{display:block;font-size:11px;line-height:14px;color:var(--gray-6);margin-top:1px}
.single-vehicles-escada-seta{flex-shrink:0;width:14px;height:14px;color:var(--gray-6)}
.single-vehicles-escada-link:hover .single-vehicles-escada-seta{color:var(--red-1)}

/* Badge do número — OPÇÃO B (outline vermelho), decisão final do operador sobre a A/B do
   DESIGN.md §13.3/13.4. Contorno fino, fundo claro e número vermelho em repouso; vira
   preenchido em vermelho sólido com número branco no hover/focus do cartão inteiro. */
.single-vehicles-escada-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:20px;padding:0 6px;border-radius:999px;font-size:11px;line-height:1;font-weight:800;color:var(--red-1);background:var(--gray-5);border:1.5px solid var(--red-1);transition:background-color .18s ease,color .18s ease}
.single-vehicles-escada-link:hover .single-vehicles-escada-badge,.single-vehicles-escada-link:focus-visible .single-vehicles-escada-badge{background:var(--red-1);color:#fff}

@media (max-width:720px){
  .single-vehicles-escada-list{grid-template-columns:1fr}
  .single-vehicles-escada-link{min-height:44px}
  .single-vehicles-escada-title{font-size:14px}
  .single-vehicles-escada-nome{font-size:12px}
}