{"id":7,"date":"2026-10-10T18:59:54","date_gmt":"2026-10-10T18:59:54","guid":{"rendered":"https:\/\/ventasocio.com\/?page_id=7"},"modified":"2026-10-10T19:00:17","modified_gmt":"2026-10-10T19:00:17","slug":"tienda-global","status":"publish","type":"page","link":"https:\/\/ventasocio.com\/","title":{"rendered":"Tienda Global"},"content":{"rendered":"        <style>\r\n            header, footer, nav, aside, .site-header, .site-footer, .site-navigation, .main-navigation, #masthead, #colophon, #site-navigation, #site-footer, #footer, #header, .elementor-location-header, .elementor-location-footer, .ast-blog-single-element, .entry-title, .page-title, h1.entry-title, .entry-header, .page-header, .ast-title-bar-wrap, .footer-widgets, .site-info, .wp-block-post-title, h1.post-title { display: none !important; }\r\n            .vsc-app-container footer { display: block !important; }\r\n            html, body, .site, #page, #primary, #content, .page-content, .site-content { background-color: #f0f2f5 !important; margin: 0 !important; padding: 0 !important; }\r\n        <\/style>\r\n        <script>\r\n            document.addEventListener('DOMContentLoaded', function() {\r\n                const elementosAEliminar = document.querySelectorAll('header, footer, nav, .site-header, .site-footer, #colophon, #masthead, #footer, .entry-header, .wp-block-post-title, .page-title, h1.entry-title');\r\n                elementosAEliminar.forEach(el => { if (el && !el.closest('.vsc-app-container')) { el.remove(); } });\r\n            });\r\n        <\/script>\r\n        <div class=\"vsc-app-container\" style=\"--color-marca: #222222;\">\r\n    <div class=\"vsc-contenido-principal\">\r\n        <div class=\"vsc-banner-estrategico\" style=\"position:relative; background-image: url(''); background-size: cover; background-position: center; background-color: #0055a4;\">\r\n                    <\/div>\r\n        <div style=\"text-align:center; padding-top:55px; padding-bottom:20px; border-bottom:1px solid #eee; padding-left:20px; padding-right:20px;\">\r\n            <h1 style=\"margin:0 0 10px 0; font-size:28px; color:#222; font-weight:800;\">Centro Comercial VentaSocio<\/h1>\r\n            <p style=\"margin:0; font-size:14px; color:#666; line-height:1.5;\">Descubre los mejores productos de todas nuestras tiendas afiliadas.<\/p>\r\n        <\/div>\r\n        <div class=\"vsc-grid-productos\" style=\"padding:25px; display:grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap:20px;\">\r\n                    <\/div>\r\n    <\/div>\r\n    <div style=\"height:40px;\"><\/div>\r\n    \r\n    <!-- MODAL DE LA TIENDA GLOBAL -->\r\n    <div id=\"vsc-mg-modal\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999; align-items:flex-end; justify-content:center;\">\r\n        <div id=\"vsc-mg-content\" style=\"background:#fff; width:100%; max-width:500px; max-height:95vh; overflow-y:auto; border-radius:20px 20px 0 0; padding:20px; box-sizing:border-box; transform:translateY(100%); transition:transform 0.3s ease-out; position:relative;\">\r\n            <button id=\"vsc-mg-cerrar\" style=\"position:absolute; top:15px; right:15px; background:#eee; border:none; border-radius:50%; width:30px; height:30px; font-weight:bold; cursor:pointer; z-index:10;\">X<\/button>\r\n            <img decoding=\"async\" id=\"vsc-mg-img\" src=\"\" style=\"width:100%; height:220px; object-fit:cover; border-radius:10px; margin-bottom:15px; display:none; cursor:zoom-in;\">\r\n            \r\n            <div style=\"display:flex; align-items:center; background:#f0f8ff; padding:12px; border-radius:8px; border:1px solid #cce5ff; margin-bottom:15px;\">\r\n                <img decoding=\"async\" id=\"vsc-mg-tienda-logo\" src=\"\" style=\"width:45px; height:45px; border-radius:50%; margin-right:12px; object-fit:cover; background:#fff; border:1px solid #ddd;\">\r\n                <div>\r\n                    <span style=\"font-size:11px; color:#666; text-transform:uppercase;\">Vendido por:<\/span>\r\n                    <strong id=\"vsc-mg-tienda-nombre\" style=\"color:#0055a4; display:block; font-size:16px;\"><\/strong>\r\n                    <span id=\"vsc-mg-tienda-dir\" style=\"color:#666; font-size:12px;\"><\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <h2 id=\"vsc-mg-titulo\" style=\"margin:0 0 5px 0; font-size:20px;\"><\/h2>\r\n            <p id=\"vsc-mg-precio\" style=\"margin:0 0 15px 0; font-weight:bold; color:#0055a4; font-size:18px;\"><\/p>\r\n            <div id=\"vsc-mg-variaciones\" style=\"display:none; margin-bottom:15px; background:#f9f9f9; padding:15px; border-radius:8px; border-left:4px solid #0055a4;\"><\/div>\r\n            <div id=\"vsc-mg-extras\" style=\"display:none; background:#f9f9f9; padding:15px; border-radius:8px; margin-bottom:15px;\"><h4 style=\"margin:0 0 10px 0;\">Extras Adicionales:<\/h4><div id=\"vsc-mg-lista-extras\"><\/div><\/div>\r\n            <div style=\"background:#fff3cd; padding:15px; border-radius:8px; border:1px solid #ffeeba; margin-bottom:15px;\">\r\n                <h4 style=\"margin:0 0 10px 0; color:#856404; font-size:14px;\">Tus datos para el pedido directo:<\/h4>\r\n                <input type=\"text\" id=\"vsc-mg-cliente\" placeholder=\"Tu Nombre y Apellido\" style=\"width:100%; padding:10px; margin-bottom:10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box;\">\r\n                <select id=\"vsc-mg-metodo\" style=\"width:100%; padding:10px; margin-bottom:10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box;\"><option value=\"Delivery\">Solicitar Delivery<\/option><option value=\"Retiro en Tienda\">Ir a retirar a la Tienda<\/option><\/select>\r\n                <textarea id=\"vsc-mg-dir\" placeholder=\"Tu Direcci\u00f3n completa\" rows=\"2\" style=\"width:100%; padding:10px; border:1px solid #ddd; border-radius:6px; box-sizing:border-box;\"><\/textarea>\r\n            <\/div>\r\n            <button id=\"vsc-mg-btn-enviar\" style=\"width:100%; background:#25D366; color:#fff; border:none; padding:15px; border-radius:10px; font-weight:bold; font-size:16px; cursor:pointer;\">  Pedir a esta tienda por WhatsApp<\/button>\r\n        <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Lightbox Copiado para el Global -->\r\n    <div id=\"vsc-lightbox-overlay\" style=\"display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.95); z-index:100000; align-items:center; justify-content:center; overflow:hidden;\">\r\n        <button id=\"vsc-cerrar-lightbox\" style=\"position:absolute; top:20px; right:20px; background:rgba(255,255,255,0.2); color:#fff; border:none; border-radius:50%; width:40px; height:40px; font-size:20px; font-weight:bold; cursor:pointer; z-index:100001;\">X<\/button>\r\n        <img decoding=\"async\" id=\"vsc-lightbox-img\" src=\"\" style=\"max-width:100%; max-height:100%; object-fit:contain; transition:transform 0.3s; cursor:zoom-in;\">\r\n    <\/div>\r\n<\/div>\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\n    const itemsGlobales = document.querySelectorAll('.vsc-item-global');\r\n    const modal = document.getElementById('vsc-mg-modal');\r\n    const content = document.getElementById('vsc-mg-content');\r\n    let prodGlobalActivo = null;\r\n    \r\n    itemsGlobales.forEach(item => {\r\n        item.addEventListener('click', function() {\r\n            let urlAfiliado = this.getAttribute('data-url-afiliado');\r\n            if (urlAfiliado && urlAfiliado.trim() !== '') { window.open(urlAfiliado, '_blank'); return; }\r\n            \r\n            prodGlobalActivo = {\r\n                nombre: this.getAttribute('data-nombre'), precio: parseFloat(this.getAttribute('data-precio')), img: this.getAttribute('data-img'), variaciones: this.getAttribute('data-variaciones'), extras: this.getAttribute('data-extras'),\r\n                tienda_wa: this.getAttribute('data-tienda-wa').replace(\/\\D\/g, ''), tienda_nombre: this.getAttribute('data-tienda-nombre'), tienda_logo: this.getAttribute('data-tienda-logo'), tienda_dir: this.getAttribute('data-tienda-dir')\r\n            };\r\n            document.getElementById('vsc-mg-titulo').innerText = prodGlobalActivo.nombre;\r\n            document.getElementById('vsc-mg-precio').innerText = '$' + prodGlobalActivo.precio.toFixed(2);\r\n            \r\n            const imgEl = document.getElementById('vsc-mg-img');\r\n            if(prodGlobalActivo.img) { imgEl.src = prodGlobalActivo.img; imgEl.style.display = 'block'; } else { imgEl.style.display = 'none'; }\r\n            \r\n            document.getElementById('vsc-mg-tienda-nombre').innerText = prodGlobalActivo.tienda_nombre;\r\n            document.getElementById('vsc-mg-tienda-dir').innerText = prodGlobalActivo.tienda_dir ? ' - ' + prodGlobalActivo.tienda_dir : '';\r\n            const tLogo = document.getElementById('vsc-mg-tienda-logo');\r\n            if(prodGlobalActivo.tienda_logo) { tLogo.src = prodGlobalActivo.tienda_logo; tLogo.style.display = 'block'; } else { tLogo.style.display = 'none'; }\r\n            \r\n            const varContainer = document.getElementById('vsc-mg-variaciones'); varContainer.innerHTML = '';\r\n            if (prodGlobalActivo.variaciones) {\r\n                prodGlobalActivo.variaciones.split('\\n').forEach(vari => {\r\n                    const partes = vari.split('|');\r\n                    if (partes.length === 2) {\r\n                        const nombreA = partes[0].trim(); const opciones = partes[1].split(',').map(o => o.trim());\r\n                        let selectHtml = `<div style=\"margin-bottom:10px;\"><label style=\"font-weight:bold; font-size:14px; display:block; margin-bottom:5px;\">Elige ${nombreA}:<\/label><select class=\"vsc-mg-select-var\" data-nombre=\"${nombreA}\" style=\"width:100%; padding:10px; border-radius:6px; border:1px solid #ccc;\">`;\r\n                        opciones.forEach(op => { if (op) selectHtml += `<option value=\"${op}\">${op}<\/option>`; });\r\n                        selectHtml += `<\/select><\/div>`; varContainer.innerHTML += selectHtml;\r\n                    }\r\n                });\r\n                varContainer.style.display = varContainer.innerHTML !== '' ? 'block' : 'none';\r\n            } else { varContainer.style.display = 'none'; }\r\n            \r\n            const listaExtras = document.getElementById('vsc-mg-lista-extras'); listaExtras.innerHTML = '';\r\n            if(prodGlobalActivo.extras) {\r\n                prodGlobalActivo.extras.split('\\n').forEach(ext => {\r\n                    const partes = ext.split('|');\r\n                    if(partes.length === 2) {\r\n                        const n = partes[0].trim(); const p = parseFloat(partes[1].trim());\r\n                        if (!isNaN(p)) { listaExtras.innerHTML += `<label style=\"display:flex; justify-content:space-between; margin-bottom:8px; cursor:pointer;\"><span><input type=\"checkbox\" class=\"vsc-mg-chk-extra\" data-n=\"${n}\" data-p=\"${p}\"> ${n}<\/span><span style=\"color:#666;\">+$${p.toFixed(2)}<\/span><\/label>`; }\r\n                    }\r\n                });\r\n                document.getElementById('vsc-mg-extras').style.display = listaExtras.innerHTML !== '' ? 'block' : 'none';\r\n            } else { document.getElementById('vsc-mg-extras').style.display = 'none'; }\r\n            \r\n            document.getElementById('vsc-mg-btn-enviar').innerText = `  Pedir a ${prodGlobalActivo.tienda_nombre} por WA`;\r\n            modal.style.display = 'flex'; setTimeout(() => content.style.transform = 'translateY(0)', 10);\r\n        });\r\n    });\r\n    \r\n    const cerrarModal = () => { content.style.transform = 'translateY(100%)'; setTimeout(() => modal.style.display = 'none', 300); };\r\n    document.getElementById('vsc-mg-cerrar').addEventListener('click', cerrarModal);\r\n    modal.addEventListener('click', (e) => { if(e.target === modal) cerrarModal(); });\r\n    \r\n    document.getElementById('vsc-mg-btn-enviar').addEventListener('click', function() {\r\n        const nom = document.getElementById('vsc-mg-cliente').value.trim(); const met = document.getElementById('vsc-mg-metodo').value; const dir = document.getElementById('vsc-mg-dir').value.trim();\r\n        if(!nom) { alert('Por favor, ingresa tu nombre.'); return; }\r\n        if(met === 'Delivery' && !dir) { alert('Ingresa tu direcci\u00f3n para el delivery.'); return; }\r\n        \r\n        let total = prodGlobalActivo.precio;\r\n        let texto = `*NUEVO PEDIDO DIRECTO* %0A%0A_  Hola ${prodGlobalActivo.tienda_nombre}, vengo de la Tienda Global de VentaSocio. Me gustar\u00eda hacer un pedido._%0A%0A*Cliente:* ${nom}%0A*M\u00e9todo:* ${met}%0A`;\r\n        if(met === 'Delivery') texto += `*Direcci\u00f3n:* ${dir}%0A`;\r\n        \r\n        texto += `%0A*PRODUCTO DESEADO:*%0A  *${prodGlobalActivo.nombre}* ($${prodGlobalActivo.precio.toFixed(2)})%0A`;\r\n        document.querySelectorAll('.vsc-mg-select-var').forEach(sel => { texto += `  |_   ${sel.getAttribute('data-nombre')}: ${sel.value}%0A`; });\r\n        document.querySelectorAll('.vsc-mg-chk-extra:checked').forEach(chk => { const p = parseFloat(chk.getAttribute('data-p')); total += p; texto += `  |_ + ${chk.getAttribute('data-n')} ($${p.toFixed(2)})%0A`; });\r\n        \r\n        texto += `%0A*TOTAL A PAGAR: $${total.toFixed(2)}*`;\r\n        window.open(`https:\/\/wa.me\/${prodGlobalActivo.tienda_wa}?text=${texto}`, '_blank');\r\n    });\r\n    \r\n    const lightboxOverlay = document.getElementById('vsc-lightbox-overlay');\r\n    const lightboxImg = document.getElementById('vsc-lightbox-img');\r\n    let isZoomed = false;\r\n    \r\n    document.getElementById('vsc-mg-img').addEventListener('click', function() {\r\n        if (this.src && this.style.display !== 'none') { lightboxImg.src = this.src; lightboxOverlay.style.display = 'flex'; isZoomed = false; lightboxImg.style.transform = 'scale(1)'; lightboxImg.style.cursor = 'zoom-in'; }\r\n    });\r\n    const cerrarLightbox = () => { lightboxOverlay.style.display = 'none'; lightboxImg.src = ''; };\r\n    document.getElementById('vsc-cerrar-lightbox').addEventListener('click', cerrarLightbox);\r\n    lightboxOverlay.addEventListener('click', (e) => { if(e.target === lightboxOverlay) cerrarLightbox(); });\r\n});\r\n<\/script>\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-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ventasocio.com\/index.php?rest_route=\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ventasocio.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ventasocio.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ventasocio.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ventasocio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7"}],"version-history":[{"count":2,"href":"https:\/\/ventasocio.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":11,"href":"https:\/\/ventasocio.com\/index.php?rest_route=\/wp\/v2\/pages\/7\/revisions\/11"}],"wp:attachment":[{"href":"https:\/\/ventasocio.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}