.bg-grey {
    background-color: #808080 !important; 
}

.bg-light-grey {
    background-color: #F5F5F5 !important;
}

.bg-orange {
    background-color: #fd7e14 !important;
}

.bg-light-orange {
    background-color: #ffe5d9;
}

.bg-pink {
    background-color: #e075a3 !important;
}

.btn-pink {
    --bs-btn-color: #ffffff;
    --bs-btn-bg: #e075a3;
    --bs-btn-border-color: #e075a3;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-hover-bg: #d63384;
    --bs-btn-hover-border-color: #d63384;
    --bs-btn-focus-shadow-rgb: 0, 134, 210;
    --bs-btn-active-color: #ffffff;
    --bs-btn-active-bg: #33b1f9;
    --bs-btn-active-border-color: #1aa8f8;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #ffffff;
    --bs-btn-disabled-bg: #f3badc;
    --bs-btn-disabled-border-color: #f3badc;
}

.btn.btn-primary {
    color: var(--bs-primary-inverse);
    border-color: var(--bs-primary);
    background-color: var(--bs-primary);
}

.btn.btn-pink i,
.btn.btn-pink .svg-icon {
    color: var(--bs-primary-inverse);
}

@media (min-width: 1880px) {
    .col-xxxl-1 {
        flex: 0 0 8.33333%; /* 1 columna de 12 en un diseño de 12 columnas */
        max-width: 8.33333%;
    }
}