.btn.bg-primary-custom {
    font-weight: bold;
    border: 1px solid var(--text);
}

.btn.bg-primary-custom:hover {
    background-color: var(--card);
}

.btn.bg-primary-custom.active {
    background-color: var(--card);
}

.col-buttons-category {
    display: flex;
    justify-content: center;
}

/* COLUMNA IMAGEN */
div.col-img {
    border: 5px solid transparent;
    height: 250px;
    overflow: hidden;
    justify-content: center;
    display: flex;
    box-sizing: border-box;
    border-radius: 10px;
    transition: all 0.3s ease;
    position: relative;
}

div.col-img img {
    height: 100%;
    cursor: pointer;
}

div.col-img:hover {
    transform: scale(1.05);
}
/* END COLUMNA IMAGEN */

/* MODAL */
#modalGallery {
    max-width: 100%;
}

#modalGallery .carousel {
    overflow-x: hidden;
    overflow-y: hidden;
}

#modalGallery .carousel-item img {
    width: 100%;
    height: auto;
}

#modalGallery .modal-body {
    padding: 0;
}

#modalGallery .modal-content {
    background-color: var(--primary) !important;
    border: none;
}

#modalGallery .modal-header, #modalGallery .modal-footer {
    background-color: var(--primary);
}

#modalGallery .imgTitle {
    text-align: left;
    width: fit-content;
    color: var(--text);
    font-weight: bold;
}

#modalGallery .modal-footer .readMoreBtn {
    background-color: var(--text);
    color: var(--primary);
}
/* END MODAL */

.col-buttons-category span.select2 {
    width: 90% !important;
}

.col-buttons-category span.select2 span.select2-selection {
    background: rgb(252, 247, 213);
    border-color: var(--text);
}

.col-buttons-category span.select2 span.select2-selection span.select2-selection__rendered {
    color: var(--text);
    font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow  b {
    border-color: var(--text) transparent transparent transparent;
}


.select2-search__field {
    outline: unset;
    border-radius: .5em;
}

ul.select2-results__options li.select2-results__option {
    color: var(--text);
    font-weight: bold;
}

ul.select2-results__options li.select2-results__option.select2-results__option--selectable.select2-results__option--highlighted {
    background-color: #faf2bc;
    color: var(--text);
}


ul.select2-results__options li.select2-results__option.select2-results__option--selectable.select2-results__option--selected {
    background-color: #f7e98d;
}