/* Botón morado sólido */
.btn-purple {
    background-color: #8F3F98;
    color: white;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.btn-purple:hover {
    background-color: #752d7e;
    color: white;
}

/* Botón gris secundario */
.btn-gray {
    background-color: gray;
    color: white;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.btn-gray:hover {
    background-color: darkgrey;
    color: white;
}

/* Botón morado outline */
.btn-outline-purple {
    color: #8F3F98;
    border: 1px solid #8F3F98;
    transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}

.btn-outline-purple:hover {
    background-color: #8F3F98;
    color: white;
}

.icon-btn-gray {
    color: black;
    transition: color 0.2s ease-in-out;;
}

.icon-btn-gray:hover {
    color: #404040;
}

/* Fondo personalizado */
.bg-tb-red {
    background-color: #EF4539;
}

.bg-tb-orange {
    background-color: #F8981C;
}

.bg-tb-green {
    background-color: #51AE44;
}

.bg-tb-blue {
    background-color: #3A8BCC;
}

.bg-tb-purple {
    background-color: #8F3F98;
}

.bg-tb-gray {
    background-color: #b5b5b5;
}

.bg-tb-black {
    background-color: #212529;
}

.nav-tabs .nav-link {
  color: #8F3F98;
}

.nav-tabs .nav-link.active {
  color: black;
}