/* Acabado de botones aprobado por Daniel: contorno blanco, costura y volumen suave. */
:root :is(.btn,.button,.exp-button),:root .kit-app .btn{position:relative;border:3px solid #fffdf7;border-radius:20px;min-height:48px;box-shadow:0 5px 0 #8c665a2b,0 8px 18px #3049440a;text-decoration:none;isolation:isolate;transition:transform .15s,box-shadow .15s}
:root :is(.btn,.button,.exp-button)::after,:root .kit-app .btn::after{content:'';position:absolute;inset:4px;border:1px dashed #fffaf2bb;border-radius:13px;pointer-events:none}
:root :is(.btn.primary,.button.primary,.exp-button.coral),:root .kit-app .btn.primary{background:linear-gradient(#eba088,#E28A6C);color:#3d304a}
:root :is(.btn.secondary,.exp-button.teal){background:linear-gradient(#83c5c3,#58AFAF);color:#3d304a;border-color:#fffdf7}
:root .btn.warm{background:linear-gradient(#f5d77e,#EBBE3D);color:#3d304a}
:root .btn.text{background:#e8e1f0;color:#3d304a}
:root :is(.btn,.button,.exp-button):hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 0 #8c665a25,0 10px 22px #30494410}
:root :is(.btn,.button,.exp-button):active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #8c665a2b}
:root :is(.round-button,.icon-button,.player-play,.sample-play),.utility-actions>button{position:relative;border:2px solid #fffdf7;border-radius:50%;box-shadow:0 3px 0 #8c665a22;isolation:isolate}
:root :is(.round-button,.icon-button){background:#eee7f4;color:#3d304a}
:root :is(.round-button,.icon-button,.player-play,.sample-play)::after,.utility-actions>button::after{content:'';position:absolute;inset:3px;border:1px dashed #fffaf2c9;border-radius:inherit;pointer-events:none}
:root :is(.btn,.button,.exp-button,.icon-button,.round-button,.sample-play):focus-visible{outline:3px solid #5b4281;outline-offset:4px}
@media(prefers-reduced-motion:reduce){:root :is(.btn,.button,.exp-button){transition:none}}