/* ================================================================
   assets/css/catalogo.css
   Listado de productos, filtros y paginación.
   (generado desde catalogo.php)
   ================================================================ */

/* ── catalog extras ──────────────────────────────────────────── */
.cat-search-bar{display:flex;gap:.75rem;align-items:center;margin-bottom:2.5rem;flex-wrap:wrap}
.cat-search-wrap{position:relative;flex:1;min-width:200px;display:flex;align-items:center;gap:.75rem;border:1px solid var(--line);border-radius:var(--r-pill);padding:.65rem 1.1rem;background:var(--bg-elev);transition:border-color .2s}
.cat-search-wrap:focus-within{border-color:var(--ink)}
.cat-search-wrap svg{color:var(--muted);flex-shrink:0}
.cat-search-input{flex:1;min-width:0;border:none;background:none;outline:none;font-size:.875rem;color:var(--ink)}
.cat-search-input::-webkit-search-cancel-button{cursor:pointer}
.cat-search-clear{color:var(--muted);font-size:.8rem;text-decoration:none;padding:.2rem .4rem;border-radius:var(--r-sm);transition:color .2s}.cat-search-clear:hover{color:var(--ink)}
.page-banner-sub{font-size:.9375rem;color:var(--muted);margin-top:.85rem}
.cuotas-info-box{background:var(--paper);border-radius:var(--r);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}
.cuota-row{display:flex;align-items:center;gap:.6rem}
.cuota-n{font-family:var(--ff-serif);font-size:1.5rem;font-weight:300;color:var(--ink);min-width:24px;text-align:center;letter-spacing:-.03em}
.cuota-label{font-size:.72rem;color:var(--muted);line-height:1.35}
.cuota-label small{font-size:.65rem;display:block;color:var(--muted-2)}
.cuota-highlight .cuota-n{color:var(--ink);font-weight:400}
.discount-info-box{background:var(--paper);border-radius:var(--r);padding:.85rem;display:flex;flex-direction:column;gap:.5rem;font-size:.78rem;color:var(--muted);line-height:1.5}
.discount-info-box strong{color:var(--ink)}
.catalog-empty{text-align:center;padding:6rem 0}
.catalog-empty-icon{margin:0 auto 1.5rem;width:72px;height:72px;border-radius:50%;background:var(--paper);display:flex;align-items:center;justify-content:center;color:var(--muted-2)}
.catalog-empty-title{font-family:var(--ff-serif);font-size:2rem;font-weight:300;margin-bottom:.5rem}
.catalog-empty-sub{color:var(--muted);font-size:.9375rem}
.catalog-empty-cta{margin-top:1.5rem}
/* el botón del buscador se dimensiona acá, no con un style en el HTML */
.cat-search-btn{padding:.65rem 1.4rem;font-size:.75rem;flex-shrink:0}

/* ── Filtros en pantallas chicas ─────────────────────────────
   La fila del checkbox medía 32 px de alto. Con el label completo
   como zona sensible queda cerca de los 44 px que se tocan bien. */
@media (max-width: 720px) {
    .filter-check {
        min-height: 44px;
        padding: .55rem 0;
    }
    .cat-search-bar {
        gap: .6rem;
        margin-bottom: 1.75rem;
    }
    .cat-search-btn {
        width: 100%;
        justify-content: center;
        padding: .8rem 1.4rem;
    }
}