/* Koch Veículos CSS — FIPE vs Investimento */
:root{{--gold:#C9A96E;--dark:#0A0A0A;--green:#10B981;--red:#EF4444}}
*{{box-sizing:border-box;margin:0;padding:0}}
body{{font-family:'Segoe UI',sans-serif;color:#1F2937;background:#fff;line-height:1.6}}
.container{{max-width:1100px;margin:0 auto;padding:0 20px}}

/* Header */
.header-koch{{background:var(--dark);padding:14px 0}}
.header-koch .container{{display:flex;align-items:center;justify-content:space-between}}
.header-koch img{{height:40px;width:auto}}
.btn-wa-header{{background:var(--gold);color:#000;padding:8px 16px;border-radius:6px;text-decoration:none;font-weight:700;font-size:.9rem}}

/* Hero */
.hero-veiculo{{background:linear-gradient(135deg,#0A0A0A 0%,#1a1a1a 100%);color:#fff;padding:60px 0;text-align:center}}
.hero-badge{{display:inline-block;background:rgba(201,169,110,.2);border:1px solid var(--gold);color:var(--gold);padding:4px 14px;border-radius:20px;font-size:.85rem;margin-bottom:12px}}
.hero-veiculo h1{{font-size:2rem;margin-bottom:12px;line-height:1.2}}
.hero-veiculo .gold{{color:var(--gold)}}
.hero-sub{{color:#9CA3AF;margin-bottom:24px}}
.hero-cta{{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}}
.btn-primary{{background:var(--gold);color:#000;padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700}}
.btn-secondary{{background:transparent;color:var(--gold);border:2px solid var(--gold);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:700}}

/* FIPE */
.secao-fipe{{padding:50px 0;background:#f9fafb}}
.secao-fipe h2,.secao-comparativo h2,.secao-permuta h2,.secao-empreendimentos h2,.secao-faq h2{{font-size:1.5rem;margin-bottom:8px;color:var(--dark)}}
.secao-sub{{color:#6B7280;margin-bottom:24px;font-size:.95rem}}
.fipe-loading{{text-align:center;padding:40px;color:#6B7280}}
.spinner{{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}}
@keyframes spin{{to{{transform:rotate(360deg)}}}}
.fipe-destaque{{background:linear-gradient(135deg,#0A0A0A,#1a1a1a);border-radius:10px;padding:20px;margin-bottom:20px}}
.fipe-destaque-inner{{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}}
.fipe-label{{display:block;color:#9CA3AF;font-size:.8rem;margin-bottom:4px}}
.fipe-valor{{font-size:1.8rem;font-weight:800;color:var(--gold)}}
.fipe-cod{{color:#fff;font-weight:600}}
.table-wrap{{overflow-x:auto}}
.tabela-fipe{{width:100%;border-collapse:collapse;background:#fff}}
.tabela-fipe th{{background:var(--dark);color:#fff;padding:10px 12px;text-align:left;font-size:.9rem}}
.tabela-fipe td{{padding:10px 12px;border-bottom:1px solid #e5e7eb;font-size:.9rem}}
.tabela-fipe tr:hover td{{background:#fffbf0}}
.valor-fipe{{color:var(--green);font-size:1rem}}
.desvalor{{color:var(--red);font-size:.85rem}}
.btn-permuta-tabela{{background:var(--gold);color:#000;padding:5px 12px;border-radius:6px;text-decoration:none;font-size:.8rem;font-weight:700;white-space:nowrap}}
.fipe-rodape{{color:#9CA3AF;font-size:.8rem;margin-top:10px}}

/* Comparativo */
.secao-comparativo{{padding:50px 0}}
.comparativo-grid{{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:start;margin:24px 0}}
@media(max-width:700px){{.comparativo-grid{{grid-template-columns:1fr}}.comp-vs{{text-align:center}}}}
.comp-card{{border-radius:12px;padding:24px;border:2px solid #e5e7eb}}
.comp-veiculo{{border-color:#FCA5A5;background:#FFF5F5}}
.comp-apartamento{{border-color:#6EE7B7;background:#F0FDF4}}
.comp-icon{{font-size:2rem;margin-bottom:8px}}
.comp-card h3{{font-size:1rem;margin-bottom:16px;color:var(--dark)}}
.comp-item{{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:.9rem}}
.comp-item span{{color:#6B7280}}
.comp-item.positivo strong{{color:var(--green)}}
.comp-item.negativo strong{{color:var(--red)}}
.comp-item.neutro strong{{color:#374151}}
.comp-resumo{{margin-top:16px;padding:10px;border-radius:6px;text-align:center;font-size:.9rem}}
.positivo-resumo{{background:#D1FAE5;color:#065F46}}
.negativo-resumo{{background:#FEE2E2;color:#991B1B}}
.comp-vs{{font-size:1.5rem;font-weight:900;color:#9CA3AF;align-self:center;text-align:center;padding:0 10px}}
.cta-comparativo{{background:linear-gradient(135deg,#0A0A0A,#1a1a1a);border:2px solid var(--gold);border-radius:12px;padding:28px;text-align:center;margin-top:30px}}
.cta-comparativo h3{{color:var(--gold);margin-bottom:8px}}
.cta-comparativo p{{color:#e5e7eb;margin-bottom:20px}}

/* Permuta */
.secao-permuta{{padding:50px 0;background:#f9fafb}}
.steps-grid{{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:24px 0}}
.step{{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px;text-align:center}}
.step-num{{width:40px;height:40px;background:var(--gold);color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;margin:0 auto 12px}}
.step h4{{font-size:.95rem;margin-bottom:6px;color:var(--dark)}}
.step p{{font-size:.85rem;color:#6B7280}}
.permuta-exemplo{{background:#fff;border:2px solid var(--gold);border-radius:10px;padding:24px;margin:24px 0}}
.permuta-exemplo h3{{color:var(--dark);margin-bottom:16px}}
.exemplo-item{{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:.95rem}}
.exemplo-item.verde strong{{color:var(--green)}}
.exemplo-total{{margin-top:12px;padding:10px;background:#D1FAE5;border-radius:6px;color:#065F46;font-size:.9rem;text-align:center}}
.permuta-cta{{text-align:center;margin-top:24px}}
.permuta-sub{{color:#9CA3AF;font-size:.85rem;margin-top:8px}}

/* Botão WhatsApp grande */
.btn-whatsapp-grande{{display:inline-block;background:#25D366;color:#fff;padding:16px 32px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.1rem;margin:8px}}
.btn-telefone{{display:inline-block;background:#3B82F6;color:#fff;padding:16px 32px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.1rem;margin:8px}}

/* Empreendimentos */
.secao-empreendimentos{{padding:50px 0}}
.emp-grid{{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px}}
.emp-card{{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:20px}}
.emp-card h4{{font-size:1rem;color:var(--dark);margin-bottom:8px}}
.emp-card p{{font-size:.85rem;color:#6B7280;margin-bottom:12px}}
.badge-permuta{{display:inline-block;background:#D1FAE5;color:#065F46;padding:2px 8px;border-radius:10px;font-size:.75rem;font-weight:600}}
.emp-card a{{color:#1D4ED8;font-size:.85rem;text-decoration:none}}

/* FAQ */
.secao-faq{{padding:50px 0;background:#f9fafb}}
.faq-list{{margin-top:20px}}
.faq-item{{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:12px}}
.faq-item h3{{font-size:1rem;color:var(--dark);margin-bottom:8px}}
.faq-item p{{font-size:.9rem;color:#374151}}

/* CTA Final */
.secao-cta-final{{background:linear-gradient(135deg,#0A0A0A,#1a1a1a);padding:60px 0;text-align:center;color:#fff}}
.secao-cta-final h2{{color:var(--gold);font-size:1.6rem;margin-bottom:12px}}
.secao-cta-final p{{color:#e5e7eb;margin-bottom:24px;max-width:600px;margin-left:auto;margin-right:auto}}
.cta-final-botoes{{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px}}
.cta-rodape{{color:#9CA3AF;font-size:.85rem}}

/* Footer */
.footer-koch{{background:var(--dark);color:#6B7280;padding:20px 0;text-align:center;font-size:.85rem}}
.footer-koch a{{color:var(--gold);text-decoration:none}}
.footer-koch p{{margin-bottom:6px}}