{"id":309,"date":"2026-10-14T12:04:52","date_gmt":"2026-10-14T17:04:52","guid":{"rendered":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/?page_id=309"},"modified":"2026-10-15T12:16:11","modified_gmt":"2026-10-15T17:16:11","slug":"explora-y-descubre-copia-de-prueba-medialab","status":"publish","type":"page","link":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/","title":{"rendered":"Explora y Descubre (COPIA DE PRUEBA MediaLab)"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"309\" class=\"elementor elementor-309\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8053bf1 e-con e-atomic-element e-div-block-base e-default-div e-8053bf1-7e4f48e \" data-id=\"8053bf1\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"8053bf1\">\n    \t\t\t<h2 data-interaction-id=\"eee4e78\" class=\"e-eee4e78-d3b78af e-heading-base e-default-h2\">De la pantalla al libro<\/h2>\n\t\t\t\t\t<p class=\"e-1129877-b3b00fe e-paragraph-base e-default-p\" data-interaction-id=\"1129877\"><strong>\u00bfTe apasionan las series, pel\u00edculas o videojuegos?<\/strong> Descubre libros, c\u00f3mics y novelas gr\u00e1ficas que comparten la misma vibra, est\u00e9tica y ritmo de las historias que ya amas.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-68f738b4 carrusel-libros e-con-full e-flex e-con e-parent\" data-id=\"68f738b4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t<div class=\"elementor-element elementor-element-c2dbcb4 e-con-full tarjeta-libro e-flex e-con e-child\" data-id=\"c2dbcb4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-281ee64 elementor-widget elementor-widget-heading\" data-id=\"281ee64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Si te gust\u00f3 Euphoria o Skins . . .\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81cea64 elementor-widget elementor-widget-text-editor\" data-id=\"81cea64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"2\"><span data-path-to-node=\"2,0\">Te recomendamos <b data-path-to-node=\"2,0\" data-index-in-node=\"16\">&#8220;La Campana de Cristal&#8221;<\/b> de Sylvia Plath<\/span><span data-path-to-node=\"2,2\">.<\/span><\/p><p id=\"p-rc_146d76cec19086f1-146\" data-path-to-node=\"3\"><span data-path-to-node=\"3,0\">Una historia sobre juventud, dilemas de identidad, presi\u00f3n social y salud mental con la misma crudeza emocional.\u00a0<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32ba696 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"32ba696\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"940\" height=\"914\" src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png\" class=\"attachment-full size-full wp-image-70\" alt=\"\" srcset=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png 940w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2-300x292.png 300w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2-768x747.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9b49008 e-con-full tarjeta-libro e-flex e-con e-child\" data-id=\"9b49008\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8b1e517 elementor-widget elementor-widget-heading\" data-id=\"8b1e517\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Si te gust\u00f3 Knives Out o Glass Onion . . . <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3cfa78 elementor-widget elementor-widget-text-editor\" data-id=\"b3cfa78\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p id=\"p-rc_146d76cec19086f1-145\" data-path-to-node=\"2\"><span data-path-to-node=\"2,0\">Te recomendamos <b data-path-to-node=\"2,0\" data-index-in-node=\"16\">&#8220;Asesinato en el Orient Express&#8221;<\/b> de Agatha Christie<\/span><span data-path-to-node=\"2,2\">.<\/span><\/p><p id=\"p-rc_146d76cec19086f1-146\" data-path-to-node=\"3\"><span data-path-to-node=\"3,0\">Una historia sobre misterios de habitaci\u00f3n cerrada, secretos entre sospechosos y giros inesperados.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edee71b elementor-invisible elementor-widget elementor-widget-image\" data-id=\"edee71b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"940\" height=\"914\" src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-3.png\" class=\"attachment-full size-full wp-image-81\" alt=\"\" srcset=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-3.png 940w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-3-300x292.png 300w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-3-768x747.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b18deef e-con-full tarjeta-libro e-flex e-con e-child\" data-id=\"b18deef\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb2d188 elementor-widget elementor-widget-heading\" data-id=\"eb2d188\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Si te gust\u00f3 The Last of Us o Cyberpunk 2077. . .\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af4326d elementor-widget elementor-widget-text-editor\" data-id=\"af4326d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"6\">Te recomendamos <b data-path-to-node=\"6\" data-index-in-node=\"16\">&#8220;The Last of Us: American Dreams&#8221;<\/b> de Neil Druckmann.<\/p><p data-path-to-node=\"7\">Un c\u00f3mic sobre supervivencia, or\u00edgenes y dilemas humanos con la misma intensidad del juego<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02ac977 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"02ac977\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"940\" height=\"914\" src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/TLOU.png\" class=\"attachment-full size-full wp-image-90\" alt=\"\" srcset=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/TLOU.png 940w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/TLOU-300x292.png 300w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/TLOU-768x747.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31e8e15 e-con-full tarjeta-libro e-flex e-con e-child\" data-id=\"31e8e15\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b5dd8ca elementor-widget elementor-widget-heading\" data-id=\"b5dd8ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Si te gust\u00f3 El viaje de Chihiro o Avatar\u200b. . .\u200b<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38b6355 elementor-widget elementor-widget-text-editor\" data-id=\"38b6355\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"6\">Te recomendamos <b data-path-to-node=\"9\" data-index-in-node=\"16\">&#8220;El priorato del naranjo&#8221;<\/b> de Samantha Shannon.<\/p><p data-path-to-node=\"7\">Un universo \u00e9pico de dragones, magia ancestral y reinos divididos con la misma belleza visual y riqueza narrativa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d1ffecf elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d1ffecf\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"914\" src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-2.png\" class=\"attachment-full size-full wp-image-147\" alt=\"\" srcset=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-2.png 940w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-2-300x292.png 300w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-2-768x747.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e0cb809 e-con-full tarjeta-libro e-flex e-con e-child\" data-id=\"e0cb809\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e7ff21 elementor-widget elementor-widget-heading\" data-id=\"5e7ff21\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Si te gust\u00f3  Mi otra yo . . .<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b931e7c elementor-widget elementor-widget-text-editor\" data-id=\"b931e7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"4\">Te recomendamos <b data-path-to-node=\"4\" data-index-in-node=\"16\">&#8220;Este dolor no es m\u00edo&#8221;<\/b> de Mark Wolynn.<\/p><p data-path-to-node=\"5\">Una historia sobre constelaciones familiares, traumas heredados y sanaci\u00f3n emocional para comprender tu \u00e1rbol geneal\u00f3gico.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b7acfe elementor-invisible elementor-widget elementor-widget-image\" data-id=\"4b7acfe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"914\" src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-1.png\" class=\"attachment-full size-full wp-image-142\" alt=\"\" srcset=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-1.png 940w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-1-300x292.png 300w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/EDNEM-1-768x747.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e2677d1 e-con-full tarjeta-libro e-flex e-con e-child\" data-id=\"e2677d1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-644064d elementor-widget elementor-widget-heading\" data-id=\"644064d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Si te gust\u00f3 Mindhunter o True Detective. . .<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f4f981a elementor-widget elementor-widget-text-editor\" data-id=\"f4f981a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p data-path-to-node=\"6\">Te recomendamos <b data-path-to-node=\"14\" data-index-in-node=\"16\">&#8220;La paciente silenciosa&#8221;<\/b> de Alex Michaelides.<\/p><p data-path-to-node=\"7\">Un thriller psicol\u00f3gico lleno de secretos, obsesi\u00f3n y un giro inesperado que te mantendr\u00e1 enganchado.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2d1802d elementor-invisible elementor-widget elementor-widget-image\" data-id=\"2d1802d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"940\" height=\"914\" src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/LPS.png\" class=\"attachment-full size-full wp-image-152\" alt=\"\" srcset=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/LPS.png 940w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/LPS-300x292.png 300w, https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/LPS-768x747.png 768w\" sizes=\"(max-width: 940px) 100vw, 940px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-39b807b e-flex e-con-boxed e-con e-parent\" data-id=\"39b807b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-804517d elementor-widget elementor-widget-html\" data-id=\"804517d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ======================================\r\n   CARRUSEL DE LIBROS - EAFIT\r\n   ====================================== *\/\r\n\r\n.carrusel-libros {\r\n  --libro-ancho: 400px;\r\n  --libro-gap: 24px;\r\n  --libro-borde: 48px;\r\n\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  min-width: 0 !important;\r\n  box-sizing: border-box !important;\r\n\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  flex-wrap: nowrap !important;\r\n  justify-content: flex-start !important;\r\n\r\n  gap: var(--libro-gap) !important;\r\n  padding-left: var(--libro-borde) !important;\r\n  padding-right: var(--libro-borde) !important;\r\n\r\n  overflow-x: auto !important;\r\n  overflow-y: hidden !important;\r\n\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n  scroll-padding-left: var(--libro-borde);\r\n\r\n  scrollbar-width: none;\r\n  -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.carrusel-libros::-webkit-scrollbar,\r\n.carrusel-libros > .e-con-inner::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n\/* Compatibilidad con contenedores internos *\/\r\n.carrusel-libros > .e-con-inner {\r\n  display: flex !important;\r\n  flex-direction: row !important;\r\n  flex-wrap: nowrap !important;\r\n  justify-content: flex-start !important;\r\n\r\n  gap: var(--libro-gap) !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  min-width: 0 !important;\r\n\r\n  overflow-x: auto !important;\r\n  scroll-behavior: smooth;\r\n  scroll-snap-type: x mandatory;\r\n  scrollbar-width: none;\r\n}\r\n\r\n\/* Las tarjetas nunca deben comprimirse *\/\r\n.carrusel-libros > .tarjeta-libro,\r\n.carrusel-libros > .e-con-inner > .tarjeta-libro {\r\n  flex: 0 0 var(--libro-ancho) !important;\r\n\r\n  width: var(--libro-ancho) !important;\r\n  min-width: var(--libro-ancho) !important;\r\n  max-width: var(--libro-ancho) !important;\r\n\r\n  box-sizing: border-box !important;\r\n  scroll-snap-align: start;\r\n  scroll-snap-stop: normal;\r\n}\r\n\r\n\/* ======================================\r\n   FLECHAS MINIMALISTAS\r\n   ====================================== *\/\r\n\r\n.flechas-libros {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 10;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  padding: 0 12px !important;\r\n  pointer-events: none;\r\n}\r\n\r\n.flechas-libros button {\r\n  pointer-events: auto;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 48px !important;\r\n  height: 48px !important;\r\n  min-width: 48px;\r\n\r\n  padding: 0 !important;\r\n\r\n  background: #202020 !important;\r\n  color: #ffffff !important;\r\n\r\n  border: 1px solid #202020 !important;\r\n  border-radius: 50% !important;\r\n\r\n  box-shadow: none !important;\r\n  text-shadow: none !important;\r\n\r\n  font-size: 22px !important;\r\n  line-height: 1 !important;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background-color 0.18s ease,\r\n    color 0.18s ease,\r\n    transform 0.18s ease;\r\n}\r\n\r\n\/* Hover discreto *\/\r\n.flechas-libros button:hover {\r\n  background: #202020 !important;\r\n  color: #ffffff !important;\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Al presionar: blanco y negro *\/\r\n.flechas-libros button:active {\r\n  background: #ffffff !important;\r\n  color: #202020 !important;\r\n  border-color: #202020 !important;\r\n  transform: scale(0.94);\r\n  box-shadow: none !important;\r\n}\r\n\r\n\/* Accesibilidad para teclado *\/\r\n.flechas-libros button:focus-visible {\r\n  outline: 2px solid #202020;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* ======================================\r\n   TABLET\r\n   ====================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .carrusel-libros {\r\n    --libro-ancho: 320px;\r\n    --libro-gap: 20px;\r\n    --libro-borde: 28px;\r\n  }\r\n\r\n  .flechas-libros {\r\n    padding: 0 8px !important;\r\n  }\r\n}\r\n\r\n\/* ======================================\r\n   CELULAR\r\n   ====================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n  .carrusel-libros {\r\n    --libro-ancho: 85%;\r\n    --libro-gap: 16px;\r\n    --libro-borde: 20px;\r\n  }\r\n\r\n  .carrusel-libros > .tarjeta-libro,\r\n  .carrusel-libros > .e-con-inner > .tarjeta-libro {\r\n    flex: 0 0 85% !important;\r\n    width: 85% !important;\r\n    min-width: 85% !important;\r\n    max-width: 85% !important;\r\n  }\r\n\r\n  .flechas-libros {\r\n    padding: 0 6px !important;\r\n  }\r\n\r\n  .flechas-libros button {\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    min-width: 44px;\r\n    font-size: 20px !important;\r\n  }\r\n}\r\n\r\n\/* Respeto a preferencias de movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .carrusel-libros,\r\n  .carrusel-libros > .e-con-inner {\r\n    scroll-behavior: auto !important;\r\n  }\r\n\r\n  .flechas-libros button {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- FLECHAS -->\r\n<div class=\"flechas-libros\">\r\n  <button\r\n    type=\"button\"\r\n    id=\"libro-anterior\"\r\n    aria-label=\"Ver libro anterior\">\r\n    &#10094;\r\n  <\/button>\r\n\r\n  <button\r\n    type=\"button\"\r\n    id=\"libro-siguiente\"\r\n    aria-label=\"Ver libro siguiente\">\r\n    &#10095;\r\n  <\/button>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  function iniciarCarrusel() {\r\n    const carrusel =\r\n      document.querySelector('.carrusel-libros');\r\n\r\n    const anterior =\r\n      document.getElementById('libro-anterior');\r\n\r\n    const siguiente =\r\n      document.getElementById('libro-siguiente');\r\n\r\n    if (!carrusel || !anterior || !siguiente) {\r\n      return;\r\n    }\r\n\r\n    \/\/ Evita registrar eventos duplicados\r\n    if (siguiente.dataset.iniciado === 'si') {\r\n      return;\r\n    }\r\n\r\n    siguiente.dataset.iniciado = 'si';\r\n\r\n    const pista =\r\n      carrusel.querySelector(':scope > .e-con-inner')\r\n      || carrusel;\r\n\r\n    \/\/ Mantener estructura horizontal de Elementor\r\n    pista.style.display = 'flex';\r\n    pista.style.flexDirection = 'row';\r\n    pista.style.flexWrap = 'nowrap';\r\n    pista.style.justifyContent = 'flex-start';\r\n    pista.style.width = '100%';\r\n    pista.style.maxWidth = '100%';\r\n    pista.style.minWidth = '0';\r\n    pista.style.overflowX = 'auto';\r\n    pista.style.scrollbarWidth = 'none';\r\n\r\n    const tarjetas = Array.from(\r\n      pista.querySelectorAll(':scope > .tarjeta-libro')\r\n    );\r\n\r\n    if (!tarjetas.length) return;\r\n\r\n    \/\/ Colocar controles sobre el carrusel\r\n    const controles =\r\n      anterior.closest('.flechas-libros');\r\n\r\n    \/\/ Envolver SOLO el carrusel en una zona del mismo alto.\r\n    \/\/ Las flechas quedan fuera del elemento desplazable.\r\n    let zona = carrusel.parentElement;\r\n\r\n    if (!zona.classList.contains('zona-carrusel-libros')) {\r\n      const envoltura = document.createElement('div');\r\n      envoltura.className = 'zona-carrusel-libros';\r\n      carrusel.parentNode.insertBefore(envoltura, carrusel);\r\n      envoltura.appendChild(carrusel);\r\n      zona = envoltura;\r\n    }\r\n\r\n    if (controles) {\r\n      zona.appendChild(controles);\r\n    }\r\n\r\n    const reducirMovimiento =\r\n      window.matchMedia(\r\n        '(prefers-reduced-motion: reduce)'\r\n      );\r\n\r\n    let bloqueado = false;\r\n\r\n    function posiciones() {\r\n      const maximo =\r\n        pista.scrollWidth - pista.clientWidth;\r\n\r\n      const valores = tarjetas.map(\r\n        tarjeta => Math.min(\r\n          tarjeta.offsetLeft - tarjetas[0].offsetLeft,\r\n          maximo\r\n        )\r\n      );\r\n\r\n      return {\r\n        maximo: Math.max(0, maximo),\r\n        valores: [...new Set(\r\n          valores.map(v => Math.max(0, v))\r\n        )]\r\n      };\r\n    }\r\n\r\n    function mover(direccion) {\r\n      if (bloqueado) return;\r\n\r\n      const { maximo, valores } = posiciones();\r\n\r\n      if (maximo <= 1 || valores.length < 2) {\r\n        return;\r\n      }\r\n\r\n      const actual = pista.scrollLeft;\r\n      const margen = 5;\r\n      let destino;\r\n\r\n      if (direccion > 0) {\r\n        destino = valores.find(\r\n          valor => valor > actual + margen\r\n        );\r\n\r\n        \/\/ \u00daltima posici\u00f3n -> primera\r\n        if (destino === undefined) {\r\n          destino = 0;\r\n        }\r\n      } else {\r\n        destino = [...valores].reverse().find(\r\n          valor => valor < actual - margen\r\n        );\r\n\r\n        \/\/ Primera posici\u00f3n -> \u00faltima\r\n        if (destino === undefined) {\r\n          destino = maximo;\r\n        }\r\n      }\r\n\r\n      bloqueado = true;\r\n\r\n      pista.scrollTo({\r\n        left: destino,\r\n        behavior: reducirMovimiento.matches\r\n          ? 'instant'\r\n          : 'smooth'\r\n      });\r\n\r\n      \/\/ Evitar pulsaciones repetidas\r\n      window.setTimeout(() => {\r\n        bloqueado = false;\r\n      }, reducirMovimiento.matches ? 50 : 450);\r\n    }\r\n\r\n    anterior.addEventListener('click', () => {\r\n      mover(-1);\r\n    });\r\n\r\n    siguiente.addEventListener('click', () => {\r\n      mover(1);\r\n    });\r\n\r\n    \/\/ Accesibilidad mediante teclado\r\n    controles.addEventListener('keydown', (e) => {\r\n      if (e.key === 'ArrowLeft') {\r\n        e.preventDefault();\r\n        mover(-1);\r\n      }\r\n\r\n      if (e.key === 'ArrowRight') {\r\n        e.preventDefault();\r\n        mover(1);\r\n      }\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      iniciarCarrusel\r\n    );\r\n  } else {\r\n    iniciarCarrusel();\r\n  }\r\n})();\r\n<\/script>\r\n\r\n<style>\r\n\/* Animaci\u00f3n elegante de las tarjetas *\/\r\n.carrusel-libros .tarjeta-libro {\r\n  transition:\r\n    transform 0.4s ease,\r\n    box-shadow 0.4s ease !important;\r\n  transform-origin: center center;\r\n}\r\n\r\n\/* Efecto hover: crecimiento del 5 % *\/\r\n@media (hover: hover) and (pointer: fine) {\r\n  .carrusel-libros .tarjeta-libro:hover {\r\n    transform: translateY(-6px) scale(1.05);\r\n    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.10);\r\n    z-index: 2;\r\n  }\r\n}\r\n\r\n\/* Contenedor de indicadores *\/\r\n.indicadores-libros {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 22px 12px 8px;\r\n}\r\n\r\n\/* Punticos *\/\r\n.indicadores-libros button {\r\n  display: block;\r\n  width: 9px;\r\n  height: 9px;\r\n  min-width: 9px;\r\n  min-height: 9px;\r\n  padding: 0;\r\n  border: 0;\r\n  border-radius: 100px;\r\n  background: #c8c8c8;\r\n  box-shadow: none;\r\n  cursor: pointer;\r\n  outline-offset: 6px;\r\n\r\n  transition:\r\n    width 0.25s ease,\r\n    background-color 0.25s ease;\r\n}\r\n\r\n\/* Indicador activo *\/\r\n.indicadores-libros button.activo {\r\n  width: 25px;\r\n  background: #202020;\r\n}\r\n\r\n\/* Accesibilidad para teclado *\/\r\n.indicadores-libros button:focus-visible {\r\n  outline: 2px solid #202020;\r\n}\r\n\r\n\/* Respeto a preferencias de movimiento *\/\r\n@media (prefers-reduced-motion: reduce) {\r\n  .carrusel-libros .tarjeta-libro,\r\n  .indicadores-libros button {\r\n    transition: none !important;\r\n  }\r\n\r\n  .carrusel-libros .tarjeta-libro:hover {\r\n    transform: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* ====================================\r\n   AJUSTES RESPONSIVE DEL CARRUSEL\r\n   ==================================== *\/\r\n\r\n\/* Flechas centradas verticalmente\r\n   respecto a la zona visible de tarjetas *\/\r\n.flechas-libros {\r\n  top: 50% !important;\r\n  bottom: auto !important;\r\n  height: auto !important;\r\n  transform: translateY(-50%);\r\n  align-items: center !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .carrusel-libros {\r\n    padding-left: 28px !important;\r\n    padding-right: 28px !important;\r\n  }\r\n\r\n  .flechas-libros {\r\n    padding-left: 8px !important;\r\n    padding-right: 8px !important;\r\n  }\r\n}\r\n\r\n\/* CELULAR *\/\r\n@media (max-width: 767px) {\r\n  .carrusel-libros {\r\n    padding-left: 20px !important;\r\n    padding-right: 20px !important;\r\n  }\r\n\r\n  .flechas-libros {\r\n    padding-left: 6px !important;\r\n    padding-right: 6px !important;\r\n  }\r\n\r\n  .flechas-libros button {\r\n    width: 44px !important;\r\n    height: 44px !important;\r\n    min-width: 44px !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* =====================================\r\n   AJUSTES FINALES DE TARJETAS - EAFIT\r\n   ===================================== *\/\r\n\r\n\/* Espacio m\u00e1s peque\u00f1o entre tarjetas *\/\r\n.carrusel-libros {\r\n  --libro-gap: 18px;\r\n}\r\n\r\n\/* Alinear todas las tarjetas arriba *\/\r\n.carrusel-libros,\r\n.carrusel-libros > .e-con-inner {\r\n  align-items: stretch !important;\r\n}\r\n\r\n\/* Quitar m\u00e1rgenes exteriores de las tarjetas *\/\r\n.carrusel-libros > .tarjeta-libro,\r\n.carrusel-libros > .e-con-inner > .tarjeta-libro {\r\n  margin: 0 !important;\r\n  align-self: stretch !important;\r\n}\r\n\r\n\/* TABLET *\/\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n  .carrusel-libros {\r\n    --libro-gap: 16px;\r\n  }\r\n}\r\n\r\n\/* CELULAR *\/\r\n@media (max-width: 767px) {\r\n  .carrusel-libros {\r\n    --libro-gap: 12px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<style>\r\n\/* CORRECCI\u00d3N: FLECHAS ANCLADAS \u00daNICAMENTE AL CARRUSEL *\/\r\n.zona-carrusel-libros {\r\n  position: relative !important;\r\n  width: 100%;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.zona-carrusel-libros > .flechas-libros {\r\n  position: absolute !important;\r\n  inset: auto 0 auto 0 !important;\r\n  top: 50% !important;\r\n  bottom: auto !important;\r\n  height: auto !important;\r\n  transform: translateY(-50%) !important;\r\n  z-index: 20;\r\n  pointer-events: none;\r\n}\r\n\r\n.zona-carrusel-libros > .flechas-libros button {\r\n  pointer-events: auto;\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e912fe e-con e-atomic-element e-div-block-base e-default-div e-9e912fe-fb956aa \" data-id=\"9e912fe\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"9e912fe\">\n    \t\t\t<h2 data-interaction-id=\"30a0e79\" class=\"e-30a0e79-7c8d05a e-heading-base e-default-h2\">Cronolog\u00eda de Sagas<\/h2>\n\t\t\t\t\t<p class=\"e-826d5ee-7c3b93f e-paragraph-base e-default-p\" data-interaction-id=\"826d5ee\">Selecciona tu <strong>saga<\/strong> o <strong>universo favorito<\/strong> y descubre su <strong>orden cronol\u00f3gico de publicaci\u00f3n<\/strong>. Explora c\u00f3mo evolucion\u00f3 la historia entre libros, c\u00f3mics, mangas y adaptaciones a lo largo de los a\u00f1os.<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6c71c5b e-flex e-con-boxed e-con e-parent\" data-id=\"6c71c5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26847c4 elementor-widget elementor-widget-html\" data-id=\"26847c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<div id=\"cronologia-eafit\">\r\n\r\n  <!-- FILTROS -->\r\n  <div class=\"cr-filtros\">\r\n\r\n    <div class=\"cr-selector\">\r\n      <span class=\"cr-label\" id=\"cr-label-saga\">\r\n        Selecciona una saga\r\n      <\/span>\r\n\r\n      <div class=\"cr-dropdown\">\r\n        <button\r\n          type=\"button\"\r\n          class=\"cr-dropdown-trigger\"\r\n          id=\"cr-saga-trigger\"\r\n          aria-haspopup=\"listbox\"\r\n          aria-expanded=\"false\"\r\n          aria-labelledby=\"cr-label-saga cr-saga-actual\"\r\n        >\r\n          <span id=\"cr-saga-actual\">Harry Potter<\/span>\r\n          <span class=\"cr-chevron\" aria-hidden=\"true\"><\/span>\r\n        <\/button>\r\n\r\n        <div\r\n          class=\"cr-dropdown-menu\"\r\n          id=\"cr-saga-menu\"\r\n          role=\"listbox\"\r\n          aria-label=\"Selecciona una saga\"\r\n          hidden\r\n        >\r\n          <button type=\"button\" role=\"option\" data-saga=\"harry\" aria-selected=\"true\">\r\n            Harry Potter\r\n          <\/button>\r\n\r\n          <button type=\"button\" role=\"option\" data-saga=\"starwars\" aria-selected=\"false\">\r\n            Star Wars\r\n          <\/button>\r\n\r\n          <button type=\"button\" role=\"option\" data-saga=\"hambre\" aria-selected=\"false\">\r\n            Los juegos del hambre\r\n          <\/button>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cr-modos\" role=\"group\" aria-label=\"Orden de exploraci\u00f3n\">\r\n      <button\r\n        type=\"button\"\r\n        class=\"cr-activo\"\r\n        data-modo=\"publicacion\"\r\n        aria-pressed=\"true\"\r\n      >\r\n        Orden de publicaci\u00f3n\r\n      <\/button>\r\n\r\n      <button\r\n        type=\"button\"\r\n        data-modo=\"recomendado\"\r\n        aria-pressed=\"false\"\r\n      >\r\n        Orden recomendado\r\n      <\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- TEXTO DE AYUDA -->\r\n  <p class=\"cr-ayuda\" id=\"cr-ayuda\">\r\n    Descubre las entregas seg\u00fan su a\u00f1o de publicaci\u00f3n o estreno.\r\n  <\/p>\r\n\r\n  <!-- CARRUSEL -->\r\n  <div class=\"cr-carrusel\">\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"cr-flecha cr-prev\"\r\n      aria-label=\"Ver entregas anteriores\"\r\n    >&#10094;<\/button>\r\n\r\n    <div\r\n      class=\"cr-linea\"\r\n      id=\"cr-linea\"\r\n      aria-label=\"L\u00ednea de tiempo\"\r\n    ><\/div>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"cr-flecha cr-next\"\r\n      aria-label=\"Ver siguientes entregas\"\r\n    >&#10095;<\/button>\r\n\r\n  <\/div>\r\n\r\n  <!-- PANEL INFERIOR -->\r\n  <div\r\n    class=\"cr-detalle\"\r\n    id=\"cr-detalle\"\r\n    aria-live=\"polite\"\r\n  ><\/div>\r\n\r\n<\/div>\r\n\r\n<style>\r\n\/* ==========================================\r\n   CRONOLOG\u00cdA DE SAGAS \u2014 EAFIT LEE\r\n\r\n   Dise\u00f1o original restaurado.\r\n   \u00danico cambio de espaciado:\r\n   PC: 64px\r\n   TABLETA: 52px\r\n   CELULAR: 40px\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit {\r\n  --cr-morado: #BB57B0;\r\n  --cr-morado-oscuro: #92398B;\r\n  --cr-fondo: #FAF1EB;\r\n  --cr-lila: #F4E3F1;\r\n  --cr-turquesa: #E4F5F4;\r\n  --cr-crema: #FFF0D9;\r\n  --cr-texto: #32283A;\r\n  --cr-gap: 16px;\r\n\r\n  position: relative;\r\n  left: 50%;\r\n  width: 93.6vw;\r\n  max-width: none;\r\n  min-width: 0;\r\n\r\n  margin: 0 !important;\r\n\r\n  \/* \u00daNICO CAMBIO: ESPACIO INFERIOR *\/\r\n  padding: 0 0 64px !important;\r\n\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 0;\r\n  color: var(--cr-texto);\r\n\r\n  font-family: 'Barlow', Arial, sans-serif;\r\n  font-weight: 500;\r\n\r\n  transform: translateX(-50%);\r\n}\r\n\r\n#cronologia-eafit *,\r\n#cronologia-eafit *::before,\r\n#cronologia-eafit *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n#cronologia-eafit button {\r\n  font-family: 'Barlow', Arial, sans-serif;\r\n  text-transform: none;\r\n  letter-spacing: normal;\r\n}\r\n\r\n\/* ==========================================\r\n   FILTROS\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-filtros {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 20px;\r\n\r\n  margin: 0 0 24px;\r\n  padding: 0;\r\n\r\n  background: transparent;\r\n  border: 0;\r\n  border-radius: 0;\r\n  box-shadow: none;\r\n}\r\n\r\n#cronologia-eafit .cr-selector {\r\n  display: flex;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n\r\n  gap: 18px;\r\n  min-width: 0;\r\n}\r\n\r\n#cronologia-eafit .cr-label {\r\n  color: var(--cr-morado-oscuro);\r\n  font: 700 16px\/1.4 'Barlow', Arial, sans-serif;\r\n}\r\n\r\n\/* ==========================================\r\n   SELECTOR DE SAGA\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-dropdown {\r\n  position: relative;\r\n  z-index: 20;\r\n\r\n  width: 310px;\r\n  max-width: 100%;\r\n  min-width: 0;\r\n}\r\n\r\n#cronologia-eafit .cr-dropdown-trigger {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n\r\n  gap: 18px;\r\n\r\n  width: 100%;\r\n  min-height: 54px;\r\n\r\n  padding: 13px 19px !important;\r\n\r\n  background: #FAF1EB !important;\r\n  color: #32283A !important;\r\n\r\n  border: 2px solid #DBA1D4 !important;\r\n  border-radius: 25px !important;\r\n\r\n  font: 600 16px\/1.35 'Barlow', Arial, sans-serif !important;\r\n  text-align: left;\r\n\r\n  cursor: pointer;\r\n  box-shadow: none !important;\r\n\r\n  transition:\r\n    border-color .2s ease,\r\n    transform .2s ease !important;\r\n}\r\n\r\n#cronologia-eafit .cr-chevron {\r\n  flex: 0 0 10px;\r\n\r\n  width: 10px;\r\n  height: 10px;\r\n\r\n  border-right: 2px solid var(--cr-morado-oscuro);\r\n  border-bottom: 2px solid var(--cr-morado-oscuro);\r\n\r\n  transform: translateY(-3px) rotate(45deg);\r\n  transition: transform .2s ease;\r\n}\r\n\r\n#cronologia-eafit .cr-dropdown.abierto .cr-chevron {\r\n  transform: translateY(3px) rotate(225deg);\r\n}\r\n\r\n#cronologia-eafit .cr-dropdown-menu {\r\n  position: absolute;\r\n  z-index: 50;\r\n\r\n  top: calc(100% + 8px);\r\n  left: 0;\r\n  right: 0;\r\n\r\n  padding: 8px;\r\n\r\n  background: #FAF1EB;\r\n\r\n  border: 2px solid #DBA1D4;\r\n  border-radius: 22px;\r\n\r\n  box-shadow: 0 12px 26px rgba(80,35,77,.14);\r\n}\r\n\r\n#cronologia-eafit .cr-dropdown-menu[hidden] {\r\n  display: none !important;\r\n}\r\n\r\n#cronologia-eafit .cr-dropdown-menu button {\r\n  display: block;\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n\r\n  padding: 13px 15px !important;\r\n\r\n  background: transparent !important;\r\n  color: var(--cr-texto) !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 15px !important;\r\n\r\n  font: 600 15px\/1.4 'Barlow', Arial, sans-serif !important;\r\n  text-align: left;\r\n\r\n  cursor: pointer;\r\n  box-shadow: none !important;\r\n}\r\n\r\n#cronologia-eafit .cr-dropdown-menu button[aria-selected=\"true\"] {\r\n  background: var(--cr-morado) !important;\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n\/* ==========================================\r\n   MODOS\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-modos {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 5px;\r\n  padding: 6px;\r\n\r\n  background: #EAD3E6;\r\n  border-radius: 999px;\r\n}\r\n\r\n#cronologia-eafit .cr-modos button {\r\n  padding: 13px 19px !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 999px !important;\r\n\r\n  background: transparent !important;\r\n  color: #70396B !important;\r\n\r\n  font: 700 14px\/1.25 'Barlow', Arial, sans-serif !important;\r\n\r\n  cursor: pointer;\r\n  box-shadow: none !important;\r\n\r\n  transition:\r\n    background .2s ease,\r\n    color .2s ease,\r\n    transform .2s ease !important;\r\n}\r\n\r\n#cronologia-eafit .cr-modos button.cr-activo {\r\n  background: var(--cr-morado) !important;\r\n  color: #FFFFFF !important;\r\n}\r\n\r\n\/* ==========================================\r\n   AYUDA\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-ayuda {\r\n  margin: 0 0 22px;\r\n\r\n  color: #000000 !important;\r\n  font: 500 16px\/1.6 'Barlow', Arial, sans-serif;\r\n}\r\n\r\n\/* ==========================================\r\n   CARRUSEL\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-carrusel {\r\n  position: relative;\r\n  min-width: 0;\r\n\r\n  margin: 0 0 22px;\r\n}\r\n\r\n#cronologia-eafit .cr-linea {\r\n  display: flex;\r\n  flex-wrap: nowrap;\r\n  align-items: stretch;\r\n\r\n  gap: var(--cr-gap);\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  padding: 10px 4px 17px;\r\n\r\n  overflow-x: auto;\r\n  overflow-y: hidden;\r\n\r\n  scroll-snap-type: x mandatory;\r\n  scroll-behavior: smooth;\r\n\r\n  scrollbar-width: thin;\r\n  scrollbar-color: #C7A0C1 transparent;\r\n}\r\n\r\n#cronologia-eafit .cr-linea::-webkit-scrollbar {\r\n  height: 7px;\r\n}\r\n\r\n#cronologia-eafit .cr-linea::-webkit-scrollbar-track {\r\n  background: #F0E0EC;\r\n  border-radius: 20px;\r\n}\r\n\r\n#cronologia-eafit .cr-linea::-webkit-scrollbar-thumb {\r\n  background: #C7A0C1;\r\n  border-radius: 20px;\r\n}\r\n\r\n#cronologia-eafit .cr-hito {\r\n  flex: 0 0 235px;\r\n  min-width: 0;\r\n  scroll-snap-align: start;\r\n}\r\n\r\n\/* ==========================================\r\n   TARJETAS\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-hito button {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: flex-start;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 255px;\r\n\r\n  padding: 22px 17px !important;\r\n\r\n  overflow: hidden;\r\n\r\n  background: var(--cr-lila) !important;\r\n  color: var(--cr-texto) !important;\r\n\r\n  border: 2px solid transparent !important;\r\n  border-radius: 27px !important;\r\n\r\n  text-align: center;\r\n  white-space: normal !important;\r\n\r\n  cursor: pointer;\r\n  box-shadow: none !important;\r\n\r\n  transition:\r\n    transform .3s ease,\r\n    box-shadow .3s ease,\r\n    border-color .3s ease !important;\r\n}\r\n\r\n#cronologia-eafit .cr-hito:nth-child(3n+1) button {\r\n  background: var(--cr-lila) !important;\r\n  border-color: #E5B9DF !important;\r\n}\r\n\r\n#cronologia-eafit .cr-hito:nth-child(3n+2) button {\r\n  background: var(--cr-turquesa) !important;\r\n  border-color: #BFE7E5 !important;\r\n}\r\n\r\n#cronologia-eafit .cr-hito:nth-child(3n+3) button {\r\n  background: var(--cr-crema) !important;\r\n  border-color: #F3D5A4 !important;\r\n}\r\n\r\n\/* TEXTURA FRACTAL *\/\r\n\r\n#cronologia-eafit .cr-hito button::before,\r\n#cronologia-eafit .cr-detalle::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 0;\r\n  pointer-events: none;\r\n\r\n  border-radius: inherit;\r\n\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' seed='8' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='180' height='180' filter='url(%23grain)'\/%3E%3C\/svg%3E\");\r\n\r\n  background-size: 180px 180px;\r\n  background-repeat: repeat;\r\n\r\n  opacity: .30;\r\n  mix-blend-mode: soft-light;\r\n}\r\n\r\n#cronologia-eafit .cr-hito button::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 0;\r\n  pointer-events: none;\r\n\r\n  border-radius: inherit;\r\n\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1' numOctaves='2' seed='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='120' height='120' filter='url(%23n)'\/%3E%3C\/svg%3E\");\r\n\r\n  opacity: .08;\r\n  mix-blend-mode: multiply;\r\n}\r\n\r\n#cronologia-eafit .cr-hito button > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#cronologia-eafit .cr-hito button.cr-seleccionado {\r\n  border-color: var(--cr-morado) !important;\r\n  box-shadow: 0 7px 19px rgba(187,87,176,.12) !important;\r\n}\r\n\r\n#cronologia-eafit .cr-anio {\r\n  display: block;\r\n  flex: 0 0 auto;\r\n\r\n  width: 100%;\r\n  margin: 0 0 24px;\r\n\r\n  color: var(--cr-morado-oscuro);\r\n\r\n  font: 800 39px\/1.15 'Baloo Chettan 2', cursive;\r\n  letter-spacing: -1px;\r\n\r\n  text-shadow: 0 4px 9px rgba(123,60,119,.12);\r\n}\r\n\r\n#cronologia-eafit .cr-nombre {\r\n  display: block;\r\n  flex: 0 0 auto;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n  max-width: 100%;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  color: var(--cr-texto);\r\n\r\n  font: 700 16px\/1.45 'Barlow', Arial, sans-serif;\r\n\r\n  white-space: normal !important;\r\n  overflow-wrap: anywhere !important;\r\n  word-break: normal !important;\r\n  hyphens: auto;\r\n\r\n  text-align: center;\r\n}\r\n\r\n#cronologia-eafit .cr-tipo {\r\n  display: block;\r\n  flex: 0 0 auto;\r\n\r\n  width: 100%;\r\n  margin-top: auto;\r\n  padding-top: 15px;\r\n\r\n  color: var(--cr-morado-oscuro);\r\n\r\n  font: 700 13px\/1.35 'Barlow', Arial, sans-serif;\r\n  text-align: center;\r\n}\r\n\r\n\/* ==========================================\r\n   FLECHAS ORIGINALES\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-flecha {\r\n  position: absolute;\r\n  z-index: 5;\r\n  top: 50%;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 50px;\r\n  height: 50px;\r\n\r\n  padding: 0 !important;\r\n\r\n  background: #202020 !important;\r\n  color: #FFFFFF !important;\r\n\r\n  border: 0 !important;\r\n  border-radius: 50% !important;\r\n\r\n  font-size: 25px !important;\r\n  line-height: 1 !important;\r\n\r\n  cursor: pointer;\r\n\r\n  box-shadow: 0 6px 14px rgba(0,0,0,.14) !important;\r\n\r\n  transform: translateY(-50%);\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    background .2s ease !important;\r\n}\r\n\r\n#cronologia-eafit .cr-prev {\r\n  left: -20px;\r\n}\r\n\r\n#cronologia-eafit .cr-next {\r\n  right: -20px;\r\n}\r\n\r\n\/* ==========================================\r\n   PANEL INFERIOR\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-detalle {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  display: grid;\r\n  grid-template-columns: minmax(0,1fr) 250px;\r\n\r\n  gap: 30px;\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n  min-width: 0;\r\n\r\n  padding: 30px;\r\n  overflow: hidden;\r\n\r\n  background: var(--cr-lila);\r\n\r\n  border: 1.5px solid #E5B9DF;\r\n  border-radius: 28px;\r\n\r\n  box-shadow: 0 10px 24px rgba(96,40,88,.055);\r\n\r\n  transition:\r\n    background-color .3s ease,\r\n    border-color .3s ease;\r\n}\r\n\r\n#cronologia-eafit .cr-detalle[data-tono=\"lila\"] {\r\n  background: var(--cr-lila);\r\n  border-color: #E5B9DF;\r\n}\r\n\r\n#cronologia-eafit .cr-detalle[data-tono=\"turquesa\"] {\r\n  background: var(--cr-turquesa);\r\n  border-color: #BFE7E5;\r\n}\r\n\r\n#cronologia-eafit .cr-detalle[data-tono=\"crema\"] {\r\n  background: var(--cr-crema);\r\n  border-color: #F3D5A4;\r\n}\r\n\r\n#cronologia-eafit .cr-detalle > * {\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n#cronologia-eafit .cr-contenido {\r\n  min-width: 0;\r\n}\r\n\r\n#cronologia-eafit .cr-etiqueta {\r\n  display: inline-block;\r\n\r\n  padding: 8px 15px;\r\n  margin-bottom: 14px;\r\n\r\n  background: rgba(187,87,176,.13);\r\n  border-radius: 999px;\r\n\r\n  color: var(--cr-morado-oscuro);\r\n\r\n  font: 700 13px\/1.35 'Barlow', Arial, sans-serif;\r\n}\r\n\r\n#cronologia-eafit .cr-detalle h3 {\r\n  margin: 0 0 12px;\r\n\r\n  color: var(--cr-texto);\r\n\r\n  font: 800 32px\/1.2 'Baloo Chettan 2', cursive;\r\n  letter-spacing: -.4px;\r\n\r\n  overflow-wrap: anywhere;\r\n}\r\n\r\n#cronologia-eafit .cr-detalle p {\r\n  margin: 0;\r\n\r\n  color: #000000 !important;\r\n  font: 500 16px\/1.7 'Barlow', Arial, sans-serif;\r\n}\r\n\r\n\/* ==========================================\r\n   IM\u00c1GENES\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit .cr-visual {\r\n  position: relative;\r\n  isolation: isolate;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  min-width: 0;\r\n  min-height: 240px;\r\n\r\n  padding: 20px;\r\n  overflow: hidden;\r\n\r\n  border-radius: 26px;\r\n  text-align: center;\r\n}\r\n\r\n#cronologia-eafit .cr-visual[data-saga=\"harry\"] {\r\n  background: linear-gradient(\r\n    135deg,\r\n    #512D7A 23%,\r\n    rgba(187,87,176,.27) 100%\r\n  ) !important;\r\n}\r\n\r\n#cronologia-eafit .cr-visual[data-saga=\"starwars\"] {\r\n  background: linear-gradient(\r\n    135deg,\r\n    #0585AF 23%,\r\n    rgba(7,195,209,0) 100%\r\n  ) !important;\r\n}\r\n\r\n#cronologia-eafit .cr-visual[data-saga=\"hambre\"] {\r\n  background: linear-gradient(\r\n    135deg,\r\n    #FF6C00 16%,\r\n    #FFB076 100%\r\n  ) !important;\r\n}\r\n\r\n#cronologia-eafit .cr-visual::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n  inset: 0;\r\n\r\n  z-index: 0;\r\n  pointer-events: none;\r\n\r\n  border-radius: inherit;\r\n\r\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' seed='8' stitchTiles='stitch'\/%3E%3CfeColorMatrix type='saturate' values='0'\/%3E%3C\/filter%3E%3Crect width='180' height='180' filter='url(%23grain)'\/%3E%3C\/svg%3E\");\r\n\r\n  background-size: 180px 180px;\r\n  background-repeat: repeat;\r\n\r\n  opacity: .30;\r\n  mix-blend-mode: soft-light;\r\n}\r\n\r\n#cronologia-eafit .cr-ilustracion {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  font-size: 82px;\r\n  line-height: 1;\r\n\r\n  filter: drop-shadow(0 10px 12px rgba(0,0,0,.18));\r\n}\r\n\r\n#cronologia-eafit .cr-visual-texto {\r\n  position: relative;\r\n  z-index: 1;\r\n\r\n  display: block;\r\n  margin-top: 18px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  font: 800 24px\/1.2 'Baloo Chettan 2', cursive;\r\n\r\n  text-shadow: 0 3px 8px rgba(0,0,0,.25);\r\n}\r\n\r\n#cronologia-eafit .cr-visual img {\r\n  position: absolute;\r\n  z-index: 2;\r\n\r\n  inset: 0;\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  padding: 10px;\r\n\r\n  object-fit: contain;\r\n  object-position: center;\r\n\r\n  background: transparent;\r\n\r\n  filter: drop-shadow(0 8px 12px rgba(0,0,0,.18));\r\n}\r\n\r\n#cronologia-eafit .cr-visual.cr-con-imagen .cr-ilustracion,\r\n#cronologia-eafit .cr-visual.cr-con-imagen .cr-visual-texto {\r\n  display: none;\r\n}\r\n\r\n\/* ==========================================\r\n   INTERACCI\u00d3N Y ACCESIBILIDAD\r\n   ========================================== *\/\r\n\r\n#cronologia-eafit button:focus-visible {\r\n  outline: 3px solid var(--cr-morado) !important;\r\n  outline-offset: 3px;\r\n}\r\n\r\n\/* Hover solamente en dispositivos con mouse *\/\r\n\r\n@media (hover: hover) and (pointer: fine) {\r\n\r\n  #cronologia-eafit .cr-dropdown-trigger:hover {\r\n    border-color: var(--cr-morado) !important;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #cronologia-eafit .cr-dropdown-menu button:hover {\r\n    background: #EBCBE7 !important;\r\n    color: #823078 !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-modos button:hover:not(.cr-activo) {\r\n    background: #F4E3F1 !important;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #cronologia-eafit .cr-hito button:hover {\r\n    transform: translateY(-6px) scale(1.015);\r\n    box-shadow: 0 13px 25px rgba(96,40,88,.14) !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-flecha:hover {\r\n    background: var(--cr-morado) !important;\r\n    transform: translateY(-50%) scale(1.08);\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   TABLETA \/ IPAD\r\n   Se conserva el dise\u00f1o original.\r\n   Solo cambia el espacio inferior.\r\n   ========================================== *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n  #cronologia-eafit {\r\n    --cr-gap: 16px;\r\n    padding-bottom: 52px !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-hito {\r\n    flex-basis: 225px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-hito button {\r\n    min-height: 255px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-detalle {\r\n    grid-template-columns: minmax(0,1fr) 200px;\r\n    gap: 22px;\r\n    padding: 24px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   CELULAR\r\n   Se conserva el ancho y centrado originales.\r\n   Solo cambia el espacio inferior.\r\n   ========================================== *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  #cronologia-eafit {\r\n    --cr-gap: 14px;\r\n\r\n    width: calc(100vw - 32px);\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n\r\n    padding-bottom: 40px !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-filtros {\r\n    align-items: stretch;\r\n    gap: 17px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-selector {\r\n    width: 100%;\r\n    gap: 10px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-label,\r\n  #cronologia-eafit .cr-dropdown {\r\n    width: 100%;\r\n  }\r\n\r\n  #cronologia-eafit .cr-modos {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    width: 100%;\r\n  }\r\n\r\n  #cronologia-eafit .cr-modos button {\r\n    padding: 12px 8px !important;\r\n    font-size: 12px !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-ayuda {\r\n    font-size: 15px;\r\n    margin-bottom: 18px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-hito {\r\n    flex-basis: min(66vw,225px);\r\n  }\r\n\r\n  #cronologia-eafit .cr-hito button {\r\n    min-height: 255px;\r\n    padding: 20px 15px !important;\r\n    border-radius: 26px !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-anio {\r\n    font-size: 37px;\r\n    margin-bottom: 22px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-nombre {\r\n    font-size: 15px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-flecha {\r\n    width: 42px;\r\n    height: 42px;\r\n    font-size: 22px !important;\r\n  }\r\n\r\n  #cronologia-eafit .cr-prev {\r\n    left: -10px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-next {\r\n    right: -10px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-detalle {\r\n    grid-template-columns: 1fr;\r\n    gap: 22px;\r\n    padding: 22px;\r\n    border-radius: 25px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-detalle h3 {\r\n    font-size: 28px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-detalle p {\r\n    font-size: 15px;\r\n  }\r\n\r\n  #cronologia-eafit .cr-visual {\r\n    min-height: 220px;\r\n  }\r\n\r\n}\r\n\r\n\/* ==========================================\r\n   REDUCCI\u00d3N DE MOVIMIENTO\r\n   ========================================== *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  #cronologia-eafit .cr-linea {\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  #cronologia-eafit button,\r\n  #cronologia-eafit .cr-detalle {\r\n    transition: none !important;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  function iniciarCronologiaEafit() {\r\n\r\n    const raiz = document.getElementById('cronologia-eafit');\r\n\r\n    if (!raiz || raiz.dataset.iniciado === 'si') {\r\n      return;\r\n    }\r\n\r\n    raiz.dataset.iniciado = 'si';\r\n\r\n    \/* ======================================\r\n       IM\u00c1GENES\r\n       ====================================== *\/\r\n\r\n    const baseImagenes =\r\n      'https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/';\r\n\r\n    const imagenes = {\r\n\r\n      \/* HARRY POTTER *\/\r\n      hp1: baseImagenes + 'HP1.png',\r\n      hp2: baseImagenes + 'HP2.png',\r\n      hp3: baseImagenes + 'HP3.png',\r\n      hp4: baseImagenes + 'HP4.png',\r\n      hp5: baseImagenes + 'HP5.png',\r\n      hp6: baseImagenes + 'HP6.png',\r\n      hp7: baseImagenes + 'HP7.png',\r\n\r\n      \/* STAR WARS: IM\u00c1GENES EN ORDEN DE ESTRENO *\/\r\n      sw4: baseImagenes + 'SW1.png',\r\n      sw5: baseImagenes + 'SW2.png',\r\n      sw6: baseImagenes + 'SW3.png',\r\n      sw1: baseImagenes + 'SW4.png',\r\n      sw2: baseImagenes + 'SW5.png',\r\n      sw3: baseImagenes + 'SW6.png',\r\n      sw7: baseImagenes + 'SW7.png',\r\n      sw8: baseImagenes + 'SW8.png',\r\n      sw9: baseImagenes + 'SW9.png',\r\n\r\n      \/* LOS JUEGOS DEL HAMBRE *\/\r\n      jh1: baseImagenes + 'LJDH1.png',\r\n      jh2: baseImagenes + 'LJDH2.png',\r\n      jh3: baseImagenes + 'LJDH3.png',\r\n      jh4: baseImagenes + 'LJDH4.png',\r\n      jh5: baseImagenes + 'LJDH5.png'\r\n    };\r\n\r\n    \/* ======================================\r\n       CONTENIDO DE LAS SAGAS\r\n       ====================================== *\/\r\n\r\n    const sagas = {\r\n\r\n      harry: {\r\n        nombre: 'Harry Potter',\r\n        simbolo: '\u26a1',\r\n\r\n        obras: [\r\n          [\r\n            'hp1', 1997, 'La piedra filosofal', 'Libro',\r\n            'Harry descubre que es mago y llega a Hogwarts. Su primer a\u00f1o lo enfrenta a un misterio que conecta la escuela con el pasado de sus padres.'\r\n          ],\r\n          [\r\n            'hp2', 1998, 'La c\u00e1mara secreta', 'Libro',\r\n            'Una serie de ataques sacude Hogwarts. Harry investiga la leyenda de la C\u00e1mara Secreta mientras descubre m\u00e1s sobre el origen de Voldemort.'\r\n          ],\r\n          [\r\n            'hp3', 1999, 'El prisionero de Azkaban', 'Libro',\r\n            'La fuga de Sirius Black cambia lo que Harry cree saber sobre sus padres. Una historia de amistad, secretos y versiones contradictorias del pasado.'\r\n          ],\r\n          [\r\n            'hp4', 2000, 'El c\u00e1liz de fuego', 'Libro',\r\n            'Harry es elegido para un torneo m\u00e1gico de alto riesgo. La competencia abre una etapa m\u00e1s oscura y ampl\u00eda el mundo de la saga.'\r\n          ],\r\n          [\r\n            'hp5', 2003, 'La Orden del F\u00e9nix', 'Libro',\r\n            'El Ministerio niega el regreso de Voldemort. Harry y sus compa\u00f1eros se organizan para aprender a defenderse y cuestionar la autoridad.'\r\n          ],\r\n          [\r\n            'hp6', 2005, 'El misterio del pr\u00edncipe', 'Libro',\r\n            'Dumbledore comparte recuerdos fundamentales para entender a Voldemort. Harry se acerca a las claves del conflicto final.'\r\n          ],\r\n          [\r\n            'hp7', 2007, 'Las reliquias de la Muerte', 'Libro',\r\n            'Harry, Ron y Hermione dejan Hogwarts para buscar los horrocruxes. La saga culmina con decisiones sobre la lealtad, el sacrificio y el poder.'\r\n          ]\r\n        ],\r\n\r\n        recomendado: [\r\n          'hp1', 'hp2', 'hp3', 'hp4',\r\n          'hp5', 'hp6', 'hp7'\r\n        ]\r\n      },\r\n\r\n      starwars: {\r\n        nombre: 'Star Wars',\r\n        simbolo: '\u2726',\r\n\r\n        obras: [\r\n          [\r\n            'sw4', 1977, 'Episodio IV: Una nueva esperanza', 'Pel\u00edcula',\r\n            'Luke Skywalker se une a la Rebeli\u00f3n y descubre el camino de la Fuerza. Es la pel\u00edcula con la que comenz\u00f3 la saga en los cines.'\r\n          ],\r\n          [\r\n            'sw5', 1980, 'Episodio V: El Imperio contraataca', 'Pel\u00edcula',\r\n            'El Imperio persigue a los rebeldes mientras Luke entrena con Yoda. La historia profundiza en los v\u00ednculos familiares y el conflicto entre luz y oscuridad.'\r\n          ],\r\n          [\r\n            'sw6', 1983, 'Episodio VI: El retorno del Jedi', 'Pel\u00edcula',\r\n            'La Alianza Rebelde prepara su enfrentamiento decisivo con el Imperio. Luke apuesta por la posibilidad de redenci\u00f3n de su padre.'\r\n          ],\r\n          [\r\n            'sw1', 1999, 'Episodio I: La amenaza fantasma', 'Pel\u00edcula',\r\n            'Dos jedis encuentran a Anakin Skywalker durante una crisis pol\u00edtica. Comienza el relato sobre el origen de Darth Vader.'\r\n          ],\r\n          [\r\n            'sw2', 2002, 'Episodio II: El ataque de los clones', 'Pel\u00edcula',\r\n            'La Rep\u00fablica se acerca a la guerra. Anakin y Padm\u00e9 estrechan su relaci\u00f3n mientras se revela un ej\u00e9rcito de clones.'\r\n          ],\r\n          [\r\n            'sw3', 2005, 'Episodio III: La venganza de los Sith', 'Pel\u00edcula',\r\n            'La guerra transforma la Rep\u00fablica y Anakin enfrenta decisiones irreversibles. Esta entrega conecta las precuelas con la trilog\u00eda original.'\r\n          ],\r\n          [\r\n            'sw7', 2015, 'Episodio VII: El despertar de la Fuerza', 'Pel\u00edcula',\r\n            'Rey y Finn quedan atrapados en el conflicto entre la Resistencia y la Primera Orden. La Fuerza despierta en una nueva generaci\u00f3n.'\r\n          ],\r\n          [\r\n            'sw8', 2017, 'Episodio VIII: Los \u00faltimos Jedi', 'Pel\u00edcula',\r\n            'Rey busca respuestas sobre la Fuerza y Luke Skywalker. La Resistencia lucha por sobrevivir mientras se cuestionan las leyendas heredadas.'\r\n          ],\r\n          [\r\n            'sw9', 2019, 'Episodio IX: El ascenso de Skywalker', 'Pel\u00edcula',\r\n            'Rey y sus aliados enfrentan una amenaza final. La pel\u00edcula cierra la historia principal de la familia Skywalker.'\r\n          ]\r\n        ],\r\n\r\n        recomendado: [\r\n          'sw1', 'sw2', 'sw3',\r\n          'sw4', 'sw5', 'sw6',\r\n          'sw7', 'sw8', 'sw9'\r\n        ]\r\n      },\r\n\r\n      hambre: {\r\n        nombre: 'Los juegos del hambre',\r\n        simbolo: '\ud83d\udd25',\r\n\r\n        obras: [\r\n          [\r\n            'jh1', 2008, 'Los juegos del hambre', 'Libro',\r\n            'Katniss Everdeen se ofrece como tributo para salvar a su hermana. Los Juegos muestran c\u00f3mo el Capitolio utiliza el espect\u00e1culo para controlar los distritos.'\r\n          ],\r\n          [\r\n            'jh2', 2009, 'En llamas', 'Libro',\r\n            'Katniss y Peeta regresan a la arena en una edici\u00f3n especial de los Juegos. Su desaf\u00edo al Capitolio se convierte en s\u00edmbolo de resistencia.'\r\n          ],\r\n          [\r\n            'jh3', 2010, 'Sinsajo', 'Libro',\r\n            'Katniss se convierte en el rostro de una rebeli\u00f3n. La novela explora el costo humano de la guerra y el poder de la propaganda.'\r\n          ],\r\n          [\r\n            'jh4', 2020, 'Balada de p\u00e1jaros cantores y serpientes', 'Libro',\r\n            'D\u00e9cadas antes de Katniss, un joven Coriolanus Snow participa como mentor en los Juegos. La precuela revela c\u00f3mo se consolid\u00f3 el espect\u00e1culo.'\r\n          ],\r\n          [\r\n            'jh5', 2025, 'Amanecer en la cosecha', 'Libro',\r\n            'La historia regresa a los segundos Vasallajes de los Veinticinco y a los Juegos de Haymitch Abernathy, muchos a\u00f1os antes de Katniss.'\r\n          ]\r\n        ],\r\n\r\n        recomendado: [\r\n          'jh4', 'jh5', 'jh1', 'jh2', 'jh3'\r\n        ]\r\n      }\r\n    };\r\n\r\n    \/* ======================================\r\n       ELEMENTOS\r\n       ====================================== *\/\r\n\r\n    const dropdown = raiz.querySelector('.cr-dropdown');\r\n    const trigger = raiz.querySelector('#cr-saga-trigger');\r\n    const menu = raiz.querySelector('#cr-saga-menu');\r\n    const sagaActualTexto = raiz.querySelector('#cr-saga-actual');\r\n\r\n    const opciones = Array.from(\r\n      raiz.querySelectorAll('.cr-dropdown-menu [data-saga]')\r\n    );\r\n\r\n    const linea = raiz.querySelector('#cr-linea');\r\n    const detalle = raiz.querySelector('#cr-detalle');\r\n    const ayuda = raiz.querySelector('#cr-ayuda');\r\n    const botonesModo = raiz.querySelectorAll('[data-modo]');\r\n\r\n    let sagaActual = 'harry';\r\n    let modo = 'publicacion';\r\n\r\n    function crearElemento(etiqueta, clase, texto) {\r\n      const elemento = document.createElement(etiqueta);\r\n\r\n      if (clase) {\r\n        elemento.className = clase;\r\n      }\r\n\r\n      if (texto !== undefined) {\r\n        elemento.textContent = texto;\r\n      }\r\n\r\n      return elemento;\r\n    }\r\n\r\n    \/* ======================================\r\n       SELECTOR DE SAGAS\r\n       ====================================== *\/\r\n\r\n    function abrirMenu() {\r\n      menu.hidden = false;\r\n      dropdown.classList.add('abierto');\r\n      trigger.setAttribute('aria-expanded', 'true');\r\n    }\r\n\r\n    function cerrarMenu() {\r\n      menu.hidden = true;\r\n      dropdown.classList.remove('abierto');\r\n      trigger.setAttribute('aria-expanded', 'false');\r\n    }\r\n\r\n    function elegirSaga(id) {\r\n      if (!sagas[id]) return;\r\n\r\n      sagaActual = id;\r\n      sagaActualTexto.textContent = sagas[id].nombre;\r\n\r\n      opciones.forEach(function (opcion) {\r\n        opcion.setAttribute(\r\n          'aria-selected',\r\n          String(opcion.dataset.saga === id)\r\n        );\r\n      });\r\n\r\n      cerrarMenu();\r\n      renderizar();\r\n      trigger.focus();\r\n    }\r\n\r\n    trigger.addEventListener('click', function () {\r\n      if (menu.hidden) {\r\n        abrirMenu();\r\n      } else {\r\n        cerrarMenu();\r\n      }\r\n    });\r\n\r\n    trigger.addEventListener('keydown', function (evento) {\r\n      if (\r\n        evento.key === 'ArrowDown' ||\r\n        evento.key === 'ArrowUp'\r\n      ) {\r\n        evento.preventDefault();\r\n        abrirMenu();\r\n\r\n        const indice = opciones.findIndex(function (opcion) {\r\n          return opcion.dataset.saga === sagaActual;\r\n        });\r\n\r\n        opciones[Math.max(0, indice)].focus();\r\n      }\r\n\r\n      if (evento.key === 'Escape') {\r\n        cerrarMenu();\r\n      }\r\n    });\r\n\r\n    opciones.forEach(function (opcion, indice) {\r\n      opcion.addEventListener('click', function () {\r\n        elegirSaga(opcion.dataset.saga);\r\n      });\r\n\r\n      opcion.addEventListener('keydown', function (evento) {\r\n        if (evento.key === 'ArrowDown') {\r\n          evento.preventDefault();\r\n          opciones[(indice + 1) % opciones.length].focus();\r\n        }\r\n\r\n        if (evento.key === 'ArrowUp') {\r\n          evento.preventDefault();\r\n          opciones[\r\n            (indice - 1 + opciones.length) % opciones.length\r\n          ].focus();\r\n        }\r\n\r\n        if (evento.key === 'Home') {\r\n          evento.preventDefault();\r\n          opciones[0].focus();\r\n        }\r\n\r\n        if (evento.key === 'End') {\r\n          evento.preventDefault();\r\n          opciones[opciones.length - 1].focus();\r\n        }\r\n\r\n        if (evento.key === 'Escape') {\r\n          cerrarMenu();\r\n          trigger.focus();\r\n        }\r\n\r\n        if (\r\n          evento.key === 'Enter' ||\r\n          evento.key === ' '\r\n        ) {\r\n          evento.preventDefault();\r\n          elegirSaga(opcion.dataset.saga);\r\n        }\r\n      });\r\n    });\r\n\r\n    document.addEventListener('click', function (evento) {\r\n      if (!dropdown.contains(evento.target)) {\r\n        cerrarMenu();\r\n      }\r\n    });\r\n\r\n    \/* ======================================\r\n       ORDEN DE LAS OBRAS\r\n       ====================================== *\/\r\n\r\n    function obtenerObras() {\r\n      const saga = sagas[sagaActual];\r\n\r\n      if (modo === 'publicacion') {\r\n        return [...saga.obras].sort(function (a, b) {\r\n          return a[1] - b[1];\r\n        });\r\n      }\r\n\r\n      return saga.recomendado\r\n        .map(function (id) {\r\n          return saga.obras.find(function (obra) {\r\n            return obra[0] === id;\r\n          });\r\n        })\r\n        .filter(Boolean);\r\n    }\r\n\r\n    function obtenerTono(indice) {\r\n      const tonos = ['lila', 'turquesa', 'crema'];\r\n      return tonos[indice % tonos.length];\r\n    }\r\n\r\n    \/* ======================================\r\n       PANEL DE DETALLES\r\n       ====================================== *\/\r\n\r\n    function mostrarDetalle(obra, indice) {\r\n      detalle.replaceChildren();\r\n      detalle.dataset.tono = obtenerTono(indice);\r\n\r\n      const saga = sagas[sagaActual];\r\n      const contenido = crearElemento('div', 'cr-contenido');\r\n\r\n      const etiquetaTexto =\r\n        (\r\n          modo === 'publicacion'\r\n            ? 'Publicaci\u00f3n'\r\n            : 'Paso ' + (indice + 1)\r\n        ) +\r\n        ' \u00b7 ' +\r\n        obra[3] +\r\n        ' \u00b7 ' +\r\n        obra[1];\r\n\r\n      const etiqueta = crearElemento(\r\n        'span',\r\n        'cr-etiqueta',\r\n        etiquetaTexto\r\n      );\r\n\r\n      const titulo = crearElemento('h3', '', obra[2]);\r\n      const descripcion = crearElemento('p', '', obra[4]);\r\n\r\n      contenido.append(etiqueta, titulo, descripcion);\r\n\r\n      const visual = crearElemento('div', 'cr-visual');\r\n      visual.dataset.saga = sagaActual;\r\n\r\n      const simbolo = crearElemento(\r\n        'span',\r\n        'cr-ilustracion',\r\n        saga.simbolo\r\n      );\r\n\r\n      const textoVisual = crearElemento(\r\n        'span',\r\n        'cr-visual-texto',\r\n        saga.nombre\r\n      );\r\n\r\n      visual.append(simbolo, textoVisual);\r\n\r\n      const urlImagen = imagenes[obra[0]];\r\n\r\n      if (urlImagen) {\r\n        const imagen = document.createElement('img');\r\n\r\n        imagen.src = urlImagen;\r\n        imagen.alt = 'Imagen de ' + obra[2];\r\n        imagen.loading = 'lazy';\r\n        imagen.decoding = 'async';\r\n\r\n        imagen.addEventListener('load', function () {\r\n          visual.classList.add('cr-con-imagen');\r\n        });\r\n\r\n        imagen.addEventListener('error', function () {\r\n          imagen.remove();\r\n          visual.classList.remove('cr-con-imagen');\r\n        });\r\n\r\n        visual.append(imagen);\r\n      }\r\n\r\n      detalle.append(contenido, visual);\r\n    }\r\n\r\n    \/* ======================================\r\n       SELECCI\u00d3N DE TARJETAS\r\n       ====================================== *\/\r\n\r\n    function seleccionar(indice) {\r\n      linea.querySelectorAll('.cr-hito button')\r\n        .forEach(function (boton, i) {\r\n          const activo = i === indice;\r\n\r\n          boton.classList.toggle(\r\n            'cr-seleccionado',\r\n            activo\r\n          );\r\n\r\n          boton.setAttribute(\r\n            'aria-pressed',\r\n            String(activo)\r\n          );\r\n        });\r\n\r\n      const obra = obtenerObras()[indice];\r\n\r\n      if (obra) {\r\n        mostrarDetalle(obra, indice);\r\n      }\r\n    }\r\n\r\n    \/* ======================================\r\n       CREAR CARRUSEL\r\n       ====================================== *\/\r\n\r\n    function renderizar() {\r\n      const obras = obtenerObras();\r\n\r\n      linea.replaceChildren();\r\n\r\n      ayuda.textContent =\r\n        modo === 'publicacion'\r\n          ? 'Descubre las entregas seg\u00fan su a\u00f1o de publicaci\u00f3n o estreno.'\r\n          : 'Sigue un recorrido narrativo sugerido. Los a\u00f1os corresponden al estreno o publicaci\u00f3n, no al momento en que ocurre la historia.';\r\n\r\n      obras.forEach(function (obra, indice) {\r\n        const tarjeta = crearElemento('div', 'cr-hito');\r\n        const boton = crearElemento('button', '');\r\n\r\n        boton.type = 'button';\r\n\r\n        boton.setAttribute(\r\n          'aria-label',\r\n          'Explorar ' + obra[2] + ', ' + obra[1]\r\n        );\r\n\r\n        const anio = crearElemento(\r\n          'span',\r\n          'cr-anio',\r\n          String(obra[1])\r\n        );\r\n\r\n        const nombre = crearElemento(\r\n          'span',\r\n          'cr-nombre',\r\n          obra[2]\r\n        );\r\n\r\n        const tipo = crearElemento(\r\n          'span',\r\n          'cr-tipo',\r\n          obra[3]\r\n        );\r\n\r\n        boton.append(anio, nombre, tipo);\r\n\r\n        boton.addEventListener('click', function () {\r\n          seleccionar(indice);\r\n        });\r\n\r\n        tarjeta.append(boton);\r\n        linea.append(tarjeta);\r\n      });\r\n\r\n      linea.scrollLeft = 0;\r\n      seleccionar(0);\r\n    }\r\n\r\n    \/* ======================================\r\n       CAMBIAR ORDEN\r\n       ====================================== *\/\r\n\r\n    botonesModo.forEach(function (boton) {\r\n      boton.addEventListener('click', function () {\r\n        modo = boton.dataset.modo;\r\n\r\n        botonesModo.forEach(function (otroBoton) {\r\n          const activo = otroBoton === boton;\r\n\r\n          otroBoton.classList.toggle(\r\n            'cr-activo',\r\n            activo\r\n          );\r\n\r\n          otroBoton.setAttribute(\r\n            'aria-pressed',\r\n            String(activo)\r\n          );\r\n        });\r\n\r\n        renderizar();\r\n      });\r\n    });\r\n\r\n    \/* ======================================\r\n       FLECHAS\r\n       ====================================== *\/\r\n\r\n    raiz.querySelector('.cr-prev')\r\n      .addEventListener('click', function () {\r\n        mover(-1);\r\n      });\r\n\r\n    raiz.querySelector('.cr-next')\r\n      .addEventListener('click', function () {\r\n        mover(1);\r\n      });\r\n\r\n    function mover(direccion) {\r\n      const primeraTarjeta = linea.querySelector('.cr-hito');\r\n\r\n      if (!primeraTarjeta) return;\r\n\r\n      const estilos = window.getComputedStyle(linea);\r\n\r\n      const espacio =\r\n        parseFloat(estilos.columnGap || estilos.gap) || 16;\r\n\r\n      const ancho =\r\n        primeraTarjeta.getBoundingClientRect().width;\r\n\r\n      const paso = ancho + espacio;\r\n\r\n      const maximo = Math.max(\r\n        0,\r\n        linea.scrollWidth - linea.clientWidth\r\n      );\r\n\r\n      let destino =\r\n        linea.scrollLeft + direccion * paso;\r\n\r\n      if (\r\n        direccion > 0 &&\r\n        linea.scrollLeft >= maximo - 8\r\n      ) {\r\n        destino = 0;\r\n      }\r\n\r\n      if (\r\n        direccion < 0 &&\r\n        linea.scrollLeft <= 8\r\n      ) {\r\n        destino = maximo;\r\n      }\r\n\r\n      linea.scrollTo({\r\n        left: destino,\r\n        behavior: 'smooth'\r\n      });\r\n    }\r\n\r\n    renderizar();\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      iniciarCronologiaEafit\r\n    );\r\n  } else {\r\n    iniciarCronologiaEafit();\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9898198 e-con e-atomic-element e-div-block-base e-default-div e-9898198-fcdae93 \" data-id=\"9898198\" data-element_type=\"e-div-block\" data-e-type=\"e-div-block\" data-interaction-id=\"9898198\">\n    \t\t\t<h2 data-interaction-id=\"69598e1\" class=\"e-69598e1-db3a898 e-heading-base e-default-h2\">Prompts de IA para tus lecturas<\/h2>\n\t\t\t\t\t<p class=\"e-0d2c29f-9e4b8f7 e-paragraph-base e-default-p\" data-interaction-id=\"0d2c29f\"><strong>1. Abre <\/strong>tu<strong> IA <\/strong>favorita.<strong><br>2. Adjunta <\/strong>tu<strong> lectura<\/strong> o<strong> documento PDF.<br>3. Explora, mira <\/strong>y<strong> copia<\/strong> el<strong> prompt <\/strong>que mejor se ajuste a tu tarea<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-88cd929 e-flex e-con-boxed e-con e-parent\" data-id=\"88cd929\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-59495db elementor-widget elementor-widget-html\" data-id=\"59495db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- ==================================================\r\n EAFIT LEE \u00b7 PROMPTS PARA TUS LECTURAS\r\n Sistema de m\u00e1rgenes basado en Cronolog\u00eda de Sagas\r\n 4 tarjetas \u00b7 Sin carrusel \u00b7 SVG protegidos\r\n ================================================== -->\r\n\r\n<section id=\"eafit-ia-prompts\">\r\n\r\n  <div class=\"eip-grid\">\r\n\r\n    <!-- 01 \u00b7 PDF -->\r\n    <article class=\"eip-card eip-lila eip-selected\"\r\n             data-id=\"analisis\" tabindex=\"0\">\r\n\r\n      <div class=\"eip-icon eip-icon-pdf\">\r\n        <svg viewBox=\"0 0 37 48\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n             aria-hidden=\"true\">\r\n          <path d=\"M19.5143 27.3429L19.5301 27.2679C19.8349 25.9875 20.2186 24.3911 19.919 22.9446C19.7193 21.8036 18.8942 21.3589 18.1899 21.3268C17.3595 21.2893 16.6185 21.7714 16.4345 22.4732C16.0876 23.7589 16.3977 25.5161 16.9653 27.7554C16.2506 29.4911 15.1101 32.0143 14.2744 33.5143C12.7187 34.3339 10.6322 35.5982 10.3222 37.1946C10.2591 37.4893 10.3327 37.8643 10.5061 38.2018C10.7006 38.5768 11.0107 38.8661 11.3733 39.0054C11.531 39.0643 11.7202 39.1125 11.9409 39.1125C12.8659 39.1125 14.3638 38.3518 16.3609 34.8589C16.6658 34.7571 16.9811 34.65 17.2859 34.5429C18.7155 34.05 20.1976 33.5357 21.5378 33.3054C23.0199 34.1143 24.707 34.6339 25.8527 34.6339C26.9879 34.6339 27.4347 33.9482 27.6028 33.5357C27.8972 32.8125 27.7553 31.9018 27.277 31.4143C26.5832 30.7179 24.8962 30.5357 22.2683 30.8679C20.9754 30.0643 20.1293 28.9714 19.5143 27.3429ZM13.7489 35.4804C13.0183 36.5625 12.4665 37.1036 12.1669 37.3393C12.519 36.6804 13.2075 35.9839 13.7489 35.4804ZM18.3528 22.8643C18.6261 23.3411 18.5893 24.7821 18.3791 25.5107C18.1216 24.4446 18.0848 22.9339 18.2372 22.7571C18.2793 22.7625 18.3161 22.7946 18.3528 22.8643ZM18.2687 29.3196C18.8311 30.3107 19.5406 31.1625 20.3237 31.7946C19.1885 32.0571 18.1531 32.4911 17.2281 32.8768C17.0074 32.9679 16.7919 33.0589 16.5817 33.1446C17.2807 31.8536 17.8641 30.3911 18.2687 29.3196ZM26.4466 32.8286C26.4518 32.8393 26.4571 32.8554 26.4256 32.8768H26.4151L26.4045 32.8929C26.3625 32.9196 25.9315 33.1768 24.0763 32.4321C26.2101 32.3304 26.4413 32.8232 26.4466 32.8286ZM36.506 12.0321L25.1957 0.503572C24.8804 0.182143 24.4547 0 24.008 0H1.68182C0.751562 0 0 0.766071 0 1.71429V46.2857C0 47.2339 0.751562 48 1.68182 48H35.3182C36.2484 48 37 47.2339 37 46.2857V13.2482C37 12.7929 36.8213 12.3536 36.506 12.0321ZM33.1213 14.0357H23.2301V3.95357L33.1213 14.0357ZM33.2159 44.1429H3.78409V3.85714H19.6562V15.4286C19.6562 16.0253 19.8888 16.5976 20.3028 17.0196C20.7167 17.4415 21.2782 17.6786 21.8636 17.6786H33.2159V44.1429Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>An\u00e1lisis y s\u00edntesis de PDFs<\/h3>\r\n\r\n      <p>\r\n        Extrae las ideas principales, la tesis del autor\r\n        y la metodolog\u00eda de textos extensos o cap\u00edtulos\r\n        densos sin perder rigor conceptual.\r\n      <\/p>\r\n\r\n      <div class=\"eip-actions\">\r\n        <button class=\"eip-view\" type=\"button\"\r\n                data-id=\"analisis\">Ver prompt<\/button>\r\n        <button class=\"eip-copy\" type=\"button\"\r\n                data-id=\"analisis\">Copiar prompt<\/button>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 02 \u00b7 MAPAS -->\r\n    <article class=\"eip-card eip-menta\"\r\n             data-id=\"mapas\" tabindex=\"0\">\r\n\r\n      <div class=\"eip-icon eip-icon-mapas\">\r\n        <svg viewBox=\"0 0 40 32\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n             aria-hidden=\"true\">\r\n          <path d=\"M22 16.0005H38M22 30.0005H38M22 2.00049H38M14 16.0005H2H6M6 16.0005C12 16.0005 8 28.0005 14 30.0005M6 16.0005C12 16.0005 8 4.00049 14 2.00049\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Generador de mapas conceptuales<\/h3>\r\n\r\n      <p>\r\n        Convierte fragmentos te\u00f3ricos complejos en\r\n        jerarqu\u00edas de conceptos y relaciones l\u00f3gicas\r\n        listas para diagramar o repasar.\r\n      <\/p>\r\n\r\n      <div class=\"eip-actions\">\r\n        <button class=\"eip-view\" type=\"button\"\r\n                data-id=\"mapas\">Ver prompt<\/button>\r\n        <button class=\"eip-copy\" type=\"button\"\r\n                data-id=\"mapas\">Copiar prompt<\/button>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 03 \u00b7 PARCIALES -->\r\n    <article class=\"eip-card eip-crema\"\r\n             data-id=\"parciales\" tabindex=\"0\">\r\n\r\n      <div class=\"eip-icon eip-icon-quiz\">\r\n        <svg viewBox=\"0 0 47 52\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n             aria-hidden=\"true\">\r\n          <path d=\"M2 2H44.8108V50H2V2Z\"\/>\r\n          <path d=\"M13.6756 20.8111C15.825 20.8111 17.5675 19.0687 17.5675 16.9192C17.5675 14.7698 15.825 13.0273 13.6756 13.0273C11.5262 13.0273 9.78369 14.7698 9.78369 16.9192C9.78369 19.0687 11.5262 20.8111 13.6756 20.8111Z\"\/>\r\n          <path d=\"M13.6756 38.9727C15.825 38.9727 17.5675 37.2303 17.5675 35.0809C17.5675 32.9314 15.825 31.189 13.6756 31.189C11.5262 31.189 9.78369 32.9314 9.78369 35.0809C9.78369 37.2303 11.5262 38.9727 13.6756 38.9727Z\"\/>\r\n          <path d=\"M23.4053 16.9189H35.0809M23.4053 35.0811H35.0809\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Simulador de parciales y preguntas<\/h3>\r\n\r\n      <p>\r\n        Pon a prueba tu comprensi\u00f3n lectora generando\r\n        preguntas de opci\u00f3n m\u00faltiple y casos pr\u00e1cticos\r\n        basados en la lectura asignada.\r\n      <\/p>\r\n\r\n      <div class=\"eip-actions\">\r\n        <button class=\"eip-view\" type=\"button\"\r\n                data-id=\"parciales\">Ver prompt<\/button>\r\n        <button class=\"eip-copy\" type=\"button\"\r\n                data-id=\"parciales\">Copiar prompt<\/button>\r\n      <\/div>\r\n    <\/article>\r\n\r\n    <!-- 04 \u00b7 DEBATE -->\r\n    <article class=\"eip-card eip-lila\"\r\n             data-id=\"debate\" tabindex=\"0\">\r\n\r\n      <div class=\"eip-icon eip-icon-debate\">\r\n        <svg viewBox=\"0 0 52 48\"\r\n             xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n             aria-hidden=\"true\">\r\n          <path d=\"M0 3.81827C0 1.7084 1.69867 0 3.79167 0H30.875C32.9702 0 34.6667 1.7084 34.6667 3.81827V24.546C34.6667 25.5587 34.2672 26.5299 33.5561 27.2459C32.845 27.962 31.8806 28.3643 30.875 28.3643H17.4655L11.8885 33.9782C11.447 34.4226 10.8846 34.7252 10.2724 34.8478C9.66018 34.9703 9.02561 34.9074 8.44891 34.6669C7.87221 34.4263 7.37927 34.0191 7.03237 33.4965C6.68548 32.9739 6.50022 32.3595 6.5 31.7309V28.3643H3.79167C2.78605 28.3643 1.82163 27.962 1.11055 27.2459C0.399478 26.5299 0 25.5587 0 24.546V3.81827ZM3.79167 3.2728C3.64801 3.2728 3.51023 3.33027 3.40865 3.43257C3.30707 3.53486 3.25 3.6736 3.25 3.81827V24.546C3.25 24.8471 3.49267 25.0915 3.79167 25.0915H8.125C8.55598 25.0915 8.9693 25.2639 9.27405 25.5708C9.5788 25.8777 9.75 26.2939 9.75 26.7279V31.504L15.6433 25.5715C15.9478 25.2645 16.3608 25.0919 16.7917 25.0915H30.875C31.0187 25.0915 31.1564 25.034 31.258 24.9317C31.3596 24.8294 31.4167 24.6907 31.4167 24.546V3.81827C31.4167 3.6736 31.3596 3.53486 31.258 3.43257C31.1564 3.33027 31.0187 3.2728 30.875 3.2728H3.79167ZM48.2083 16.364H40.625C40.194 16.364 39.7807 16.1916 39.476 15.8847C39.1712 15.5778 39 15.1616 39 14.7276C39 14.2936 39.1712 13.8774 39.476 13.5705C39.7807 13.2636 40.194 13.0912 40.625 13.0912H48.2083C50.3013 13.0912 52 14.8018 52 16.9095V37.6372C52 38.6499 51.6005 39.6211 50.8894 40.3372C50.1784 41.0532 49.2139 41.4555 48.2083 41.4555H45.5V44.8221C45.4998 45.4507 45.3145 46.0651 44.9676 46.5877C44.6207 47.1103 44.1278 47.5176 43.5511 47.7581C42.9744 47.9986 42.3398 48.0615 41.7276 47.939C41.1154 47.8164 40.553 47.5138 40.1115 47.0695L34.5345 41.4555H23.2917C22.2861 41.4555 21.3216 41.0532 20.6106 40.3372C19.8995 39.6211 19.5 38.6499 19.5 37.6372V34.4408C19.5 34.0068 19.6712 33.5906 19.976 33.2837C20.2807 32.9768 20.694 32.8044 21.125 32.8044C21.556 32.8044 21.9693 32.9768 22.274 33.2837C22.5788 33.5906 22.75 34.0068 22.75 34.4408V37.6372C22.75 37.9383 22.9927 38.1827 23.2917 38.1827H35.2083C35.6395 38.1827 36.0533 38.3551 36.3567 38.6627L42.25 44.5952V39.8191C42.25 39.3851 42.4212 38.9689 42.726 38.662C43.0307 38.3551 43.444 38.1827 43.875 38.1827H48.2083C48.352 38.1827 48.4898 38.1252 48.5914 38.0229C48.6929 37.9206 48.75 37.7819 48.75 37.6372V16.9095C48.75 16.7648 48.6929 16.6261 48.5914 16.5238C48.4898 16.4215 48.352 16.364 48.2083 16.364Z\"\/>\r\n          <path d=\"M27.1483 9.3384L16.315 20.2477C16.1646 20.4003 15.9857 20.5213 15.7886 20.6039C15.5915 20.6865 15.3801 20.729 15.1667 20.729C14.9532 20.729 14.7418 20.6865 14.5448 20.6039C14.3477 20.5213 14.1688 20.4003 14.0183 20.2477L8.60167 14.7931C8.45087 14.6412 8.33124 14.4609 8.24963 14.2625C8.16802 14.0641 8.12601 13.8514 8.12601 13.6367C8.12601 13.4219 8.16802 13.2093 8.24963 13.0108C8.33124 12.8124 8.45087 12.6321 8.60167 12.4803C8.75247 12.3284 8.9315 12.208 9.12853 12.1258C9.32556 12.0436 9.53674 12.0013 9.75 12.0013C9.96327 12.0013 10.1744 12.0436 10.3715 12.1258C10.5685 12.208 10.7475 12.3284 10.8983 12.4803L15.1667 16.7764L24.8517 7.02562C25.0025 6.87376 25.1815 6.7533 25.3785 6.67111C25.5756 6.58893 25.7867 6.54662 26 6.54662C26.2133 6.54662 26.4244 6.58893 26.6215 6.67111C26.8185 6.7533 26.9975 6.87376 27.1483 7.02562C27.2991 7.17748 27.4188 7.35776 27.5004 7.55617C27.582 7.75459 27.624 7.96725 27.624 8.18201C27.624 8.39677 27.582 8.60943 27.5004 8.80784C27.582 8.80784 27.2991 9.18654 27.1483 9.3384Z\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <h3>Debate cr\u00edtico con la lectura<\/h3>\r\n\r\n      <p>\r\n        Cuestiona los argumentos del autor, identifica\r\n        posibles sesgos y explora otras perspectivas para\r\n        preparar debates y ensayos acad\u00e9micos.\r\n      <\/p>\r\n\r\n      <div class=\"eip-actions\">\r\n        <button class=\"eip-view\" type=\"button\"\r\n                data-id=\"debate\">Ver prompt<\/button>\r\n        <button class=\"eip-copy\" type=\"button\"\r\n                data-id=\"debate\">Copiar prompt<\/button>\r\n      <\/div>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <!-- BANNER DE USO RESPONSABLE -->\r\n  <aside class=\"eip-banner\">\r\n\r\n    <div class=\"eip-banner-left\">\r\n\r\n      <h3>\r\n        Usa la IA como copiloto,\r\n        <span>no como sustituto.<\/span>\r\n      <\/h3>\r\n\r\n      <p>\r\n        Una buena herramienta te ayuda a comprender mejor.\r\n        Tu criterio sigue siendo lo m\u00e1s importante.\r\n      <\/p>\r\n\r\n      <div class=\"eip-banner-image\">\r\n        <img\r\n          src=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/mujer.png\"\r\n          alt=\"Ilustraci\u00f3n de una mujer leyendo\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\">\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"eip-banner-right\">\r\n\r\n      <div class=\"eip-tip\">\r\n        <svg viewBox=\"0 0 44 44\" aria-hidden=\"true\">\r\n          <path d=\"M14 23L20 29L30 17\"\/>\r\n          <path d=\"M22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22C2 33.0457 10.9543 42 22 42Z\"\/>\r\n        <\/svg>\r\n        <div>\r\n          <strong>Valida la informaci\u00f3n<\/strong>\r\n          <p>Contrasta siempre los datos clave con el texto original.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eip-tip\">\r\n        <svg viewBox=\"0 0 44 44\" aria-hidden=\"true\">\r\n          <path d=\"M14 23L20 29L30 17\"\/>\r\n          <path d=\"M22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22C2 33.0457 10.9543 42 22 42Z\"\/>\r\n        <\/svg>\r\n        <div>\r\n          <strong>Entrena tu criterio<\/strong>\r\n          <p>Usa res\u00famenes para orientarte, no para evitar la lectura.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"eip-tip\">\r\n        <svg viewBox=\"0 0 44 44\" aria-hidden=\"true\">\r\n          <path d=\"M14 23L20 29L30 17\"\/>\r\n          <path d=\"M22 42C33.0457 42 42 33.0457 42 22C42 10.9543 33.0457 2 22 2C10.9543 2 2 10.9543 2 22C2 33.0457 10.9543 42 22 42Z\"\/>\r\n        <\/svg>\r\n        <div>\r\n          <strong>Evita el plagio<\/strong>\r\n          <p>Utiliza la IA para comprender, pero redacta con tus propias palabras.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/aside>\r\n\r\n  <span class=\"eip-status\" role=\"status\" aria-live=\"polite\"><\/span>\r\n\r\n<\/section>\r\n\r\n<!-- VENTANA DEL PROMPT -->\r\n<div id=\"eip-modal\" hidden>\r\n  <div class=\"eip-dialog\"\r\n       role=\"dialog\"\r\n       aria-modal=\"true\"\r\n       aria-labelledby=\"eip-modal-title\">\r\n\r\n    <button class=\"eip-close-x\" type=\"button\"\r\n            aria-label=\"Cerrar ventana\">&times;<\/button>\r\n\r\n    <h3 id=\"eip-modal-title\"><\/h3>\r\n\r\n    <p class=\"eip-modal-intro\">\r\n      Adjunta tu documento a tu IA favorita y utiliza este prompt.\r\n    <\/p>\r\n\r\n    <div id=\"eip-modal-text\" class=\"eip-prompt-box\"><\/div>\r\n\r\n    <div class=\"eip-modal-actions\">\r\n      <button class=\"eip-close\" type=\"button\">Cerrar<\/button>\r\n      <button class=\"eip-modal-copy\" type=\"button\">Copiar prompt<\/button>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n\r\n\/* ==========================================\r\n   CONTENEDOR \u00b7 MISMO PATR\u00d3N DE CRONOLOG\u00cdA\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts {\r\n  --eip-morado:#BB57B0;\r\n  --eip-oscuro:#92398B;\r\n  --eip-lila:#F4E3F1;\r\n  --eip-menta:#E4F5F4;\r\n  --eip-crema:#FFF0D9;\r\n\r\n  position:relative;\r\n  left:50%;\r\n\r\n  width:93.6vw;\r\n  max-width:none;\r\n  min-width:0;\r\n\r\n  margin:0;\r\n  padding:0 0 54px;\r\n\r\n  display:flow-root;\r\n\r\n  transform:translateX(-50%);\r\n\r\n  color:#000;\r\n  background:transparent;\r\n\r\n  font-family:'Barlow',Arial,sans-serif;\r\n  font-weight:500;\r\n}\r\n\r\n#eafit-ia-prompts *,\r\n#eafit-ia-prompts *::before,\r\n#eafit-ia-prompts *::after,\r\n#eip-modal *,\r\n#eip-modal *::before,\r\n#eip-modal *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n#eafit-ia-prompts button,\r\n#eip-modal button {\r\n  font-family:'Barlow',Arial,sans-serif!important;\r\n  font-weight:800!important;\r\n  text-transform:none!important;\r\n  letter-spacing:0!important;\r\n  cursor:pointer;\r\n}\r\n\r\n\/* ==========================================\r\n   GRID \u00b7 4 TARJETAS, SIN SLIDER\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts .eip-grid {\r\n  display:grid;\r\n  grid-template-columns:repeat(2,minmax(0,1fr));\r\n  gap:20px;\r\n\r\n  width:100%;\r\n  min-width:0;\r\n\r\n  margin:0;\r\n  padding:0;\r\n}\r\n\r\n\/* ==========================================\r\n   TARJETAS\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts .eip-card {\r\n  display:flex;\r\n  flex-direction:column;\r\n\r\n  min-width:0;\r\n  min-height:335px;\r\n\r\n  padding:29px 30px 27px;\r\n\r\n  border:2px solid transparent;\r\n  border-radius:30px;\r\n\r\n  cursor:pointer;\r\n\r\n  transition:\r\n    transform .2s ease,\r\n    border-color .2s ease,\r\n    box-shadow .2s ease;\r\n}\r\n\r\n#eafit-ia-prompts .eip-lila {\r\n  background:var(--eip-lila);\r\n  border-color:#E7BEE2;\r\n}\r\n\r\n#eafit-ia-prompts .eip-menta {\r\n  background:var(--eip-menta);\r\n  border-color:#BDE7E5;\r\n}\r\n\r\n#eafit-ia-prompts .eip-crema {\r\n  background:var(--eip-crema);\r\n  border-color:#F4D39C;\r\n}\r\n\r\n#eafit-ia-prompts .eip-card.eip-selected {\r\n  border-color:var(--eip-morado);\r\n  box-shadow:inset 0 0 0 1px rgba(187,87,176,.15);\r\n}\r\n\r\n\/* ==========================================\r\n   SVG \u00b7 PROTECCI\u00d3N CONTRA ELEMENTOR\r\n   No aplicar relleno global a los iconos.\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts .eip-icon {\r\n  display:flex;\r\n  align-items:flex-start;\r\n  justify-content:flex-start;\r\n\r\n  height:66px;\r\n  width:100%;\r\n\r\n  margin:0 0 17px;\r\n}\r\n\r\n#eafit-ia-prompts .eip-icon svg {\r\n  display:block!important;\r\n  flex:none;\r\n\r\n  width:auto!important;\r\n  max-width:55px!important;\r\n  height:52px!important;\r\n\r\n  overflow:visible;\r\n\r\n  background:none!important;\r\n}\r\n\r\n\/* PDF: su archivo original usa relleno,\r\n   no trazos a\u00f1adidos *\/\r\n\r\n#eafit-ia-prompts .eip-icon-pdf svg path {\r\n  fill:#B956AE!important;\r\n  stroke:none!important;\r\n}\r\n\r\n\/* Mapa: solo trazos *\/\r\n\r\n#eafit-ia-prompts .eip-icon-mapas svg path {\r\n  fill:none!important;\r\n  stroke:#BB57B0!important;\r\n  stroke-width:4px!important;\r\n  stroke-linecap:round!important;\r\n  stroke-linejoin:round!important;\r\n}\r\n\r\n\/* Quiz: solo trazos *\/\r\n\r\n#eafit-ia-prompts .eip-icon-quiz svg path {\r\n  fill:none!important;\r\n  stroke:#BB57B0!important;\r\n  stroke-width:4px!important;\r\n  stroke-miterlimit:2!important;\r\n}\r\n\r\n\/* Debate: su SVG original usa relleno *\/\r\n\r\n#eafit-ia-prompts .eip-icon-debate svg path {\r\n  fill:#BB57B0!important;\r\n  stroke:none!important;\r\n}\r\n\r\n\/* ==========================================\r\n   TEXTOS\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts .eip-card h3 {\r\n  margin:0 0 15px;\r\n\r\n  color:var(--eip-oscuro);\r\n\r\n  font-family:'Baloo Chettan 2',cursive!important;\r\n  font-size:27px;\r\n  font-weight:800;\r\n  line-height:1.2;\r\n}\r\n\r\n#eafit-ia-prompts .eip-card > p {\r\n  flex:1;\r\n\r\n  margin:0 0 27px;\r\n\r\n  color:#000;\r\n\r\n  font-size:16px;\r\n  font-weight:500;\r\n  line-height:1.6;\r\n}\r\n\r\n\/* ==========================================\r\n   BOTONES\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts .eip-actions {\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n  gap:12px;\r\n\r\n  width:100%;\r\n}\r\n\r\n#eafit-ia-prompts .eip-actions button {\r\n  min-width:0;\r\n  min-height:48px;\r\n\r\n  margin:0;\r\n  padding:11px 12px!important;\r\n\r\n  border-radius:100px!important;\r\n\r\n  font-size:13px!important;\r\n  line-height:1.25!important;\r\n  text-align:center;\r\n\r\n  box-shadow:none!important;\r\n}\r\n\r\n#eafit-ia-prompts .eip-view {\r\n  color:var(--eip-oscuro)!important;\r\n  background:transparent!important;\r\n  border:2px solid var(--eip-morado)!important;\r\n}\r\n\r\n#eafit-ia-prompts .eip-copy {\r\n  color:#FFF!important;\r\n  background:var(--eip-morado)!important;\r\n  border:2px solid var(--eip-morado)!important;\r\n}\r\n\r\n#eafit-ia-prompts .eip-copy.eip-copied,\r\n#eip-modal .eip-modal-copy.eip-copied {\r\n  color:#176C68!important;\r\n  background:#FFF!important;\r\n  border-color:#8ACFC7!important;\r\n}\r\n\r\n\/* ==========================================\r\n   BANNER\r\n   ========================================== *\/\r\n\r\n#eafit-ia-prompts .eip-banner {\r\n  position:relative;\r\n  isolation:isolate;\r\n\r\n  display:grid;\r\n  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);\r\n  gap:40px;\r\n\r\n  width:100%;\r\n\r\n  margin:30px 0 0;\r\n  padding:35px 38px 0;\r\n\r\n  overflow:hidden;\r\n\r\n  background:#F4E3F1;\r\n  border:1.5px solid #E7BEE2;\r\n  border-radius:30px;\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner::before {\r\n  content:\"\";\r\n  position:absolute;\r\n  inset:0;\r\n  z-index:-1;\r\n\r\n  pointer-events:none;\r\n  opacity:.15;\r\n\r\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' seed='8' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='150' height='150' filter='url(%23n)' opacity='.5'\/%3E%3C\/svg%3E\");\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner-left {\r\n  display:flex;\r\n  flex-direction:column;\r\n  min-width:0;\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner h3 {\r\n  margin:0 0 14px;\r\n\r\n  color:var(--eip-oscuro);\r\n\r\n  font-family:'Baloo Chettan 2',cursive!important;\r\n  font-size:33px;\r\n  font-weight:800;\r\n  line-height:1.17;\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner h3 span {\r\n  color:var(--eip-morado);\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner-left > p {\r\n  margin:0;\r\n\r\n  color:#000;\r\n\r\n  font-size:15px;\r\n  font-weight:500;\r\n  line-height:1.65;\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner-image {\r\n  display:flex;\r\n  align-items:flex-end;\r\n  justify-content:center;\r\n\r\n  width:100%;\r\n  max-width:410px;\r\n\r\n  margin:auto auto 0;\r\n  padding-top:24px;\r\n\r\n  line-height:0;\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner-image img {\r\n  display:block;\r\n\r\n  width:100%;\r\n  max-width:100%;\r\n  height:auto;\r\n\r\n  margin:0;\r\n  padding:0;\r\n\r\n  object-fit:contain;\r\n  object-position:center bottom;\r\n\r\n  background:transparent;\r\n  border:0;\r\n  box-shadow:none;\r\n}\r\n\r\n#eafit-ia-prompts .eip-banner-right {\r\n  display:flex;\r\n  flex-direction:column;\r\n  justify-content:center;\r\n  gap:27px;\r\n\r\n  min-width:0;\r\n  padding-bottom:35px;\r\n}\r\n\r\n#eafit-ia-prompts .eip-tip {\r\n  display:flex;\r\n  align-items:flex-start;\r\n  gap:15px;\r\n}\r\n\r\n\/* Check de trazo: archivo check.svg *\/\r\n\r\n#eafit-ia-prompts .eip-tip > svg {\r\n  display:block!important;\r\n  flex:0 0 29px;\r\n\r\n  width:29px!important;\r\n  height:29px!important;\r\n\r\n  margin-top:1px;\r\n\r\n  fill:none!important;\r\n  stroke:none!important;\r\n\r\n  background:transparent!important;\r\n}\r\n\r\n#eafit-ia-prompts .eip-tip > svg path {\r\n  fill:none!important;\r\n  stroke:#BB57B0!important;\r\n  stroke-width:4px!important;\r\n  stroke-linecap:round!important;\r\n  stroke-linejoin:round!important;\r\n}\r\n\r\n#eafit-ia-prompts .eip-tip strong {\r\n  display:block;\r\n\r\n  margin:0 0 4px;\r\n\r\n  color:var(--eip-oscuro);\r\n\r\n  font-size:16px;\r\n  font-weight:800;\r\n  line-height:1.35;\r\n}\r\n\r\n#eafit-ia-prompts .eip-tip p {\r\n  margin:0;\r\n\r\n  color:#000;\r\n\r\n  font-size:15px;\r\n  font-weight:500;\r\n  line-height:1.5;\r\n}\r\n\r\n#eafit-ia-prompts .eip-status {\r\n  position:absolute;\r\n  width:1px;\r\n  height:1px;\r\n  overflow:hidden;\r\n  clip-path:inset(50%);\r\n}\r\n\r\n\/* ==========================================\r\n   MODAL\r\n   ========================================== *\/\r\n\r\n#eip-modal {\r\n  position:fixed;\r\n  inset:0;\r\n  z-index:999999;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  padding:16px;\r\n\r\n  background:rgba(30,20,35,.7);\r\n  backdrop-filter:blur(5px);\r\n}\r\n\r\n#eip-modal[hidden] {\r\n  display:none!important;\r\n}\r\n\r\n#eip-modal .eip-dialog {\r\n  position:relative;\r\n\r\n  width:100%;\r\n  max-width:650px;\r\n  max-height:90dvh;\r\n\r\n  overflow-y:auto;\r\n  padding:36px;\r\n\r\n  background:#FAF1EB;\r\n  border:2px solid #E7BEE2;\r\n  border-radius:28px;\r\n\r\n  box-shadow:0 25px 65px rgba(0,0,0,.2);\r\n}\r\n\r\n#eip-modal h3 {\r\n  margin:0 48px 12px 0;\r\n\r\n  color:#92398B;\r\n\r\n  font-family:'Baloo Chettan 2',cursive!important;\r\n  font-size:33px;\r\n  font-weight:800;\r\n  line-height:1.2;\r\n}\r\n\r\n#eip-modal .eip-modal-intro {\r\n  color:#000;\r\n\r\n  font-family:'Barlow',Arial,sans-serif;\r\n  font-size:16px;\r\n  font-weight:500;\r\n  line-height:1.6;\r\n}\r\n\r\n#eip-modal .eip-prompt-box {\r\n  margin-top:18px;\r\n  padding:22px;\r\n\r\n  background:#FFF;\r\n  border:1.5px solid #E7BEE2;\r\n  border-radius:19px;\r\n\r\n  color:#000;\r\n\r\n  font-family:'Barlow',Arial,sans-serif;\r\n  font-size:16px;\r\n  font-weight:500;\r\n  line-height:1.7;\r\n\r\n  white-space:pre-wrap;\r\n  overflow-wrap:anywhere;\r\n}\r\n\r\n#eip-modal .eip-close-x {\r\n  position:absolute;\r\n  top:15px;\r\n  right:16px;\r\n\r\n  width:42px;\r\n  height:42px;\r\n  padding:0!important;\r\n\r\n  background:#F4E3F1!important;\r\n  color:#92398B!important;\r\n\r\n  border:0!important;\r\n  border-radius:50%!important;\r\n\r\n  font-size:29px!important;\r\n}\r\n\r\n#eip-modal .eip-modal-actions {\r\n  display:flex;\r\n  justify-content:flex-end;\r\n  gap:11px;\r\n\r\n  margin-top:22px;\r\n}\r\n\r\n#eip-modal .eip-modal-actions button {\r\n  min-height:47px;\r\n  padding:11px 22px!important;\r\n\r\n  border-radius:100px!important;\r\n  font-size:14px!important;\r\n}\r\n\r\n#eip-modal .eip-close {\r\n  background:transparent!important;\r\n  color:#92398B!important;\r\n  border:2px solid #BB57B0!important;\r\n}\r\n\r\n#eip-modal .eip-modal-copy {\r\n  background:#BB57B0!important;\r\n  color:#FFF!important;\r\n  border:2px solid #BB57B0!important;\r\n}\r\n\r\n#eafit-ia-prompts button:focus-visible,\r\n#eafit-ia-prompts .eip-card:focus-visible,\r\n#eip-modal button:focus-visible {\r\n  outline:3px solid #92398B!important;\r\n  outline-offset:3px;\r\n}\r\n\r\n@media (hover:hover) and (pointer:fine) {\r\n  #eafit-ia-prompts .eip-card:hover {\r\n    transform:translateY(-4px);\r\n    box-shadow:0 12px 24px rgba(100,40,90,.1);\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-view:hover {\r\n    background:#FFF!important;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-copy:hover:not(.eip-copied) {\r\n    background:#92398B!important;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   IPAD\r\n   ========================================== *\/\r\n\r\n@media (min-width:768px) and (max-width:1024px) {\r\n\r\n  #eafit-ia-prompts {\r\n    padding-bottom:45px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-grid {\r\n    grid-template-columns:repeat(2,minmax(0,1fr));\r\n    gap:18px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-card {\r\n    min-height:345px;\r\n    padding:25px 23px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-card h3 {\r\n    font-size:24px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-card > p {\r\n    font-size:15px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner {\r\n    grid-template-columns:minmax(0,1fr) minmax(0,1fr);\r\n    gap:25px;\r\n    padding:29px 27px 0;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner h3 {\r\n    font-size:29px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner-image {\r\n    max-width:350px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner-right {\r\n    padding-bottom:29px;\r\n  }\r\n}\r\n\r\n\/* ==========================================\r\n   CELULAR \u00b7 MISMO ANCHO QUE CRONOLOG\u00cdA\r\n   ========================================== *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  #eafit-ia-prompts {\r\n    width:calc(100vw - 32px);\r\n    padding-bottom:38px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-grid {\r\n    grid-template-columns:minmax(0,1fr);\r\n    gap:17px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-card {\r\n    min-height:0;\r\n    padding:24px 21px 22px;\r\n    border-radius:25px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-card h3 {\r\n    font-size:24px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-card > p {\r\n    margin-bottom:23px;\r\n    font-size:15px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner {\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:24px;\r\n\r\n    margin-top:22px;\r\n    padding:27px 22px 0;\r\n\r\n    border-radius:25px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner-left {\r\n    display:contents;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner h3 {\r\n    order:1;\r\n    margin-bottom:-13px;\r\n    font-size:28px;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner-left > p {\r\n    order:2;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner-right {\r\n    order:3;\r\n    gap:23px;\r\n    padding-bottom:0;\r\n  }\r\n\r\n  #eafit-ia-prompts .eip-banner-image {\r\n    order:4;\r\n    max-width:310px;\r\n    padding-top:0;\r\n  }\r\n\r\n  #eip-modal .eip-dialog {\r\n    padding:28px 20px;\r\n  }\r\n\r\n  #eip-modal h3 {\r\n    font-size:27px;\r\n  }\r\n\r\n  #eip-modal .eip-prompt-box {\r\n    font-size:15px;\r\n    padding:17px;\r\n  }\r\n\r\n  #eip-modal .eip-modal-actions {\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  #eip-modal .eip-modal-actions button {\r\n    padding:11px 8px!important;\r\n    font-size:12px!important;\r\n  }\r\n}\r\n\r\n@media (max-width:360px) {\r\n  #eafit-ia-prompts .eip-actions {\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n  #eafit-ia-prompts * {\r\n    transition:none!important;\r\n  }\r\n}\r\n\r\n<\/style>\r\n\r\n<script>\r\n(function () {\r\n\r\n  function iniciarPromptsEafit() {\r\n\r\n    const root = document.getElementById('eafit-ia-prompts');\r\n\r\n    if (!root || root.dataset.ready === 'yes') return;\r\n\r\n    root.dataset.ready = 'yes';\r\n\r\n    const prompts = {\r\n\r\n      analisis: {\r\n        title: 'An\u00e1lisis y s\u00edntesis de PDFs',\r\n        text: 'Act\u00faa como un tutor acad\u00e9mico. Analiza el siguiente texto adjunto y genera una s\u00edntesis estructurada con: 1) Tesis principal del autor, 2) 3 a 5 argumentos clave explicados brevemente, y 3) Glosario de conceptos t\u00e9cnicos con sus definiciones basadas en la lectura.'\r\n      },\r\n\r\n      mapas: {\r\n        title: 'Generador de mapas conceptuales',\r\n        text: 'Analiza el texto adjunto e identifica los conceptos principales y secundarios. Organ\u00edzalos en una estructura jer\u00e1rquica con conectores l\u00f3gicos (ejemplo: X causa Y, Z pertenece a A) para poder armar un mapa conceptual claro antes de mi examen.'\r\n      },\r\n\r\n      parciales: {\r\n        title: 'Simulador de parciales y preguntas',\r\n        text: 'Con base en el documento adjunto, genera 3 preguntas de an\u00e1lisis cr\u00edtico y 2 casos pr\u00e1cticos tipo examen universitario. Incluye las respuestas explicadas al final para autoevaluar mi nivel de comprensi\u00f3n.'\r\n      },\r\n\r\n      debate: {\r\n        title: 'Debate cr\u00edtico con la lectura',\r\n        text: 'Act\u00faa como un compa\u00f1ero de debate acad\u00e9mico. A partir del documento adjunto, identifica la tesis central del autor y sus principales argumentos. Luego, formula 3 preguntas cr\u00edticas sobre sus planteamientos, se\u00f1ala posibles limitaciones o sesgos y presenta 2 perspectivas alternativas. Fundamenta cada observaci\u00f3n en el texto y distingue claramente entre lo que afirma el autor y tus interpretaciones. Finaliza con una pregunta abierta que me ayude a construir mi propia postura argumentada.'\r\n      }\r\n\r\n    };\r\n\r\n    const cards = Array.from(\r\n      root.querySelectorAll('.eip-card')\r\n    );\r\n\r\n    const status = root.querySelector('.eip-status');\r\n    const modal = document.getElementById('eip-modal');\r\n\r\n    if (!modal) return;\r\n\r\n    const dialog = modal.querySelector('.eip-dialog');\r\n    const modalTitle = modal.querySelector('#eip-modal-title');\r\n    const modalText = modal.querySelector('#eip-modal-text');\r\n    const modalCopy = modal.querySelector('.eip-modal-copy');\r\n\r\n    let currentId = 'analisis';\r\n    let lastFocus = null;\r\n    let previousOverflow = '';\r\n\r\n    const timers = new WeakMap();\r\n\r\n    function selectCard(card) {\r\n      cards.forEach(function (item) {\r\n        item.classList.toggle(\r\n          'eip-selected',\r\n          item === card\r\n        );\r\n      });\r\n    }\r\n\r\n    cards.forEach(function (card) {\r\n\r\n      card.addEventListener('click', function (event) {\r\n        if (event.target.closest('button')) return;\r\n        selectCard(card);\r\n      });\r\n\r\n      card.addEventListener('keydown', function (event) {\r\n        if (\r\n          event.target === card &&\r\n          (event.key === 'Enter' || event.key === ' ')\r\n        ) {\r\n          event.preventDefault();\r\n          selectCard(card);\r\n        }\r\n      });\r\n\r\n    });\r\n\r\n    async function copyText(text) {\r\n\r\n      if (\r\n        navigator.clipboard &&\r\n        navigator.clipboard.writeText\r\n      ) {\r\n        try {\r\n          await navigator.clipboard.writeText(text);\r\n          return true;\r\n        } catch (error) {}\r\n      }\r\n\r\n      const textarea = document.createElement('textarea');\r\n\r\n      textarea.value = text;\r\n      textarea.style.position = 'fixed';\r\n      textarea.style.left = '-9999px';\r\n\r\n      document.body.appendChild(textarea);\r\n      textarea.select();\r\n\r\n      let success = false;\r\n\r\n      try {\r\n        success = document.execCommand('copy');\r\n      } catch (error) {}\r\n\r\n      textarea.remove();\r\n\r\n      return success;\r\n    }\r\n\r\n    async function copyPrompt(id, button) {\r\n\r\n      if (!prompts[id]) return;\r\n\r\n      const success = await copyText(prompts[id].text);\r\n\r\n      const oldTimer = timers.get(button);\r\n\r\n      if (oldTimer) clearTimeout(oldTimer);\r\n\r\n      button.classList.toggle('eip-copied', success);\r\n\r\n      button.textContent = success\r\n        ? '\u2713 \u00a1Copiado!'\r\n        : 'No se pudo copiar';\r\n\r\n      status.textContent = success\r\n        ? 'Prompt copiado correctamente.'\r\n        : 'No se pudo copiar el prompt.';\r\n\r\n      timers.set(\r\n        button,\r\n        setTimeout(function () {\r\n          button.classList.remove('eip-copied');\r\n          button.textContent = 'Copiar prompt';\r\n        }, 2200)\r\n      );\r\n    }\r\n\r\n    function openModal(id, trigger) {\r\n\r\n      if (!prompts[id]) return;\r\n\r\n      currentId = id;\r\n      lastFocus = trigger;\r\n\r\n      modalTitle.textContent = prompts[id].title;\r\n      modalText.textContent = prompts[id].text;\r\n\r\n      modalCopy.textContent = 'Copiar prompt';\r\n      modalCopy.classList.remove('eip-copied');\r\n\r\n      previousOverflow = document.body.style.overflow;\r\n      document.body.style.overflow = 'hidden';\r\n\r\n      modal.hidden = false;\r\n\r\n      modal.querySelector('.eip-close-x').focus();\r\n    }\r\n\r\n    function closeModal() {\r\n\r\n      if (modal.hidden) return;\r\n\r\n      modal.hidden = true;\r\n      document.body.style.overflow = previousOverflow;\r\n\r\n      if (lastFocus && lastFocus.isConnected) {\r\n        lastFocus.focus();\r\n      }\r\n    }\r\n\r\n    root.querySelectorAll('.eip-view').forEach(function (button) {\r\n\r\n      button.addEventListener('click', function () {\r\n        selectCard(button.closest('.eip-card'));\r\n        openModal(button.dataset.id, button);\r\n      });\r\n\r\n    });\r\n\r\n    root.querySelectorAll('.eip-copy').forEach(function (button) {\r\n\r\n      button.addEventListener('click', function () {\r\n        selectCard(button.closest('.eip-card'));\r\n        copyPrompt(button.dataset.id, button);\r\n      });\r\n\r\n    });\r\n\r\n    modalCopy.addEventListener('click', function () {\r\n      copyPrompt(currentId, modalCopy);\r\n    });\r\n\r\n    modal.querySelector('.eip-close-x')\r\n      .addEventListener('click', closeModal);\r\n\r\n    modal.querySelector('.eip-close')\r\n      .addEventListener('click', closeModal);\r\n\r\n    modal.addEventListener('click', function (event) {\r\n      if (event.target === modal) {\r\n        closeModal();\r\n      }\r\n    });\r\n\r\n    document.addEventListener('keydown', function (event) {\r\n\r\n      if (modal.hidden) return;\r\n\r\n      if (event.key === 'Escape') {\r\n        event.preventDefault();\r\n        closeModal();\r\n        return;\r\n      }\r\n\r\n      if (event.key !== 'Tab') return;\r\n\r\n      const focusable = Array.from(\r\n        dialog.querySelectorAll('button:not([disabled])')\r\n      );\r\n\r\n      if (!focusable.length) return;\r\n\r\n      const first = focusable[0];\r\n      const last = focusable[focusable.length - 1];\r\n\r\n      if (\r\n        event.shiftKey &&\r\n        document.activeElement === first\r\n      ) {\r\n        event.preventDefault();\r\n        last.focus();\r\n      } else if (\r\n        !event.shiftKey &&\r\n        document.activeElement === last\r\n      ) {\r\n        event.preventDefault();\r\n        first.focus();\r\n      }\r\n\r\n    });\r\n\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener(\r\n      'DOMContentLoaded',\r\n      iniciarPromptsEafit\r\n    );\r\n  } else {\r\n    iniciarPromptsEafit();\r\n  }\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>De la pantalla al libro \u00bfTe apasionan las series, pel\u00edculas o videojuegos? Descubre libros, c\u00f3mics y novelas gr\u00e1ficas que comparten la misma vibra, est\u00e9tica y ritmo de las historias que ya amas. Si te gust\u00f3 Euphoria o Skins . . .\u200b Te recomendamos &#8220;La Campana de Cristal&#8221; de Sylvia Plath. Una historia sobre juventud, dilemas [&hellip;]<\/p>\n","protected":false},"author":343,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-309","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Explora y Descubre (COPIA DE PRUEBA MediaLab) - EAFIT Lee<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Explora y Descubre (COPIA DE PRUEBA MediaLab) - EAFIT Lee\" \/>\n<meta property=\"og:description\" content=\"De la pantalla al libro \u00bfTe apasionan las series, pel\u00edculas o videojuegos? Descubre libros, c\u00f3mics y novelas gr\u00e1ficas que comparten la misma vibra, est\u00e9tica y ritmo de las historias que ya amas. Si te gust\u00f3 Euphoria o Skins . . .\u200b Te recomendamos &#8220;La Campana de Cristal&#8221; de Sylvia Plath. Una historia sobre juventud, dilemas [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/\" \/>\n<meta property=\"og:site_name\" content=\"EAFIT Lee\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T17:16:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"940\" \/>\n\t<meta property=\"og:image:height\" content=\"914\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/\",\"url\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/\",\"name\":\"Explora y Descubre (COPIA DE PRUEBA MediaLab) - EAFIT Lee\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/wp-content\\\/uploads\\\/sites\\\/26\\\/2026\\\/10\\\/Diseno-sin-titulo-2.png\",\"datePublished\":\"2026-10-14T17:04:52+00:00\",\"dateModified\":\"2026-10-15T17:16:11+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/#primaryimage\",\"url\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/wp-content\\\/uploads\\\/sites\\\/26\\\/2026\\\/10\\\/Diseno-sin-titulo-2.png\",\"contentUrl\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/wp-content\\\/uploads\\\/sites\\\/26\\\/2026\\\/10\\\/Diseno-sin-titulo-2.png\",\"width\":940,\"height\":914},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/explora-y-descubre-copia-de-prueba-medialab\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Explora y Descubre (COPIA DE PRUEBA MediaLab)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/#website\",\"url\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/\",\"name\":\"EAFIT Lee\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/#organization\",\"name\":\"EAFIT Lee\",\"url\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/wp-content\\\/uploads\\\/sites\\\/26\\\/2026\\\/09\\\/EAFIT-LEE.svg\",\"contentUrl\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/wp-content\\\/uploads\\\/sites\\\/26\\\/2026\\\/09\\\/EAFIT-LEE.svg\",\"width\":426,\"height\":240,\"caption\":\"EAFIT Lee\"},\"image\":{\"@id\":\"https:\\\/\\\/ecolabs.eafit.edu.co\\\/eafit-lee\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Explora y Descubre (COPIA DE PRUEBA MediaLab) - EAFIT Lee","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/","og_locale":"en_US","og_type":"article","og_title":"Explora y Descubre (COPIA DE PRUEBA MediaLab) - EAFIT Lee","og_description":"De la pantalla al libro \u00bfTe apasionan las series, pel\u00edculas o videojuegos? Descubre libros, c\u00f3mics y novelas gr\u00e1ficas que comparten la misma vibra, est\u00e9tica y ritmo de las historias que ya amas. Si te gust\u00f3 Euphoria o Skins . . .\u200b Te recomendamos &#8220;La Campana de Cristal&#8221; de Sylvia Plath. Una historia sobre juventud, dilemas [&hellip;]","og_url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/","og_site_name":"EAFIT Lee","article_modified_time":"2026-10-15T17:16:11+00:00","og_image":[{"width":940,"height":914,"url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/","url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/","name":"Explora y Descubre (COPIA DE PRUEBA MediaLab) - EAFIT Lee","isPartOf":{"@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/#primaryimage"},"image":{"@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/#primaryimage"},"thumbnailUrl":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png","datePublished":"2026-10-14T17:04:52+00:00","dateModified":"2026-10-15T17:16:11+00:00","breadcrumb":{"@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/#primaryimage","url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png","contentUrl":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/10\/Diseno-sin-titulo-2.png","width":940,"height":914},{"@type":"BreadcrumbList","@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/explora-y-descubre-copia-de-prueba-medialab\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/"},{"@type":"ListItem","position":2,"name":"Explora y Descubre (COPIA DE PRUEBA MediaLab)"}]},{"@type":"WebSite","@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/#website","url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/","name":"EAFIT Lee","description":"","publisher":{"@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/#organization","name":"EAFIT Lee","url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/#\/schema\/logo\/image\/","url":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/09\/EAFIT-LEE.svg","contentUrl":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-content\/uploads\/sites\/26\/2026\/09\/EAFIT-LEE.svg","width":426,"height":240,"caption":"EAFIT Lee"},"image":{"@id":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/pages\/309","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/users\/343"}],"replies":[{"embeddable":true,"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/comments?post=309"}],"version-history":[{"count":18,"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/pages\/309\/revisions"}],"predecessor-version":[{"id":479,"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/pages\/309\/revisions\/479"}],"wp:attachment":[{"href":"https:\/\/ecolabs.eafit.edu.co\/eafit-lee\/wp-json\/wp\/v2\/media?parent=309"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}