Sebasti\u00e1n Torres | UMBRA|ES<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- ESTILOS BASE UMBRA|ES --- *\/\r\n :root { --u-black: #000; --u-grey: #555; --bg-color: #fff; }\r\n @font-face { font-family: 'CODE'; src: local('CODE Bold'), local('CODE-Bold'), url('https:\/\/fonts.cdnfonts.com\/s\/14352\/Code-Bold.woff') format('woff'); font-weight: bold; }\r\n\r\n h1, h2, h3, h4, .brand-font, .concept-header, .work-header, .glossary-term, .valor-final, .status-tag, .btn-pdf {\r\n font-family: 'CODE', 'Helvetica', sans-serif !important;\r\n text-transform: uppercase; font-weight: bold !important; letter-spacing: 2px;\r\n }\r\n\r\n body, p, .concept-body, .glossary-def, .reading-list, li, .ficha-tecnica {\r\n font-family: 'DM Sans', sans-serif !important; color: #111; font-size: 1.05rem; line-height: 1.7; text-align: justify; font-weight: 300;\r\n }\r\n\r\n body { margin: 0; padding: 0; background: var(--bg-color); overflow-x: hidden; }\r\n .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n\r\n \/* --- HERO HORIZONTAL (OPTIMIZADO M\u00d3VIL) --- *\/\r\n .hero-horizontal-wrapper { width: 100%; min-height: auto; display: flex; flex-direction: column; }\r\n .hero-image-top { width: 100%; height: 60vh; position: relative; overflow: hidden; }\r\n .hero-img-landscape { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: 0.6s; }\r\n .hero-image-top:hover .hero-img-landscape { filter: grayscale(0%); }\r\n \r\n .hero-info-bar { background-color: #fff; padding: 40px 60px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #000; }\r\n .info-left { display: flex; flex-direction: column; }\r\n .hero-logo-small { width: 140px; margin-bottom: 20px; display: block; }\r\n .hero-label-hor { font-size: 0.85rem; letter-spacing: 3px; color: #666; margin-bottom: 10px; display: block; font-weight: bold; }\r\n .artist-name-hor { font-size: 4.5rem; line-height: 0.9; margin: 0; color: #000; }\r\n .artist-concept-hor { font-size: 1.3rem; color: #444; margin-top: 10px; display: block; }\r\n\r\n .btn-pdf {\r\n background-color: var(--u-black); color: #fff; border: 2px solid var(--u-black);\r\n padding: 18px 35px; font-size: 0.85rem; cursor: pointer; transition: 0.3s; width: fit-content; text-decoration: none;\r\n font-family: 'CODE', sans-serif !important; letter-spacing: 2px;\r\n }\r\n .btn-pdf:hover { background-color: #333; transform: translateY(-3px); }\r\n .btn-pdf:disabled { background-color: #999; border-color: #999; cursor: progress; transform: none; }\r\n\r\n \/* --- SECCIONES DE TEXTO --- *\/\r\n .bio-section { padding: 80px 0; max-width: 900px; margin: 0 auto; }\r\n .section-title { font-size: 2.5rem; margin-bottom: 40px; text-align: center; }\r\n .bio-text p { margin-bottom: 20px; }\r\n\r\n \/* --- MARCO CONCEPTUAL --- *\/\r\n .mc-section { background-color: #fff; padding: 80px 0; border-top: 1px solid #eee; }\r\n .mc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; padding: 0 20px;}\r\n .concept-card { background: #fff; padding: 35px; border: 1px solid #eee; transition: all 0.3s; height: 100%; display: flex; flex-direction: column; }\r\n .concept-card:hover { border-color: #000; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }\r\n .concept-header { font-size: 1.1rem; margin-bottom: 20px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 5px;}\r\n \r\n .zen-card { border: 2px solid #000; grid-column: 1 \/ -1; text-align: center; padding: 50px 35px; }\r\n .zen-card .concept-header { border-bottom-color: #000; font-size: 1.5rem; margin-bottom: 20px; color: #000; }\r\n .zen-card .concept-body { max-width: 800px; margin: 0 auto; font-size: 1.1rem; text-align: center; color: #111; }\r\n\r\n \/* --- GLOSARIO & LECTURA --- *\/\r\n .glossary-section { padding: 80px 0; background: #fff; border-top: 1px solid #eee; }\r\n .glossary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n .glossary-item { padding: 20px; border-bottom: 1px solid #f0f0f0; }\r\n \r\n .reading-section { padding: 80px 0; border-top: 1px solid #eee; }\r\n .reading-list { list-style: none; padding: 0; margin: 0; }\r\n .reading-list li { margin-bottom: 20px; text-align: left; }\r\n .reading-list strong { display: block; color: #000; margin-bottom: 5px; font-family: 'DM Sans', sans-serif; font-weight: 700; }\r\n .reading-list span { color: #666; font-size: 0.95rem; }\r\n\r\n \/* --- CAT\u00c1LOGO WEB --- *\/\r\n .works-section { padding: 80px 0; border-top: 1px solid #eee; }\r\n .grid-obras { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 0; border-top: 1px solid #eee; }\r\n .obra-card { padding: 50px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: flex; flex-direction: column; transition: background 0.3s ease; text-align: center; align-items: center;}\r\n .obra-card:hover { background: #fafafa; }\r\n .img-wrapper { width: 100%; aspect-ratio: 1\/1; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; background: #fcfcfc; padding: 20px; box-sizing: border-box;}\r\n .img-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; }\r\n .obra-info h2 { font-size: 1.6rem; margin: 0 0 10px 0; letter-spacing: -1px; font-weight: 800; line-height: 1.2;}\r\n .obra-autor-tag { font-weight: 500; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 20px; display: inline-block; border-bottom: 2px solid var(--u-black); padding: 0 10px 5px 10px; color: #555; }\r\n .ficha-tecnica { font-size: 1rem; line-height: 1.8; color: var(--u-grey); margin-bottom: 25px; flex-grow: 1; text-align: center; display: flex; flex-direction: column; gap: 5px;}\r\n .ficha-tecnica strong { font-weight: 700; color: #000; }\r\n .precio-container { display: flex; flex-direction: column; align-items: center; border-top: 1px solid #eee; padding-top: 20px; width: 100%; margin-top: auto;}\r\n .valor-final { font-size: 2.2rem; margin: 0;}\r\n .status-tag { font-size: 0.7rem; padding: 5px 12px; border: 1px solid var(--u-black); margin-top: 10px;}\r\n .vendida { background: var(--u-black); color: #fff; }\r\n\r\n \/* --- GALER\u00cdA --- *\/\r\n .gallery-expanded { width: 100%; border-top: 1px solid #eee; }\r\n .gallery-row { display: flex; width: 100%; margin-bottom: 10px; justify-content: center; }\r\n .gallery-img-full { width: 100%; height: 80vh; object-fit: cover; display: block; }\r\n .gallery-img-half { width: 50%; height: 60vh; object-fit: cover; display: block; padding: 0 5px; }\r\n\r\n \/* --- AJUSTES M\u00d3VILES PERFECTOS --- *\/\r\n @media (max-width: 900px) {\r\n .hero-image-top { height: 45vh; }\r\n .hero-info-bar { flex-direction: column; padding: 40px 20px; gap: 30px; text-align: center; }\r\n .info-left { align-items: center; }\r\n .artist-name-hor { font-size: 3.5rem; }\r\n .btn-pdf { width: 100%; text-align: center; padding: 20px; } \r\n \r\n .grid-obras { grid-template-columns: 1fr; }\r\n .gallery-row { flex-direction: column; margin-bottom: 0; }\r\n .gallery-img-half, .gallery-img-full { height: 50vh; width: 100%; padding: 0; margin-bottom: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero-horizontal-wrapper\">\r\n <div class=\"hero-image-top\">\r\n <img decoding=\"async\" id=\"artist-profile-pic\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-27-16-scaled.jpg\" alt=\"Sebasti\u00e1n Torres\" class=\"hero-img-landscape\" crossorigin=\"anonymous\">\r\n <\/div>\r\n <div class=\"hero-info-bar\">\r\n <div class=\"info-left\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png\" alt=\"Logo Umbrales\" class=\"hero-logo-small\" crossorigin=\"anonymous\"> \r\n <span class=\"hero-label-hor brand-font\">ARQUITECTO & ARTISTA VISUAL<\/span>\r\n <h1 class=\"artist-name-hor\">SEBASTI\u00c1N<br>TORRES<\/h1>\r\n <span class=\"artist-concept-hor brand-font\">TRANSMUTACI\u00d3N<\/span>\r\n <\/div>\r\n <button id=\"btnPDF\" onclick=\"generarDocumentoTotal()\" class=\"btn-pdf\">DESCARGAR PERFIL PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\" id=\"bio-web\">\r\n <h2 class=\"section-title\">BIOGRAF\u00cdA<\/h2>\r\n <div class=\"bio-text\">\r\n <p>Sebasti\u00e1n Torres es arquitecto y artista visual. Naci\u00f3 en Pachuca, Hidalgo, y actualmente vive y trabaja en la Ciudad de M\u00e9xico. Su pr\u00e1ctica se desarrolla en el cruce entre pintura, energ\u00eda, percepci\u00f3n y espacio, entendiendo el arte como una experiencia viva y un medio de conexi\u00f3n sensible capaz de generar v\u00ednculos emocionales y reflexi\u00f3n colectiva.<\/p>\r\n <p>Ha expuesto su obra en recintos institucionales como el Museo del Palacio de la Autonom\u00eda de la UNAM y el Museo Mundo F\u00fatbol del Grupo Pachuca, as\u00ed como en exposiciones individuales y colectivas en colaboraci\u00f3n con la Secretar\u00eda de Cultura del Estado de Hidalgo y diversos espacios independientes en la Ciudad de M\u00e9xico.<\/p>\r\n <p>Ha impartido conferencias sobre arte y arquitectura en la Universidad Aut\u00f3noma del Estado de Hidalgo.<\/p>\r\n <p>Su trabajo ha dialogado con contextos y p\u00fablicos diversos, desde la realizaci\u00f3n del retrato oficial del exgobernador del Estado de Hidalgo, Omar Fayad Meneses, hasta la creaci\u00f3n de piezas para el actor y artista estadounidense Drake Bell.<\/p>\r\n <p>Esta amplitud de registros refleja una pr\u00e1ctica flexible y transversal, capaz de adaptarse a distintas escalas y lenguajes sin perder coherencia conceptual.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\" id=\"statement-web\" style=\"padding-top: 0;\">\r\n <h2 class=\"section-title\">STATEMENT<\/h2>\r\n <div class=\"bio-text\">\r\n <p>La obra de Sebasti\u00e1n Torres aborda la pintura como un campo de energ\u00eda y percepci\u00f3n m\u00e1s que como imagen representacional. Su pr\u00e1ctica investiga la relaci\u00f3n entre conciencia, tiempo, espiritualidad y condici\u00f3n humana desde una mirada simb\u00f3lica y contempor\u00e1nea, donde lo pict\u00f3rico se entiende como un espacio de tr\u00e1nsito y transformaci\u00f3n.<\/p>\r\n <p>El proceso funciona como un laboratorio constante de experimentaci\u00f3n t\u00e9cnica. Trabaja con \u00f3leo, acr\u00edlico, aerograf\u00eda y t\u00e9cnicas mixtas, incorporando de manera central el uso del p\u00e9ndulo como herramienta gestual.<\/p>\r\n <p>Este dispositivo le permite registrar movimiento, energ\u00eda y azar controlado, convirti\u00e9ndose en un rasgo distintivo de su lenguaje visual y en un m\u00e9todo para activar la obra desde la experiencia corporal y temporal.<\/p>\r\n <p>La serie <em>Transmutaci\u00f3n<\/em> (2025) profundiza en los procesos de cambio que atraviesan la materia, la conciencia y el espacio. Lejos de proponer una narrativa lineal o una promesa de iluminaci\u00f3n, la obra se articula como un recorrido por distintos estados \u2014origen, asombro, interiorizaci\u00f3n, equilibrio, colapso, dimensi\u00f3n y coexistencia\u2014 donde lo humano, lo abstracto, lo energ\u00e9tico y lo c\u00f3smico se entrelazan.<\/p>\r\n <p>En este contexto, el arte se concibe como un espacio de contenci\u00f3n y cuestionamiento. El cambio no se impone ni se idealiza, sino que se revela como un proceso natural, continuo y, en muchos casos, silencioso, que se manifiesta en la experiencia misma de la pintura.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mc-section\" id=\"marco-web\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">MARCO CONCEPTUAL<\/h2>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">LA OBRA COMO CAMPO DE INMANENCIA<\/span>\r\n <div class=\"concept-body\">Desde el inicio de este proceso, la obra de Sebasti se ha definido no como imagen ni como objeto cerrado, sino como un campo de inmanencia. La pintura deja de ser superficie para convertirse en espesor, en un territorio donde todo ocurre en el mismo plano ontol\u00f3gico. No existe un \u201cm\u00e1s all\u00e1\u201d simb\u00f3lico ni una jerarqu\u00eda entre lo visible y lo invisible. Lo espiritual, lo material, lo corporal y lo tecnol\u00f3gico coexisten sin separaci\u00f3n. La obra no remite a otra cosa. Es.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">ESTADO DE PRESENCIA Y VOLUNTAD DE PROCESO<\/span>\r\n <div class=\"concept-body\">La pr\u00e1ctica de Sebasti se articula desde un estado de presencia que no es monumental ni estable, sino procesual. Cada obra encarna una voluntad de proceso hecha de trayectos, desplazamientos, exposiciones al entorno, mutaciones materiales y decisiones acumuladas. La obra no se presenta como el resultado final de ese proceso, sino como el proceso sedimentado, siempre susceptible de reactivarse. No hay clausura ni forma definitiva.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">CAPAS, ESTRATIFICACI\u00d3N Y REVELACI\u00d3N<\/span>\r\n <div class=\"concept-body\">Formal y conceptualmente, la obra se construye por capas. Estas capas no funcionan como decoraci\u00f3n ni como acumulaci\u00f3n arbitraria, sino como estratos de experiencia. La lectura nunca es inmediata. Exige tiempo, proximidad y una atenci\u00f3n sostenida. Cada capa revelada abre otra, generando una profundidad que no es espacial, sino perceptiva. La obra se va desvelando progresivamente, sin entregarse por completo.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">LUZ, ACTIVACI\u00d3N Y VERDAD LATENTE<\/span>\r\n <div class=\"concept-body\">Un eje central de esta pr\u00e1ctica es la activaci\u00f3n lum\u00ednica. El tr\u00e1nsito entre luz blanca y luz negra no introduce un efecto espectacular, sino una condici\u00f3n ontol\u00f3gica distinta. Bajo determinadas circunstancias, aparecen capas latentes, el f\u00f3sforo se activa y registros ocultos se hacen visibles. La obra no cambia. Cambia la condici\u00f3n de aparici\u00f3n. La pintura se manifiesta as\u00ed como acontecimiento temporal y no como imagen fija.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">PUESTA POR OBRA DE LA VERDAD<\/span>\r\n <div class=\"concept-body\">El eje est\u00e9tico y filos\u00f3fico que articula esta lectura es la puesta por obra de la verdad, en el sentido desarrollado por Martin Heidegger. La verdad no se entiende como representaci\u00f3n ni como correspondencia, sino como aletheia, como desocultamiento. En la obra de Sebasti, la verdad no se enuncia ni se explica. Acontece en la relaci\u00f3n entre materia, luz, tiempo y percepci\u00f3n. Cada activaci\u00f3n constituye un nuevo modo de verdad, siempre parcial y situada.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">FRICCI\u00d3N, LABERINTO Y EXPERIENCIA<\/span>\r\n <div class=\"concept-body\">No existe una lectura definitiva. La obra opera por fricci\u00f3n. Algo se resiste, algo emerge, algo se desplaza. Las volutas, espirales y recorridos visuales configuran un laberinto sin centro, donde el espectador no descifra, sino que atraviesa. El sentido no est\u00e1 dado de antemano. Se construye en la experiencia misma.<\/div>\r\n <\/div>\r\n <div class=\"concept-card zen-card\">\r\n <span class=\"concept-header\">TRANSMUTACI\u00d3N COMO \u00c9TICA EST\u00c9TICA<\/span>\r\n <div class=\"concept-body\">Todo este sistema se articula finalmente bajo el concepto de transmutaci\u00f3n. La materia, la imagen y la percepci\u00f3n atraviesan estados. Nada permanece id\u00e9ntico a s\u00ed mismo. La obra se afirma como un organismo vivo, abierto y disponible para nuevas activaciones. La transmutaci\u00f3n no es un tema representado, sino una \u00e9tica est\u00e9tica del devenir.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glossary-section\" id=\"glosario-web\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">GLOSARIO CONCEPTUAL<\/h2>\r\n <div class=\"glossary-grid\">\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Aletheia<\/span><p class=\"glossary-def\">Concepci\u00f3n de la verdad como desocultamiento. La verdad aparece de manera parcial, situada y nunca definitiva.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Anverso activo<\/span><p class=\"glossary-def\">Negaci\u00f3n de la jerarqu\u00eda entre frente y reverso. Toda cara de la obra es un plano de sentido.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Campo de inmanencia<\/span><p class=\"glossary-def\">Espacio donde no existe separaci\u00f3n entre materia, esp\u00edritu, imagen y experiencia.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Capas y estratificaci\u00f3n<\/span><p class=\"glossary-def\">Construcci\u00f3n de la obra a partir de sedimentos materiales y perceptivos que se revelan en el tiempo.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Desocultamiento<\/span><p class=\"glossary-def\">Proceso mediante el cual algo latente se hace visible sin agotarse en su aparici\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Estado de presencia<\/span><p class=\"glossary-def\">Presencia procesual, viva y activa, no monumental ni fija.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Evento perceptivo<\/span><p class=\"glossary-def\">La obra entendida como acontecimiento que ocurre en la experiencia del espectador.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">F\u00f3sforo<\/span><p class=\"glossary-def\">Materia activable que permite la revelaci\u00f3n de capas latentes bajo luz negra.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Fricci\u00f3n<\/span><p class=\"glossary-def\">Resistencia productiva que impide una lectura cerrada y mantiene la obra en tensi\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Imagen no representacional<\/span><p class=\"glossary-def\">Imagen que no ilustra ni sustituye el mundo, sino que lo activa perceptivamente.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Inmanencia<\/span><p class=\"glossary-def\">Condici\u00f3n en la que todo acontece en un mismo plano ontol\u00f3gico, sin trascendencia externa.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Laberinto<\/span><p class=\"glossary-def\">Estructura visual sin centro ni resoluci\u00f3n \u00fanica, abierta a m\u00faltiples recorridos.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Luz blanca y luz negra<\/span><p class=\"glossary-def\">Condiciones de aparici\u00f3n que modifican la percepci\u00f3n sin alterar materialmente la obra.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Obra abierta<\/span><p class=\"glossary-def\">Obra no clausurada, siempre disponible para nuevas activaciones.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Proceso sedimentado<\/span><p class=\"glossary-def\">Acumulaci\u00f3n visible de decisiones, trayectos y transformaciones materiales.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Puesta por obra de la verdad<\/span><p class=\"glossary-def\">La verdad entendida como algo que acontece en la obra y no como mensaje.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Revelaci\u00f3n progresiva<\/span><p class=\"glossary-def\">Despliegue gradual del sentido que nunca se ofrece de forma inmediata o total.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Tiempo de la obra<\/span><p class=\"glossary-def\">Dimensi\u00f3n temporal que exige desaceleraci\u00f3n y atenci\u00f3n sostenida.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Transmutaci\u00f3n<\/span><p class=\"glossary-def\">Paso de un estado a otro sin fijaci\u00f3n definitiva. \u00c9tica del devenir.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Voluntad de proceso<\/span><p class=\"glossary-def\">Impulso interno que mantiene la obra en constante transformaci\u00f3n.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"works-section\">\r\n <div class=\"container\"><h2 class=\"section-title\">OBRAS DISPONIBLES<\/h2><\/div>\r\n <div id=\"grid-sebasti\u00e1n\" class=\"grid-obras\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-expanded\">\r\n <h2 class=\"section-title\" style=\"padding-top: 60px;\">REGISTRO DE OBRA<\/h2>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" id=\"gal-1\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-37-50-scaled.jpg\" class=\"gallery-img-full\" alt=\"Registro 1\" crossorigin=\"anonymous\">\r\n <\/div>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" id=\"gal-2\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-34-36.jpg\" class=\"gallery-img-half\" alt=\"Registro 2\" crossorigin=\"anonymous\">\r\n <img decoding=\"async\" id=\"gal-3\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-34-25-scaled.jpg\" class=\"gallery-img-half\" alt=\"Registro 3\" crossorigin=\"anonymous\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container reading-section\" id=\"reading-web\">\r\n <h2 class=\"section-title\">FURTHER READING<\/h2>\r\n <div style=\"column-count: 2; column-gap: 60px;\">\r\n <div class=\"reading-category\">\r\n <ul class=\"reading-list\">\r\n <li><strong>El origen de la obra de arte.<\/strong> <br>Martin Heidegger. En Caminos de bosque. Madrid: Alianza. <br><span>(Texto fundacional del concepto de \u201cpuesta por obra de la verdad\u201d y de la verdad como aletheia.)<\/span><\/li>\r\n <li><strong>Fenomenolog\u00eda de la percepci\u00f3n.<\/strong> <br>Maurice Merleau-Ponty. Par\u00eds: Gallimard. <br><span>(Clave para comprender la obra como experiencia corporal y perceptiva.)<\/span><\/li>\r\n <li><strong>La obra abierta.<\/strong> <br>Umberto Eco. Mil\u00e1n: Bompiani. <br><span>(La obra como estructura no clausurada, activada por el espectador.)<\/span><\/li>\r\n <li><strong>La actualidad de lo bello.<\/strong> <br>Hans-Georg Gadamer. Barcelona: Paid\u00f3s. <br><span>(La experiencia est\u00e9tica como acontecimiento y juego de aparici\u00f3n.)<\/span><\/li>\r\n <li><strong>Ver y no ver.<\/strong> <br>John Berger. Londres: Penguin Books. <br><span>(La mirada como construcci\u00f3n cultural y acto consciente.)<\/span><\/li>\r\n <li><strong>La imagen-tiempo.<\/strong> <br>Gilles Deleuze. Par\u00eds: Minuit. <br><span>(Pensar la imagen desde el tiempo, el devenir y la mutaci\u00f3n.)<\/span><\/li>\r\n <li><strong>El espacio del pensamiento.<\/strong> <br>Gianni Vattimo. Madrid: C\u00e1tedra. <br><span>(Arte, verdad y debilitamiento de las estructuras fuertes.)<\/span><\/li>\r\n <li><strong>Contra el m\u00e9todo.<\/strong> <br>Paul Feyerabend. Ciudad de M\u00e9xico: Sexto Piso. <br><span>(Cr\u00edtica a los sistemas cerrados y defensa de la pluralidad de modos de conocimiento.)<\/span><\/li>\r\n <li><strong>Arte y percepci\u00f3n visual.<\/strong> <br>Rudolf Arnheim. Berkeley: University of California Press. <br><span>(Estructuras perceptivas, forma, tensi\u00f3n y organizaci\u00f3n visual.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n let worksData = [];\r\n\r\n function fixImage(url) {\r\n if(!url) return \"\";\r\n const m = url.match(\/\\\/d\\\/([^\/]+)\/) || url.match(\/id=([^&]+)\/);\r\n return m ? `http:\/\/googleusercontent.com\/profile\/picture\/4${m[1]}=s1500` : url;\r\n }\r\n\r\n async function initSebas() {\r\n const AUTOR = \"SEBASTI\u00c1N TORRES\";\r\n const url = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTJwx_xoNFNjz_7Y7c0SwuxjeAV9sIjYkEXE4ZB47mLjJ0xvkMIHPSA3gWcpj3SKw\/pub?output=csv';\r\n try {\r\n const resp = await fetch(url + \"&t=\" + Date.now());\r\n const csv = await resp.text();\r\n const rows = csv.split('\\n').slice(6);\r\n worksData = rows.map(r => {\r\n const c = r.split(\/,(?=(?:(?:[^\"]*\"){2})*[^\"]*$)\/);\r\n if(c.length < 11 || !c[2]) return null;\r\n return {\r\n titulo: c[2].replace(\/\"\/g, \"\").trim(),\r\n autor: c[3].replace(\/\"\/g, \"\").trim().toUpperCase(),\r\n tecnica: c[4].replace(\/\"\/g, \"\").trim(),\r\n medidas: c[5].replace(\/\"\/g, \"\").trim(),\r\n a\u00f1o: c[6].replace(\/\"\/g, \"\").trim(),\r\n valor: c[7].replace(\/\"\/g, \"\").trim(),\r\n moneda: c[8].replace(\/\"\/g, \"\").trim(),\r\n base: c[9]?.replace(\/\"\/g, \"\").trim() || \"Recibo, Factura y\/o Certificado\",\r\n img: fixImage(c[10].trim()),\r\n estatus: (c[11] || \"DISPONIBLE\").toUpperCase()\r\n };\r\n }).filter(o => o && o.autor.includes(AUTOR));\r\n renderWorks(worksData);\r\n } catch (e) { console.error(e); }\r\n }\r\n\r\n function renderWorks(items) {\r\n const container = document.getElementById('grid-sebasti\u00e1n');\r\n container.innerHTML = items.map(o => {\r\n const isV = o.estatus.includes(\"VENDIDA\");\r\n const isNoDisp = o.valor.toUpperCase().includes(\"NO DISPONIBLE\");\r\n return `<div class=\"obra-card\" style=\"opacity: ${isV ? '0.5' : '1'}\">\r\n <div class=\"img-wrapper\"><img decoding=\"async\" src=\"${o.img}\" crossorigin=\"anonymous\"><\/div>\r\n <div class=\"obra-info\">\r\n <h2>${o.titulo}<\/h2><span class=\"obra-autor-tag\">${o.autor}<\/span>\r\n <div class=\"ficha-tecnica\"><span><strong>T\u00c9CNICA:<\/strong> ${o.tecnica}<\/span><span><strong>MEDIDAS:<\/strong> ${o.medidas}<\/span><span><strong>A\u00d1O:<\/strong> ${o.a\u00f1o}<\/span><\/div>\r\n <div class=\"precio-container\">\r\n <div class=\"valor-final ${isNoDisp ? 'texto-no-disponible' : ''}\" style=\"${isNoDisp ? 'font-size:1.2rem; color:#666;' : ''}\">\r\n ${o.valor} ${isNoDisp ? '' : `<small style=\"font-size:0.4em\">${o.moneda}<\/small>`}\r\n <\/div>\r\n ${isV ? '<span class=\"status-tag vendida\">VENDIDA<\/span>' : ''}<\/div>\r\n <div style=\"font-size: 0.7rem; color: #999; margin-top: 15px; text-transform:uppercase;\">INCLUYE: ${o.base}<\/div>\r\n <\/div><\/div>`;\r\n }).join('');\r\n }\r\n\r\n \/\/ --- MOTOR PDF EDITORIAL DE LUJO: TEXTOS ALINEADOS A 26PX Y FICHAS CENTRADAS ---\r\n async function generarDocumentoTotal() {\r\n const btn = document.getElementById(\"btnPDF\");\r\n btn.disabled = true; btn.innerText = \"PROCESANDO PERFIL...\";\r\n const { jsPDF } = window.jspdf;\r\n const pdf = new jsPDF({ orientation: \"portrait\", unit: \"px\", format: [1080, 1920] });\r\n const container = document.createElement(\"div\");\r\n container.style.cssText = \"position:fixed; left:-9999px; top:0; width:1080px; background:#fff;\";\r\n document.body.appendChild(container);\r\n\r\n const capture = async (html) => {\r\n container.innerHTML = html;\r\n const images = container.querySelectorAll('img');\r\n await Promise.all(Array.from(images).map(img => {\r\n if (img.complete) return Promise.resolve();\r\n return new Promise(res => { img.onload = res; img.onerror = res; });\r\n }));\r\n await new Promise(r => setTimeout(r, 600)); \r\n const canvas = await html2canvas(container, { scale: 1.5, useCORS: true, backgroundColor: \"#fff\" });\r\n return canvas.toDataURL(\"image\/jpeg\", 0.95);\r\n };\r\n\r\n const footer = `<div style=\"position:absolute; bottom:70px; left:0; width:100%; text-align:center; font-family:'DM Sans'; font-size:24px; letter-spacing:5px; color:#000;\">@umbrales.mx<\/div>`;\r\n\r\n \/\/ 1. PORTADA EDITORIAL LIMPIA\r\n btn.innerText = \"P\u00c1GINA: PORTADA...\";\r\n const p1 = `<div style=\"width:1080px; height:1920px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:100px; position:relative; box-sizing:border-box;\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png\" style=\"width:350px; margin-bottom:120px;\" crossorigin=\"anonymous\">\r\n <h1 style=\"font-family:'CODE'; font-size:120px; line-height:0.9;\">SEBASTI\u00c1N<br>TORRES<\/h1>\r\n <p style=\"font-size:45px; margin-top:50px; color:#555; letter-spacing:4px; font-family:'DM Sans';\">PERFIL DE ARTISTA<\/p>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(p1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 2. BIOGRAF\u00cdA CON FOTO INTACTA Y TEXTO A 26PX\r\n btn.innerText = \"P\u00c1GINA: BIOGRAF\u00cdA...\";\r\n pdf.addPage();\r\n const artistImg = document.getElementById('artist-profile-pic').src;\r\n const p2 = `<div style=\"width:1080px; height:1920px; padding:100px 120px; font-family:'DM Sans'; position:relative; display:flex; flex-direction:column; align-items:center; box-sizing:border-box;\">\r\n <div style=\"width:100%; height:550px; overflow:hidden; margin-bottom:60px; display:flex; justify-content:center;\">\r\n <img decoding=\"async\" src=\"${artistImg}\" crossorigin=\"anonymous\" style=\"max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;\">\r\n <\/div>\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:40px; width:100%; text-align:center;\">BIOGRAF\u00cdA<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; text-align:justify; width:100%;\">\r\n <p style=\"margin-bottom:15px;\">Sebasti\u00e1n Torres es arquitecto y artista visual. Naci\u00f3 en Pachuca, Hidalgo, y actualmente vive y trabaja en la Ciudad de M\u00e9xico. Su pr\u00e1ctica se desarrolla en el cruce entre pintura, energ\u00eda, percepci\u00f3n y espacio, entendiendo el arte como una experiencia viva y un medio de conexi\u00f3n sensible capaz de generar v\u00ednculos emocionales y reflexi\u00f3n colectiva.<\/p>\r\n <p style=\"margin-bottom:15px;\">Ha expuesto su obra en recintos institucionales como el Museo del Palacio de la Autonom\u00eda de la UNAM y el Museo Mundo F\u00fatbol del Grupo Pachuca, as\u00ed como en exposiciones individuales y colectivas en colaboraci\u00f3n con la Secretar\u00eda de Cultura del Estado de Hidalgo y diversos espacios independientes en la Ciudad de M\u00e9xico.<\/p>\r\n <p style=\"margin-bottom:15px;\">Ha impartido conferencias sobre arte y arquitectura en la Universidad Aut\u00f3noma del Estado de Hidalgo.<\/p>\r\n <p style=\"margin-bottom:15px;\">Su trabajo ha dialogado con contextos y p\u00fablicos diversos, desde la realizaci\u00f3n del retrato oficial del exgobernador del Estado de Hidalgo, Omar Fayad Meneses, hasta la creaci\u00f3n de piezas para el actor y artista estadounidense Drake Bell.<\/p>\r\n <p style=\"margin-bottom:0;\">Esta amplitud de registros refleja una pr\u00e1ctica flexible y transversal, capaz de adaptarse a distintas escalas y lenguajes sin perder coherencia conceptual.<\/p>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(p2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 3. STATEMENT A 26PX\r\n btn.innerText = \"P\u00c1GINA: STATEMENT...\";\r\n pdf.addPage();\r\n const pStat = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">STATEMENT<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; text-align:justify;\">\r\n <p style=\"margin-bottom:20px;\">La obra de Sebasti\u00e1n Torres aborda la pintura como un campo de energ\u00eda y percepci\u00f3n m\u00e1s que como imagen representacional. Su pr\u00e1ctica investiga la relaci\u00f3n entre conciencia, tiempo, espiritualidad y condici\u00f3n humana desde una mirada simb\u00f3lica y contempor\u00e1nea, donde lo pict\u00f3rico se entiende como un espacio de tr\u00e1nsito y transformaci\u00f3n.<\/p>\r\n <p style=\"margin-bottom:20px;\">El proceso funciona como un laboratorio constante de experimentaci\u00f3n t\u00e9cnica. Trabaja con \u00f3leo, acr\u00edlico, aerograf\u00eda y t\u00e9cnicas mixtas, incorporando de manera central el uso del p\u00e9ndulo como herramienta gestual.<\/p>\r\n <p style=\"margin-bottom:20px;\">Este dispositivo le permite registrar movimiento, energ\u00eda y azar controlado, convirti\u00e9ndose en un rasgo distintivo de su lenguaje visual y en un m\u00e9todo para activar la obra desde la experiencia corporal y temporal.<\/p>\r\n <p style=\"margin-bottom:20px;\">La serie <em>Transmutaci\u00f3n<\/em> (2025) profundiza en los procesos de cambio que atraviesan la materia, la conciencia y el espacio. Lejos de proponer una narrativa lineal o una promesa de iluminaci\u00f3n, la obra se articula como un recorrido por distintos estados \u2014origen, asombro, interiorizaci\u00f3n, equilibrio, colapso, dimensi\u00f3n y coexistencia\u2014 donde lo humano, lo abstracto, lo energ\u00e9tico y lo c\u00f3smico se entrelazan.<\/p>\r\n <p style=\"margin-bottom:0;\">En este contexto, el arte se concibe como un espacio de contenci\u00f3n y cuestionamiento. El cambio no se impone ni se idealiza, sino que se revela como un proceso natural, continuo y, en muchos casos, silencioso, que se manifiesta en la experiencia misma de la pintura.<\/p>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pStat), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 4. MARCO CONCEPTUAL PARTE 1 (PAGINADO PARA EVITAR CORTES Y UNIFICADO A 26PX)\r\n btn.innerText = \"P\u00c1GINA: MARCO CONCEPTUAL I...\";\r\n pdf.addPage();\r\n const pMC1 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">MARCO CONCEPTUAL<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; text-align:justify; margin-bottom:50px;\">\r\n <p style=\"margin-bottom:15px;\">La pr\u00e1ctica de Sof\u00eda Tormenta se inscribe en un desplazamiento central del arte contempor\u00e1neo: la obra no se concibe como un objeto cerrado, sino como una condici\u00f3n activa de experiencia. Sus piezas no representan, no ilustran ni narran. Operan. Se activan en tiempo real a trav\u00e9s del cuerpo, la materia, el sonido, el error y la presencia del otro.<\/p>\r\n <p style=\"margin-bottom:0;\">El marco te\u00f3rico que atraviesa su pr\u00e1ctica es la <strong>est\u00e9tica relacional<\/strong> de Nicolas Bourriaud. En este paradigma, el arte ya no se define por la autonom\u00eda del objeto, sino por su capacidad de producir intersticios sociales y experiencias compartidas. Tormenta adopta una est\u00e9tica de fricci\u00f3n y resistencia, donde el v\u00ednculo emerge de la repetici\u00f3n insistente y la violencia contenida del gesto.<\/p>\r\n <\/div>\r\n \r\n <div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:30px;\">\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">LA OBRA COMO CAMPO DE INMANENCIA<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Desde el inicio de este proceso, la obra de Sebasti se ha definido no como imagen ni como objeto cerrado, sino como un campo de inmanencia. La pintura deja de ser superficie para convertirse en espesor, en un territorio donde todo ocurre en el mismo plano ontol\u00f3gico. No existe un \u201cm\u00e1s all\u00e1\u201d simb\u00f3lico ni una jerarqu\u00eda entre lo visible y lo invisible. Lo espiritual, lo material, lo corporal y lo tecnol\u00f3gico coexisten sin separaci\u00f3n. La obra no remite a otra cosa. Es.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">ESTADO DE PRESENCIA Y VOLUNTAD DE PROCESO<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">La pr\u00e1ctica de Sebasti se articula desde un estado de presencia que no es monumental ni estable, sino procesual. Cada obra encarna una voluntad de proceso hecha de trayectos, desplazamientos, exposiciones al entorno, mutaciones materiales y decisiones acumuladas. La obra no se presenta como el resultado final de ese proceso, sino como el proceso sedimentado, siempre susceptible de reactivarse. No hay clausura ni forma definitiva.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">CAPAS, ESTRATIFICACI\u00d3N Y REVELACI\u00d3N<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Formal y conceptualmente, la obra se construye por capas. Estas capas no funcionan como decoraci\u00f3n ni como acumulaci\u00f3n arbitraria, sino como estratos de experiencia. La lectura nunca es inmediata. Exige tiempo, proximidad y una atenci\u00f3n sostenida. Cada capa revelada abre otra, generando una profundidad que no es espacial, sino perceptiva. La obra se va desvelando progresivamente, sin entregarse por completo.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">LUZ, ACTIVACI\u00d3N Y VERDAD LATENTE<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Un eje central de esta pr\u00e1ctica es la activaci\u00f3n lum\u00ednica. El tr\u00e1nsito entre luz blanca y luz negra no introduce un efecto espectacular, sino una condici\u00f3n ontol\u00f3gica distinta. Bajo determinadas circunstancias, aparecen capas latentes, el f\u00f3sforo se activa y registros ocultos se hacen visibles. La obra no cambia. Cambia la condici\u00f3n de aparici\u00f3n. La pintura se manifiesta as\u00ed como acontecimiento temporal y no como imagen fija.<\/span><\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pMC1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 5. MARCO CONCEPTUAL PARTE 2 (CERO SOBREPOSICI\u00d3N Y CAJA BLANCA)\r\n btn.innerText = \"P\u00c1GINA: MARCO CONCEPTUAL II...\";\r\n pdf.addPage();\r\n const pMC2 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:40px; margin-top:20px;\">\r\n <div style=\"border:1px solid #ddd; padding:40px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">PUESTA POR OBRA DE LA VERDAD<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">El eje est\u00e9tico y filos\u00f3fico que articula esta lectura es la puesta por obra de la verdad, en el sentido desarrollado por Martin Heidegger. La verdad no se entiende como representaci\u00f3n ni como correspondencia, sino como aletheia, como desocultamiento. En la obra de Sebasti, la verdad no se enuncia ni se explica. Acontece en la relaci\u00f3n entre materia, luz, tiempo y percepci\u00f3n. Cada activaci\u00f3n constituye un nuevo modo de verdad, siempre parcial y situada.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:40px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">FRICCI\u00d3N, LABERINTO Y EXPERIENCIA<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">No existe una lectura definitiva. La obra opera por fricci\u00f3n. Algo se resiste, algo emerge, algo se desplaza. Las volutas, espirales y recorridos visuales configuran un laberinto sin centro, donde el espectador no descifra, sino que atraviesa. El sentido no est\u00e1 dado de antemano. Se construye en la experiencia misma.<\/span><\/div>\r\n \r\n <div style=\"border:2px solid #000; padding:60px; text-align:center; margin-top:20px; grid-column: 1 \/ -1;\">\r\n <strong style=\"font-family:'CODE'; font-size:32px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:20px; letter-spacing:3px;\">TRANSMUTACI\u00d3N COMO \u00c9TICA EST\u00c9TICA<\/strong>\r\n <span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block; max-width:800px; margin:0 auto;\">Todo este sistema se articula finalmente bajo el concepto de transmutaci\u00f3n. La materia, la imagen y la percepci\u00f3n atraviesan estados. Nada permanece id\u00e9ntico a s\u00ed mismo. La obra se afirma como un organismo vivo, abierto y disponible para nuevas activaciones. La transmutaci\u00f3n no es un tema representado, sino una \u00e9tica est\u00e9tica del devenir.<\/span>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pMC2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 6. GLOSARIO 1 (TEXTO A 26PX UNIFICADO)\r\n btn.innerText = \"P\u00c1GINA: GLOSARIO I...\";\r\n pdf.addPage();\r\n const pGlos1 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">GLOSARIO CONCEPTUAL<\/h2>\r\n <div style=\"column-count: 2; column-gap: 50px;\">\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Aletheia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Concepci\u00f3n de la verdad como desocultamiento. La verdad aparece de manera parcial y situada.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Anverso activo<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Negaci\u00f3n de la jerarqu\u00eda entre frente y reverso. Toda cara de la obra es un plano de sentido.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Campo de inmanencia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Espacio donde no existe separaci\u00f3n entre materia, esp\u00edritu, imagen y experiencia.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Capas y estratificaci\u00f3n<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Construcci\u00f3n de la obra a partir de sedimentos materiales y perceptivos que se revelan en el tiempo.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Desocultamiento<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Proceso mediante el cual algo latente se hace visible sin agotarse en su aparici\u00f3n.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Estado de presencia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Presencia procesual, viva y activa, no monumental ni fija.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Evento perceptivo<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">La obra entendida como acontecimiento que ocurre en la experiencia del espectador.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">F\u00f3sforo<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Materia activable que permite la revelaci\u00f3n de capas latentes bajo luz negra.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Fricci\u00f3n<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Resistencia productiva que impide una lectura cerrada y mantiene la obra en tensi\u00f3n.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Imagen no representacional<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Imagen que no ilustra ni sustituye el mundo, sino que lo activa perceptivamente.<\/span><\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pGlos1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 7. GLOSARIO 2\r\n btn.innerText = \"P\u00c1GINA: GLOSARIO II...\";\r\n pdf.addPage();\r\n const pGlos2 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <div style=\"column-count: 2; column-gap: 50px; margin-top:20px;\">\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Inmanencia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Condici\u00f3n en la que todo acontece en un mismo plano ontol\u00f3gico, sin trascendencia externa.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Laberinto<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Estructura visual sin centro ni resoluci\u00f3n \u00fanica, abierta a m\u00faltiples recorridos.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Luz blanca y luz negra<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Condiciones de aparici\u00f3n que modifican la percepci\u00f3n sin alterar materialmente la obra.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Obra abierta<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Obra no clausurada, siempre disponible para nuevas activaciones.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Proceso sedimentado<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Acumulaci\u00f3n visible de decisiones, trayectos y transformaciones materiales.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Puesta por obra de la verdad<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">La verdad entendida como algo que acontece en la obra y no como mensaje.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Revelaci\u00f3n progresiva<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Despliegue gradual del sentido que nunca se ofrece de forma inmediata o total.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Tiempo de la obra<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Dimensi\u00f3n temporal que exige desaceleraci\u00f3n y atenci\u00f3n sostenida.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Transmutaci\u00f3n<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Paso de un estado a otro sin fijaci\u00f3n definitiva. \u00c9tica del devenir.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Voluntad de proceso<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Impulso interno que mantiene la obra en constante transformaci\u00f3n.<\/span><\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pGlos2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 8. CAT\u00c1LOGO DE OBRAS (FICHA 100% CENTRADA A 26PX)\r\n for(let i=0; i < worksData.length; i++) {\r\n const o = worksData[i];\r\n const isNoDisp = o.valor.toUpperCase().includes(\"NO DISPONIBLE\");\r\n const isV = o.estatus.includes(\"VENDIDA\");\r\n btn.innerText = `P\u00c1GINA: OBRA ${i+1}\/${worksData.length}...`;\r\n pdf.addPage();\r\n const pObra = `<div style=\"width:1080px; height:1920px; background:#fff; display:flex; flex-direction:column; align-items:center; padding:0; position:relative; box-sizing:border-box;\">\r\n <div style=\"height:100px;\"><\/div>\r\n <div style=\"height:850px; width:920px; display:flex; align-items:center; justify-content:center; padding:40px;\"><img decoding=\"async\" src=\"${o.img}\" crossorigin=\"anonymous\" style=\"max-width:100%; max-height:100%; object-fit:contain;\"><\/div>\r\n \r\n <div style=\"padding:60px 140px 180px 140px; text-align:center; width:100%; box-sizing:border-box; flex-grow:1; display:flex; flex-direction:column; align-items:center;\">\r\n <h1 style=\"font-family:'CODE'; font-size:75px; margin-bottom:15px; line-height:1.1; text-align:center;\">${o.titulo}<\/h1>\r\n <p style=\"font-size:36px; color:#555; border-bottom:3px solid #000; display:inline-block; padding-bottom:10px; margin-bottom:40px; font-family:'DM Sans'; font-weight:500; text-align:center;\">${o.autor}<\/p>\r\n \r\n <div style=\"font-size:26px; line-height:1.6; color:#444; font-weight:300; margin-bottom:50px; text-align:center; display:flex; flex-direction:column; align-items:center;\">\r\n <span style=\"margin-bottom:8px;\"><strong style=\"color:#000;\">T\u00c9CNICA:<\/strong> ${o.tecnica}<\/span>\r\n <span style=\"margin-bottom:8px;\"><strong style=\"color:#000;\">MEDIDAS:<\/strong> ${o.medidas}<\/span>\r\n <span><strong style=\"color:#000;\">A\u00d1O:<\/strong> ${o.a\u00f1o}<\/span>\r\n <\/div>\r\n \r\n <p style=\"font-family:'CODE'; font-size:${isNoDisp ? '48px':'85px'}; font-weight:800; margin:0; text-align:center; color:#000;\">${o.valor} ${isNoDisp ? '' : `<span style=\"font-size:30px; font-family:'DM Sans'; color:#777;\">${o.moneda}<\/span>`}<\/p>\r\n ${isV ? '<div style=\"background:#000; color:#fff; display:inline-block; padding:15px 40px; font-size:26px; font-weight:bold; margin-top:20px; letter-spacing:2px; font-family:\\'CODE\\',sans-serif;\">VENDIDA<\/div>' : ''}\r\n \r\n <p style=\"font-size:26px; color:#444; font-weight:300; margin-top:35px; text-transform:uppercase; text-align:center;\">INCLUYE: ${o.base}<\/p>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pObra), \"JPEG\", 0, 0, 1080, 1920);\r\n }\r\n\r\n \/\/ 9. GALER\u00cdA EN PDF\r\n btn.innerText = \"P\u00c1GINA: GALER\u00cdA...\";\r\n pdf.addPage();\r\n const gal1Src = document.getElementById('gal-1').src;\r\n const gal2Src = document.getElementById('gal-2').src;\r\n const gal3Src = document.getElementById('gal-3').src;\r\n const pGal = `<div style=\"width:1080px; height:1920px; background:#fff; display:flex; flex-direction:column; align-items:center; padding:100px 0 0 0; position:relative;\">\r\n <h2 style=\"font-family:'CODE'; font-size:65px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center; width:840px;\">REGISTRO DE OBRA<\/h2>\r\n <div style=\"width:1080px; flex-grow:1; display:flex; flex-direction:column; gap:20px; padding: 0 20px 150px 20px; box-sizing:border-box;\">\r\n <div style=\"width:100%; height:800px; overflow:hidden;\"><img decoding=\"async\" src=\"${gal1Src}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n <div style=\"display:flex; gap:20px; width:100%; height:600px;\">\r\n <div style=\"flex:1; overflow:hidden;\"><img decoding=\"async\" src=\"${gal2Src}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n <div style=\"flex:1; overflow:hidden;\"><img decoding=\"async\" src=\"${gal3Src}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pGal), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 10. BIBLIOGRAF\u00cdA I (TEXTO ESTRICTO A 26PX)\r\n btn.innerText = \"P\u00c1GINA: BIBLIOGRAF\u00cdA I...\";\r\n pdf.addPage();\r\n const pFin1 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">FURTHER READING<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; display:flex; flex-direction:column; gap:40px;\">\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">EL ORIGEN DE LA OBRA DE ARTE<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Martin Heidegger. En Caminos de bosque. Madrid: Alianza. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Texto fundacional del concepto de \u201cpuesta por obra de la verdad\u201d y de la verdad como aletheia.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">FENOMENOLOG\u00cdA DE LA PERCEPCI\u00d3N<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Maurice Merleau-Ponty. Par\u00eds: Gallimard. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Clave para comprender la obra como experiencia corporal y perceptiva.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">LA OBRA ABIERTA<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Umberto Eco. Mil\u00e1n: Bompiani. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(La obra como estructura no clausurada, activada por el espectador.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">LA ACTUALIDAD DE LO BELLO<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Hans-Georg Gadamer. Barcelona: Paid\u00f3s. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(La experiencia est\u00e9tica como acontecimiento y juego de aparici\u00f3n.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pFin1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 11. BIBLIOGRAF\u00cdA II\r\n btn.innerText = \"P\u00c1GINA FINAL: BIBLIOGRAF\u00cdA II...\";\r\n pdf.addPage();\r\n const pFin2 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; display:flex; flex-direction:column; gap:40px; margin-top:20px;\">\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">VER Y NO VER<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">John Berger. Londres: Penguin Books. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(La mirada como construcci\u00f3n cultural y acto consciente.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">LA IMAGEN-TIEMPO<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Gilles Deleuze. Par\u00eds: Minuit. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Pensar la imagen desde el tiempo, el devenir y la mutaci\u00f3n.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">EL ESPACIO DEL PENSAMIENTO<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Gianni Vattimo. Madrid: C\u00e1tedra. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Arte, verdad y debilitamiento de las estructuras fuertes.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">CONTRA EL M\u00c9TODO Y ARTE VISUAL<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Paul Feyerabend. Ciudad de M\u00e9xico: Sexto Piso. (Cr\u00edtica a los sistemas cerrados y pluralidad de modos de conocimiento.)<\/li>\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Rudolf Arnheim. Berkeley: Univ. of California Press. (Estructuras perceptivas, forma y organizaci\u00f3n visual.)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pFin2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n pdf.save(`Perfil_Sebastian_Torres_Umbrales.pdf`);\r\n document.body.removeChild(container);\r\n btn.disabled = false; btn.innerText = \"DESCARGAR PERFIL PDF\";\r\n }\r\n\r\n initSebas();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sebasti\u00e1n Torres | UMBRA|ES ARQUITECTO & ARTISTA VISUAL SEBASTI\u00c1NTORRES TRANSMUTACI\u00d3N DESCARGAR PERFIL PDF BIOGRAF\u00cdA Sebasti\u00e1n Torres es arquitecto y artista visual. Naci\u00f3 en Pachuca, Hidalgo, y actualmente vive y trabaja en la Ciudad de M\u00e9xico. Su pr\u00e1ctica se desarrolla en el cruce entre pintura, energ\u00eda, percepci\u00f3n y espacio, entendiendo el arte como una experiencia viva […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":40,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":2218,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/144\/revisions\/2218"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

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

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

\n\t\t\t

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

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Sebasti\u00e1n Torres | UMBRA|ES<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:opsz,wght@9..40,300;400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- ESTILOS BASE UMBRA|ES --- *\/\r\n :root { --u-black: #000; --u-grey: #555; --bg-color: #fff; }\r\n @font-face { font-family: 'CODE'; src: local('CODE Bold'), local('CODE-Bold'), url('https:\/\/fonts.cdnfonts.com\/s\/14352\/Code-Bold.woff') format('woff'); font-weight: bold; }\r\n\r\n h1, h2, h3, h4, .brand-font, .concept-header, .work-header, .glossary-term, .valor-final, .status-tag, .btn-pdf {\r\n font-family: 'CODE', 'Helvetica', sans-serif !important;\r\n text-transform: uppercase; font-weight: bold !important; letter-spacing: 2px;\r\n }\r\n\r\n body, p, .concept-body, .glossary-def, .reading-list, li, .ficha-tecnica {\r\n font-family: 'DM Sans', sans-serif !important; color: #111; font-size: 1.05rem; line-height: 1.7; text-align: justify; font-weight: 300;\r\n }\r\n\r\n body { margin: 0; padding: 0; background: var(--bg-color); overflow-x: hidden; }\r\n .container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }\r\n\r\n \/* --- HERO HORIZONTAL (OPTIMIZADO M\u00d3VIL) --- *\/\r\n .hero-horizontal-wrapper { width: 100%; min-height: auto; display: flex; flex-direction: column; }\r\n .hero-image-top { width: 100%; height: 60vh; position: relative; overflow: hidden; }\r\n .hero-img-landscape { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: 0.6s; }\r\n .hero-image-top:hover .hero-img-landscape { filter: grayscale(0%); }\r\n \r\n .hero-info-bar { background-color: #fff; padding: 40px 60px; display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #000; }\r\n .info-left { display: flex; flex-direction: column; }\r\n .hero-logo-small { width: 140px; margin-bottom: 20px; display: block; }\r\n .hero-label-hor { font-size: 0.85rem; letter-spacing: 3px; color: #666; margin-bottom: 10px; display: block; font-weight: bold; }\r\n .artist-name-hor { font-size: 4.5rem; line-height: 0.9; margin: 0; color: #000; }\r\n .artist-concept-hor { font-size: 1.3rem; color: #444; margin-top: 10px; display: block; }\r\n\r\n .btn-pdf {\r\n background-color: var(--u-black); color: #fff; border: 2px solid var(--u-black);\r\n padding: 18px 35px; font-size: 0.85rem; cursor: pointer; transition: 0.3s; width: fit-content; text-decoration: none;\r\n font-family: 'CODE', sans-serif !important; letter-spacing: 2px;\r\n }\r\n .btn-pdf:hover { background-color: #333; transform: translateY(-3px); }\r\n .btn-pdf:disabled { background-color: #999; border-color: #999; cursor: progress; transform: none; }\r\n\r\n \/* --- SECCIONES DE TEXTO --- *\/\r\n .bio-section { padding: 80px 0; max-width: 900px; margin: 0 auto; }\r\n .section-title { font-size: 2.5rem; margin-bottom: 40px; text-align: center; }\r\n .bio-text p { margin-bottom: 20px; }\r\n\r\n \/* --- MARCO CONCEPTUAL --- *\/\r\n .mc-section { background-color: #fff; padding: 80px 0; border-top: 1px solid #eee; }\r\n .mc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 40px; max-width: 1200px; margin: 0 auto; padding: 0 20px;}\r\n .concept-card { background: #fff; padding: 35px; border: 1px solid #eee; transition: all 0.3s; height: 100%; display: flex; flex-direction: column; }\r\n .concept-card:hover { border-color: #000; box-shadow: 0 5px 20px rgba(0,0,0,0.05); }\r\n .concept-header { font-size: 1.1rem; margin-bottom: 20px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 5px;}\r\n \r\n .zen-card { border: 2px solid #000; grid-column: 1 \/ -1; text-align: center; padding: 50px 35px; }\r\n .zen-card .concept-header { border-bottom-color: #000; font-size: 1.5rem; margin-bottom: 20px; color: #000; }\r\n .zen-card .concept-body { max-width: 800px; margin: 0 auto; font-size: 1.1rem; text-align: center; color: #111; }\r\n\r\n \/* --- GLOSARIO & LECTURA --- *\/\r\n .glossary-section { padding: 80px 0; background: #fff; border-top: 1px solid #eee; }\r\n .glossary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }\r\n .glossary-item { padding: 20px; border-bottom: 1px solid #f0f0f0; }\r\n \r\n .reading-section { padding: 80px 0; border-top: 1px solid #eee; }\r\n .reading-list { list-style: none; padding: 0; margin: 0; }\r\n .reading-list li { margin-bottom: 20px; text-align: left; }\r\n .reading-list strong { display: block; color: #000; margin-bottom: 5px; font-family: 'DM Sans', sans-serif; font-weight: 700; }\r\n .reading-list span { color: #666; font-size: 0.95rem; }\r\n\r\n \/* --- CAT\u00c1LOGO WEB --- *\/\r\n .works-section { padding: 80px 0; border-top: 1px solid #eee; }\r\n .grid-obras { display: grid; grid-template-columns: repeat(auto-fill, minmax(380px, 1fr)); gap: 0; border-top: 1px solid #eee; }\r\n .obra-card { padding: 50px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: flex; flex-direction: column; transition: background 0.3s ease; text-align: center; align-items: center;}\r\n .obra-card:hover { background: #fafafa; }\r\n .img-wrapper { width: 100%; aspect-ratio: 1\/1; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; background: #fcfcfc; padding: 20px; box-sizing: border-box;}\r\n .img-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; }\r\n .obra-info h2 { font-size: 1.6rem; margin: 0 0 10px 0; letter-spacing: -1px; font-weight: 800; line-height: 1.2;}\r\n .obra-autor-tag { font-weight: 500; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 20px; display: inline-block; border-bottom: 2px solid var(--u-black); padding: 0 10px 5px 10px; color: #555; }\r\n .ficha-tecnica { font-size: 1rem; line-height: 1.8; color: var(--u-grey); margin-bottom: 25px; flex-grow: 1; text-align: center; display: flex; flex-direction: column; gap: 5px;}\r\n .ficha-tecnica strong { font-weight: 700; color: #000; }\r\n .precio-container { display: flex; flex-direction: column; align-items: center; border-top: 1px solid #eee; padding-top: 20px; width: 100%; margin-top: auto;}\r\n .valor-final { font-size: 2.2rem; margin: 0;}\r\n .status-tag { font-size: 0.7rem; padding: 5px 12px; border: 1px solid var(--u-black); margin-top: 10px;}\r\n .vendida { background: var(--u-black); color: #fff; }\r\n\r\n \/* --- GALER\u00cdA --- *\/\r\n .gallery-expanded { width: 100%; border-top: 1px solid #eee; }\r\n .gallery-row { display: flex; width: 100%; margin-bottom: 10px; justify-content: center; }\r\n .gallery-img-full { width: 100%; height: 80vh; object-fit: cover; display: block; }\r\n .gallery-img-half { width: 50%; height: 60vh; object-fit: cover; display: block; padding: 0 5px; }\r\n\r\n \/* --- AJUSTES M\u00d3VILES PERFECTOS --- *\/\r\n @media (max-width: 900px) {\r\n .hero-image-top { height: 45vh; }\r\n .hero-info-bar { flex-direction: column; padding: 40px 20px; gap: 30px; text-align: center; }\r\n .info-left { align-items: center; }\r\n .artist-name-hor { font-size: 3.5rem; }\r\n .btn-pdf { width: 100%; text-align: center; padding: 20px; } \r\n \r\n .grid-obras { grid-template-columns: 1fr; }\r\n .gallery-row { flex-direction: column; margin-bottom: 0; }\r\n .gallery-img-half, .gallery-img-full { height: 50vh; width: 100%; padding: 0; margin-bottom: 10px; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"hero-horizontal-wrapper\">\r\n <div class=\"hero-image-top\">\r\n <img decoding=\"async\" id=\"artist-profile-pic\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-27-16-scaled.jpg\" alt=\"Sebasti\u00e1n Torres\" class=\"hero-img-landscape\" crossorigin=\"anonymous\">\r\n <\/div>\r\n <div class=\"hero-info-bar\">\r\n <div class=\"info-left\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png\" alt=\"Logo Umbrales\" class=\"hero-logo-small\" crossorigin=\"anonymous\"> \r\n <span class=\"hero-label-hor brand-font\">ARQUITECTO & ARTISTA VISUAL<\/span>\r\n <h1 class=\"artist-name-hor\">SEBASTI\u00c1N<br>TORRES<\/h1>\r\n <span class=\"artist-concept-hor brand-font\">TRANSMUTACI\u00d3N<\/span>\r\n <\/div>\r\n <button id=\"btnPDF\" onclick=\"generarDocumentoTotal()\" class=\"btn-pdf\">DESCARGAR PERFIL PDF<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\" id=\"bio-web\">\r\n <h2 class=\"section-title\">BIOGRAF\u00cdA<\/h2>\r\n <div class=\"bio-text\">\r\n <p>Sebasti\u00e1n Torres es arquitecto y artista visual. Naci\u00f3 en Pachuca, Hidalgo, y actualmente vive y trabaja en la Ciudad de M\u00e9xico. Su pr\u00e1ctica se desarrolla en el cruce entre pintura, energ\u00eda, percepci\u00f3n y espacio, entendiendo el arte como una experiencia viva y un medio de conexi\u00f3n sensible capaz de generar v\u00ednculos emocionales y reflexi\u00f3n colectiva.<\/p>\r\n <p>Ha expuesto su obra en recintos institucionales como el Museo del Palacio de la Autonom\u00eda de la UNAM y el Museo Mundo F\u00fatbol del Grupo Pachuca, as\u00ed como en exposiciones individuales y colectivas en colaboraci\u00f3n con la Secretar\u00eda de Cultura del Estado de Hidalgo y diversos espacios independientes en la Ciudad de M\u00e9xico.<\/p>\r\n <p>Ha impartido conferencias sobre arte y arquitectura en la Universidad Aut\u00f3noma del Estado de Hidalgo.<\/p>\r\n <p>Su trabajo ha dialogado con contextos y p\u00fablicos diversos, desde la realizaci\u00f3n del retrato oficial del exgobernador del Estado de Hidalgo, Omar Fayad Meneses, hasta la creaci\u00f3n de piezas para el actor y artista estadounidense Drake Bell.<\/p>\r\n <p>Esta amplitud de registros refleja una pr\u00e1ctica flexible y transversal, capaz de adaptarse a distintas escalas y lenguajes sin perder coherencia conceptual.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\" id=\"statement-web\" style=\"padding-top: 0;\">\r\n <h2 class=\"section-title\">STATEMENT<\/h2>\r\n <div class=\"bio-text\">\r\n <p>La obra de Sebasti\u00e1n Torres aborda la pintura como un campo de energ\u00eda y percepci\u00f3n m\u00e1s que como imagen representacional. Su pr\u00e1ctica investiga la relaci\u00f3n entre conciencia, tiempo, espiritualidad y condici\u00f3n humana desde una mirada simb\u00f3lica y contempor\u00e1nea, donde lo pict\u00f3rico se entiende como un espacio de tr\u00e1nsito y transformaci\u00f3n.<\/p>\r\n <p>El proceso funciona como un laboratorio constante de experimentaci\u00f3n t\u00e9cnica. Trabaja con \u00f3leo, acr\u00edlico, aerograf\u00eda y t\u00e9cnicas mixtas, incorporando de manera central el uso del p\u00e9ndulo como herramienta gestual.<\/p>\r\n <p>Este dispositivo le permite registrar movimiento, energ\u00eda y azar controlado, convirti\u00e9ndose en un rasgo distintivo de su lenguaje visual y en un m\u00e9todo para activar la obra desde la experiencia corporal y temporal.<\/p>\r\n <p>La serie <em>Transmutaci\u00f3n<\/em> (2025) profundiza en los procesos de cambio que atraviesan la materia, la conciencia y el espacio. Lejos de proponer una narrativa lineal o una promesa de iluminaci\u00f3n, la obra se articula como un recorrido por distintos estados \u2014origen, asombro, interiorizaci\u00f3n, equilibrio, colapso, dimensi\u00f3n y coexistencia\u2014 donde lo humano, lo abstracto, lo energ\u00e9tico y lo c\u00f3smico se entrelazan.<\/p>\r\n <p>En este contexto, el arte se concibe como un espacio de contenci\u00f3n y cuestionamiento. El cambio no se impone ni se idealiza, sino que se revela como un proceso natural, continuo y, en muchos casos, silencioso, que se manifiesta en la experiencia misma de la pintura.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mc-section\" id=\"marco-web\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">MARCO CONCEPTUAL<\/h2>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">LA OBRA COMO CAMPO DE INMANENCIA<\/span>\r\n <div class=\"concept-body\">Desde el inicio de este proceso, la obra de Sebasti se ha definido no como imagen ni como objeto cerrado, sino como un campo de inmanencia. La pintura deja de ser superficie para convertirse en espesor, en un territorio donde todo ocurre en el mismo plano ontol\u00f3gico. No existe un \u201cm\u00e1s all\u00e1\u201d simb\u00f3lico ni una jerarqu\u00eda entre lo visible y lo invisible. Lo espiritual, lo material, lo corporal y lo tecnol\u00f3gico coexisten sin separaci\u00f3n. La obra no remite a otra cosa. Es.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">ESTADO DE PRESENCIA Y VOLUNTAD DE PROCESO<\/span>\r\n <div class=\"concept-body\">La pr\u00e1ctica de Sebasti se articula desde un estado de presencia que no es monumental ni estable, sino procesual. Cada obra encarna una voluntad de proceso hecha de trayectos, desplazamientos, exposiciones al entorno, mutaciones materiales y decisiones acumuladas. La obra no se presenta como el resultado final de ese proceso, sino como el proceso sedimentado, siempre susceptible de reactivarse. No hay clausura ni forma definitiva.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">CAPAS, ESTRATIFICACI\u00d3N Y REVELACI\u00d3N<\/span>\r\n <div class=\"concept-body\">Formal y conceptualmente, la obra se construye por capas. Estas capas no funcionan como decoraci\u00f3n ni como acumulaci\u00f3n arbitraria, sino como estratos de experiencia. La lectura nunca es inmediata. Exige tiempo, proximidad y una atenci\u00f3n sostenida. Cada capa revelada abre otra, generando una profundidad que no es espacial, sino perceptiva. La obra se va desvelando progresivamente, sin entregarse por completo.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">LUZ, ACTIVACI\u00d3N Y VERDAD LATENTE<\/span>\r\n <div class=\"concept-body\">Un eje central de esta pr\u00e1ctica es la activaci\u00f3n lum\u00ednica. El tr\u00e1nsito entre luz blanca y luz negra no introduce un efecto espectacular, sino una condici\u00f3n ontol\u00f3gica distinta. Bajo determinadas circunstancias, aparecen capas latentes, el f\u00f3sforo se activa y registros ocultos se hacen visibles. La obra no cambia. Cambia la condici\u00f3n de aparici\u00f3n. La pintura se manifiesta as\u00ed como acontecimiento temporal y no como imagen fija.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">PUESTA POR OBRA DE LA VERDAD<\/span>\r\n <div class=\"concept-body\">El eje est\u00e9tico y filos\u00f3fico que articula esta lectura es la puesta por obra de la verdad, en el sentido desarrollado por Martin Heidegger. La verdad no se entiende como representaci\u00f3n ni como correspondencia, sino como aletheia, como desocultamiento. En la obra de Sebasti, la verdad no se enuncia ni se explica. Acontece en la relaci\u00f3n entre materia, luz, tiempo y percepci\u00f3n. Cada activaci\u00f3n constituye un nuevo modo de verdad, siempre parcial y situada.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">FRICCI\u00d3N, LABERINTO Y EXPERIENCIA<\/span>\r\n <div class=\"concept-body\">No existe una lectura definitiva. La obra opera por fricci\u00f3n. Algo se resiste, algo emerge, algo se desplaza. Las volutas, espirales y recorridos visuales configuran un laberinto sin centro, donde el espectador no descifra, sino que atraviesa. El sentido no est\u00e1 dado de antemano. Se construye en la experiencia misma.<\/div>\r\n <\/div>\r\n <div class=\"concept-card zen-card\">\r\n <span class=\"concept-header\">TRANSMUTACI\u00d3N COMO \u00c9TICA EST\u00c9TICA<\/span>\r\n <div class=\"concept-body\">Todo este sistema se articula finalmente bajo el concepto de transmutaci\u00f3n. La materia, la imagen y la percepci\u00f3n atraviesan estados. Nada permanece id\u00e9ntico a s\u00ed mismo. La obra se afirma como un organismo vivo, abierto y disponible para nuevas activaciones. La transmutaci\u00f3n no es un tema representado, sino una \u00e9tica est\u00e9tica del devenir.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glossary-section\" id=\"glosario-web\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">GLOSARIO CONCEPTUAL<\/h2>\r\n <div class=\"glossary-grid\">\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Aletheia<\/span><p class=\"glossary-def\">Concepci\u00f3n de la verdad como desocultamiento. La verdad aparece de manera parcial, situada y nunca definitiva.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Anverso activo<\/span><p class=\"glossary-def\">Negaci\u00f3n de la jerarqu\u00eda entre frente y reverso. Toda cara de la obra es un plano de sentido.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Campo de inmanencia<\/span><p class=\"glossary-def\">Espacio donde no existe separaci\u00f3n entre materia, esp\u00edritu, imagen y experiencia.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Capas y estratificaci\u00f3n<\/span><p class=\"glossary-def\">Construcci\u00f3n de la obra a partir de sedimentos materiales y perceptivos que se revelan en el tiempo.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Desocultamiento<\/span><p class=\"glossary-def\">Proceso mediante el cual algo latente se hace visible sin agotarse en su aparici\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Estado de presencia<\/span><p class=\"glossary-def\">Presencia procesual, viva y activa, no monumental ni fija.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Evento perceptivo<\/span><p class=\"glossary-def\">La obra entendida como acontecimiento que ocurre en la experiencia del espectador.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">F\u00f3sforo<\/span><p class=\"glossary-def\">Materia activable que permite la revelaci\u00f3n de capas latentes bajo luz negra.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Fricci\u00f3n<\/span><p class=\"glossary-def\">Resistencia productiva que impide una lectura cerrada y mantiene la obra en tensi\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Imagen no representacional<\/span><p class=\"glossary-def\">Imagen que no ilustra ni sustituye el mundo, sino que lo activa perceptivamente.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Inmanencia<\/span><p class=\"glossary-def\">Condici\u00f3n en la que todo acontece en un mismo plano ontol\u00f3gico, sin trascendencia externa.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Laberinto<\/span><p class=\"glossary-def\">Estructura visual sin centro ni resoluci\u00f3n \u00fanica, abierta a m\u00faltiples recorridos.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Luz blanca y luz negra<\/span><p class=\"glossary-def\">Condiciones de aparici\u00f3n que modifican la percepci\u00f3n sin alterar materialmente la obra.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Obra abierta<\/span><p class=\"glossary-def\">Obra no clausurada, siempre disponible para nuevas activaciones.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Proceso sedimentado<\/span><p class=\"glossary-def\">Acumulaci\u00f3n visible de decisiones, trayectos y transformaciones materiales.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Puesta por obra de la verdad<\/span><p class=\"glossary-def\">La verdad entendida como algo que acontece en la obra y no como mensaje.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Revelaci\u00f3n progresiva<\/span><p class=\"glossary-def\">Despliegue gradual del sentido que nunca se ofrece de forma inmediata o total.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Tiempo de la obra<\/span><p class=\"glossary-def\">Dimensi\u00f3n temporal que exige desaceleraci\u00f3n y atenci\u00f3n sostenida.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Transmutaci\u00f3n<\/span><p class=\"glossary-def\">Paso de un estado a otro sin fijaci\u00f3n definitiva. \u00c9tica del devenir.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Voluntad de proceso<\/span><p class=\"glossary-def\">Impulso interno que mantiene la obra en constante transformaci\u00f3n.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"works-section\">\r\n <div class=\"container\"><h2 class=\"section-title\">OBRAS DISPONIBLES<\/h2><\/div>\r\n <div id=\"grid-sebasti\u00e1n\" class=\"grid-obras\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-expanded\">\r\n <h2 class=\"section-title\" style=\"padding-top: 60px;\">REGISTRO DE OBRA<\/h2>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" id=\"gal-1\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-37-50-scaled.jpg\" class=\"gallery-img-full\" alt=\"Registro 1\" crossorigin=\"anonymous\">\r\n <\/div>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" id=\"gal-2\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-34-36.jpg\" class=\"gallery-img-half\" alt=\"Registro 2\" crossorigin=\"anonymous\">\r\n <img decoding=\"async\" id=\"gal-3\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/PHOTO-2026-01-16-15-34-25-scaled.jpg\" class=\"gallery-img-half\" alt=\"Registro 3\" crossorigin=\"anonymous\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container reading-section\" id=\"reading-web\">\r\n <h2 class=\"section-title\">FURTHER READING<\/h2>\r\n <div style=\"column-count: 2; column-gap: 60px;\">\r\n <div class=\"reading-category\">\r\n <ul class=\"reading-list\">\r\n <li><strong>El origen de la obra de arte.<\/strong> <br>Martin Heidegger. En Caminos de bosque. Madrid: Alianza. <br><span>(Texto fundacional del concepto de \u201cpuesta por obra de la verdad\u201d y de la verdad como aletheia.)<\/span><\/li>\r\n <li><strong>Fenomenolog\u00eda de la percepci\u00f3n.<\/strong> <br>Maurice Merleau-Ponty. Par\u00eds: Gallimard. <br><span>(Clave para comprender la obra como experiencia corporal y perceptiva.)<\/span><\/li>\r\n <li><strong>La obra abierta.<\/strong> <br>Umberto Eco. Mil\u00e1n: Bompiani. <br><span>(La obra como estructura no clausurada, activada por el espectador.)<\/span><\/li>\r\n <li><strong>La actualidad de lo bello.<\/strong> <br>Hans-Georg Gadamer. Barcelona: Paid\u00f3s. <br><span>(La experiencia est\u00e9tica como acontecimiento y juego de aparici\u00f3n.)<\/span><\/li>\r\n <li><strong>Ver y no ver.<\/strong> <br>John Berger. Londres: Penguin Books. <br><span>(La mirada como construcci\u00f3n cultural y acto consciente.)<\/span><\/li>\r\n <li><strong>La imagen-tiempo.<\/strong> <br>Gilles Deleuze. Par\u00eds: Minuit. <br><span>(Pensar la imagen desde el tiempo, el devenir y la mutaci\u00f3n.)<\/span><\/li>\r\n <li><strong>El espacio del pensamiento.<\/strong> <br>Gianni Vattimo. Madrid: C\u00e1tedra. <br><span>(Arte, verdad y debilitamiento de las estructuras fuertes.)<\/span><\/li>\r\n <li><strong>Contra el m\u00e9todo.<\/strong> <br>Paul Feyerabend. Ciudad de M\u00e9xico: Sexto Piso. <br><span>(Cr\u00edtica a los sistemas cerrados y defensa de la pluralidad de modos de conocimiento.)<\/span><\/li>\r\n <li><strong>Arte y percepci\u00f3n visual.<\/strong> <br>Rudolf Arnheim. Berkeley: University of California Press. <br><span>(Estructuras perceptivas, forma, tensi\u00f3n y organizaci\u00f3n visual.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n let worksData = [];\r\n\r\n function fixImage(url) {\r\n if(!url) return \"\";\r\n const m = url.match(\/\\\/d\\\/([^\/]+)\/) || url.match(\/id=([^&]+)\/);\r\n return m ? `http:\/\/googleusercontent.com\/profile\/picture\/4${m[1]}=s1500` : url;\r\n }\r\n\r\n async function initSebas() {\r\n const AUTOR = \"SEBASTI\u00c1N TORRES\";\r\n const url = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTJwx_xoNFNjz_7Y7c0SwuxjeAV9sIjYkEXE4ZB47mLjJ0xvkMIHPSA3gWcpj3SKw\/pub?output=csv';\r\n try {\r\n const resp = await fetch(url + \"&t=\" + Date.now());\r\n const csv = await resp.text();\r\n const rows = csv.split('\\n').slice(6);\r\n worksData = rows.map(r => {\r\n const c = r.split(\/,(?=(?:(?:[^\"]*\"){2})*[^\"]*$)\/);\r\n if(c.length < 11 || !c[2]) return null;\r\n return {\r\n titulo: c[2].replace(\/\"\/g, \"\").trim(),\r\n autor: c[3].replace(\/\"\/g, \"\").trim().toUpperCase(),\r\n tecnica: c[4].replace(\/\"\/g, \"\").trim(),\r\n medidas: c[5].replace(\/\"\/g, \"\").trim(),\r\n a\u00f1o: c[6].replace(\/\"\/g, \"\").trim(),\r\n valor: c[7].replace(\/\"\/g, \"\").trim(),\r\n moneda: c[8].replace(\/\"\/g, \"\").trim(),\r\n base: c[9]?.replace(\/\"\/g, \"\").trim() || \"Recibo, Factura y\/o Certificado\",\r\n img: fixImage(c[10].trim()),\r\n estatus: (c[11] || \"DISPONIBLE\").toUpperCase()\r\n };\r\n }).filter(o => o && o.autor.includes(AUTOR));\r\n renderWorks(worksData);\r\n } catch (e) { console.error(e); }\r\n }\r\n\r\n function renderWorks(items) {\r\n const container = document.getElementById('grid-sebasti\u00e1n');\r\n container.innerHTML = items.map(o => {\r\n const isV = o.estatus.includes(\"VENDIDA\");\r\n const isNoDisp = o.valor.toUpperCase().includes(\"NO DISPONIBLE\");\r\n return `<div class=\"obra-card\" style=\"opacity: ${isV ? '0.5' : '1'}\">\r\n <div class=\"img-wrapper\"><img decoding=\"async\" src=\"${o.img}\" crossorigin=\"anonymous\"><\/div>\r\n <div class=\"obra-info\">\r\n <h2>${o.titulo}<\/h2><span class=\"obra-autor-tag\">${o.autor}<\/span>\r\n <div class=\"ficha-tecnica\"><span><strong>T\u00c9CNICA:<\/strong> ${o.tecnica}<\/span><span><strong>MEDIDAS:<\/strong> ${o.medidas}<\/span><span><strong>A\u00d1O:<\/strong> ${o.a\u00f1o}<\/span><\/div>\r\n <div class=\"precio-container\">\r\n <div class=\"valor-final ${isNoDisp ? 'texto-no-disponible' : ''}\" style=\"${isNoDisp ? 'font-size:1.2rem; color:#666;' : ''}\">\r\n ${o.valor} ${isNoDisp ? '' : `<small style=\"font-size:0.4em\">${o.moneda}<\/small>`}\r\n <\/div>\r\n ${isV ? '<span class=\"status-tag vendida\">VENDIDA<\/span>' : ''}<\/div>\r\n <div style=\"font-size: 0.7rem; color: #999; margin-top: 15px; text-transform:uppercase;\">INCLUYE: ${o.base}<\/div>\r\n <\/div><\/div>`;\r\n }).join('');\r\n }\r\n\r\n \/\/ --- MOTOR PDF EDITORIAL DE LUJO: TEXTOS ALINEADOS A 26PX Y FICHAS CENTRADAS ---\r\n async function generarDocumentoTotal() {\r\n const btn = document.getElementById(\"btnPDF\");\r\n btn.disabled = true; btn.innerText = \"PROCESANDO PERFIL...\";\r\n const { jsPDF } = window.jspdf;\r\n const pdf = new jsPDF({ orientation: \"portrait\", unit: \"px\", format: [1080, 1920] });\r\n const container = document.createElement(\"div\");\r\n container.style.cssText = \"position:fixed; left:-9999px; top:0; width:1080px; background:#fff;\";\r\n document.body.appendChild(container);\r\n\r\n const capture = async (html) => {\r\n container.innerHTML = html;\r\n const images = container.querySelectorAll('img');\r\n await Promise.all(Array.from(images).map(img => {\r\n if (img.complete) return Promise.resolve();\r\n return new Promise(res => { img.onload = res; img.onerror = res; });\r\n }));\r\n await new Promise(r => setTimeout(r, 600)); \r\n const canvas = await html2canvas(container, { scale: 1.5, useCORS: true, backgroundColor: \"#fff\" });\r\n return canvas.toDataURL(\"image\/jpeg\", 0.95);\r\n };\r\n\r\n const footer = `<div style=\"position:absolute; bottom:70px; left:0; width:100%; text-align:center; font-family:'DM Sans'; font-size:24px; letter-spacing:5px; color:#000;\">@umbrales.mx<\/div>`;\r\n\r\n \/\/ 1. PORTADA EDITORIAL LIMPIA\r\n btn.innerText = \"P\u00c1GINA: PORTADA...\";\r\n const p1 = `<div style=\"width:1080px; height:1920px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:100px; position:relative; box-sizing:border-box;\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png\" style=\"width:350px; margin-bottom:120px;\" crossorigin=\"anonymous\">\r\n <h1 style=\"font-family:'CODE'; font-size:120px; line-height:0.9;\">SEBASTI\u00c1N<br>TORRES<\/h1>\r\n <p style=\"font-size:45px; margin-top:50px; color:#555; letter-spacing:4px; font-family:'DM Sans';\">PERFIL DE ARTISTA<\/p>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(p1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 2. BIOGRAF\u00cdA CON FOTO INTACTA Y TEXTO A 26PX\r\n btn.innerText = \"P\u00c1GINA: BIOGRAF\u00cdA...\";\r\n pdf.addPage();\r\n const artistImg = document.getElementById('artist-profile-pic').src;\r\n const p2 = `<div style=\"width:1080px; height:1920px; padding:100px 120px; font-family:'DM Sans'; position:relative; display:flex; flex-direction:column; align-items:center; box-sizing:border-box;\">\r\n <div style=\"width:100%; height:550px; overflow:hidden; margin-bottom:60px; display:flex; justify-content:center;\">\r\n <img decoding=\"async\" src=\"${artistImg}\" crossorigin=\"anonymous\" style=\"max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain;\">\r\n <\/div>\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:40px; width:100%; text-align:center;\">BIOGRAF\u00cdA<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; text-align:justify; width:100%;\">\r\n <p style=\"margin-bottom:15px;\">Sebasti\u00e1n Torres es arquitecto y artista visual. Naci\u00f3 en Pachuca, Hidalgo, y actualmente vive y trabaja en la Ciudad de M\u00e9xico. Su pr\u00e1ctica se desarrolla en el cruce entre pintura, energ\u00eda, percepci\u00f3n y espacio, entendiendo el arte como una experiencia viva y un medio de conexi\u00f3n sensible capaz de generar v\u00ednculos emocionales y reflexi\u00f3n colectiva.<\/p>\r\n <p style=\"margin-bottom:15px;\">Ha expuesto su obra en recintos institucionales como el Museo del Palacio de la Autonom\u00eda de la UNAM y el Museo Mundo F\u00fatbol del Grupo Pachuca, as\u00ed como en exposiciones individuales y colectivas en colaboraci\u00f3n con la Secretar\u00eda de Cultura del Estado de Hidalgo y diversos espacios independientes en la Ciudad de M\u00e9xico.<\/p>\r\n <p style=\"margin-bottom:15px;\">Ha impartido conferencias sobre arte y arquitectura en la Universidad Aut\u00f3noma del Estado de Hidalgo.<\/p>\r\n <p style=\"margin-bottom:15px;\">Su trabajo ha dialogado con contextos y p\u00fablicos diversos, desde la realizaci\u00f3n del retrato oficial del exgobernador del Estado de Hidalgo, Omar Fayad Meneses, hasta la creaci\u00f3n de piezas para el actor y artista estadounidense Drake Bell.<\/p>\r\n <p style=\"margin-bottom:0;\">Esta amplitud de registros refleja una pr\u00e1ctica flexible y transversal, capaz de adaptarse a distintas escalas y lenguajes sin perder coherencia conceptual.<\/p>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(p2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 3. STATEMENT A 26PX\r\n btn.innerText = \"P\u00c1GINA: STATEMENT...\";\r\n pdf.addPage();\r\n const pStat = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">STATEMENT<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; text-align:justify;\">\r\n <p style=\"margin-bottom:20px;\">La obra de Sebasti\u00e1n Torres aborda la pintura como un campo de energ\u00eda y percepci\u00f3n m\u00e1s que como imagen representacional. Su pr\u00e1ctica investiga la relaci\u00f3n entre conciencia, tiempo, espiritualidad y condici\u00f3n humana desde una mirada simb\u00f3lica y contempor\u00e1nea, donde lo pict\u00f3rico se entiende como un espacio de tr\u00e1nsito y transformaci\u00f3n.<\/p>\r\n <p style=\"margin-bottom:20px;\">El proceso funciona como un laboratorio constante de experimentaci\u00f3n t\u00e9cnica. Trabaja con \u00f3leo, acr\u00edlico, aerograf\u00eda y t\u00e9cnicas mixtas, incorporando de manera central el uso del p\u00e9ndulo como herramienta gestual.<\/p>\r\n <p style=\"margin-bottom:20px;\">Este dispositivo le permite registrar movimiento, energ\u00eda y azar controlado, convirti\u00e9ndose en un rasgo distintivo de su lenguaje visual y en un m\u00e9todo para activar la obra desde la experiencia corporal y temporal.<\/p>\r\n <p style=\"margin-bottom:20px;\">La serie <em>Transmutaci\u00f3n<\/em> (2025) profundiza en los procesos de cambio que atraviesan la materia, la conciencia y el espacio. Lejos de proponer una narrativa lineal o una promesa de iluminaci\u00f3n, la obra se articula como un recorrido por distintos estados \u2014origen, asombro, interiorizaci\u00f3n, equilibrio, colapso, dimensi\u00f3n y coexistencia\u2014 donde lo humano, lo abstracto, lo energ\u00e9tico y lo c\u00f3smico se entrelazan.<\/p>\r\n <p style=\"margin-bottom:0;\">En este contexto, el arte se concibe como un espacio de contenci\u00f3n y cuestionamiento. El cambio no se impone ni se idealiza, sino que se revela como un proceso natural, continuo y, en muchos casos, silencioso, que se manifiesta en la experiencia misma de la pintura.<\/p>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pStat), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 4. MARCO CONCEPTUAL PARTE 1 (PAGINADO PARA EVITAR CORTES Y UNIFICADO A 26PX)\r\n btn.innerText = \"P\u00c1GINA: MARCO CONCEPTUAL I...\";\r\n pdf.addPage();\r\n const pMC1 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">MARCO CONCEPTUAL<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; text-align:justify; margin-bottom:50px;\">\r\n <p style=\"margin-bottom:15px;\">La pr\u00e1ctica de Sof\u00eda Tormenta se inscribe en un desplazamiento central del arte contempor\u00e1neo: la obra no se concibe como un objeto cerrado, sino como una condici\u00f3n activa de experiencia. Sus piezas no representan, no ilustran ni narran. Operan. Se activan en tiempo real a trav\u00e9s del cuerpo, la materia, el sonido, el error y la presencia del otro.<\/p>\r\n <p style=\"margin-bottom:0;\">El marco te\u00f3rico que atraviesa su pr\u00e1ctica es la <strong>est\u00e9tica relacional<\/strong> de Nicolas Bourriaud. En este paradigma, el arte ya no se define por la autonom\u00eda del objeto, sino por su capacidad de producir intersticios sociales y experiencias compartidas. Tormenta adopta una est\u00e9tica de fricci\u00f3n y resistencia, donde el v\u00ednculo emerge de la repetici\u00f3n insistente y la violencia contenida del gesto.<\/p>\r\n <\/div>\r\n \r\n <div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:30px;\">\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">LA OBRA COMO CAMPO DE INMANENCIA<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Desde el inicio de este proceso, la obra de Sebasti se ha definido no como imagen ni como objeto cerrado, sino como un campo de inmanencia. La pintura deja de ser superficie para convertirse en espesor, en un territorio donde todo ocurre en el mismo plano ontol\u00f3gico. No existe un \u201cm\u00e1s all\u00e1\u201d simb\u00f3lico ni una jerarqu\u00eda entre lo visible y lo invisible. Lo espiritual, lo material, lo corporal y lo tecnol\u00f3gico coexisten sin separaci\u00f3n. La obra no remite a otra cosa. Es.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">ESTADO DE PRESENCIA Y VOLUNTAD DE PROCESO<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">La pr\u00e1ctica de Sebasti se articula desde un estado de presencia que no es monumental ni estable, sino procesual. Cada obra encarna una voluntad de proceso hecha de trayectos, desplazamientos, exposiciones al entorno, mutaciones materiales y decisiones acumuladas. La obra no se presenta como el resultado final de ese proceso, sino como el proceso sedimentado, siempre susceptible de reactivarse. No hay clausura ni forma definitiva.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">CAPAS, ESTRATIFICACI\u00d3N Y REVELACI\u00d3N<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Formal y conceptualmente, la obra se construye por capas. Estas capas no funcionan como decoraci\u00f3n ni como acumulaci\u00f3n arbitraria, sino como estratos de experiencia. La lectura nunca es inmediata. Exige tiempo, proximidad y una atenci\u00f3n sostenida. Cada capa revelada abre otra, generando una profundidad que no es espacial, sino perceptiva. La obra se va desvelando progresivamente, sin entregarse por completo.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">LUZ, ACTIVACI\u00d3N Y VERDAD LATENTE<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Un eje central de esta pr\u00e1ctica es la activaci\u00f3n lum\u00ednica. El tr\u00e1nsito entre luz blanca y luz negra no introduce un efecto espectacular, sino una condici\u00f3n ontol\u00f3gica distinta. Bajo determinadas circunstancias, aparecen capas latentes, el f\u00f3sforo se activa y registros ocultos se hacen visibles. La obra no cambia. Cambia la condici\u00f3n de aparici\u00f3n. La pintura se manifiesta as\u00ed como acontecimiento temporal y no como imagen fija.<\/span><\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pMC1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 5. MARCO CONCEPTUAL PARTE 2 (CERO SOBREPOSICI\u00d3N Y CAJA BLANCA)\r\n btn.innerText = \"P\u00c1GINA: MARCO CONCEPTUAL II...\";\r\n pdf.addPage();\r\n const pMC2 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <div style=\"display:grid; grid-template-columns: 1fr 1fr; gap:40px; margin-top:20px;\">\r\n <div style=\"border:1px solid #ddd; padding:40px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">PUESTA POR OBRA DE LA VERDAD<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">El eje est\u00e9tico y filos\u00f3fico que articula esta lectura es la puesta por obra de la verdad, en el sentido desarrollado por Martin Heidegger. La verdad no se entiende como representaci\u00f3n ni como correspondencia, sino como aletheia, como desocultamiento. En la obra de Sebasti, la verdad no se enuncia ni se explica. Acontece en la relaci\u00f3n entre materia, luz, tiempo y percepci\u00f3n. Cada activaci\u00f3n constituye un nuevo modo de verdad, siempre parcial y situada.<\/span><\/div>\r\n <div style=\"border:1px solid #ddd; padding:40px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">FRICCI\u00d3N, LABERINTO Y EXPERIENCIA<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6;\">No existe una lectura definitiva. La obra opera por fricci\u00f3n. Algo se resiste, algo emerge, algo se desplaza. Las volutas, espirales y recorridos visuales configuran un laberinto sin centro, donde el espectador no descifra, sino que atraviesa. El sentido no est\u00e1 dado de antemano. Se construye en la experiencia misma.<\/span><\/div>\r\n \r\n <div style=\"border:2px solid #000; padding:60px; text-align:center; margin-top:20px; grid-column: 1 \/ -1;\">\r\n <strong style=\"font-family:'CODE'; font-size:32px; color:#000; display:block; border-bottom:2px solid #000; padding-bottom:15px; margin-bottom:20px; letter-spacing:3px;\">TRANSMUTACI\u00d3N COMO \u00c9TICA EST\u00c9TICA<\/strong>\r\n <span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block; max-width:800px; margin:0 auto;\">Todo este sistema se articula finalmente bajo el concepto de transmutaci\u00f3n. La materia, la imagen y la percepci\u00f3n atraviesan estados. Nada permanece id\u00e9ntico a s\u00ed mismo. La obra se afirma como un organismo vivo, abierto y disponible para nuevas activaciones. La transmutaci\u00f3n no es un tema representado, sino una \u00e9tica est\u00e9tica del devenir.<\/span>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pMC2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 6. GLOSARIO 1 (TEXTO A 26PX UNIFICADO)\r\n btn.innerText = \"P\u00c1GINA: GLOSARIO I...\";\r\n pdf.addPage();\r\n const pGlos1 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">GLOSARIO CONCEPTUAL<\/h2>\r\n <div style=\"column-count: 2; column-gap: 50px;\">\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Aletheia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Concepci\u00f3n de la verdad como desocultamiento. La verdad aparece de manera parcial y situada.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Anverso activo<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Negaci\u00f3n de la jerarqu\u00eda entre frente y reverso. Toda cara de la obra es un plano de sentido.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Campo de inmanencia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Espacio donde no existe separaci\u00f3n entre materia, esp\u00edritu, imagen y experiencia.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Capas y estratificaci\u00f3n<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Construcci\u00f3n de la obra a partir de sedimentos materiales y perceptivos que se revelan en el tiempo.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Desocultamiento<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Proceso mediante el cual algo latente se hace visible sin agotarse en su aparici\u00f3n.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Estado de presencia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Presencia procesual, viva y activa, no monumental ni fija.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Evento perceptivo<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">La obra entendida como acontecimiento que ocurre en la experiencia del espectador.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">F\u00f3sforo<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Materia activable que permite la revelaci\u00f3n de capas latentes bajo luz negra.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Fricci\u00f3n<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Resistencia productiva que impide una lectura cerrada y mantiene la obra en tensi\u00f3n.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Imagen no representacional<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Imagen que no ilustra ni sustituye el mundo, sino que lo activa perceptivamente.<\/span><\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pGlos1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 7. GLOSARIO 2\r\n btn.innerText = \"P\u00c1GINA: GLOSARIO II...\";\r\n pdf.addPage();\r\n const pGlos2 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <div style=\"column-count: 2; column-gap: 50px; margin-top:20px;\">\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Inmanencia<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Condici\u00f3n en la que todo acontece en un mismo plano ontol\u00f3gico, sin trascendencia externa.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Laberinto<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Estructura visual sin centro ni resoluci\u00f3n \u00fanica, abierta a m\u00faltiples recorridos.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Luz blanca y luz negra<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Condiciones de aparici\u00f3n que modifican la percepci\u00f3n sin alterar materialmente la obra.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Obra abierta<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Obra no clausurada, siempre disponible para nuevas activaciones.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Proceso sedimentado<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Acumulaci\u00f3n visible de decisiones, trayectos y transformaciones materiales.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Puesta por obra de la verdad<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">La verdad entendida como algo que acontece en la obra y no como mensaje.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Revelaci\u00f3n progresiva<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Despliegue gradual del sentido que nunca se ofrece de forma inmediata o total.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Tiempo de la obra<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Dimensi\u00f3n temporal que exige desaceleraci\u00f3n y atenci\u00f3n sostenida.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Transmutaci\u00f3n<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Paso de un estado a otro sin fijaci\u00f3n definitiva. \u00c9tica del devenir.<\/span><\/div>\r\n <div style=\"break-inside: avoid; margin-bottom:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; margin-bottom:5px;\">Voluntad de proceso<\/strong><span style=\"font-size:26px; color:#444; font-weight:300; line-height:1.6; display:block;\">Impulso interno que mantiene la obra en constante transformaci\u00f3n.<\/span><\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pGlos2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 8. CAT\u00c1LOGO DE OBRAS (FICHA 100% CENTRADA A 26PX)\r\n for(let i=0; i < worksData.length; i++) {\r\n const o = worksData[i];\r\n const isNoDisp = o.valor.toUpperCase().includes(\"NO DISPONIBLE\");\r\n const isV = o.estatus.includes(\"VENDIDA\");\r\n btn.innerText = `P\u00c1GINA: OBRA ${i+1}\/${worksData.length}...`;\r\n pdf.addPage();\r\n const pObra = `<div style=\"width:1080px; height:1920px; background:#fff; display:flex; flex-direction:column; align-items:center; padding:0; position:relative; box-sizing:border-box;\">\r\n <div style=\"height:100px;\"><\/div>\r\n <div style=\"height:850px; width:920px; display:flex; align-items:center; justify-content:center; padding:40px;\"><img decoding=\"async\" src=\"${o.img}\" crossorigin=\"anonymous\" style=\"max-width:100%; max-height:100%; object-fit:contain;\"><\/div>\r\n \r\n <div style=\"padding:60px 140px 180px 140px; text-align:center; width:100%; box-sizing:border-box; flex-grow:1; display:flex; flex-direction:column; align-items:center;\">\r\n <h1 style=\"font-family:'CODE'; font-size:75px; margin-bottom:15px; line-height:1.1; text-align:center;\">${o.titulo}<\/h1>\r\n <p style=\"font-size:36px; color:#555; border-bottom:3px solid #000; display:inline-block; padding-bottom:10px; margin-bottom:40px; font-family:'DM Sans'; font-weight:500; text-align:center;\">${o.autor}<\/p>\r\n \r\n <div style=\"font-size:26px; line-height:1.6; color:#444; font-weight:300; margin-bottom:50px; text-align:center; display:flex; flex-direction:column; align-items:center;\">\r\n <span style=\"margin-bottom:8px;\"><strong style=\"color:#000;\">T\u00c9CNICA:<\/strong> ${o.tecnica}<\/span>\r\n <span style=\"margin-bottom:8px;\"><strong style=\"color:#000;\">MEDIDAS:<\/strong> ${o.medidas}<\/span>\r\n <span><strong style=\"color:#000;\">A\u00d1O:<\/strong> ${o.a\u00f1o}<\/span>\r\n <\/div>\r\n \r\n <p style=\"font-family:'CODE'; font-size:${isNoDisp ? '48px':'85px'}; font-weight:800; margin:0; text-align:center; color:#000;\">${o.valor} ${isNoDisp ? '' : `<span style=\"font-size:30px; font-family:'DM Sans'; color:#777;\">${o.moneda}<\/span>`}<\/p>\r\n ${isV ? '<div style=\"background:#000; color:#fff; display:inline-block; padding:15px 40px; font-size:26px; font-weight:bold; margin-top:20px; letter-spacing:2px; font-family:\\'CODE\\',sans-serif;\">VENDIDA<\/div>' : ''}\r\n \r\n <p style=\"font-size:26px; color:#444; font-weight:300; margin-top:35px; text-transform:uppercase; text-align:center;\">INCLUYE: ${o.base}<\/p>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pObra), \"JPEG\", 0, 0, 1080, 1920);\r\n }\r\n\r\n \/\/ 9. GALER\u00cdA EN PDF\r\n btn.innerText = \"P\u00c1GINA: GALER\u00cdA...\";\r\n pdf.addPage();\r\n const gal1Src = document.getElementById('gal-1').src;\r\n const gal2Src = document.getElementById('gal-2').src;\r\n const gal3Src = document.getElementById('gal-3').src;\r\n const pGal = `<div style=\"width:1080px; height:1920px; background:#fff; display:flex; flex-direction:column; align-items:center; padding:100px 0 0 0; position:relative;\">\r\n <h2 style=\"font-family:'CODE'; font-size:65px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center; width:840px;\">REGISTRO DE OBRA<\/h2>\r\n <div style=\"width:1080px; flex-grow:1; display:flex; flex-direction:column; gap:20px; padding: 0 20px 150px 20px; box-sizing:border-box;\">\r\n <div style=\"width:100%; height:800px; overflow:hidden;\"><img decoding=\"async\" src=\"${gal1Src}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n <div style=\"display:flex; gap:20px; width:100%; height:600px;\">\r\n <div style=\"flex:1; overflow:hidden;\"><img decoding=\"async\" src=\"${gal2Src}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n <div style=\"flex:1; overflow:hidden;\"><img decoding=\"async\" src=\"${gal3Src}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pGal), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 10. BIBLIOGRAF\u00cdA I (TEXTO ESTRICTO A 26PX)\r\n btn.innerText = \"P\u00c1GINA: BIBLIOGRAF\u00cdA I...\";\r\n pdf.addPage();\r\n const pFin1 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <h2 style=\"font-family:'CODE'; font-size:55px; border-bottom:4px solid #000; padding-bottom:20px; margin-bottom:50px; text-align:center;\">FURTHER READING<\/h2>\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; display:flex; flex-direction:column; gap:40px;\">\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">EL ORIGEN DE LA OBRA DE ARTE<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Martin Heidegger. En Caminos de bosque. Madrid: Alianza. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Texto fundacional del concepto de \u201cpuesta por obra de la verdad\u201d y de la verdad como aletheia.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">FENOMENOLOG\u00cdA DE LA PERCEPCI\u00d3N<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Maurice Merleau-Ponty. Par\u00eds: Gallimard. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Clave para comprender la obra como experiencia corporal y perceptiva.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">LA OBRA ABIERTA<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Umberto Eco. Mil\u00e1n: Bompiani. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(La obra como estructura no clausurada, activada por el espectador.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">LA ACTUALIDAD DE LO BELLO<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Hans-Georg Gadamer. Barcelona: Paid\u00f3s. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(La experiencia est\u00e9tica como acontecimiento y juego de aparici\u00f3n.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pFin1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n \/\/ 11. BIBLIOGRAF\u00cdA II\r\n btn.innerText = \"P\u00c1GINA FINAL: BIBLIOGRAF\u00cdA II...\";\r\n pdf.addPage();\r\n const pFin2 = `<div style=\"width:1080px; height:1920px; padding:120px; font-family:'DM Sans'; position:relative; box-sizing:border-box;\">\r\n <div style=\"font-size:26px; line-height:1.6; font-weight:300; color:#444; display:flex; flex-direction:column; gap:40px; margin-top:20px;\">\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">VER Y NO VER<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">John Berger. Londres: Penguin Books. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(La mirada como construcci\u00f3n cultural y acto consciente.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">LA IMAGEN-TIEMPO<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Gilles Deleuze. Par\u00eds: Minuit. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Pensar la imagen desde el tiempo, el devenir y la mutaci\u00f3n.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">EL ESPACIO DEL PENSAMIENTO<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Gianni Vattimo. Madrid: C\u00e1tedra. <br><span style=\"font-size:26px; color:#444; font-weight:300;\">(Arte, verdad y debilitamiento de las estructuras fuertes.)<\/span><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div>\r\n <strong style=\"font-family:'CODE'; font-size:22px; color:#000; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">CONTRA EL M\u00c9TODO Y ARTE VISUAL<\/strong>\r\n <ul style=\"list-style:none; padding:0; margin:0;\">\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Paul Feyerabend. Ciudad de M\u00e9xico: Sexto Piso. (Cr\u00edtica a los sistemas cerrados y pluralidad de modos de conocimiento.)<\/li>\r\n <li style=\"margin-bottom:10px; font-size:26px; color:#444; font-weight:300; line-height:1.6;\">Rudolf Arnheim. Berkeley: Univ. of California Press. (Estructuras perceptivas, forma y organizaci\u00f3n visual.)<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n ${footer}\r\n <\/div>`;\r\n pdf.addImage(await capture(pFin2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n pdf.save(`Perfil_Sebastian_Torres_Umbrales.pdf`);\r\n document.body.removeChild(container);\r\n btn.disabled = false; btn.innerText = \"DESCARGAR PERFIL PDF\";\r\n }\r\n\r\n initSebas();\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sebasti\u00e1n Torres | UMBRA|ES ARQUITECTO & ARTISTA VISUAL SEBASTI\u00c1NTORRES TRANSMUTACI\u00d3N DESCARGAR PERFIL PDF BIOGRAF\u00cdA Sebasti\u00e1n Torres es arquitecto y artista visual. Naci\u00f3 en Pachuca, Hidalgo, y actualmente vive y trabaja en la Ciudad de M\u00e9xico. Su pr\u00e1ctica se desarrolla en el cruce entre pintura, energ\u00eda, percepci\u00f3n y espacio, entendiendo el arte como una experiencia viva […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":40,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":2218,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/144\/revisions\/2218"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}