/* Estética automotiva: ficha técnica.
   A referência é o painel de um carro e a planilha de serviço — cantos retos,
   fonte condensada em caixa alta, números em monoespaçada e fios finos na cor
   da marca. Nada de arredondado: o nicho vende precisão, não aconchego.
   O fundo é preto puro; a cor entra só em fio e em número. */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Barlow:wght@400;500;600&family=JetBrains+Mono:wght@600&display=swap');

.vitrine-automotiva {
  --vt-raio: 3px;
  --vt-raio-p: 2px;
  --vt-sombra: none;
  --vt-fonte-titulo: 'Barlow Condensed', 'Arial Narrow', sans-serif;
  --vt-capa-padrao:
    repeating-linear-gradient(115deg, rgba(255,255,255,.035) 0 2px, transparent 2px 9px),
    linear-gradient(150deg, #0B1016, #05080C);
  font-family: 'Barlow', -apple-system, sans-serif;
}

/* Título condensado e em caixa alta: ocupa menos linha e soa técnico. */
.vitrine-automotiva h1, .vitrine-automotiva h2, .vitrine-automotiva h3,
.vitrine-automotiva .vt-titulo, .vitrine-automotiva .vt-agenda-topo h2,
.vitrine-automotiva .vt-etapa-titulo h3, .vitrine-automotiva .vt-pacote-topo h3 {
  font-family: var(--vt-fonte-titulo);
  font-weight: 700; text-transform: uppercase; letter-spacing: .5px;
}
.vitrine-automotiva .vt-identidade h1 { font-size: 34px; line-height: 1.02; }
.vitrine-automotiva .vt-titulo { font-size: 27px; }

/* Nada redondo em lugar nenhum. */
.vitrine-automotiva .botao, .vitrine-automotiva .vt-chip-nav, .vitrine-automotiva .vt-chip,
.vitrine-automotiva .horario, .vitrine-automotiva .vt-dia, .vitrine-automotiva .etiqueta,
.vitrine-automotiva .opcao, .vitrine-automotiva .vt-fato, .vitrine-automotiva .vt-situacao,
.vitrine-automotiva .vt-logo, .vitrine-automotiva .vt-pessoa-foto { border-radius: 2px; }

/* Número é dado: monoespaçada alinha preço e duração em coluna. */
.vitrine-automotiva .opcao .preco, .vitrine-automotiva .vt-pacote-preco,
.vitrine-automotiva .vt-resumo-linha strong, .vitrine-automotiva .horario,
.vitrine-automotiva .vt-nota strong {
  font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-weight: 600; letter-spacing: -.5px;
}

/* Fio fino na cor da marca no canto de cada bloco — a "aresta" do tema. */
.vitrine-automotiva .vt-agenda, .vitrine-automotiva .vt-bloco,
.vitrine-automotiva .vt-pacote, .vitrine-automotiva .opcao {
  border-left: 2px solid color-mix(in srgb, var(--cor) 55%, transparent);
}
.vitrine-automotiva .opcao:hover, .vitrine-automotiva .opcao-marcada {
  border-left-color: var(--cor);
  background: color-mix(in srgb, var(--cor) 7%, transparent);
}

/* Rótulo de seção vira etiqueta técnica. */
.vitrine-automotiva .vt-periodo-titulo, .vitrine-automotiva .vt-fato-texto small,
.vitrine-automotiva .vt-resumo-linha small {
  text-transform: uppercase; letter-spacing: 2px; font-size: 10.5px; font-weight: 600;
}
.vitrine-automotiva .vt-fato-icone, .vitrine-automotiva .vt-titulo-icone,
.vitrine-automotiva .vt-servico-icone { border-radius: 2px; color: var(--cor-icone, var(--cor)); }
