{"id":12,"date":"2026-01-20T11:36:20","date_gmt":"2026-01-20T11:36:20","guid":{"rendered":"https:\/\/nimoo.es\/?page_id=12"},"modified":"2026-01-21T15:19:10","modified_gmt":"2026-01-21T15:19:10","slug":"inicio","status":"publish","type":"page","link":"https:\/\/nimoo.es\/","title":{"rendered":"Inicio"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n NimoO - Organizaci\u00f3n Familiar Sin Gritos<\/title>\n \n <!-- Cargar Tailwind CSS -->\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <!-- Cargar Iconos Lucide -->\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <!-- Configuraci\u00f3n personalizada de Tailwind para las animaciones -->\n <script>\n tailwind.config = {\n theme: {\n extend: {\n animation: {\n 'blob': 'blob 7s infinite',\n 'bounce-slow': 'bounce 3s infinite',\n 'fade-in-up': 'fadeInUp 0.5s ease-out',\n },\n keyframes: {\n blob: {\n '0%': { transform: 'translate(0px, 0px) scale(1)' },\n '33%': { transform: 'translate(30px, -50px) scale(1.1)' },\n '66%': { transform: 'translate(-20px, 20px) scale(0.9)' },\n '100%': { transform: 'translate(0px, 0px) scale(1)' },\n },\n fadeInUp: {\n '0%': { opacity: '0', transform: 'translateY(10px)' },\n '100%': { opacity: '1', transform: 'translateY(0)' },\n }\n }\n }\n }\n }\n <\/script>\n \n <style>\n \/* Estilos base para asegurar que se vea bien en cualquier tema de WP *\/\n body {\n font-family: 'Inter', sans-serif;\n scroll-behavior: smooth;\n }\n \/* Transici\u00f3n suave para la galer\u00eda *\/\n .gallery-image-transition {\n transition: opacity 0.3s ease-in-out;\n }\n <\/style>\n<\/head>\n<body class=\"font-sans text-slate-800 bg-white selection:bg-teal-100 selection:text-teal-900\">\n\n <!-- NAVIGATION -->\n <nav class=\"fixed top-0 w-full bg-white\/90 backdrop-blur-md z-50 border-b border-slate-100\">\n <div class=\"container mx-auto px-6 py-4 flex justify-between items-center\">\n <div class=\"flex items-center gap-2\">\n <!-- Logo -->\n <img decoding=\"async\" src=\"https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/NimoO.png\" \n alt=\"NimoO Logo\" \n class=\"h-10 w-auto object-contain\" \n width=\"150\" \n style=\"max-width: 150px; height: auto;\">\n <\/div>\n\n <!-- Desktop Menu -->\n <div class=\"hidden md:flex items-center gap-6\">\n <a href=\"#problema\" class=\"text-slate-600 hover:text-teal-600 font-medium text-sm transition-colors\">El Problema<\/a>\n <a href=\"#metodo\" class=\"text-slate-600 hover:text-teal-600 font-medium text-sm transition-colors\">El M\u00e9todo<\/a>\n <a href=\"#funcionalidades\" class=\"text-slate-600 hover:text-teal-600 font-medium text-sm transition-colors\">Funcionalidades<\/a>\n <a href=\"#precios\" class=\"text-slate-600 hover:text-teal-600 font-medium text-sm transition-colors\">Precios<\/a>\n \n <!-- Separador vertical -->\n <div class=\"h-4 w-px bg-slate-200 mx-2\"><\/div>\n \n <!-- Bot\u00f3n Acceder -->\n <a href=\"https:\/\/nimoo.es\/app\" class=\"text-slate-700 hover:text-teal-600 font-semibold text-sm transition-colors flex items-center gap-1\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"\/><polyline points=\"10 17 15 12 10 7\"\/><line x1=\"15\" x2=\"3\" y1=\"12\" y2=\"12\"\/><\/svg>\n Acceder\n <\/a>\n\n <a href=\"https:\/\/nimoo.es\/app\/#register\" class=\"px-6 py-2 rounded-full font-semibold bg-teal-600 text-white hover:bg-teal-700 shadow-teal-200\/50 hover:shadow-lg transition-all transform hover:-translate-y-1 text-sm text-center\">\n Probar 7 d\u00edas Gratis\n <\/a>\n <\/div>\n\n <!-- Mobile Toggle Button -->\n <button id=\"mobile-menu-btn\" class=\"md:hidden text-slate-600\">\n <!-- Icono Menu -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-7 h-7\"><line x1=\"4\" x2=\"20\" y1=\"12\" y2=\"12\"\/><line x1=\"4\" x2=\"20\" y1=\"6\" y2=\"6\"\/><line x1=\"4\" x2=\"20\" y1=\"18\" y2=\"18\"\/><\/svg>\n <\/button>\n <\/div>\n\n <!-- Mobile Menu (Hidden by default) -->\n <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-slate-100 p-6 flex flex-col gap-4 shadow-xl\">\n <a href=\"#problema\" class=\"text-slate-700 font-medium mobile-link\">El Problema<\/a>\n <a href=\"#metodo\" class=\"text-slate-700 font-medium mobile-link\">El M\u00e9todo<\/a>\n <a href=\"#funcionalidades\" class=\"text-slate-700 font-medium mobile-link\">Funcionalidades<\/a>\n <a href=\"#precios\" class=\"text-slate-700 font-medium mobile-link\">Precios<\/a>\n <a href=\"https:\/\/nimoo.es\/app\" class=\"text-teal-600 font-bold mobile-link flex items-center gap-2\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><path d=\"M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4\"\/><polyline points=\"10 17 15 12 10 7\"\/><line x1=\"15\" x2=\"3\" y1=\"12\" y2=\"12\"\/><\/svg>\n Acceder a mi cuenta\n <\/a>\n <a href=\"https:\/\/nimoo.es\/app\/#register\" class=\"w-full px-6 py-3 rounded-full font-semibold bg-teal-600 text-white hover:bg-teal-700 shadow-lg justify-center flex\">\n Empezar Ahora\n <\/a>\n <\/div>\n <\/nav>\n\n <!-- HERO SECTION -->\n <header class=\"pt-32 pb-20 md:pt-40 md:pb-32 bg-gradient-to-br from-teal-50 via-white to-orange-50 overflow-hidden relative\">\n <div class=\"container mx-auto px-6 relative z-10\">\n <div class=\"flex flex-col md:flex-row items-center gap-12 lg:gap-20\">\n <!-- Hero Text -->\n <div class=\"md:w-1\/2 text-center md:text-left\">\n <div class=\"inline-block px-4 py-1.5 bg-orange-100 text-orange-700 rounded-full text-sm font-semibold mb-6 animate-fade-in-up\">\n Recomendado por psic\u00f3logos y educadores\n <\/div>\n <h1 class=\"text-4xl md:text-5xl lg:text-6xl font-bold text-slate-800 leading-[1.1] mb-6\">\n La organizaci\u00f3n familiar <span class=\"text-teal-600\">sin gritos ni castigos<\/span>\n <\/h1>\n <p class=\"text-lg md:text-xl text-slate-600 mb-8 leading-relaxed max-w-lg mx-auto md:mx-0\">\n Un sistema de refuerzo positivo recomendado por educadores y psic\u00f3logos que ayuda a tus hijos a organizarse y a ti a recuperar la calma en casa.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4 justify-center md:justify-start\">\n <a href=\"https:\/\/nimoo.es\/app\/#register\" class=\"px-8 py-4 rounded-full font-semibold bg-teal-600 text-white hover:bg-teal-700 shadow-teal-200\/50 hover:shadow-lg transition-all transform hover:-translate-y-1 flex items-center justify-center gap-2\">\n Probar 7 d\u00edas GRATIS\n <!-- Icono ChevronRight -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n <\/a>\n <a href=\"#metodo\" class=\"px-8 py-4 rounded-full font-semibold bg-orange-100 text-orange-700 hover:bg-orange-200 border border-orange-200 transition-all transform hover:-translate-y-1 flex items-center justify-center gap-2 text-center\">\n Ver c\u00f3mo funciona\n <\/a>\n <\/div>\n <div class=\"mt-4 flex flex-col md:flex-row items-center justify-center md:justify-start gap-3 text-xs text-slate-400 font-medium uppercase tracking-wide\">\n <span class=\"flex items-center gap-1\">\n <!-- Icono ShieldCheck -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n Sin tarjeta de cr\u00e9dito\n <\/span>\n <span class=\"hidden md:inline\">\u2022<\/span>\n <span>Cancelaci\u00f3n en cualquier momento<\/span>\n <\/div>\n <\/div>\n\n <!-- Hero Mockup Image (CSS Only) -->\n <div class=\"md:w-1\/2 relative w-full\">\n <!-- Blobs Background -->\n <div class=\"absolute -top-10 -right-10 w-72 h-72 bg-teal-200 rounded-full mix-blend-multiply filter blur-2xl opacity-30 animate-blob\"><\/div>\n <div class=\"absolute -bottom-10 -left-10 w-72 h-72 bg-orange-200 rounded-full mix-blend-multiply filter blur-2xl opacity-30 animate-blob\" style=\"animation-delay: 2000ms;\"><\/div>\n \n <!-- App Interface Mockup -->\n <div class=\"relative bg-white rounded-3xl shadow-2xl border border-slate-100 p-4 transform rotate-1 hover:rotate-0 transition-transform duration-500 max-w-md mx-auto\">\n <!-- Header Mockup -->\n <div class=\"flex justify-between items-center mb-6 border-b border-slate-50 pb-4\">\n <div class=\"flex items-center gap-3\">\n <div class=\"w-10 h-10 rounded-full bg-blue-100 border-2 border-blue-200 flex items-center justify-center\">\n <span class=\"text-blue-600 font-bold text-sm\">LEO<\/span>\n <\/div>\n <div>\n <p class=\"font-bold text-slate-800 text-sm\">Buenos d\u00edas, Leo<\/p>\n <p class=\"text-xs text-slate-400\">Tienes 1.250 puntos<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-yellow-100 text-yellow-700 px-3 py-1 rounded-full text-xs font-bold flex items-center gap-1\">\n <!-- Icono Star -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 24 24\" fill=\"currentColor\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-3 h-3 fill-current\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n 1.250 pts\n <\/div>\n <\/div>\n\n <!-- Tasks List Mockup -->\n <div class=\"space-y-3\">\n <div class=\"flex items-center justify-between p-3 bg-slate-50 rounded-xl border border-slate-100\">\n <div class=\"flex items-center gap-3\">\n <div class=\"p-2 bg-white rounded-lg shadow-sm text-teal-500\">\n <!-- Icono Layout -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-medium text-slate-700\">Hacer la cama<\/span>\n <\/div>\n <div class=\"h-6 w-6 rounded-full border-2 border-teal-200 flex items-center justify-center cursor-pointer bg-teal-500\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-3.5 h-3.5 text-white\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <\/div>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-slate-50 rounded-xl border border-slate-100 opacity-60\">\n <div class=\"flex items-center gap-3\">\n <div class=\"p-2 bg-white rounded-lg shadow-sm text-orange-500\">\n <!-- Icono Brain -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><path d=\"M17.599 6.5a3 3 0 0 0 .399-1.375\"\/><path d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\/><path d=\"M3.477 10.896a4 4 0 0 1 .585-.396\"\/><path d=\"M19.938 10.5a4 4 0 0 1 .585.396\"\/><path d=\"M6 18a4 4 0 0 1-1.97-3.465\"\/><path d=\"M20 14.535A4 4 0 0 1 18 18\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-medium text-slate-700\">Hacer los deberes<\/span>\n <\/div>\n <div class=\"h-6 w-6 rounded-full border-2 border-slate-200\"><\/div>\n <\/div>\n <div class=\"flex items-center justify-between p-3 bg-slate-50 rounded-xl border border-slate-100 opacity-60\">\n <div class=\"flex items-center gap-3\">\n <div class=\"p-2 bg-white rounded-lg shadow-sm text-indigo-500\">\n <!-- Icono Smile -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M8 14s1.5 2 4 2 4-2 4-2\"\/><line x1=\"9\" x2=\"9.01\" y1=\"9\" y2=\"9\"\/><line x1=\"15\" x2=\"15.01\" y1=\"9\" y2=\"9\"\/><\/svg>\n <\/div>\n <span class=\"text-sm font-medium text-slate-700\">Lavarse los dientes<\/span>\n <\/div>\n <div class=\"h-6 w-6 rounded-full border-2 border-slate-200\"><\/div>\n <\/div>\n <\/div>\n\n <!-- Floating Notification -->\n <div class=\"absolute -bottom-6 -right-6 bg-white p-4 rounded-xl shadow-xl border border-slate-100 flex items-center gap-3 animate-bounce-slow\">\n <div class=\"bg-green-100 p-2 rounded-full text-green-600\">\n <!-- Icono Award -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-5 h-5\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"\/><\/svg>\n <\/div>\n <div>\n <p class=\"text-xs font-bold text-slate-800\">\u00a1Premio canjeado!<\/p>\n <p class=\"text-[10px] text-slate-500\">Tarde de cine<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n <!-- PROBLEM SECTION -->\n <section id=\"problema\" class=\"py-20 bg-slate-50\">\n <div class=\"container mx-auto px-6\">\n <div class=\"mb-12 text-center max-w-3xl mx-auto\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-4 leading-tight\">\u00bfTe sientes identificado con esto?<\/h2>\n <p class=\"text-lg text-slate-600 leading-relaxed\">Sabemos que educar es el trabajo m\u00e1s dif\u00edcil del mundo. Si estas situaciones son tu d\u00eda a d\u00eda, no est\u00e1s solo.<\/p>\n <\/div>\n \n <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-6\">\n <!-- Card 1 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:border-red-100 transition-colors\">\n <!-- Icono Clock -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-red-400 mb-4 w-8 h-8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <h3 class=\"font-bold text-slate-800 mb-2\">Ma\u00f1anas Ca\u00f3ticas<\/h3>\n <p class=\"text-sm text-slate-600\">Prisas, gritos y repetir 20 veces 'ponte los zapatos' antes de salir.<\/p>\n <\/div>\n <!-- Card 2 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:border-red-100 transition-colors\">\n <!-- Icono XCircle -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-red-400 mb-4 w-8 h-8\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m15 9-6 6\"\/><path d=\"m9 9 6 6\"\/><\/svg>\n <h3 class=\"font-bold text-slate-800 mb-2\">No sin conflictos<\/h3>\n <p class=\"text-sm text-slate-600\">Cada tarea (ducha, deberes, recoger) se convierte en una negociaci\u00f3n agotadora.<\/p>\n <\/div>\n <!-- Card 3 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:border-red-100 transition-colors\">\n <!-- Icono Brain -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-red-400 mb-4 w-8 h-8\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><path d=\"M17.599 6.5a3 3 0 0 0 .399-1.375\"\/><path d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\/><path d=\"M3.477 10.896a4 4 0 0 1 .585-.396\"\/><path d=\"M19.938 10.5a4 4 0 0 1 .585.396\"\/><path d=\"M6 18a4 4 0 0 1-1.97-3.465\"\/><path d=\"M20 14.535A4 4 0 0 1 18 18\"\/><\/svg>\n <h3 class=\"font-bold text-slate-800 mb-2\">Falta de Autonom\u00eda<\/h3>\n <p class=\"text-sm text-slate-600\">Sientes que si t\u00fa no est\u00e1s encima record\u00e1ndolo todo, nada se hace.<\/p>\n <\/div>\n <!-- Card 4 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:border-red-100 transition-colors\">\n <!-- Icono Layout -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-red-400 mb-4 w-8 h-8\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg>\n <h3 class=\"font-bold text-slate-800 mb-2\">Inconsistencia<\/h3>\n <p class=\"text-sm text-slate-600\">Intentas sistemas en papel o pizarras que se abandonan a los tres d\u00edas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- SOLUTION SECTION -->\n <section id=\"metodo\" class=\"py-20 bg-white\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col lg:flex-row items-center gap-16\">\n <div class=\"lg:w-1\/2 w-full\">\n <div class=\"relative\">\n <div class=\"absolute inset-0 bg-gradient-to-tr from-teal-100 to-orange-100 rounded-3xl transform rotate-3\"><\/div>\n <div class=\"relative bg-slate-800 text-white rounded-3xl p-8 shadow-2xl\">\n <h3 class=\"text-2xl font-bold mb-6 text-teal-400\">\u00bfPor qu\u00e9 funciona el refuerzo positivo?<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex gap-3\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-400 flex-shrink-0 w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <p class=\"text-slate-300\"><strong class=\"text-white\">Cambia el foco:<\/strong> En lugar de castigar lo que hacen mal, premias el esfuerzo de lo que hacen bien.<\/p>\n <\/li>\n <li class=\"flex gap-3\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-400 flex-shrink-0 w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <p class=\"text-slate-300\"><strong class=\"text-white\">Gamificaci\u00f3n:<\/strong> Para ellos es un juego visual. Ver su progreso les motiva intr\u00ednsecamente.<\/p>\n <\/li>\n <li class=\"flex gap-3\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-400 flex-shrink-0 w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <p class=\"text-slate-300\"><strong class=\"text-white\">Claridad mental:<\/strong> Las rutinas y reglas son visibles. No son \"cosas que dice mam\u00e1\/pap\u00e1\", es lo que pone en el panel.<\/p>\n <\/li>\n <li class=\"flex gap-3\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-400 flex-shrink-0 w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <p class=\"text-slate-300\"><strong class=\"text-white\">Avalado por la ciencia:<\/strong> M\u00e9todo recomendado por psic\u00f3logos infantiles y orientadores escolares.<\/p>\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"lg:w-1\/2 w-full\">\n <h2 class=\"text-3xl font-bold text-slate-800 mb-6\">La tecnolog\u00eda al servicio de la convivencia<\/h2>\n <p class=\"text-lg text-slate-600 mb-6\">Hemos digitalizado el cl\u00e1sico sistema de puntos para que sea pr\u00e1ctico, port\u00e1til y justo. Sin pegatinas que se caen ni papeles que se pierden.<\/p>\n <div class=\"grid grid-cols-2 gap-6\">\n <div>\n <h4 class=\"font-bold text-teal-600 text-xl mb-1\">93%<\/h4>\n <p class=\"text-sm text-slate-500\">De las familias reportan menos gritos en la primera semana.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-teal-600 text-xl mb-1\">100%<\/h4>\n <p class=\"text-sm text-slate-500\">Personalizable a las necesidades de tus hijos.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- ADHD \/ NEURODIVERSITY SECTION -->\n <section class=\"py-20 bg-teal-50 border-y border-teal-100\">\n <div class=\"container mx-auto px-6\">\n <div class=\"flex flex-col md:flex-row items-center gap-12\">\n <div class=\"md:w-1\/2\">\n <div class=\"inline-block px-4 py-1.5 bg-teal-100 text-teal-800 rounded-full text-sm font-bold mb-4\">\n Evidencia Cient\u00edfica\n <\/div>\n <h2 class=\"text-3xl font-bold text-slate-800 mb-6\">\n Un aliado clave para el TDAH y dificultades ejecutivas\n <\/h2>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n Los ni\u00f1os con Trastorno por D\u00e9ficit de Atenci\u00f3n e Hiperactividad (TDAH) o TDA a menudo presentan un d\u00e9ficit en las <strong>funciones ejecutivas<\/strong>, lo que dificulta la planificaci\u00f3n y la \"memoria de trabajo\" necesaria para seguir rutinas.\n <\/p>\n <p class=\"text-lg text-slate-600 mb-6 leading-relaxed\">\n NimoO act\u00faa como una <strong>pr\u00f3tesis ejecutiva visual<\/strong>. Al externalizar las tareas y reglas en un formato visual claro, reducimos la carga cognitiva del ni\u00f1o. Adem\u00e1s, el sistema de puntos proporciona la <strong>frecuencia e inmediatez en el refuerzo<\/strong> que el cerebro con TDAH necesita biol\u00f3gicamente para mantener la motivaci\u00f3n, algo que los sistemas de castigo o recompensas a largo plazo no logran.\n <\/p>\n <\/div>\n <div class=\"md:w-1\/2 grid grid-cols-1 gap-4\">\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-teal-100 flex gap-4 items-start\">\n <div class=\"p-3 bg-teal-50 rounded-lg text-teal-600 shrink-0\">\n <!-- Icono Brain Circuit -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 5a3 3 0 1 0-5.997.125 4 4 0 0 0-2.526 5.77 4 4 0 0 0 .556 6.588A4 4 0 1 0 12 18Z\"\/><path d=\"M12 5a3 3 0 1 1 5.997.125 4 4 0 0 1 2.526 5.77 4 4 0 0 1-.556 6.588A4 4 0 1 1 12 18Z\"\/><path d=\"M15 13a4.5 4.5 0 0 1-3-4 4.5 4.5 0 0 1-3 4\"\/><path d=\"M17.599 6.5a3 3 0 0 0 .399-1.375\"\/><path d=\"M6.003 5.125A3 3 0 0 0 6.401 6.5\"\/><path d=\"M3.477 10.896a4 4 0 0 1 .585-.396\"\/><path d=\"M19.938 10.5a4 4 0 0 1 .585.396\"\/><path d=\"M6 18a4 4 0 0 1-1.97-3.465\"\/><path d=\"M20 14.535A4 4 0 0 1 18 18\"\/><\/svg>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-800\">Externalizaci\u00f3n de la Memoria<\/h4>\n <p class=\"text-sm text-slate-600 mt-1\">Transforma instrucciones verbales (que se \"evaporan\") en gu\u00edas visuales permanentes.<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-xl shadow-sm border border-teal-100 flex gap-4 items-start\">\n <div class=\"p-3 bg-teal-50 rounded-lg text-teal-600 shrink-0\">\n <!-- Icono Zap (Inmediatez) -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-800\">Feedback Inmediato<\/h4>\n <p class=\"text-sm text-slate-600 mt-1\">Cierra la brecha temporal entre la acci\u00f3n y la consecuencia, esencial para el aprendizaje en TDAH.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FEATURES SECTION -->\n <section id=\"funcionalidades\" class=\"py-20 bg-slate-50\">\n <div class=\"container mx-auto px-6\">\n <div class=\"mb-12 text-center max-w-3xl mx-auto\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-4 leading-tight\">Todo lo que necesitas para organizarte<\/h2>\n <p class=\"text-lg text-slate-600 leading-relaxed\">\n Una suite completa y <strong>100% configurable<\/strong>. T\u00fa decides cu\u00e1ntos puntos vale cada tarea y cu\u00e1nto cuestan los premios. Crea un sistema a la medida exacta de tu familia de forma superf\u00e1cil.\n <\/p>\n <\/div>\n\n <div class=\"grid md:grid-cols-3 gap-8\">\n <!-- Feature 1 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-shadow h-full\">\n <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center mb-4 shadow-sm text-teal-600\">\n <!-- Icono Layout -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"\/><path d=\"M3 9h18\"\/><path d=\"M9 21V9\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Panel Familiar<\/h3>\n <p class=\"text-slate-600\">Visualiza a todos tus hijos en un solo lugar, o entra en el perfil individual de cada uno. Dise\u00f1o adaptado para ni\u00f1os.<\/p>\n <\/div>\n <!-- Feature 2 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-shadow h-full\">\n <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center mb-4 shadow-sm text-teal-600\">\n <!-- Icono Star -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Sistema de Puntos<\/h3>\n <p class=\"text-slate-600\">Suma puntos autom\u00e1ticamente al completar rutinas o a\u00f1\u00e1delos manualmente. <strong>\u00a1T\u00fa configuras los valores!<\/strong><\/p>\n <\/div>\n <!-- Feature 3 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-shadow h-full\">\n <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center mb-4 shadow-sm text-teal-600\">\n <!-- Icono Calendar -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"4\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" x2=\"16\" y1=\"2\" y2=\"6\"\/><line x1=\"8\" x2=\"8\" y1=\"2\" y2=\"6\"\/><line x1=\"3\" x2=\"21\" y1=\"10\" y2=\"10\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Calendario Inteligente<\/h3>\n <p class=\"text-slate-600\">Ex\u00e1menes, extraescolares y cumplea\u00f1os. Todo centralizado y visible para que aprendan a gestionar su tiempo.<\/p>\n <\/div>\n <!-- Feature 4 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-shadow h-full\">\n <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center mb-4 shadow-sm text-teal-600\">\n <!-- Icono Award -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"8\" r=\"6\"\/><path d=\"M15.477 12.89 17 22l-5-3-5 3 1.523-9.11\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Premios Personalizados<\/h3>\n <p class=\"text-slate-600\">T\u00fa decides las recompensas: desde '30 min de consola' hasta 'tarde en el parque'. T\u00fa pones las reglas de canje.<\/p>\n <\/div>\n <!-- Feature 5 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-shadow h-full\">\n <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center mb-4 shadow-sm text-teal-600\">\n <!-- Icono Clock -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Rutinas por Bloques<\/h3>\n <p class=\"text-slate-600\">Organiza el d\u00eda por momentos: Ma\u00f1ana, Mediod\u00eda, Tarde y Noche. Menos agobio, m\u00e1s estructura.<\/p>\n <\/div>\n <!-- Feature 6 -->\n <div class=\"bg-white p-6 rounded-2xl shadow-sm border border-slate-100 hover:shadow-md transition-shadow h-full\">\n <div class=\"w-12 h-12 bg-white rounded-xl flex items-center justify-center mb-4 shadow-sm text-teal-600\">\n <!-- Icono Users -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"\/><circle cx=\"9\" cy=\"7\" r=\"4\"\/><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"\/><path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/><\/svg>\n <\/div>\n <h3 class=\"text-xl font-bold text-slate-800 mb-2\">Multiusuario<\/h3>\n <p class=\"text-slate-600\">Tanto mam\u00e1 como pap\u00e1 (o abuelos\/cuidadores) pueden gestionar los puntos desde sus propios m\u00f3viles.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- VISUAL SHOWCASE \/ TABLET SECTION -->\n <section class=\"py-20 bg-white overflow-hidden\">\n <div class=\"container mx-auto px-6\">\n <div class=\"bg-teal-900 rounded-3xl p-8 md:p-16 text-center text-white relative overflow-hidden\">\n <div class=\"relative z-10 max-w-5xl mx-auto\">\n <h2 class=\"text-3xl md:text-4xl font-bold mb-6\">Tu NimoO en cualquier dispositivo<\/h2>\n <p class=\"text-teal-100 text-lg mb-8\">\n Funciona a la perfecci\u00f3n en <strong>Android, Apple (iOS), Ordenador, Tablet y M\u00f3vil<\/strong>. Podr\u00e1s gestionar tu familia est\u00e9s donde est\u00e9s.\n <\/p>\n \n <div class=\"bg-white\/10 p-6 rounded-2xl backdrop-blur-sm border border-white\/20 mb-8 inline-block max-w-3xl\">\n <h3 class=\"text-xl font-bold text-orange-300 mb-2 flex items-center justify-center gap-2\">\n <!-- Icono Tablet -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-6 h-6\"><rect width=\"16\" height=\"20\" x=\"4\" y=\"2\" rx=\"2\" ry=\"2\"\/><line x1=\"12\" x2=\"12.01\" y1=\"18\" y2=\"18\"\/><\/svg>\n Recomendaci\u00f3n de Experto: Usa una Tablet\n <\/h3>\n <p class=\"text-white text-sm md:text-base leading-relaxed\">\n Aunque funciona en todos los dispositivos, recomendamos instalar NimoO en una <strong>tablet en una zona com\u00fan<\/strong>. As\u00ed, los ni\u00f1os pueden marcar ellos mismos sus tareas y canjear sus premios (siempre bajo tu supervisi\u00f3n), haci\u00e9ndoles part\u00edcipes y responsables de su propio progreso.\n <\/p>\n <\/div>\n\n <!-- GALER\u00cdA DE IM\u00c1GENES INTERACTIVA -->\n <div class=\"mt-8 max-w-4xl mx-auto\">\n <!-- Visor Principal -->\n <div class=\"mb-6 relative bg-transparent flex items-center justify-center\">\n <img decoding=\"async\" id=\"gallery-main-image\" \n src=\"https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/tablet_mockup.png\" \n alt=\"Vista Principal NimoO\" \n class=\"object-contain w-full h-auto transition-transform duration-500 transform\" style=\"max-height: 500px;\">\n <\/div>\n\n <!-- Miniaturas -->\n <div class=\"flex justify-center gap-4\">\n <!-- Thumb 1 -->\n <button onclick=\"updateGallery('https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/tablet_mockup.png', this)\" class=\"gallery-thumb w-24 h-16 md:w-32 md:h-24 rounded-xl border-4 border-orange-400 overflow-hidden shadow-lg transition-all transform hover:scale-105 focus:outline-none p-0.5 bg-white opacity-100\">\n <img decoding=\"async\" src=\"https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/tablet_mockup.png\" class=\"w-full h-full object-cover rounded-lg\">\n <\/button>\n <!-- Thumb 2 -->\n <button onclick=\"updateGallery('https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/5.png', this)\" class=\"gallery-thumb w-24 h-16 md:w-32 md:h-24 rounded-xl border-4 border-transparent overflow-hidden shadow-lg transition-all transform hover:scale-105 focus:outline-none p-0.5 bg-white opacity-70 hover:opacity-100\">\n <img decoding=\"async\" src=\"https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/5.png\" class=\"w-full h-full object-cover rounded-lg\">\n <\/button>\n <!-- Thumb 3 -->\n <button onclick=\"updateGallery('https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/6.png', this)\" class=\"gallery-thumb w-24 h-16 md:w-32 md:h-24 rounded-xl border-4 border-transparent overflow-hidden shadow-lg transition-all transform hover:scale-105 focus:outline-none p-0.5 bg-white opacity-70 hover:opacity-100\">\n <img decoding=\"async\" src=\"https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/6.png\" class=\"w-full h-full object-cover rounded-lg\">\n <\/button>\n <\/div>\n <p class=\"text-teal-200\/60 text-xs mt-3\">Haz clic en una miniatura para cambiar la vista<\/p>\n <\/div>\n <\/div>\n \n <!-- Decorative backgrounds -->\n <div class=\"absolute top-0 left-0 w-64 h-64 bg-teal-800 rounded-full mix-blend-multiply filter blur-3xl opacity-50 -translate-x-1\/2 -translate-y-1\/2\"><\/div>\n <div class=\"absolute bottom-0 right-0 w-64 h-64 bg-orange-500 rounded-full mix-blend-overlay filter blur-3xl opacity-20 translate-x-1\/2 translate-y-1\/2\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- PRICING SECTION -->\n <section id=\"precios\" class=\"py-20 bg-slate-50\">\n <div class=\"container mx-auto px-6\">\n <div class=\"mb-12 text-center max-w-3xl mx-auto\">\n <h2 class=\"text-3xl md:text-4xl font-bold text-slate-800 mb-4 leading-tight\">Precios simples para familias reales<\/h2>\n <p class=\"text-lg text-slate-600 leading-relaxed\">Empieza con 7 d\u00edas gratis. No pedimos tarjeta para probarlo.<\/p>\n <\/div>\n\n <div class=\"flex flex-col md:flex-row justify-center gap-8 max-w-4xl mx-auto\">\n <!-- Monthly Plan -->\n <div class=\"bg-white p-8 rounded-3xl shadow-sm border border-slate-200 flex-1 flex flex-col\">\n <div class=\"mb-4\">\n <h3 class=\"text-xl font-bold text-slate-800\">Mensual<\/h3>\n <p class=\"text-slate-500 text-sm\">Flexibilidad total<\/p>\n <\/div>\n <div class=\"mb-6 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold text-slate-800\">2,99\u20ac<\/span>\n <span class=\"text-slate-500\">\/mes<\/span>\n <\/div>\n <ul class=\"space-y-3 mb-8 flex-1\">\n <li class=\"flex gap-2 text-sm text-slate-600\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-500 flex-shrink-0 w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n Sin permanencia, cancela cuando quieras\n <\/li>\n <li class=\"flex gap-2 text-sm text-slate-600\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-500 flex-shrink-0 w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n Cuentas ilimitadas para hijos\n <\/li>\n <li class=\"flex gap-2 text-sm text-slate-600\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-teal-500 flex-shrink-0 w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n Acceso a todas las funciones\n <\/li>\n <\/ul>\n <a href=\"https:\/\/nimoo.es\/app\/#register\" class=\"w-full px-6 py-3 rounded-full font-semibold border-2 border-teal-600 text-teal-700 hover:bg-teal-50 transition-all text-center block\">Probar Gratis<\/a>\n <\/div>\n\n <!-- Annual Plan -->\n <div class=\"bg-teal-900 p-8 rounded-3xl shadow-xl border border-teal-800 flex-1 flex flex-col relative overflow-hidden transform md:-translate-y-4\">\n <div class=\"absolute top-0 right-0 bg-orange-400 text-white text-xs font-bold px-3 py-2 rounded-bl-xl shadow-md\">AHORRA 2 MESES<\/div>\n <div class=\"mb-4\">\n <h3 class=\"text-xl font-bold text-white\">Anual<\/h3>\n <p class=\"text-teal-200 text-sm\">El favorito de las familias<\/p>\n <\/div>\n <div class=\"mb-6 flex items-baseline gap-1\">\n <span class=\"text-4xl font-bold text-white\">29\u20ac<\/span>\n <span class=\"text-teal-200\">\/a\u00f1o<\/span>\n <\/div>\n <ul class=\"space-y-3 mb-8 flex-1\">\n <li class=\"flex gap-2 text-sm text-teal-100\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-orange-400 flex-shrink-0 w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n <span class=\"font-semibold text-white\">Todo lo del plan mensual<\/span>\n <\/li>\n <li class=\"flex gap-2 text-sm text-teal-100\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-orange-400 flex-shrink-0 w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n 2 meses GRATIS\n <\/li>\n <li class=\"flex gap-2 text-sm text-teal-100\">\n <!-- Icono CheckCircle2 -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-orange-400 flex-shrink-0 w-5 h-5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n Un \u00fanico pago al a\u00f1o\n <\/li>\n <\/ul>\n <a href=\"https:\/\/nimoo.es\/app\/#register\" class=\"w-full px-6 py-3 rounded-full font-semibold bg-orange-400 hover:bg-orange-500 text-white border-none shadow-none transition-all text-center block\">Probar Gratis<\/a>\n <\/div>\n <\/div>\n \n <p class=\"text-center text-slate-400 text-sm mt-8\">\n * Ambos planes incluyen 7 d\u00edas de prueba gratuita. No se te cobrar\u00e1 nada hasta que termine el periodo de prueba.\n <\/p>\n <\/div>\n <\/section>\n\n <!-- CTA SECTION -->\n <section class=\"py-24 bg-white\">\n <div class=\"container mx-auto px-6 text-center max-w-4xl\">\n <h2 class=\"text-4xl md:text-5xl font-bold text-slate-800 mb-6\">La paz familiar est\u00e1 a un clic de distancia<\/h2>\n <p class=\"text-xl text-slate-600 mb-10 leading-relaxed\">\n \u00danete a las m\u00e1s de 5.000 familias que han cambiado los gritos por puntos y las amenazas por motivaci\u00f3n. \n <br><span class=\"font-semibold text-teal-600\">Pru\u00e9balo gratis durante 7 d\u00edas con NimoO.<\/span>\n <\/p>\n \n <div class=\"flex flex-col items-center gap-4\">\n <a href=\"https:\/\/nimoo.es\/app\/#register\" class=\"px-10 py-4 rounded-full font-semibold bg-teal-600 text-white hover:bg-teal-700 shadow-xl shadow-teal-200 transition-all text-lg inline-block\">\n Crear mi cuenta familiar ahora\n <\/a>\n <p class=\"text-sm text-slate-400 mt-2 flex items-center gap-1\">\n <!-- Icono ShieldCheck -->\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"w-4 h-4\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"\/><path d=\"m9 12 2 2 4-4\"\/><\/svg>\n Sin tarjeta de cr\u00e9dito para empezar.\n <\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <footer class=\"bg-slate-900 text-slate-300 py-12 border-t border-slate-800\">\n <div class=\"container mx-auto px-6\">\n <div class=\"grid md:grid-cols-4 gap-8 mb-8\">\n <div class=\"col-span-1 md:col-span-2\">\n <div class=\"flex items-center gap-2 mb-4\">\n <!-- IMPORTANTE: Ajusta 'width' y 'style' aqu\u00ed tambi\u00e9n para el logo del pie de p\u00e1gina -->\n <img decoding=\"async\" src=\"https:\/\/nimoo.es\/wp-content\/uploads\/2026\/01\/NimoO.png\" \n alt=\"NimoO Logo\" \n class=\"h-8 w-auto object-contain brightness-0 invert\"\n width=\"120\"\n style=\"max-width: 120px; height: auto;\">\n <\/div>\n <p class=\"text-sm text-slate-400 max-w-xs\">Ayudando a familias a construir hogares m\u00e1s felices a trav\u00e9s de la organizaci\u00f3n y el refuerzo positivo.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold text-white mb-4\">Producto<\/h4>\n <ul class=\"space-y-2 text-sm\">\n <li><a href=\"#funcionalidades\" class=\"hover:text-teal-400\">Funcionalidades<\/a><\/li>\n <li><a href=\"#precios\" class=\"hover:text-teal-400\">Precios<\/a><\/li>\n <li><a href=\"#\" class=\"hover:text-teal-400\">Para Colegios<\/a><\/li>\n <!-- Enlace Acceder en Footer -->\n <li><a href=\"https:\/\/nimoo.es\/app\" class=\"hover:text-teal-400 font-bold text-teal-500\">Acceder a la plataforma<\/a><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold text-white mb-4\">Legal<\/h4>\n <ul class=\"space-y-2 text-sm\">\n <li><a href=\"https:\/\/nimoo.es\/index.php\/aviso-legal\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-teal-400\">Aviso Legal<\/a><\/li>\n <li><a href=\"https:\/\/nimoo.es\/index.php\/politica-de-privacidad\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-teal-400\">Pol\u00edtica de Privacidad<\/a><\/li>\n <li><a href=\"https:\/\/nimoo.es\/index.php\/terminos-y-condiciones-de-uso\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-teal-400\">T\u00e9rminos y Condiciones<\/a><\/li>\n <li><a href=\"https:\/\/nimoo.es\/index.php\/politica-de-cookies\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-teal-400\">Pol\u00edtica de Cookies<\/a><\/li>\n <li><a href=\"https:\/\/nimoo.es\/index.php\/condiciones-de-contratacion\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"hover:text-teal-400\">Condiciones de Contrataci\u00f3n<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"border-t border-slate-800 pt-8 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500\">\n <p>\u00a9 2026 NimoO Family App. Todos los derechos reservados.<\/p>\n <p>Hecho con \u2764\ufe0f para familias reales.<\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <!-- Scripts de Funcionalidad -->\n <script>\n \/\/ Script Men\u00fa M\u00f3vil\n const mobileBtn = document.getElementById('mobile-menu-btn');\n const mobileMenu = document.getElementById('mobile-menu');\n const mobileLinks = document.querySelectorAll('.mobile-link');\n\n if(mobileBtn && mobileMenu) {\n mobileBtn.addEventListener('click', () => {\n mobileMenu.classList.toggle('hidden');\n });\n\n \/\/ Cerrar men\u00fa al hacer clic en un enlace\n mobileLinks.forEach(link => {\n link.addEventListener('click', () => {\n mobileMenu.classList.add('hidden');\n });\n });\n }\n\n \/\/ --- L\u00d3GICA DE LA GALER\u00cdA ---\n \n function updateGallery(src, clickedThumb) {\n const mainImage = document.getElementById('gallery-main-image');\n const allThumbs = document.querySelectorAll('.gallery-thumb');\n \n \/\/ Efecto visual de desvanecimiento simple\n mainImage.style.opacity = '0.5';\n \n setTimeout(() => {\n mainImage.src = src;\n mainImage.style.opacity = '1';\n }, 150);\n\n \/\/ Actualizar estado activo de las miniaturas\n allThumbs.forEach(thumb => {\n thumb.classList.remove('border-orange-400', 'opacity-100');\n thumb.classList.add('border-transparent', 'opacity-70');\n });\n\n if(clickedThumb) {\n clickedThumb.classList.remove('border-transparent', 'opacity-70');\n clickedThumb.classList.add('border-orange-400', 'opacity-100');\n }\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>NimoO – Organizaci\u00f3n Familiar Sin Gritos El Problema El M\u00e9todo Funcionalidades Precios Acceder Probar 7 d\u00edas Gratis El Problema El M\u00e9todo Funcionalidades Precios Acceder a mi cuenta Empezar Ahora Recomendado por psic\u00f3logos y educadores La organizaci\u00f3n familiar sin gritos ni castigos Un sistema de refuerzo positivo recomendado por educadores y psic\u00f3logos que ayuda a tus […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":26,"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":60,"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/pages\/12\/revisions\/60"}],"wp:attachment":[{"href":"https:\/\/nimoo.es\/index.php\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}