{"id":129,"date":"2026-04-29T08:51:46","date_gmt":"2026-04-29T08:51:46","guid":{"rendered":"https:\/\/www.joostech.es\/?page_id=129"},"modified":"2026-08-12T07:32:53","modified_gmt":"2026-08-12T07:32:53","slug":"playgress","status":"publish","type":"page","link":"https:\/\/www.joostech.es\/en\/playgress\/","title":{"rendered":"PlayGress"},"content":{"rendered":"\n<!-- ====== BOTON SUBIR con anillo de progreso ====== -->\n<style>\n.jt-top{\n  position:fixed; bottom:25px; right:25px;\n  width:52px; height:52px;\n  display:flex; align-items:center; justify-content:center;\n  border:0; padding:0; cursor:pointer;\n  background:#49c4a1; color:#fff;\n  border-radius:50%;\n  box-shadow:0 6px 18px rgba(73,196,161,.45);\n  z-index:9999;\n  opacity:0; visibility:hidden;\n  transform:translateY(14px) scale(.8);\n  transition:opacity .35s ease, transform .45s cubic-bezier(.22,.61,.36,1),\n             box-shadow .3s ease, background .3s ease;\n}\n.jt-top.is-on{opacity:1; visibility:visible; transform:translateY(0) scale(1);}\n.jt-top:hover{background:#3aab8b; box-shadow:0 10px 26px rgba(73,196,161,.6);}\n.jt-top:active{transform:scale(.92);}\n.jt-top:focus-visible{outline:3px solid #2f3880; outline-offset:3px;}\n.jt-top.is-pull{transition:transform .1s linear, box-shadow .3s ease, background .3s ease;}\n\n.jt-top__arrow{\n  position:relative; z-index:2;\n  font-size:20px; line-height:1; font-weight:700;\n  transition:transform .3s cubic-bezier(.22,.61,.36,1);\n}\n.jt-top:hover .jt-top__arrow{transform:translateY(-3px);}\n\n.jt-top__ring{\n  position:absolute; inset:-5px;\n  width:62px; height:62px;\n  transform:rotate(-90deg);\n  pointer-events:none;\n}\n.jt-top__ring circle{fill:none; stroke-width:3; stroke-linecap:round;}\n.jt-top__ring .bg{stroke:rgba(73,196,161,.25);}\n.jt-top__ring .fg{stroke:#2f3880; transition:stroke-dashoffset .12s linear;}\n\n.jt-top::after{\n  content:\"\"; position:absolute; inset:0; border-radius:50%;\n  border:2px solid #49c4a1; opacity:0; pointer-events:none;\n}\n.jt-top.is-pulse::after{animation:jtPulse .9s ease-out;}\n@keyframes jtPulse{\n  from{opacity:.7; transform:scale(1);}\n  to{opacity:0; transform:scale(1.9);}\n}\n\n@media (max-width:600px){\n  .jt-top{bottom:18px; right:18px; width:46px; height:46px;}\n  .jt-top__ring{inset:-5px; width:56px; height:56px;}\n} \n\n@media (prefers-reduced-motion:reduce){\n  .jt-top,.jt-top__arrow{transition:opacity .2s ease !important; transform:none !important;}\n  .jt-top.is-pulse::after{animation:none;}\n}\n<\/style>\n\n<button class=\"jt-top\" id=\"jtTop\" aria-label=\"Volver arriba\" title=\"Volver arriba\">\n  <svg class=\"jt-top__ring\" viewBox=\"0 0 62 62\" aria-hidden=\"true\">\n    <circle class=\"bg\" cx=\"31\" cy=\"31\" r=\"28\"><\/circle>\n    <circle class=\"fg\" cx=\"31\" cy=\"31\" r=\"28\" id=\"jtRing\"><\/circle>\n  <\/svg>\n  <span class=\"jt-top__arrow\" aria-hidden=\"true\">&#8593;<\/span>\n<\/button>\n\n<script>\n(function(){\n  var btn  = document.getElementById('jtTop');\n  var ring = document.getElementById('jtRing');\n  if(!btn) return;\n\n  var C = 2 * Math.PI * 28;\n  ring.style.strokeDasharray  = C.toFixed(2);\n  ring.style.strokeDashoffset = C.toFixed(2);\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var fine    = window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n  var ticking = false;\n\n  function update(){\n    var max = document.documentElement.scrollHeight - window.innerHeight;\n    var y   = window.scrollY;\n    var p   = max > 0 ? Math.min(y \/ max, 1) : 0;\n\n    ring.style.strokeDashoffset = (C * (1 - p)).toFixed(2);\n    btn.classList.toggle('is-on', y > 200);\n    ticking = false;\n  }\n\n  window.addEventListener('scroll', function(){\n    if(ticking) return;\n    ticking = true;\n    requestAnimationFrame(update);\n  }, {passive:true});\n\n  window.addEventListener('resize', update, {passive:true});\n  update();\n\n  btn.addEventListener('click', function(){\n    btn.classList.add('is-pulse');\n    setTimeout(function(){ btn.classList.remove('is-pulse'); }, 900);\n    window.scrollTo({top:0, behavior: reduced ? 'auto' : 'smooth'});\n  });\n\n  if(reduced || !fine) return;\n\n  var raf = null;\n\n  btn.addEventListener('pointermove', function(e){\n    var b  = btn.getBoundingClientRect();\n    var dx = e.clientX - (b.left + b.width\/2);\n    var dy = e.clientY - (b.top + b.height\/2);\n    if(raf) return;\n    raf = requestAnimationFrame(function(){\n      btn.classList.add('is-pull');\n      btn.style.transform = 'translate('+(dx*0.35).toFixed(1)+'px,'+(dy*0.35).toFixed(1)+'px) scale(1.06)';\n      raf = null;\n    });\n  }, {passive:true});\n\n  btn.addEventListener('pointerleave', function(){\n    btn.classList.remove('is-pull');\n    btn.style.transform = '';\n  });\n})();\n<\/script>\n<!-- ====== FIN BOTON SUBIR ====== -->\n\n\n\n\n<!-- ====== VOLVER AL INICIO - v3 (centinelas, sin depender del scroll) ====== -->\n<style>\n.jt-back{\n  position:fixed;\n  left:24px;\n  z-index:9998;\n  display:inline-flex; align-items:center; gap:8px;\n  font-family:'Nunito',system-ui,sans-serif;\n  font-size:13px; font-weight:800; letter-spacing:.02em;\n  color:#fff; text-decoration:none; white-space:nowrap;\n  padding:11px 20px 11px 16px;\n  border-radius:100px;\n  background:#2f3880;\n  border:1px solid #2f3880;\n  box-shadow:0 8px 24px -8px rgba(47,56,128,.6);\n  opacity:0; visibility:hidden;\n  transform:translateY(-10px) scale(.94);\n  transition:opacity .4s ease,\n             transform .5s cubic-bezier(.22,.61,.36,1),\n             top .55s cubic-bezier(.22,.61,.36,1),\n             bottom .55s cubic-bezier(.22,.61,.36,1),\n             background .25s ease,\n             color .25s ease,\n             border-color .25s ease,\n             box-shadow .25s ease;\n}\n\n.jt-back.at-top{\n  top:96px; bottom:auto;\n  opacity:1; visibility:visible;\n  transform:translateY(0) scale(1);\n}\n\n.jt-back.at-bottom{\n  bottom:28px; top:auto;\n  opacity:1; visibility:visible;\n  transform:translateY(0) scale(1);\n}\n\n.jt-back:hover{\n  background:#cad449;\n  color:#2f3880;\n  border-color:#cad449;\n  box-shadow:0 12px 30px -8px rgba(202,212,73,.7);\n}\n\n.jt-back__ar{\n  display:inline-block; font-size:15px; line-height:1;\n  transition:transform .3s cubic-bezier(.22,.61,.36,1);\n}\n.jt-back:hover .jt-back__ar{transform:translateX(-4px);}\n\n.jt-back:focus-visible{outline:3px solid #cad449; outline-offset:3px;}\n\n.jt-sentinel{\n  position:absolute; left:0; width:1px; height:1px;\n  pointer-events:none; opacity:0;\n}\n\n@media (max-width:600px){\n  .jt-back{left:14px; font-size:12px; padding:9px 16px 9px 13px;}\n  .jt-back.at-top{top:74px;}\n  .jt-back.at-bottom{bottom:88px;}\n}\n\n@media (prefers-reduced-motion:reduce){\n  .jt-back{transition:opacity .2s ease; transform:none !important;}\n  .jt-back__ar{transition:none;}\n}\n<\/style>\n\n<a class=\"jt-back\" id=\"jtBack\" href=\"https:\/\/www.joostech.es\/\">\n  <span class=\"jt-back__ar\" aria-hidden=\"true\">&#8592;<\/span>\n  Volver al inicio\n<\/a>\n\n<script>\n(function(){\n  var el = document.getElementById('jtBack');\n  if(!el) return;\n\n  \/* En la home no tiene sentido. *\/\n  var ruta = location.pathname.replace(\/\\\/+$\/, '');\n  if(ruta === '' || ruta === '\/en' || ruta === '\/index.php'){\n    el.remove();\n    return;\n  }\n\n  function init(){\n    var body = document.body;\n\n    \/* Centinela superior: se coloca al principio del contenido. *\/\n    var top = document.createElement('div');\n    top.className = 'jt-sentinel';\n    top.style.top = '0px';\n    body.insertBefore(top, body.firstChild);\n\n    \/* Centinela inferior: al final del contenido. *\/\n    var bot = document.createElement('div');\n    bot.className = 'jt-sentinel';\n    bot.style.position = 'relative';\n    body.appendChild(bot);\n\n    var enTop = true;\n    var enBot = false;\n\n    function pintar(){\n      if(enTop){\n        el.classList.add('at-top');\n        el.classList.remove('at-bottom');\n      } else if(enBot){\n        el.classList.add('at-bottom');\n        el.classList.remove('at-top');\n      } else {\n        el.classList.remove('at-top', 'at-bottom');\n      }\n    }\n\n    if(!('IntersectionObserver' in window)){\n      el.classList.add('at-top');\n      return;\n    }\n\n    \/* Margen generoso: cuenta como \"arriba\" los primeros 300px. *\/\n    new IntersectionObserver(function(entries){\n      enTop = entries[0].isIntersecting;\n      pintar();\n    }, { rootMargin: '300px 0px 0px 0px', threshold: 0 }).observe(top);\n\n    \/* Y como \"abajo\" los ultimos 260px. *\/\n    new IntersectionObserver(function(entries){\n      enBot = entries[0].isIntersecting;\n      pintar();\n    }, { rootMargin: '0px 0px 260px 0px', threshold: 0 }).observe(bot);\n\n    pintar();\n  }\n\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n<!-- ====== FIN VOLVER AL INICIO ====== -->\n\n\n<!-- ====== BLOQUE PLAYGRESS - completo con animaciones ====== -->\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Nunito:wght@400;700;800&family=Syne:wght@700;800&display=swap');\n\n.pg-wrap *, .pg-wrap *::before, .pg-wrap *::after { box-sizing: border-box; margin: 0; padding: 0; }\n.pg-wrap { font-family: 'Nunito', sans-serif; --navy:#2f3880; --lime:#cad449; --teal:#79b8a9; --off:#f5f6fb; --muted:#6b7280; }\n.pg-hero { background:var(--navy); padding:80px 24px; text-align:center; border-radius:16px; margin-bottom:48px; }\n.pg-badge { display:inline-block; background:rgba(202,212,73,0.15); color:var(--lime); border:1px solid rgba(202,212,73,0.3); font-size:12px; font-weight:700; letter-spacing:0.1em; text-transform:uppercase; padding:6px 18px; border-radius:100px; margin-bottom:24px; }\n.pg-hero h1 { font-family:'Syne',sans-serif; font-size:clamp(2.2rem,6vw,4rem); font-weight:800; color:#fff; line-height:1.1; margin-bottom:20px; }\n.pg-hero h1 span { color:var(--lime); }\n.pg-hero p { font-size:1.05rem; color:rgba(255,255,255,0.72); max-width:560px; margin:0 auto 32px; line-height:1.7; }\n.pg-btn { display:inline-block; background:var(--lime); color:var(--navy); font-weight:800; font-size:14px; padding:12px 28px; border-radius:100px; text-decoration:none; margin:6px; }\n.pg-btn.outline { background:transparent; color:#fff; border:1.5px solid rgba(255,255,255,0.3); }\n.pg-sec { padding:56px 0; border-top:1px solid rgba(47,56,128,0.08); }\n.pg-label { font-size:11px; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:var(--teal); margin-bottom:8px; }\n.pg-title { font-family:'Syne',sans-serif; font-size:clamp(1.6rem,3vw,2.4rem); font-weight:800; color:var(--navy); line-height:1.2; margin-bottom:10px; }\n.pg-sub { font-size:0.97rem; color:var(--muted); max-width:540px; line-height:1.7; margin-bottom:32px; }\n.pg-grid2 { display:grid; grid-template-columns:repeat(2,minmax(280px,1fr)); gap:16px; }\n.pg-grid3 { display:grid; grid-template-columns:repeat(3,minmax(200px,1fr)); gap:16px; }\n.pg-grid4 { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:16px; }\n@media (max-width: 768px) {\n  .pg-wrap .pg-grid2,\n  .pg-wrap .pg-grid3,\n  .pg-wrap .pg-grid4 { grid-template-columns: 1fr !important; }\n  .pg-wrap .pg-hero { padding: 56px 20px; margin-bottom: 32px; }\n  .pg-wrap .pg-sec { padding: 40px 0; }\n  .pg-wrap .pg-card,\n  .pg-wrap .pg-kit-card { padding: 24px 20px; }\n  .pg-wrap .pg-cta { padding: 40px 24px; margin-top: 32px; }\n}\n.pg-card { border-radius:16px; padding:28px 24px; border:1px solid rgba(47,56,128,0.1); background:#fff; }\n.pg-card.navy { background:var(--navy); border-color:transparent; }\n.pg-card.lime { background:var(--lime); border-color:transparent; }\n.pg-card.teal { background:#e8f4f1; border-color:#c8deda; }\n.pg-card.surf { background:var(--off); border-color:rgba(47,56,128,0.07); }\n.pg-num { font-family:'Syne',sans-serif; font-size:2.8rem; font-weight:800; color:var(--lime); line-height:1; margin-bottom:12px; }\n.pg-ico { font-size:28px; margin-bottom:12px; }\n.pg-card h3 { font-size:1rem; font-weight:800; margin-bottom:8px; color:var(--navy); }\n.pg-card p { font-size:0.88rem; line-height:1.6; color:var(--muted); }\n.pg-card.navy h3, .pg-card.navy p { color:rgba(255,255,255,0.9); }\n.pg-card.lime h3 { color:var(--navy); } .pg-card.lime p { color:rgba(47,56,128,0.72); }\n.pg-card.teal h3 { color:var(--navy); }\n.pg-kit-num { width:32px; height:32px; border-radius:50%; background:var(--lime); color:var(--navy); font-weight:800; font-size:14px; display:flex; align-items:center; justify-content:center; margin-bottom:14px; flex-shrink:0; }\n.pg-kit-card { border-radius:16px; padding:28px 24px; background:#fff; border:1px solid rgba(47,56,128,0.1); }\n.pg-kit-card h3 { font-size:1rem; font-weight:800; color:var(--navy); margin-bottom:8px; }\n.pg-kit-card p { font-size:0.88rem; color:var(--muted); line-height:1.6; }\n.pg-link-card { border-radius:16px; padding:24px; background:var(--off); border:1px solid rgba(47,56,128,0.1); display:flex; align-items:center; gap:16px; text-decoration:none; transition:border-color 0.15s; }\n.pg-link-card:hover { border-color:var(--teal); }\n.pg-link-ico { width:44px; height:44px; border-radius:12px; background:var(--navy); display:flex; align-items:center; justify-content:center; font-size:20px; flex-shrink:0; }\n.pg-link-card h4 { font-size:0.93rem; font-weight:800; color:var(--navy); margin-bottom:4px; }\n.pg-link-card p { font-size:0.82rem; color:var(--muted); }\n.pg-cta { background:var(--navy); border-radius:16px; padding:56px 32px; text-align:center; margin-top:48px; }\n.pg-cta h2 { font-family:'Syne',sans-serif; font-size:clamp(1.6rem,4vw,2.4rem); font-weight:800; color:#fff; margin-bottom:12px; line-height:1.2; }\n.pg-cta h2 span { color:var(--lime); }\n.pg-cta p { color:rgba(255,255,255,0.62); font-size:0.97rem; margin-bottom:24px; }\n\n\/* ================= ANIMACIONES ================= *\/\n.pg-wrap.pg-live .pg-anim{\n  opacity:0; transform:translateY(26px);\n  transition:opacity .7s cubic-bezier(.22,.61,.36,1),\n             transform .7s cubic-bezier(.22,.61,.36,1);\n}\n.pg-wrap.pg-live .pg-anim.pg-in{opacity:1; transform:none;}\n\n.pg-wrap .pg-card,\n.pg-wrap .pg-kit-card,\n.pg-wrap .pg-link-card{\n  position:relative; overflow:hidden; transform-style:preserve-3d;\n  transition:transform .35s cubic-bezier(.22,.61,.36,1),\n             box-shadow .35s ease, border-color .35s ease;\n}\n.pg-wrap .pg-card::after,\n.pg-wrap .pg-kit-card::after,\n.pg-wrap .pg-link-card::after{\n  content:\"\"; position:absolute; inset:0; border-radius:inherit;\n  pointer-events:none; opacity:0; transition:opacity .35s ease;\n  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),\n    rgba(47,56,128,.10), transparent 60%);\n}\n.pg-wrap .pg-card.navy::after{\n  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),\n    rgba(202,212,73,.20), transparent 60%);\n}\n.pg-wrap .pg-card.lime::after,\n.pg-wrap .pg-card.teal::after{\n  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),\n    rgba(255,255,255,.35), transparent 60%);\n}\n.pg-wrap .pg-card:hover::after,\n.pg-wrap .pg-kit-card:hover::after,\n.pg-wrap .pg-link-card:hover::after{opacity:1;}\n.pg-wrap .pg-card:hover,\n.pg-wrap .pg-kit-card:hover,\n.pg-wrap .pg-link-card:hover{box-shadow:0 22px 46px -22px rgba(47,56,128,.38);}\n.pg-wrap .pg-card.is-tilt,\n.pg-wrap .pg-kit-card.is-tilt,\n.pg-wrap .pg-link-card.is-tilt{transition:transform .08s linear, box-shadow .35s ease;}\n.pg-wrap .pg-card > *,\n.pg-wrap .pg-kit-card > *,\n.pg-wrap .pg-link-card > *{position:relative; z-index:1;}\n\n.pg-wrap .pg-ico{display:inline-block; transition:transform .4s cubic-bezier(.34,1.56,.64,1);}\n.pg-wrap .pg-card:hover .pg-ico{transform:scale(1.18) rotate(-6deg);}\n.pg-wrap .pg-num{transition:transform .35s cubic-bezier(.22,.61,.36,1), opacity .35s ease; opacity:.85;}\n.pg-wrap .pg-card:hover .pg-num{transform:translateX(4px); opacity:1;}\n.pg-wrap .pg-kit-num{transition:transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .35s ease;}\n.pg-wrap .pg-kit-card:hover .pg-kit-num{transform:scale(1.15) rotate(-8deg); box-shadow:0 6px 18px rgba(202,212,73,.5);}\n.pg-wrap .pg-link-ico{transition:transform .4s cubic-bezier(.34,1.56,.64,1);}\n.pg-wrap .pg-link-card:hover .pg-link-ico{transform:scale(1.1) rotate(-5deg);}\n\n.pg-wrap .pg-btn{\n  will-change:transform;\n  transition:transform .3s cubic-bezier(.22,.61,.36,1), box-shadow .25s ease;\n}\n.pg-wrap .pg-btn:hover{box-shadow:0 10px 30px rgba(202,212,73,.35);}\n.pg-wrap .pg-btn.outline:hover{box-shadow:0 10px 30px rgba(255,255,255,.16);}\n.pg-wrap .pg-btn.is-pull{transition:transform .1s linear, box-shadow .25s ease;}\n\n.pg-wrap .pg-hero,\n.pg-wrap .pg-cta{position:relative; overflow:hidden;}\n.pg-wrap .pg-hero::before,\n.pg-wrap .pg-cta::before{\n  content:\"\"; position:absolute; inset:-40%;\n  background:\n    radial-gradient(closest-side, rgba(202,212,73,.16), transparent 70%) 22% 28%\/46% 46% no-repeat,\n    radial-gradient(closest-side, rgba(121,184,169,.18), transparent 70%) 78% 68%\/52% 52% no-repeat;\n  animation:pgDrift 22s ease-in-out infinite alternate;\n  pointer-events:none;\n}\n@keyframes pgDrift{\n  from{transform:translate3d(-2%,-1%,0) scale(1);}\n  to{transform:translate3d(3%,2%,0) scale(1.08);}\n}\n.pg-wrap .pg-hero > *,\n.pg-wrap .pg-cta > *{position:relative; z-index:1;}\n\n@media (prefers-reduced-motion:reduce){\n  .pg-wrap.pg-live .pg-anim{opacity:1 !important; transform:none !important; transition:none !important;}\n  .pg-wrap .pg-card,\n  .pg-wrap .pg-kit-card,\n  .pg-wrap .pg-link-card,\n  .pg-wrap .pg-btn{transform:none !important;}\n  .pg-wrap .pg-hero::before,.pg-wrap .pg-cta::before{animation:none;}\n}\n<\/style>\n\n<div class=\"pg-wrap\">\n  <div class=\"pg-hero\">\n    <div class=\"pg-badge\">Healthtech \u00b7 Salud mental infantil<\/div>\n    <h1>Progresar <span>jugando<\/span><\/h1>\n    <p>PlayGress es un programa de entrenamiento cognitivo, emocional y motor dise\u00f1ado para mejorar la atenci\u00f3n, el autocontrol y la regulaci\u00f3n emocional en ni\u00f1os con TDAH.<\/p>\n  <\/div>\n\n  <div class=\"pg-sec\">\n    <div class=\"pg-label\">Qu\u00e9 es<\/div>\n    <div class=\"pg-title\">Tecnolog\u00eda al servicio del desarrollo<\/div>\n    <p class=\"pg-sub\">Una healthtech que combina juego f\u00edsico y tecnolog\u00eda para potenciar las intervenciones no farmacol\u00f3gicas en salud mental, especialmente en trastornos del aprendizaje.<\/p>\n    <div class=\"pg-grid2\">\n      <div class=\"pg-card navy\">\n        <div class=\"pg-ico\">\ud83e\udde0<\/div>\n        <h3>Entrenamiento cognitivo y emocional<\/h3>\n        <p>Programa validado que mejora la atenci\u00f3n selectiva y sostenida, la flexibilidad cognitiva y el control inhibitorio en personas con TDAH.<\/p>\n      <\/div>\n      <div class=\"pg-card lime\">\n        <div class=\"pg-ico\">\ud83e\udde9<\/div>\n        <h3>Juguetes + tecnolog\u00eda<\/h3>\n        <p>Integra juguetes de construcci\u00f3n fabricados con materias primas vegetales con herramientas tecnol\u00f3gicas que personalizan y optimizan la experiencia.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"pg-sec\">\n    <div class=\"pg-label\">Para qu\u00e9 sirve<\/div>\n    <div class=\"pg-title\">Habilidades que se entrenan<\/div>\n    <p class=\"pg-sub\">Cada sesi\u00f3n trabaja simult\u00e1neamente cuatro \u00e1reas clave del desarrollo cognitivo y motor.<\/p>\n    <div class=\"pg-grid3\" style=\"grid-template-columns:repeat(2,minmax(220px,1fr))\">\n      <div class=\"pg-card teal\">\n        <div class=\"pg-ico\">\ud83d\ude0c<\/div>\n        <h3>Regulaci\u00f3n emocional<\/h3>\n        <p>Experimentar con secuencias y adaptarse a cambios ayuda a gestionar la frustraci\u00f3n y la ansiedad ante los desaf\u00edos.<\/p>\n      <\/div>\n      <div class=\"pg-card surf\">\n        <div class=\"pg-ico\">\ud83d\uded1<\/div>\n        <h3>Control inhibitorio<\/h3>\n        <p>Mantener el enfoque y resistir cambios impulsivos fortalece la capacidad de controlar impulsos y sostener la atenci\u00f3n.<\/p>\n      <\/div>\n      <div class=\"pg-card surf\">\n        <div class=\"pg-ico\">\u270b<\/div>\n        <h3>Motricidad fina<\/h3>\n        <p>Manipular piezas en diferentes secuencias requiere precisi\u00f3n y coordinaci\u00f3n manual, desarrollando la motricidad fina.<\/p>\n      <\/div>\n      <div class=\"pg-card navy\">\n        <div class=\"pg-ico\">\ud83d\udd04<\/div>\n        <h3>Flexibilidad cognitiva<\/h3>\n        <p>Adaptarse a nuevas estrategias promueve el pensamiento creativo y la b\u00fasqueda de soluciones alternativas.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"pg-sec\">\n    <div class=\"pg-label\">El kit<\/div>\n    <div class=\"pg-title\">Todo lo que incluye PlayGress<\/div>\n    <p class=\"pg-sub\">Una experiencia de aprendizaje hol\u00edstica que combina lo f\u00edsico, lo digital y lo biom\u00e9trico.<\/p>\n    <div class=\"pg-grid2\">\n      <div class=\"pg-kit-card\">\n        <div class=\"pg-kit-num\">1<\/div>\n        <h3>Arco\u00edris Waldorf<\/h3>\n        <p>12 piezas de madera de colores vibrantes y diferentes tama\u00f1os para apilar, encajar y manipular. El componente f\u00edsico central del kit, fabricado con materias primas de origen vegetal.<\/p>\n      <\/div>\n      <div class=\"pg-kit-card\">\n        <div class=\"pg-kit-num\">2<\/div>\n        <h3>App m\u00f3vil PlayGress<\/h3>\n        <p>Actividades y programas dise\u00f1ados para mejorar la flexibilidad cognitiva, el control inhibitorio, la autorregulaci\u00f3n emocional y la eficiencia motora. Complementa la experiencia f\u00edsica.<\/p>\n      <\/div>\n      <div class=\"pg-kit-card\">\n        <div class=\"pg-kit-num\">3<\/div>\n        <h3>Smartwatch My Band 7<\/h3>\n        <p>Recopila datos biom\u00e9tricos y de actividad durante las sesiones de juego para proporcionar retroalimentaci\u00f3n personalizada y seguimiento del progreso a lo largo del tiempo.<\/p>\n      <\/div>\n      <div class=\"pg-kit-card\">\n        <div class=\"pg-kit-num\">4<\/div>\n        <h3>Gu\u00eda y recursos educativos<\/h3>\n        <p>Instrucciones paso a paso, videos tutoriales y actividades complementarias para aprovechar al m\u00e1ximo el kit y acompa\u00f1ar el proceso de cada usuario.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"pg-cta\">\n    <h2>Entrena la mente mientras <span>juegas<\/span><\/h2>\n    <p>PlayGress combina ciencia, tecnolog\u00eda y juego para transformar el desarrollo cognitivo y emocional de tu hijo.<\/p>\n    <!-- Botones opcionales: borra este bloque si no los quieres -->\n    <a class=\"pg-btn\" href=\"https:\/\/www.joostech.es\/227-2\/\">Reserva una demo gratuita<\/a>\n    <a class=\"pg-btn outline\" href=\"https:\/\/www.joostech.es\/tienda\/\">Ver en la tienda<\/a>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var wrap = document.querySelector('.pg-wrap');\n  if(!wrap) return;\n\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  var fine    = window.matchMedia('(hover: hover) and (pointer: fine)').matches;\n\n  var groups = wrap.querySelectorAll(\n    '.pg-hero > *, .pg-sec > .pg-label, .pg-sec > .pg-title, .pg-sec > .pg-sub, ' +\n    '.pg-grid4 > *, .pg-grid3 > *, .pg-grid2 > *, .pg-cta > *'\n  );\n\n  var items = [];\n  Array.prototype.forEach.call(groups, function(el){\n    el.classList.add('pg-anim');\n    items.push(el);\n  });\n\n  function showAll(){\n    for(var i=0;i<items.length;i++){ items[i].classList.add('pg-in'); }\n  }\n\n  if(reduced || !('IntersectionObserver' in window)){\n    showAll();\n  } else {\n    wrap.classList.add('pg-live');\n\n    \/* Red de seguridad: pase lo que pase, a los 2,5s se ve todo. *\/\n    setTimeout(showAll, 2500);\n\n    var io = new IntersectionObserver(function(entries){\n      entries.forEach(function(entry){\n        if(!entry.isIntersecting) return;\n        var el = entry.target;\n        var sibs = Array.prototype.indexOf.call(el.parentElement.children, el);\n        el.style.transitionDelay = Math.min(sibs * 90, 450) + 'ms';\n        el.classList.add('pg-in');\n        io.unobserve(el);\n      });\n    }, { threshold:0.14, rootMargin:'0px 0px -30px 0px' });\n\n    items.forEach(function(el){ io.observe(el); });\n  }\n\n  if(reduced || !fine) return;\n\n  var cards = wrap.querySelectorAll('.pg-card, .pg-kit-card, .pg-link-card');\n\n  Array.prototype.forEach.call(cards, function(card){\n    var raf = null;\n\n    card.addEventListener('pointermove', function(e){\n      var b = card.getBoundingClientRect();\n      var x = (e.clientX - b.left)\/b.width;\n      var y = (e.clientY - b.top)\/b.height;\n\n      card.style.setProperty('--mx', (x*100)+'%');\n      card.style.setProperty('--my', (y*100)+'%');\n\n      if(raf) return;\n      raf = requestAnimationFrame(function(){\n        card.classList.add('is-tilt');\n        card.style.transform =\n          'perspective(1000px) rotateX('+((0.5-y)*7).toFixed(2)+'deg) rotateY('+\n          ((x-0.5)*7).toFixed(2)+'deg) translateY(-5px)';\n        raf = null;\n      });\n    }, {passive:true});\n\n    card.addEventListener('pointerleave', function(){\n      card.classList.remove('is-tilt');\n      card.style.transform = '';\n    });\n  });\n\n  var btns = wrap.querySelectorAll('.pg-btn');\n\n  Array.prototype.forEach.call(btns, function(btn){\n    var raf = null;\n\n    btn.addEventListener('pointermove', function(e){\n      var b = btn.getBoundingClientRect();\n      var dx = e.clientX - (b.left + b.width\/2);\n      var dy = e.clientY - (b.top + b.height\/2);\n\n      if(raf) return;\n      raf = requestAnimationFrame(function(){\n        btn.classList.add('is-pull');\n        btn.style.transform =\n          'translate('+(dx\/(b.width\/2)*10).toFixed(1)+'px,'+\n          (dy\/(b.height\/2)*8 - 2).toFixed(1)+'px)';\n        raf = null;\n      });\n    }, {passive:true});\n\n    btn.addEventListener('pointerleave', function(){\n      btn.classList.remove('is-pull');\n      btn.style.transform = '';\n    });\n  });\n})();\n<\/script>\n<!-- ====== FIN BLOQUE PLAYGRESS ====== -->\n\n","protected":false},"excerpt":{"rendered":"<p>&#8593; &#8592; Volver al inicio Healthtech \u00b7 Salud mental infantil Progresar jugando PlayGress es un programa de entrenamiento cognitivo, emocional y motor dise\u00f1ado para mejorar la atenci\u00f3n, el autocontrol y la regulaci\u00f3n emocional en ni\u00f1os con TDAH. Qu\u00e9 es Tecnolog\u00eda al servicio del desarrollo Una healthtech que combina juego f\u00edsico y tecnolog\u00eda para potenciar las [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-129","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/pages\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":20,"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/pages\/129\/revisions"}],"predecessor-version":[{"id":347,"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/pages\/129\/revisions\/347"}],"wp:attachment":[{"href":"https:\/\/www.joostech.es\/en\/wp-json\/wp\/v2\/media?parent=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}