/* Componente: Product Card */
/* Categoría: cards · Librería: bootstrap · Versión: 1.0.0 */
/* Tarjeta de producto IA-First: imagen, nombre, precio y acciones addToCart / viewDetails; expone nombre y precio como contexto para agentes. */
/* Importar: npx webmcpcss components import bootstrap-product-card */

/* Bootstrap 5.3: .card en el HTML; este archivo es el contrato para agentes. */
/* Contrato WebMCP */
.card[data-component="product-card"] [data-tool="addToCart"] {
  webmcp-tool: "addToCart";
  webmcp-description: "Añade el producto de la tarjeta al carrito";
  webmcp-param-productId: attr(data-product-id);
  webmcp-intent: "action";
  webmcp-confirmation: "none";
  webmcp-permissions: "restricted";
  webmcp-doc-productId: "Identificador del producto (data-product-id de la tarjeta)";
}
.card[data-component="product-card"] [data-tool="viewDetails"] {
  webmcp-tool: "viewDetails";
  webmcp-description: "Abre la página de detalle del producto";
  webmcp-param-productId: attr(data-product-id);
  webmcp-intent: "navigate";
  webmcp-confirmation: "none";
  webmcp-permissions: "read-only";
}
.card[data-component="product-card"] [data-context="product-name"] { webmcp-context: "productName"; webmcp-format: "text"; }
.card[data-component="product-card"] [data-context="product-price"] { webmcp-context: "productPrice"; webmcp-format: "currency"; }