{"id":793,"date":"2026-05-04T04:41:30","date_gmt":"2026-05-04T04:41:30","guid":{"rendered":"https:\/\/elprofebernardo.cl\/?page_id=793"},"modified":"2026-07-07T20:56:45","modified_gmt":"2026-07-07T20:56:45","slug":"realidad-y-lenguaje","status":"publish","type":"page","link":"https:\/\/elprofebernardo.cl\/?page_id=793","title":{"rendered":"Realidad y Lenguaje"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Somos seres de lenguaje y escritura, de diversas formas hemos dejado muesca, en la comprenssi{on de estas, sobretodo aquellas del pasado, necesitamos descedimentar sus transfondo y mensaje encerrado, desde aquel otro, que nos difiere en su propio espacio y tiempo.<\/p>\n\n\n\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Los 9 C\u00edrculos del Lenguaje &#8211; C\u00f3mic Interactivo<\/title>\n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Bangers&family=Comic+Neue:wght@400;700&display=swap');\n\n        :root {\n            --comic-yellow: #ffde00;\n            --comic-red: #ed1c24;\n            --comic-blue: #008ee4;\n            --comic-dark: #1a1a1a;\n            --comic-bg: #e6e6e6;\n        }\n\n        body {\n            font-family: 'Comic Neue', cursive, sans-serif;\n            background-color: var(--comic-bg);\n            background-image: \n                radial-gradient(var(--comic-dark) 10%, transparent 11%), \n                radial-gradient(var(--comic-dark) 10%, transparent 11%);\n            background-size: 10px 10px;\n            background-position: 0 0, 5px 5px;\n            color: var(--comic-dark);\n            margin: 0;\n            padding: 20px;\n        }\n\n        .comic-header {\n            text-align: center;\n            background: var(--comic-dark);\n            color: white;\n            padding: 20px;\n            border: 6px solid white;\n            box-shadow: 10px 10px 0px var(--comic-red);\n            margin-bottom: 40px;\n            transform: rotate(-1deg);\n        }\n\n        .comic-header h1 {\n            font-family: 'Bangers', cursive;\n            font-size: 3.5rem;\n            color: var(--comic-yellow);\n            text-shadow: 3px 3px 0px var(--comic-red);\n            margin: 0;\n            letter-spacing: 2px;\n        }\n\n        .virgilio-box {\n            background: #fff;\n            border: 5px solid var(--comic-dark);\n            padding: 20px;\n            max-width: 800px;\n            margin: 0 auto 40px auto;\n            box-shadow: 8px 8px 0px var(--comic-blue);\n            font-size: 1.2rem;\n            font-weight: bold;\n        }\n\n        \/* GRID DE VI\u00d1ETAS *\/\n        .comic-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n            gap: 25px;\n            max-width: 1200px;\n            margin: 0 auto;\n        }\n\n        .comic-panel {\n            background: #fff;\n            border: 5px solid var(--comic-dark);\n            box-shadow: 6px 6px 0px var(--comic-dark);\n            position: relative;\n            cursor: pointer;\n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            padding: 15px;\n            transition: all 0.2s ease;\n        }\n\n        .comic-panel:hover {\n            transform: scale(1.03) translateY(-5px);\n            box-shadow: 10px 10px 0px var(--comic-yellow);\n            border-color: var(--comic-red);\n        }\n\n        .panel-number {\n            position: absolute;\n            top: 0; left: 0;\n            background: var(--comic-red);\n            color: white;\n            font-family: 'Bangers', cursive;\n            font-size: 1.5rem;\n            padding: 5px 15px;\n            border-bottom-right-radius: 15px;\n            border-right: 3px solid var(--comic-dark);\n            border-bottom: 3px solid var(--comic-dark);\n        }\n\n        \/* FILTRO ESTILO C\u00d3MIC PARA IM\u00c1GENES REALES *\/\n        .author-img {\n            width: 150px;\n            height: 150px;\n            border-radius: 50%;\n            object-fit: cover;\n            border: 4px solid var(--comic-dark);\n            margin-top: 30px;\n            \/* Aqu\u00ed ocurre la magia para que parezcan c\u00f3mic *\/\n            filter: contrast(180%) saturate(150%) sepia(20%) posterize(5);\n            background-color: var(--comic-yellow);\n        }\n\n        .panel-name {\n            font-family: 'Bangers', cursive;\n            font-size: 2rem;\n            margin: 15px 0 5px 0;\n            text-align: center;\n        }\n\n        .panel-click-hint {\n            background: var(--comic-yellow);\n            padding: 5px 10px;\n            border: 2px solid var(--comic-dark);\n            font-weight: bold;\n            font-size: 0.9rem;\n            margin-top: auto;\n        }\n\n        \/* MODAL INTERACTIVO (LA P\u00c1GINA ABIERTA) *\/\n        .modal-overlay {\n            display: none;\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            background: rgba(0,0,0,0.8);\n            z-index: 1000;\n            justify-content: center;\n            align-items: center;\n            padding: 20px;\n            box-sizing: border-box;\n        }\n\n        .modal-content {\n            background: #fff;\n            border: 6px solid var(--comic-dark);\n            max-width: 800px;\n            width: 100%;\n            padding: 30px;\n            box-shadow: 15px 15px 0px var(--comic-yellow);\n            position: relative;\n            max-height: 90vh;\n            overflow-y: auto;\n        }\n\n        .close-btn {\n            position: absolute;\n            top: -15px; right: -15px;\n            background: var(--comic-red);\n            color: white;\n            font-family: 'Bangers', cursive;\n            font-size: 2rem;\n            width: 40px; height: 40px;\n            border: 4px solid var(--comic-dark);\n            border-radius: 50%;\n            text-align: center;\n            cursor: pointer;\n            line-height: 32px;\n        }\n\n        .modal-speech {\n            font-size: 1.3rem;\n            font-style: italic;\n            border-left: 5px solid var(--comic-blue);\n            padding-left: 15px;\n            margin-bottom: 20px;\n        }\n\n        .links-container {\n            display: flex;\n            gap: 15px;\n            flex-wrap: wrap;\n            margin-top: 20px;\n            border-top: 3px dashed var(--comic-dark);\n            padding-top: 20px;\n        }\n\n        .comic-btn {\n            background: var(--comic-dark);\n            color: white;\n            text-decoration: none;\n            padding: 10px 20px;\n            font-family: 'Bangers', cursive;\n            font-size: 1.2rem;\n            border: 2px solid transparent;\n            transition: 0.2s;\n        }\n\n        .comic-btn:hover {\n            background: var(--comic-yellow);\n            color: var(--comic-dark);\n            border-color: var(--comic-dark);\n        }\n        \n        .modal-header {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 20px;\n        }\n\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"comic-header\">\n        <h1>DESCENSO AL LENGUAJE<\/h1>\n        <h2 style=\"font-family: 'Comic Neue';\">9 C\u00edrculos de la Filosof\u00eda Contempor\u00e1nea<\/h2>\n    <\/div>\n\n    <div class=\"virgilio-box\">\n        <strong>\ud83d\udc41\ufe0f GU\u00cdA DEL VIAJERO: Diccionario de Filosof\u00eda (Ferrater Mora)<\/strong><br><br>\n        \u00abSalve, almas que entr\u00e1is. Ser\u00e9 vuestro Virgilio en esta odisea. Evitad caer en lo &#8216;Absurdo&#8217;, donde habitan las expresiones sin sentido cuyas palabras carecen de significaci\u00f3n. Todo viaje inicia con un signo&#8230; haced clic en las vi\u00f1etas para descender por los c\u00edrculos del estructuralismo y la deconstrucci\u00f3n.\u00bb\n    <\/div>\n\n    <div class=\"comic-grid\" id=\"grid-container\">\n        <!-- Las vi\u00f1etas se inyectan mediante JavaScript -->\n    <\/div>\n\n    <!-- MODAL -->\n    <div class=\"modal-overlay\" id=\"comicModal\">\n        <div class=\"modal-content\">\n            <div class=\"close-btn\" onclick=\"closeModal()\">X<\/div>\n            <div class=\"modal-header\">\n                <img decoding=\"async\" id=\"m-img\" src=\"\" class=\"author-img\" style=\"margin-top:0; width:120px; height:120px;\">\n                <div>\n                    <h2 id=\"m-title\" style=\"font-family: 'Bangers'; font-size: 2.5rem; margin: 0; color: var(--comic-red);\"><\/h2>\n                    <h3 id=\"m-circle\" style=\"margin: 0; color: var(--comic-blue);\"><\/h3>\n                <\/div>\n            <\/div>\n            <div class=\"modal-speech\" id=\"m-speech\"><\/div>\n            <div id=\"m-desc\"><\/div>\n            <div class=\"links-container\">\n                <a id=\"m-wiki\" href=\"#\" target=\"_blank\" class=\"comic-btn\">\ud83d\udcd6 Leer en Wikipedia<\/a>\n                <a id=\"m-univ\" href=\"#\" target=\"_blank\" class=\"comic-btn\">\ud83c\udf93 Fuente Acad\u00e9mica<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Base de datos de los 9 C\u00edrculos\n        const authors = [\n            {\n                circle: \"C\u00edrculo 1: El Signo Arbitrario\",\n                name: \"Ferdinand de Saussure\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/a\/a4\/Ferdinand_de_Saussure.jpg\",\n                speech: \"\\\"El lenguaje es un sistema de diferencias sin t\u00e9rminos positivos. No hay v\u00ednculo natural entre el significante y el significado.\\\"\",\n                desc: \"Padre de la ling\u00fc\u00edstica moderna y del estructuralismo. Nos ense\u00f1\u00f3 que las palabras no son etiquetas de las cosas, sino piezas de ajedrez: su valor depende de su posici\u00f3n frente a las dem\u00e1s.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Ferdinand_de_Saussure\",\n                univ: \"https:\/\/www.unige.ch\/\" \/\/ Univ Ginebra\n            },\n            {\n                circle: \"C\u00edrculo 2: Los Actos de Habla\",\n                name: \"J. L. Austin\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/en\/thumb\/e\/e0\/J.L.Austin.jpg\/220px-J.L.Austin.jpg\",\n                speech: \"\\\"Hacer cosas con palabras. Cuando digo 'S\u00ed, acepto' en una boda, no estoy describiendo una realidad, \u00a1estoy creando una!\\\"\",\n                desc: \"Pionero de la filosof\u00eda del lenguaje ordinario. Nos introdujo a los enunciados 'performativos'. El lenguaje no solo describe el mundo, tambi\u00e9n interviene y modifica la realidad.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/J._L._Austin\",\n                univ: \"https:\/\/plato.stanford.edu\/entries\/austin-jl\/\" \/\/ Stanford\n            },\n            {\n                circle: \"C\u00edrculo 3: Los Juegos del Lenguaje\",\n                name: \"Ludwig Wittgenstein\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/8\/8c\/Ludwig_Wittgenstein.jpg\",\n                speech: \"\\\"El significado de una palabra es su uso en el lenguaje. Los l\u00edmites de mi lenguaje significan los l\u00edmites de mi mundo.\\\"\",\n                desc: \"En sus Investigaciones Filos\u00f3ficas, Wittgenstein destruy\u00f3 la idea de un lenguaje exacto. Hablar es participar en 'juegos', cada uno con sus propias reglas contextuales.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Ludwig_Wittgenstein\",\n                univ: \"https:\/\/www.phil.cam.ac.uk\/\" \/\/ Cambridge Philosophy\n            },\n            {\n                circle: \"C\u00edrculo 4: El Inconsciente Estructurado\",\n                name: \"Jacques Lacan\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/12\/Jacques_Lacan.jpg\/220px-Jacques_Lacan.jpg\",\n                speech: \"\\\"El inconsciente est\u00e1 estructurado como un lenguaje. El s\u00edntoma es una met\u00e1fora.\\\"\",\n                desc: \"Llev\u00f3 el estructuralismo de Saussure al psicoan\u00e1lisis. Para Lacan, el sujeto est\u00e1 atravesado por el orden Simb\u00f3lico; hablamos porque el lenguaje primero nos habit\u00f3 a nosotros.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Jacques_Lacan\",\n                univ: \"https:\/\/www.causefreudienne.net\/\" \/\/ Escuela Freudiana\n            },\n            {\n                circle: \"C\u00edrculo 5: La Muerte del Autor\",\n                name: \"Roland Barthes\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/0\/07\/Roland_Barthes.jpg\/220px-Roland_Barthes.jpg\",\n                speech: \"\\\"El nacimiento del lector se paga con la muerte del Autor. Todo es un mito, todo puede ser le\u00eddo como un texto.\\\"\",\n                desc: \"Postestructuralista que aplic\u00f3 la semiolog\u00eda a la cultura popular (la lucha libre, el vino, la publicidad). Despoj\u00f3 al autor literario de su autoridad divina sobre el significado de la obra.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Roland_Barthes\",\n                univ: \"https:\/\/www.ehess.fr\/fr\" \/\/ EHESS\n            },\n            {\n                circle: \"C\u00edrculo 6: Arqueolog\u00eda del Discurso\",\n                name: \"Michel Foucault\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/c\/c2\/Michel_Foucault.jpg\/220px-Michel_Foucault.jpg\",\n                speech: \"\\\"El discurso es el lugar donde el poder y el saber se articulan. Quien controla el lenguaje, controla los cuerpos.\\\"\",\n                desc: \"Demostr\u00f3 que las palabras construyen instituciones (prisiones, manicomios). Las 'epistemes' de cada \u00e9poca dictan qu\u00e9 se puede decir y qu\u00e9 se censura como locura.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Michel_Foucault\",\n                univ: \"https:\/\/foucault.info\/\" \/\/ Foucault Info Archives\n            },\n            {\n                circle: \"C\u00edrculo 7: La Deconstrucci\u00f3n\",\n                name: \"Jacques Derrida\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/4\/4e\/Jacques_Derrida_1991.jpg\/220px-Jacques_Derrida_1991.jpg\",\n                speech: \"\\\"No hay fuera-del-texto. Todo es un juego constante entre la <strong>realidad, presencia y ausencia<\/strong>.\\\"\",\n                desc: \"Autor de <em>'La estructura, el signo y el juego en el discurso de las ciencias humanas'<\/em>. Nos advirti\u00f3 que buscar un 'Centro' fijo en el lenguaje es una ilusi\u00f3n teol\u00f3gica. Todo significado se aplaza infinitamente (la <em>diff\u00e9rance<\/em>).\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Jacques_Derrida\",\n                univ: \"https:\/\/www.lib.uci.edu\/derrida\" \/\/ UC Irvine Derrida Archives\n            },\n            {\n                circle: \"C\u00edrculo 8: El Vocabulario Final\",\n                name: \"Richard Rorty\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/1\/1a\/Richard_Rorty.jpg\/220px-Richard_Rorty.jpg\",\n                speech: \"\\\"La verdad no se descubre, se hace. Somos poetas que cambian vocabularios, no cient\u00edficos buscando espejos de la naturaleza.\\\"\",\n                desc: \"Figura clave del neopragmatismo. Nos invita a ser 'ironistas', reconociendo que nuestras palabras m\u00e1s profundas son contingentes. El lenguaje es una herramienta para la solidaridad, no para la Verdad Absoluta.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Richard_Rorty\",\n                univ: \"https:\/\/plato.stanford.edu\/entries\/rorty\/\" \/\/ Stanford\n            },\n            {\n                circle: \"C\u00edrculo 9: La Performatividad\",\n                name: \"Judith Butler\",\n                img: \"https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/b\/b5\/Judith_Butler_2011.jpg\/220px-Judith_Butler_2011.jpg\",\n                speech: \"\\\"El g\u00e9nero es una construcci\u00f3n iterativa, una actuaci\u00f3n repetida del lenguaje. Nombrar es crear.\\\"\",\n                desc: \"Tomando los actos de habla de Austin y el poder de Foucault, Butler expone c\u00f3mo el lenguaje normativo inscribe identidades en los cuerpos. El lenguaje hiere, pero tambi\u00e9n libera al resignificarse.\",\n                wiki: \"https:\/\/es.wikipedia.org\/wiki\/Judith_Butler\",\n                univ: \"https:\/\/vcresearch.berkeley.edu\/\" \/\/ UC Berkeley\n            }\n        ];\n\n        const gridContainer = document.getElementById('grid-container');\n        const modal = document.getElementById('comicModal');\n\n        \/\/ Generar las vi\u00f1etas\n        authors.forEach((author, index) => {\n            const panel = document.createElement('div');\n            panel.className = 'comic-panel';\n            panel.onclick = () => openModal(index);\n            \n            panel.innerHTML = `\n                <div class=\"panel-number\">${index + 1}<\/div>\n                <img decoding=\"async\" src=\"${author.img}\" class=\"author-img\" alt=\"${author.name}\" onerror=\"this.src='https:\/\/upload.wikimedia.org\/wikipedia\/commons\/thumb\/a\/ac\/No_image_available.svg\/200px-No_image_available.svg.png'\">\n                <div class=\"panel-name\">${author.name}<\/div>\n                <div style=\"text-align:center; font-size:1.1rem; margin-bottom:15px;\">${author.circle}<\/div>\n                <div class=\"panel-click-hint\">\u00a1CLIC PARA ENTRAR! \ud83d\udca5<\/div>\n            `;\n            gridContainer.appendChild(panel);\n        });\n\n        function openModal(index) {\n            const author = authors[index];\n            document.getElementById('m-title').innerText = author.name;\n            document.getElementById('m-circle').innerText = author.circle;\n            document.getElementById('m-img').src = author.img;\n            document.getElementById('m-speech').innerHTML = author.speech;\n            document.getElementById('m-desc').innerHTML = author.desc;\n            document.getElementById('m-wiki').href = author.wiki;\n            document.getElementById('m-univ').href = author.univ;\n            \n            modal.style.display = 'flex';\n        }\n\n        function closeModal() {\n            modal.style.display = 'none';\n        }\n\n        \/\/ Cerrar modal al hacer clic fuera\n        window.onclick = function(event) {\n            if (event.target == modal) {\n                closeModal();\n            }\n        }\n    <\/script>\n\n<\/body>\n<\/html>\n\n\n\n<a href=\"https:\/\/elprofebernardo.cl\">elprofebernardo.cl<\/a> \u00a9 2007 by <a href=\"https:\/\/elprofebernardo.cl\">Bernardo Jara<\/a> is licensed under <a href=\"https:\/\/creativecommons.org\/licenses\/by-nd\/4.0\/\">Creative Commons Attribution-NoDerivatives 4.0 International<\/a><img decoding=\"async\" src=\"https:\/\/mirrors.creativecommons.org\/presskit\/icons\/cc.svg\" alt=\"\" style=\"max-width: 1em;max-height:1em;margin-left: .2em;\"><img decoding=\"async\" src=\"https:\/\/mirrors.creativecommons.org\/presskit\/icons\/by.svg\" alt=\"\" style=\"max-width: 1em;max-height:1em;margin-left: .2em;\"><img decoding=\"async\" src=\"https:\/\/mirrors.creativecommons.org\/presskit\/icons\/nd.svg\" alt=\"\" style=\"max-width: 1em;max-height:1em;margin-left: .2em;\">\n","protected":false},"excerpt":{"rendered":"<p>Somos seres de lenguaje y escritura, de diversas formas hemos dejado muesca, en la comprenssi{on de estas, sobretodo aquellas del pasado, necesitamos descedimentar sus transfondo y mensaje encerrado, desde aquel otro, que nos difiere en su propio espacio y tiempo. Los 9 C\u00edrculos del Lenguaje &#8211; C\u00f3mic Interactivo DESCENSO AL LENGUAJE 9 C\u00edrculos de la Filosof\u00eda Contempor\u00e1nea \ud83d\udc41\ufe0f GU\u00cdA DEL [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":527,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-793","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=793"}],"version-history":[{"count":2,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/793\/revisions"}],"predecessor-version":[{"id":799,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/793\/revisions\/799"}],"up":[{"embeddable":true,"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=\/wp\/v2\/pages\/527"}],"wp:attachment":[{"href":"https:\/\/elprofebernardo.cl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}