/* Definir colores base personalizados */
:root {
    --btn-primary-bg: #17a2b8 !important;
    --btn-primary-border: #17a2b8 !important;
    --btn-primary-hover-bg: #1789a3 !important;
    --btn-primary-hover-border: #196e85 !important;
    --btn-primary-text: #eefcfd !important;

    --btn-secondary-bg: #196e85 !important;
    --btn-secondary-border: #196e85 !important;
    --btn-secondary-hover-bg: #1d5b6d !important;
    --btn-secondary-hover-border: #1d4c5c !important;
    --btn-secondary-text: #eefcfd !important;

    --btn-success-bg: #198754 !important;
    --btn-danger-bg: #dc3545 !important;
    --btn-warning-bg: #ffc107 !important;
    --btn-info-bg: #0dcaf0 !important;
    --btn-light-bg: #f8f9fa !important;
    --btn-dark-bg: #212529 !important;

    --btn-success-border: #146c43 !important;
    --btn-danger-border: #bb2d3b !important;
    --btn-warning-border: #ffca2c !important;
    --btn-info-border: #3dd5f3 !important;
    --btn-light-border: #cbd3da !important;
    --btn-dark-border: #1d2124 !important;
    
    --btn-primary-text: #FFFFFF !important;
    --btn-secondary-text: #FFFFFF !important;
    --btn-success-text: #FFFFFF !important;
    --btn-danger-text: #FFFFFF !important;
    --btn-warning-text: #000000 !important;
    --btn-info-text: #FFFFFF !important;
    --btn-light-text: #000000 !important;
    --btn-dark-text: #FFFFFF !important;
    
    --btn-outline-text: #212529 !important; 
}

.btn {
    margin-bottom: 2px;
}

/* Botones primary personalizados */
.btn-primary {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-primary:hover {
    background-color: var(--btn-primary-hover-bg) !important;
    border-color: var(--btn-primary-hover-border) !important;
    color: var(--btn-primary-text) !important;
}

/* Botones secondary personalizados */
.btn-secondary {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-secondary:hover {
    background-color: var(--btn-secondary-hover-bg) !important;
    border-color: var(--btn-secondary-hover-border) !important;
    color: var(--btn-secondary-text) !important;
}





/* Hover combinations for btn-light */
.btn-light.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-light.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-light.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-light.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-light.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-light.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-light.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-light.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-light.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-light.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-light.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-light.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-light.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-light.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}




/* Hover combinations for btn-primary */
.btn-primary.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-primary.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-primary.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-primary.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-primary.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-primary.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-primary.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-primary.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-primary.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-primary.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-primary.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-primary.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-primary.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-primary.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-primary.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-primary.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}

/* Hover combinations for btn-secondary */
.btn-secondary.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-secondary.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-secondary.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-secondary.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-secondary.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-secondary.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-secondary.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-secondary.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-secondary.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-secondary.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-secondary.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-secondary.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-secondary.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-secondary.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-secondary.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-secondary.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}



/* Hover combinations for btn-success */
.btn-success.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-success.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-success.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-success.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-success.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-success.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-success.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-success.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-success.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-success.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-success.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-success.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-success.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-success.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-success.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-success.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}



/* Hover combinations for btn-danger */
.btn-danger.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-danger.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-danger.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-danger.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-danger.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-danger.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-danger.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-danger.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-danger.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-danger.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-danger.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-danger.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-danger.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-danger.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-danger.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-danger.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}


/* Hover combinations for btn-warning */
.btn-warning.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-warning.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-warning.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-warning.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-warning.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-warning.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-warning.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-warning.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-warning.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-warning.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-warning.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-warning.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-warning.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-warning.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-warning.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-warning.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}


/* Hover combinations for btn-info */
.btn-info.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-info.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-info.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-info.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-info.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-info.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-info.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-info.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-info.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-info.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-info.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-info.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-info.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-info.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-info.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-info.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}


/* Hover combinations for btn-dark */
.btn-dark.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-dark.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-dark.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

.btn-dark.hover-btn-success:hover {
    background-color: var(--btn-success-bg) !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-text) !important;
}

.btn-dark.hover-btn-danger:hover {
    background-color: var(--btn-danger-bg) !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-text) !important;
}

.btn-dark.hover-btn-warning:hover {
    background-color: var(--btn-warning-bg) !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-text) !important;
}

.btn-dark.hover-btn-info:hover {
    background-color: var(--btn-info-bg) !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-text) !important;
}

.btn-dark.hover-btn-dark:hover {
    background-color: var(--btn-dark-bg) !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-text) !important;
}

/* Outline combinations */
.btn-dark.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-dark.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-bg) !important;
}

.btn-dark.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-bg) !important;
}

.btn-dark.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-success-border) !important;
    color: var(--btn-success-bg) !important;
}

.btn-dark.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-danger-border) !important;
    color: var(--btn-danger-bg) !important;
}

.btn-dark.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-warning-border) !important;
    color: var(--btn-warning-bg) !important;
}

.btn-dark.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-info-border) !important;
    color: var(--btn-info-bg) !important;
}

.btn-dark.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border-color: var(--btn-dark-border) !important;
    color: var(--btn-dark-bg) !important;
}


/* Estilos base para btn-link con paddings, border y efectos por defecto */
.btn-link {
    background-color: transparent !important;
    border: 1px solid transparent !important;
    color: var(--btn-link-color, inherit) !important;
    text-transform: none !important; /* Eliminar text-transform */
    text-decoration: none !important; /* Sin subrayado por defecto */
    padding: 0.375rem 0.75rem !important; /* Mantener padding como un botón normal */
    border-radius: 0.25rem !important; /* Mantener bordes redondeados */
    display: inline-block !important; /* Asegurar que se comporte como un botón */
}

.btn-link:hover {
    text-decoration: none !important; /* Sin subrayado en hover */
    color: var(--btn-link-hover-color, var(--primary)) !important;
    background-color: var(--btn-hover-bg, rgba(0,0,0,0.075)) !important; /* Fondo sutil como en un botón normal */
    border-color: transparent !important; /* No borde en hover */
}

/* Hover combinations for btn-link */
.btn-link.hover-btn-light:hover {
    background-color: var(--btn-light-bg) !important;
    border-color: var(--btn-light-border) !important;
    color: var(--btn-light-text) !important;
}

.btn-link.hover-btn-primary:hover {
    background-color: var(--btn-primary-bg) !important;
    border-color: var(--btn-primary-border) !important;
    color: var(--btn-primary-text) !important;
}

.btn-link.hover-btn-secondary:hover {
    background-color: var(--btn-secondary-bg) !important;
    border-color: var(--btn-secondary-border) !important;
    color: var(--btn-secondary-text) !important;
}

/* Outline combinations with forced border and border-radius */
.btn-link.hover-btn-light-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-light-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-light-text) !important;
}

.btn-link.hover-btn-primary-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-primary-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-primary-bg) !important;
}

.btn-link.hover-btn-secondary-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-secondary-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-secondary-bg) !important;
}

.btn-link.hover-btn-success-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-success-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-success-bg) !important;
}

.btn-link.hover-btn-danger-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-danger-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-danger-bg) !important;
}

.btn-link.hover-btn-warning-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-warning-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-warning-bg) !important;
}

.btn-link.hover-btn-info-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-info-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-info-bg) !important;
}

.btn-link.hover-btn-dark-outline:hover {
    background-color: transparent !important;
    border: 1px solid var(--btn-dark-border) !important; /* Forzar border */
    border-radius: 0.25rem !important; /* Forzar border-radius */
    color: var(--btn-dark-bg) !important;
}