button[disabled] {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

.roles-container > div {
    padding: 5px;
}

.rol-item {
    background-color: #e8f0fe;
    color: #1a73e8;
    border-radius: 8px;
    padding: 10px;
    border: 1px solid #c6dafc;
    display: flex;
    flex-direction: column;
    align-items: stretch; /* igual que antes */
    justify-content: space-between;
    text-align: center;
    height: 100%;
    width: 100%;
}

.tag-rol .remove-tag {
    margin-left: 8px;
    cursor: pointer;
    font-weight: bold;
}

#rolesSeleccionados > .col-6,
#rolesSeleccionados > .col-md-3 {
    display: flex;
}

.buttons-excel {
    display: none !important;
}