.main-content {
    background-color: #ffffff;
    margin-bottom: 40px;
}

/* Contenedor de búsqueda */
.search-container {
    background-color: #ffffff !important;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
    background: #fff;
}

.search-container .row {
    margin: 0;
    background: #fff;
}

.search-container .col-md-6 {
    padding: 0 10px;
}

.search-container .h-100 {
    height: 100%;
}

/* Botones de filtro */
.filter-button {
    border: none;
    border-radius: 4px;
    padding: 0.4rem 1rem;
    transition: all 0.2s;
    font-size: 0.875rem;
    height: 31px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
}

.filter-button-yellow {
    background: #ffc107;
    color: #000;
}

.filter-button-yellow:hover {
    background: #ffca2c;
}

.filter-button-dark {
    background: #212529;
    color: #fff;
}

.filter-button-dark:hover {
    background: #343a40;
    color: #fff;
}

/* Badge de filtros activos */
#activeFiltersCount {
    font-size: 0.75rem;
    padding: 0.25em 0.5em;
}

/* Campos de formulario */
.form-control-sm, .form-select-sm {
    height: 31px;
    font-size: 0.875rem;
}

/* Labels */
.form-label.small {
    color: #6c757d;
    margin-bottom: 0.25rem;
}

/* Modal de filtros */
#filterModal {
    z-index: 9999;
}

.modal-backdrop {
    z-index: 9998;
}