
/* Etapa 30 – advanced marketplace search and filter UX */
.zk-advanced-search{margin:1.5rem 0 2rem;padding:1.25rem;border:1px solid var(--zk-border,#e4e7ec);border-radius:18px;background:var(--zk-surface,#fff);box-shadow:0 8px 28px rgba(16,24,40,.045);min-width:0}
.zk-catalog-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;align-items:end;min-width:0}
.zk-catalog-filters>label,.zk-filter-search,.zk-filter-price{display:flex;flex-direction:column;gap:.4rem;min-width:0;font-size:.875rem;font-weight:650;color:var(--zk-text,#20242c)}
.zk-catalog-filters input:not([type=hidden]),.zk-catalog-filters select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;padding:.65rem .75rem;border:1px solid var(--zk-border,#d7dce3);border-radius:9px;background:#fff;color:inherit;font:inherit;font-weight:400}
.zk-catalog-filters input:focus-visible,.zk-catalog-filters select:focus-visible,.zk-catalog-filters button:focus-visible,.zk-catalog-filters a:focus-visible{outline:3px solid rgba(255,107,0,.28);outline-offset:2px;border-color:var(--zk-primary,#ff6b00)}
.zk-filter-search{grid-column:span 2}
.zk-filter-search small,.zk-parameter-filter small{font-size:.75rem;font-weight:400;color:var(--zk-muted,#687385);line-height:1.45}
.zk-filter-price>span{font-size:.875rem}.zk-filter-price>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;min-width:0}
.zk-parameter-filter{grid-column:span 2;border:1px solid var(--zk-border,#e4e7ec);border-radius:10px;padding:.7rem .85rem;min-width:0}
.zk-parameter-filter summary{cursor:pointer;font-weight:650}
.zk-parameter-filter>div{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.8rem}
.zk-parameter-filter label{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.zk-parameter-filter small{grid-column:1/-1}
.zk-filter-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;min-width:0}
.zk-filter-actions .button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.zk-search-preview-count{grid-column:1/-1;min-height:1.25em;margin:0;color:var(--zk-muted,#687385);font-size:.875rem}
.zk-search-preview-count.is-loading{opacity:.7}
.zk-active-filters{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--zk-border,#e4e7ec);font-size:.85rem}
.zk-active-filters>strong{margin-right:.25rem}
.zk-active-filter{display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .65rem;border:1px solid #ffd2b5;border-radius:999px;background:#fff7f1;color:#7d3500;text-decoration:none;max-width:100%;overflow-wrap:anywhere}
.zk-active-filter:hover{background:#ffeadc}
.zk-active-filter>span:first-child{font-size:1.1rem;line-height:1}
.zk-clear-filters{font-weight:700;color:var(--zk-primary,#c95100);text-decoration:underline;text-underline-offset:3px}
.zk-catalog-results-summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:1rem 0;color:var(--zk-muted,#687385);font-size:.925rem}
.zk-catalog-results-summary strong{color:var(--zk-text,#20242c)}
.zk-catalog-empty-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}
.zk-catalog-empty-actions a{min-height:42px;display:inline-flex;align-items:center}
@media(max-width:900px){.zk-catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.zk-filter-search{grid-column:1/-1}}
@media(max-width:600px){.zk-advanced-search{padding:.85rem;border-radius:13px}.zk-catalog-filters{grid-template-columns:minmax(0,1fr);gap:.85rem}.zk-filter-search,.zk-parameter-filter{grid-column:auto}.zk-parameter-filter>div{grid-template-columns:minmax(0,1fr)}.zk-filter-actions{display:grid;grid-template-columns:1fr}.zk-filter-actions .button{width:100%;box-sizing:border-box}.zk-search-preview-count{grid-column:auto}.zk-active-filters{align-items:flex-start}.zk-active-filters>strong{width:100%}}
