{"id":16,"date":"2026-06-18T13:06:59","date_gmt":"2026-06-18T13:06:59","guid":{"rendered":"https:\/\/gonzalocamposdominguez.es\/?page_id=16"},"modified":"2026-06-18T13:06:59","modified_gmt":"2026-06-18T13:06:59","slug":"home","status":"publish","type":"page","link":"https:\/\/gonzalocamposdominguez.es\/?page_id=16","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n<style data-wp-block-html=\"css\">\n<style>\n        :root {\n            --primary: #4CAF50;\n            --secondary: #FFC107;\n            --accent: #2196F3;\n            --bg-light: #E0F2F1;\n            --bg-dark: #1A237E;\n        }\n        body {\n            font-family: 'Open Sans', sans-serif;\n            color: #333;\n        }\n        h1, h2, h3, h4 {\n            font-family: 'Poppins', sans-serif;\n        }\n        .glass-nav {\n            background: rgba(255, 255, 255, 0.9);\n            backdrop-filter: blur(10px);\n        }\n        .card-hover:hover {\n            transform: translateY(-8px);\n            box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n        }\n        .faq-answer {\n            max-height: 0;\n            overflow: hidden;\n            transition: max-height 0.3s ease-out;\n        }\n        .faq-item.active .faq-answer {\n            max-height: 200px;\n        }\n        .faq-item.active .faq-icon {\n            transform: rotate(180deg);\n        }\n    <\/style>\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"es\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Educalia | Educaci\u00f3n Divertida para ESO y Bachillerato<\/title>\n    <meta name=\"description\" content=\"Plataforma educativa online para alumnos de la ESO y Bachillerato. Productos, talleres y campamentos.\">\n    \n    <!-- Google Fonts -->\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Open+Sans:wght@400;700&#038;family=Poppins:wght@700&#038;display=swap\" rel=\"stylesheet\">\n    \n    <!-- Tailwind CSS -->\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n    <script>\n        tailwind.config = {\n            theme: {\n                extend: {\n                    colors: {\n                        primary: '#4CAF50',\n                        secondary: '#FFC107',\n                        accent: '#2196F3',\n                        bg_light: '#E0F2F1',\n                        bg_dark: '#1A237E',\n                    },\n                    fontFamily: {\n                        heading: ['Poppins', 'sans-serif'],\n                        body: ['Open Sans', 'sans-serif'],\n                    },\n                    animation: {\n                        'float': 'float 3s ease-in-out infinite',\n                        'fade-in': 'fadeIn 1s ease-out forwards',\n                    },\n                    keyframes: {\n                        float: {\n                            '0%, 100%': { transform: 'translateY(0)' },\n                            '50%': { transform: 'translateY(-10px)' },\n                        },\n                        fadeIn: {\n                            '0%': { opacity: '0', transform: 'translateY(20px)' },\n                            '100%': { opacity: '1', transform: 'translateY(0)' },\n                        }\n                    }\n                }\n            }\n        }\n    <\/script>\n\n    \n<\/head>\n<body class=\"bg-white\">\n\n    <!-- NAVBAR -->\n    <nav class=\"fixed top-0 w-full z-50 glass-nav border-b border-teal-100\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex justify-between items-center h-20\">\n                <div class=\"flex-shrink-0 flex items-center\">\n                    <img decoding=\"async\" src=\"https:\/\/webgeia.sparkbigs.es\/uploads\/logo_gen_75_1781786617.png\" alt=\"Educalia Logo\" class=\"h-12 w-auto\">\n                <\/div>\n                <div class=\"hidden md:flex space-x-8 items-center\">\n                    <a href=\"#hero\" class=\"text-bg_dark hover:text-primary font-semibold transition-colors\">Inicio<\/a>\n                    <a href=\"#educacion\" class=\"text-bg_dark hover:text-primary font-semibold transition-colors\">Educaci\u00f3n<\/a>\n                    <a href=\"#talleres\" class=\"text-bg_dark hover:text-primary font-semibold transition-colors\">Talleres<\/a>\n                    <a href=\"#campamentos\" class=\"text-bg_dark hover:text-primary font-semibold transition-colors\">Campamentos<\/a>\n                    <a href=\"#faq\" class=\"text-bg_dark hover:text-primary font-semibold transition-colors\">FAQ<\/a>\n                    <a href=\"#educacion\" class=\"bg-primary text-white px-6 py-2 rounded-full font-bold hover:bg-opacity-90 transition-all shadow-md\">Empezar<\/a>\n                <\/div>\n                <!-- Mobile menu button -->\n                <div class=\"md:hidden flex items-center\">\n                    <button id=\"mobile-menu-button\" class=\"text-bg_dark text-3xl\">\u2630<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <!-- Mobile Menu -->\n        <div id=\"mobile-menu\" class=\"hidden md:hidden bg-white border-b border-gray-200 px-4 py-4 space-y-4\">\n            <a href=\"#hero\" class=\"block text-bg_dark font-semibold\">Inicio<\/a>\n            <a href=\"#educacion\" class=\"block text-bg_dark font-semibold\">Educaci\u00f3n<\/a>\n            <a href=\"#talleres\" class=\"block text-bg_dark font-semibold\">Talleres<\/a>\n            <a href=\"#campamentos\" class=\"block text-bg_dark font-semibold\">Campamentos<\/a>\n            <a href=\"#faq\" class=\"block text-bg_dark font-semibold\">FAQ<\/a>\n        <\/div>\n    <\/nav>\n\n    <!-- HERO SECTION -->\n    <section id=\"hero\" class=\"pt-32 pb-20 md:pt-48 md:pb-32 bg-bg_light relative overflow-hidden\">\n        <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-secondary opacity-20 rounded-full blur-3xl\"><\/div>\n        <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-96 h-96 bg-accent opacity-20 rounded-full blur-3xl\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"grid md:grid-cols-2 gap-12 items-center\">\n                <div class=\"animate-fade-in\">\n                    <span class=\"inline-block px-4 py-1 rounded-full bg-primary bg-opacity-10 text-primary font-bold text-sm mb-6 uppercase tracking-wider\">\ud83d\ude80 Educaci\u00f3n del Futuro<\/span>\n                    <h1 class=\"text-5xl md:text-6xl font-bold text-bg_dark leading-tight mb-6\">\n                        \u00a1Aprender Nunca Fue Tan <span class=\"text-primary\">Emocionante!<\/span>\n                    <\/h1>\n                    <p class=\"text-lg text-bg_dark opacity-80 mb-10 leading-relaxed max-w-lg\">\n                        Educalia: Tu plataforma online de confianza para ESO y Bachillerato. Descubre nuestros productos, talleres y campamentos dise\u00f1ados para que disfrutes mientras aprendes.\n                    <\/p>\n                    <div class=\"flex flex-col sm:flex-row gap-4\">\n                        <a href=\"#educacion\" class=\"bg-primary text-white px-8 py-4 rounded-xl font-bold text-lg hover:bg-opacity-90 transition-all shadow-lg text-center\">\n                            Explora Nuestros Cursos\n                        <\/a>\n                        <a href=\"#talleres\" class=\"bg-white text-bg_dark border-2 border-bg_dark border-opacity-10 px-8 py-4 rounded-xl font-bold text-lg hover:bg-gray-50 transition-all text-center\">\n                            Ver Talleres\n                        <\/a>\n                    <\/div>\n                <\/div>\n                <div class=\"relative animate-float\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/edu1\/800\/600\" alt=\"Estudiantes aprendiendo\" class=\"rounded-3xl shadow-2xl border-8 border-white\">\n                    <div class=\"absolute -bottom-6 -left-6 bg-secondary p-6 rounded-2xl shadow-xl hidden lg:block\">\n                        <p class=\"text-bg_dark font-bold text-2xl\">100%<\/p>\n                        <p class=\"text-bg_dark text-sm font-semibold\">Contenido Adaptado<\/p>\n                    <\/div>\n                    <div class=\"absolute -top-6 -right-6 bg-accent p-6 rounded-2xl shadow-xl hidden lg:block\">\n                        <p class=\"text-white font-bold text-2xl\">ESO\/Bach<\/p>\n                        <p class=\"text-white text-sm font-semibold\">Especializados<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- APARTADOS DE EDUCACI\u00d3N (PRODUCTOS) -->\n    <section id=\"educacion\" class=\"py-24 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl font-bold text-bg_dark mb-4\">Nuestros Productos Educativos<\/h2>\n                <p class=\"text-primary font-semibold text-lg\">Materiales did\u00e1cticos dise\u00f1ados para potenciar el aprendizaje.<\/p>\n            <\/div>\n            \n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <!-- Card 1 -->\n                <div class=\"bg-white rounded-2xl border border-bg_light p-8 card-hover transition-all duration-300 shadow-sm\">\n                    <div class=\"w-16 h-16 bg-bg_light rounded-xl flex items-center justify-center text-3xl mb-6\">\ud83d\udcd0<\/div>\n                    <h3 class=\"text-2xl font-bold text-bg_dark mb-4\">Pack Matem\u00e1ticas Avanzadas<\/h3>\n                    <p class=\"text-gray-600 mb-8\">Refuerza tus conocimientos con ejercicios pr\u00e1cticos y explicaciones claras adaptadas a tu nivel.<\/p>\n                    <button class=\"w-full bg-secondary text-bg_dark font-bold py-3 rounded-lg hover:bg-opacity-90 transition-colors\">M\u00e1s Informaci\u00f3n<\/button>\n                <\/div>\n                <!-- Card 2 -->\n                <div class=\"bg-white rounded-2xl border border-bg_light p-8 card-hover transition-all duration-300 shadow-sm\">\n                    <div class=\"w-16 h-16 bg-bg_light rounded-xl flex items-center justify-center text-3xl mb-6\">\ud83e\uddea<\/div>\n                    <h3 class=\"text-2xl font-bold text-bg_dark mb-4\">Laboratorio de Ciencias<\/h3>\n                    <p class=\"text-gray-600 mb-8\">Gu\u00edas interactivas y kits digitales para dominar la f\u00edsica y qu\u00edmica de forma experimental.<\/p>\n                    <button class=\"w-full bg-secondary text-bg_dark font-bold py-3 rounded-lg hover:bg-opacity-90 transition-colors\">M\u00e1s Informaci\u00f3n<\/button>\n                <\/div>\n                <!-- Card 3 -->\n                <div class=\"bg-white rounded-2xl border border-bg_light p-8 card-hover transition-all duration-300 shadow-sm\">\n                    <div class=\"w-16 h-16 bg-bg_light rounded-xl flex items-center justify-center text-3xl mb-6\">\ud83d\udcda<\/div>\n                    <h3 class=\"text-2xl font-bold text-bg_dark mb-4\">Comprensi\u00f3n Lectora Pro<\/h3>\n                    <p class=\"text-gray-600 mb-8\">Mejora tus habilidades de an\u00e1lisis y redacci\u00f3n con textos actuales y din\u00e1micos.<\/p>\n                    <button class=\"w-full bg-secondary text-bg_dark font-bold py-3 rounded-lg hover:bg-opacity-90 transition-colors\">M\u00e1s Informaci\u00f3n<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- TALLERES -->\n    <section id=\"talleres\" class=\"py-24 bg-bg_dark text-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"flex flex-col md:flex-row justify-between items-end mb-16 gap-6\">\n                <div class=\"max-w-2xl\">\n                    <h2 class=\"text-4xl font-bold mb-4\">Talleres Interactivos<\/h2>\n                    <p class=\"text-bg_light opacity-80 text-lg\">Aprende de forma pr\u00e1ctica y din\u00e1mica con nuestros talleres especializados dirigidos por expertos.<\/p>\n                <\/div>\n                <a href=\"#contacto\" class=\"bg-accent text-white px-8 py-3 rounded-xl font-bold hover:bg-opacity-90 transition-all\">Ver Calendario Completo<\/a>\n            <\/div>\n\n            <div class=\"grid md:grid-cols-2 gap-8\">\n                <!-- Taller 1 -->\n                <div class=\"flex flex-col sm:flex-row gap-6 bg-white bg-opacity-5 p-8 rounded-3xl border border-white border-opacity-10 hover:bg-opacity-10 transition-all\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/robot\/200\/200\" alt=\"Rob\u00f3tica\" class=\"w-full sm:w-32 h-32 object-cover rounded-2xl\">\n                    <div>\n                        <h3 class=\"text-2xl font-bold mb-2\">Taller de Rob\u00f3tica Creativa<\/h3>\n                        <p class=\"text-bg_light opacity-70 mb-4\">Explora los fundamentos de la rob\u00f3tica y construye tus propios proyectos desde cero.<\/p>\n                        <div class=\"flex items-center gap-4 text-sm font-semibold mb-6\">\n                            <span class=\"bg-primary bg-opacity-20 text-primary px-3 py-1 rounded-full\">Bachillerato<\/span>\n                            <span class=\"text-bg_light\">\u23f1\ufe0f 4 semanas<\/span>\n                        <\/div>\n                        <button class=\"text-accent font-bold hover:underline\">Inscr\u00edbete Ahora \u2192<\/button>\n                    <\/div>\n                <\/div>\n                <!-- Taller 2 -->\n                <div class=\"flex flex-col sm:flex-row gap-6 bg-white bg-opacity-5 p-8 rounded-3xl border border-white border-opacity-10 hover:bg-opacity-10 transition-all\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/code\/200\/200\" alt=\"Programaci\u00f3n\" class=\"w-full sm:w-32 h-32 object-cover rounded-2xl\">\n                    <div>\n                        <h3 class=\"text-2xl font-bold mb-2\">Introducci\u00f3n al Python<\/h3>\n                        <p class=\"text-bg_light opacity-70 mb-4\">Aprende el lenguaje de programaci\u00f3n m\u00e1s vers\u00e1til del mundo creando tus propios juegos.<\/p>\n                        <div class=\"flex items-center gap-4 text-sm font-semibold mb-6\">\n                            <span class=\"bg-primary bg-opacity-20 text-primary px-3 py-1 rounded-full\">ESO<\/span>\n                            <span class=\"text-bg_light\">\u23f1\ufe0f 6 semanas<\/span>\n                        <\/div>\n                        <button class=\"text-accent font-bold hover:underline\">Inscr\u00edbete Ahora \u2192<\/button>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- CAMPAMENTOS -->\n    <section id=\"campamentos\" class=\"py-24 bg-bg_light\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"bg-white rounded-[3rem] overflow-hidden shadow-xl flex flex-col lg:flex-row\">\n                <div class=\"lg:w-1\/2\">\n                    <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/camp\/800\/1000\" alt=\"Campamento de verano\" class=\"w-full h-full object-cover\">\n                <\/div>\n                <div class=\"lg:w-1\/2 p-12 md:p-20 flex flex-col justify-center\">\n                    <h2 class=\"text-4xl font-bold text-bg_dark mb-6\">Campamentos de Verano y Vacaciones<\/h2>\n                    <p class=\"text-primary font-bold text-xl mb-6\">Experiencias inolvidables combinando diversi\u00f3n y aprendizaje fuera del aula.<\/p>\n                    <p class=\"text-gray-600 text-lg mb-10 leading-relaxed\">\n                        Nuestros campamentos est\u00e1n dise\u00f1ados para que los estudiantes de ESO y Bachillerato exploren nuevas habilidades en un ambiente l\u00fadico y seguro. Desde inmersi\u00f3n ling\u00fc\u00edstica hasta campamentos tecnol\u00f3gicos en la naturaleza.\n                    <\/p>\n                    <ul class=\"space-y-4 mb-10\">\n                        <li class=\"flex items-center gap-3 text-bg_dark font-semibold\">\n                            <span class=\"text-primary\">\u2713<\/span> Monitores especializados y titulados\n                        <\/li>\n                        <li class=\"flex items-center gap-3 text-bg_dark font-semibold\">\n                            <span class=\"text-primary\">\u2713<\/span> Entornos naturales y seguros\n                        <\/li>\n                        <li class=\"flex items-center gap-3 text-bg_dark font-semibold\">\n                            <span class=\"text-primary\">\u2713<\/span> Actividades de team building\n                        <\/li>\n                    <\/ul>\n                    <button class=\"bg-primary text-white px-10 py-4 rounded-2xl font-bold text-xl hover:bg-opacity-90 transition-all shadow-lg self-start\">\n                        Ver Pr\u00f3ximos Campamentos\n                    <\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- TESTIMONIOS (SOCIAL PROOF) -->\n    <section class=\"py-24 bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"text-center mb-16\">\n                <h2 class=\"text-4xl font-bold text-bg_dark mb-4\">Lo que dicen nuestros alumnos<\/h2>\n                <p class=\"text-gray-500\">M\u00e1s de 5,000 estudiantes ya han transformado su forma de aprender.<\/p>\n            <\/div>\n            <div class=\"grid md:grid-cols-3 gap-8\">\n                <!-- Testimonio 1 -->\n                <div class=\"bg-bg_light p-8 rounded-3xl relative\">\n                    <div class=\"text-secondary text-4xl mb-4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"text-bg_dark italic mb-6\">&#8220;Los talleres de rob\u00f3tica me ayudaron a decidir qu\u00e9 carrera quer\u00eda estudiar. \u00a1Fue incre\u00edble!&#8221;<\/p>\n                    <div class=\"flex items-center gap-4\">\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/p1\/50\/50\" alt=\"Alumno\" class=\"rounded-full\">\n                        <div>\n                            <p class=\"font-bold text-bg_dark\">Marcos G.<\/p>\n                            <p class=\"text-sm text-primary font-semibold\">2\u00ba Bachillerato<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- Testimonio 2 -->\n                <div class=\"bg-bg_light p-8 rounded-3xl relative\">\n                    <div class=\"text-secondary text-4xl mb-4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"text-bg_dark italic mb-6\">&#8220;Gracias a los packs de matem\u00e1ticas pas\u00e9 de odiar la asignatura a sacar un sobresaliente.&#8221;<\/p>\n                    <div class=\"flex items-center gap-4\">\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/p2\/50\/50\" alt=\"Alumno\" class=\"rounded-full\">\n                        <div>\n                            <p class=\"font-bold text-bg_dark\">Luc\u00eda R.<\/p>\n                            <p class=\"text-sm text-primary font-semibold\">4\u00ba ESO<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                <!-- Testimonio 3 -->\n                <div class=\"bg-bg_light p-8 rounded-3xl relative\">\n                    <div class=\"text-secondary text-4xl mb-4\">\u2605\u2605\u2605\u2605\u2605<\/div>\n                    <p class=\"text-bg_dark italic mb-6\">&#8220;El campamento de verano fue la mejor experiencia de mi vida. Hice amigos para siempre.&#8221;<\/p>\n                    <div class=\"flex items-center gap-4\">\n                        <img decoding=\"async\" src=\"https:\/\/picsum.photos\/seed\/p3\/50\/50\" alt=\"Alumno\" class=\"rounded-full\">\n                        <div>\n                            <p class=\"font-bold text-bg_dark\">Carlos S.<\/p>\n                            <p class=\"text-sm text-primary font-semibold\">1\u00ba Bachillerato<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FAQ SECTION -->\n    <section id=\"faq\" class=\"py-24 bg-white border-t border-gray-100\">\n        <div class=\"max-w-3xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <h2 class=\"text-4xl font-bold text-bg_dark text-center mb-12\">Preguntas Frecuentes<\/h2>\n            <div class=\"space-y-4\">\n                <!-- FAQ 1 -->\n                <div class=\"faq-item border border-gray-200 rounded-2xl overflow-hidden\">\n                    <button class=\"w-full flex justify-between items-center p-6 text-left font-bold text-bg_dark hover:bg-gray-50 transition-colors\" onclick=\"toggleFaq(this)\">\n                        \u00bfPara qu\u00e9 edades est\u00e1n recomendados los cursos?\n                        <span class=\"faq-icon transition-transform duration-300\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer px-6 bg-gray-50\">\n                        <p class=\"py-4 text-gray-600\">Nuestros contenidos est\u00e1n espec\u00edficamente dise\u00f1ados para estudiantes de entre 12 y 18 a\u00f1os, cubriendo todos los niveles de la ESO y el Bachillerato.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- FAQ 2 -->\n                <div class=\"faq-item border border-gray-200 rounded-2xl overflow-hidden\">\n                    <button class=\"w-full flex justify-between items-center p-6 text-left font-bold text-bg_dark hover:bg-gray-50 transition-colors\" onclick=\"toggleFaq(this)\">\n                        \u00bfLos talleres son presenciales u online?\n                        <span class=\"faq-icon transition-transform duration-300\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer px-6 bg-gray-50\">\n                        <p class=\"py-4 text-gray-600\">Ofrecemos ambas modalidades. Los talleres de programaci\u00f3n y refuerzo suelen ser online, mientras que los campamentos y ciertos talleres t\u00e9cnicos son presenciales.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- FAQ 3 -->\n                <div class=\"faq-item border border-gray-200 rounded-2xl overflow-hidden\">\n                    <button class=\"w-full flex justify-between items-center p-6 text-left font-bold text-bg_dark hover:bg-gray-50 transition-colors\" onclick=\"toggleFaq(this)\">\n                        \u00bfC\u00f3mo puedo inscribirme en un campamento?\n                        <span class=\"faq-icon transition-transform duration-300\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer px-6 bg-gray-50\">\n                        <p class=\"py-4 text-gray-600\">Puedes reservar tu plaza directamente desde nuestra web en la secci\u00f3n de campamentos o contactando con nuestro equipo de admisiones.<\/p>\n                    <\/div>\n                <\/div>\n                <!-- FAQ 4 -->\n                <div class=\"faq-item border border-gray-200 rounded-2xl overflow-hidden\">\n                    <button class=\"w-full flex justify-between items-center p-6 text-left font-bold text-bg_dark hover:bg-gray-50 transition-colors\" onclick=\"toggleFaq(this)\">\n                        \u00bfOfrec\u00e9is certificados al finalizar?\n                        <span class=\"faq-icon transition-transform duration-300\">\u25bc<\/span>\n                    <\/button>\n                    <div class=\"faq-answer px-6 bg-gray-50\">\n                        <p class=\"py-4 text-gray-600\">S\u00ed, todos nuestros talleres y cursos incluyen un certificado de aprovechamiento digital que puedes a\u00f1adir a tu portfolio acad\u00e9mico.<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FINAL CTA -->\n    <section class=\"py-20\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"bg-primary rounded-[3rem] p-12 md:p-20 text-center text-white relative overflow-hidden shadow-2xl\">\n                <div class=\"absolute top-0 left-0 w-full h-full opacity-10 pointer-events-none\">\n                    <div class=\"absolute top-10 left-10 text-6xl\">\u26a1<\/div>\n                    <div class=\"absolute bottom-10 right-10 text-6xl\">\ud83c\udfaf<\/div>\n                    <div class=\"absolute top-1\/2 left-1\/4 text-4xl\">\ud83d\udca1<\/div>\n                <\/div>\n                <h2 class=\"text-4xl md:text-5xl font-bold mb-8 relative z-10\">\u00bfListo para empezar tu aventura educativa?<\/h2>\n                <p class=\"text-xl mb-12 opacity-90 max-w-2xl mx-auto relative z-10\">\u00danete a Educalia hoy mismo y descubre una nueva forma de aprender que se adapta a ti.<\/p>\n                <div class=\"flex flex-col sm:flex-row justify-center gap-6 relative z-10\">\n                    <a href=\"#educacion\" class=\"bg-secondary text-bg_dark px-10 py-4 rounded-2xl font-bold text-xl hover:scale-105 transition-transform shadow-xl\">\n                        Ver Cat\u00e1logo de Productos\n                    <\/a>\n                    <a href=\"mailto:hola@educalia.com\" class=\"bg-bg_dark text-white px-10 py-4 rounded-2xl font-bold text-xl hover:scale-105 transition-transform shadow-xl\">\n                        Contactar con un Asesor\n                    <\/a>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- FOOTER -->\n    <footer class=\"bg-bg_dark text-white py-16\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid md:grid-cols-4 gap-12 mb-12\">\n                <div class=\"col-span-1 md:col-span-1\">\n                    <img decoding=\"async\" src=\"https:\/\/webgeia.sparkbigs.es\/uploads\/logo_gen_75_1781786617.png\" alt=\"Educalia Logo\" class=\"h-10 w-auto mb-6 brightness-0 invert\">\n                    <p class=\"text-bg_light opacity-60 leading-relaxed\">\n                        Transformando la educaci\u00f3n para la generaci\u00f3n Z. Aprendizaje din\u00e1mico, divertido y efectivo.\n                    <\/p>\n                <\/div>\n                <div>\n                    <h4 class=\"text-xl font-bold mb-6\">Enlaces R\u00e1pidos<\/h4>\n                    <ul class=\"space-y-4 opacity-70\">\n                        <li><a href=\"#hero\" class=\"hover:text-secondary transition-colors\">Inicio<\/a><\/li>\n                        <li><a href=\"#educacion\" class=\"hover:text-secondary transition-colors\">Educaci\u00f3n<\/a><\/li>\n                        <li><a href=\"#talleres\" class=\"hover:text-secondary transition-colors\">Talleres<\/a><\/li>\n                        <li><a href=\"#campamentos\" class=\"hover:text-secondary transition-colors\">Campamentos<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"text-xl font-bold mb-6\">Legal<\/h4>\n                    <ul class=\"space-y-4 opacity-70\">\n                        <li><a href=\"#\" class=\"hover:text-secondary transition-colors\">Pol\u00edtica de Privacidad<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-secondary transition-colors\">T\u00e9rminos y Condiciones<\/a><\/li>\n                        <li><a href=\"#\" class=\"hover:text-secondary transition-colors\">Cookies<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <h4 class=\"text-xl font-bold mb-6\">Contacto<\/h4>\n                    <ul class=\"space-y-4 opacity-70\">\n                        <li class=\"flex items-center gap-3\"><span>\u2709\ufe0f<\/span> hola@educalia.com<\/li>\n                        <li class=\"flex items-center gap-3\"><span>\ud83d\udcde<\/span> +34 900 123 456<\/li>\n                        <li class=\"flex items-center gap-3\"><span>\ud83d\udccd<\/span> Madrid, Espa\u00f1a<\/li>\n                    <\/ul>\n                    <div class=\"flex gap-4 mt-8\">\n                        <a href=\"#\" class=\"w-10 h-10 bg-white bg-opacity-10 rounded-full flex items-center justify-center hover:bg-primary transition-all\">FB<\/a>\n                        <a href=\"#\" class=\"w-10 h-10 bg-white bg-opacity-10 rounded-full flex items-center justify-center hover:bg-primary transition-all\">IG<\/a>\n                        <a href=\"#\" class=\"w-10 h-10 bg-white bg-opacity-10 rounded-full flex items-center justify-center hover:bg-primary transition-all\">TW<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n            <div class=\"border-t border-white border-opacity-10 pt-8 text-center opacity-50 text-sm\">\n                <p>&copy; 2023 Educalia. Todos los derechos reservados. Dise\u00f1ado con \u2764\ufe0f para estudiantes.<\/p>\n            <\/div>\n        <\/div>\n    <\/footer>\n\n    <script>\n        \/\/ FAQ Toggle Logic\n        function toggleFaq(button) {\n            const item = button.parentElement;\n            const isActive = item.classList.contains('active');\n            \n            \/\/ Close all other FAQs\n            document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n            \n            \/\/ Toggle current\n            if (!isActive) {\n                item.classList.add('active');\n            }\n        }\n\n        \/\/ Mobile Menu Toggle\n        const mobileBtn = document.getElementById('mobile-menu-button');\n        const mobileMenu = document.getElementById('mobile-menu');\n        \n        mobileBtn.addEventListener('click', () => {\n            mobileMenu.classList.toggle('hidden');\n        });\n\n        \/\/ Close mobile menu when clicking a link\n        document.querySelectorAll('#mobile-menu a').forEach(link => {\n            link.addEventListener('click', () => {\n                mobileMenu.classList.add('hidden');\n            });\n        });\n\n        \/\/ Smooth scroll for all links\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    window.scrollTo({\n                        top: target.offsetTop - 80,\n                        behavior: 'smooth'\n                    });\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Educalia | Educaci\u00f3n Divertida para ESO y Bachillerato Inicio Educaci\u00f3n Talleres Campamentos FAQ Empezar \u2630 Inicio Educaci\u00f3n Talleres Campamentos FAQ \ud83d\ude80 Educaci\u00f3n del Futuro \u00a1Aprender Nunca Fue Tan Emocionante! Educalia: Tu plataforma online de confianza para ESO y Bachillerato. Descubre nuestros productos, talleres y campamentos dise\u00f1ados para que disfrutes mientras aprendes. Explora Nuestros Cursos Ver [&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"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":1,"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":17,"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/17"}],"wp:attachment":[{"href":"https:\/\/gonzalocamposdominguez.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}