/* ---------- 3. Botón base (Button: cápsula 48 px, Label/Action) ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;height:3rem;padding:0 1.5rem;
  border:1px solid var(--pn-color-border);border-radius:var(--pn-layout-pill);background:var(--pn-gradient-control);
  color:var(--pn-color-white);font:500 1.125rem/1.5rem var(--font-sans);cursor:pointer;white-space:nowrap;
  transition:border-color .15s, box-shadow .15s;}
.btn:hover{border-color:var(--pn-color-focus);color:var(--pn-color-white);}
.btn:active{opacity:.8;}
.btn:focus-visible{outline:none;border:2px solid var(--pn-color-focus);}
.btn.primary{background:var(--pn-gradient-primary);box-shadow:var(--pn-glow-focus);}
.btn.danger-outline{border-color:var(--pn-color-danger);color:var(--pn-color-danger);}
.btn.danger-outline:hover{border-color:var(--pn-color-danger);color:var(--pn-color-white);}
.btn:disabled{opacity:.4;cursor:default;}
.btn:disabled:hover{border-color:var(--pn-color-border);}