{"id":263,"date":"2026-01-10T02:49:21","date_gmt":"2026-01-10T02:49:21","guid":{"rendered":"https:\/\/sospuravida.com\/familias\/?page_id=263"},"modified":"2026-03-25T10:03:47","modified_gmt":"2026-03-25T16:03:47","slug":"tienda","status":"publish","type":"page","link":"https:\/\/sospuravida.com\/familias\/","title":{"rendered":"TIENDA"},"content":{"rendered":"<div  class='flex_column av-a8ur3-22620bd6f7d2d7cf8cf211d73f642b7d av_one_full  avia-builder-el-0  el_before_av_one_full  avia-builder-el-first  first flex_column_div  '     ><section  class='av_textblock_section av-mk7pghh1-e95cafd9925e2fd1ffa6db29d47439c0 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" >            <style>\r\n                .sos-shop-container { font-family: 'Inter', sans-serif; max-width: 800px; margin: 0 auto; padding: 15px; }\r\n                .sos-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\r\n                .sos-card { background: white; border-radius: 25px; padding: 20px; text-align: center; box-shadow: 0 10px 25px rgba(0,0,0,0.05); border: 1px solid #f0f0f0; transition: 0.3s; }\r\n                .sos-card:hover { transform: translateY(-5px); box-shadow: 0 15px 35px rgba(0,0,0,0.1); }\r\n                .price-tag { color: #d32f2f; font-weight: 900; font-size: 22px; margin: 10px 0; }\r\n                .btn-buy { background: #1a1a1a; color: white; border: none; padding: 15px; width: 100%; border-radius: 15px; font-weight: bold; cursor: pointer; font-size: 16px; }\r\n                \r\n                #sos-checkout-drawer { position: fixed; bottom: -100%; left: 0; width: 100%; background: white; border-radius: 35px 35px 0 0; padding: 30px; box-shadow: 0 -15px 40px rgba(0,0,0,0.2); z-index: 10000; transition: 0.5s cubic-bezier(0, 0.5, 0.5, 1); box-sizing: border-box; }\r\n                #sos-checkout-drawer.open { bottom: 0; }\r\n                .overlay-web { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; display: none; backdrop-filter: blur(4px); }\r\n                .camera-box { border: 3px dashed #eee; padding: 30px; border-radius: 20px; text-align: center; margin: 20px 0; cursor: pointer; background: #fafafa; }\r\n                #preview-img-tienda { width: 120px; height: 120px; object-fit: cover; display: none; margin: 10px auto; border-radius: 15px; border: 3px solid white; box-shadow: 0 5px 15px rgba(0,0,0,0.1); }\r\n                .input-web { width: 100%; padding: 18px; border-radius: 15px; border: 2px solid #f0f0f0; margin-bottom: 15px; font-size: 16px; outline: none; }\r\n            <\/style>\r\n\r\n            <div class=\"sos-shop-container\">\r\n                <h2 style=\"text-align:center; font-weight:900; color:#1a1a1a; margin-bottom:30px; font-size:28px;\">\ud83c\udfec TIENDA S.O.S.<\/h2>\r\n                <div class=\"sos-grid\">\r\n                                            <div class=\"sos-card\">\r\n                            <strong style=\"font-size:16px; color:#333;\">DONACI\u00d3N VOLUNTARIA<\/strong>\r\n                            <div class=\"price-tag\">\u20a12,500<\/div>\r\n                            <button class=\"btn-buy\" onclick=\"abrirCheckoutWeb(1, 'DONACI\u00d3N VOLUNTARIA', 2500)\">COMPRAR<\/button>\r\n                        <\/div>\r\n                                            <div class=\"sos-card\">\r\n                            <strong style=\"font-size:16px; color:#333;\">DONACI\u00d3N VOLUNTARIA<\/strong>\r\n                            <div class=\"price-tag\">\u20a110,000<\/div>\r\n                            <button class=\"btn-buy\" onclick=\"abrirCheckoutWeb(2, 'DONACI\u00d3N VOLUNTARIA', 10000)\">COMPRAR<\/button>\r\n                        <\/div>\r\n                                            <div class=\"sos-card\">\r\n                            <strong style=\"font-size:16px; color:#333;\">DONACI\u00d3N VOLUNTARIA<\/strong>\r\n                            <div class=\"price-tag\">\u20a11,500<\/div>\r\n                            <button class=\"btn-buy\" onclick=\"abrirCheckoutWeb(3, 'DONACI\u00d3N VOLUNTARIA', 1500)\">COMPRAR<\/button>\r\n                        <\/div>\r\n                                            <div class=\"sos-card\">\r\n                            <strong style=\"font-size:16px; color:#333;\">DONACI\u00d3N VOLUNTARIA<\/strong>\r\n                            <div class=\"price-tag\">\u20a15,000<\/div>\r\n                            <button class=\"btn-buy\" onclick=\"abrirCheckoutWeb(333, 'DONACI\u00d3N VOLUNTARIA', 5000)\">COMPRAR<\/button>\r\n                        <\/div>\r\n                                    <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"overlay-web\" id=\"overlay_web\" onclick=\"cerrarCheckoutWeb()\"><\/div>\r\n            <div id=\"sos-checkout-drawer\">\r\n                <h3 style=\"margin:0; font-weight:900; font-size:22px;\">Confirmar Pedido<\/h3>\r\n                <p id=\"web-detalle-pedido\" style=\"font-size: 15px; color: #666; margin: 10px 0 20px 0;\"><\/p>\r\n                \r\n                <label style=\"font-size: 11px; font-weight: 900; color: #d32f2f; text-transform: uppercase;\">Tu WhatsApp (Para enviar recibo):<\/label>\r\n                <input type=\"number\" id=\"web-whatsapp-socio\" class=\"input-web\" placeholder=\"Ej: 63253509\">\r\n                \r\n                <div class=\"camera-box\" onclick=\"document.getElementById('file-comprobante-web').click()\">\r\n                    <span id=\"prompt-web\" style=\"font-weight:bold; color:#999;\">\ud83d\udcf8 TOCAR PARA FOTO SINPE<\/span>\r\n                    <img id=\"preview-img-tienda\">\r\n                    <input type=\"file\" id=\"file-comprobante-web\" accept=\"image\/*\" capture=\"camera\" style=\"display:none;\" onchange=\"procesarImagenTienda(this)\">\r\n                <\/div>\r\n\r\n                <button onclick=\"enviarPedidoOnline()\" id=\"btn-enviar-web\" style=\"width:100%; background:#25d366; color:white; border:none; padding:20px; border-radius:20px; font-weight:900; font-size:18px; cursor:pointer; box-shadow: 0 10px 20px rgba(37, 211, 102, 0.2);\">\ud83d\ude80 ENVIAR A OFICINA<\/button>\r\n                <center><button onclick=\"cerrarCheckoutWeb()\" style=\"background:none; border:none; color:#999; margin-top:20px; font-weight:bold; cursor:pointer;\">Cancelar<\/button><\/center>\r\n            <\/div>\r\n\r\n            <script>\r\n                let webItemActivo = null;\r\n                let blobFinalWeb = null;\r\n\r\n                function abrirCheckoutWeb(id, n, p) {\r\n                    webItemActivo = {id, n, p};\r\n                    document.getElementById('web-detalle-pedido').innerHTML = `Seleccionado: <b>${n}<\/b><br>Total a pagar: <b>\u20a1${p.toLocaleString('es-CR')}<\/b>`;\r\n                    document.getElementById('overlay_web').style.display = 'block';\r\n                    document.getElementById('sos-checkout-drawer').classList.add('open');\r\n                }\r\n                function cerrarCheckoutWeb() {\r\n                    document.getElementById('overlay_web').style.display = 'none';\r\n                    document.getElementById('sos-checkout-drawer').classList.remove('open');\r\n                }\r\n                function procesarImagenTienda(input) {\r\n                    if (input.files && input.files[0]) {\r\n                        const reader = new FileReader();\r\n                        reader.onload = function(e) {\r\n                            const img = new Image();\r\n                            img.src = e.target.result;\r\n                            img.onload = function() {\r\n                                const canvas = document.createElement('canvas');\r\n                                const scale = 400 \/ img.width;\r\n                                canvas.width = 400; canvas.height = img.height * scale;\r\n                                const ctx = canvas.getContext('2d');\r\n                                ctx.drawImage(img, 0, 0, canvas.width, canvas.height);\r\n                                canvas.toBlob((blob) => {\r\n                                    blobFinalWeb = blob;\r\n                                    document.getElementById('prompt-web').style.display = 'none';\r\n                                    const preview = document.getElementById('preview-img-tienda');\r\n                                    preview.src = URL.createObjectURL(blob);\r\n                                    preview.style.display = 'block';\r\n                                }, 'image\/jpeg', 0.4);\r\n                            }\r\n                        }\r\n                        reader.readAsDataURL(input.files[0]);\r\n                    }\r\n                }\r\n                function enviarPedidoOnline() {\r\n                    const wa = document.getElementById('web-whatsapp-socio').value;\r\n                    if(!blobFinalWeb || !wa) return alert(\"\u26a0\ufe0f Se requiere la foto del comprobante y su n\u00famero de WhatsApp.\");\r\n                    \r\n                    const btn = document.getElementById('btn-enviar-web');\r\n                    btn.disabled = true; btn.innerText = \"ENVIANDO...\";\r\n\r\n                    let f = new FormData();\r\n                    f.append('action', 'sos_pedido_online');\r\n                    f.append('items', JSON.stringify([{id: webItemActivo.id, precio: webItemActivo.p, qty: 1}]));\r\n                    f.append('comprobante', blobFinalWeb, \"sinpe.jpg\");\r\n                    f.append('whatsapp_socio', wa);\r\n\r\n                    jQuery.ajax({\r\n                        url: 'https:\/\/sospuravida.com\/familias\/wp-admin\/admin-ajax.php',\r\n                        type: 'POST', data: f, contentType: false, processData: false,\r\n                        success: function(r) {\r\n                            if(r.success) {\r\n                                let numWA = wa.replace(\/[^0-9]\/g, '');\r\n                                if(numWA.length === 8) numWA = \"506\" + numWA;\r\n                                \r\n                                \/\/ INYECCI\u00d3N V36.1: Enlace nativo WhatsApp\r\n                                let isAndroid = \/android|iphone|ipad|ipod\/i.test(navigator.userAgent || navigator.vendor || window.opera);\r\n                                let urlAtk = isAndroid ? `whatsapp:\/\/send?phone=${numWA}&text=${encodeURIComponent(r.data.msg)}` : `https:\/\/api.whatsapp.com\/send?phone=${numWA}&text=${encodeURIComponent(r.data.msg)}`;\r\n                                \r\n                                let a = document.createElement('a');\r\n                                a.href = urlAtk; a.target = '_blank'; a.rel = 'noopener noreferrer';\r\n                                document.body.appendChild(a); a.click(); document.body.removeChild(a);\r\n                                \r\n                                setTimeout(() => { window.location.reload(); }, 1500);\r\n                            } else {\r\n                                alert(\"Error: \" + r.data);\r\n                                btn.disabled = false; btn.innerText = \"REINTENTAR\";\r\n                            }\r\n                        }\r\n                    });\r\n                }\r\n            <\/script>\r\n            \n<\/div><\/section><\/div>\n<div  class='flex_column av-g2pjb-eb8d31f3c2d2e28e49068689343ffb4b av_one_full  avia-builder-el-2  el_after_av_one_full  el_before_av_hr  first flex_column_div  column-top-margin'     ><\/div>\n<div  class='hr av-8rwvz-5e291f29fc5ff3ae1f05beb3411cf7aa hr-default  avia-builder-el-3  el_after_av_one_full  el_before_av_textblock '><span class='hr-inner '><span class=\"hr-inner-style\"><\/span><\/span><\/div>\n<section  class='av_textblock_section av-mkh8dlkk-7ce0e0a7075764c323a167b43a0259b8 '   itemscope=\"itemscope\" itemtype=\"https:\/\/schema.org\/CreativeWork\" ><div class='avia_textblock'  itemprop=\"text\" ><p style=\"text-align: center;\">Desde esta zona podras realizar tu donaci\u00f3n, mediante SimpeMovil y proximamente con tarjeta debito o credito<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-309 aligncenter\" src=\"https:\/\/sospuravida.com\/familias\/wp-content\/uploads\/2026\/01\/tu-compra-salva-vidas-logo-300x181.png\" alt=\"\" width=\"104\" height=\"63\" srcset=\"https:\/\/sospuravida.com\/familias\/wp-content\/uploads\/2026\/01\/tu-compra-salva-vidas-logo-300x181.png 300w, https:\/\/sospuravida.com\/familias\/wp-content\/uploads\/2026\/01\/tu-compra-salva-vidas-logo-768x464.png 768w, https:\/\/sospuravida.com\/familias\/wp-content\/uploads\/2026\/01\/tu-compra-salva-vidas-logo-705x426.png 705w, https:\/\/sospuravida.com\/familias\/wp-content\/uploads\/2026\/01\/tu-compra-salva-vidas-logo.png 979w\" sizes=\"auto, (max-width: 104px) 100vw, 104px\" \/><\/p>\n<\/div><\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-263","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/pages\/263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/comments?post=263"}],"version-history":[{"count":3,"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/pages\/263\/revisions"}],"predecessor-version":[{"id":335,"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/pages\/263\/revisions\/335"}],"wp:attachment":[{"href":"https:\/\/sospuravida.com\/familias\/wp-json\/wp\/v2\/media?parent=263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}