El Show de Aprender - Blog y Maestro | Rafa<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <style>\n \/* Importaci\u00f3n de Google Fonts *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800;900&display=swap');\n\n :root {\n --bg-dark: #07090d;\n --accent-green: #bef264;\n --accent-green-glow: rgba(190, 242, 100, 0.3);\n }\n\n \/* Reset y Tipograf\u00eda para Elementor *\/\n #ra-web-root, \n #ra-web-root * {\n font-family: 'Inter', sans-serif !important;\n box-sizing: border-box;\n }\n\n #ra-web-root {\n background-color: var(--bg-dark);\n color: white;\n overflow-x: hidden;\n cursor: none;\n min-height: 100vh;\n scroll-behavior: smooth;\n }\n\n \/* Cursor Personalizado *\/\n #custom-cursor {\n width: 8px;\n height: 8px;\n background: var(--accent-green);\n border-radius: 50%;\n position: fixed;\n pointer-events: none;\n z-index: 9999;\n transition: transform 0.1s ease-out;\n box-shadow: 0 0 15px var(--accent-green);\n }\n\n #cursor-follower {\n width: 40px;\n height: 40px;\n border: 1px solid var(--accent-green-glow);\n border-radius: 50%;\n position: fixed;\n pointer-events: none;\n z-index: 9998;\n transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n \/* Fondo de Cuadr\u00edcula Din\u00e1mica *\/\n .grid-bg {\n position: fixed;\n inset: 0;\n background-image: \n linear-gradient(rgba(190, 242, 100, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(190, 242, 100, 0.03) 1px, transparent 1px);\n background-size: 50px 50px;\n z-index: -1;\n transform: perspective(1000px) rotateX(0deg);\n transition: transform 0.5s ease-out;\n }\n\n .glow-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -2;\n overflow: hidden;\n }\n\n .blob {\n position: absolute;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, var(--accent-green-glow) 0%, transparent 70%);\n filter: blur(120px);\n border-radius: 50%;\n opacity: 0.2;\n animation: move 20s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);\n }\n\n @keyframes move {\n from { transform: translate(-15%, -15%) scale(1); }\n to { transform: translate(25%, 25%) scale(1.1); }\n }\n\n \/* Estilos de Cristal *\/\n .glass {\n background: rgba(255, 255, 255, 0.015) !important;\n backdrop-filter: blur(20px) !important;\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n border-radius: 24px !important;\n transition: all 0.3s ease;\n }\n\n .glass:hover {\n background: rgba(255, 255, 255, 0.03) !important;\n border-color: rgba(190, 242, 100, 0.2) !important;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #fff 30%, var(--accent-green) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Botones *\/\n .btn-main {\n background: var(--accent-green) !important;\n color: #000 !important;\n font-weight: 800 !important;\n border-radius: 100px !important;\n transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n\n .btn-main:hover {\n transform: scale(1.05) translateY(-4px);\n box-shadow: 0 20px 40px rgba(190, 242, 100, 0.3);\n }\n\n \/* Animaci\u00f3n de Revelado *\/\n .char-reveal {\n overflow: hidden;\n display: inline-block;\n vertical-align: bottom;\n }\n\n .char-content {\n display: inline-block;\n transform: translateY(100%);\n transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .reveal.active .char-content {\n transform: translateY(0);\n }\n\n \/* Imagen de Cabecera con Efecto *\/\n .hero-img-container {\n position: relative;\n width: 100%;\n max-width: 900px;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n border: 1px solid rgba(190, 242, 100, 0.1);\n animation: float-img 6s ease-in-out infinite;\n }\n\n @keyframes float-img {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(0.5deg); }\n }\n\n .hero-img-container::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, var(--bg-dark) 0%, transparent 40%);\n }\n\n #scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n height: 3px;\n background: var(--accent-green);\n z-index: 100;\n width: 0%;\n box-shadow: 0 0 10px var(--accent-green);\n }\n\n \/* Estilo para Actualidad con Hover Din\u00e1mico *\/\n .badge-gradient {\n background: linear-gradient(135deg, #bef264, #a3e635) !important;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n color: #000 !important;\n }\n\n .badge-gradient:hover {\n background: rgba(255, 255, 255, 0.015) !important;\n backdrop-filter: blur(20px) !important;\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n color: #fff !important;\n transform: translateY(-8px);\n }\n\n \/* Asegurar que el texto dentro de Actualidad cambie a blanco en hover *\/\n .badge-gradient:hover .text-black,\n .badge-gradient:hover .text-black\\\/60,\n .badge-gradient:hover .text-black\\\/80 {\n color: #fff !important;\n }\n\n \/* Estilos de Visibilidad de P\u00e1ginas *\/\n .page-content {\n display: none;\n animation: fade-in 0.6s ease-out;\n }\n\n .page-active {\n display: block;\n }\n\n @keyframes fade-in {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Post Card Styles *\/\n .post-card {\n transition: all 0.4s ease;\n }\n .post-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-green) !important;\n }\n <\/style>\n<\/head>\n<body class=\"selection:bg-lime-400 selection:text-black\">\n <div id=\"ra-web-root\">\n <div id=\"scroll-progress\"><\/div>\n\n \n <div id=\"custom-cursor\"><\/div>\n <div id=\"cursor-follower\"><\/div>\n\n \n <div class=\"grid-bg\" id=\"interactive-grid\"><\/div>\n <div class=\"glow-bg\">\n <div class=\"blob\" style=\"top: -10%; left: -10%;\"><\/div>\n <div class=\"blob\" style=\"bottom: -10%; right: -10%; animation-delay: -5s;\"><\/div>\n <\/div>\n\n \n <nav class=\"fixed top-0 w-full z-50 p-6\">\n <div class=\"max-w-7xl mx-auto flex justify-between items-center glass px-10 py-4\">\n <a href=\"#\" onclick=\"showPage('home')\" class=\"flex items-center no-underline group\">\n <span class=\"font-black tracking-tighter text-2xl uppercase transition-all group-hover:tracking-normal\">\n EL SHOW DE <span class=\"text-lime-400\">APRENDER<\/span>\n <\/span>\n <\/a>\n <div class=\"hidden md:flex space-x-12 text-[10px] font-bold uppercase tracking-[0.2em] text-gray-400\">\n <a href=\"#\" onclick=\"showPage('home'); setTimeout(() => document.getElementById('sobre-mi').scrollIntoView(), 100)\" class=\"hover:text-lime-400 transition no-underline\">Sobre m\u00ed<\/a>\n <a href=\"#\" onclick=\"showPage('home'); setTimeout(() => document.getElementById('actualidad').scrollIntoView(), 100)\" class=\"hover:text-lime-400 transition no-underline\">Actualidad<\/a>\n <a href=\"#\" onclick=\"showPage('blog')\" class=\"hover:text-lime-400 transition no-underline\">Blog<\/a>\n <\/div>\n \n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main px-8 py-2.5 text-[11px] uppercase tracking-widest no-underline\">YOUTUBE<\/a>\n <\/div>\n <\/nav>\n\n \n <main id=\"page-home\" class=\"page-content page-active\">\n \n <section class=\"min-h-screen flex flex-col justify-center items-center px-6 pt-24 pb-16 text-center relative\">\n <div class=\"reveal max-w-6xl w-full flex flex-col items-center\">\n <div class=\"inline-flex items-center gap-3 px-4 py-1.5 rounded-full bg-white\/5 border border-white\/10 text-lime-400 text-[10px] font-black uppercase tracking-[0.3em] mb-6 mt-5\">\n <span class=\"relative flex h-2 w-2\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-lime-400 opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-lime-400\"><\/span>\n <\/span>\n Maestro de Educaci\u00f3n Primaria\n <\/div>\n\n <h1 class=\"text-4xl md:text-7xl font-black tracking-tighter leading-[0.9] mb-8 uppercase\">\n <span class=\"char-reveal\"><span class=\"char-content\" style=\"transition-delay: 0.1s;\">HOLA, <\/span><\/span>\n <span class=\"char-reveal\"><span class=\"char-content\" style=\"transition-delay: 0.2s;\">SOY <\/span><\/span>\n <span class=\"char-reveal\"><span class=\"char-content\" style=\"transition-delay: 0.3s; color: var(--accent-green);\">RAFA.<\/span><\/span>\n <\/h1>\n\n <div class=\"hero-img-container mb-10\">\n <img decoding=\"async\" src=\"https:\/\/elshowdeaprender.es\/wp-content\/uploads\/2021\/05\/CABECERA_WEB.jpg\" alt=\"[Imagen de Rafa - Cabecera]\" class=\"w-full h-auto block\">\n <\/div>\n \n <p class=\"text-gray-400 text-lg md:text-xl max-w-3xl mx-auto mb-10 leading-relaxed font-light\">\n Desde Utiel para el mundo, transformo el aula en un <span class=\"text-white font-bold italic\">espect\u00e1culo educativo<\/span> donde la m\u00fasica y el movimiento son los protagonistas.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center\">\n <a href=\"#\" onclick=\"showPage('blog')\" class=\"btn-main px-12 py-5 text-lg\">\n EXPLORAR EL BLOG <i data-lucide=\"arrow-right\" class=\"ml-3 w-5 h-5\"><\/i>\n <\/a>\n <div class=\"flex items-center gap-8\">\n <a href=\"https:\/\/www.instagram.com\/elshowdeaprender\/?hl=en\" target=\"_blank\" class=\"hover:text-lime-400 transition-colors no-underline\">\n <i data-lucide=\"instagram\" class=\"w-6 h-6\"><\/i>\n <\/a>\n <a href=\"https:\/\/x.com\/HerraezRafa\" target=\"_blank\" class=\"hover:text-lime-400 transition-colors no-underline\">\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=\"M4 4l11.733 16h4.267l-11.733 -16z\" \/><path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\" \/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"hover:text-lime-400 transition-colors no-underline\">\n <i data-lucide=\"youtube\" class=\"w-6 h-6\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sobre-mi\" class=\"py-24 px-6\">\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"reveal text-center mb-12\">\n <h2 class=\"text-5xl md:text-7xl font-black tracking-tighter italic uppercase mb-4\">SOBRE <span class=\"text-lime-400\">M\u00cd\u2026<\/span><\/h2>\n <div class=\"w-24 h-1 bg-lime-400 mx-auto\"><\/div>\n <\/div>\n\n <div class=\"glass p-10 md:p-16 relative overflow-hidden reveal\">\n <div class=\"absolute -top-10 -right-10 opacity-5\">\n <i data-lucide=\"map-pin\" class=\"w-64 h-64 text-lime-400\"><\/i>\n <\/div>\n <div class=\"relative z-10\">\n <p class=\"text-2xl md:text-3xl text-white font-medium leading-tight mb-8\">\n \"Soy Rafa y vivo en un pueblo del interior de la provincia de Valencia cuyo nombre no puedo olvidar, <span class=\"text-lime-400\">Utiel<\/span>.\"\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 text-gray-400 text-lg leading-relaxed\">\n <p>\n Como maestro de Educaci\u00f3n F\u00edsica y Primaria, entiendo que la educaci\u00f3n no es solo transmitir datos, sino generar emociones. Llevo 5 cursos recorriendo la Comunidad Valenciana, dejando una huella de alegr\u00eda en cada aula.\n <\/p>\n <p>\n Mi v\u00e1lvula de escape es el ejercicio f\u00edsico y mi pasi\u00f3n por los animales. Creo firmemente que un docente feliz inspira alumnos felices.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"actualidad\" class=\"py-24 px-6 bg-white\/[0.01] border-y border-white\/5\">\n <div class=\"max-w-xl mx-auto reveal text-center\">\n <div class=\"p-12 badge-gradient border-none shadow-2xl rounded-[32px] cursor-default group transition-all duration-300\">\n <span class=\"text-black\/60 text-[10px] font-black uppercase tracking-[0.3em] block mb-4 transition-colors\">Actualmente en<\/span>\n <h3 class=\"text-4xl md:text-5xl font-black uppercase text-black leading-none transition-colors\">Can\u00f3nigo Mu\u00f1oz<\/h3>\n <div class=\"w-12 h-1 bg-black\/20 mx-auto mt-6 rounded-full group-hover:bg-white\/20 transition-colors\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n \n\n \n <main id=\"page-blog\" class=\"page-content py-32 px-6\">\n <div class=\"max-w-7xl mx-auto\">\n <header class=\"text-center mb-20 reveal\">\n <div class=\"inline-block px-4 py-1.5 rounded-full bg-lime-400\/10 border border-lime-400\/20 text-lime-400 text-[10px] font-black uppercase tracking-[0.3em] mb-6\">\n Recursos y Experiencias\n <\/div>\n <h2 class=\"text-5xl md:text-8xl font-black tracking-tighter italic uppercase mb-4\">EL BLOG DEL <span class=\"text-lime-400\">SHOW<\/span><\/h2>\n <p class=\"text-gray-400 text-xl max-w-2xl mx-auto font-light\">Contenido educativo para la etapa de primaria, matem\u00e1ticas divertidas y metodolog\u00edas activas.<\/p>\n <\/header>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">C\u00e1lculo Mental<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Trucos de c\u00e1lculo mental: Sumas y restas con n\u00fameros acabados en 8 o 9<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende la estrategia de aproximar a la decena m\u00e1s cercana para sumar o restar 19, 18, etc. \u00a1Pr\u00e1ctica este atajo!<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\" style=\"transition-delay: 0.1s\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Gamificaci\u00f3n<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Candados digitales: C\u00f3mo crear tu propio Escape Room educativo<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aumenta la motivaci\u00f3n en clase creando retos con c\u00f3digos QR donde los alumnos resuelvan operaciones matem\u00e1ticas.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\" style=\"transition-delay: 0.2s\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Historia<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">El misterio del sistema sexagesimal: \u00bfPor qu\u00e9 60?<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">\u00bfPor qu\u00e9 las horas tienen 60 minutos? Descubre el truco de contar hasta 60 usando las falanges de los dedos.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Divisibilidad<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Divide a simple vista: Los criterios de divisibilidad esenciales<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende los atajos para saber si un n\u00famero es divisible entre 2, 3, 5, 9 o 10 con solo mirarlo.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Fracciones<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">El \"truco de la mariposa\" para dominar las fracciones<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Un m\u00e9todo visual y divertido para sumar y restar fracciones con distinto denominador sin CM.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Geometr\u00eda<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Descubriendo los pol\u00edgonos: Partes y caracter\u00edsticas b\u00e1sicas<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende a diferenciar pol\u00edgonos regulares e irregulares y sus elementos clave: v\u00e9rtices, diagonal y per\u00edmetro.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Geometr\u00eda<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Clasificaci\u00f3n de tri\u00e1ngulos: Gu\u00eda definitiva para no enredarse<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Seg\u00fan lados o \u00e1ngulos, clasificamos los tri\u00e1ngulos. \u00a1Recuerda: la suma de sus \u00e1ngulos es 180\u00ba!<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Geometr\u00eda<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">C\u00edrculo vs. Circunferencia: Una diferencia crucial<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Diferencia entre el contorno (circunferencia) y el \u00e1rea (c\u00edrculo). Y recuerda el n\u00famero Pi: 3,14.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Fracciones<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">N\u00fameros mixtos: Entendiendo la uni\u00f3n de enteros y fracciones<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende a pasar un n\u00famero mixto a una \u00fanica fracci\u00f3n matem\u00e1ticamente con una f\u00f3rmula directa.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Divisi\u00f3n<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">La prueba de la divisi\u00f3n... \u00a1Ojo con el resto si hay decimales!<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende por qu\u00e9 el resto de una divisi\u00f3n con decimales no siempre es lo que parece. \u00a1Reto Supercalculator!<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n <\/div>\n <\/div>\n <\/main>\n\n \n <section id=\"blog-cta\" class=\"py-24 px-6\">\n <div class=\"max-w-6xl mx-auto glass p-12 md:p-24 relative overflow-hidden text-center reveal flex flex-col items-center\">\n <div class=\"absolute inset-0 bg-lime-400\/5 -z-10 animate-pulse\"><\/div>\n <h2 class=\"text-6xl md:text-8xl font-black tracking-tighter mb-8 leading-none italic uppercase\">EL SHOW DE <br> <span class=\"text-lime-400\">APRENDER<\/span><\/h2>\n <p class=\"text-xl md:text-2xl text-gray-400 mb-12 max-w-3xl mx-auto font-light\">\n Sigue aprendiendo con mis recursos y experiencias de aula en v\u00eddeo.\n <\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main px-8 py-2.5 text-[11px] uppercase tracking-widest group\">\n VER YOUTUBE <i data-lucide=\"external-link\" class=\"ml-2 w-3 h-3 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-12 border-t border-white\/5 text-center px-6 bg-black\/50\">\n <div class=\"flex justify-center gap-12 mb-8 text-gray-500\">\n <a href=\"https:\/\/www.instagram.com\/elshowdeaprender\/?hl=en\" target=\"_blank\" class=\"hover:text-lime-400 transition-transform hover:-translate-y-2 no-underline\"><i data-lucide=\"instagram\" class=\"w-6 h-6\"><\/i><\/a>\n <a href=\"https:\/\/x.com\/HerraezRafa\" target=\"_blank\" class=\"hover:text-lime-400 transition-transform hover:-translate-y-2 no-underline\">\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=\"M4 4l11.733 16h4.267l-11.733 -16z\" \/><path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\" \/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"hover:text-lime-400 transition-transform hover:-translate-y-2 no-underline\"><i data-lucide=\"youtube\" class=\"w-6 h-6\"><\/i><\/a>\n <\/div>\n <p class=\"text-gray-700 text-[10px] uppercase font-black tracking-[0.5em]\">\u00a9 2024 EL SHOW DE APRENDER<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n lucide.createIcons();\n\n \/\/ Sistema de navegaci\u00f3n SPA\n function showPage(pageId) {\n const pages = ['home', 'blog'];\n pages.forEach(p => {\n const element = document.getElementById('page-' + p);\n if (element) element.classList.remove('page-active');\n });\n const activePage = document.getElementById('page-' + pageId);\n if (activePage) activePage.classList.add('page-active');\n window.scrollTo(0, 0);\n \n \/\/ Re-ejecutar observador de revelado para la nueva p\u00e1gina\n setTimeout(() => {\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n }, 100);\n }\n\n \/\/ Cursor con Inercia\n const cursor = document.getElementById('custom-cursor');\n const followerElem = document.getElementById('cursor-follower');\n const grid = document.getElementById('interactive-grid');\n\n let mouseX = 0, mouseY = 0;\n let followerX = 0, followerY = 0;\n\n document.addEventListener('mousemove', (e) => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n \n cursor.style.left = mouseX + 'px';\n cursor.style.top = mouseY + 'px';\n\n const xRotation = (mouseY \/ window.innerHeight - 0.5) * 10;\n const yRotation = (mouseX \/ window.innerWidth - 0.5) * -10;\n grid.style.transform = `perspective(1000px) rotateX(${xRotation}deg) rotateY(${yRotation}deg)`;\n });\n\n function updateFollower() {\n followerX += (mouseX - followerX) * 0.1;\n followerY += (mouseY - followerY) * 0.1;\n if (followerElem) {\n followerElem.style.left = (followerX - 20) + 'px';\n followerElem.style.top = (followerY - 20) + 'px';\n }\n requestAnimationFrame(updateFollower);\n }\n updateFollower();\n\n \/\/ Barra de Scroll\n window.addEventListener('scroll', () => {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n const progress = document.getElementById('scroll-progress');\n if (progress) progress.style.width = scrolled + \"%\";\n grid.style.backgroundPositionY = winScroll * 0.2 + 'px';\n });\n\n \/\/ Hovers Interactivos\n const targets = document.querySelectorAll('a, button, .glass, .badge-gradient, .post-card');\n targets.forEach(el => {\n el.addEventListener('mouseenter', () => {\n cursor.style.transform = 'scale(6)';\n cursor.style.opacity = '0.2';\n if (followerElem) {\n followerElem.style.transform = 'scale(1.5)';\n followerElem.style.borderColor = 'white';\n }\n });\n el.addEventListener('mouseleave', () => {\n cursor.style.transform = 'scale(1)';\n cursor.style.opacity = '1';\n if (followerElem) {\n followerElem.style.transform = 'scale(1)';\n followerElem.style.borderColor = 'rgba(190, 242, 100, 0.3)';\n }\n });\n });\n\n \/\/ Intersection Observer\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.15 });\n\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n window.addEventListener('load', () => {\n const firstReveal = document.querySelector('.reveal');\n if (firstReveal) firstReveal.classList.add('active');\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>El Show de Aprender \u2013 Blog y Maestro | Rafa EL SHOW DE APRENDER document.getElementById(\u2018actualidad\u2019).scrollIntoView(), 100)\u00bb>Actualidad Blog YOUTUBE Maestro de Educaci\u00f3n Primaria HOLA, SOY RAFA. Desde Utiel para el mundo, transformo el aula en un espect\u00e1culo educativo donde la m\u00fasica y el movimiento son los protagonistas. EXPLORAR EL BLOG SOBRE M\u00cd\u2026 \u00abSoy Rafa y vivo […]<\/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-2703","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages\/2703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2703"}],"version-history":[{"count":27,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages\/2703\/revisions"}],"predecessor-version":[{"id":2759,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages\/2703\/revisions\/2759"}],"wp:attachment":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n El Show de Aprender - Blog y Maestro | Rafa<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n <style>\n \/* Importaci\u00f3n de Google Fonts *\/\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;800;900&display=swap');\n\n :root {\n --bg-dark: #07090d;\n --accent-green: #bef264;\n --accent-green-glow: rgba(190, 242, 100, 0.3);\n }\n\n \/* Reset y Tipograf\u00eda para Elementor *\/\n #ra-web-root, \n #ra-web-root * {\n font-family: 'Inter', sans-serif !important;\n box-sizing: border-box;\n }\n\n #ra-web-root {\n background-color: var(--bg-dark);\n color: white;\n overflow-x: hidden;\n cursor: none;\n min-height: 100vh;\n scroll-behavior: smooth;\n }\n\n \/* Cursor Personalizado *\/\n #custom-cursor {\n width: 8px;\n height: 8px;\n background: var(--accent-green);\n border-radius: 50%;\n position: fixed;\n pointer-events: none;\n z-index: 9999;\n transition: transform 0.1s ease-out;\n box-shadow: 0 0 15px var(--accent-green);\n }\n\n #cursor-follower {\n width: 40px;\n height: 40px;\n border: 1px solid var(--accent-green-glow);\n border-radius: 50%;\n position: fixed;\n pointer-events: none;\n z-index: 9998;\n transition: transform 0.25s cubic-bezier(0.23, 1, 0.32, 1);\n }\n\n \/* Fondo de Cuadr\u00edcula Din\u00e1mica *\/\n .grid-bg {\n position: fixed;\n inset: 0;\n background-image: \n linear-gradient(rgba(190, 242, 100, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(190, 242, 100, 0.03) 1px, transparent 1px);\n background-size: 50px 50px;\n z-index: -1;\n transform: perspective(1000px) rotateX(0deg);\n transition: transform 0.5s ease-out;\n }\n\n .glow-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -2;\n overflow: hidden;\n }\n\n .blob {\n position: absolute;\n width: 800px;\n height: 800px;\n background: radial-gradient(circle, var(--accent-green-glow) 0%, transparent 70%);\n filter: blur(120px);\n border-radius: 50%;\n opacity: 0.2;\n animation: move 20s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);\n }\n\n @keyframes move {\n from { transform: translate(-15%, -15%) scale(1); }\n to { transform: translate(25%, 25%) scale(1.1); }\n }\n\n \/* Estilos de Cristal *\/\n .glass {\n background: rgba(255, 255, 255, 0.015) !important;\n backdrop-filter: blur(20px) !important;\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n border-radius: 24px !important;\n transition: all 0.3s ease;\n }\n\n .glass:hover {\n background: rgba(255, 255, 255, 0.03) !important;\n border-color: rgba(190, 242, 100, 0.2) !important;\n }\n\n .gradient-text {\n background: linear-gradient(135deg, #fff 30%, var(--accent-green) 100%);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n \/* Botones *\/\n .btn-main {\n background: var(--accent-green) !important;\n color: #000 !important;\n font-weight: 800 !important;\n border-radius: 100px !important;\n transition: all 0.5s cubic-bezier(0.19, 1, 0.22, 1) !important;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-decoration: none;\n }\n\n .btn-main:hover {\n transform: scale(1.05) translateY(-4px);\n box-shadow: 0 20px 40px rgba(190, 242, 100, 0.3);\n }\n\n \/* Animaci\u00f3n de Revelado *\/\n .char-reveal {\n overflow: hidden;\n display: inline-block;\n vertical-align: bottom;\n }\n\n .char-content {\n display: inline-block;\n transform: translateY(100%);\n transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n .reveal.active .char-content {\n transform: translateY(0);\n }\n\n \/* Imagen de Cabecera con Efecto *\/\n .hero-img-container {\n position: relative;\n width: 100%;\n max-width: 900px;\n border-radius: 32px;\n overflow: hidden;\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n border: 1px solid rgba(190, 242, 100, 0.1);\n animation: float-img 6s ease-in-out infinite;\n }\n\n @keyframes float-img {\n 0%, 100% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(0.5deg); }\n }\n\n .hero-img-container::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(to top, var(--bg-dark) 0%, transparent 40%);\n }\n\n #scroll-progress {\n position: fixed;\n top: 0;\n left: 0;\n height: 3px;\n background: var(--accent-green);\n z-index: 100;\n width: 0%;\n box-shadow: 0 0 10px var(--accent-green);\n }\n\n \/* Estilo para Actualidad con Hover Din\u00e1mico *\/\n .badge-gradient {\n background: linear-gradient(135deg, #bef264, #a3e635) !important;\n transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\n color: #000 !important;\n }\n\n .badge-gradient:hover {\n background: rgba(255, 255, 255, 0.015) !important;\n backdrop-filter: blur(20px) !important;\n border: 1px solid rgba(255, 255, 255, 0.05) !important;\n color: #fff !important;\n transform: translateY(-8px);\n }\n\n \/* Asegurar que el texto dentro de Actualidad cambie a blanco en hover *\/\n .badge-gradient:hover .text-black,\n .badge-gradient:hover .text-black\\\/60,\n .badge-gradient:hover .text-black\\\/80 {\n color: #fff !important;\n }\n\n \/* Estilos de Visibilidad de P\u00e1ginas *\/\n .page-content {\n display: none;\n animation: fade-in 0.6s ease-out;\n }\n\n .page-active {\n display: block;\n }\n\n @keyframes fade-in {\n from { opacity: 0; transform: translateY(10px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n \/* Post Card Styles *\/\n .post-card {\n transition: all 0.4s ease;\n }\n .post-card:hover {\n transform: translateY(-5px);\n border-color: var(--accent-green) !important;\n }\n <\/style>\n<\/head>\n<body class=\"selection:bg-lime-400 selection:text-black\">\n <div id=\"ra-web-root\">\n <div id=\"scroll-progress\"><\/div>\n\n \n <div id=\"custom-cursor\"><\/div>\n <div id=\"cursor-follower\"><\/div>\n\n \n <div class=\"grid-bg\" id=\"interactive-grid\"><\/div>\n <div class=\"glow-bg\">\n <div class=\"blob\" style=\"top: -10%; left: -10%;\"><\/div>\n <div class=\"blob\" style=\"bottom: -10%; right: -10%; animation-delay: -5s;\"><\/div>\n <\/div>\n\n \n <nav class=\"fixed top-0 w-full z-50 p-6\">\n <div class=\"max-w-7xl mx-auto flex justify-between items-center glass px-10 py-4\">\n <a href=\"#\" onclick=\"showPage('home')\" class=\"flex items-center no-underline group\">\n <span class=\"font-black tracking-tighter text-2xl uppercase transition-all group-hover:tracking-normal\">\n EL SHOW DE <span class=\"text-lime-400\">APRENDER<\/span>\n <\/span>\n <\/a>\n <div class=\"hidden md:flex space-x-12 text-[10px] font-bold uppercase tracking-[0.2em] text-gray-400\">\n <a href=\"#\" onclick=\"showPage('home'); setTimeout(() => document.getElementById('sobre-mi').scrollIntoView(), 100)\" class=\"hover:text-lime-400 transition no-underline\">Sobre m\u00ed<\/a>\n <a href=\"#\" onclick=\"showPage('home'); setTimeout(() => document.getElementById('actualidad').scrollIntoView(), 100)\" class=\"hover:text-lime-400 transition no-underline\">Actualidad<\/a>\n <a href=\"#\" onclick=\"showPage('blog')\" class=\"hover:text-lime-400 transition no-underline\">Blog<\/a>\n <\/div>\n \n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main px-8 py-2.5 text-[11px] uppercase tracking-widest no-underline\">YOUTUBE<\/a>\n <\/div>\n <\/nav>\n\n \n <main id=\"page-home\" class=\"page-content page-active\">\n \n <section class=\"min-h-screen flex flex-col justify-center items-center px-6 pt-24 pb-16 text-center relative\">\n <div class=\"reveal max-w-6xl w-full flex flex-col items-center\">\n <div class=\"inline-flex items-center gap-3 px-4 py-1.5 rounded-full bg-white\/5 border border-white\/10 text-lime-400 text-[10px] font-black uppercase tracking-[0.3em] mb-6 mt-5\">\n <span class=\"relative flex h-2 w-2\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-lime-400 opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-lime-400\"><\/span>\n <\/span>\n Maestro de Educaci\u00f3n Primaria\n <\/div>\n\n <h1 class=\"text-4xl md:text-7xl font-black tracking-tighter leading-[0.9] mb-8 uppercase\">\n <span class=\"char-reveal\"><span class=\"char-content\" style=\"transition-delay: 0.1s;\">HOLA, <\/span><\/span>\n <span class=\"char-reveal\"><span class=\"char-content\" style=\"transition-delay: 0.2s;\">SOY <\/span><\/span>\n <span class=\"char-reveal\"><span class=\"char-content\" style=\"transition-delay: 0.3s; color: var(--accent-green);\">RAFA.<\/span><\/span>\n <\/h1>\n\n <div class=\"hero-img-container mb-10\">\n <img decoding=\"async\" src=\"https:\/\/elshowdeaprender.es\/wp-content\/uploads\/2021\/05\/CABECERA_WEB.jpg\" alt=\"[Imagen de Rafa - Cabecera]\" class=\"w-full h-auto block\">\n <\/div>\n \n <p class=\"text-gray-400 text-lg md:text-xl max-w-3xl mx-auto mb-10 leading-relaxed font-light\">\n Desde Utiel para el mundo, transformo el aula en un <span class=\"text-white font-bold italic\">espect\u00e1culo educativo<\/span> donde la m\u00fasica y el movimiento son los protagonistas.\n <\/p>\n\n <div class=\"flex flex-col sm:flex-row gap-6 justify-center items-center\">\n <a href=\"#\" onclick=\"showPage('blog')\" class=\"btn-main px-12 py-5 text-lg\">\n EXPLORAR EL BLOG <i data-lucide=\"arrow-right\" class=\"ml-3 w-5 h-5\"><\/i>\n <\/a>\n <div class=\"flex items-center gap-8\">\n <a href=\"https:\/\/www.instagram.com\/elshowdeaprender\/?hl=en\" target=\"_blank\" class=\"hover:text-lime-400 transition-colors no-underline\">\n <i data-lucide=\"instagram\" class=\"w-6 h-6\"><\/i>\n <\/a>\n <a href=\"https:\/\/x.com\/HerraezRafa\" target=\"_blank\" class=\"hover:text-lime-400 transition-colors no-underline\">\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=\"M4 4l11.733 16h4.267l-11.733 -16z\" \/><path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\" \/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"hover:text-lime-400 transition-colors no-underline\">\n <i data-lucide=\"youtube\" class=\"w-6 h-6\"><\/i>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"sobre-mi\" class=\"py-24 px-6\">\n <div class=\"max-w-5xl mx-auto\">\n <div class=\"reveal text-center mb-12\">\n <h2 class=\"text-5xl md:text-7xl font-black tracking-tighter italic uppercase mb-4\">SOBRE <span class=\"text-lime-400\">M\u00cd\u2026<\/span><\/h2>\n <div class=\"w-24 h-1 bg-lime-400 mx-auto\"><\/div>\n <\/div>\n\n <div class=\"glass p-10 md:p-16 relative overflow-hidden reveal\">\n <div class=\"absolute -top-10 -right-10 opacity-5\">\n <i data-lucide=\"map-pin\" class=\"w-64 h-64 text-lime-400\"><\/i>\n <\/div>\n <div class=\"relative z-10\">\n <p class=\"text-2xl md:text-3xl text-white font-medium leading-tight mb-8\">\n \"Soy Rafa y vivo en un pueblo del interior de la provincia de Valencia cuyo nombre no puedo olvidar, <span class=\"text-lime-400\">Utiel<\/span>.\"\n <\/p>\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-10 text-gray-400 text-lg leading-relaxed\">\n <p>\n Como maestro de Educaci\u00f3n F\u00edsica y Primaria, entiendo que la educaci\u00f3n no es solo transmitir datos, sino generar emociones. Llevo 5 cursos recorriendo la Comunidad Valenciana, dejando una huella de alegr\u00eda en cada aula.\n <\/p>\n <p>\n Mi v\u00e1lvula de escape es el ejercicio f\u00edsico y mi pasi\u00f3n por los animales. Creo firmemente que un docente feliz inspira alumnos felices.\n <\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"actualidad\" class=\"py-24 px-6 bg-white\/[0.01] border-y border-white\/5\">\n <div class=\"max-w-xl mx-auto reveal text-center\">\n <div class=\"p-12 badge-gradient border-none shadow-2xl rounded-[32px] cursor-default group transition-all duration-300\">\n <span class=\"text-black\/60 text-[10px] font-black uppercase tracking-[0.3em] block mb-4 transition-colors\">Actualmente en<\/span>\n <h3 class=\"text-4xl md:text-5xl font-black uppercase text-black leading-none transition-colors\">Can\u00f3nigo Mu\u00f1oz<\/h3>\n <div class=\"w-12 h-1 bg-black\/20 mx-auto mt-6 rounded-full group-hover:bg-white\/20 transition-colors\"><\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n \n\n \n <main id=\"page-blog\" class=\"page-content py-32 px-6\">\n <div class=\"max-w-7xl mx-auto\">\n <header class=\"text-center mb-20 reveal\">\n <div class=\"inline-block px-4 py-1.5 rounded-full bg-lime-400\/10 border border-lime-400\/20 text-lime-400 text-[10px] font-black uppercase tracking-[0.3em] mb-6\">\n Recursos y Experiencias\n <\/div>\n <h2 class=\"text-5xl md:text-8xl font-black tracking-tighter italic uppercase mb-4\">EL BLOG DEL <span class=\"text-lime-400\">SHOW<\/span><\/h2>\n <p class=\"text-gray-400 text-xl max-w-2xl mx-auto font-light\">Contenido educativo para la etapa de primaria, matem\u00e1ticas divertidas y metodolog\u00edas activas.<\/p>\n <\/header>\n\n \n <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">C\u00e1lculo Mental<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Trucos de c\u00e1lculo mental: Sumas y restas con n\u00fameros acabados en 8 o 9<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende la estrategia de aproximar a la decena m\u00e1s cercana para sumar o restar 19, 18, etc. \u00a1Pr\u00e1ctica este atajo!<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\" style=\"transition-delay: 0.1s\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Gamificaci\u00f3n<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Candados digitales: C\u00f3mo crear tu propio Escape Room educativo<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aumenta la motivaci\u00f3n en clase creando retos con c\u00f3digos QR donde los alumnos resuelvan operaciones matem\u00e1ticas.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\" style=\"transition-delay: 0.2s\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Historia<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">El misterio del sistema sexagesimal: \u00bfPor qu\u00e9 60?<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">\u00bfPor qu\u00e9 las horas tienen 60 minutos? Descubre el truco de contar hasta 60 usando las falanges de los dedos.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Divisibilidad<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Divide a simple vista: Los criterios de divisibilidad esenciales<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende los atajos para saber si un n\u00famero es divisible entre 2, 3, 5, 9 o 10 con solo mirarlo.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Fracciones<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">El \"truco de la mariposa\" para dominar las fracciones<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Un m\u00e9todo visual y divertido para sumar y restar fracciones con distinto denominador sin CM.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Geometr\u00eda<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Descubriendo los pol\u00edgonos: Partes y caracter\u00edsticas b\u00e1sicas<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende a diferenciar pol\u00edgonos regulares e irregulares y sus elementos clave: v\u00e9rtices, diagonal y per\u00edmetro.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Geometr\u00eda<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">Clasificaci\u00f3n de tri\u00e1ngulos: Gu\u00eda definitiva para no enredarse<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Seg\u00fan lados o \u00e1ngulos, clasificamos los tri\u00e1ngulos. \u00a1Recuerda: la suma de sus \u00e1ngulos es 180\u00ba!<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Geometr\u00eda<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">C\u00edrculo vs. Circunferencia: Una diferencia crucial<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Diferencia entre el contorno (circunferencia) y el \u00e1rea (c\u00edrculo). Y recuerda el n\u00famero Pi: 3,14.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Fracciones<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">N\u00fameros mixtos: Entendiendo la uni\u00f3n de enteros y fracciones<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende a pasar un n\u00famero mixto a una \u00fanica fracci\u00f3n matem\u00e1ticamente con una f\u00f3rmula directa.<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n\n \n <article class=\"glass p-8 post-card flex flex-col h-full reveal\">\n <span class=\"text-lime-400 text-[10px] font-black uppercase tracking-widest mb-4\">Divisi\u00f3n<\/span>\n <h3 class=\"text-xl font-bold mb-4 leading-snug\">La prueba de la divisi\u00f3n... \u00a1Ojo con el resto si hay decimales!<\/h3>\n <p class=\"text-gray-400 text-sm mb-8 flex-grow\">Aprende por qu\u00e9 el resto de una divisi\u00f3n con decimales no siempre es lo que parece. \u00a1Reto Supercalculator!<\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main w-full px-8 py-2.5 text-[11px] uppercase tracking-widest\">VER YOUTUBE<\/a>\n <\/article>\n <\/div>\n <\/div>\n <\/main>\n\n \n <section id=\"blog-cta\" class=\"py-24 px-6\">\n <div class=\"max-w-6xl mx-auto glass p-12 md:p-24 relative overflow-hidden text-center reveal flex flex-col items-center\">\n <div class=\"absolute inset-0 bg-lime-400\/5 -z-10 animate-pulse\"><\/div>\n <h2 class=\"text-6xl md:text-8xl font-black tracking-tighter mb-8 leading-none italic uppercase\">EL SHOW DE <br> <span class=\"text-lime-400\">APRENDER<\/span><\/h2>\n <p class=\"text-xl md:text-2xl text-gray-400 mb-12 max-w-3xl mx-auto font-light\">\n Sigue aprendiendo con mis recursos y experiencias de aula en v\u00eddeo.\n <\/p>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"btn-main px-8 py-2.5 text-[11px] uppercase tracking-widest group\">\n VER YOUTUBE <i data-lucide=\"external-link\" class=\"ml-2 w-3 h-3 group-hover:translate-x-0.5 group-hover:-translate-y-0.5 transition-transform\"><\/i>\n <\/a>\n <\/div>\n <\/section>\n\n \n <footer class=\"py-12 border-t border-white\/5 text-center px-6 bg-black\/50\">\n <div class=\"flex justify-center gap-12 mb-8 text-gray-500\">\n <a href=\"https:\/\/www.instagram.com\/elshowdeaprender\/?hl=en\" target=\"_blank\" class=\"hover:text-lime-400 transition-transform hover:-translate-y-2 no-underline\"><i data-lucide=\"instagram\" class=\"w-6 h-6\"><\/i><\/a>\n <a href=\"https:\/\/x.com\/HerraezRafa\" target=\"_blank\" class=\"hover:text-lime-400 transition-transform hover:-translate-y-2 no-underline\">\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=\"M4 4l11.733 16h4.267l-11.733 -16z\" \/><path d=\"M4 20l6.768 -6.768m2.46 -2.46l6.772 -6.772\" \/><\/svg>\n <\/a>\n <a href=\"https:\/\/www.youtube.com\/@elshowdeaprender\/videos?app=desktop&view=0&sort=dd&shelf_id=1\" target=\"_blank\" class=\"hover:text-lime-400 transition-transform hover:-translate-y-2 no-underline\"><i data-lucide=\"youtube\" class=\"w-6 h-6\"><\/i><\/a>\n <\/div>\n <p class=\"text-gray-700 text-[10px] uppercase font-black tracking-[0.5em]\">\u00a9 2024 EL SHOW DE APRENDER<\/p>\n <\/footer>\n\n <\/div>\n\n <script>\n lucide.createIcons();\n\n \/\/ Sistema de navegaci\u00f3n SPA\n function showPage(pageId) {\n const pages = ['home', 'blog'];\n pages.forEach(p => {\n const element = document.getElementById('page-' + p);\n if (element) element.classList.remove('page-active');\n });\n const activePage = document.getElementById('page-' + pageId);\n if (activePage) activePage.classList.add('page-active');\n window.scrollTo(0, 0);\n \n \/\/ Re-ejecutar observador de revelado para la nueva p\u00e1gina\n setTimeout(() => {\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n }, 100);\n }\n\n \/\/ Cursor con Inercia\n const cursor = document.getElementById('custom-cursor');\n const followerElem = document.getElementById('cursor-follower');\n const grid = document.getElementById('interactive-grid');\n\n let mouseX = 0, mouseY = 0;\n let followerX = 0, followerY = 0;\n\n document.addEventListener('mousemove', (e) => {\n mouseX = e.clientX;\n mouseY = e.clientY;\n \n cursor.style.left = mouseX + 'px';\n cursor.style.top = mouseY + 'px';\n\n const xRotation = (mouseY \/ window.innerHeight - 0.5) * 10;\n const yRotation = (mouseX \/ window.innerWidth - 0.5) * -10;\n grid.style.transform = `perspective(1000px) rotateX(${xRotation}deg) rotateY(${yRotation}deg)`;\n });\n\n function updateFollower() {\n followerX += (mouseX - followerX) * 0.1;\n followerY += (mouseY - followerY) * 0.1;\n if (followerElem) {\n followerElem.style.left = (followerX - 20) + 'px';\n followerElem.style.top = (followerY - 20) + 'px';\n }\n requestAnimationFrame(updateFollower);\n }\n updateFollower();\n\n \/\/ Barra de Scroll\n window.addEventListener('scroll', () => {\n const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\n const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\n const scrolled = (winScroll \/ height) * 100;\n const progress = document.getElementById('scroll-progress');\n if (progress) progress.style.width = scrolled + \"%\";\n grid.style.backgroundPositionY = winScroll * 0.2 + 'px';\n });\n\n \/\/ Hovers Interactivos\n const targets = document.querySelectorAll('a, button, .glass, .badge-gradient, .post-card');\n targets.forEach(el => {\n el.addEventListener('mouseenter', () => {\n cursor.style.transform = 'scale(6)';\n cursor.style.opacity = '0.2';\n if (followerElem) {\n followerElem.style.transform = 'scale(1.5)';\n followerElem.style.borderColor = 'white';\n }\n });\n el.addEventListener('mouseleave', () => {\n cursor.style.transform = 'scale(1)';\n cursor.style.opacity = '1';\n if (followerElem) {\n followerElem.style.transform = 'scale(1)';\n followerElem.style.borderColor = 'rgba(190, 242, 100, 0.3)';\n }\n });\n });\n\n \/\/ Intersection Observer\n const revealObserver = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('active');\n }\n });\n }, { threshold: 0.15 });\n\n document.querySelectorAll('.reveal').forEach(el => revealObserver.observe(el));\n\n window.addEventListener('load', () => {\n const firstReveal = document.querySelector('.reveal');\n if (firstReveal) firstReveal.classList.add('active');\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>El Show de Aprender \u2013 Blog y Maestro | Rafa EL SHOW DE APRENDER document.getElementById(\u2018actualidad\u2019).scrollIntoView(), 100)\u00bb>Actualidad Blog YOUTUBE Maestro de Educaci\u00f3n Primaria HOLA, SOY RAFA. Desde Utiel para el mundo, transformo el aula en un espect\u00e1culo educativo donde la m\u00fasica y el movimiento son los protagonistas. EXPLORAR EL BLOG SOBRE M\u00cd\u2026 \u00abSoy Rafa y vivo […]<\/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-2703","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages\/2703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2703"}],"version-history":[{"count":27,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages\/2703\/revisions"}],"predecessor-version":[{"id":2759,"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=\/wp\/v2\/pages\/2703\/revisions\/2759"}],"wp:attachment":[{"href":"https:\/\/elshowdeaprender.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}