/* ==========================================================================
   Results Grid
   ========================================================================== */

.pf-redes-search__results {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    transition: opacity 0.4s ease-out;
}
.pf-redes-search__results.loading {
    opacity: 0.5;
}

.pf-redes-search__results .pf-redes-obra-card {
    flex: 0 1 calc(14.2857% - 10px); /* 7 columns */
    min-width: 0;
}

@media (max-width: 1300px) {
    .pf-redes-search__results .pf-redes-obra-card { flex-basis: calc(16.6666% - 10px); } /* 6 cols */
}
@media (max-width: 1100px) {
    .pf-redes-search__results .pf-redes-obra-card { flex-basis: calc(20% - 10px); } /* 5 cols */
}
@media (max-width: 900px) {
    .pf-redes-search__results .pf-redes-obra-card { flex-basis: calc(25% - 10px); } /* 4 cols */
}
@media (max-width: 700px) {
    .pf-redes-search__results .pf-redes-obra-card { flex-basis: calc(33.333% - 10px); } /* 3 cols */
}
@media (max-width: 450px) {
    .pf-redes-search__results .pf-redes-obra-card { flex-basis: calc(50% - 10px); } /* 2 cols */
}

.pf-redes-search__results--grid {
    /* legacy class kept for compatibility */
}

.pf-redes-search__results--list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.pf-redes-search__results--list .pf-redes-obra-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
}

.pf-redes-search__results--list .pf-redes-obra-card__image-wrap {
    flex: 0 0 120px;
}

.pf-redes-search__results--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 3rem 1rem;
    font-size: 0.9375rem;
    color: #888;
}

/* Pagination container (parent) */
.pf-redes-search__pagination {
    margin-top: 24px;
    display: flex;
    justify-content: center;
    padding: 12px 0;
}

/* Inner nav */
.pf-redes-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    flex-wrap: wrap;
}

/* Page buttons */
.pf-redes-pagination__btn {
    min-width: 36px;
    height: 36px;
    border: 1px solid #d0d0d0;
    background: #fff;
    color: #171723;
    font-size: 13px;
    cursor: pointer;
    transition: all 0.15s;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
}
.pf-redes-pagination__btn:hover {
    background: #f0f0f0;
}
.pf-redes-pagination__btn--active {
    background: #C91517 !important;
    color: #fff !important;
    border-color: #C91517 !important;
}
.pf-redes-pagination__dots {
    padding: 0 6px;
    color: #909090;
    font-size: 14px;
}