/* Utilitarios que complementan Tailwind */

/* Tarjeta */
.card{
  background:#fff; border:1px solid #eaeaea;
  border-radius: 0.75rem; box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* Paso numerado */
.badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:2rem; width:2rem; border-radius:9999px;
  background:var(--brand-200); color:var(--brand-900); font-weight:700;
}

/* Botones coherentes */
.btn{
  display:inline-flex; align-items:center; gap:.5rem;
  padding:.75rem 1.25rem; border-radius:9999px;
  font-weight:700; transition:filter .15s ease, opacity .15s ease, background .15s ease;
  border:1px solid transparent;
}
.btn--primary{ background:#29483A; color:#fff; border-color:#29483A; }
.btn--primary:hover{ filter:brightness(0.95); }

.btn--ghost{ background:#fff; color:#0f172a; border-color:#e5e7eb; }
.btn--ghost:hover{ background:#f9fafb; }

.btn--outline{ background:#fff; color:#29483A; border-color:#29483A; }
.btn--outline:hover{ background:rgba(215,246,119,0.4); }

.btn--white{ background:#fff; color:#29483A; border-color:#fff; }
.btn--white:hover{ background:#D7F677; }