{"id":810,"date":"2025-10-02T23:31:11","date_gmt":"2025-10-02T23:31:11","guid":{"rendered":"https:\/\/tree-of-mylife.com\/?page_id=810"},"modified":"2026-07-17T18:54:32","modified_gmt":"2026-07-17T18:54:32","slug":"home-v2","status":"publish","type":"page","link":"https:\/\/tree-of-mylife.com\/es\/","title":{"rendered":"HOME V2"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<h1 class=\"wp-block-heading\"><\/h1>\n\n\n\n<!-- HOME V2 \u2014 Fondo SILVER + \u00c1rbol izq + Tarjeta der + HOW IT WORKS (US$1\/year, renovaci\u00f3n manual) -->\n<style>\n  html,body{height:100%;}\n  body{\n    background:\n      url('https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/10\/ChatGPT-Image-Oct-7-2025-03_12_11-PM.png')\n      center\/cover fixed no-repeat !important;\n    background-color:#f5f7fb !important;\n  }\n  .site, .ast-container, .ast-plain-container, .content-area,\n  .site-main, .entry-content, .wp-site-blocks{ background:transparent !important; }\n  .entry-content{ padding-left:0; padding-right:0; }\n  .wp-block-cover, .wp-block-cover-image{ background:transparent !important; }\n  .wp-block-cover__background,\n  .wp-block-cover.has-background-dim::before,\n  .wp-block-cover-image.has-background-dim::before{ opacity:0 !important; }\n  .has-duotone-filter{ filter:none !important; }\n\n  .tml-hero, .tml-how{ position:relative; padding:clamp(24px,3vw,48px) 0; }\n  .tml-wrap{\n    max-width:1200px; margin:0 auto;\n    padding:0 clamp(16px,2.5vw,32px);\n    display:grid; gap:clamp(20px,2vw,32px);\n    grid-template-columns:1fr; align-items:center;\n  }\n  @media (min-width:900px){ .tml-wrap{ grid-template-columns:1fr 1fr; } }\n\n  .tml-slice{\n    order:1; max-width:660px; margin-inline:auto;\n    border-radius:18px; overflow:hidden;\n    filter:drop-shadow(0 22px 30px rgba(16,40,58,.25));\n  }\n  .tml-slice img{ display:block; width:100%; height:auto; }\n\n  .tml-card{\n    order:2; background:rgba(255,255,255,.24);\n    backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);\n    border-radius:22px; padding:clamp(20px,2.2vw,30px);\n    border:1px solid rgba(255,255,255,.35);\n    box-shadow:0 10px 28px rgba(16,40,58,.18);\n  }\n  .tml-title{\n    margin:0 0 .4em; font-weight:900; color:#143852;\n    font-size:clamp(34px,4vw,56px); line-height:1.05;\n    letter-spacing:.02em; text-transform:uppercase;\n  }\n  .tml-eyebrow{\n    margin:.1em 0 1em; font-size:clamp(12px,1.6vw,14px);\n    letter-spacing:.24em; text-transform:uppercase; color:#39566b;\n  }\n  .tml-list{ margin:0 0 16px; padding-left:1.2em; }\n  .tml-list li{ margin:.35em 0; color:#39566b; }\n\n  .tml-actions a{\n    display:inline-block; text-decoration:none; font-weight:700;\n    border-radius:999px; padding:.78em 1.1em; margin-right:12px;\n    border:2px solid transparent;\n  }\n  .tml-actions .btn-primary{ background:#0ea5e9; color:#fff; }\n  .tml-actions .btn-link{ background:transparent; color:#143852; border-color:rgba(20,56,82,.18); }\n\n  .tml-how .tml-wrap{ grid-template-columns:1fr; }\n  .tml-how .tml-card{ max-width:720px; margin:0 auto; }\n  .tml-how h2{\n    margin:0 0 .4em; font-weight:900; color:#143852;\n    font-size:clamp(22px,2.6vw,36px); letter-spacing:.06em; text-transform:uppercase;\n  }\n  .tml-how ol{ margin:.6em 0 1.2em; padding-left:1.2em; color:#39566b; }\n  .tml-how .tml-actions{ margin-top:.6em; }\n  .tml-how .smallnote{ margin-top:.6em; font-size:14px; color:#39566b; }\n\n  .tml-card img{ display:none !important; }\n\n  .trp-language-switcher, .trp-language-switcher *{ white-space:nowrap; }\n  .trp-language-switcher-container img,\n  .trp-language-switcher .trp-flag-image,\n  .trp-language-switcher .trp-flag{ display:none !important; }\n\n  @media (max-width:782px){\n    .tml-card{ padding:18px; border-radius:20px; }\n    .tml-title{ font-size:clamp(28px,7vw,36px); }\n    .tml-how .tml-card{ max-width:100%; }\n  }\n<\/style>\n\n<section class=\"tml-hero\" lang=\"en\" aria-label=\"Tree of My Life hero\">\n  <div class=\"tml-wrap\">\n    <div class=\"tml-slice\">\n      <img decoding=\"async\" src=\"https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2025\/09\/tree-512.png\" alt=\"Tree of My Life artwork\">\n    <\/div>\n\n    <div class=\"tml-card\">\n      <h1 class=\"tml-title\">Tree of My Life<\/h1>\n      <div class=\"tml-eyebrow\">Your life, clear and in one place.<\/div>\n\n      <p>Tree of My Life is the simple way to build your life tree and keep everything together in one place \u2014 ready to save, share, or print whenever you want. Start with a quick registration to create your account (user and password), then grow your tree step by step with your personal story: from essential data and documents to your latest photos.<\/p>\n\n      <ul class=\"tml-list\">\n        <li>All in one place \u2014 no more lost links or files.<\/li>\n        <li>Private and in your control \u2014 you decide what to share and with whom.<\/li>\n        <li>Simple and fast \u2014 guided forms, zero hassle.<\/li>\n        <li>Always with you \u2014 mobile, tablet and desktop.<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n<\/section>\n\n<section class=\"tml-how\" lang=\"en\" aria-label=\"How it works\">\n  <div class=\"tml-wrap\">\n    <div class=\"tml-card\">\n      <h2>How it works<\/h2>\n      <ol>\n        <li><strong>Register<\/strong> to create your personal space (user &amp; password).<\/li>\n        <li><strong>Choose a branch<\/strong> (personal data, health, travels, family, etc.) and complete the guided forms.<\/li>\n        <li><strong>Save, print or share<\/strong> only what you choose, whenever you need it.<\/li>\n      <\/ol>\n\n      <div class=\"tml-actions\">\n        <a class=\"btn-primary\" href=\"\/es\/register\/?level=1\">Register<\/a>\n        <a class=\"btn-link\" href=\"#\" onclick=\"openIntroVideo(); return false;\">Watch Introduction<\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<!-- Introduction video popup -->\n<div id=\"introModal\"\n     style=\"display:none; position:fixed; inset:0; background:rgba(0,0,0,0.82);     z-index:99999; align-items:center; justify-content:center; padding:20px;\">\n\n  <div style=\"position:relative; width:720px; max-width:95%;              background:#000; border-radius:14px; overflow:hidden;\">\n\n    <button type=\"button\"\n            onclick=\"closeIntroVideo()\"\n            aria-label=\"Close video\"\n            style=\"position:absolute; top:8px; right:12px; z-index:2;            background:rgba(0,0,0,0.70); color:#fff; border:0;            border-radius:50%; width:38px; height:38px;            font-size:27px; line-height:34px; cursor:pointer;\">\n      \u00d7\n    <\/button>\n\n    <video id=\"introVideo\"\n           controls\n playsinline\n style=\"display:block; width:100%; height:auto; background:#000;\">\n      <source src=\"https:\/\/tree-of-mylife.com\/wp-content\/uploads\/2026\/04\/lv_0_20260413180230.mp4\"\n              type=\"video\/mp4\">\n      Tu navegador no soporta video.\n    <\/video>\n\n  <\/div>\n<\/div>\n\n<script>\nfunction openIntroVideo() {\n  var modal = document.getElementById(\"introModal\");\n  var video = document.getElementById(\"introVideo\");\n\n  modal.style.display = \"flex\";\n\n  if (video) {\n    video.play().catch(function() {});\n  }\n}\n\nfunction closeIntroVideo() {\n  var modal = document.getElementById(\"introModal\");\n  var video = document.getElementById(\"introVideo\");\n\n  modal.style.display = \"none\";\n\n  if (video) {\n    video.pause();\n  }\n}\n\ndocument.addEventListener(\"keydown\", function(event) {\n  if (event.key === \"Escape\") {\n    closeIntroVideo();\n  }\n});\n\ndocument.getElementById(\"introModal\").addEventListener(\"click\", function(event) {\n  if (event.target === this) {\n    closeIntroVideo();\n  }\n});\n<\/script>","protected":false},"excerpt":{"rendered":"<p>Tree of My Life Your life, clear and in one place. Tree of My Life is the simple way to build your life tree and keep everything together in one place \u2014 ready to save, share, or print whenever you want. Start with a quick registration to create your account (user and password), then grow [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_coblocks_attr":"Faustina,Abril Fatface,Yrsa,Ubuntu,Rubik,Roboto,PT Serif,Montserrat","_coblocks_dimensions":"","_coblocks_responsive_height":"","_coblocks_accordion_ie_support":"","pmpro_default_level":"","site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","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-810","page","type-page","status-publish","hentry","pmpro-has-access"],"_links":{"self":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/810","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=810"}],"version-history":[{"count":40,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/810\/revisions"}],"predecessor-version":[{"id":1652,"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/pages\/810\/revisions\/1652"}],"wp:attachment":[{"href":"https:\/\/tree-of-mylife.com\/es\/wp-json\/wp\/v2\/media?parent=810"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}