{"id":8747,"date":"2026-03-26T15:36:33","date_gmt":"2026-03-26T15:36:33","guid":{"rendered":"https:\/\/conocimientodegrupos.com.ar\/660\/?page_id=8747"},"modified":"2026-03-26T15:39:33","modified_gmt":"2026-03-26T15:39:33","slug":"sistema-vouchers","status":"publish","type":"page","link":"https:\/\/conocimientodegrupos.com.ar\/660\/sistema-vouchers\/","title":{"rendered":"Sistema Vouchers"},"content":{"rendered":"<style>\n        .vsys-whatsapp-btn { \n            background: #25D366 !important; color: white !important; text-decoration: none !important; \n            padding: 12px 20px; border-radius: 10px; font-weight: 700; display: inline-flex; \n            align-items: center; gap: 8px; transition: 0.3s; margin-left: 10px; font-size: 14px;\n        }\n        .vsys-whatsapp-btn:hover { background: #128C7E !important; transform: translateY(-2px); }\n        .vsys-whatsapp-btn svg { fill: white; }\n        @media (max-width: 480px) { \n            .vsys-whatsapp-btn { margin-left: 0; margin-top: 10px; width: 100%; justify-content: center; box-sizing: border-box; } \n        }\n    <\/style>    <style>\n        :root { --vsys-primary: #000; --vsys-bg: #f8fafc; --vsys-card: #ffffff; --vsys-success: #22c55e; --vsys-danger: #ef4444; }\n        .vsys-app { font-family: 'Inter', -apple-system, sans-serif; background: transparent; padding: 20px 0; color: #1e293b; max-width: 600px; margin: 0 auto; line-height: 1.5; }\n        .vsys-header { text-align: center; margin-bottom: 30px; }\n        .vsys-logo { max-width: 120px; margin-bottom: 15px; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1)); }\n        .vsys-header h2 { font-size: 22px; font-weight: 800; margin: 0; color: #000; }\n        .vsys-header p { color: #64748b; margin-top: 5px; font-size: 15px; }\n        \n        .vsys-card { background: var(--vsys-card); border-radius: 16px; padding: 30px; box-shadow: 0 10px 25px -5px rgba(0,0,0,0.05), 0 8px 10px -6px rgba(0,0,0,0.05); border: 1px solid #f1f5f9; margin-bottom: 20px; }\n        .vsys-input-group { margin-bottom: 20px; text-align: left; }\n        .vsys-input-group label { display: block; font-size: 12px; font-weight: 700; margin-bottom: 8px; color: #475569; text-transform: uppercase; letter-spacing: 0.5px; }\n        .vsys-input { width: 100%; padding: 15px; border: 2px solid #e2e8f0; border-radius: 12px; font-size: 16px; transition: all 0.3s; box-sizing: border-box; background: #fff; }\n        .vsys-input:focus { border-color: var(--vsys-primary); outline: none; box-shadow: 0 0 0 4px rgba(0,0,0,0.05); }\n        \n        .vsys-btn-main { background: var(--vsys-primary); color: #fff; width: 100%; padding: 16px; border: none; border-radius: 12px; font-size: 16px; font-weight: 700; cursor: pointer; transition: transform 0.2s, background 0.3s; text-transform: uppercase; letter-spacing: 1px; }\n        .vsys-btn-main:hover { transform: translateY(-2px); opacity: 0.9; }\n\n        .vsys-view-fade { animation: fadeInScale 0.4s cubic-bezier(0.4, 0, 0.2, 1); }\n        @keyframes fadeInScale { from { opacity: 0; transform: scale(0.98) translateY(10px); } to { opacity: 1; transform: scale(1) translateY(0); } }\n\n        .vsys-status-card { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-radius: 12px; margin-top: 20px; }\n        .status-enabled { background: #f0fdf4; border: 1px solid #bbf7d0; }\n        .status-disabled { background: #fef2f2; border: 1px solid #fecaca; }\n        \n        .vsys-download-btn { background: var(--vsys-success); color: white; text-decoration: none; padding: 12px 24px; border-radius: 10px; font-weight: 700; display: inline-block; transition: 0.3s; text-align: center; }\n        .vsys-download-btn:hover { background: #16a34a; transform: translateY(-2px); color:white; }\n        \n        .vsys-back-link { display: inline-block; margin-bottom: 20px; color: #64748b; text-decoration: none; font-weight: 600; font-size: 14px; transition: 0.2s; }\n        .vsys-back-link:hover { color: #000; }\n\n        .vsys-data-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 20px; text-align: left; margin-bottom: 15px; }\n        .vsys-data-label { font-size: 11px; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.5px; font-weight: 700; margin-bottom: 4px; }\n        .vsys-data-value { font-size: 16px; font-weight: 800; color: #1e293b; }\n\n        @media (max-width: 480px) { .vsys-card { padding: 20px; } .vsys-status-card { flex-direction: column; align-items: flex-start; gap: 15px; } .vsys-download-btn { width: 100%; box-sizing: border-box; } }\n    <\/style>\n\n    <div class=\"vsys-app\">\n        <div class=\"vsys-header\">\n            <img decoding=\"async\" src=\"http:\/\/conocimientodegrupos.com.ar\/660\/wp-content\/uploads\/2020\/05\/D-Logo-660-Circulo-Blanco-Contorno-Negro-De-Color-SIN-REDES.png\" class=\"vsys-logo\" alt=\"Logo\">\n            <h2>Hola, un gusto saludarte.<\/h2>\n            <p>Gestiona todas tus reservas aqui<\/p>\n        <\/div>\n\n                    <div class=\"vsys-card vsys-view-fade\">\n                <form method=\"post\">\n                    <div class=\"vsys-input-group\">\n                        <label>TU DNI<\/label>\n                        <input type=\"text\" name=\"v_dni\" class=\"vsys-input\" placeholder=\"Ej: 35123456\" required>\n                    <\/div>\n                    <div class=\"vsys-input-group\">\n                        <label>N\u00daMERO DE RESERVA<\/label>\n                        <input type=\"text\" name=\"v_reserva\" class=\"vsys-input\" placeholder=\"Ej: 1000\" required>\n                    <\/div>\n                    <button type=\"submit\" class=\"vsys-btn-main\">CONSULTAR AHORA<\/button>\n                <\/form>\n            <\/div>\n            <\/div>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8747","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/pages\/8747","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/comments?post=8747"}],"version-history":[{"count":1,"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/pages\/8747\/revisions"}],"predecessor-version":[{"id":8748,"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/pages\/8747\/revisions\/8748"}],"wp:attachment":[{"href":"https:\/\/conocimientodegrupos.com.ar\/660\/wp-json\/wp\/v2\/media?parent=8747"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}