/* Tienda: filtros del catalogo, paginador, banner de Arma tu ramo y detalle de producto. */

/* ---------- filtros del catalogo y de las categorias ---------- */
.catalog-filtros{max-width:980px}
.catalog-filtros .catalog-search{margin-bottom:14px}
.catalog-filtros-fila{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px}
.catalog-filtros-fila label{display:flex;flex-direction:column;gap:4px;margin:0;font-size:.68rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.catalog-filtros-fila select,.catalog-filtros-fila input[type=number]{border:1px solid var(--line);background:#fff;padding:9px 10px;font:400 .82rem var(--sans);color:var(--ink);text-transform:none;letter-spacing:0;min-width:0}
.catalog-filtros-fila select{max-width:240px}
.catalog-precio-campos{display:flex;gap:6px}
.catalog-precio-campos input{width:92px}
.catalog-filtros-fila .catalog-check{flex-direction:row;align-items:center;gap:7px;padding-bottom:9px;text-transform:none;letter-spacing:0;font-size:.8rem;color:var(--ink);cursor:pointer}
.catalog-check input{width:16px;height:16px;accent-color:var(--wine)}
.catalog-aplicar{border:1px solid var(--wine);background:#fff;color:var(--wine);padding:9px 16px;font:600 .7rem var(--sans);text-transform:uppercase;letter-spacing:.06em}
.catalog-aplicar:hover{background:var(--wine);color:#fff}
.catalog-limpiar{font-size:.75rem;color:var(--wine);border-bottom:1px solid var(--rose-deep);padding-bottom:2px;margin-bottom:10px}
.category-filtros{margin-top:22px}
.catalog-total{font-size:.78rem;color:var(--muted);margin:0 0 16px}

/* ---------- paginador ---------- */
.store-pager{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin:36px 0 0}
.store-pager-link{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border:1px solid var(--line);background:#fff;color:var(--wine);font-size:.78rem}
.store-pager-link:hover{border-color:var(--rose-deep);background:var(--rose);color:var(--wine)}
.store-pager-link.is-active{background:var(--wine);border-color:var(--wine);color:#fff}
.store-pager-gap{color:var(--muted);padding:0 4px}

/* ---------- banner de Arma tu ramo en la portada ---------- */
.ramo-banner{display:flex;align-items:center;gap:22px;margin:8px 20px 0;padding:24px 28px;background:linear-gradient(110deg,#fbe9ee,#f5d9df 55%,#efc6d1);border:1px solid #e8c3cd;color:var(--ink);transition:.25s}
.ramo-banner:hover{transform:translateY(-3px);box-shadow:0 12px 28px #71414c22;color:var(--ink)}
.ramo-banner-icono{font-size:2.6rem;color:var(--wine);line-height:1}
.ramo-banner-texto{flex:1;min-width:0}
.ramo-banner-texto .eyebrow{display:block;margin-bottom:4px}
.ramo-banner-texto strong{display:block;font:400 1.7rem var(--serif);color:var(--wine);line-height:1.15}
.ramo-banner-texto small{display:block;margin-top:5px;color:#6e5a5f;font-size:.8rem}
.ramo-banner-boton{white-space:nowrap;background:var(--wine);color:#fff;padding:12px 18px;font-size:.75rem;letter-spacing:.05em}

/* ---------- detalle de producto ---------- */
.detail-variante-unica{margin:0 0 6px;font-size:.85rem;color:var(--muted)}
.detail-stock{display:inline-block;width:fit-content;align-self:flex-start;margin:0 0 14px;padding:4px 10px;font-size:.72rem;letter-spacing:.04em;border-radius:20px}
.detail-stock.is-disponible{background:#e7f4ea;color:#2f6b3b}
.detail-stock.is-agotado{background:#f6e3e6;color:var(--wine)}
.product-add-button[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.detail-avisame{display:inline-block;width:fit-content;align-self:flex-start;margin-top:14px}

@media(max-width:700px){
  .catalog-filtros-fila{gap:10px}
  .catalog-filtros-fila label:not(.catalog-check){flex:1 1 calc(50% - 10px)}
  .catalog-filtros-fila select{max-width:none;width:100%}
  .catalog-precio-campos input{width:100%}
  .ramo-banner{flex-wrap:wrap;margin:8px 0 0;padding:20px;gap:14px}
  .ramo-banner-icono{font-size:2rem}
  .ramo-banner-texto strong{font-size:1.4rem}
  .ramo-banner-boton{width:100%;text-align:center}
}