/* =====================================================================
   TEMA "Clássico Refinado" (escolhido em 10/2026)
   Mantém a identidade atual (cabeçalho branco, fundo escuro, vermelho),
   com acabamento mais moderno: cabeçalho fixo, cantos e sombras suaves,
   títulos sem a faixa atravessada, cartões que reagem ao passar o mouse.
   ===================================================================== */
:root {
    --ar-red: #a8162d;
    --ar-dark: #121212;
    --ar-gray: #232323;
    --t-surface: #1c1c1c;
    --t-surface-2: #242424;
    --t-line: rgba(255, 255, 255, .07);
    --t-radius: 14px;
}

html body { background: #121212; }

/* Cabeçalho fixo no topo, mais baixo */
html body .ar-header {
    z-index: 500;
    padding-top: 14px; padding-bottom: 14px;
    box-shadow: 0 1px 0 rgba(0,0,0,.06), 0 6px 24px rgba(0,0,0,.18);
}
html body .ar-nav a { border-radius: 999px; font-weight: 600; }
html body .ar-nav a.selected { box-shadow: 0 4px 14px rgba(168, 22, 45, .35); }
html body .ar-lang-btn { border-radius: 999px; }

/* Hero */
html body .ar-hero { border-radius: 20px; box-shadow: 0 18px 40px rgba(0,0,0,.35); }
html body .ar-hero-overlay { background: linear-gradient(180deg, rgba(0,0,0,.35) 0%, rgba(0,0,0,.72) 100%); }
html body .ar-hero h1 { letter-spacing: -.02em; }

/* Títulos de seção: sem a faixa atravessando; sublinhado curto */
html body .ar-section-title::after {
    top: auto; bottom: -10px; left: 50%; right: auto;
    width: 56px; height: 3px; border-radius: 3px; transform: translateX(-50%);
}
html body .ar-section-title span { background: none; padding: 0; }
html body .ar-section-title { margin-bottom: 26px; letter-spacing: -.01em; }

/* Blocos e cartões */
html body .ar-filters-section,
html body .ar-grid-wrapper,
html body .ar-history-content,
html body .ar-specs-column,
html body .ar-equipment {
    border-radius: var(--t-radius);
    border: 1px solid var(--t-line);
}
html body .ar-filters-section { background: var(--t-surface); }
html body .ar-filter-select, html body .ar-filter-input, html body .ar-filter-group select { border-radius: 10px; }

html body .ar-brand-card-new,
html body .ar-model-card-new,
html body .ar-model-card,
html body .ar-generation-card,
html body .ar-ver-card,
html body .ar-recente-card {
    border-radius: var(--t-radius);
    border: 1px solid var(--t-line);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
html body .ar-brand-card-new:hover,
html body .ar-model-card-new:hover,
html body .ar-model-card:hover,
html body .ar-generation-card:hover,
html body .ar-ver-card:hover,
html body .ar-recente-card:hover {
    transform: translateY(-3px);
    border-color: rgba(168, 22, 45, .55);
    box-shadow: 0 14px 30px rgba(0,0,0,.4);
}
html body .ar-quick-link { border-radius: 999px; }
html body .ar-highlight-item { border-radius: 12px; }

html body .ar-footer { border-top: 1px solid var(--t-line); }

/* Cabeçalho fixo no topo só no computador (no celular ocuparia espaço demais) */
@media (min-width: 769px) {
    html body .ar-header { position: sticky; top: 0; }
}

/* Busca do cabeçalho no fundo branco */
html body .ar-busca-topo { background: #f4f4f4; border-color: #e2e2e2; }
html body .ar-busca-topo input { color: #121212; }
html body .ar-busca-topo:focus-within { border-color: var(--ar-red); box-shadow: 0 0 0 3px rgba(168, 22, 45, .15); }
@media (max-width: 768px) {
    html body .ar-busca-topo { background: transparent; border: 0; box-shadow: none; }
    html body .ar-busca-topo button { color: #121212; }
}