{"id":1557,"date":"2025-12-10T15:57:32","date_gmt":"2025-12-10T14:57:32","guid":{"rendered":"https:\/\/drumandbarr.com\/?page_id=1557"},"modified":"2025-12-10T23:19:38","modified_gmt":"2025-12-10T22:19:38","slug":"1557-2","status":"publish","type":"page","link":"https:\/\/drumandbarr.com\/en\/1557-2\/","title":{"rendered":"COMPRA TU ACCIONES"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"1557\" class=\"elementor elementor-1557\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2e5282f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2e5282f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b93aa11\" data-id=\"b93aa11\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a10b639 elementor-widget elementor-widget-html\" data-id=\"a10b639\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!doctype html>\r\n<html lang=\"es\">\r\n<head>\r\n  <meta charset=\"utf-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width,initial-scale=1\" \/>\r\n  <title>DRUMANDBARR \u2014 Ficha de inversi\u00f3n<\/title>\r\n  <meta name=\"description\" content=\"Ficha de la acci\u00f3n DRUMANDBARR \u2014 contacto y acceso al panel\" \/>\r\n  <style>\r\n    :root{\r\n      --bg:#f4f7fb;\r\n      --card:#ffffff;\r\n      --muted:#6b7280;\r\n      --accent:#0b72ff;\r\n      --border:#e6e9ef;\r\n      --radius:10px;\r\n      --maxw:1000px;\r\n    }\r\n    *{box-sizing:border-box}\r\n    body{margin:0;font-family:Inter, Arial, Helvetica, sans-serif;background:var(--bg);color:#0b1724}\r\n    .wrap{max-width:var(--maxw);margin:28px auto;padding:20px}\r\n    header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}\r\n    .brand{display:flex;align-items:center;gap:12px}\r\n    .logo{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#2bb7ff);display:flex;align-items:center;justify-content:center;color:white;font-weight:700}\r\n    h1{font-size:1.3rem;margin:0}\r\n   {background:#fff3cd;color:#6a4f00;padding:6px 10px;border-radius:999px;border:1px solid #ffe8a8;font-weight:700}\r\n\r\n    .layout{display:grid;grid-template-columns:1fr 340px;gap:18px}\r\n    .card{background:var(--card);padding:18px;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 6px 24px rgba(2,8,23,0.04)}\r\n    h2{margin-top:0}\r\n    p, ul{color:#123140;line-height:1.5}\r\n    ul{padding-left:18px}\r\n    .muted{color:var(--muted);font-size:0.95rem}\r\n    .stat{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#fbfdff;border-radius:8px;margin-bottom:8px;border:1px solid #eef6ff}\r\n    .btn{display:inline-block;padding:10px 12px;border-radius:8px;border:0;background:var(--accent);color:white;font-weight:700;text-decoration:none;cursor:pointer}\r\n    .btn.ghost{background:transparent;color:var(--accent);border:1px solid rgba(11,114,255,0.12)}\r\n    .lang-switch{display:flex;gap:8px}\r\n    .flag{width:36px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:white;font-weight:700;font-size:12px}\r\n    .flag.es{background:linear-gradient(#c60b1e,#c60b1e)}\r\n    .flag.en{background:linear-gradient(#012169,#012169)}\r\n    form input, form textarea, form select{width:100%;padding:8px;border-radius:8px;border:1px solid #d6dbe8;margin-top:6px;margin-bottom:10px}\r\n    .panel-link{display:block;margin-top:8px;text-decoration:none}\r\n    footer{margin-top:12px;color:var(--muted);font-size:13px}\r\n    @media (max-width:880px){ .layout{grid-template-columns:1fr} .brand h1{font-size:1.1rem} }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n  <div class=\"wrap\">\r\n    <header>\r\n      <div class=\"brand\" aria-hidden=\"false\">\r\n        <div class=\"logo\">DB<\/div>\r\n        <div>\r\n          <h1 id=\"page-title\">Acci\u00f3n \u2014 DRUMANDBARR<\/h1>\r\n          <div class=\"muted\">Ficha informativa<\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div style=\"display:flex;align-items:center;gap:12px\">\r\n        <div class=\"lang-switch\" role=\"navigation\" aria-label=\"Selector idioma\">\r\n          <button class=\"flag es\" data-lang=\"es\" aria-label=\"Espa\u00f1ol\">ES<\/button>\r\n          <button class=\"flag en\" data-lang=\"en\" aria-label=\"English\">EN<\/button>\r\n        <\/div>\r\n    \r\n    <\/header>\r\n\r\n    <main class=\"layout\" role=\"main\">\r\n      <!-- Main content -->\r\n      <section class=\"card\" aria-labelledby=\"offer-title\">\r\n        <h2 id=\"offer-title\">Resumen de la oferta<\/h2>\r\n\r\n        <div class=\"stat\"><strong>Porcentaje ofrecido al p\u00fablico<\/strong><span id=\"public-share\">20 %<\/span><\/div>\r\n        <div class=\"stat\"><strong>Precio por acci\u00f3n<\/strong><span id=\"price-per-share\">2,00 USD<\/span><\/div>\r\n        <div class=\"stat\"><strong>Participaci\u00f3n privada (Clan)<\/strong><span id=\"private-share\">80 %<\/span><\/div>\r\n\r\n        <h3>Estructura de acciones para personas f\u00edsicas<\/h3>\r\n        <ul id=\"structure-list\">\r\n          <li>Acci\u00f3n 1 \u2013 Propietario base<\/li>\r\n          <li>Acci\u00f3n 2 \u2013 Venta al valor inicial (2 USD)<\/li>\r\n          <li>Acci\u00f3n 3 \u2013 Reventa a nuevo inversor al valor inicial<\/li>\r\n          <li>Acci\u00f3n 4 \u2013 Amortizaci\u00f3n en m\u00e1ximos rendimiento<\/li>\r\n        <\/ul>\r\n\r\n        <p><strong>Condiciones:<\/strong> M\u00e1ximo 4 acciones por persona f\u00edsica.<\/p>\r\n\r\n        <div style=\"margin-top:10px\" class=\"muted\">\r\n          <em>Este esquema representa una oferta ficticia \/ demo y no constituye una oferta p\u00fablica real. Para ventas reales se debe integrar backend seguro y cumplir requisitos legales.<\/em>\r\n        <\/div>\r\n\r\n        <hr style=\"margin:14px 0\">\r\n\r\n        <!-- Formulario de inter\u00e9s -->\r\n        <h3>Formulario de inter\u00e9s<\/h3>\r\n        <p class=\"muted\">Rellena y pulsa \"Enviar consulta\" para abrir tu cliente de correo con la informaci\u00f3n (env\u00edo por email) \u2014 adem\u00e1s la consulta se guarda localmente en este navegador.<\/p>\r\n\r\n        <form id=\"interest-form\" onsubmit=\"return false;\" aria-label=\"Formulario de inter\u00e9s\" action=\"\">\r\n          <label>Nombre<\/label>\r\n          <input type=\"text\" id=\"inp-name\" placeholder=\"Tu nombre\" required \/>\r\n\r\n          <label>Tel\u00e9fono (opcional)<\/label>\r\n          <input type=\"text\" id=\"inp-phone\" placeholder=\"+34 6xx xxx xxx\" \/>\r\n\r\n          <label>Email<\/label>\r\n          <input type=\"email\" id=\"inp-email\" placeholder=\"tu@ejemplo.com\" required \/>\r\n\r\n          <label>Mensaje<\/label>\r\n          <textarea id=\"inp-message\" rows=\"4\" placeholder=\"Quisiera m\u00e1s informaci\u00f3n...\" required><\/textarea>\r\n\r\n          <div style=\"display:flex;gap:8px;flex-wrap:wrap\">\r\n            <button id=\"send-mail\" class=\"btn\">Enviar consulta (abrir email)<\/button>\r\n            <button id=\"save-local\" class=\"btn ghost\" type=\"button\">Guardar consulta local<\/button>\r\n\r\n            <!-- Enlace al panel real que me diste -->\r\n            <a id=\"go-panel\" class=\"btn\" href=\"https:\/\/drumandbarr.com\/en\/inverciones\/\" target=\"_blank\" rel=\"noopener noreferrer\">Ir al panel<\/a>\r\n          <\/div>\r\n        <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\r\n\r\n        <div id=\"saved-notice\" style=\"margin-top:10px;color:var(--muted);display:none\">Consulta guardada localmente.<\/div>\r\n\r\n        <footer>\r\n          <p class=\"muted\">Contacto (demo): <a id=\"contact-email\" href=\"mailto:bneplacito@gmail.com\">bneplacito@gmail.com<\/a><\/p>\r\n          <p class=\"muted\">\u00daltima actualizaci\u00f3n: <strong id=\"updated\">10\/12\/2025<\/strong><\/p>\r\n        <\/footer>\r\n      <\/section>\r\n\r\n      <!-- Sidebar -->\r\n      <aside class=\"card\" aria-labelledby=\"aside-title\">\r\n        <h3 id=\"aside-title\">Ficha r\u00e1pida<\/h3>\r\n        <p class=\"muted\"><strong>M\u00e1x. por persona:<\/strong> 4 acciones<\/p>\r\n        <p class=\"muted\"><strong>Estado:<\/strong> <span id=\"status\">Disponible (DEMO)<\/span><\/p>\r\n\r\n        <hr>\r\n\r\n        <h4>Acciones<\/h4>\r\n        <p style=\"margin:8px 0\">\r\n          <a class=\"btn\" href=\"mailto:bneplacito@gmail.com?subject=Interes%20en%20Accion%20DRUMANDBARR\" id=\"contact-sell\">Contactar vendedor<\/a>\r\n        <\/p>\r\n\r\n        <p style=\"margin-top:6px;\">\r\n          <a class=\"btn ghost panel-link\" href=\"https:\/\/drumandbarr.com\/en\/inverciones\/\" target=\"_blank\" rel=\"noopener noreferrer\">Abrir panel<\/a>\r\n        <\/p>\r\n\r\n        <hr>\r\n\r\n        <h4>Panel local (consultas)<\/h4>\r\n        <div id=\"local-list\" class=\"muted\">No hay consultas guardadas.<\/div>\r\n      <\/aside>\r\n    <\/main>\r\n  <\/div>\r\n\r\n  <script>\r\n    \/\/ --- CONFIG ---\r\n    const SELLER_EMAIL = 'bneplacito@gmail.com';\r\n    const PANEL_URL = 'https:\/\/drumandbarr.com\/es\/inverciones\/'; \/\/ tu panel real\r\n    const PRODUCT = {\r\n      id: 'drumandbarr-001',\r\n      title: 'Acci\u00f3n \u2014 DRUMANDBARR',\r\n      price: '2,00 USD',\r\n      publicShare: '20 %',\r\n      privateShare: '80 %',\r\n      maxPerPerson: 4\r\n    };\r\n\r\n    \/\/ Populate initial fields\r\n    document.getElementById('price-per-share').textContent = PRODUCT.price;\r\n    document.getElementById('public-share').textContent = PRODUCT.publicShare;\r\n    document.getElementById('private-share').textContent = PRODUCT.privateShare;\r\n    document.getElementById('updated').textContent = new Date().toLocaleDateString();\r\n\r\n    \/\/ Language toggle (simple)\r\n    const translations = {\r\n      en: {\r\n        title: 'Share \u2014 DRUMANDBARR',\r\n        summary: 'Summary of the offering',\r\n        maxLabel: 'Max per person',\r\n        sendBtn: 'Send inquiry (open email)',\r\n        saveBtn: 'Save local inquiry',\r\n        goPanel: 'Go to panel',\r\n        contact: 'Contact (demo):'\r\n      },\r\n      es: {\r\n        title: 'Acci\u00f3n \u2014 DRUMANDBARR',\r\n        summary: 'Resumen de la oferta',\r\n        maxLabel: 'M\u00e1x. por persona',\r\n        sendBtn: 'Enviar consulta (abrir email)',\r\n        saveBtn: 'Guardar consulta local',\r\n        goPanel: 'Ir al panel',\r\n        contact: 'Contacto (demo):'\r\n      }\r\n    };\r\n    function setLang(lang){\r\n      const t = translations[lang] || translations.es;\r\n      document.getElementById('page-title').textContent = t.title;\r\n      document.getElementById('offer-title').textContent = t.summary;\r\n      document.getElementById('go-panel').textContent = t.goPanel;\r\n      document.getElementById('send-mail').textContent = t.sendBtn;\r\n      document.getElementById('save-local').textContent = t.saveBtn;\r\n      document.getElementById('contact-email').previousSibling && (document.getElementById('contact-email').previousSibling.textContent = '');\r\n    }\r\n    document.querySelectorAll('[data-lang]').forEach(btn=>{\r\n      btn.addEventListener('click', ()=> setLang(btn.getAttribute('data-lang')));\r\n    });\r\n    setLang('es');\r\n\r\n    \/\/ --- Local storage for queries ---\r\n    function getLocalQueries(){\r\n      try {\r\n        const raw = localStorage.getItem('drb_queries_v1') || '[]';\r\n        return JSON.parse(raw);\r\n      } catch(e){ return []; }\r\n    }\r\n    function saveLocalQueries(arr){\r\n      localStorage.setItem('drb_queries_v1', JSON.stringify(arr));\r\n      renderLocalList();\r\n    }\r\n\r\n    function renderLocalList(){\r\n      const list = getLocalQueries();\r\n      const container = document.getElementById('local-list');\r\n      if(list.length === 0){ container.textContent = 'No hay consultas guardadas.'; return; }\r\n      container.innerHTML = '';\r\n      const ul = document.createElement('ul');\r\n      ul.style.paddingLeft = '18px';\r\n      ul.style.margin = '0';\r\n      list.slice().reverse().forEach(q=>{\r\n        const li = document.createElement('li');\r\n        li.style.marginBottom = '8px';\r\n        li.innerHTML = `<strong>${escapeHtml(q.name)}<\/strong> \u2014 ${escapeHtml(q.email)}<br><span class=\"muted\">${new Date(q.at).toLocaleString()}<\/span><div style=\"font-size:0.95rem;margin-top:4px\">${escapeHtml(q.message)}<\/div>`;\r\n        ul.appendChild(li);\r\n      });\r\n      container.appendChild(ul);\r\n    }\r\n\r\n    \/\/ Send by mailto (opens client) and mark saved\r\n    document.getElementById('send-mail').addEventListener('click',(e)=>{\r\n      const name = document.getElementById('inp-name').value.trim();\r\n      const phone = document.getElementById('inp-phone').value.trim();\r\n      const email = document.getElementById('inp-email').value.trim();\r\n      const message = document.getElementById('inp-message').value.trim();\r\n      if(!name || !email || !message){ alert('Por favor completa nombre, email y mensaje.'); return; }\r\n\r\n      \/\/ Pre-fill email body\r\n      const subject = encodeURIComponent('Inter\u00e9s en compra \u2014 ' + PRODUCT.title);\r\n      const bodyLines = [\r\n        `Nombre: ${name}`,\r\n        `Tel\u00e9fono: ${phone || '-'}`,\r\n        `Email: ${email}`,\r\n        '',\r\n        `Producto: ${PRODUCT.title}`,\r\n        `Precio por unidad: ${PRODUCT.price}`,\r\n        '',\r\n        'Mensaje:',\r\n        message,\r\n        '',\r\n        '(Esta es una consulta desde la ficha \u2014 DEMO. No env\u00ede dinero por este medio.)'\r\n      ];\r\n      const body = encodeURIComponent(bodyLines.join('\\n'));\r\n\r\n      \/\/ Save locally tambi\u00e9n\r\n      const queries = getLocalQueries();\r\n      queries.push({ name, phone, email, message, at: new Date().toISOString() });\r\n      saveLocalQueries(queries);\r\n      document.getElementById('saved-notice').style.display = 'block';\r\n      setTimeout(()=> document.getElementById('saved-notice').style.display = 'none', 3500);\r\n\r\n      \/\/ Open mail client\r\n      window.location.href = `mailto:${SELLER_EMAIL}?subject=${subject}&body=${body}`;\r\n    });\r\n\r\n    \/\/ Guardar local sin abrir mail\r\n    document.getElementById('save-local').addEventListener('click', ()=>{\r\n      const name = document.getElementById('inp-name').value.trim();\r\n      const phone = document.getElementById('inp-phone').value.trim();\r\n      const email = document.getElementById('inp-email').value.trim();\r\n      const message = document.getElementById('inp-message').value.trim();\r\n      if(!name || !email || !message){ alert('Por favor completa nombre, email y mensaje.'); return; }\r\n      const queries = getLocalQueries();\r\n      queries.push({ name, phone, email, message, at: new Date().toISOString() });\r\n      saveLocalQueries(queries);\r\n      document.getElementById('saved-notice').style.display = 'block';\r\n      setTimeout(()=> document.getElementById('saved-notice').style.display = 'none', 2500);\r\n    });\r\n\r\n    \/\/ Utility: escape\r\n    function escapeHtml(s){\r\n      return String(s).replace(\/[&<>\"'`=\\\/]\/g, function (c) {\r\n        return {'&':'&amp;','<':'&lt;','>':'&gt;','\"':'&quot;',\"'\":'&#39;','\/':'&#x2F;','`':'&#x60;','=':'&#x3D;'}[c];\r\n      });\r\n    }\r\n\r\n    \/\/ Inicializa\r\n    (function init(){\r\n      document.getElementById('contact-email').href = 'mailto:' + SELLER_EMAIL;\r\n      document.getElementById('go-panel').href = PANEL_URL;\r\n      renderLocalList();\r\n    })();\r\n  <\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>DRUMANDBARR \u2014 Ficha de inversi\u00f3n DB Acci\u00f3n \u2014 DRUMANDBARR Ficha informativa ES EN Resumen de la oferta Porcentaje ofrecido al p\u00fablico20 % Precio por acci\u00f3n2,00 USD Participaci\u00f3n privada (Clan)80 % Estructura de acciones para personas f\u00edsicas Acci\u00f3n 1 \u2013 Propietario [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"TEC\\Tickets\\Commerce\\Module","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":"","_tec_slr_enabled":"","_tec_slr_layout":""},"class_list":["post-1557","page","type-page","status-publish","hentry"],"acf":[],"ticketed":false,"_links":{"self":[{"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/pages\/1557","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/comments?post=1557"}],"version-history":[{"count":12,"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/pages\/1557\/revisions"}],"predecessor-version":[{"id":1582,"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/pages\/1557\/revisions\/1582"}],"wp:attachment":[{"href":"https:\/\/drumandbarr.com\/en\/wp-json\/wp\/v2\/media?parent=1557"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}