.ui-btn{cursor:pointer;font-family:var(--font-b);transition:background var(--t-fast,.12s), border-color var(--t-fast,.12s), box-shadow var(--t-base,.2s), transform var(--t-fast,.12s), opacity var(--t-fast,.12s);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:600;line-height:1;display:inline-flex}.ui-btn:active{transform:scale(.97)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.ui-btn--bloque{width:100%}.ui-btn--sm{padding:9px 12px;font-size:13px}.ui-btn--md{padding:13px 16px;font-size:14px}.ui-btn--lg{padding:16px;font-size:16px}.ui-btn--primario{background:var(--primary);color:var(--section-on,var(--black));box-shadow:0 2px 12px #22c55e33,0 1px 3px #0000001a}.ui-btn--primario:hover{box-shadow:0 4px 20px #22c55e4d,0 1px 4px #0000001f}.ui-btn--primario:active{background:var(--primary-d,var(--primary))}.ui-btn--secundario{color:var(--primary);border-color:var(--primary);background:0 0}.ui-btn--secundario:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.ui-btn--fantasma{color:var(--text2,var(--text));border-color:var(--border2,var(--border));background:0 0}.ui-btn--fantasma:hover{color:var(--text);border-color:var(--text3)}.ui-btn--peligro{color:var(--rojo,#ef4444);border-color:color-mix(in srgb, var(--rojo,#ef4444) 40%, transparent);background:0 0}.ui-btn--peligro:hover{background:color-mix(in srgb, var(--rojo,#ef4444) 10%, transparent)}