{"product_id":"q","title":"Plantilla Negocios","description":"\u003c!-- \n  PLANTILLA NEGOCIO LOCAL (Shopify \/ Web Embed Safe)\n  Instrucciones: Copia y pega todo este código en un bloque \"HTML Personalizado\" en Shopify o en cualquier página. No afectará los estilos globales de tu tienda.\n--\u003e\n\u003cdiv class=\"local-biz-widget\"\u003e\u003c!-- Carga de fuentes exclusiva para el widget --\u003e\u003c\/div\u003e\n\u003cstyle\u003e\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800\u0026display=swap');\n\n    \/* =========================================\n       1. SCOPED VARIABLES \u0026 CONTAINER RESET\n       ========================================= *\/\n    .local-biz-widget, \n    .local-biz-widget *, \n    .local-biz-widget *::before, \n    .local-biz-widget *::after {\n      box-sizing: border-box;\n    }\n\n    .local-biz-widget {\n      \/* Theme Variables: Dark Mode + Amber\/Gold Accent *\/\n      --ink: #f8fafc;\n      --muted: #94a3b8;\n      --line: rgba(255, 255, 255, 0.15);\n      --brand: #f59e0b; \n      --brand-2: #d97706; \n      --btn-bg: rgba(30, 41, 59, 0.6); \n      --glow: 245, 158, 11; \n      \n      font-family: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, sans-serif;\n      position: relative; \n      isolation: isolate; \n      overflow: hidden;\n      width: 100%;\n      max-width: 480px; \n      margin: 20px auto; \n      padding: 40px 24px 30px;\n      border-radius: 40px; \n      text-align: center; \n      color: var(--ink);\n      line-height: 1.5;\n      \n      background: linear-gradient(145deg, rgba(30, 41, 59, 0.95) 0%, rgba(15, 23, 42, 0.98) 100%);\n      border: 1px solid rgba(255, 255, 255, 0.1);\n      box-shadow: \n        0 40px 80px -20px rgba(0, 0, 0, 0.5), \n        inset 0 0 0 1px rgba(255, 255, 255, 0.05),\n        inset 0 4px 10px rgba(255, 255, 255, 0.05);\n    }\n\n    \/* =========================================\n       2. BACKGROUND ANIMATION (AURORA)\n       ========================================= *\/\n    .local-biz-widget::before, \n    .local-biz-widget::after { \n      content: ''; position: absolute; z-index: -1; border-radius: 50%; \n      width: 320px; height: 320px; filter: blur(80px); opacity: 0.35; pointer-events: none;\n    }\n    .local-biz-widget::before { \n      background: #f59e0b; top: -80px; right: -100px; \n      animation: local-biz-aurora 14s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate; \n    }\n    .local-biz-widget::after  { \n      background: #3b82f6; bottom: 10%; left: -100px; \n      animation: local-biz-aurora 18s cubic-bezier(0.4, 0, 0.2, 1) infinite alternate-reverse; \n    }\n    @keyframes local-biz-aurora { \n      0% { transform: translate(0, 0) scale(1); }\n      100% { transform: translate(30px, -40px) scale(1.2); } \n    }\n\n    \/* =========================================\n       3. CASCADING ENTRANCE ANIMATION\n       ========================================= *\/\n    .local-biz-widget [data-in] { \n      opacity: 0; transform: translateY(20px) scale(0.98); \n      animation: local-biz-in 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards; \n      animation-delay: calc(var(--i, 0) * 120ms); \n    }\n    @keyframes local-biz-in { to { opacity: 1; transform: translateY(0) scale(1); } }\n\n    \/* =========================================\n       4. HEADER \u0026 TYPOGRAPHY\n       ========================================= *\/\n    .local-biz-widget h2, .local-biz-widget h3, .local-biz-widget h4, .local-biz-widget p {\n      margin: 0; padding: 0;\n    }\n    .local-biz-widget h2 { margin-bottom: 4px; font-size: 1.85rem; line-height: 1.1; font-weight: 800; letter-spacing: -0.04em; color: var(--ink); }\n    .local-biz-widget .biz-role { margin-bottom: 20px; color: var(--brand); font-size: 1.05rem; font-weight: 700; }\n    \n    .local-biz-widget .biz-avatar { position: relative; width: 112px; height: 112px; margin: 0 auto 16px; }\n    .local-biz-widget .biz-avatar img { \n      width: 100%; height: 100%; border-radius: 50%; object-fit: cover; \n      display: block; border: 3px solid rgba(255,255,255,0.2); \n      box-shadow: 0 16px 32px -8px rgba(0, 0, 0, 0.6); \n      background: #1e293b; transition: transform 0.4s ease;\n    }\n    .local-biz-widget .biz-avatar:hover img { transform: scale(1.05); }\n\n    .local-biz-widget .biz-badge {\n      display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 99px;\n      background: rgba(30, 41, 59, 0.8); border: 1px solid var(--line); margin-bottom: 16px;\n      font-size: 0.8rem; font-weight: 700; color: #fbbf24;\n      box-shadow: 0 8px 16px -6px rgba(0, 0, 0, 0.4);\n    }\n    .local-biz-widget .biz-badge svg { width: 14px; height: 14px; color: #fbbf24; }\n\n    .local-biz-widget .biz-bio {\n      background: rgba(15, 23, 42, 0.5); border-radius: 24px; padding: 18px 20px;\n      font-size: 0.95rem; font-weight: 500; color: var(--muted);\n      border: 1px solid var(--line); margin-bottom: 24px;\n      box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2);\n    }\n\n    \/* =========================================\n       5. BUTTONS \u0026 LINKS (Strict Reset)\n       ========================================= *\/\n    .local-biz-widget a, .local-biz-widget button { \n      text-decoration: none !important; outline: none; border: none; font-family: inherit;\n    }\n    \n    .local-biz-widget .biz-btn {\n      position: relative; display: flex; align-items: center; justify-content: center; gap: 10px; overflow: hidden;\n      color: var(--ink); font-weight: 700; cursor: pointer;\n      background: var(--btn-bg); border: 1px solid var(--line);\n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n      -webkit-tap-highlight-color: transparent;\n    }\n    .local-biz-widget .biz-btn::before { \n      content: ''; position: absolute; inset: 0; opacity: 0; transition: opacity 0.4s; pointer-events: none;\n      background: radial-gradient(180px circle at 50% 50%, rgba(var(--glow), 0.2), transparent 70%); \n    }\n    .local-biz-widget .biz-btn:hover::before { opacity: 1; }\n    .local-biz-widget .biz-btn:hover { \n      transform: translateY(-4px) scale(1.02); background: rgba(51, 65, 85, 0.8);\n      border-color: rgba(var(--glow), 0.5); \n      box-shadow: 0 16px 30px -10px rgba(var(--glow), 0.2), 0 0 0 1px rgba(var(--glow), 0.2); \n    }\n    .local-biz-widget .biz-btn:active { transform: scale(0.96); }\n    .local-biz-widget .biz-btn svg { width: 24px; height: 24px; flex: none; transition: transform 0.4s, color 0.3s; }\n    .local-biz-widget .biz-btn:hover svg { transform: scale(1.15) rotate(-3deg); }\n\n    .local-biz-widget .biz-primary { \n      width: 100%; padding: 20px 24px; border-radius: 24px; font-size: 1.15rem; color: #fff !important; \n      border: 1px solid rgba(255,255,255,0.2); margin-bottom: 12px;\n      background: linear-gradient(135deg, var(--brand) 0%, var(--brand-2) 100%); \n      box-shadow: 0 10px 20px -5px rgba(245, 158, 11, 0.3);\n    }\n    .local-biz-widget .biz-primary .stack, .local-biz-widget .biz-secondary .stack { text-align: left; line-height: 1.2; width: 100%; }\n    .local-biz-widget .biz-primary small, .local-biz-widget .biz-secondary small { display: block; font-weight: 500; font-size: 0.8rem; opacity: 0.9; margin-top: 3px; }\n    .local-biz-widget .biz-primary:hover { background: linear-gradient(135deg, #fbbf24 0%, var(--brand) 100%); }\n\n    .local-biz-widget .biz-secondary {\n      width: 100%; padding: 16px 20px; border-radius: 20px; font-size: 1.05rem; \n      background: rgba(30, 41, 59, 0.7); border: 1px solid var(--line);\n      --glow: 245, 158, 11; color: var(--ink); margin-bottom: 16px;\n    }\n    .local-biz-widget .biz-secondary svg { color: var(--brand); }\n\n    .local-biz-widget .biz-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-bottom: 24px; }\n    .local-biz-widget .biz-tile { flex-direction: column; gap: 8px; padding: 16px 4px 14px; border-radius: 20px; font-size: 0.8rem; background: rgba(30, 41, 59, 0.6); }\n    .local-biz-widget .biz-tile svg { width: 26px; height: 26px; color: rgb(var(--glow)); }\n    .local-biz-widget .biz-tel { --glow: 59, 130, 246; } \n    .local-biz-widget .biz-map { --glow: 239, 68, 68; } \n    .local-biz-widget .biz-wsp { --glow: 37, 211, 102; background: rgba(20, 83, 45, 0.4); border-color: rgba(37, 211, 102, 0.3); color: #4ade80 !important; }\n\n    \/* Animations for specific buttons *\/\n    @keyframes local-biz-blink-brand {\n      0% { box-shadow: 0 15px 25px -10px rgba(245, 158, 11, 0.5), 0 0 0 0 rgba(245, 158, 11, 0.4); filter: brightness(1); }\n      50% { filter: brightness(1.1); }\n      70% { box-shadow: 0 15px 25px -10px rgba(245, 158, 11, 0.5), 0 0 0 12px rgba(245, 158, 11, 0); }\n      100% { box-shadow: 0 15px 25px -10px rgba(245, 158, 11, 0.5), 0 0 0 0 rgba(245, 158, 11, 0); }\n    }\n    @keyframes local-biz-blink-wsp {\n      0% { box-shadow: 0 8px 20px -8px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0.4); }\n      70% { box-shadow: 0 8px 20px -8px rgba(37, 211, 102, 0.4), 0 0 0 12px rgba(37, 211, 102, 0); }\n      100% { box-shadow: 0 8px 20px -8px rgba(37, 211, 102, 0.4), 0 0 0 0 rgba(37, 211, 102, 0); }\n    }\n    .local-biz-widget .biz-primary { animation: local-biz-blink-brand 2.5s infinite; }\n    .local-biz-widget .biz-wsp { animation: local-biz-blink-wsp 2.5s infinite 0.5s; }\n\n    \/* =========================================\n       6. INTERNAL SECTIONS (Chips, Timeline)\n       ========================================= *\/\n    .local-biz-widget .biz-section { text-align: left; margin-bottom: 30px; }\n    .local-biz-widget .biz-section h3 { font-size: 1.15rem; font-weight: 800; color: var(--ink); margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }\n    .local-biz-widget .biz-section h3::before { content: ''; width: 6px; height: 18px; background: var(--brand); border-radius: 4px; }\n\n    .local-biz-widget .biz-chips { display: flex; flex-wrap: wrap; gap: 8px; }\n    .local-biz-widget .biz-chip { \n      padding: 8px 14px; border-radius: 99px; font-size: 0.85rem; font-weight: 600; \n      background: rgba(30, 41, 59, 0.6); border: 1px solid var(--line); color: var(--muted);\n      box-shadow: 0 4px 10px -4px rgba(0,0,0,0.2); transition: all 0.3s;\n    }\n    .local-biz-widget .biz-chip:hover { background: rgba(51, 65, 85, 0.9); color: var(--brand); transform: translateY(-2px); border-color: var(--brand); }\n\n    .local-biz-widget .biz-timeline { position: relative; margin-left: 8px; padding-left: 20px; border-left: 2px dashed var(--line); }\n    .local-biz-widget .biz-tl-item { position: relative; padding-bottom: 20px; transition: transform 0.3s; }\n    .local-biz-widget .biz-tl-item:last-child { padding-bottom: 0; }\n    .local-biz-widget .biz-tl-dot { \n      position: absolute; left: -27px; top: 2px; width: 12px; height: 12px; border-radius: 50%; \n      background: #1e293b; border: 3px solid var(--brand); box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.1); \n      transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\n    }\n    .local-biz-widget .biz-tl-item:hover .biz-tl-dot { background: var(--brand); transform: scale(1.3); box-shadow: 0 0 0 6px rgba(245, 158, 11, 0.2); }\n    .local-biz-widget .biz-tl-item:hover { transform: translateX(4px); }\n    .local-biz-widget .biz-tl-content { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 8px;}\n    .local-biz-widget .biz-tl-item:last-child .biz-tl-content { border-bottom: none; }\n    .local-biz-widget .biz-tl-content h4 { font-size: 0.95rem; font-weight: 600; color: var(--ink); }\n    .local-biz-widget .biz-tl-time { font-size: 0.85rem; font-weight: 700; color: var(--brand); background: rgba(245, 158, 11, 0.1); padding: 4px 10px; border-radius: 8px; }\n\n    \/* =========================================\n       7. SOCIAL \u0026 FOOTER\n       ========================================= *\/\n    .local-biz-widget .biz-social { display: flex; justify-content: center; gap: 14px; margin-bottom: 24px; }\n    .local-biz-widget .biz-round { width: 52px; height: 52px; border-radius: 50%; background: rgba(30, 41, 59, 0.6); }\n    .local-biz-widget .biz-ig { --glow: 225, 48, 108; } \n    .local-biz-widget .biz-fb { --glow: 24, 119, 242; } \n    .local-biz-widget .biz-tk { --glow: 255, 255, 255; }\n    .local-biz-widget .biz-ig:hover svg { color: #e1306c; } \n    .local-biz-widget .biz-fb:hover svg { color: #1877f2; } \n    .local-biz-widget .biz-tk:hover svg { color: #ffffff; }\n\n    .local-biz-widget .biz-utils { display: flex; justify-content: center; gap: 10px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.08); }\n    .local-biz-widget .biz-util { \n      display: inline-flex; align-items: center; gap: 8px; padding: 12px 20px; border-radius: 99px; \n      background: rgba(30, 41, 59, 0.5); border: 1px solid var(--line); \n      color: var(--muted) !important; font-size: 0.85rem; font-weight: 700; cursor: pointer; transition: all 0.3s; \n    }\n    .local-biz-widget .biz-util svg { width: 18px; height: 18px; }\n    .local-biz-widget .biz-util:hover { color: var(--ink) !important; background: rgba(51, 65, 85, 0.8); transform: translateY(-3px); box-shadow: 0 10px 20px -10px rgba(0,0,0,0.5); }\n\n    .local-biz-widget .biz-toast { \n      position: absolute; left: 50%; bottom: 20px; transform: translate(-50%, 20px) scale(0.9); opacity: 0; pointer-events: none; \n      padding: 12px 24px; border-radius: 99px; background: rgba(245, 158, 11, 0.95); backdrop-filter: blur(10px);\n      color: #000; font-size: 0.9rem; font-weight: 700; white-space: nowrap; transition: all 0.4s; z-index: 100;\n    }\n    .local-biz-widget .biz-toast.show { opacity: 1; transform: translate(-50%, 0) scale(1); }\n\n    @media (max-width: 400px) { \n      .local-biz-widget { padding: 30px 16px 20px; border-radius: 32px; margin: 10px auto; } \n      .local-biz-widget .biz-tile { font-size: 0.75rem; } \n    }\n  \u003c\/style\u003e\n\u003cdiv class=\"local-biz-widget\" id=\"local-biz-widget\"\u003e\n\u003c!-- SVG Icons Inyectados y ocultos para que no rompan diseño de Shopify --\u003e \u003csvg width=\"0\" height=\"0\" style=\"position: absolute; display: none;\"\u003e\n    \u003cdefs\u003e\n      \u003csymbol id=\"lb-star\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-cert\" viewbox=\"0 0 24 24\"\u003e\u003cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\u003e\u003c\/path\u003e\u003cpath d=\"M14 2v6h6M16 13H8M16 17H8M10 9H8\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-wsp\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7.9 20A9 9 0 1 0 4 16.1L2 22l5.9-2Z\"\u003e\u003c\/path\u003e\u003cpath fill=\"currentColor\" d=\"M9.2 7.8c-.3 0-.8.1-1.1.6-.4.6-.4 1.4.1 2.4 1 2.2 2.8 3.6 4.9 4.4.9.3 1.6.1 2-.4.3-.4.3-.9.2-1l-1.8-.9c-.2-.1-.5 0-.6.2l-.5.6c-.1.1-.3.2-.5.1-1.2-.5-2.1-1.4-2.7-2.6-.1-.2 0-.4.1-.5l.4-.5c.1-.2.1-.4 0-.6l-.8-1.7c-.1-.2-.3-.1-.7-.1Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-cal\" viewbox=\"0 0 24 24\"\u003e\u003cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"3\" y=\"4.5\" width=\"18\" height=\"17\" rx=\"3\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 2.5v4M8 2.5v4M3 10h18M8 14.5h.01M12 14.5h.01M16 14.5h.01M8 18h.01M12 18h.01\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-tel\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-pin\" viewbox=\"0 0 24 24\"\u003e\u003cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"\u003e\u003c\/path\u003e\u003ccircle cx=\"12\" cy=\"10\" r=\"3\"\u003e\u003c\/circle\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-ig\" viewbox=\"0 0 24 24\"\u003e\u003cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003crect x=\"2.5\" y=\"2.5\" width=\"19\" height=\"19\" rx=\"5.5\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4.2\"\u003e\u003c\/circle\u003e\u003c\/g\u003e\u003ccircle cx=\"17.5\" cy=\"6.5\" r=\"1.2\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-fb\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M13.5 22v-8.2h2.8l.5-3.4h-3.3V8.2c0-1 .4-1.7 1.8-1.7h1.7V3.4c-.3 0-1.3-.2-2.5-.2-2.6 0-4.3 1.6-4.3 4.4v2.8H7.4v3.4h2.8V22h3.3Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-tk\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-1-.05A6.33 6.33 0 0 0 5 20.1a6.34 6.34 0 0 0 10.86-4.43v-7a8.16 8.16 0 0 0 4.77 1.52v-3.4a4.85 4.85 0 0 1-1-.1z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-user\" viewbox=\"0 0 24 24\"\u003e\u003cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003cpath d=\"M16 21v-1.5a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4V21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9.5\" cy=\"7.5\" r=\"3.5\"\u003e\u003c\/circle\u003e\u003cpath d=\"M19 8v6M22 11h-6\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n      \u003csymbol id=\"lb-share\" viewbox=\"0 0 24 24\"\u003e\u003cg fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\u003e\u003ccircle cx=\"18\" cy=\"5\" r=\"3\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"6\" cy=\"12\" r=\"3\"\u003e\u003c\/circle\u003e\u003ccircle cx=\"18\" cy=\"19\" r=\"3\"\u003e\u003c\/circle\u003e\u003cpath d=\"m8.6 13.5 6.8 4M15.4 6.5l-6.8 4\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n    \u003c\/defs\u003e\n  \u003c\/svg\u003e\u003cheader data-in=\"\" style=\"--i: 0;\"\u003e\n\u003cdiv class=\"biz-badge\"\u003e\n\u003csvg\u003e\u003cuse href=\"#lb-star\"\u003e\u003c\/use\u003e\u003c\/svg\u003e 4.9 (150+ reseñas)\u003c\/div\u003e\n\u003cdiv class=\"biz-avatar\"\u003e\u003cimg width=\"112\" height=\"112\" alt=\"Logo del negocio\" decoding=\"async\" src=\"https:\/\/placehold.co\/200x200\/1e293b\/f59e0b?text=LOGO\"\u003e\u003c\/div\u003e\n\u003ch2\u003e[Nombre del Negocio]\u003c\/h2\u003e\n\u003cp class=\"biz-role\"\u003e[Categoría, ej. Barbería Premium]\u003c\/p\u003e\n\u003c\/header\u003e\n\u003cdiv class=\"biz-bio\" data-in=\"\" style=\"--i: 1;\"\u003e[Breve descripción de tu negocio. Ideal para conectar con tus clientes, destacar tu propuesta de valor y darles la bienvenida.]\u003c\/div\u003e\n\u003cnav\u003e\n\u003cdiv data-in=\"\" style=\"--i: 2;\"\u003e\u003ca class=\"biz-btn biz-primary\" href=\"#\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-cal\"\u003e\u003c\/use\u003e\u003c\/svg\u003e \u003cspan class=\"stack\"\u003eAgendar una cita\u003csmall\u003eReserva tu espacio en línea\u003c\/small\u003e\u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv data-in=\"\" style=\"--i: 3;\"\u003e\u003ca class=\"biz-btn biz-secondary\" href=\"#\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-cert\"\u003e\u003c\/use\u003e\u003c\/svg\u003e \u003cspan class=\"stack\"\u003eCatálogo de Servicios\u003csmall\u003eVer precios y promociones del mes\u003c\/small\u003e\u003c\/span\u003e \u003c\/a\u003e\u003c\/div\u003e\n\u003cdiv class=\"biz-quick\" data-in=\"\" style=\"--i: 4;\"\u003e\n\u003ca class=\"biz-btn biz-tile biz-wsp\" href=\"#\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-wsp\"\u003e\u003c\/use\u003e\u003c\/svg\u003eWhatsApp \u003c\/a\u003e \u003ca class=\"biz-btn biz-tile biz-tel\" href=\"#\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-tel\"\u003e\u003c\/use\u003e\u003c\/svg\u003eLlamar \u003c\/a\u003e \u003ca class=\"biz-btn biz-tile biz-map\" href=\"#\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-pin\"\u003e\u003c\/use\u003e\u003c\/svg\u003eUbicación \u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/nav\u003e\n\u003cdiv class=\"biz-section\" data-in=\"\" style=\"--i: 5;\"\u003e\n\u003ch3\u003eServicios Principales\u003c\/h3\u003e\n\u003cdiv class=\"biz-chips\"\u003e\n\u003cspan class=\"biz-chip\"\u003e[Servicio 1, ej. Corte Fade]\u003c\/span\u003e \u003cspan class=\"biz-chip\"\u003e[Servicio 2, ej. Spa Facial]\u003c\/span\u003e \u003cspan class=\"biz-chip\"\u003e[Servicio 3, ej. Afinación]\u003c\/span\u003e \u003cspan class=\"biz-chip\"\u003e[Servicio 4]\u003c\/span\u003e \u003cspan class=\"biz-chip\"\u003e[Servicio 5]\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biz-section\" data-in=\"\" style=\"--i: 6;\"\u003e\n\u003ch3\u003eHorarios de Atención\u003c\/h3\u003e\n\u003cdiv class=\"biz-timeline\"\u003e\n\u003cdiv class=\"biz-tl-item\"\u003e\n\u003cdiv class=\"biz-tl-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biz-tl-content\"\u003e\n\u003ch4\u003eLunes a Viernes\u003c\/h4\u003e\n\u003cspan class=\"biz-tl-time\"\u003e9:00 am - 8:00 pm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biz-tl-item\"\u003e\n\u003cdiv class=\"biz-tl-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biz-tl-content\"\u003e\n\u003ch4\u003eSábados\u003c\/h4\u003e\n\u003cspan class=\"biz-tl-time\"\u003e10:00 am - 5:00 pm\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biz-tl-item\"\u003e\n\u003cdiv class=\"biz-tl-dot\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv class=\"biz-tl-content\"\u003e\n\u003ch4\u003eDomingos\u003c\/h4\u003e\n\u003cspan class=\"biz-tl-time\" style=\"background: rgba(239, 68, 68, 0.15); color: #ef4444;\"\u003eCerrado\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biz-social\" data-in=\"\" style=\"--i: 7;\"\u003e\n\u003ca class=\"biz-btn biz-round biz-ig\" href=\"#\"\u003e\u003csvg\u003e\u003cuse href=\"#lb-ig\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e \u003ca class=\"biz-btn biz-round biz-tk\" href=\"#\"\u003e\u003csvg\u003e\u003cuse href=\"#lb-tk\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e \u003ca class=\"biz-btn biz-round biz-fb\" href=\"#\"\u003e\u003csvg\u003e\u003cuse href=\"#lb-fb\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biz-utils\" data-in=\"\" style=\"--i: 8;\"\u003e\n\u003cbutton class=\"biz-util\" id=\"biz-save-btn\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-user\"\u003e\u003c\/use\u003e\u003c\/svg\u003eGuardar contacto \u003c\/button\u003e \u003cbutton class=\"biz-util\" id=\"biz-share-btn\"\u003e \u003csvg\u003e\u003cuse href=\"#lb-share\"\u003e\u003c\/use\u003e\u003c\/svg\u003eCompartir \u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"biz-toast\" id=\"biz-toast\" role=\"status\"\u003e¡Acción completada!\u003c\/div\u003e\n\u003cscript\u003e\n    \/\/ Scoped script to avoid interfering with Shopify JS\n    (function() {\n      const widget = document.getElementById('local-biz-widget');\n      if (!widget) return;\n\n      const toast = widget.querySelector('#biz-toast');\n      const saveBtn = widget.querySelector('#biz-save-btn');\n      const shareBtn = widget.querySelector('#biz-share-btn');\n      \n      function showToast(message) {\n        if (!toast) return;\n        toast.textContent = message;\n        toast.classList.add('show');\n        setTimeout(() =\u003e {\n          toast.classList.remove('show');\n        }, 2500);\n      }\n\n      if (saveBtn) {\n        saveBtn.addEventListener('click', () =\u003e {\n          showToast('Contacto guardado (Demo)');\n        });\n      }\n\n      if (shareBtn) {\n        shareBtn.addEventListener('click', () =\u003e {\n          showToast('Enlace copiado (Demo)');\n        });\n      }\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"SaludPro","offers":[{"title":"Default Title","offer_id":47604789510316,"sku":null,"price":10.0,"currency_code":"MXN","in_stock":false}],"url":"https:\/\/saludpro.com.mx\/products\/q","provider":"SaludPro","version":"1.0","type":"link"}