/* ============================================================
   SISTEMA ÚNICO DE BOTONES  (ver docs/04-SISTEMA-VISUAL.md §4)
   Limpieza 13 jul: solo quedan los estilos EN USO (primary + block,
   del acceso). Los pies de página usan las píldoras reg-foot.
   Uso: <button class="btn btn--primary">  ·  modificador: .btn--block
   ============================================================ */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  font-family:var(--font-sans); font-size:11px; letter-spacing:.2em;
  text-transform:uppercase; font-weight:600;
  padding:16px 22px; min-height:46px;                 /* táctil ≥44px */
  border:1px solid transparent; border-radius:var(--radius);
  cursor:pointer; position:relative; overflow:hidden;
  transition:transform .22s, box-shadow .22s, background .22s, color .22s;
}
.btn--block{ width:100%; }

/* 1 · Primario — navy + barrido de luz (skewX) */
.btn--primary{
  background:linear-gradient(180deg,#1C2C42 0%, var(--navy) 60%, #0a131f 100%);
  color:var(--cream); border-color:var(--gold-deep);
  box-shadow:0 16px 30px -18px rgba(0,0,0,.85), inset 0 1px 0 rgba(201,169,104,.22);
}
.btn--primary::before{
  content:""; position:absolute; top:0; left:-120%; width:55%; height:100%;
  background:linear-gradient(100deg,transparent,rgba(201,169,104,.22),transparent);
  transform:skewX(-18deg); transition:left .55s ease;
}
.btn--primary:hover{ transform:translateY(-1px); }
.btn--primary:hover::before{ left:135%; }

.btn:disabled{ opacity:.4; cursor:not-allowed; }
.btn:disabled:hover{ transform:none; }
.btn--primary:disabled::before{ display:none; }

@media(prefers-reduced-motion:reduce){
  .btn,.btn::before{ transition:none !important; }
}