/* ============================================
   CSS: buttons.css — Olemurcia
   Componente: Botones generales
   ============================================ */

    /* ---------- Botones (igual que panel) ---------- */

    .btn{

        border:1px solid var(--borde);

        background:var(--superficie-2);

        color:var(--texto);

        border-radius:10px;

        padding:10px 18px;

        font-size:14px;

        cursor:pointer;

        transition:.15s;

    }

    .btn:hover:not(:disabled){

        background:rgba(255,255,255,.12);

    }

    .btn:disabled{

        opacity:.4;

        cursor:not-allowed;

    }

    .btn.principal{

        background:linear-gradient(135deg, var(--violeta), var(--cian));

        border:none;

        font-weight:600;

    }

    .btn.rojo{

        background:rgba(239,68,68,.15);

        border-color:rgba(239,68,68,.3);

        color:#ff9b9b;

    }

    .btn.ancho{

        display:block;

        width:100%;

        margin-top:14px;

        box-sizing:border-box;

    }