:root {
    --bs-24-primary: #74343F; /* guinda*/
    --bs-24-tertiary: #C6A077; /* dorado*/
    --bs-24-bg-tertiary: #F7F6F4; /* fondo beige */
}

.bg-1 {
    background-color: var(--bs-24-primary);
    color: white;
}

.border-1 {
    border-color: var(--bs-24-primary);
}

.bg-2 {
    background-color: var(--bs-gray-800); /* gris con letra blanca */
    color: white;
}

.bg-3 {
    background-color: var(--bs-24-tertiary); /* beige y letra gris */
    color: var(--bs-gray-800);
}

.bg-light-2 {
    background-color: var(--bs-gray-100); /* gris */
}

.bg-light-3 {
    background-color: var(--bs-24-bg-tertiary); /* beige */
}

.text-1 {
    color: var(--bs-24-primary);
}

.text-2 {
    color: var(--bs-gray-800);
}

.text-3 {
    color: var(--bs-24-tertiary);
}

.text-gray {
    color: var(--bs-gray-700);
}

.popup-header-danger {
    color: red;
    font-weight: bold;
}

.grid-header {
    background-color: var(--bs-gray-300);
    border: 1px solid var(--bs-gray-500);
}

.dxbs-fixed-header-content > a {
    color: var(--bs-gray-700);
}

    .dxbs-fixed-header-content > a:hover {
        color: black;
    }

.dxbs-button {
    /*font-size: smaller;*/
}