/* ==========================================================================
   CHAVEIRO — preto e laranja, Archivo
   Esqueleto em ../base/servicos.css. Aqui: a ferramenta e o tom.
   ========================================================================== */

.sv-logo { background: var(--escuro); color: var(--destaque); }
h1, h2 { font-weight: 800; letter-spacing: -.02em; }
.sv-hero-lado { background: radial-gradient(circle at 85% 30%, rgba(255,106,0,.14), transparent 45%); }
.sv-hero-foto img { border-radius: 20px 120px 20px 20px; }
.sv-confianca { background: var(--escuro); }
.sv-serv { border-left: 4px solid var(--destaque); }

.ch-grade { display: grid; grid-template-columns: 1.5fr 1fr; gap: 28px; align-items: start; }
.ch-situacoes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.ch-emerg { border-color: color-mix(in srgb, var(--destaque) 35%, var(--linha)); }
.ch-emerg small { color: #b84a00; font-weight: 700; }
.ch-carro { display: flex; flex-direction: column; gap: 6px; margin-top: 12px; font-weight: 700; font-size: .9rem; max-width: 360px; }
.ch-carro input { min-height: 48px; padding: 10px 14px; border-radius: 12px; border: 2px solid var(--linha); background: var(--papel); }
.ch-geo { display: flex; align-items: center; gap: 12px; width: 100%; padding: 16px; border-radius: 14px; border: 2px dashed var(--destaque); background: #fff4ec; text-align: left; font-size: 1.4rem; margin-bottom: 6px; }
.ch-geo span { display: flex; flex-direction: column; font-size: 1rem; }
.ch-geo small { color: var(--suave); font-size: .84rem; }
.ch-geo.ok { border-style: solid; background: #eaf8ef; border-color: #2e9d57; }
.ch-geo-status { font-size: .9rem; font-weight: 700; color: var(--suave); min-height: 1.2em; margin-bottom: 12px; }
.ch-resumo { position: sticky; top: 84px; }
.ch-sit { font-size: 1.05rem; margin-bottom: 8px; }
.ch-tag { display: inline-block; background: #fff1e6; color: #b84a00; font-weight: 800; font-size: .85rem; padding: 4px 10px; border-radius: 999px; margin-bottom: 10px; }
.ch-preco { display: flex; flex-direction: column; margin-bottom: 12px; }
.ch-preco b { font-family: var(--fonte-titulos); font-size: 1.6rem; }
.ch-preco small { color: var(--suave); font-size: .84rem; }
.ch-meta { border-top: 1px solid var(--linha); padding-top: 10px; color: var(--suave); }
.ch-meta b { color: var(--texto); }
.ch-ligar { margin-top: 8px; }

@media (max-width: 900px) {
  .ch-grade { grid-template-columns: 1fr; }
  .ch-resumo { position: static; }
  .ch-situacoes { grid-template-columns: 1fr 1fr; }
}