/* ============================================================
   FOCUS SALES EXPERTS — CATÁLOGO BR — cotacao.css
   Lista de cotação (/cotacao/) e página de confirmação.
   ============================================================ */

.cotacao-layout { display: grid; gap: clamp(28px, 4vw, 56px); }
@media (min-width: 900px) { .cotacao-layout { grid-template-columns: 1fr 1fr; align-items: start; } }

.cotacao-lista { display: flex; flex-direction: column; gap: 12px; }
.cotacao-item {
  display: grid;
  grid-template-columns: 64px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 12px 14px;
  background: var(--paper-card);
  border: 1px solid var(--line-on-paper);
}
.cotacao-item-foto { width: 64px; height: 64px; background: var(--photo-bg); display: flex; align-items: center; justify-content: center; overflow: hidden; flex: 0 0 auto; }
.cotacao-item-foto img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
.cotacao-item-nome { font-size: .92rem; color: var(--ink); font-weight: 600; }
.cotacao-item-remover { color: var(--danger-on-paper); font-size: .78rem; font-family: var(--font-label); text-transform: uppercase; letter-spacing: .04em; }

.cotacao-form-privacidade {
  margin: 12px 0 0;
  font-size: .82rem;
  color: var(--fg-3);
  line-height: 1.45;
}
.cotacao-form-privacidade a { color: var(--accent-fg); text-decoration: underline; }

.cotacao-vazia { padding: 50px 24px; text-align: center; background: var(--paper-card); border: 1px dashed var(--line-on-paper); }
.cotacao-vazia p { max-width: 40ch; margin: 0 auto 18px; }

.cotacao-form { background: var(--paper-card); border: 1px solid var(--line-on-paper); padding: clamp(20px, 3vw, 32px); }

.cotacao-resumo-mensagem {
  margin-top: 8px;
  padding: 14px 16px;
  background: var(--paper-2);
  border: 1px dashed var(--line-on-paper);
  font-family: var(--font-body);
  font-size: .82rem;
  color: var(--ink-muted);
  white-space: pre-wrap;
}

/* html.no-js: sem lista (que depende de localStorage), mostra só o convite */
html.no-js [data-requer-js="cotacao-lista"] { display: none; }
html.no-js .cotacao-noscript-aviso { display: block; }
.cotacao-noscript-aviso { display: none; padding: 16px 18px; background: var(--warning-bg); color: var(--warning-ink); font-size: .88rem; margin-bottom: 20px; }

/* ---------- Confirmação ---------- */
.confirmacao-box { max-width: 60ch; text-align: center; margin: 0 auto; }
.confirmacao-protocolo {
  display: inline-block;
  margin: 18px 0 26px;
  padding: 10px 20px;
  background: var(--paper-2);
  border: 1px solid var(--line-on-paper);
  font-family: var(--font-body);
  font-size: 1.05rem;
  color: var(--ink);
  letter-spacing: .02em;
}

/* ---------- Contato direto (card "Fale direto" de /contato/) ---------- */
.contato-pessoa {
  display: flex;
  flex-direction: column;
  gap: 2px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-soft);
  font-family: var(--font-body);
}
.contato-pessoa b { font-size: 1.08rem; font-weight: 600; color: var(--fg); }
.contato-pessoa span { font-size: .9rem; color: var(--fg-2); }
.contato-pessoa a { margin-top: 6px; font-size: 1.1rem; font-weight: 600; }

/* O card "Fale direto" não tinha estilo no BR (rótulo e link saíam colados). */
.contact-side h4 { margin-bottom: 18px; }
.contact-side .row { display: flex; flex-direction: column; gap: 4px; margin-bottom: 16px; font-size: .92rem; }
.contact-side .row b {
  font-family: var(--font-label);
  font-size: .68rem;
  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--fg-3);
}