.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e-2);border-radius:var(--r-control);padding:var(--e-2) var(--e-4);min-height:var(--control-alto);font-size:var(--t-base);font-weight:600;line-height:1.2;cursor:pointer;border:1px solid transparent;transition:background-color var(--mov-rapido),border-color var(--mov-rapido),color var(--mov-rapido)}.btn svg{width:16px;height:16px;flex:0 0 auto}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible{outline:var(--foco-grosor) solid var(--foco);outline-offset:var(--foco-sep)}.btn-primario{background:var(--marca);border-color:var(--marca);color:var(--on-marca)}.btn-primario:hover:not(:disabled){background:var(--marca-ink);border-color:var(--marca-ink)}.btn-secundario{background:var(--panel);border-color:var(--borde);color:var(--ink)}.btn-secundario:hover:not(:disabled){background:var(--panel-2)}.btn-peligro{background:var(--panel);border-color:var(--danger);color:var(--danger)}.btn-peligro:hover:not(:disabled){background:var(--danger-soft)}.btn-plano{background:none;color:var(--ink-2);padding-inline:var(--e-2)}.btn-plano:hover:not(:disabled){color:var(--ink);background:var(--panel-2)}.btn:active:not(:disabled){transform:translateY(1px)}.btn-spinner{width:13px;height:13px;border-radius:var(--r-pill);border:2px solid;border-right:2px solid transparent;animation:btn-giro .7s linear infinite}@keyframes btn-giro{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:active:not(:disabled){transform:none}}