{"product_id":"dr-cristian","title":"Dr. Cristian","description":"\u003c!--\n  PERFIL DE ENLACES · Dra. Elena Gómez\n  Pega este bloque completo en tu tienda\/web (HTML personalizado).\n  Edita solo los datos del objeto CONFIG al final del archivo.\n--\u003e\n\u003cp\u003e\u003clink rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\"\u003e \u003clink rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\"\u003e \u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,600;12..96,800\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\u003c\/p\u003e\n\u003cstyle\u003e\n  .dra26 {\n    --ink: #13201e;\n    --muted: #5d6d69;\n    --surface: rgba(255, 255, 255, .72);\n    --surface-solid: #ffffff;\n    --line: rgba(19, 32, 30, .08);\n    --brand: #0f6b62;\n    --brand-ink: #ffffff;\n    --blob-a: #b9e0d3;\n    --blob-b: #f6c9b7;\n    --tile-glow: 15, 107, 98;\n\n    box-sizing: border-box;\n    position: relative;\n    isolation: isolate;\n    overflow: hidden;\n    max-width: 440px;\n    margin: 24px auto;\n    padding: 36px 20px 24px;\n    border-radius: 36px;\n    background: var(--surface);\n    border: 1px solid var(--line);\n    box-shadow: 0 30px 60px -30px rgba(19, 32, 30, .25);\n    backdrop-filter: blur(18px) saturate(1.4);\n    -webkit-backdrop-filter: blur(18px) saturate(1.4);\n    color: var(--ink);\n    font-family: 'Bricolage Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    text-align: center;\n  }\n  .dra26 *, .dra26 *::before, .dra26 *::after { box-sizing: border-box; }\n\n  \/* Fondo aurora: único movimiento ambiental *\/\n  .dra26::before, .dra26::after {\n    content: ''; position: absolute; z-index: -1; border-radius: 50%;\n    width: 260px; height: 260px; filter: blur(60px); opacity: .75;\n  }\n  .dra26::before { background: var(--blob-a); top: -90px; left: -80px; animation: dra26-drift 14s ease-in-out infinite alternate; }\n  .dra26::after  { background: var(--blob-b); bottom: -100px; right: -90px; animation: dra26-drift 18s ease-in-out infinite alternate-reverse; }\n  @keyframes dra26-drift { to { transform: translate(40px, 30px) scale(1.15); } }\n\n  \/* Entrada escalonada (una sola vez) *\/\n  .dra26 [data-in] { opacity: 0; transform: translateY(14px); animation: dra26-in .7s cubic-bezier(.16, 1, .3, 1) forwards; animation-delay: calc(var(--i, 0) * 70ms); }\n  @keyframes dra26-in { to { opacity: 1; transform: none; } }\n\n  \/* Cabecera *\/\n  .dra26-avatar { position: relative; width: 104px; height: 104px; margin: 0 auto 16px; }\n  .dra26-avatar img {\n    width: 100%; height: 100%; border-radius: 50%; object-fit: cover; display: block;\n    border: 3px solid var(--surface-solid); box-shadow: 0 12px 28px -8px rgba(19, 32, 30, .35);\n    background: #dfe9e5;\n  }\n  .dra26-status {\n    position: absolute; right: -6px; bottom: 4px; display: inline-flex; align-items: center; gap: 6px;\n    padding: 4px 10px 4px 8px; border-radius: 99px; font-size: .72rem; font-weight: 600;\n    background: var(--surface-solid); color: var(--ink); border: 1px solid var(--line);\n    box-shadow: 0 6px 14px -6px rgba(0, 0, 0, .25);\n  }\n  .dra26-status i { width: 8px; height: 8px; border-radius: 50%; background: #9aa5a2; }\n  .dra26-status[data-open=\"true\"] i { background: #1fb26b; box-shadow: 0 0 0 0 rgba(31, 178, 107, .6); animation: dra26-ping 2s infinite; }\n  @keyframes dra26-ping { 70% { box-shadow: 0 0 0 7px rgba(31, 178, 107, 0); } 100% { box-shadow: 0 0 0 0 rgba(31, 178, 107, 0); } }\n\n  .dra26 h2 { margin: 0 0 4px; font-size: 1.75rem; line-height: 1.1; font-weight: 800; letter-spacing: -.03em; }\n  .dra26-role { margin: 0 0 26px; color: var(--muted); font-size: 1rem; font-weight: 500; }\n\n  \/* Botones: brillo que sigue al cursor *\/\n  .dra26-btn {\n    position: relative; display: flex; align-items: center; justify-content: center; gap: 10px;\n    text-decoration: none; color: var(--ink); font: inherit; font-weight: 600; cursor: pointer;\n    background: var(--surface-solid); border: 1px solid var(--line);\n    transition: transform .35s cubic-bezier(.16, 1, .3, 1), box-shadow .35s, border-color .35s;\n    -webkit-tap-highlight-color: transparent; overflow: hidden;\n  }\n  .dra26-btn::before {\n    content: ''; position: absolute; inset: 0; opacity: 0; transition: opacity .3s; pointer-events: none;\n    background: radial-gradient(160px circle at var(--x, 50%) var(--y, 50%), rgba(var(--glow, var(--tile-glow)), .16), transparent 70%);\n  }\n  .dra26-btn:hover::before { opacity: 1; }\n  .dra26-btn:hover { transform: translateY(-3px); border-color: rgba(var(--glow, var(--tile-glow)), .55); box-shadow: 0 14px 26px -12px rgba(var(--glow, var(--tile-glow)), .55); }\n  .dra26-btn:active { transform: scale(.97); }\n  .dra26-btn:focus-visible { outline: 3px solid rgba(var(--glow, var(--tile-glow)), .6); outline-offset: 3px; }\n  .dra26-btn svg { width: 22px; height: 22px; flex: none; }\n\n  \/* Acción principal *\/\n  .dra26-primary {\n    width: 100%; padding: 18px 24px; border-radius: 22px; font-size: 1.08rem;\n    background: var(--brand); color: var(--brand-ink); border-color: transparent; --glow: 255, 255, 255;\n    box-shadow: 0 18px 30px -14px rgba(15, 107, 98, .7);\n  }\n  .dra26-primary:hover { border-color: transparent; box-shadow: 0 22px 36px -14px rgba(15, 107, 98, .85); }\n  .dra26-primary small { display: block; font-weight: 500; font-size: .78rem; opacity: .8; margin-top: 2px; }\n  .dra26-primary .stack { text-align: left; line-height: 1.15; }\n\n  \/* Acciones rápidas *\/\n  .dra26-quick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 12px 0 18px; }\n  .dra26-tile { flex-direction: column; gap: 8px; padding: 16px 6px 14px; border-radius: 22px; font-size: .86rem; }\n  .dra26-tile svg { width: 26px; height: 26px; color: rgb(var(--glow)); }\n  .dra26-wsp { --glow: 37, 211, 102; } .dra26-tel { --glow: 10, 132, 255; } .dra26-map { --glow: 255, 69, 58; }\n\n  \/* Redes *\/\n  .dra26-social { display: flex; justify-content: center; gap: 12px; margin-bottom: 18px; }\n  .dra26-round { width: 52px; height: 52px; border-radius: 50%; }\n  .dra26-round svg { width: 22px; height: 22px; }\n  .dra26-ig { --glow: 225, 48, 108; } .dra26-fb { --glow: 24, 119, 242; } .dra26-in { --glow: 10, 102, 194; }\n  .dra26-ig:hover svg { color: #e1306c; } .dra26-fb:hover svg { color: #1877f2; } .dra26-in:hover svg { color: #0a66c2; }\n  .dra26-btn svg { transition: color .3s; }\n\n  \/* Utilidades *\/\n  .dra26-utils { display: flex; justify-content: center; gap: 8px; padding-top: 16px; border-top: 1px solid var(--line); }\n  .dra26-util {\n    display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 99px;\n    background: transparent; border: 1px solid var(--line); color: var(--muted);\n    font: inherit; font-size: .85rem; font-weight: 600; cursor: pointer; transition: all .25s;\n  }\n  .dra26-util svg { width: 16px; height: 16px; }\n  .dra26-util:hover { color: var(--ink); background: var(--surface-solid); }\n  .dra26-util:focus-visible { outline: 3px solid rgba(15, 107, 98, .5); outline-offset: 2px; }\n\n  \/* Aviso de confirmación *\/\n  .dra26-toast {\n    position: absolute; left: 50%; bottom: 14px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none;\n    padding: 10px 16px; border-radius: 99px; background: var(--ink); color: #fff; font-size: .85rem; font-weight: 600;\n    transition: all .35s cubic-bezier(.16, 1, .3, 1); white-space: nowrap;\n  }\n  .dra26-toast.show { opacity: 1; transform: translate(-50%, 0); }\n\n  \/* Modo oscuro *\/\n  @media (prefers-color-scheme: dark) {\n    .dra26 {\n      --ink: #eef4f2; --muted: #9db0ab; --surface: rgba(24, 32, 31, .66); --surface-solid: rgba(40, 52, 50, .85);\n      --line: rgba(255, 255, 255, .09); --brand: #3fc5b3; --brand-ink: #06231f;\n      --blob-a: #12544c; --blob-b: #5a3a30; --tile-glow: 63, 197, 179;\n    }\n    .dra26-toast { background: #eef4f2; color: #13201e; }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .dra26::before, .dra26::after, .dra26-status i { animation: none !important; }\n    .dra26 [data-in] { animation: none; opacity: 1; transform: none; }\n    .dra26-btn, .dra26-btn:hover { transition: none; transform: none; }\n  }\n  @media (max-width: 360px) { .dra26 { padding: 30px 14px 20px; border-radius: 28px; } .dra26-tile { font-size: .8rem; } }\n\u003c\/style\u003e\n\u003c!-- Iconos SVG (hoja de símbolos reutilizable, sin dependencias externas) --\u003e\u003csvg width=\"0\" height=\"0\" style=\"position: absolute;\"\u003e\n  \u003cdefs\u003e\n    \u003csymbol id=\"i-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.800 3.600 4.900 4.400.9.300 1.600.1 2-.4.300-.4.300-.9.200-1l-1.800-.9c-.2-.1-.5 0-.6.200l-.5.600c-.1.100-.3.200-.5.100-1.200-.5-2.100-1.400-2.700-2.600-.1-.2 0-.4.100-.5l.4-.5c.1-.2.100-.4 0-.6l-.8-1.700c-.1-.2-.3-.100-.7-.100Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-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.500\" width=\"18\" height=\"17\" rx=\"3\"\u003e\u003c\/rect\u003e\u003cpath d=\"M16 2.500v4M8 2.500v4M3 10h18M8 14.500h.01M12 14.500h.01M16 14.500h.01M8 18h.01M12 18h.01\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-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.920v3a2 2 0 0 1-2.180 2 19.790 19.790 0 0 1-8.630-3.070 19.500 19.500 0 0 1-6-6A19.790 19.790 0 0 1 2.120 4.180 2 2 0 0 1 4.110 2h3a2 2 0 0 1 2 1.720c.127.960.361 1.903.700 2.810a2 2 0 0 1-.450 2.110L8.090 9.910a16 16 0 0 0 6 6l1.270-1.270a2 2 0 0 1 2.110-.450c.907.339 1.850.573 2.810.700A2 2 0 0 1 22 16.920Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-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=\"i-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.500\" y=\"2.500\" width=\"19\" height=\"19\" rx=\"5.500\"\u003e\u003c\/rect\u003e\u003ccircle cx=\"12\" cy=\"12\" r=\"4.200\"\u003e\u003c\/circle\u003e\u003c\/g\u003e\u003ccircle cx=\"17.500\" cy=\"6.500\" r=\"1.200\" fill=\"currentColor\"\u003e\u003c\/circle\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-fb\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M13.500 22v-8.200h2.800l.5-3.400h-3.300V8.200c0-1 .4-1.700 1.800-1.700h1.700V3.400c-.3 0-1.300-.2-2.500-.2-2.600 0-4.300 1.600-4.300 4.400v2.800H7.400v3.400h2.800V22h3.300Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-in\" viewbox=\"0 0 24 24\"\u003e\u003cpath fill=\"currentColor\" d=\"M5.400 8.500H2.300V21h3.100V8.500ZM3.850 3a1.800 1.800 0 1 0 0 3.600 1.800 1.800 0 0 0 0-3.600ZM21.700 14.100c0-3.300-1.800-5.800-4.800-5.800-1.500 0-2.600.8-3.200 1.700V8.500h-3.100V21h3.100v-6.700c0-1.600.8-2.700 2.200-2.700 1.300 0 1.900 1 1.900 2.600V21h3.100l.8-6.900Z\"\u003e\u003c\/path\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-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.500a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4V21\"\u003e\u003c\/path\u003e\u003ccircle cx=\"9.500\" cy=\"7.500\" r=\"3.500\"\u003e\u003c\/circle\u003e\u003cpath d=\"M19 8v6M22 11h-6\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n    \u003csymbol id=\"i-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.600 13.500 6.800 4M15.400 6.500l-6.800 4\"\u003e\u003c\/path\u003e\u003c\/g\u003e\u003c\/symbol\u003e\n  \u003c\/defs\u003e\n\u003c\/svg\u003e\n\u003csection class=\"dra26\" id=\"dra26\"\u003e\u003cheader\u003e\n\u003cdiv class=\"dra26-avatar\" data-in=\"\" style=\"--i: 0;\"\u003e\n\u003cimg id=\"dra26-photo\" width=\"104\" height=\"104\" alt=\"Foto de la Dra. Elena Gómez\" decoding=\"async\" src=\"https:\/\/ui-avatars.com\/api\/?name=Elena+Gomez\u0026amp;background=0f6b62\u0026amp;color=fff\u0026amp;size=200\u0026amp;bold=true\"\u003e \u003cspan class=\"dra26-status\" id=\"dra26-status\" data-open=\"false\" role=\"status\"\u003e\u003ci\u003e\u003c\/i\u003e\u003cspan id=\"dra26-status-text\"\u003eConsultorio\u003c\/span\u003e\u003c\/span\u003e\n\u003c\/div\u003e\n\u003cdiv data-in=\"\" style=\"--i: 1;\"\u003e\n\u003ch2\u003eDra. Elena Gómez\u003c\/h2\u003e\n\u003cp class=\"dra26-role\"\u003eMedicina estética y dermatología\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/header\u003e\u003cnav\u003e\u003ca class=\"dra26-btn dra26-primary\" id=\"dra26-agenda\" data-in=\"\" style=\"--i: 2;\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e \u003csvg\u003e\u003cuse href=\"#i-cal\"\u003e\u003c\/use\u003e\u003c\/svg\u003e \u003cspan class=\"stack\"\u003eAgendar cita\u003csmall\u003eElige día y hora en línea\u003c\/small\u003e\u003c\/span\u003e \u003c\/a\u003e\n\u003cdiv class=\"dra26-quick\" data-in=\"\" style=\"--i: 3;\"\u003e\n\u003ca class=\"dra26-btn dra26-tile dra26-wsp\" id=\"dra26-wsp\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003csvg\u003e\u003cuse href=\"#i-wsp\"\u003e\u003c\/use\u003e\u003c\/svg\u003eWhatsApp\u003c\/a\u003e \u003ca class=\"dra26-btn dra26-tile dra26-tel\" id=\"dra26-tel\"\u003e\u003csvg\u003e\u003cuse href=\"#i-tel\"\u003e\u003c\/use\u003e\u003c\/svg\u003eLlamar\u003c\/a\u003e \u003ca class=\"dra26-btn dra26-tile dra26-map\" id=\"dra26-map\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003csvg\u003e\u003cuse href=\"#i-pin\"\u003e\u003c\/use\u003e\u003c\/svg\u003eCómo llegar\u003c\/a\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dra26-social\" data-in=\"\" style=\"--i: 4;\"\u003e\n\u003ca class=\"dra26-btn dra26-round dra26-ig\" id=\"dra26-ig\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003csvg\u003e\u003cuse href=\"#i-ig\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e \u003ca class=\"dra26-btn dra26-round dra26-fb\" id=\"dra26-fb\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003csvg\u003e\u003cuse href=\"#i-fb\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e \u003ca class=\"dra26-btn dra26-round dra26-in\" id=\"dra26-in\" rel=\"noopener noreferrer\" target=\"_blank\"\u003e\u003csvg\u003e\u003cuse href=\"#i-in\"\u003e\u003c\/use\u003e\u003c\/svg\u003e\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/nav\u003e\n\u003cdiv class=\"dra26-utils\" data-in=\"\" style=\"--i: 5;\"\u003e\n\u003cbutton type=\"button\" class=\"dra26-util\" id=\"dra26-save\"\u003e\u003csvg\u003e\u003cuse href=\"#i-user\"\u003e\u003c\/use\u003e\u003c\/svg\u003eGuardar contacto\u003c\/button\u003e \u003cbutton type=\"button\" class=\"dra26-util\" id=\"dra26-share\"\u003e\u003csvg\u003e\u003cuse href=\"#i-share\"\u003e\u003c\/use\u003e\u003c\/svg\u003eCompartir\u003c\/button\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"dra26-toast\" id=\"dra26-toast\" role=\"status\"\u003e\u003c\/div\u003e\n\u003c\/section\u003e\n\u003cp\u003e \u003c\/p\u003e","brand":"SaludPro","offers":[{"title":"Default Title","offer_id":47592605745324,"sku":null,"price":10.0,"currency_code":"MXN","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0651\/1607\/8252\/files\/LIfoto_4.png?v=1758754043","url":"https:\/\/saludpro.com.mx\/products\/dr-cristian","provider":"SaludPro","version":"1.0","type":"link"}