{"id":453,"date":"2025-05-15T07:49:14","date_gmt":"2025-05-15T07:49:14","guid":{"rendered":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=453"},"modified":"2026-02-27T16:25:24","modified_gmt":"2026-02-27T16:25:24","slug":"diseno-de-materiales-y-moodle-para-cursos-del-cefire","status":"publish","type":"post","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=453","title":{"rendered":"Dise\u00f1o de materiales y Moodle para cursos del CEFIRE"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile has-light-green-cyan-background-color has-background\"><figure  class=\"wp-block-media-text__media\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" alt=\"\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/e9c655cf-1759-4540-9490-1cc25304ffe8.png?resize=1024%2C1024&#038;ssl=1\" class=\"wp-image-468 size-full\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/e9c655cf-1759-4540-9490-1cc25304ffe8.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/e9c655cf-1759-4540-9490-1cc25304ffe8.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/e9c655cf-1759-4540-9490-1cc25304ffe8.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/e9c655cf-1759-4540-9490-1cc25304ffe8.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-secondary-color has-text-color has-link-color wp-elements-5e1a6ee099f1f07595bbccf80a918482\">Recientemente me han vuelto a contactar para impartir formaci\u00f3n al profesorado en la Comunidad Valenciana. En esta entrada quiero compartir algunos recursos y estrategias que he creado para optimizar el proceso de dise\u00f1o de materiales y adaptar su est\u00e9tica a la imagen visual corporativa del CEFIRE.<\/p>\n<\/div><\/div>\n\n\n\n<p>Recientemente me han vuelto a contactar para impartir formaci\u00f3n al profesorado en la Comunidad Valenciana, a trav\u00e9s del <a href=\"https:\/\/portal.edu.gva.es\/cefire\/\">CEFIRE<\/a>. En esta ocasi\u00f3n, la formaci\u00f3n se organiza desde el <a href=\"https:\/\/www.gva.es\/va\/inicio\/atencion_ciudadano\/buscadores\/departamentos\/detalle_departamentos?id_dept=15869\">SOGERE<\/a> en colaboraci\u00f3n con el CEFIRE, y he tenido que desarrollar los materiales para un curso alojado en <a href=\"https:\/\/portal.edu.gva.es\/aules\/\">Aules<\/a>.<\/p>\n\n\n\n<p>En esta entrada quiero compartir algunos recursos y estrategias que he creado para optimizar el proceso de dise\u00f1o de materiales y adaptar su est\u00e9tica a la imagen visual corporativa del CEFIRE. Ir\u00e9 de lo m\u00e1s b\u00e1sico a lo m\u00e1s avanzado.<\/p>\n\n\n\n<p>Tratar\u00e9 temas como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uso de etiquetas&nbsp;<strong>mlang<\/strong>&nbsp;para ofrecer contenidos en los dos idiomas cooficiales.<\/li>\n\n\n\n<li>Creaci\u00f3n de&nbsp;<strong>banners<\/strong>&nbsp;con c\u00f3digos de color HEX adecuados.<\/li>\n\n\n\n<li>Combinaci\u00f3n de banners y etiquetas mlang.<\/li>\n\n\n\n<li>Uso de&nbsp;<strong>iconos<\/strong>, descripciones de secciones en Moodle y secciones colapsables..<\/li>\n\n\n\n<li>Creaci\u00f3n de&nbsp;<strong>bancos de preguntas<\/strong>,&nbsp;<strong>mapas mentales<\/strong>&nbsp;y&nbsp;<strong>podcasts<\/strong>&nbsp;a partir del material.<\/li>\n\n\n\n<li>Y, por \u00faltimo, compartir\u00e9 un estilo&nbsp;<strong>CSS para Joplin<\/strong>&nbsp;que permite generar manuales con un dise\u00f1o coherente.<\/li>\n<\/ul>\n\n\n\n<p>Es posible que no todos los apartados te resulten de inter\u00e9s, as\u00ed que si lo deseas, puedes ir directamente a las secciones que m\u00e1s te llamen la atenci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Etiquetas mlang<\/h2>\n\n\n\n<p>Ya <a href=\"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=432\">he hablado anteriormente en este blog<\/a> sobre las etiquetas&nbsp;<em>mlang<\/em>. Cuando se crean materiales en varios idiomas, Moodle permite filtrar la visibilidad de los elementos seg\u00fan el idioma del usuario. Las etiquetas&nbsp;<code>{mlang}<\/code>&nbsp;permiten mostrar un solo elemento con contenido en diferentes idiomas, sin necesidad de duplicarlo.<\/p>\n\n\n\n<p>Por ejemplo, si tienes un PDF por idioma, s\u00ed ser\u00e1 necesario subir un archivo por cada idioma y configurar su disponibilidad. Sin embargo, para descripciones de secciones, t\u00edtulos o preguntas de cuestionarios, puedes escribir un \u00fanico contenido usando&nbsp;<code>{mlang}<\/code>. As\u00ed, cada usuario ver\u00e1 el texto correspondiente a su idioma configurado en Moodle.<\/p>\n\n\n\n<p>Estas etiquetas tambi\u00e9n son muy \u00fatiles para los cuestionarios: si las usas correctamente en el banco de preguntas, tanto las preguntas como las respuestas y el feedback se mostrar\u00e1n en el idioma adecuado.<\/p>\n\n\n\n<p>Eso s\u00ed, el trabajo reside en redactar los textos en ambos idiomas y aplicar correctamente las etiquetas. Para facilitar esta tarea, he creado un&nbsp;<strong>GPT personalizado<\/strong>&nbsp;que traduce al idioma solicitado y a\u00f1ade las etiquetas mlang autom\u00e1ticamente:<\/p>\n\n\n\n<p>\ud83d\udc49\u00a0<em><a href=\"https:\/\/chatgpt.com\/g\/g-6810e961ea38819186efbd34c648c780-translate-and-insert-mlang-or-mlang\" target=\"_blank\" rel=\"noreferrer noopener\">Translate and insert mlang<\/a><\/em><\/p>\n\n\n\n<p>Este GPT funciona con m\u00faltiples idiomas, pero si solo necesitas traducir entre castellano y valenciano, puedes usar directamente este otro, que detecta el idioma de Moodle (por ejemplo,&nbsp;<em>catal\u00e1n<\/em>&nbsp;o&nbsp;<em>valenciano<\/em>) y realiza la traducci\u00f3n desde el castellano aplicando correctamente las etiquetas mlang (<code>{mlang cat}<\/code>&nbsp;o&nbsp;<code>{mlang cat_valencia}<\/code>):<\/p>\n\n\n\n<p>\ud83d\udc49&nbsp;<em><a href=\"https:\/\/chatgpt.com\/g\/g-67f63da6344c8191ae98d143f16194c8-mlang-traductor-es-cat-val\">mlang traductor ES-CAT(VAL)<\/a><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Banners<\/h2>\n\n\n\n<p>Un&nbsp;<em>banner<\/em>&nbsp;es un bloque visual destacado que se utiliza para resaltar informaci\u00f3n dentro de una p\u00e1gina web o una plataforma como Moodle. Normalmente se presenta como un t\u00edtulo o secci\u00f3n con un fondo llamativo y un estilo visual atractivo (colores, tipograf\u00eda, iconos, etc.).<\/p>\n\n\n\n<p>En el contexto de los materiales para cursos en Aules, los&nbsp;<em>banners<\/em>&nbsp;ayudan a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Organizar visualmente el contenido.<\/li>\n\n\n\n<li>Identificar secciones importantes.<\/li>\n\n\n\n<li>Mejorar la est\u00e9tica y la coherencia con la imagen corporativa del CEFIRE.<\/li>\n<\/ul>\n\n\n\n<p>Por ejemplo, un banner puede tener un fondo con un&nbsp;<strong>gradiente de color<\/strong>&nbsp;y texto en&nbsp;<strong>negrita<\/strong>&nbsp;para marcar claramente el inicio de una nueva unidad o apartado.<\/p>\n\n\n\n<p>Si bien se le puede pedir a una IA que nos genere el c\u00f3digo html para crear un Banner, vamos a presentar un GPT personalizado que ya lo hace con algunas opciones por defecto (aunque todas se podr\u00edan cambiar):<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Encabezado&nbsp;<code>&lt;h3&gt;<\/code>.<\/li>\n\n\n\n<li>Fondo con gradiente entre dos colores (#cdffd8 y #93b9ff); que son los colores corporativos de CEFIRE actualmente.<\/li>\n\n\n\n<li>Texto en negro.<\/li>\n<\/ul>\n\n\n\n<p>Y, adem\u00e1s tambi\u00e9n con traducci\u00f3n mlang directamente a {mlang ca_valencia}  es el paquete de idioma instalado en Aules:<\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/chatgpt.com\/g\/g-67eab16cb7348191bbaf608aa7500c63-creador-de-banner-html-cefire-amb-filtres-mlang\">Creador de Banner HTML CEFIRE amb filtres mlang<\/a><\/p>\n\n\n\n<span class=\"filter-multilang-tag\">{mlang es}<\/span>\n<h1 style=\"background: linear-gradient(to right, #cdffd8, #93b9ff); color: black;\">&nbsp;Gu\u00eda Did\u00e1ctica y Temporalizaci\u00f3n<\/h1>\n<span class=\"filter-multilang-tag\">{mlang}<\/span>\n<span class=\"filter-multilang-tag\">{mlang other}<\/span>\n<h1 style=\"background: linear-gradient(to right, #cdffd8, #93b9ff); color: black;\">&nbsp;Guia Did\u00e0ctica i Temporalitzaci\u00f3<\/h1>\n<span class=\"filter-multilang-tag\">{mlang}<\/span>\n\n\n\n<h2 class=\"wp-block-heading\">Creaci\u00f3n de Iconos<\/h2>\n\n\n\n<p>Puede ser que nos interese tambi\u00e9n crear algunos iconos para usar. As\u00ed que presento aqu\u00ed una herramienta dise\u00f1ada para generar im\u00e1genes e iconos isom\u00e9tricos en 3D con un estilo moderno, minimalista y coherente. Su objetivo es facilitar la creaci\u00f3n r\u00e1pida de recursos visuales con una est\u00e9tica uniforme, utilizando una paleta de colores suaves y tonos acordes a la imagen visual corporativa del CEFIRE. Ideal para representar conceptos educativos, objetos, entornos y materiales digitales con un acabado profesional y amigable.<\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/chatgpt.com\/g\/g-6822169b05088191826e1493e66442e1-creador-iconos-cefire\">Creador iconos CEFIRE<\/a><br><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"460\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-2.png?resize=1024%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-460\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-2.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-2.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-2.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-2.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"461\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-3.png?resize=1024%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-461\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-3.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-3.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-3.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-3.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"463\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-4.png?resize=1024%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-463\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-4.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-4.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-4.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-4.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"462\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-5.png?resize=1024%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-462\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-5.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-5.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-5.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT-5.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" data-id=\"464\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT.png?resize=1024%2C1024&#038;ssl=1\" alt=\"\" class=\"wp-image-464\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT.png?w=1024&amp;ssl=1 1024w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT.png?resize=300%2C300&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT.png?resize=150%2C150&amp;ssl=1 150w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Mi-imagen-de-ChatGPT.png?resize=768%2C768&amp;ssl=1 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n<\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Descripciones de apartados<\/h2>\n\n\n\n<p>En Moodle todos los elementos pueden tener una peque\u00f1a descripci\u00f3n, que indica r\u00e1pidamente al usuario qu\u00e9 encontrar\u00e1 en ellos o qu\u00e9 debe hacer con ellos. Siguiendo la filosof\u00eda de esto, una gu\u00eda r\u00e1pida visual del elemento descrito, me gusta que estas descripciones sea breves, amigables y visuales. Por lo que recomiendo la inclusi\u00f3n de emojis en ellas. Para ello, tengo otro GPT personalizado que tiene dos modos de funcionamiento que a continuaci\u00f3n explico.<\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/chatgpt.com\/g\/g-ajfKfF7rC-emoji-enhancer\">Emoji Enhancer<\/a><\/p>\n\n\n\n<p>Emoji Enhancer es una herramienta dise\u00f1ada para mejorar visualmente los textos mediante el uso estrat\u00e9gico de emojis. Su objetivo es reforzar mensajes clave y dar un toque m\u00e1s expresivo a la comunicaci\u00f3n escrita, sin perder claridad ni profesionalismo.<\/p>\n\n\n\n<p>Cuenta con dos modos de funcionamiento:<\/p>\n\n\n\n<p>\ud83d\udd39&nbsp;<strong>\/simplemoji<\/strong>: A\u00f1ade emojis junto a palabras clave sin modificar el texto original. Es ideal para quienes desean mantener la estructura del mensaje intacta y solo resaltar visualmente ciertos elementos.<\/p>\n\n\n\n<p>\ud83d\udd39&nbsp;<strong>\/devemoji<\/strong>: Adem\u00e1s de incorporar emojis, realiza ligeras modificaciones al texto para hacerlo m\u00e1s c\u00e1lido, cercano y accesible. El mensaje no cambia en esencia, pero adopta un tono m\u00e1s conversacional.<\/p>\n\n\n\n<p>Una vez creado el texto, \u00e9ste se puede pasar a <em><a href=\"https:\/\/chatgpt.com\/g\/g-67f63da6344c8191ae98d143f16194c8-mlang-traductor-es-cat-val\">mlang traductor ES-CAT(VAL)<\/a><\/em> y as\u00ed adem\u00e1s ya lo tenemos en ambos idiomas.<\/p>\n\n\n\n<p>Ejemplo:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>El curso&nbsp;<strong>est\u00e1&nbsp;finalizando<\/strong>&nbsp;\u23f3. Esperamos que os haya resultado interesante \u2728 y sea de utilidad para vuestras clases \ud83d\udcda. Como \u00faltima tarea, os agradecer\u00edamos que rellenarais la&nbsp;<strong>encuesta de valoraci\u00f3n del curso<\/strong>&nbsp;\ud83d\udcdd; tambi\u00e9n nos es muy \u00fatil cualquier comentario que quer\u00e1is hacernos llegar por&nbsp;<strong>correo electr\u00f3nico<\/strong>&nbsp;\ud83d\udce7 para poder mejorar en futuras ediciones de este curso \ud83d\udd04.<\/p>\n<\/blockquote>\n\n\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-6c531013 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full is-resized\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"916\" height=\"328\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.18.45.png?resize=916%2C328&#038;ssl=1\" alt=\"\" class=\"wp-image-465\" style=\"width:555px;height:auto\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.18.45.png?w=916&amp;ssl=1 916w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.18.45.png?resize=300%2C107&amp;ssl=1 300w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.18.45.png?resize=768%2C275&amp;ssl=1 768w\" sizes=\"auto, (max-width: 916px) 100vw, 916px\" \/><\/figure>\n\n\n\n<p>Ejemplo con banner, icono y descripci\u00f3n.<\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Secciones Colapsables<\/h2>\n\n\n\n<p>Una&nbsp;<strong>secci\u00f3n colapsable<\/strong>&nbsp;en HTML es un bloque de contenido que el usuario puede expandir o contraer haciendo clic, normalmente en un encabezado o resumen. Esto permite mostrar contenido adicional&nbsp;<strong>de forma opcional y ordenada<\/strong>, sin sobrecargar la p\u00e1gina visualmente.<\/p>\n\n\n\n<p>Se usa el elemento&nbsp;<code>&lt;details&gt;<\/code>&nbsp;junto con&nbsp;<code>&lt;summary&gt;<\/code>:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>&lt;details&gt;<\/code>: define el contenedor colapsable.<\/li>\n\n\n\n<li><code>&lt;summary&gt;<\/code>: es el texto visible en forma de t\u00edtulo que se puede hacer clic.<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code><code>&lt;details&gt;\n  &lt;summary&gt;Ver detalles del producto&lt;\/summary&gt;\n  &lt;p&gt;Este producto est\u00e1 fabricado con materiales reciclados y cuenta con garant\u00eda de 2 a\u00f1os.&lt;\/p&gt;\n&lt;\/details&gt;<\/code><\/code><\/pre>\n\n\n\n<p>\ud83d\udd39 Al principio solo se ve el texto&nbsp;<strong>\u00abVer detalles del producto\u00bb<\/strong>.<br>\ud83d\udd39 Al hacer clic, se despliega el contenido adicional.<\/p>\n\n\n\n<p>Esto se puede crear f\u00e1cilmente usando el esquema anterior o pidi\u00e9ndoselo a una IA con un prompt como el siguiente:<\/p>\n\n\n\n<pre class=\"wp-block-code has-vivid-green-cyan-color has-secondary-background-color has-text-color has-background has-link-color wp-elements-f129a68f10132432a957dbfa10f55527\"><code>\"Crea una secci\u00f3n colapsable en HTML que diga &#91;Texto de t\u00edtulo] y al abrirse muestre &#91;texto a desplegar]\"<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Creaci\u00f3n de Bancos de preguntas<\/h2>\n\n\n\n<p>Aqu\u00ed me explayo extensamente sobre c\u00f3mo crear bancos de preguntas para Moodle apoyado por diferentes herramientas de Inteligencia artificial:<\/p>\n\n\n\n<p>\ud83d\udc49 <a href=\"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=432\">https:\/\/elpulpoenelvaso.jlmirall.es\/?p=432<\/a><\/p>\n\n\n\n<p>Resumiendo la entrada anterior, aqu\u00ed tienes un listado de todas las herramientas que he creado y la explicaci\u00f3n de su funci\u00f3n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>GPTs para creaci\u00f3n del texto de las preguntas:\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/chatgpt.com\/g\/g-680d02ef62648191b6c08d39e830629c-bloombot\">BloomBot<\/a>:<\/strong>&nbsp;Para crear preguntas seg\u00fan las taxonom\u00edas de Bloom.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/chatgpt.com\/g\/g-680d03d14ae48191a9b02eaddcfbd856-mindbloom\">MindBloom<\/a>:<\/strong>&nbsp;Para crear retroalimentaciones a cada respuesta posible del cuestionario.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/chatgpt.com\/g\/g-680d04e3cc188191a1e6a305ae665490-bloomboom\">BloomBoom<\/a>:<\/strong>&nbsp;Para hacer m\u00e1s complicados (o divertidos) los cuestionarios.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>GPTs para adaptar las preguntas a formato GIFT\n<ul class=\"wp-block-list\">\n<li><a href=\"https:\/\/chat.openai.com\/g\/g-DMITelbMi-moodle-gift-multiple-choice-quiz-eleccion\"><strong>Respuesta M\u00faltiple<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/chat.openai.com\/g\/g-wP4EoSSER-moodle-gift-true-false-generator-verdadero-falso\"><strong>Verdadero\/Falso<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/chat.openai.com\/g\/g-tm0z0SOJb-moodle-gift-match-generator-empareja\"><strong>Emparejar<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/chat.openai.com\/g\/g-Yr9VZ5prn-moodle-gift-missing-word-generator-palabra\"><strong>Palabra faltante<\/strong><\/a><\/li>\n\n\n\n<li><a href=\"https:\/\/chat.openai.com\/g\/g-zRfu0kBE6-moodle-gift-short-answer-generator-resp-corta\"><strong>Respuesta Corta<\/strong><\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Creaci\u00f3n de Mapas Mentales<\/h2>\n\n\n\n<p>Aqu\u00ed tienes una explicaci\u00f3n de c\u00f3mo crear mapas interactivos: <a href=\"https:\/\/educacion.bilateria.org\/diagramas-en-arbol-con-ia-y-markmap\">https:\/\/educacion.bilateria.org\/diagramas-en-arbol-con-ia-y-markmap<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Podcasts a partir de los materiales<\/h2>\n\n\n\n<p>Usando Google <a href=\"https:\/\/notebooklm.google.com\">NotebookLM<\/a> puede crear res\u00famenes de audio de materiales: <a href=\"https:\/\/educacion.bilateria.org\/aplicaciones-docentes-de-google-notebooklm\">https:\/\/educacion.bilateria.org\/aplicaciones-docentes-de-google-notebooklm<\/a><\/p>\n\n\n\n<p>Alternativamente, si quieres un control m\u00e1s estricto de todo lo que dice el podcast, aunque se pierde la interacci\u00f3n entre dos interlocutores como NotebookLM, puedes decirle a ChatGPT que vuelva a repetir un texto que le has introducido sin decir nada, y luego solicitarle que lea la respuesta, con lo que tienes igualmente un texto locutado. Con cualquier grabador de audio interno del ordenador, puedes conseguir el audio.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Estilo CSS en Joplin<\/h2>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-3 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"651\" height=\"682\" data-id=\"466\" src=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.20.48.png?resize=651%2C682&#038;ssl=1\" alt=\"\" class=\"wp-image-466\" srcset=\"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.20.48.png?w=651&amp;ssl=1 651w, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/Captura-de-pantalla-2025-05-13-a-las-17.20.48.png?resize=286%2C300&amp;ssl=1 286w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/figure>\n<\/figure>\n\n\n\n<p><a href=\"https:\/\/joplinapp.org\">Joplin<\/a> es una aplicaci\u00f3n de c\u00f3digo abierto dise\u00f1ada para tomar notas, gestionar tareas y organizar informaci\u00f3n de forma estructurada. Una de sus principales ventajas es que permite trabajar con formato <a href=\"https:\/\/www.markdownguide.org\">Markdown<\/a>, lo que facilita la creaci\u00f3n de contenido bien estructurado, tanto en texto plano como con formato enriquecido. Adem\u00e1s, Joplin est\u00e1 disponible en m\u00faltiples plataformas, lo que permite sincronizar notas entre dispositivos y tener acceso a la informaci\u00f3n en todo momento.<\/p>\n\n\n\n<p>Una de las funciones m\u00e1s \u00fatiles de Joplin es la posibilidad de <a href=\"https:\/\/joplinapp.org\/help\/apps\/import_export\/\">exportar notas o libretas completas en formato HTM<\/a>L. Esta caracter\u00edstica convierte las notas escritas en documentos web est\u00e1ticos que pueden visualizarse f\u00e1cilmente en cualquier navegador. Esta exportaci\u00f3n genera archivos HTML organizados y funcionales, lo que permite reutilizar las notas como base para materiales educativos, documentaci\u00f3n t\u00e9cnica, presentaciones o incluso peque\u00f1as p\u00e1ginas web personales.<\/p>\n\n\n\n<p>Al exportar contenido desde Joplin en HTML, se abre tambi\u00e9n la posibilidad de personalizar su aspecto visual mediante CSS. Aunque los archivos exportados incluyen un formato b\u00e1sico, podemos modificar su estilo para adaptarlo a diferentes usos y mejorar su presentaci\u00f3n. Al aplicar CSS, es posible cambiar tipograf\u00edas, colores, m\u00e1rgenes, y otros aspectos visuales, transformando as\u00ed una simple nota en un documento profesional y visualmente atractivo.<\/p>\n\n\n\n<p>Este enfoque resulta especialmente \u00fatil para quienes desean crear materiales digitales bien presentados a partir de sus notas personales, sin necesidad de herramientas complejas ni conocimientos avanzados de dise\u00f1o web. Simplemente redactando en Joplin y exportando el contenido, se obtiene una base HTML lista para ser estilizada seg\u00fan las necesidades del proyecto.<\/p>\n\n\n\n<p>Aqu\u00ed se indica d\u00f3nde est\u00e1 el archivo css que se debe modificar para que aplique el estilo: <a href=\"https:\/\/joplinapp.org\/help\/apps\/custom_css\/\">https:\/\/joplinapp.org\/help\/apps\/custom_css\/<\/a><\/p>\n\n\n\n<p>Yo me he creado mi propio archivo de CSS utilizando los colores del CEFIRE. Primero te explico qu\u00e9 caracter\u00edsticas tiene y luego te presento el c\u00f3digo que debes introducir en la configuraci\u00f3n de css de Joplin para poder usarlo:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83c\udfa8&nbsp;<strong>Estilo general y variables (<code>:root<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83e\uddf1 Define variables reutilizables para colores, tama\u00f1os y m\u00e1rgenes.<\/li>\n\n\n\n<li>\ud83c\udfa8 Paleta de colores:\n<ul class=\"wp-block-list\">\n<li>Texto:&nbsp;<code>#40464f<\/code><\/li>\n\n\n\n<li>Primario (detalles y enlaces):&nbsp;<code>#93b9ff<\/code><\/li>\n\n\n\n<li>Fondo principal:&nbsp;<code>#f8f7f2<\/code>&nbsp;(tono crema suave)<\/li>\n\n\n\n<li>Marcadores de lista:&nbsp;<code>#a2b6d4<\/code><\/li>\n\n\n\n<li>Resaltado de texto:&nbsp;<code>#ffffb5c2<\/code><\/li>\n\n\n\n<li>Bloques y c\u00f3digo:&nbsp;<code>#cdffd8<\/code><\/li>\n\n\n\n<li>Sombra en im\u00e1genes:&nbsp;<code>#e3e8f0<\/code><\/li>\n\n\n\n<li>Enlaces:&nbsp;<code>#0066cc<\/code>&nbsp;y hover en&nbsp;<code>#0055aa<\/code><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd8b\ufe0f&nbsp;<strong>Tipograf\u00eda y cuerpo del documento<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udcdd Usa fuentes limpias como&nbsp;<code>'Cantarell'<\/code>&nbsp;o&nbsp;<code>'Arial'<\/code>.<\/li>\n\n\n\n<li>\ud83e\uddd8 Fondo claro y centrado, con justificaci\u00f3n del texto para mejorar la lectura.<\/li>\n\n\n\n<li>\ud83d\udcd0 M\u00e1rgenes y ancho adaptativos con&nbsp;<code>clamp()<\/code>&nbsp;y&nbsp;<code>calc()<\/code>&nbsp;para m\u00e1xima responsividad.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\udde9&nbsp;<strong>Encabezados (<code>h1<\/code>&nbsp;a&nbsp;<code>h6<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udf08 Encabezados&nbsp;<code>h1<\/code>&nbsp;y&nbsp;<code>h2<\/code>&nbsp;llevan un degradado de fondo entre&nbsp;<code>#cdffd8<\/code>&nbsp;y&nbsp;<code>#93b9ff<\/code>.<\/li>\n\n\n\n<li>\ud83d\udd22 Numeraci\u00f3n jer\u00e1rquica autom\u00e1tica tipo&nbsp;<code>1.<\/code>,&nbsp;<code>1.1.<\/code>,&nbsp;<code>1.1.1.<\/code>, etc.<\/li>\n\n\n\n<li>\ud83d\udcce Iconos de copia ocultos salvo cuando se pasa el cursor.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd17&nbsp;<strong>Enlaces (<code>a<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udd35 Coloreados en&nbsp;<code>#0066cc<\/code>, cambian a&nbsp;<code>#0055aa<\/code>&nbsp;al pasar el cursor.<\/li>\n\n\n\n<li>\u2712\ufe0f Subrayado sutil con desplazamiento para mejorar la est\u00e9tica.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\uddd1\u200d\ud83d\udcbb&nbsp;<strong>C\u00f3digo (<code>code<\/code>,&nbsp;<code>pre<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udcbe Fondo verde claro&nbsp;<code>#cdffd8<\/code>, fuente monoespaciada y dise\u00f1o limpio.<\/li>\n\n\n\n<li>\ud83d\udce6 Los bloques de c\u00f3digo (<code>pre<\/code>) tienen padding, bordes redondeados y scroll horizontal si es necesario.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udccb&nbsp;<strong>Listas (<code>ul<\/code>,&nbsp;<code>ol<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u2705 M\u00e1rgenes y sangr\u00edas uniformes.<\/li>\n\n\n\n<li>\ud83d\udd39 Los marcadores tienen el color&nbsp;<code>#a2b6d4<\/code>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\uddf1&nbsp;<strong>P\u00e1rrafos y bloques<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udcc4 Los p\u00e1rrafos respetan m\u00e1rgenes laterales y est\u00e1n justificados.<\/li>\n\n\n\n<li>\ud83d\udcac Citas (<code>blockquote<\/code>) con borde izquierdo en&nbsp;<code>#93b9ff<\/code>&nbsp;y fondo&nbsp;<code>#cdffd8<\/code>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\u2796&nbsp;<strong>L\u00edneas horizontales (<code>hr<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udf08 Usan un degradado entre&nbsp;<code>#cdffd8<\/code>&nbsp;y&nbsp;<code>#93b9ff<\/code>, igual que los encabezados.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcca&nbsp;<strong>Tablas<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83e\uddfe Se adaptan al ancho disponible con scroll horizontal si es necesario.<\/li>\n\n\n\n<li>\ud83c\udfa8 Bordes en&nbsp;<code>#d9dfe4<\/code>&nbsp;y encabezados en color primario&nbsp;<code>#93b9ff<\/code>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\uddc2\ufe0f&nbsp;<strong>Callouts personalizados (<code>b-gray<\/code>,&nbsp;<code>b-cefire<\/code>, etc.)<\/strong><\/h3>\n\n\n\n<p>Cada uno representa un tipo de mensaje destacado:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><code>b-gray<\/code>: fondo&nbsp;<code>#e9edf0<\/code>, borde&nbsp;<code>#b1bcc2<\/code><\/li>\n\n\n\n<li><code>b-green<\/code>: fondo&nbsp;<code>#cdffd8<\/code>, borde igual<\/li>\n\n\n\n<li><code>b-red<\/code>: fondo&nbsp;<code>#fad3d4<\/code>, borde&nbsp;<code>#f65354<\/code><\/li>\n\n\n\n<li><code>b-blue<\/code>: fondo&nbsp;<code>#d3e5fa<\/code>, borde&nbsp;<code>#93b9ff<\/code><\/li>\n\n\n\n<li><code>b-orange<\/code>: fondo&nbsp;<code>#faf3d3<\/code>, borde&nbsp;<code>#cf7506<\/code><\/li>\n\n\n\n<li><code>b-purple<\/code>: fondo&nbsp;<code>#ead9fb<\/code>, borde&nbsp;<code>#af74e8<\/code><\/li>\n\n\n\n<li><code>b-pink<\/code>: fondo&nbsp;<code>#fad3e5<\/code>, borde&nbsp;<code>#ed5393<\/code><\/li>\n<\/ul>\n\n\n\n<p>\ud83d\udd37&nbsp;<strong><code>b-cefire<\/code><\/strong>&nbsp;dise\u00f1o con los colores corporativos de CEFIRE:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83c\udf08&nbsp;<strong>Fondo en degradado<\/strong>&nbsp;suave desde&nbsp;<code>rgba(205, 255, 216, 0.4)<\/code>&nbsp;hasta&nbsp;<code>rgba(147, 185, 255, 0.4)<\/code><\/li>\n\n\n\n<li>\ud83d\udd35&nbsp;<strong>Borde lateral izquierdo en&nbsp;<code>#93b9ff<\/code><\/strong><\/li>\n\n\n\n<li>\ud83c\udfaf Ideal para destacar contenidos educativos o institucionales<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\uddbc\ufe0f&nbsp;<strong>Im\u00e1genes (<code>img<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\uddbc Centradas y escalables (<code>max-width: 100%<\/code>) con sombra&nbsp;<code>#e3e8f0<\/code>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udd3d&nbsp;<strong>Secciones colapsables (<code>summary<\/code>,&nbsp;<code>details<\/code>)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udcc2 Margen y ancho coherente con el resto del contenido.<\/li>\n\n\n\n<li>\ud83d\udc46&nbsp;<code>summary<\/code>&nbsp;tiene cursor tipo \u00abpointer\u00bb para indicar que se puede hacer clic.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83e\uddec&nbsp;<strong>Diagramas Mermaid<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udcca Estilo minimalista y responsivo.<\/li>\n\n\n\n<li>\ud83e\uddee Fondo transparente, sin bordes ni rellenos.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\">\ud83d\udcf1&nbsp;<strong>Media queries (adaptaci\u00f3n a m\u00f3viles)<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\ud83d\udd27 Ajustes en m\u00e1rgenes, paddings y justificaci\u00f3n para mejorar la experiencia en pantallas peque\u00f1as (&lt; 480px).<\/li>\n\n\n\n<li>\ud83d\udcd0 Tablas y encabezados se reajustan para evitar desbordamientos.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Este es el c\u00f3digo que debe figurar en el archivo: userstyle.css<\/p>\n\n\n\n<pre class=\"wp-block-code has-vivid-green-cyan-color has-black-background-color has-text-color has-background has-link-color wp-elements-a351428012e6dcac8eaafb6a35d97b51\"><code>\/* RENDERIZADO *\/\n:root {\n    --text-color: #40464f;\n    --primary-color: #93b9ff;\n    --bg-color: #f8f7f2; \/* Color de fondo actualizado a tono crema suave *\/\n    --side-bar-bg-color: var(--bg-color);\n    --marker-color: #a2b6d4;\n    --highlight-color: #ffffb5c2;\n    --header-span-color: var(--primary-color);\n    --block-bg-color: #cdffd8;\n    --img-shadow-color: #e3e8f0;\n    --heading-bgcolor: unset;\n    --preformatted-text-bgcolor: var(--block-bg-color);\n    --link-color: #0066cc;\n    --container-width: min(90%, 1200px); \/* Limitamos el ancho m\u00e1ximo y usamos min() para responsividad *\/\n    --heading-padding: 15px; \/* Padding consistente para encabezados *\/\n    --content-margin: clamp(15px, 3%, 30px); \/* Margen adaptativo *\/\n    --content-width: calc(100% - (var(--content-margin) * 2)); \/* Ancho adaptativo *\/\n}\n\nbody {\n    color: var(--text-color);\n    background-color: var(--bg-color);\n    font-family: 'Cantarell', 'Arial', sans-serif;\n    line-height: 1.6;\n    text-align: justify;\n    counter-reset: h2counter;\n    margin: 0 auto; \/* Centrado de contenido *\/\n    padding: 0 10px; \/* Padding para evitar que el contenido toque los bordes *\/\n    box-sizing: border-box;\n    max-width: 100%;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-family: 'Arial', sans-serif;\n    color: var(--text-color);\n    padding: 0;\n    background-color: unset;\n    border-bottom: unset;\n    margin-left: 0; \/* Alineados al margen izquierdo *\/\n    box-sizing: border-box;\n    width: 100%;\n    text-align: left; \/* Evita justificaci\u00f3n en encabezados *\/\n}\n\nh1 {\n    background: linear-gradient(to right, #cdffd8, #93b9ff);\n    width: 100%;\n    color: #40464f;\n    padding: var(--heading-padding);\n    margin: 0 0 2.3rem 0;\n    font-size: clamp(1.5rem, 5vw, 2rem); \/* Tama\u00f1o de fuente adaptativo *\/\n    border-radius: 0; \/* Sin border-radius *\/\n}\n\nh2 {\n    background: linear-gradient(to right, #cdffd8, #93b9ff);\n    width: 100%;\n    color: #40464f;\n    padding: var(--heading-padding);\n    border-radius: 0; \/* Sin border-radius *\/\n    display: block;\n    margin: 0.3em 0;\n    font-size: clamp(1.2rem, 4vw, 1.5rem); \/* Tama\u00f1o de fuente adaptativo *\/\n    counter-reset: h3counter;\n}\n\nh3 {\n    color: var(--primary-color);\n    margin: 1em 0 1em 0; \/* Mismo nivel que h1 y h2 *\/\n    font-size: clamp(1.1rem, 3.5vw, 1.4rem); \/* Tama\u00f1o de fuente adaptativo *\/\n    counter-reset: h4counter;\n    padding-left: var(--heading-padding);\n}\n\nh4 {\n    color: var(--primary-color);\n    margin: 0.8em 0 0.8em 0; \/* Ajustado para alinear con otros encabezados *\/\n    font-size: clamp(1rem, 3vw, 1.2rem); \/* Tama\u00f1o de fuente adaptativo *\/\n    counter-reset: h5counter;\n    padding-left: var(--heading-padding);\n}\n\nh5 {\n    color: var(--primary-color);\n    margin: 0.6em 0 0.6em 0; \/* Ajustado para alinear con otros encabezados *\/\n    font-size: clamp(0.95rem, 2.5vw, 1.1rem); \/* Tama\u00f1o de fuente adaptativo *\/\n    counter-reset: h6counter;\n    padding-left: var(--heading-padding);\n}\n\nh6 {\n    color: var(--primary-color);\n    margin: 0.4em 0 0.4em 0; \/* Ajustado para alinear con otros encabezados *\/\n    font-size: clamp(0.9rem, 2vw, 1.1rem); \/* Tama\u00f1o de fuente adaptativo *\/\n    padding-left: var(--heading-padding);\n}\n\n\/* Sistema de numeraci\u00f3n de encabezados empezando desde h2 *\/\nh2:before {\n    counter-increment: h2counter;\n    content: counter(h2counter) \".\\0000a0\\0000a0\";\n}\n\nh3:before {\n    counter-increment: h3counter;\n    content: counter(h2counter) \".\" counter(h3counter) \".\\0000a0\\0000a0\";\n}\n\nh4:before {\n    counter-increment: h4counter;\n    content: counter(h2counter) \".\" counter(h3counter) \".\" counter(h4counter) \".\\0000a0\\0000a0\";\n}\n\nh5:before {\n    counter-increment: h5counter;\n    content: counter(h2counter) \".\" counter(h3counter) \".\" counter(h4counter) \".\" counter(h5counter) \".\\0000a0\\0000a0\";\n}\n\nh6:before {\n    counter-increment: h6counter;\n    content: counter(h2counter) \".\" counter(h3counter) \".\" counter(h4counter) \".\" counter(h5counter) \".\" counter(h6counter) \".\\0000a0\\0000a0\";\n}\n\n\/* Para cuando est\u00e1 activo el plugins de links de encabezados *\/\n.cai-lh { \n    display: inline; \n}\n\nh1 span.copy-anchor-icon, h2 span.copy-anchor-icon, h3 span.copy-anchor-icon {\n    display: none;\n}\n\nh1:hover span.copy-anchor-icon, h2:hover span.copy-anchor-icon, h3:hover span.copy-anchor-icon {\n    display: inline;\n}\n\n\/* Enlaces *\/\na {\n    color: var(--link-color);\n    text-decoration: underline solid;\n    text-decoration-thickness: 1.2px;\n    text-underline-offset: 2px;\n}\n\na:hover {\n    color: #0055aa;\n}\n\n\/* C\u00f3digo *\/\ncode {\n    color: var(--primary-color);\n    font-size: 94%;\n    font-weight: normal;\n    word-wrap: break-word;\n    padding: 2px 4px 2px;\n    border-radius: 3px;\n    margin: 2px;\n    background-color: var(--block-bg-color);\n    font-family: monospace;\n    word-break: break-all;\n    white-space: pre-wrap;\n}\n\npre {\n    background-color: var(--block-bg-color);\n    padding: 1.2rem 0.8rem;\n    border-radius: 10px;\n    margin: 1.5rem var(--content-margin);\n    line-height: 1.6rem;\n    width: calc(100% - (var(--content-margin) * 2));\n    box-sizing: border-box;\n    overflow-x: auto;\n}\n\n\/* Listas - CORREGIDO para ser responsive *\/\nul, ol {\n    margin-top: 8px;\n    margin-bottom: 8px;\n    margin-left: var(--content-margin);\n    width: calc(100% - var(--content-margin) - 20px); \/* Ancho adaptativo con margen *\/\n    padding-left: 20px;\n    box-sizing: border-box;\n}\n\nli {\n    margin: 0.4rem 0;\n    line-height: 1.7rem;\n}\n\nul {\n    list-style-type: disc;\n}\n\nul ul {\n    list-style-type: square;\n    width: calc(100% - 20px); \/* Ancho ajustado para listas anidadas *\/\n}\n\nol {\n    list-style-type: decimal;\n}\n\n\/* Use marker color for list bullets *\/\n::marker {\n    font-weight: bold;\n    color: var(--marker-color);\n}\n\n\/* Parrafos con sangr\u00eda consistente *\/\np {\n    margin-left: var(--content-margin);\n    width: calc(100% - (var(--content-margin) * 2));\n    box-sizing: border-box;\n}\n\n\/* Negrita - Negra y bold *\/\nstrong {\n    color: #000000;\n    font-weight: 900;\n}\n\n\/* Resaltado *\/\nmark {\n    background: var(--highlight-color);\n    padding: 1px .15rem;\n    border-radius: 1px;\n    color: inherit;\n}\n\n\/* Citas - con sangr\u00eda consistente y m\u00e1rgenes adicionales *\/\nblockquote {\n    display: block;\n    font-size: .9em;\n    overflow: auto;\n    border-left: 3px solid var(--primary-color);\n    padding: 15px 30px 15px 20px;\n    margin: 20px 0 20px calc(var(--content-margin) + 15px); \/* Margen izquierdo aumentado *\/\n    background: var(--block-bg-color);\n    color: #000000;\n    width: calc(100% - var(--content-margin) - 15px - 50px); \/* Ancho adaptativo *\/\n    box-sizing: border-box;\n}\n\n\/* L\u00edneas horizontales con gradiente igual que los encabezados *\/\nhr {\n    margin: 20px 0;\n    border: 0;\n    height: 3px;\n    background-image: linear-gradient(to right, #cdffd8, #93b9ff);\n    border-radius: 0; \/* Sin border-radius para coincidir con h1 y h2 *\/\n    width: 100%;\n}\n\n\/* Tablas - Corregidas para mantener consistencia tipogr\u00e1fica y ser responsive *\/\ntable, th, td {\n    font-family: 'Cantarell', 'Arial', sans-serif; \/* Misma fuente que el body *\/\n    font-size: inherit; \/* Hereda el tama\u00f1o de fuente del elemento padre *\/\n}\n\ntable {\n    display: block; \/* Cambiado para mejor responsividad *\/\n    text-align: justify;\n    overflow-x: auto;\n    border-collapse: collapse;\n    border-spacing: 0px;\n    margin: 0 0 20px var(--content-margin);\n    width: calc(100% - (var(--content-margin) * 2));\n    box-sizing: border-box;\n}\n\ntbody {\n    border: 0;\n}\n\ntable tr {\n    border: 0;\n    border-top: 1px solid #ccc;\n}\n\ntable tr th,\ntable tr td {\n    border: 1px solid #d9dfe4;\n    padding: 5px 10px;\n    text-align: justify;\n}\n\ntable tr th {\n    text-align: center;\n    min-width: 6rem; \/* Reducido para pantallas peque\u00f1as *\/\n    font-weight: bold;\n    color: var(--primary-color);\n}\n\ntable tr td:hover,\ntable tr th:hover {\n    background-color: var(--block-bg-color);\n}\n\n\/* Para estilos de callouts *\/\nb-gray, b-green, b-red, b-blue, b-orange, b-pink, b-purple, b-cefire {\n    width: calc(100% - var(--content-margin) - 20px);\n    display: block;\n    margin: 20px 0 20px var(--content-margin);\n    padding: 10px;\n    border: 1px solid;\n    border-left: 5px solid;\n    border-radius: 2px; \n    word-wrap: break-word;\n    box-shadow: 3px 3px 7px 0 rgba(0,0,0,0.1); \n    color: #000000;\n    box-sizing: border-box;\n}\n\nb-gray {\n    border-color: #b1bcc2;\n    background-color: #e9edf0; \n}\n\nb-green {\n    border-color: var(--block-bg-color);\n    background-color: #cdffd8; \n} \n\nb-red {\n    border-color: #f65354;\n    background-color: #fad3d4; \n}\n\nb-blue {\n    border-color: var(--primary-color);\n    background-color: #d3e5fa; \n}\n\nb-orange {\n    border-color: #cf7506;\n    background-color: #faf3d3; \n}\n\nb-purple {\n    border-color: #af74e8;\n    background-color: #ead9fb; \n}\n\nb-pink {\n    border-color: #ed5393;\n    background-color: #fad3e5; \n}\n\nb-cefire {\n    border-color: #93b9ff;\n    background: linear-gradient(to right, rgba(205, 255, 216, 0.4), rgba(147, 185, 255, 0.4));\n}\n\n\/* EXPORTACI\u00d3N *\/\n.exported-note {\n    code {\n        white-space: pre-wrap;\n    }    \n    color: var(--text-color);\n    background-color: var(--bg-color);\n    \n    a {\n        color: var(--link-color);\n    }\n    \n    a:hover { \n        color: #0055aa;\n    }\n}\n\n\/* do not print note title (or when exporting to PDF) *\/\n.exported-note-title {\n    display: none !important;\n}\n\n\/* Im\u00e1genes *\/\nimg {\n    margin: 0 auto;\n    max-width: 100%;\n    filter: drop-shadow(var(--img-shadow-color) 0px 6px 6px);\n    display: block;\n}\n\n\/* Summary y Details - con m\u00e1rgenes consistentes *\/\nsummary, details {\n    margin-left: var(--content-margin);\n    width: calc(100% - (var(--content-margin) * 2));\n    box-sizing: border-box;\n}\n\ndetails &gt; * {\n    margin-left: 15px;\n}\n\ndetails &gt; summary {\n    margin-left: 0;\n    cursor: pointer;\n}\n\n\/* Estilos para diagramas Mermaid *\/\n.mermaid {\n    margin-left: var(--content-margin);\n    width: calc(100% - (var(--content-margin) * 2));\n    max-width: 100%;\n    overflow-x: auto; \/* Permite desplazamiento horizontal si es necesario *\/\n    background-color: transparent; \/* Quita el fondo verde *\/\n    box-sizing: border-box;\n}\n\n\/* Si el diagrama est\u00e1 dentro de un pre o div *\/\npre.mermaid, div.mermaid {\n    background-color: transparent;\n    padding: 0;\n    border-radius: 0;\n}\n\n\/* Contenedor espec\u00edfico para SVG de Mermaid *\/\n.mermaid svg {\n    display: block;\n    margin: 0 auto;\n    max-width: 100%;\n}\n\n\/* Media queries para adaptaci\u00f3n a pantallas muy peque\u00f1as *\/\n@media (max-width: 480px) {\n    :root {\n        --content-margin: 10px;\n    }\n    \n    h1, h2, h3, h4, h5, h6 {\n        word-wrap: break-word;\n    }\n    \n    body {\n        text-align: left; \/* Cambia la justificaci\u00f3n a alineaci\u00f3n izquierda en pantallas peque\u00f1as *\/\n    }\n    \n    table tr th {\n        min-width: 4rem;\n    }\n    \n    pre {\n        padding: 0.8rem 0.5rem;\n    }\n    \n    blockquote {\n        padding: 10px 15px 10px 15px;\n        margin: 15px 0 15px var(--content-margin);\n        width: calc(100% - (var(--content-margin) * 2));\n    }\n}<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>Recientemente me han vuelto a contactar para impartir formaci\u00f3n al profesorado en la Comunidad Valenciana. En esta entrada quiero compartir algunos recursos y estrategias que he creado para optimizar el proceso de dise\u00f1o de materiales y adaptar su est\u00e9tica a la imagen visual corporativa del CEFIRE.<\/p>\n","protected":false},"author":1,"featured_media":468,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[1],"tags":[15,8],"class_list":["post-453","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized","tag-diseno-instruccional","tag-tecnologia"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/05\/e9c655cf-1759-4540-9490-1cc25304ffe8.png?fit=1024%2C1024&ssl=1","jetpack-related-posts":[{"id":643,"url":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=643","url_meta":{"origin":453,"position":0},"title":"v2 del CSS para Joplin con imagen corporativa del CEFIRE","author":"admin","date":"febrero 28, 2026","format":false,"excerpt":"En breve me enfrasco en la creaci\u00f3n de nuevos materiales docentes para nuevos cursos de formaci\u00f3n del profesorado. Y, como no, tengo una necesidad imperiosa de decidir primero \u201cc\u00f3mo se van a ver\u201d y cu\u00e1l ser\u00e1 su \u201ccontenedor\u201d antes de empezar a crear los detalles del contenidos concreto. De un\u2026","rel":"","context":"En \u00abDise\u00f1o Instruccional\u00bb","block_context":{"text":"Dise\u00f1o Instruccional","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?tag=diseno-instruccional"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/02\/demo_01.png?fit=1123%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/02\/demo_01.png?fit=1123%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/02\/demo_01.png?fit=1123%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/02\/demo_01.png?fit=1123%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/02\/demo_01.png?fit=1123%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":475,"url":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=475","url_meta":{"origin":453,"position":1},"title":"Creaci\u00f3n de Diapositivas con IA (Keynote o RevealJS)","author":"admin","date":"septiembre 5, 2025","format":false,"excerpt":"En esta entrada explico un m\u00e9todo para convertir apuntes\/textos en diapositivas autom\u00e1ticamente (para Keynote o RevealJS). En otra entrada de este blog ya habl\u00e9 de la creaci\u00f3n de materiales para algunos cursos de formaci\u00f3n del profesorado que estoy impartiendo (Dise\u00f1o de materiales y Moodle para cursos del CEFIRE). En esta\u2026","rel":"","context":"En \u00abDise\u00f1o Instruccional\u00bb","block_context":{"text":"Dise\u00f1o Instruccional","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?tag=diseno-instruccional"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-5-set.-2025-08_10_56.png?fit=1024%2C1024&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-5-set.-2025-08_10_56.png?fit=1024%2C1024&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-5-set.-2025-08_10_56.png?fit=1024%2C1024&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2025\/08\/ChatGPT-Image-5-set.-2025-08_10_56.png?fit=1024%2C1024&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":358,"url":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=358","url_meta":{"origin":453,"position":2},"title":"Clases de Instrumento On-line (recursos para afectados por la DANA)","author":"admin","date":"noviembre 6, 2024","format":false,"excerpt":"En esta entrada voy a aportar mi granito de arena para todos aquellos que, habiendo sido afectados por la DANA -que ha tenido terribles consecuencias en la provincia de Valencia- por un motivo u otro se vea en la tesitura de volver a realizar clases on-line. Recuperando la experiencia acumulada\u2026","rel":"","context":"En \u00abAudio\u00bb","block_context":{"text":"Audio","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?tag=audio"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2024\/11\/Captura-de-pantalla-2024-11-06-a-les-13.19.34.png?fit=1200%2C1200&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2024\/11\/Captura-de-pantalla-2024-11-06-a-les-13.19.34.png?fit=1200%2C1200&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2024\/11\/Captura-de-pantalla-2024-11-06-a-les-13.19.34.png?fit=1200%2C1200&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2024\/11\/Captura-de-pantalla-2024-11-06-a-les-13.19.34.png?fit=1200%2C1200&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2024\/11\/Captura-de-pantalla-2024-11-06-a-les-13.19.34.png?fit=1200%2C1200&ssl=1&resize=1050%2C600 3x"},"classes":[]},{"id":149,"url":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=149","url_meta":{"origin":453,"position":3},"title":"Pedagog\u00eda aplicada a la docencia en Escuelas de M\u00fasica (asignatura de perfil)","author":"admin","date":"septiembre 1, 2023","format":false,"excerpt":"\u00bfQuieres conocer la propuesta original del grupo de trabajo encargado en el dise\u00f1o curricular de la asignatura de perfil de Pedagog\u00eda aplicada a la docencia en Escuelas de M\u00fasica?","rel":"","context":"En \u00abPedagog\u00eda\u00bb","block_context":{"text":"Pedagog\u00eda","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?tag=pedagogia"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/08\/Firefly-Un-aula-de-educacion-musical-con-papeles-volando-por-el-aire-e-instrumentos-musicales-por-la.jpg?fit=1024%2C1024&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/08\/Firefly-Un-aula-de-educacion-musical-con-papeles-volando-por-el-aire-e-instrumentos-musicales-por-la.jpg?fit=1024%2C1024&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/08\/Firefly-Un-aula-de-educacion-musical-con-papeles-volando-por-el-aire-e-instrumentos-musicales-por-la.jpg?fit=1024%2C1024&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/08\/Firefly-Un-aula-de-educacion-musical-con-papeles-volando-por-el-aire-e-instrumentos-musicales-por-la.jpg?fit=1024%2C1024&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":161,"url":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=161","url_meta":{"origin":453,"position":4},"title":"Sonolog\u00eda, una asignatura optativa de perfil evolucionada","author":"admin","date":"septiembre 12, 2023","format":false,"excerpt":"\u00bfQuieres conocer la propuesta original del grupo de trabajo encargado en el dise\u00f1o curricular de la asignatura de perfil de Sonolog\u00eda?","rel":"","context":"En \u00abTecnolog\u00eda\u00bb","block_context":{"text":"Tecnolog\u00eda","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?tag=tecnologia"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/09\/Firefly-estudio-de-grabacion-musical-con-sintetizadores-en-las-paredes-71969.jpg?fit=1024%2C1024&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/09\/Firefly-estudio-de-grabacion-musical-con-sintetizadores-en-las-paredes-71969.jpg?fit=1024%2C1024&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/09\/Firefly-estudio-de-grabacion-musical-con-sintetizadores-en-las-paredes-71969.jpg?fit=1024%2C1024&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2023\/09\/Firefly-estudio-de-grabacion-musical-con-sintetizadores-en-las-paredes-71969.jpg?fit=1024%2C1024&ssl=1&resize=700%2C400 2x"},"classes":[]},{"id":727,"url":"https:\/\/elpulpoenelvaso.jlmirall.es\/?p=727","url_meta":{"origin":453,"position":5},"title":"Archivo Legislativo vivo de Normativa de Conservatorios","author":"admin","date":"abril 29, 2026","format":false,"excerpt":"En esta entrada presento una nueva aplicaci\u00f3n \"Legis CPMDEM\" que es un lector de legislaci\u00f3n de Conservatorios Profesionales de M\u00fasica, Danza y Escuelas de M\u00fasica. Con an\u00e1lisis jur\u00eddico, versiones consolidadas, exportaci\u00f3n de citas, cuadernos de fragmentos personales, etc...; especializado en la normativa de aplicaci\u00f3n en la Comunidad Valenciana. Aqu\u00ed puedes\u2026","rel":"","context":"En \u00abGesti\u00f3n Educativa\u00bb","block_context":{"text":"Gesti\u00f3n Educativa","link":"https:\/\/elpulpoenelvaso.jlmirall.es\/?tag=gestion-educativa"},"img":{"alt_text":"","src":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-29-a-las-8.55.28.png?fit=1200%2C910&ssl=1&resize=350%2C200","width":350,"height":200,"srcset":"https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-29-a-las-8.55.28.png?fit=1200%2C910&ssl=1&resize=350%2C200 1x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-29-a-las-8.55.28.png?fit=1200%2C910&ssl=1&resize=525%2C300 1.5x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-29-a-las-8.55.28.png?fit=1200%2C910&ssl=1&resize=700%2C400 2x, https:\/\/i0.wp.com\/elpulpoenelvaso.jlmirall.es\/wp-content\/uploads\/2026\/04\/Captura-de-pantalla-2026-04-29-a-las-8.55.28.png?fit=1200%2C910&ssl=1&resize=1050%2C600 3x"},"classes":[]}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/posts\/453","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=453"}],"version-history":[{"count":6,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/posts\/453\/revisions"}],"predecessor-version":[{"id":473,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/posts\/453\/revisions\/473"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=\/wp\/v2\/media\/468"}],"wp:attachment":[{"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=453"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=453"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/elpulpoenelvaso.jlmirall.es\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=453"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}