/* ------------------------------ Botões ------------------------------ */
.btn{
  --b-bg:var(--bg-soft);--b-fg:var(--fg);--b-bd:transparent;
  display:inline-flex;align-items:center;justify-content:center;gap:.55em;
  min-height:44px;padding:.7em 1.25em;border-radius:var(--r-pill);
  background:var(--b-bg);color:var(--b-fg);border:1px solid var(--b-bd);
  font-family:var(--f-body);font-weight:600;font-size:var(--t-sm);line-height:1.1;white-space:nowrap;
  transition:transform var(--dur-fast) var(--ease-out),background var(--dur-fast),box-shadow var(--dur-base) var(--ease-out),border-color var(--dur-fast),color var(--dur-fast);
  will-change:transform;
}
.btn:active{transform:scale(.97)}
.btn svg{flex:none;transition:transform var(--dur-base) var(--ease-out)}
.btn:hover svg{transform:translateX(3px)}
.btn--sm{min-height:40px;padding:.55em 1em;font-size:var(--t-xs)}
.btn--lg{min-height:52px;padding:.9em 1.6em;font-size:var(--t-base)}
.btn--block{width:100%}
.btn--primary{--b-bg:var(--ink-900);--b-fg:#fff}
.btn--primary:hover{--b-bg:var(--rag-blue)}
.is-dark .btn--primary{--b-bg:var(--ink-000);--b-fg:var(--ink-1000)}
.btn--ghost{--b-bg:transparent;--b-bd:var(--line-strong)}
.btn--ghost:hover{--b-bd:var(--fg)}
.btn--line{--b-bg:transparent;--b-bd:var(--line-strong)}
.btn--line:hover{--b-bd:var(--fg)}
.btn--wa{--b-bg:var(--wa);--b-fg:#fff}
.btn--wa:hover{--b-bg:#17964a}
.btn--add{--b-bg:var(--accent-soft);--b-fg:var(--accent)}
.btn--add:hover{--b-bg:var(--accent);--b-fg:var(--accent-fg)}
.btn--add.is-in{--b-bg:var(--ok);--b-fg:#fff}

/* ------------------------------ Rótulos ------------------------------ */
.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-size:var(--t-xs);font-weight:500;color:var(--fg-muted);letter-spacing:.01em}
.eyebrow__pip{width:8px;height:8px;border-radius:50%;background:var(--rag-blue)}
.kicker{font-family:var(--f-mono);font-size:var(--t-2xs);text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:.7em}
.kicker::before{content:"";width:22px;height:1px;background:currentColor}
.tint{color:var(--rag-blue)}
.lead{font-size:var(--t-md);color:var(--fg-muted);max-width:36em;line-height:1.55}
.note{margin-top:1.4rem;font-size:var(--t-xs);color:var(--fg-muted)}
.ulink{background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;transition:background-size var(--dur-base) var(--ease-out)}
.ulink:hover{background-size:100% 1px}

.head{max-width:760px;margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}
.head--split{max-width:none;display:grid;grid-template-columns:1.25fr 1fr;gap:2rem 4rem;align-items:end}
.head__t{font-size:var(--t-2xl)}
.head__lead{margin-top:1.1rem;color:var(--fg-muted);font-size:var(--t-md);max-width:34em}
.head--split .head__lead{margin-top:0}
@media (max-width:860px){.head--split{grid-template-columns:1fr;gap:1rem}}

/* Status aberto/fechado */
.status{display:inline-flex;align-items:center;gap:.5em;font-size:var(--t-xs);color:var(--fg-muted);white-space:nowrap}
.status__dot{width:8px;height:8px;border-radius:50%;background:var(--fg-faint)}
.status.is-open .status__dot{background:#27c26a;box-shadow:0 0 0 0 rgba(39,194,106,.55);animation:pulse 2.2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(39,194,106,0)}100%{box-shadow:0 0 0 0 rgba(39,194,106,0)}}

/* Chips de filtro */
.chip{
  display:inline-flex;align-items:center;gap:.5em;min-height:40px;padding:.5em 1em;border-radius:var(--r-pill);
  border:1px solid var(--line-strong);font-size:var(--t-sm);font-weight:500;color:var(--fg-muted);white-space:nowrap;
  transition:background var(--dur-fast),color var(--dur-fast),border-color var(--dur-fast);
}
.chip span{font-size:var(--t-2xs);opacity:.7}
.chip:hover{color:var(--fg);border-color:var(--fg)}
.chip.is-on{background:var(--ink-900);border-color:var(--ink-900);color:#fff}

/* Tag sobre imagem */
.tag{
  position:absolute;left:12px;top:12px;z-index:2;
  font-size:var(--t-2xs);font-weight:600;letter-spacing:.02em;
  padding:.4em .75em;border-radius:var(--r-pill);background:rgba(255,255,255,.92);color:var(--ink-900);
  backdrop-filter:blur(6px);box-shadow:var(--shadow-sm);white-space:nowrap;
}
.tag--hot{background:var(--ink-900);color:#fff}
.tag--price{left:auto;right:12px;top:auto;bottom:12px;background:var(--ink-900);color:#fff;font-weight:500}
.tag--price b{font-weight:600;color:#fff;margin-left:.2em}

/* Especificações */
.specs{display:flex;flex-wrap:wrap;gap:.4rem}
.specs li{font-size:var(--t-2xs);padding:.3em .65em;border-radius:6px;background:var(--bg-soft);color:var(--fg-muted);border:1px solid var(--line);white-space:nowrap}

/* Formulário */
.field{display:grid;gap:.4rem;margin-bottom:1rem}
.field--2{grid-template-columns:1fr 1fr;gap:1rem}
.field--2>div{display:grid;gap:.4rem}
.field label{font-size:var(--t-xs);font-weight:600;color:var(--fg)}
.field label span{color:var(--accent)}
.field input,.field select,.field textarea{
  width:100%;min-height:48px;padding:.75em .95em;border-radius:var(--r-md);
  border:1px solid var(--line-strong);background:var(--bg);font-size:16px;
  transition:border-color var(--dur-fast),box-shadow var(--dur-fast);
}
.field textarea{resize:vertical;min-height:96px}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.field .is-bad{border-color:#d33b3b;box-shadow:0 0 0 4px rgba(211,59,59,.12)}
@media (max-width:520px){.field--2{grid-template-columns:1fr}}

/* Toast */
.toast{
  position:fixed;left:50%;bottom:92px;z-index:80;transform:translate(-50%,20px);opacity:0;pointer-events:none;
  background:var(--ink-900);color:#fff;font-size:var(--t-sm);padding:.7em 1.1em;border-radius:var(--r-pill);box-shadow:var(--shadow-lg);
  transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out);max-width:calc(100vw - 32px);text-align:center;
}
.toast.on{opacity:1;transform:translate(-50%,0)}
.head__lead--stack{display:grid;gap:.9em}