#expert-search-container { width: 100%; font-family: sans-serif; }

/* Filtros */
.expert-filters-bar {
    display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-end;
    background: #fff; padding: 20px; border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.05); margin-bottom: 40px;
}
.filter-group { flex: 1; min-width: 200px; display: flex; flex-direction: column; gap: 5px; }
.filter-group label { font-size: 12px; font-weight: bold; color: #14688a; text-transform: uppercase; }
.filter-group input, .filter-group select { height: 40px; border: 1px solid #ddd; border-radius: 5px; padding: 0 10px; }

#clear-filters { 
    height: 40px; padding: 0 20px; background: #14688a; color: #fff; 
    border: none; border-radius: 5px; cursor: pointer; font-weight: bold;
}

/* Grid de 4 Colunas com Flexbox */
.expert-flex-grid { display: flex; flex-wrap: wrap; margin: 0 -15px; }
.expert-col { flex: 0 0 25%; max-width: 25%; padding: 15px; box-sizing: border-box; }

.expert-card { text-align: center; position: relative; transition: 0.3s; padding: 10px; }
.expert-card:hover { transform: translateY(-5px); }

.expert-img-box {
    width: 180px; height: 180px; margin: 0 auto 15px;
    border-radius: 50%; border: 1px solid #14688a; padding: 5px; overflow: hidden;
}
.expert-img-box img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }

.expert-card h3 { font-size: 17px; color: #14688a; margin: 10px 0 5px; font-weight: 700; }
.expert-tag { font-size: 13px; color: #c8c8c8; font-weight: 600; text-transform: uppercase; }
.expert-click-area { position: absolute; inset: 0; z-index: 2; }

/* Paginação Minimalista */
.expert-pagination { display: flex; justify-content: center; align-items: center; gap: 5px; margin-top: 40px; }
.pagi-item { 
    background: none; border: none; color: #999; font-size: 16px; 
    font-weight: bold; cursor: pointer; padding: 8px 12px; transition: 0.2s;
}
.pagi-item.active { color: #14688a; }
.pagi-item.nav-arrow { color: #14688a; font-size: 20px; }
.pagi-item:disabled { color: #eee; cursor: not-allowed; }

/* Responsividade */
@media (max-width: 1024px) { .expert-col { flex: 0 0 50%; max-width: 50%; } }
@media (max-width: 600px) { 
    .expert-col { flex: 0 0 100%; max-width: 100%; }
    .expert-filters-bar { flex-direction: column; align-items: stretch; }
}

.custom-spinner {
    width: 30px; height: 30px; border: 3px solid #f3f3f3;
    border-top: 3px solid #14688a; border-radius: 50%;
    animation: spin 1s linear infinite; margin: 0 auto;
}
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }