/* NSF WooCommerce 1.1.3 — estilos de la interfaz comercial de las obras.
 * Trasladados desde NSF Hilos para separar la capa de tienda.
 */

/* ---------- Comercio WooCommerce ---------- */
.nsf-llevar-tienda{
  align-items:flex-start;
}
.nsf-wc-productos-publicos{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
  align-items:center;
}
.nsf-wc-producto-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  text-decoration:none;
}
.nsf-wc-producto-btn:hover,
.nsf-wc-producto-btn:focus-visible{
  text-decoration:none;
}
.nsf-wc-producto-precio{
  font-weight:700;
}
.nsf-wc-producto-accion{
  font-size:.72rem;
  opacity:.78;
}
.nsf-wc-sin-productos{
  font-size:.82rem;
  color:var(--nsf-ink-soft);
}
@media (max-width:520px){
  .nsf-llevar-tienda{align-items:flex-start;}
  .nsf-wc-productos-publicos{width:100%;}
  .nsf-wc-producto-btn{width:100%; justify-content:space-between;}
}


.nsf-wc-producto-btn.nsf-wc-anadiendo{opacity:.65;pointer-events:none;}
.nsf-wc-producto-btn.nsf-wc-anadido{border-color:var(--nsf-navy);}
.nsf-wc-ver-carrito{font-size:.78rem;font-weight:600;text-decoration:none;align-self:center;}