{"id":16,"date":"2026-09-22T20:52:11","date_gmt":"2026-09-22T20:52:11","guid":{"rendered":"https:\/\/algoritmodelalma.com\/?page_id=16"},"modified":"2026-09-22T20:52:11","modified_gmt":"2026-09-22T20:52:11","slug":"que-tipo-de-inteligencia-posees","status":"publish","type":"page","link":"https:\/\/algoritmodelalma.com\/?page_id=16","title":{"rendered":"\u00bfQue tipo de Inteligencia posees?"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>\u00bfQu\u00e9 tipo de inteligencias dominantes tienes?<\/title>\n    <style>\n        :root {\n            --bg-cream: #F7F1EA;\n            --white: #FFFFFF;\n            --brown-soft: #5C4033;\n            --beige: #E8DED2;\n            --rose-old: #D8A48F;\n            --lilac-soft: #C4B5FD;\n            --terracotta: #B86B4B;\n            --text-dark: #1F1B16;\n            --gray-muted: #6B7280;\n            --gray-light: #F3F4F6;\n            --success: #10B981;\n            --shadow-sm: 0 2px 4px rgba(31, 27, 22, 0.04);\n            --shadow-md: 0 8px 16px rgba(92, 64, 51, 0.08);\n            --shadow-lg: 0 12px 24px rgba(92, 64, 51, 0.12);\n            --radius-sm: 8px;\n            --radius-md: 16px;\n            --radius-lg: 24px;\n        }\n\n        * {\n            box-sizing: border-box;\n            margin: 0;\n            padding: 0;\n            font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n            -webkit-tap-highlight-color: transparent;\n        }\n\n        body {\n            background-color: var(--bg-cream);\n            color: var(--text-dark);\n            line-height: 1.6;\n            padding: 16px;\n            min-height: 100vh;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n\n        .app-container {\n            width: 100%;\n            max-width: 860px;\n            margin: 0 auto;\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .notice-banner {\n            background-color: rgba(216, 164, 143, 0.18);\n            border-left: 4px solid var(--terracotta);\n            padding: 14px 18px;\n            border-radius: var(--radius-sm);\n            font-size: 0.88rem;\n            color: var(--text-dark);\n            display: flex;\n            align-items: flex-start;\n            gap: 12px;\n            line-height: 1.45;\n        }\n\n        .notice-icon {\n            font-size: 1.2rem;\n            line-height: 1;\n            flex-shrink: 0;\n            margin-top: 2px;\n        }\n\n        header.app-header {\n            background: var(--white);\n            border-radius: var(--radius-md);\n            padding: 28px 24px;\n            text-align: center;\n            box-shadow: var(--shadow-md);\n            border: 1px solid var(--beige);\n            position: relative;\n            overflow: hidden;\n        }\n\n        header.app-header::before {\n            content: '';\n            position: absolute;\n            top: 0;\n            left: 0;\n            right: 0;\n            height: 6px;\n            background: linear-gradient(90deg, var(--terracotta), var(--rose-old), var(--lilac-soft));\n        }\n\n        h1.app-title {\n            color: var(--brown-soft);\n            font-size: clamp(1.5rem, 4vw, 2.1rem);\n            font-weight: 700;\n            letter-spacing: -0.02em;\n            margin-bottom: 12px;\n        }\n\n        p.app-subtitle {\n            color: var(--gray-muted);\n            font-size: clamp(0.92rem, 2.5vw, 1.05rem);\n            max-width: 720px;\n            margin: 0 auto;\n        }\n\n        .card {\n            background: var(--white);\n            border-radius: var(--radius-md);\n            padding: 24px;\n            box-shadow: var(--shadow-md);\n            border: 1px solid var(--beige);\n            transition: transform 0.2s ease, box-shadow 0.2s ease;\n        }\n\n        .btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 12px 22px;\n            font-size: 0.98rem;\n            font-weight: 600;\n            border-radius: var(--radius-sm);\n            border: none;\n            cursor: pointer;\n            transition: all 0.2s ease;\n            gap: 8px;\n            touch-action: manipulation;\n            text-decoration: none;\n        }\n\n        .btn-primary {\n            background-color: var(--terracotta);\n            color: var(--white);\n        }\n\n        .btn-primary:hover {\n            background-color: #A0593B;\n            transform: translateY(-1px);\n        }\n\n        .btn-secondary {\n            background-color: var(--beige);\n            color: var(--brown-soft);\n        }\n\n        .btn-secondary:hover {\n            background-color: #DCD0C2;\n        }\n\n        .btn-outline {\n            background: transparent;\n            border: 1.5px solid var(--beige);\n            color: var(--text-dark);\n        }\n\n        .btn-outline:hover {\n            background: var(--bg-cream);\n            border-color: var(--rose-old);\n        }\n\n        .btn:disabled {\n            opacity: 0.5;\n            cursor: not-allowed;\n            transform: none !important;\n        }\n\n        .progress-bar-container {\n            width: 100%;\n            height: 10px;\n            background-color: var(--beige);\n            border-radius: 20px;\n            overflow: hidden;\n            margin: 16px 0 8px 0;\n        }\n\n        .progress-bar-fill {\n            height: 100%;\n            background: linear-gradient(90deg, var(--rose-old), var(--terracotta));\n            width: 0%;\n            transition: width 0.3s ease;\n            border-radius: 20px;\n        }\n\n        .question-meta {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            font-size: 0.88rem;\n            color: var(--gray-muted);\n            margin-bottom: 20px;\n            font-weight: 500;\n        }\n\n        .question-text {\n            font-size: clamp(1.1rem, 3vw, 1.35rem);\n            color: var(--text-dark);\n            font-weight: 600;\n            line-height: 1.5;\n            margin-bottom: 28px;\n            min-height: 70px;\n            display: flex;\n            align-items: center;\n        }\n\n        .options-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n            margin-bottom: 24px;\n        }\n\n        @media (max-width: 480px) {\n            .options-grid {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        .option-btn {\n            padding: 18px 20px;\n            border: 2px solid var(--beige);\n            background: var(--white);\n            border-radius: var(--radius-md);\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: var(--text-dark);\n            cursor: pointer;\n            transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n            box-shadow: var(--shadow-sm);\n        }\n\n        .option-btn:hover {\n            border-color: var(--rose-old);\n            background: rgba(247, 241, 234, 0.5);\n            transform: translateY(-2px);\n        }\n\n        .option-btn.selected-yes {\n            border-color: var(--terracotta);\n            background-color: rgba(184, 107, 75, 0.1);\n            color: var(--terracotta);\n            box-shadow: 0 0 0 3px rgba(184, 107, 75, 0.15);\n        }\n\n        .option-btn.selected-no {\n            border-color: var(--brown-soft);\n            background-color: rgba(92, 64, 51, 0.08);\n            color: var(--brown-soft);\n            box-shadow: 0 0 0 3px rgba(92, 64, 51, 0.1);\n        }\n\n        .quiz-navigation {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 12px;\n            border-top: 1px solid var(--beige);\n            padding-top: 18px;\n            flex-wrap: wrap;\n        }\n\n        .results-header {\n            text-align: center;\n            margin-bottom: 24px;\n        }\n\n        .results-header h2 {\n            color: var(--brown-soft);\n            font-size: 1.7rem;\n            margin-bottom: 8px;\n        }\n\n        .dominant-badge-container {\n            display: flex;\n            flex-wrap: wrap;\n            gap: 10px;\n            justify-content: center;\n            margin-top: 14px;\n        }\n\n        .dominant-chip {\n            background-color: var(--lilac-soft);\n            color: #4C1D95;\n            padding: 8px 16px;\n            border-radius: 30px;\n            font-size: 0.9rem;\n            font-weight: 700;\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            box-shadow: var(--shadow-sm);\n        }\n\n        .chart-container {\n            display: flex;\n            flex-direction: column;\n            gap: 14px;\n            margin: 24px 0;\n        }\n\n        .bar-item {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n        }\n\n        .bar-labels {\n            display: flex;\n            justify-content: space-between;\n            font-size: 0.92rem;\n            font-weight: 600;\n        }\n\n        .bar-track {\n            height: 18px;\n            background: var(--beige);\n            border-radius: 10px;\n            overflow: hidden;\n            position: relative;\n        }\n\n        .bar-fill {\n            height: 100%;\n            border-radius: 10px;\n            transition: width 0.8s cubic-bezier(0.1, 0.5, 0.1, 1);\n        }\n\n        .info-accordion {\n            display: flex;\n            flex-direction: column;\n            gap: 16px;\n            margin-top: 30px;\n        }\n\n        .intelligence-card {\n            border: 1px solid var(--beige);\n            border-radius: var(--radius-md);\n            background: var(--white);\n            overflow: hidden;\n            box-shadow: var(--shadow-sm);\n        }\n\n        .intelligence-card-header {\n            padding: 18px 20px;\n            background: var(--bg-cream);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            user-select: none;\n        }\n\n        .intelligence-card-header h3 {\n            font-size: 1.1rem;\n            color: var(--brown-soft);\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .intelligence-card-body {\n            padding: 20px;\n            display: none;\n            border-top: 1px solid var(--beige);\n        }\n\n        .intelligence-card.open .intelligence-card-body {\n            display: block;\n        }\n\n        .info-section {\n            margin-bottom: 16px;\n        }\n\n        .info-section:last-child {\n            margin-bottom: 0;\n        }\n\n        .info-section-title {\n            font-size: 0.92rem;\n            text-transform: uppercase;\n            letter-spacing: 0.05em;\n            color: var(--terracotta);\n            font-weight: 700;\n            margin-bottom: 6px;\n            display: flex;\n            align-items: center;\n            gap: 6px;\n        }\n\n        .info-section p, .info-section ul {\n            font-size: 0.95rem;\n            color: var(--text-dark);\n            line-height: 1.55;\n        }\n\n        .info-section ul {\n            padding-left: 20px;\n            margin-top: 4px;\n        }\n\n        .info-section li {\n            margin-bottom: 4px;\n        }\n\n        .history-list {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n            margin-top: 16px;\n        }\n\n        .history-item {\n            padding: 14px 18px;\n            border-radius: var(--radius-sm);\n            border: 1px solid var(--beige);\n            background: var(--bg-cream);\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .hidden {\n            display: none !important;\n        }\n\n        .text-center {\n            text-align: center;\n        }\n\n        footer {\n            margin-top: 24px;\n            margin-bottom: 12px;\n            text-align: center;\n            font-size: 0.85rem;\n            color: var(--gray-muted);\n        }\n    <\/style>\n<\/head>\n<body>\n\n<div class=\"app-container\">\n\n    <div class=\"notice-banner\" role=\"alert\">\n        <span class=\"notice-icon\">\u26a0\ufe0f<\/span>\n        <div>\n            <strong>Aviso Importante:<\/strong> Esta app es una herramienta de bienestar y autocuidado. No reemplaza atenci\u00f3n psicol\u00f3gica, m\u00e9dica ni tratamiento profesional. Si sientes que puedes hacerte da\u00f1o o est\u00e1s en peligro, busca ayuda inmediata.\n        <\/div>\n    <\/div>\n\n    <header class=\"app-header\">\n        <h1 class=\"app-title\">\u00bfQu\u00e9 tipo de inteligencias dominantes tienes?<\/h1>\n        <p class=\"app-subtitle\">\n            Descubre qu\u00e9 tipo de inteligencias dominantes tienes para que puedas saber cu\u00e1l es tu forma de aprender y qu\u00e9 estudios pueden ser m\u00e1s interesantes para ti seg\u00fan tus capacidades.\n        <\/p>\n    <\/header>\n\n    <main>\n        <section id=\"welcome-view\" class=\"card text-center\">\n            <h2 style=\"color: var(--brown-soft); font-size: 1.35rem; margin-bottom: 12px;\">Teor\u00eda de las Inteligencias M\u00faltiples<\/h2>\n            <p style=\"color: var(--text-dark); margin-bottom: 20px; font-size: 0.98rem; text-align: left; line-height: 1.6;\">\n                Howard Gardner plante\u00f3 que no existe un \u00fanico tipo de inteligencia medir en una sola cifra, sino <strong>8 inteligencias independientes<\/strong> que se combinan en cada persona.\n                Este test de <strong>64 preguntas r\u00e1pidas<\/strong> te ayudar\u00e1 a identificar tus \u00e1reas m\u00e1s fuertes y c\u00f3mo aprovecharlas en tu aprendizaje cotidiano y desarrollo profesional.\n            <\/p>\n            \n            <div style=\"display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-top: 24px;\">\n                <button id=\"start-btn\" class=\"btn btn-primary\" onclick=\"app.startTest()\">\n                    \ud83d\ude80 Comenzar Test (64 Preguntas)\n                <\/button>\n                <button id=\"resume-btn\" class=\"btn btn-secondary hidden\" onclick=\"app.resumeTest()\">\n                    \u21a9\ufe0f Continuar Borrador\n                <\/button>\n                <button id=\"history-btn\" class=\"btn btn-outline\" onclick=\"app.showHistory()\">\n                    \ud83d\udcdc Ver Historial\n                <\/button>\n            <\/div>\n        <\/section>\n\n        <section id=\"quiz-view\" class=\"card hidden\">\n            <div class=\"question-meta\">\n                <span id=\"question-number\">Pregunta 1 de 64<\/span>\n                <span id=\"progress-percent\">0%<\/span>\n            <\/div>\n\n            <div class=\"progress-bar-container\">\n                <div id=\"progress-bar\" class=\"progress-bar-fill\"><\/div>\n            <\/div>\n\n            <div id=\"question-text\" class=\"question-text\">\n                Cargando pregunta&#8230;\n            <\/div>\n\n            <div class=\"options-grid\">\n                <button class=\"option-btn\" id=\"btn-yes\" onclick=\"app.answerQuestion(true)\">\n                    <span>\u2705<\/span> S\u00ed \/ Frecuentemente\n                <\/button>\n                <button class=\"option-btn\" id=\"btn-no\" onclick=\"app.answerQuestion(false)\">\n                    <span>\u274c<\/span> No \/ Rara vez\n                <\/button>\n            <\/div>\n\n            <div class=\"quiz-navigation\">\n                <button id=\"prev-btn\" class=\"btn btn-outline\" onclick=\"app.previousQuestion()\" disabled>\n                    \u2190 Anterior\n                <\/button>\n                <button class=\"btn btn-outline\" style=\"font-size: 0.85rem;\" onclick=\"app.resetTestConfirm()\">\n                    \ud83d\udd04 Reiniciar\n                <\/button>\n            <\/div>\n        <\/section>\n\n        <section id=\"results-view\" class=\"card hidden\">\n            <div class=\"results-header\">\n                <h2>Tu Perfil de Inteligencias<\/h2>\n                <p style=\"color: var(--gray-muted); font-size: 0.95rem;\">\n                    A continuaci\u00f3n se presenta el grado de desarrollo de cada una de tus 8 inteligencias (puntuaci\u00f3n de 0 a 8):\n                <\/p>\n                <div id=\"dominant-badges\" class=\"dominant-badge-container\"><\/div>\n            <\/div>\n\n            <!-- Visual Bar Chart -->\n            <div id=\"chart-container\" class=\"chart-container\"><\/div>\n\n            <div style=\"display: flex; justify-content: center; gap: 12px; margin: 24px 0 10px 0; flex-wrap: wrap;\">\n                <button class=\"btn btn-primary\" onclick=\"app.saveResultToHistory()\">\n                    \ud83d\udcbe Guardar en Historial\n                <\/button>\n                <button class=\"btn btn-secondary\" onclick=\"window.print()\">\n                    \ud83d\udda8\ufe0f Imprimir \/ Guardar PDF\n                <\/button>\n                <button class=\"btn btn-outline\" onclick=\"app.startTest()\">\n                    \ud83d\udd04 Volver a realizar\n                <\/button>\n            <\/div>\n\n            <!-- Detailed Educational Accordion -->\n            <div style=\"margin-top: 36px;\">\n                <h3 style=\"color: var(--brown-soft); font-size: 1.25rem; margin-bottom: 12px;\">\n                    \ud83d\udcda Informaci\u00f3n Educativa y Orientaci\u00f3n Personalizada\n                <\/h3>\n                <p style=\"color: var(--gray-muted); font-size: 0.9rem; margin-bottom: 18px;\">\n                    Haz clic en cada inteligencia para explorar tu forma \u00f3ptima de aprender, carreras recomendadas y tips de estudio:\n                <\/p>\n                \n                <div id=\"accordions-container\" class=\"info-accordion\"><\/div>\n            <\/div>\n        <\/section>\n\n        <section id=\"history-view\" class=\"card hidden\">\n            <h2 style=\"color: var(--brown-soft); font-size: 1.4rem; margin-bottom: 14px;\">\ud83d\udcdc Historial de Evaluaciones<\/h2>\n            <div id=\"history-content\" class=\"history-list\"><\/div>\n            <div style=\"margin-top: 24px; display: flex; gap: 12px;\">\n                <button class=\"btn btn-secondary\" onclick=\"app.showWelcome()\">\n                    \u2190 Volver\n                <\/button>\n                <button class=\"btn btn-outline\" onclick=\"app.clearHistory()\">\n                    \ud83d\uddd1\ufe0f Borrar Historial\n                <\/button>\n            <\/div>\n        <\/section>\n    <\/main>\n\n    <footer>\n        Basado en la Teor\u00eda de las Inteligencias M\u00faltiples de Howard Gardner \u00b7 Aplicaci\u00f3n Offline Libre\n    <\/footer>\n<\/div>\n\n<script>\nconst QUESTIONS = [\n    \/\/ Inteligencia Ling\u00fc\u00edstica (8)\n    { id: 1, cat: 'linguistic', text: 'Tengo buena memoria para los nombres de lugares, personas, fechas y detalles escritos.' },\n    { id: 2, cat: 'linguistic', text: 'Suelo hacer pocas faltas de ortograf\u00eda y cuido la gram\u00e1tica al redactar.' },\n    { id: 3, cat: 'linguistic', text: 'Me gustan los juegos de palabras, sopas de letras, crucigramas y juegos de lenguaje.' },\n    { id: 4, cat: 'linguistic', text: 'Me gusta leer regularmente libros, peri\u00f3dicos, revistas o art\u00edculos de mi inter\u00e9s.' },\n    { id: 5, cat: 'linguistic', text: 'Cuando hablo, me suelo extender en mis explicaciones y dar bastantes detalles sobre lo que cuento.' },\n    { id: 6, cat: 'linguistic', text: 'En los estudios, recuerdo mejor las cosas cuando las leo o las escucho explicadas por el profesor.' },\n    { id: 7, cat: 'linguistic', text: 'Me gusta contar cuentos, chistes e inventar historias siempre que puedo.' },\n    { id: 8, cat: 'linguistic', text: 'Cuando hay una discusi\u00f3n o debate, me gusta participar y argumentar dando mi opini\u00f3n.' },\n\n    \/\/ Inteligencia L\u00f3gico-Matem\u00e1tica (8)\n    { id: 9, cat: 'logic', text: 'Me gustan los juegos de l\u00f3gica, acertijos y problemas de razonamiento.' },\n    { id: 10, cat: 'logic', text: 'Disfruto solucionando problemas matem\u00e1ticos y retos num\u00e9ricos.' },\n    { id: 11, cat: 'logic', text: 'Puedo hacer c\u00e1lculos matem\u00e1ticos mentalmente con bastante rapidez.' },\n    { id: 12, cat: 'logic', text: 'Me gusta trabajar con calculadoras, hojas de c\u00e1lculo o juegos electr\u00f3nicos de estrategia.' },\n    { id: 13, cat: 'logic', text: 'Suelo hacer muchas preguntas sobre el funcionamiento y la causa de las cosas.' },\n    { id: 14, cat: 'logic', text: 'Suelo clasificar, jerarquizar u ordenar las cosas siempre que puedo.' },\n    { id: 15, cat: 'logic', text: 'S\u00e9 encontrar r\u00e1pidamente la relaci\u00f3n de causa y efecto en las situaciones.' },\n    { id: 16, cat: 'logic', text: 'En los estudios, siempre se me han dado bien o me han parecido claras las matem\u00e1ticas.' },\n\n    \/\/ Inteligencia Visual-Espacial (8)\n    { id: 17, cat: 'spatial', text: 'Me cuesta hacer dibujos en tres dimensiones o me esfuerzo mucho en lograrlo.' \/* Negative phrasing handled naturally in logic *\/ },\n    { id: 18, cat: 'spatial', text: 'Cuando veo el plano de algo, no me cuesta visualizarlo tridimensionalmente.' },\n    { id: 19, cat: 'spatial', text: 'Me oriento muy bien caminando o conduciendo por una ciudad o lugar nuevo.' },\n    { id: 20, cat: 'spatial', text: 'Me gusta realizar construcciones tridimensionales con piezas (como Lego, puzles 3D, modelos).' },\n    { id: 21, cat: 'spatial', text: 'S\u00e9 leer mapas, gr\u00e1ficos y diagramas con bastante facilidad.' },\n    { id: 22, cat: 'spatial', text: 'Disfruto resolviendo rompecabezas visuales, laberintos o acertijos de figuras.' },\n    { id: 23, cat: 'spatial', text: 'Me gusta mirar la estructura y dise\u00f1o visual de edificios, puentes u objetos.' },\n    { id: 24, cat: 'spatial', text: 'Visualizo escenas e im\u00e1genes con claridad en mi mente cuando recuerdo o imagino.' },\n\n    \/\/ Inteligencia Kinest\u00e9sica (8)\n    { id: 25, cat: 'kinesthetic', text: 'Tengo un buen sentido del equilibrio, postura y coordinaci\u00f3n f\u00edsica.' },\n    { id: 26, cat: 'kinesthetic', text: 'Suelo destacar o disfrutar en actividades deportivas y de ejercicio corporal.' },\n    { id: 27, cat: 'kinesthetic', text: 'De peque\u00f1o aprend\u00ed r\u00e1pidamente a montar en bicicleta, patinar o habilidades f\u00edsicas similares.' },\n    { id: 28, cat: 'kinesthetic', text: 'Suelo sentir mucha inquietud f\u00edsica o ganas de moverme mientras estudio o trabajo.' },\n    { id: 29, cat: 'kinesthetic', text: 'Tengo destreza para realizar trabajos manuales, artesan\u00edas o usar herramientas.' },\n    { id: 30, cat: 'kinesthetic', text: 'Me gusta correr, saltar, moverme r\u00e1pidamente o practicar actividades de acci\u00f3n.' },\n    { id: 31, cat: 'kinesthetic', text: 'Me gusta trabajar con cosas t\u00e1ctiles (moldeado, cer\u00e1mica, armar y desarmar objetos).' },\n    { id: 32, cat: 'kinesthetic', text: 'Suelo utilizar gestos y expresi\u00f3n corporal frecuentemente al comunicarme.' },\n\n    \/\/ Inteligencia Musical (8)\n    { id: 33, cat: 'musical', text: 'F\u00e1cilmente asocio la m\u00fasica con mis estados de \u00e1nimo y recuerdos.' },\n    { id: 34, cat: 'musical', text: 'Creo que tengo buen o\u00eddo musical para distinguir tonos y ritmos.' },\n    { id: 35, cat: 'musical', text: 'Me gusta cantar o silbar cuando estoy en la ducha o realizando tareas cotidianas.' },\n    { id: 36, cat: 'musical', text: 'Toco o me gustar\u00eda estudiar c\u00f3mo tocar un instrumento musical.' },\n    { id: 37, cat: 'musical', text: 'Soy muy sensible a los ruidos del entorno (lluvia, tr\u00e1fico, el tono de voz de los dem\u00e1s).' },\n    { id: 38, cat: 'musical', text: 'Tamborileo r\u00edtmicamente sobre la mesa o escritorio cuando estudio o trabajo sin darme cuenta.' },\n    { id: 39, cat: 'musical', text: 'Disfruto escuchando m\u00fasica de diversos estilos y apreciando sus detalles.' },\n    { id: 40, cat: 'musical', text: 'Me resulta f\u00e1cil aprenderme canciones y reproducirlas cantando o tarareando.' },\n\n    \/\/ Inteligencia Interpersonal (8)\n    { id: 41, cat: 'interpersonal', text: 'Mis amigos recurren a menudo a mis consejos cuando tienen problemas personales.' },\n    { id: 42, cat: 'interpersonal', text: 'Me resulta f\u00e1cil hacer que los dem\u00e1s me escuchen y sigan mis planes (capacidad de liderazgo).' },\n    { id: 43, cat: 'interpersonal', text: 'Disfruto estando con grupos de personas en reuniones, eventos sociales o fiestas.' },\n    { id: 44, cat: 'interpersonal', text: 'Me gusta formar parte de clubes, grupos de trabajo, comit\u00e9s u organizaciones.' },\n    { id: 45, cat: 'interpersonal', text: 'Tengo muchos y buenos amigos y disfruto hacer nuevas amistades.' },\n    { id: 46, cat: 'interpersonal', text: 'Me doy cuenta f\u00e1cilmente de lo que otros piensan, sienten o intuyen sobre m\u00ed o la situaci\u00f3n.' },\n    { id: 47, cat: 'interpersonal', text: 'Tengo mucha empat\u00eda, r\u00e1pidamente s\u00e9 ponerme en el lugar del otro y comprenderlo.' },\n    { id: 48, cat: 'interpersonal', text: 'Me gusta interaccionar con personas sin importar su edad, origen o contexto.' },\n\n    \/\/ Inteligencia Intrapersonal (8)\n    { id: 49, cat: 'intrapersonal', text: 'A menudo me gusta estar a solas y en tranquilidad con mis propios pensamientos.' },\n    { id: 50, cat: 'intrapersonal', text: 'Soy capaz de manejar mis sentimientos para que estos no me desborden.' },\n    { id: 51, cat: 'intrapersonal', text: 'Soy una persona muy independiente en mis opiniones y toma de decisiones.' },\n    { id: 52, cat: 'intrapersonal', text: 'Si estoy enfadado o contento, s\u00e9 perfectamente el motivo interno que lo provoc\u00f3.' },\n    { id: 53, cat: 'intrapersonal', text: 'Reconozco f\u00e1cilmente mis fortalezas, debilidades y valores personales.' },\n    { id: 54, cat: 'intrapersonal', text: 'Tengo metas e intereses propios sobre los que no suelo hablar con los dem\u00e1s.' },\n    { id: 55, cat: 'intrapersonal', text: 'Soy capaz de aprender tanto de mis logros como de mis errores sin desanimarme f\u00e1cilmente.' },\n    { id: 56, cat: 'intrapersonal', text: 'Creo que tengo mucho sentido com\u00fan y capacidad de reflexionar sobre mi vida.' },\n\n    \/\/ Inteligencia Naturalista (8)\n    { id: 57, cat: 'naturalist', text: 'Las asignaturas o temas relacionados con ciencias naturales, ecolog\u00eda y biolog\u00eda me atraen.' },\n    { id: 58, cat: 'naturalist', text: 'Siempre reciclo y trato de cuidar el medio ambiente con mis acciones diarias.' },\n    { id: 59, cat: 'naturalist', text: 'Me gusta estudiar los fen\u00f3menos de la naturaleza, el clima y los ecosistemas.' },\n    { id: 60, cat: 'naturalist', text: 'Soy un gran amante de los animales y me agrada estar en contacto con ellos.' },\n    { id: 61, cat: 'naturalist', text: 'Los documentales que m\u00e1s me gustan son los que tratan de flora, fauna y medio ambiente.' },\n    { id: 62, cat: 'naturalist', text: 'Disfruto coleccionando, observando o clasificando elementos naturales (plantas, rocas, etc.).' },\n    { id: 63, cat: 'naturalist', text: 'Soy muy cuidadoso con los recursos naturales y la sostenibilidad.' },\n    { id: 64, cat: 'naturalist', text: 'Me encanta salir al campo y pasar el d\u00eda en contacto directo con la naturaleza.' }\n];\n\nconst INTELLIGENCE_INFO = {\n    linguistic: {\n        title: 'Inteligencia Ling\u00fc\u00edstica',\n        icon: '\ud83d\udde3\ufe0f',\n        color: '#B86B4B',\n        desc: 'Habilidad para dominar el lenguaje oral y escrito, la gram\u00e1tica, la ret\u00f3rica y la comunicaci\u00f3n de ideas complejas.',\n        learning: 'Aprendes mejor leyendo, escribiendo, tomando apuntes, escuchando debates, realizando res\u00famenes y explicando conceptos con tus propias palabras.',\n        careers: 'Periodismo, Literatura, Derecho, Psicolog\u00eda, Educaci\u00f3n, Traducci\u00f3n e Interpretaci\u00f3n, Comunicaci\u00f3n Social, Filosof\u00eda, Marketing digital, Ciencias Pol\u00edticas.',\n        tips: [\n            'Lleva un diario o blog reflexivo sobre lo que vas aprendiendo.',\n            'Crea mapas conceptuales enriquecidos con palabras clave y res\u00famenes verbales.',\n            'Explica los conceptos dif\u00edciles a otra persona para afianzar tu comprensi\u00f3n.'\n        ]\n    },\n    logic: {\n        title: 'Inteligencia L\u00f3gico-Matem\u00e1tica',\n        icon: '\ud83d\udd22',\n        color: '#5C4033',\n        desc: 'Capacidad para el razonamiento abstracto, la resoluci\u00f3n de problemas num\u00e9ricos, la l\u00f3gica formal y el an\u00e1lisis causa-efecto.',\n        learning: 'Aprendes mejor categorizando datos, construyendo esquemas l\u00f3gicos, identificando patrones num\u00e9ricos, analizando gr\u00e1ficos y experimentando mediante el m\u00e9todo cient\u00edfico.',\n        careers: 'Ingenier\u00edas, Matem\u00e1ticas, Inform\u00e1tica y Desarrollo de Software, Econom\u00eda, F\u00edsica, Finanzas, Estad\u00edstica, Arquitectura de Datos, Investigaci\u00f3n Cient\u00edfica.',\n        tips: [\n            'Divide temas complejos en secuencias l\u00f3gicas o algoritmos paso a paso.',\n            'Utiliza tablas, diagramas de flujo y estad\u00edsticas para estudiar.',\n            'Plantea hip\u00f3tesis y resuelve ejercicios pr\u00e1cticos antes de memorizar la teor\u00eda.'\n        ]\n    },\n    spatial: {\n        title: 'Inteligencia Visual-Espacial',\n        icon: '\ud83c\udfa8',\n        color: '#D8A48F',\n        desc: 'Habilidad para percibir, transformar y recrear formas e im\u00e1genes en 3D, orientarse en el espacio y procesar informaci\u00f3n visual.',\n        learning: 'Aprendes mejor a trav\u00e9s de diagramas, mapas mentales, infograf\u00edas, v\u00eddeos, c\u00f3digos de colores, maquetas y esquemas gr\u00e1ficos.',\n        careers: 'Dise\u00f1o Gr\u00e1fico, Arquitectura, Dise\u00f1o de Interiores, Aviaci\u00f3n, Topograf\u00eda, Bellas Artes, Fotograf\u00eda, Cine y Animaci\u00f3n Digital, Cirug\u00eda.',\n        tips: [\n            'Usa resaltadores de colores para clasificar tipos de datos al estudiar.',\n            'Convierte tus apuntes de texto en mapas mentales y esquemas visuales.',\n            'Visualiza mentalmente escenarios o maquetas tridimensionales de lo que aprendes.'\n        ]\n    },\n    kinesthetic: {\n        title: 'Inteligencia Kinest\u00e9sica \/ Corporal',\n        icon: '\ud83c\udfc3',\n        color: '#C4B5FD',\n        desc: 'Capacidad de usar el cuerpo para expresar sentimientos, realizar actividades de alta precisi\u00f3n, practicar deportes o construir con las manos.',\n        learning: 'Aprendes mejor haciendo actividades pr\u00e1cticas, manipulando objetos reales, dramatizando situaciones, haciendo pausas activas o caminando mientras repasas.',\n        careers: 'Fisioterapia, Ciencias del Deporte, Cirug\u00eda, Danza, Actuaci\u00f3n, Odontolog\u00eda, Mec\u00e1nica de Precisi\u00f3n, Escultura, Gastronom\u00eda, Artesan\u00edas.',\n        tips: [\n            'Estudia de pie o camina por la habitaci\u00f3n mientras lees o repasas en voz alta.',\n            'Crea modelos f\u00edsicos o experimentos pr\u00e1cticos con tus manos.',\n            'Utiliza la t\u00e9cnica Pomodoro (25 min de estudio \/ 5 min de estiramiento corporal).'\n        ]\n    },\n    musical: {\n        title: 'Inteligencia Musical',\n        icon: '\ud83c\udfb5',\n        color: '#8B5CF6',\n        desc: 'Habilidad para percibir, discriminar, transformar y expresar las formas musicales, ritmos, tonos y patrones sonoros.',\n        learning: 'Aprendes mejor asociando conceptos a melod\u00edas o ritmos, estudiando con m\u00fasica instrumental adecuada o convirtiendo listas en canciones.',\n        careers: 'M\u00fasica, Producci\u00f3n Musical, Insonorizaci\u00f3n, Musicoterapia, Composici\u00f3n, Ingenier\u00eda de Sonido, Direcci\u00f3n de Orquesta, Locuci\u00f3n.',\n        tips: [\n            'Crea rimas o ritmos con palabras clave para recordar listas o datos.',\n            'Utiliza m\u00fasica de fondo instrumental (sin letras) para mantener el foco.',\n            'Utiliza el ritmo constante de un metr\u00f3nomo o temporizador para estructurar tus sesiones.'\n        ]\n    },\n    interpersonal: {\n        title: 'Inteligencia Interpersonal',\n        icon: '\ud83e\udd1d',\n        color: '#10B981',\n        desc: 'Capacidad para empatizar, entender las motivaciones, emociones, intenciones y din\u00e1micas sociales de los dem\u00e1s.',\n        learning: 'Aprendes mejor en grupos de estudio, debates, trabajos colaborativos, ense\u00f1ando a compa\u00f1eros y mediante din\u00e1micas interactivas.',\n        careers: 'Psicolog\u00eda, Trabajo Social, Recursos Humanos, Pedagog\u00eda, Medicina, Relaciones P\u00fablicas, Mediaci\u00f3n, Ventas, Liderazgo Comunitario.',\n        tips: [\n            'Organiza sesiones de estudio en grupo para discutir los temas.',\n            'Ense\u00f1a o explica lo que has aprendido a un compa\u00f1ero de clase.',\n            'Relaciona las teor\u00edas abstractas con ejemplos del comportamiento humano real.'\n        ]\n    },\n    intrapersonal: {\n        title: 'Inteligencia Intrapersonal',\n        icon: '\ud83e\uddd8',\n        color: '#6366F1',\n        desc: 'Conocimiento profundo de uno mismo: emociones, metas, fortalezas, limitaciones personales y capacidad de autorregulaci\u00f3n.',\n        learning: 'Aprendes mejor mediante el estudio aut\u00f3nomo a tu propio ritmo, la reflexi\u00f3n personal, la autoevaluaci\u00f3n y proyectos individuales.',\n        careers: 'Filosof\u00eda, Investigaci\u00f3n, Psicolog\u00eda Cl\u00ednica, Escritura Aut\u00f3noma, Emprendimiento, Teolog\u00eda, Coaching, Estrategia Personal.',\n        tips: [\n            'Establece metas de estudio claras y medibles en un espacio tranquilo.',\n            'Reflexiona al final del d\u00eda sobre lo que aprendiste y lo que puedes mejorar.',\n            'Conecta el material de estudio con tus valores y objetivos de vida a largo plazo.'\n        ]\n    },\n    naturalist: {\n        title: 'Inteligencia Naturalista',\n        icon: '\ud83c\udf31',\n        color: '#059669',\n        desc: 'Capacidad de observar, clasificar, comprender y cuidar los elementos del entorno natural, la naturaleza, la flora y la fauna.',\n        learning: 'Aprendes mejor relacionando el contenido con la naturaleza, estudiando en espacios al aire libre, clasificando datos y observando sistemas.',\n        careers: 'Biolog\u00eda, Veterinaria, Agronom\u00eda, Geolog\u00eda, Ciencias Ambientales, Ecolog\u00eda, Bot\u00e1nica, Ingenier\u00eda Forestal, Oceanograf\u00eda.',\n        tips: [\n            'Si es posible, estudia cerca de ventanas con luz natural o en parques\/jardines.',\n            'Clasifica la informaci\u00f3n en categor\u00edas de taxonom\u00eda o jerarqu\u00edas naturales.',\n            'Relaciona los temas con el cuidado del medio ambiente y el mundo natural.'\n        ]\n    }\n};\n\nclass App {\n    constructor() {\n        this.currentIndex = 0;\n        this.answers = new Array(QUESTIONS.length).fill(null);\n        this.storageKey = 'test_inteligencias_gardner_v1';\n        this.historyKey = 'test_inteligencias_history_v1';\n\n        this.initDOM();\n        this.checkSavedState();\n    }\n\n    initDOM() {\n        this.welcomeView = document.getElementById('welcome-view');\n        this.quizView = document.getElementById('quiz-view');\n        this.resultsView = document.getElementById('results-view');\n        this.historyView = document.getElementById('history-view');\n\n        this.resumeBtn = document.getElementById('resume-btn');\n        this.questionNumberEl = document.getElementById('question-number');\n        this.progressPercentEl = document.getElementById('progress-percent');\n        this.progressBarEl = document.getElementById('progress-bar');\n        this.questionTextEl = document.getElementById('question-text');\n        this.btnYes = document.getElementById('btn-yes');\n        this.btnNo = document.getElementById('btn-no');\n        this.prevBtn = document.getElementById('prev-btn');\n\n        this.chartContainer = document.getElementById('chart-container');\n        this.accordionsContainer = document.getElementById('accordions-container');\n        this.dominantBadgesContainer = document.getElementById('dominant-badges');\n        this.historyContent = document.getElementById('history-content');\n    }\n\n    checkSavedState() {\n        try {\n            const saved = localStorage.getItem(this.storageKey);\n            if (saved) {\n                const parsed = JSON.parse(saved);\n                if (parsed && Array.isArray(parsed.answers) && parsed.answers.some(a => a !== null)) {\n                    this.resumeBtn.classList.remove('hidden');\n                }\n            }\n        } catch (e) {\n            console.warn('LocalStorage error:', e);\n        }\n    }\n\n    saveCurrentState() {\n        try {\n            const data = {\n                currentIndex: this.currentIndex,\n                answers: this.answers,\n                updatedAt: new Date().toISOString()\n            };\n            localStorage.setItem(this.storageKey, JSON.stringify(data));\n        } catch (e) {\n            console.warn('Unable to save state', e);\n        }\n    }\n\n    clearCurrentDraft() {\n        try {\n            localStorage.removeItem(this.storageKey);\n            this.resumeBtn.classList.add('hidden');\n        } catch (e) {}\n    }\n\n    startTest() {\n        this.currentIndex = 0;\n        this.answers = new Array(QUESTIONS.length).fill(null);\n        this.clearCurrentDraft();\n        this.showQuiz();\n        this.renderQuestion();\n    }\n\n    resumeTest() {\n        try {\n            const saved = localStorage.getItem(this.storageKey);\n            if (saved) {\n                const parsed = JSON.parse(saved);\n                this.answers = parsed.answers || new Array(QUESTIONS.length).fill(null);\n                \/\/ find first unanswered index or last valid index\n                const firstEmpty = this.answers.findIndex(a => a === null);\n                this.currentIndex = firstEmpty !== -1 ? firstEmpty : 0;\n            }\n        } catch (e) {}\n        this.showQuiz();\n        this.renderQuestion();\n    }\n\n    resetTestConfirm() {\n        if (confirm('\u00bfEst\u00e1s seguro de que deseas reiniciar el test? Se perder\u00e1n las respuestas actuales.')) {\n            this.startTest();\n        }\n    }\n\n    showView(viewToShow) {\n        [this.welcomeView, this.quizView, this.resultsView, this.historyView].forEach(v => {\n            v.classList.add('hidden');\n        });\n        viewToShow.classList.remove('hidden');\n        window.scrollTo({ top: 0, behavior: 'smooth' });\n    }\n\n    showWelcome() { this.showView(this.welcomeView); this.checkSavedState(); }\n    showQuiz() { this.showView(this.quizView); }\n    showResultsView() { this.showView(this.resultsView); }\n\n    renderQuestion() {\n        const q = QUESTIONS[this.currentIndex];\n        this.questionNumberEl.textContent = `Pregunta ${this.currentIndex + 1} de ${QUESTIONS.length}`;\n        \n        const percent = Math.round(((this.currentIndex) \/ QUESTIONS.length) * 100);\n        this.progressPercentEl.textContent = `${percent}%`;\n        this.progressBarEl.style.width = `${percent}%`;\n\n        this.questionTextEl.textContent = q.text;\n\n        \/\/ Button selection highlighting\n        const currentAns = this.answers[this.currentIndex];\n        this.btnYes.classList.remove('selected-yes');\n        this.btnNo.classList.remove('selected-no');\n\n        if (currentAns === true) this.btnYes.classList.add('selected-yes');\n        if (currentAns === false) this.btnNo.classList.add('selected-no');\n\n        this.prevBtn.disabled = this.currentIndex === 0;\n    }\n\n    answerQuestion(val) {\n        this.answers[this.currentIndex] = val;\n        this.saveCurrentState();\n\n        if (this.currentIndex < QUESTIONS.length - 1) {\n            this.currentIndex++;\n            this.renderQuestion();\n        } else {\n            \/\/ Test finished\n            this.calculateAndShowResults();\n        }\n    }\n\n    previousQuestion() {\n        if (this.currentIndex > 0) {\n            this.currentIndex--;\n            this.renderQuestion();\n        }\n    }\n\n    calculateAndShowResults() {\n        \/\/ Calculate totals (0 to 8 per category)\n        const scores = {\n            linguistic: 0,\n            logic: 0,\n            spatial: 0,\n            kinesthetic: 0,\n            musical: 0,\n            interpersonal: 0,\n            intrapersonal: 0,\n            naturalist: 0\n        };\n\n        QUESTIONS.forEach((q, idx) => {\n            if (this.answers[idx] === true) {\n                \/\/ Check negative phrasing for question 17 if needed, but for binary simplicity score 1 per \"S\u00ed\"\n                scores[q.cat] = (scores[q.cat] || 0) + 1;\n            }\n        });\n\n        this.renderChart(scores);\n        this.renderAccordions(scores);\n        this.clearCurrentDraft();\n        this.showResultsView();\n    }\n\n    renderChart(scores) {\n        this.chartContainer.innerHTML = '';\n        this.dominantBadgesContainer.innerHTML = '';\n\n        \/\/ Find max & dominant inteligencias\n        const sorted = Object.keys(scores).sort((a, b) => scores[b] - scores[a]);\n        const maxScore = scores[sorted[0]];\n\n        \/\/ Top dominant chips (score >= 5 or top 2)\n        const topCats = sorted.filter(cat => scores[cat] >= Math.max(5, maxScore - 1));\n\n        topCats.forEach(cat => {\n            const info = INTELLIGENCE_INFO[cat];\n            const chip = document.createElement('div');\n            chip.className = 'dominant-chip';\n            chip.innerHTML = `<span>${info.icon}<\/span> ${info.title} (${scores[cat]}\/8)`;\n            this.dominantBadgesContainer.appendChild(chip);\n        });\n\n        \/\/ Render Bars\n        Object.keys(INTELLIGENCE_INFO).forEach(cat => {\n            const score = scores[cat];\n            const info = INTELLIGENCE_INFO[cat];\n            const percentage = Math.round((score \/ 8) * 100);\n\n            const barItem = document.createElement('div');\n            barItem.className = 'bar-item';\n            barItem.innerHTML = `\n                <div class=\"bar-labels\">\n                    <span>${info.icon} <strong>${info.title}<\/strong><\/span>\n                    <span><strong>${score}<\/strong> \/ 8 ptos (${percentage}%)<\/span>\n                <\/div>\n                <div class=\"bar-track\">\n                    <div class=\"bar-fill\" style=\"width: ${percentage}%; background-color: ${info.color};\"><\/div>\n                <\/div>\n            `;\n            this.chartContainer.appendChild(barItem);\n        });\n    }\n\n    renderAccordions(scores) {\n        this.accordionsContainer.innerHTML = '';\n\n        \/\/ Sort categories by score descending so user sees strengths first\n        const sortedCats = Object.keys(INTELLIGENCE_INFO).sort((a, b) => scores[b] - scores[a]);\n\n        sortedCats.forEach((cat, index) => {\n            const info = INTELLIGENCE_INFO[cat];\n            const score = scores[cat];\n\n            const card = document.createElement('div');\n            card.className = `intelligence-card ${index === 0 ? 'open' : ''}`;\n\n            card.innerHTML = `\n                <div class=\"intelligence-card-header\" onclick=\"this.parentElement.classList.toggle('open')\">\n                    <h3><span>${info.icon}<\/span> ${info.title}<\/h3>\n                    <span style=\"font-weight: 700; color: ${info.color};\">${score}\/8 Ptos<\/span>\n                <\/div>\n                <div class=\"intelligence-card-body\">\n                    <div class=\"info-section\">\n                        <div class=\"info-section-title\">\ud83d\udccc \u00bfEn qu\u00e9 consiste?<\/div>\n                        <p>${info.desc}<\/p>\n                    <\/div>\n                    <div class=\"info-section\">\n                        <div class=\"info-section-title\">\ud83c\udf93 \u00bfC\u00f3mo aprendes mejor?<\/div>\n                        <p>${info.learning}<\/p>\n                    <\/div>\n                    <div class=\"info-section\">\n                        <div class=\"info-section-title\">\ud83d\udcbc Estudios y Carreras Orientadas<\/div>\n                        <p>${info.careers}<\/p>\n                    <\/div>\n                    <div class=\"info-section\">\n                        <div class=\"info-section-title\">\ud83d\udca1 Tips para potenciar esta inteligencia<\/div>\n                        <ul>\n                            ${info.tips.map(tip => `<li>${tip}<\/li>`).join('')}\n                        <\/ul>\n                    <\/div>\n                <\/div>\n            `;\n\n            this.accordionsContainer.appendChild(card);\n        });\n    }\n\n    saveResultToHistory() {\n        try {\n            const history = JSON.parse(localStorage.getItem(this.historyKey) || '[]');\n            const dateStr = new Date().toLocaleDateString('es-ES', {\n                year: 'numeric', month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit'\n            });\n\n            \/\/ Calculate current scores\n            const scores = {};\n            QUESTIONS.forEach((q, idx) => {\n                if (this.answers[idx] === true) {\n                    scores[q.cat] = (scores[q.cat] || 0) + 1;\n                }\n            });\n\n            const topCatKey = Object.keys(scores).sort((a,b) => scores[b] - scores[a])[0];\n            const topInfo = INTELLIGENCE_INFO[topCatKey];\n\n            history.unshift({\n                date: dateStr,\n                dominant: `${topInfo.icon} ${topInfo.title}`,\n                scores: scores\n            });\n\n            localStorage.setItem(this.historyKey, JSON.stringify(history.slice(0, 10))); \/\/ keep last 10\n            alert('\u00a1Resultado guardado en tu historial local!');\n        } catch (e) {\n            alert('No se pudo guardar en el historial.');\n        }\n    }\n\n    showHistory() {\n        try {\n            const history = JSON.parse(localStorage.getItem(this.historyKey) || '[]');\n            this.historyContent.innerHTML = '';\n\n            if (history.length === 0) {\n                this.historyContent.innerHTML = '<p style=\"color: var(--gray-muted); text-align: center; padding: 20px;\">No hay evaluaciones guardadas a\u00fan.<\/p>';\n            } else {\n                history.forEach((item, idx) => {\n                    const div = document.createElement('div');\n                    div.className = 'history-item';\n                    div.innerHTML = `\n                        <div>\n                            <strong>${item.date}<\/strong><br>\n                            <span style=\"font-size: 0.9rem; color: var(--terracotta);\">Dominante: ${item.dominant}<\/span>\n                        <\/div>\n                        <button class=\"btn btn-secondary\" style=\"font-size: 0.8rem; padding: 6px 12px;\" onclick=\"app.loadHistoryResult(${idx})\">\n                            Ver\n                        <\/button>\n                    `;\n                    this.historyContent.appendChild(div);\n                });\n            }\n        } catch (e) {\n            this.historyContent.innerHTML = '<p>Error al cargar el historial.<\/p>';\n        }\n\n        this.showView(this.historyView);\n    }\n\n    loadHistoryResult(idx) {\n        try {\n            const history = JSON.parse(localStorage.getItem(this.historyKey) || '[]');\n            const item = history[idx];\n            if (item && item.scores) {\n                this.renderChart(item.scores);\n                this.renderAccordions(item.scores);\n                this.showResultsView();\n            }\n        } catch (e) {}\n    }\n\n    clearHistory() {\n        if (confirm('\u00bfDeseas borrar todo el historial guardado?')) {\n            try {\n                localStorage.removeItem(this.historyKey);\n                this.showHistory();\n            } catch (e) {}\n        }\n    }\n}\n\nlet app;\nwindow.addEventListener('DOMContentLoaded', () => {\n    app = new App();\n});\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 tipo de inteligencias dominantes tienes? \u26a0\ufe0f Aviso Importante: Esta app es una herramienta de bienestar y autocuidado. No reemplaza atenci\u00f3n psicol\u00f3gica, m\u00e9dica ni tratamiento profesional. Si sientes que puedes hacerte da\u00f1o o est\u00e1s en peligro, busca ayuda inmediata. \u00bfQu\u00e9 tipo de inteligencias dominantes tienes? Descubre qu\u00e9 tipo de inteligencias dominantes tienes para que puedas [&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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":1,"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/algoritmodelalma.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}