/* ==========================================================
   BOTONES HABECU (versión unificada con HABECU-theme.css)
   ========================================================== */

/* ---- Base común ---- */
.btn-HABECU {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    vertical-align: middle;
    padding: 0 16px;
    height: 34px;
    min-width: 100px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    user-select: none;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}

    .btn-HABECU i {
        font-size: 15px;
        line-height: 1;
    }

    .btn-HABECU:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

/* ---- Variante: icono a la derecha ---- */
.btn-HABECU--reverse {
    flex-direction: row-reverse;
}

    .btn-HABECU--reverse i {
        transition: transform 0.25s ease;
    }

    .btn-HABECU--reverse:hover i {
        transform: translateX(4px);
    }

/* ==========================================================
   COLORES CORPORATIVOS (alineados con HABECU-theme.css)
   ========================================================== */

/* ---- Verde (Aceptar / Guardar) ---- */
.btn-HABECU--ok {
    background: linear-gradient(to bottom, #29a329, #0f6e0f);
    border-color: #0d5a0d;
    color: #fff;
}

    .btn-HABECU--ok:hover {
        background: linear-gradient(to bottom, #2fba2f, #0d5a0d);
    }

/* ---- Rojo (Eliminar / Borrar / Cancelar crítico) ---- */
.btn-HABECU--danger {
    background: linear-gradient(to bottom, #d64545, #a63131);
    border-color: #932828;
    color: #fff;
}

    .btn-HABECU--danger:hover {
        background: linear-gradient(to bottom, #e24e4e, #b63535);
    }

/* ---- Gris (Cancelar / Volver) ---- */
.btn-HABECU--cancel {
    background: linear-gradient(to bottom, #c2c2c2, #9d9d9d);
    border-color: #888;
    color: #333;
}

    .btn-HABECU--cancel:hover {
        background: linear-gradient(to bottom, #d2d2d2, #aaaaaa);
    }

/* ---- Azul (Información / Ver / Descargar) ---- */
.btn-HABECU--info {
    background: linear-gradient(to bottom, #2b7ca3, #1a506b);
    border-color: #16425b;
    color: #fff;
}

    .btn-HABECU--info:hover {
        background: linear-gradient(to bottom, #338eb8, #1b5874);
    }

/* ---- Amarillo (Advertencia / Pendiente) ---- */
.btn-HABECU--warn {
    background: linear-gradient(to bottom, #f7c04a, #c99207);
    border-color: #b37e06;
    color: #333;
}

    .btn-HABECU--warn:hover {
        background: linear-gradient(to bottom, #ffd35c, #d6a10a);
    }

/* ---- Neutro (Botón secundario o gris claro) ---- */
.btn-HABECU--neutral {
    background: linear-gradient(to bottom, #e4e4e4, #cfcfcf);
    border-color: #b9b9b9;
    color: #333;
}

    .btn-HABECU--neutral:hover {
        background: linear-gradient(to bottom, #f2f2f2, #dcdcdc);
    }

/* ---- Reverso (botón claro con borde verde) ---- */
.btn-HABECU--reverse {
    background: #fff;
    color: #155815;
    border: 1px solid #155815;
}

    .btn-HABECU--reverse:hover {
        background: #f3faf3;
    }