.company-official-color {
    color: #ec6b00;
}

.company-official-background-color-active {
    background-color: #ec6b00;
}

.btn-primary {
    /* background-color: #ec6b00; Color de fondo del botón primario */
    /* border-color: #ec6b00;  Color del borde del botón primario */
    /* color: #ffffff;Color del texto del botón primario */
    --bs-btn-color: #fff; /* Color del texto del botón */
    --bs-btn-bg: #ec6b00; /* Color de fondo del botón */
    --bs-btn-border-color: #ec6b00; /* Color del borde del botón */
    --bs-btn-hover-color: #fff; /* Color del texto en hover */
    --bs-btn-hover-bg: #d55a00; /* Color de fondo en hover */
    --bs-btn-hover-border-color: #d55a00; /* Color del borde en hover */
    --bs-btn-focus-shadow-rgb: 236, 107, 0; /* Sombra del enfoque en RGB */
    --bs-btn-active-color: #fff; /* Color del texto cuando está activo */
    --bs-btn-active-bg: #d55a00; /* Color de fondo cuando está activo */
    --bs-btn-active-border-color: #b44d00; /* Color del borde cuando está activo */
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); /* Sombra cuando está activo */
    --bs-btn-disabled-color: #fff; /* Color del texto cuando está deshabilitado */
    --bs-btn-disabled-bg: #ec6b00; /* Color de fondo cuando está deshabilitado */
    --bs-btn-disabled-border-color: #ec6b00; /* Color del borde cuando está deshabilitado */
}

.btn-primary:hover {
    background-color: #d55a00; /* Color de fondo del botón primario en hover */
    border-color: #d55a00; /* Color del borde del botón primario en hover */
}

.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(236, 107, 0, 0.5); /* Sombra del enfoque para el botón primario */
}