{"id":595,"date":"2025-08-04T21:59:07","date_gmt":"2025-08-04T21:59:07","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=595"},"modified":"2025-12-09T03:46:07","modified_gmt":"2025-12-09T03:46:07","slug":"business-entrepreneurship","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/business-entrepreneurship\/","title":{"rendered":"Business &amp; Entrepreneurship"},"content":{"rendered":"\n<div style=\"padding:60px 20px; font-family:Arial, sans-serif;\">\n  <!-- ===== CARD con \u00e1rbol de fondo (igual que tu versi\u00f3n) ===== -->\n  <div style=\"\n    max-width:750px; margin:auto; padding:30px; border-radius:15px;\n    box-shadow:0 12px 30px rgba(0,0,0,.25); color:#fff;\n    background: url('https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/08\/business.png') center\/cover no-repeat;\n    background-color: rgba(255,255,255,0.05);\n    text-shadow: 0 0 4px rgba(0,0,0,0.5);\n  \">\n\n    <!-- \ud83c\udf10 Idioma (solo selector, no altera tu dise\u00f1o) -->\n    <div style=\"text-align:right; margin-bottom:6px;\">\n      <label for=\"biz-lang\" style=\"font-size:13px; font-weight:bold; color:#fff;\">\ud83c\udf10 Language:<\/label>\n      <select id=\"biz-lang\" style=\"background:rgba(255,255,255,0.75); border:1px solid #333; border-radius:6px; padding:4px 6px; color:#000;\">\n        <option value=\"en\" selected>English<\/option>\n        <option value=\"es\">Espa\u00f1ol<\/option>\n      <\/select>\n    <\/div>\n\n    <h2 style=\"text-align:center; color:#fff; margin:0 0 10px; background-color:rgba(0,0,0,0.25); padding:8px; border-radius:6px; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">\n      Business &amp; Entrepreneurship\n    <\/h2>\n\n    <form id=\"bizForm\">\n      <div id=\"biz-container\">\n        <!-- Bloque de proyecto\/negocio -->\n        <div class=\"biz-block\" style=\"margin-bottom:26px; border-bottom:1px solid rgba(255,255,255,.25); padding-bottom:18px; background-color:rgba(0,0,0,0.15); border-radius:8px; padding:15px;\">\n          <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Business or Project Name<\/label>\n          <input type=\"text\" name=\"business_name[]\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\">\n\n          <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Industry \/ Sector<\/label>\n          <input type=\"text\" name=\"industry[]\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\">\n\n          <div style=\"display:flex; gap:12px; flex-wrap:wrap;\">\n            <div style=\"flex:1; min-width:180px;\">\n              <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Start Date<\/label>\n              <input type=\"date\" name=\"start_date[]\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\">\n            <\/div>\n            <div style=\"flex:1; min-width:180px;\">\n              <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">End Date<\/label>\n              <input type=\"date\" name=\"end_date[]\" class=\"end-date\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\">\n            <\/div>\n          <\/div>\n\n          <label style=\"display:inline-flex; align-items:center; gap:8px; margin:0 0 12px; color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">\n            <input type=\"checkbox\" class=\"current\" style=\"transform:scale(1.1);\"> Current \/ Ongoing\n          <\/label>\n\n          <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Your Role \/ Position<\/label>\n          <input type=\"text\" name=\"role[]\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\">\n\n          <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Description of Business \/ Project<\/label>\n          <textarea name=\"description[]\" rows=\"4\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\"><\/textarea>\n\n          <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Achievements \/ Goals<\/label>\n          <textarea name=\"achievements[]\" rows=\"3\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\"><\/textarea>\n\n          <label style=\"color:#fff; text-shadow: 0 0 4px rgba(0,0,0,0.5);\">Website or Social Media<\/label>\n          <input type=\"url\" name=\"website[]\" placeholder=\"https:\/\/\u2026\" style=\"width:100%; padding:10px; margin:6px 0 12px; border-radius:8px; border:1px solid #ccc; background-color:rgba(255,255,255,0.4); color:#000;\">\n\n          <!-- Bot\u00f3n eliminar (solo para clones) -->\n          <button type=\"button\" class=\"remove-block\" style=\"display:none; background:#c0392b; color:#fff; border:none; border-radius:8px; padding:8px 12px; cursor:pointer;\">\n            Remove\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div style=\"display:flex; gap:10px; flex-wrap:wrap;\">\n        <button type=\"button\" onclick=\"addBiz()\" style=\"background:#4B0082; color:#fff; padding:10px 16px; border:none; border-radius:8px; cursor:pointer;\">\n          + Add Another Venture\n        <\/button>\n        <button type=\"submit\" style=\"background:#2ecc71; color:#fff; padding:12px 18px; border:none; border-radius:8px; cursor:pointer;\">\n          Submit\n        <\/button>\n      <\/div>\n    <\/form>\n\n    <!-- \ud83d\udd3d Botonera inferior (a\u00f1adida) -->\n    <div style=\"display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin-top:20px;\">\n      <button type=\"button\" onclick=\"BIZ_share()\" style=\"background:#444;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;\">Share<\/button>\n      <button type=\"button\" onclick=\"BIZ_copy()\"  style=\"background:#444;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;\">Copy<\/button>\n      <button type=\"button\" onclick=\"window.print()\" style=\"background:#444;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;\">Print<\/button>\n      <button type=\"button\" onclick=\"BIZ_downloadPDF()\"  style=\"background:#444;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;\">Download PDF<\/button>\n      <button type=\"button\" onclick=\"BIZ_downloadJSON()\" style=\"background:#444;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;\">Download JSON<\/button>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<script>\n  \/\/ ====== Tu JS original (sin cambios) ======\n  function wireUp(block){\n    const current = block.querySelector('.current');\n    const end = block.querySelector('.end-date');\n    const removeBtn = block.querySelector('.remove-block');\n\n    if(current && end){\n      current.addEventListener('change', () => {\n        if(current.checked){\n          end.value = '';\n          end.disabled = true;\n          end.style.opacity = .6;\n        } else {\n          end.disabled = false;\n          end.style.opacity = 1;\n        }\n      });\n    }\n    if(removeBtn && block.dataset.cloned === 'true'){\n      removeBtn.style.display = 'inline-block';\n      removeBtn.addEventListener('click', () => block.remove());\n    }\n  }\n\n  function addBiz(){\n    const container = document.getElementById('biz-container');\n    const first = container.querySelector('.biz-block');\n    const clone = first.cloneNode(true);\n\n    clone.querySelectorAll('input, textarea').forEach(el=>{\n      if(el.type === 'checkbox'){ el.checked = false; return; }\n      el.value = '';\n      if(el.classList.contains('end-date')){ el.disabled = false; el.style.opacity = 1; }\n    });\n\n    clone.dataset.cloned = 'true';\n    wireUp(clone);\n    container.appendChild(clone);\n  }\n\n  document.addEventListener('DOMContentLoaded', ()=>{\n    document.querySelectorAll('.biz-block').forEach(wireUp);\n  });\n\n  \/\/ ====== Acciones inferiores (nuevas) ======\n  function BIZ_share(){\n    const data={title:'Business & Entrepreneurship', url:location.href};\n    if(navigator.share){ navigator.share(data).catch(()=>{}); }\n    else { alert('Sharing not supported'); }\n  }\n  function BIZ_copy(){\n    navigator.clipboard.writeText(location.href)\n      .then(()=>alert('Link copied!'))\n      .catch(()=>alert('Copy failed'));\n  }\n  function BIZ_downloadJSON(){\n    const fd=new FormData(document.getElementById('bizForm'));\n    const obj={};\n    fd.forEach((v,k)=>{ if(obj[k]){ Array.isArray(obj[k])?obj[k].push(v):obj[k]=[obj[k],v]; } else { obj[k]=v; }});\n    const blob=new Blob([JSON.stringify(obj,null,2)],{type:'application\/json'});\n    const a=document.createElement('a'); a.href=URL.createObjectURL(blob); a.download='business-entrepreneurship.json'; a.click();\n    setTimeout(()=>URL.revokeObjectURL(a.href),500);\n  }\n  function BIZ_downloadPDF(){\n    alert('PDF export (demo).');\n  }\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udf10 Language: EnglishEspa\u00f1ol Business &amp; Entrepreneurship Business or Project Name Industry \/ Sector Start Date End Date Current \/ Ongoing Your Role \/ Position Description of Business \/ Project Achievements \/ Goals Website or Social Media Remove + Add Another Venture Submit Share Copy Print Download PDF Download JSON<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-595","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":15,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/595\/revisions"}],"predecessor-version":[{"id":753,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/595\/revisions\/753"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}