/* ════════════════════════════════════════════════════════════════════════════
   MEI Copiloto · Shared design tokens + base reset.

   The default brand is the Esteticistas rose/cacao/cream palette
   (used by both `pastel.css` and `voz.css`). The Institucional landing
   ships a different palette (blue/maroon) and overrides this :root from
   `institucional.css`.
   ════════════════════════════════════════════════════════════════════════════ */

*, *::before, *::after { box-sizing: border-box }
html { scroll-behavior: smooth }

:root {
  /* ── Default palette (Esteticistas brand) ── */
  --rose:        #EFA9BA;
  --rose-deep:   #C97287;
  --rose-pale:   #F8DDE3;
  --pistache:    #C9DCA0;
  --pistache-d:  #94B468;
  --cacao:       #1F1714;
  --cacao-soft:  #2C2520;
  --cream:       #FBF6F1;
  --cream-2:     #F4ECE2;
  --grey:        #6B6258;
  --line:        #E2D2C5;

  /* ── Type (shared across all brands) ── */
  --font-display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;
  --font-italic:  "Instrument Serif", "Times New Roman", serif;
  --font-body:    "Geist", ui-sans-serif, system-ui, sans-serif;
  --font-mono:    "JetBrains Mono", ui-monospace, monospace;
}

html, body { margin: 0; background: var(--cream); color: var(--cacao); font-family: var(--font-body); -webkit-font-smoothing: antialiased; text-wrap: pretty }
body { font-size: 16px; line-height: 1.55 }
a { color: inherit; text-decoration: none }
img { max-width: 100%; display: block }

.wrap { width: min(1240px, 75vw); margin: 0 auto }
.dot  { color: var(--rose-deep) }

/* ── CNPJ lookup hint (form input feedback) ── */
.cnpj-hint {
  display: block;
  font-size: 12px;
  margin-top: 4px;
  min-height: 16px;
  opacity: 0.7;
}

/* ── Form error feedback (shared between both landing forms) ── */
.form-error {
  display: none;
  padding: 10px 14px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 8px;
}