{"id":146,"date":"2026-01-30T17:06:06","date_gmt":"2026-01-30T17:06:06","guid":{"rendered":"https:\/\/easarte.com\/?p=146"},"modified":"2026-03-06T00:04:33","modified_gmt":"2026-03-06T00:04:33","slug":"sofia-tormenta-rafael-durand","status":"publish","type":"post","link":"https:\/\/easarte.com\/en\/sofia-tormenta-rafael-durand\/","title":{"rendered":"SOFIA TORMENTA | RAFAEL DURAND"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"146\" class=\"elementor elementor-146\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3043c5f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3043c5f\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7868a1d\" data-id=\"7868a1d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-be738d8 elementor-widget elementor-widget-html\" data-id=\"be738d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Sof\u00eda Tormenta | 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 WEB --- *\/\r\n        :root { --bg-color: #fff; --text-primary: #111; --accent: #000; --u-grey: #555; }\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, .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, ul, li, .concept-body, .ficha-tecnica, .obra-autor-tag, .reading-list, .glossary-def {\r\n            font-family: 'DM Sans', sans-serif !important; color: var(--text-primary);\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 --- *\/\r\n        .artist-hero { display: flex; height: 90vh; border-bottom: 2px solid var(--accent); overflow: hidden; }\r\n        .hero-info { flex: 0.8; padding: 40px; display: flex; flex-direction: column; justify-content: center; background: #fff; z-index: 2; border-right: 1px solid #eee; }\r\n        .hero-logo { width: 160px; margin-bottom: 40px; }\r\n        .hero-label { font-size: 0.8rem; letter-spacing: 3px; color: #666; margin-bottom: 20px; display: block; border-left: 3px solid var(--accent); padding-left: 15px; }\r\n        .artist-name { font-size: 3.5rem; line-height: 0.9; margin: 0 0 15px 0; color: var(--accent); }\r\n        .artist-subtitle { font-size: 1.1rem; color: #444; margin: 0 0 40px 0; }\r\n        \r\n        .btn-pdf {\r\n            background-color: var(--accent); color: #fff; border: 2px solid var(--accent);\r\n            padding: 18px 35px; font-size: 0.85rem; cursor: pointer; transition: 0.3s;\r\n            width: fit-content; text-decoration: none;\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; }\r\n\r\n        .hero-image-container { flex: 2; height: 100%; overflow: hidden; position: relative; }\r\n        .hero-img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: 0.5s; }\r\n        .hero-image-container:hover .hero-img { filter: grayscale(0%); }\r\n\r\n        \/* --- SECCIONES TEXTO --- *\/\r\n        .content-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        .text-block p { font-size: 1.05rem; line-height: 1.8; margin-bottom: 25px; text-align: justify; font-weight: 300; }\r\n\r\n        \/* --- MARCO CONCEPTUAL --- *\/\r\n        .mc-section { background-color: #fff; padding: 80px 0; border-top: 1px solid #eee; }\r\n        .mc-intro-box { max-width: 900px; margin: 0 auto 60px auto; padding: 0 20px; }\r\n        .mc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; max-width: 1200px; margin: 30px auto; padding: 0 20px; }\r\n        .concept-card { background: #fff; padding: 35px; border: 1px solid #eee; }\r\n        .concept-header { font-size: 1.1rem; margin-bottom: 20px; border-bottom: 2px solid #000; display: inline-block; padding-bottom: 5px;}\r\n        .concept-body { font-size: 0.95rem; line-height: 1.6; color: #444; text-align: justify; }\r\n        \r\n        .zen-card { background: #111; color: #fff !important; grid-column: 1 \/ -1; text-align: center; border: none; padding: 60px 35px; margin-top: 20px; }\r\n        .zen-card .concept-header { border-bottom-color: #fff; color: #fff !important; font-size: 1.8rem; margin-bottom: 20px;}\r\n        .zen-card .concept-body { color: #fff !important; max-width: 800px; margin: 0 auto; font-size: 1.1rem; text-align: center; }\r\n\r\n        \/* --- GLOSARIO --- *\/\r\n        .glossary-section { padding: 80px 0; border-top: 1px solid #eee; }\r\n        .glossary-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 30px; }\r\n        .glossary-item { padding: 20px; border-bottom: 1px solid #f0f0f0; }\r\n        .glossary-term { font-size: 0.85rem; color: #000; display: block; margin-bottom: 8px; font-weight: bold; text-transform: uppercase; }\r\n        .glossary-def { font-size: 0.9rem; line-height: 1.5; color: #666; margin: 0;}\r\n\r\n        \/* --- CAT\u00c1LOGO --- *\/\r\n        .works-section { padding: 80px 0; border-top: 2px solid var(--accent); }\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; align-items: center; text-align: center;}\r\n        .img-wrapper { width: 100%; aspect-ratio: 1\/1; margin-bottom: 30px; display: flex; align-items: center; justify-content: center; padding: 20px; background: #fcfcfc;}\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; font-weight: 800; line-height: 1.2;}\r\n        .obra-autor-tag { font-weight: 500; font-size: 0.9rem; margin-bottom: 20px; display: inline-block; border-bottom: 2px solid var(--accent); 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; font-weight: 300; }\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; margin-top: auto; width: 100%; }\r\n        .valor-final { font-size: 2.2rem; }\r\n        .vendida { background: var(--accent); color: #fff; font-size: 0.7rem; padding: 5px 12px; margin-top:10px; }\r\n\r\n        \/* --- GALER\u00cdA Y BIBLIOGRAF\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        \r\n        .reading-section { padding: 80px 0; border-top: 1px solid #eee; }\r\n        .reading-category { margin-bottom: 40px; break-inside: avoid; }\r\n        .category-title { font-size: 0.95rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 20px; display: block; font-weight: bold; }\r\n        .reading-list { list-style: none; padding: 0; font-size: 0.9rem; line-height: 1.8; color: #444; }\r\n        .reading-list li { margin-bottom: 10px; }\r\n\r\n        @media (max-width: 900px) {\r\n            .artist-hero { flex-direction: column-reverse; height: auto; }\r\n            .hero-info { width: 100%; padding: 40px 20px; align-items: center; text-align: center; }\r\n            .hero-image-container { height: 400px; }\r\n            .grid-obras { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div class=\"artist-hero\">\r\n        <div class=\"hero-info\">\r\n            <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png\" alt=\"Logo\" class=\"hero-logo\">\r\n            <span class=\"hero-label\">ARTISTA AUDIOVISUAL & PERFORMER<\/span>\r\n            <h1 class=\"artist-name\">SOF\u00cdA<br>TORMENTA<\/h1>\r\n            <h2 class=\"artist-subtitle\">FUTURISMO ZEN<\/h2>\r\n            <button id=\"btnPDF\" onclick=\"generarDocumentoTotal()\" class=\"btn-pdf\">DESCARGAR PERFIL PDF<\/button>\r\n        <\/div>\r\n        <div class=\"hero-image-container\">\r\n            <img decoding=\"async\" id=\"artist-profile-pic\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img32.jpg\" class=\"hero-img\" crossorigin=\"anonymous\">\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"container content-section\" id=\"bio-web\">\r\n        <h2 class=\"section-title\">BIOGRAF\u00cdA<\/h2>\r\n        <div class=\"text-block\">\r\n            <p>Sof\u00eda Tormenta (Argentina) es artista audiovisual, directora y performer, radicada en M\u00e9xico desde 2020. Su pr\u00e1ctica se centra en la experimentaci\u00f3n sonora y en la investigaci\u00f3n de las relaciones entre cuerpo, materia y sonido.<\/p>\r\n            <p>A trav\u00e9s de instalaciones, acciones perform\u00e1ticas y piezas audiovisuales, desarrolla un lenguaje que combina el registro f\u00edsico del gesto con la exploraci\u00f3n de texturas ac\u00fasticas.<\/p>\r\n            <p>Trabaja con materiales industriales y naturales como metal, concreto, piedras volc\u00e1nicas, lija, martillos y vidrio, utilizados para generar fricciones, resonancias y estructuras r\u00edtmicas.<\/p>\r\n            <p>Su obra entiende el sonido como materia y proceso m\u00e1s que como resultado musical, explorando la tensi\u00f3n entre silencio y ruido, y entre lo mec\u00e1nico y lo org\u00e1nico.<\/p>\r\n            <p>Ha colaborado con artistas como Isaac Soto y Leslie Garcia.<\/p>\r\n            <p>En 2024 particip\u00f3 en la edici\u00f3n n\u00famero 20 de MUTEK.MX, donde present\u00f3 junto a Isaac Soto la pieza <strong>Fr\u00edctico<\/strong>, centrada en la investigaci\u00f3n sonora de la fricci\u00f3n como fen\u00f3meno material y energ\u00e9tico.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"mc-section\" id=\"marco-web\">\r\n        <div class=\"mc-intro-box\">\r\n            <h2 class=\"section-title\">MARCO CONCEPTUAL<\/h2>\r\n            <div class=\"text-block\">\r\n                <p>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>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        <\/div>\r\n        <div class=\"mc-grid\">\r\n            <div class=\"concept-card\"><span class=\"concept-header\">OBRA COMO CONDICI\u00d3N<\/span><div class=\"concept-body\">La obra es una situaci\u00f3n abierta. Se aleja de la forma fija para priorizar la producci\u00f3n de estados relacionales ef\u00edmeros y umbrales perceptivos en constante cambio.<\/div><\/div>\r\n            <div class=\"concept-card\"><span class=\"concept-header\">EST\u00c9TICA DE FRICCI\u00d3N<\/span><div class=\"concept-body\">El v\u00ednculo humano no se busca en el consenso, sino en la tensi\u00f3n. Surge de la resistencia de la materia y el choque energ\u00e9tico de los cuerpos en el espacio.<\/div><\/div>\r\n            <div class=\"concept-card\"><span class=\"concept-header\">CUERPO-INTERFAZ<\/span><div class=\"concept-body\">El cuerpo es el dispositivo t\u00e9cnico que media entre la m\u00e1quina y el entorno. Es un cuerpo que trabaja, se desgasta, se ajusta y, vitalmente, falla.<\/div><\/div>\r\n            <div class=\"concept-card\"><span class=\"concept-header\">SONIDO MATERIA<\/span><div class=\"concept-body\">El sonido es fen\u00f3meno f\u00edsico, no musical. La escucha se vuelve corporal: el o\u00eddo percibe intensidades, ritmos y vibraciones antes que significados.<\/div><\/div>\r\n            <div class=\"concept-card\"><span class=\"concept-header\">EL ERROR COMO MOTOR<\/span><div class=\"concept-body\">La desviaci\u00f3n es generativa. Lo humano se define por la capacidad de habitar la falla, encontrando en el error una potencia para el devenir est\u00e9tico.<\/div><\/div>\r\n            <div class=\"concept-card\"><span class=\"concept-header\">ESTRUCTURAS LIMINALES<\/span><div class=\"concept-body\">Zonas intermedias entre el orden y el caos. La obra nunca se clausura, permaneciendo en di\u00e1logo constante con un afuera ca\u00f3tico y mutante.<\/div><\/div>\r\n            <div class=\"concept-card zen-card\"><span class=\"concept-header\">FUTURISMO ZEN<\/span><div class=\"concept-body\">S\u00edntesis po\u00e9tica entre la aceleraci\u00f3n t\u00e9cnica contempor\u00e1nea y la quietud perceptiva. El futuro no irrumpe con estruendo, sino que respira con claridad sensorial.<\/div><\/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\">Est\u00e9tica relacional<\/span><p class=\"glossary-def\">Marco te\u00f3rico que concibe el arte como producci\u00f3n de relaciones humanas y situaciones compartidas m\u00e1s que como objetos aut\u00f3nomos.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Intersticio social<\/span><p class=\"glossary-def\">Espacio temporal de experiencia que escapa moment\u00e1neamente a las l\u00f3gicas dominantes del mercado y la utilidad.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Obra-estado<\/span><p class=\"glossary-def\">Obra entendida como condici\u00f3n activa, proceso en curso y situaci\u00f3n abierta.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Relaci\u00f3n conflictiva<\/span><p class=\"glossary-def\">V\u00ednculo est\u00e9tico basado en fricci\u00f3n, error y tensi\u00f3n, no en armon\u00eda o consenso.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Cuerpo-interfaz<\/span><p class=\"glossary-def\">Cuerpo entendido como dispositivo operativo que media entre materia, sonido, m\u00e1quina y entorno.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Error<\/span><p class=\"glossary-def\">Desviaci\u00f3n productiva que act\u00faa como condici\u00f3n generativa de percepci\u00f3n, estructura y devenir.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Repetici\u00f3n<\/span><p class=\"glossary-def\">Mecanismo constructivo que produce ritmo, desgaste, ajuste y transformation.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Feedback o retroalimentaci\u00f3n<\/span><p class=\"glossary-def\">Circuito vivo donde la acci\u00f3n modifica el sistema y el sistema responde a la acci\u00f3n.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Sonido como materia<\/span><p class=\"glossary-def\">Concepci\u00f3n del sonido como fen\u00f3meno f\u00edsico y procesual, no como resultado musical.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Escucha corporal<\/span><p class=\"glossary-def\">Forma de percepci\u00f3n donde el sonido se experimenta f\u00edsicamente, m\u00e1s que de manera intelectual.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Estructura liminal<\/span><p class=\"glossary-def\">Configuraci\u00f3n inestable que emerge entre polos opuestos y nunca se fija definitivamente.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Caos-afuera<\/span><p class=\"glossary-def\">Campo de fuerzas externas con el que la obra mantiene un intercambio constante.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Silencio y ruido<\/span><p class=\"glossary-def\">Tensi\u00f3n fundamental que estructura la experiencia sonora y perceptiva.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Mec\u00e1nico y org\u00e1nico<\/span><p class=\"glossary-def\">Dualidad atravesada por el cuerpo y la materia en fricci\u00f3n constante.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Futurismo Zen<\/span><p class=\"glossary-def\">S\u00edntesis conceptual entre aceleraci\u00f3n contempor\u00e1nea y presencia consciente.<\/p><\/div>\r\n                <div class=\"glossary-item\"><span class=\"glossary-term\">Devenir<\/span><p class=\"glossary-def\">Proceso continuo de transformaci\u00f3n sin finalidad ni forma definitiva.<\/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-sofia\" 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=\"gallery-record-img\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/img20-scaled.jpg\" class=\"gallery-img-full\" alt=\"Registro\" 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                <span class=\"category-title\">EST\u00c9TICA RELACIONAL Y PR\u00c1CTICAS CONTEMPOR\u00c1NEAS<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>Nicolas Bourriaud (1998). Est\u00e9tica relacional. Dijon: Les Presses du R\u00e9el.<\/li>\r\n                    <li>Nicolas Bourriaud (2002). Postproducci\u00f3n. Nueva York: Lukas & Sternberg.<\/li>\r\n                    <li>Claire Bishop (2012). Artificial Hells. Londres: Verso.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"reading-category\">\r\n                <span class=\"category-title\">CUERPO, ACCI\u00d3N Y PERFORMATIVIDAD<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>RoseLee Goldberg (2011). Performance Art. Londres: Thames & Hudson.<\/li>\r\n                    <li>Maurice Merleau-Ponty (1962). Fenomenolog\u00eda de la percepci\u00f3n. Londres: Routledge.<\/li>\r\n                    <li>Judith Butler (1993). Cuerpos que importan. Nueva York: Routledge.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"reading-category\">\r\n                <span class=\"category-title\">ERROR, REPETICI\u00d3N Y DEVENIR<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>Gilles Deleuze (1968). Diferencia y repetici\u00f3n. Par\u00eds: Presses Universitaires de France.<\/li>\r\n                    <li>Gilles Deleuze (1962). Nietzsche y la filosof\u00eda. Par\u00eds: Presses Universitaires de France.<\/li>\r\n                    <li>Gilles Deleuze & F\u00e9lix Guattari (1980). Mil mesetas. Par\u00eds: \u00c9ditions de Minuit.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"reading-category\">\r\n                <span class=\"category-title\">SONIDO, ESCUCHA Y MATERIALIDAD<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>Jacques Attali (1977). Ruido. Par\u00eds: Presses Universitaires de France.<\/li>\r\n                    <li>Jonathan Sterne (ed.) (2012). The Sound Studies Reader. Londres: Routledge.<\/li>\r\n                    <li>Roland Barthes (1982). Lo obvio y lo obtuso. Barcelona: Paid\u00f3s.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"reading-category\">\r\n                <span class=\"category-title\">SOMBRA, PERCEPCI\u00d3N Y ORIENTE \/ OCCIDENTE<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>Jun'ichir\u014d Tanizaki (1933). El elogio de la sombra. Tokio: Le Promeneur.<\/li>\r\n                    <li>Robert M. Pirsig (1974). Zen y el arte del mantenimiento de la motocicleta.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"reading-category\">\r\n                <span class=\"category-title\">SEXTO PISO \u2014 AFINIDADES CONCEPTUALES<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>Giorgio Agamben (1990). La comunidad que viene. Madrid: Sexto Piso.<\/li>\r\n                    <li>Giorgio Agamben (1996). Medios sin fin. Madrid: Sexto Piso.<\/li>\r\n                    <li>Giorgio Agamben (2002). Lo abierto. Madrid: Sexto Piso.<\/li>\r\n                    <li>Giorgio Agamben (2006). \u00bfQu\u00e9 es un dispositivo?. Madrid: Sexto Piso.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n            <div class=\"reading-category\">\r\n                <span class=\"category-title\">COMUNIDAD, PRESENCIA Y RELACI\u00d3N<\/span>\r\n                <ul class=\"reading-list\">\r\n                    <li>Maurice Blanchot (1983). La comunidad inconfesable. Par\u00eds: Les \u00c9ditions de Minuit.<\/li>\r\n                    <li>Jean-Luc Nancy (2000). Ser singular plural. Par\u00eds: Galil\u00e9e.<\/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 initSofia() {\r\n        const ARTISTA = \"SOF\u00cdA TORMENTA\";\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(ARTISTA));\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-sofia');\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\"><strong>T\u00c9CNICA:<\/strong> ${o.tecnica}<br><strong>MEDIDAS:<\/strong> ${o.medidas}<br><strong>A\u00d1O:<\/strong> ${o.a\u00f1o}<\/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;\">INCLUYE: ${o.base}<\/div>\r\n                <\/div><\/div>`;\r\n        }).join('');\r\n    }\r\n\r\n    \/\/ --- MOTOR PDF PROFESIONAL: 1080x1920 CON PUNTAJE UNIFICADO (26px) Y PAGINACI\u00d3N EXACTA ---\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\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:140px; line-height:0.9;\">SOF\u00cdA<br>TORMENTA<\/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 COMPLETO 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 120px 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; text-align:justify; width:100%;\">\r\n                <p style=\"margin-bottom:15px;\">Sof\u00eda Tormenta (Argentina) es artista audiovisual, directora y performer, radicada en M\u00e9xico desde 2020. Su pr\u00e1ctica se centra en la experimentaci\u00f3n sonora y en la investigaci\u00f3n de las relaciones entre cuerpo, materia y sonido.<\/p>\r\n                <p style=\"margin-bottom:15px;\">A trav\u00e9s de instalaciones, acciones perform\u00e1ticas y piezas audiovisuales, desarrolla un lenguaje que combina el registro f\u00edsico del gesto con la exploraci\u00f3n de texturas ac\u00fasticas.<\/p>\r\n                <p style=\"margin-bottom:15px;\">Trabaja con materiales industriales y naturales como metal, concreto, piedras volc\u00e1nicas, lija, martillos y vidrio, utilizados para generar fricciones, resonancias y estructuras r\u00edtmicas.<\/p>\r\n                <p style=\"margin-bottom:15px;\">Su obra entiende el sonido como materia y proceso m\u00e1s que como resultado musical, explorando la tensi\u00f3n entre silencio y ruido, y entre lo mec\u00e1nico y lo org\u00e1nico.<\/p>\r\n                <p style=\"margin-bottom:15px;\">Ha colaborado con artistas como Isaac Soto y Leslie Garcia.<\/p>\r\n                <p style=\"margin-bottom:0;\">En 2024 particip\u00f3 en la edici\u00f3n n\u00famero 20 de MUTEK.MX, donde present\u00f3 junto a Isaac Soto la pieza <strong>Fr\u00edctico<\/strong>, centrada en la investigaci\u00f3n sonora de la fricci\u00f3n como fen\u00f3meno material y energ\u00e9tico.<\/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. MARCO CONCEPTUAL PARTE 1 (INTRO + 4 TARJETAS A 26PX)\r\n        btn.innerText = \"P\u00c1GINA: MARCO CONCEPTUAL I...\";\r\n        pdf.addPage();\r\n        const p3_1 = `<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:40px; text-align:center;\">MARCO CONCEPTUAL<\/h2>\r\n            <div style=\"font-size:26px; line-height:1.6; font-weight:300; 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; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">OBRA COMO CONDICI\u00d3N<\/strong><span style=\"font-size:26px; color:#444; line-height:1.5;\">La obra es una situaci\u00f3n abierta. Se aleja de la forma fija para priorizar la producci\u00f3n de estados relacionales ef\u00edmeros y umbrales perceptivos en constante cambio.<\/span><\/div>\r\n                <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">EST\u00c9TICA DE FRICCI\u00d3N<\/strong><span style=\"font-size:26px; color:#444; line-height:1.5;\">El v\u00ednculo humano no se busca en el consenso, sino en la tensi\u00f3n. Surge de la resistencia de la materia y el choque energ\u00e9tico de los cuerpos en el espacio.<\/span><\/div>\r\n                <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">CUERPO-INTERFAZ<\/strong><span style=\"font-size:26px; color:#444; line-height:1.5;\">El cuerpo es el dispositivo t\u00e9cnico que media entre la m\u00e1quina y el entorno. Es un cuerpo que trabaja, se desgasta, se ajusta y, vitalmente, falla.<\/span><\/div>\r\n                <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">SONIDO MATERIA<\/strong><span style=\"font-size:26px; color:#444; line-height:1.5;\">El sonido es fen\u00f3meno f\u00edsico, no musical. La escucha se vuelve corporal: el o\u00eddo percibe intensidades, ritmos y vibraciones antes que significados.<\/span><\/div>\r\n            <\/div>\r\n            ${footer}\r\n        <\/div>`;\r\n        pdf.addImage(await capture(p3_1), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n        \/\/ 4. MARCO CONCEPTUAL PARTE 2 Y FUTURISMO ZEN\r\n        btn.innerText = \"P\u00c1GINA: MARCO CONCEPTUAL II...\";\r\n        pdf.addPage();\r\n        const p3_2 = `<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:30px; margin-top:20px;\">\r\n                <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">EL ERROR COMO MOTOR<\/strong><span style=\"font-size:26px; color:#444; line-height:1.5;\">La desviaci\u00f3n es generativa. Lo humano se define por la capacidad de habitar la falla, encontrando en el error una potencia para el devenir est\u00e9tico.<\/span><\/div>\r\n                <div style=\"border:1px solid #ddd; padding:30px;\"><strong style=\"font-family:'CODE'; font-size:22px; display:block; border-bottom:2px solid #000; padding-bottom:10px; margin-bottom:15px;\">ESTRUCTURAS LIMINALES<\/strong><span style=\"font-size:26px; color:#444; line-height:1.5;\">Zonas intermedias entre el orden y el caos. La obra nunca se clausura, permaneciendo en di\u00e1logo constante con un afuera ca\u00f3tico y mutante.<\/span><\/div>\r\n            <\/div>\r\n            \r\n            <div style=\"background:#000; padding:80px 60px; color:#fff !important; text-align:center; margin-top:60px; box-sizing:border-box;\">\r\n                <h3 style=\"font-family:'CODE'; font-size:55px; margin-bottom:30px; letter-spacing:4px; color:#fff !important;\">FUTURISMO ZEN<\/h3>\r\n                <p style=\"font-size:26px; font-weight:300; color:#fff !important; margin:0; line-height:1.6;\">S\u00edntesis po\u00e9tica entre la aceleraci\u00f3n t\u00e9cnica contempor\u00e1nea y la quietud perceptiva. El futuro no irrumpe con estruendo, sino que respira con claridad sensorial.<\/p>\r\n            <\/div>\r\n            ${footer}\r\n        <\/div>`;\r\n        pdf.addImage(await capture(p3_2), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n        \/\/ 5. GLOSARIO DE CONCEPTOS (LOS 16 T\u00c9RMINOS A 26PX)\r\n        btn.innerText = \"P\u00c1GINA: GLOSARIO...\";\r\n        pdf.addPage();\r\n        const pGlos = `<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=\"display:grid; grid-template-columns: 1fr 1fr; gap:30px 50px;\">\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Est\u00e9tica relacional<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Marco te\u00f3rico que concibe el arte como producci\u00f3n de relaciones.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Sonido como materia<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Concepci\u00f3n del sonido como fen\u00f3meno f\u00edsico, no como m\u00fasica.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Intersticio social<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Espacio de experiencia que escapa a las l\u00f3gicas del mercado.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Escucha corporal<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Forma de percepci\u00f3n donde el sonido se experimenta f\u00edsicamente.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Obra-estado<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Obra entendida como condici\u00f3n activa y situaci\u00f3n abierta.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Estructura liminal<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Configuraci\u00f3n inestable entre polos opuestos que nunca se fija.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Relaci\u00f3n conflictiva<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">V\u00ednculo est\u00e9tico basado en fricci\u00f3n y tensi\u00f3n, no en consenso.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Caos-afuera<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Campo de fuerzas externas en constante intercambio con la obra.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Cuerpo-interfaz<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Dispositivo que media entre materia, sonido, m\u00e1quina y entorno.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Silencio y ruido<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Tensi\u00f3n fundamental que estructura la experiencia sonora.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Error<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Desviaci\u00f3n productiva generativa de percepci\u00f3n y estructura.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Mec\u00e1nico y org\u00e1nico<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Dualidad atravesada por el cuerpo y la materia en fricci\u00f3n.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Repetici\u00f3n<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Mecanismo constructivo que produce ritmo, ajuste y transformaci\u00f3n.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Futurismo Zen<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">S\u00edntesis conceptual entre aceleraci\u00f3n contempor\u00e1nea y presencia.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Feedback<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Circuito donde la acci\u00f3n modifica el sistema y viceversa.<\/span><\/div>\r\n                <div><strong style=\"font-family:'CODE'; font-size:20px; display:block; margin-bottom:5px;\">Devenir<\/strong><span style=\"font-size:26px; color:#555; line-height:1.4; display:block;\">Proceso continuo de transformaci\u00f3n sin forma definitiva.<\/span><\/div>\r\n            <\/div>\r\n            ${footer}\r\n        <\/div>`;\r\n        pdf.addImage(await capture(pGlos), \"JPEG\", 0, 0, 1080, 1920);\r\n\r\n        \/\/ 6. CAT\u00c1LOGO DE OBRAS (UNA POR HOJA)\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                <div style=\"padding:60px 140px 180px 140px; text-align:center; width:100%; box-sizing:border-box; flex-grow:1;\">\r\n                    <h1 style=\"font-family:'CODE'; font-size:75px; margin-bottom:15px; line-height:1.1;\">${o.titulo}<\/h1>\r\n                    <p style=\"font-size:42px; color:#555; border-bottom:3px solid #000; display:inline-block; padding-bottom:10px; margin-bottom:40px; font-family:'DM Sans'; font-weight:500;\">${o.autor}<\/p>\r\n                    <div style=\"font-size:34px; line-height:1.8; color:#333; font-weight:300; margin-bottom:50px;\"><strong>T\u00c9CNICA:<\/strong> ${o.tecnica}<br><strong>MEDIDAS:<\/strong> ${o.medidas}<br><strong>A\u00d1O:<\/strong> ${o.a\u00f1o}<\/div>\r\n                    <p style=\"font-family:'CODE'; font-size:${isNoDisp ? '48px':'85px'}; font-weight:800; margin:0;\">${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                    <p style=\"font-size:24px; color:#999; margin-top:35px; text-transform:uppercase;\">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        \/\/ 7. GALER\u00cdA EN PDF\r\n        btn.innerText = \"P\u00c1GINA: GALER\u00cdA...\";\r\n        pdf.addPage();\r\n        const galleryImgSrc = document.getElementById('gallery-record-img').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; align-items:center; justify-content:center; overflow:hidden; padding-bottom:150px;\">\r\n                <img decoding=\"async\" src=\"${galleryImgSrc}\" crossorigin=\"anonymous\" style=\"width:100%; height:100%; object-fit:cover;\">\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        \/\/ 8. BIBLIOGRAF\u00cdA PARTE 1\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=\"column-count:2; column-gap:60px; font-size:26px; line-height:1.6; font-weight:300;\">\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">EST\u00c9TICA RELACIONAL Y PR\u00c1CTICAS CONTEMPOR\u00c1NEAS<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">Nicolas Bourriaud (1998). Est\u00e9tica relacional. Dijon: Les Presses du R\u00e9el.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Nicolas Bourriaud (2002). Postproducci\u00f3n. Nueva York: Lukas & Sternberg.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Claire Bishop (2012). Artificial Hells. Londres: Verso.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">CUERPO, ACCI\u00d3N Y PERFORMATIVIDAD<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">RoseLee Goldberg (2011). Performance Art. Londres: Thames & Hudson.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Maurice Merleau-Ponty (1962). Fenomenolog\u00eda de la percepci\u00f3n. Londres: Routledge.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Judith Butler (1993). Cuerpos que importan. Nueva York: Routledge.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">ERROR, REPETICI\u00d3N Y DEVENIR<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">Gilles Deleuze (1968). Diferencia y repetici\u00f3n. Par\u00eds: Presses Univ. de France.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Gilles Deleuze (1962). Nietzsche y la filosof\u00eda. Par\u00eds: Presses Univ. de France.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Gilles Deleuze & F\u00e9lix Guattari (1980). Mil mesetas. Par\u00eds: \u00c9ditions de Minuit.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">SONIDO, ESCUCHA Y MATERIALIDAD<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">Jacques Attali (1977). Ruido. Par\u00eds: Presses Universitaires de France.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Jonathan Sterne (ed.) (2012). The Sound Studies Reader. Londres: Routledge.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Roland Barthes (1982). Lo obvio y lo obtuso. Barcelona: Paid\u00f3s.<\/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        \/\/ 9. BIBLIOGRAF\u00cdA PARTE 2\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=\"column-count:2; column-gap:60px; font-size:26px; line-height:1.6; font-weight:300; margin-top:20px;\">\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">SOMBRA Y ORIENTE \/ OCCIDENTE<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">Jun'ichir\u014d Tanizaki (1933). El elogio de la sombra. Tokio: Le Promeneur.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Robert M. Pirsig (1974). Zen y el arte del mantenimiento de la motocicleta.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">SEXTO PISO \u2014 AFINIDADES CONCEPTUALES<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">Giorgio Agamben (1990). La comunidad que viene. Madrid: Sexto Piso.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Giorgio Agamben (1996). Medios sin fin. Madrid: Sexto Piso.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Giorgio Agamben (2002). Lo abierto. Madrid: Sexto Piso.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Giorgio Agamben (2006). \u00bfQu\u00e9 es un dispositivo?. Madrid: Sexto Piso.<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                <div style=\"break-inside:avoid; margin-bottom:35px;\">\r\n                    <strong style=\"font-family:'CODE'; font-size:20px; display:block; border-bottom:1px solid #000; padding-bottom:5px; margin-bottom:10px;\">COMUNIDAD, PRESENCIA Y RELACI\u00d3N<\/strong>\r\n                    <ul style=\"list-style:none; padding:0; margin:0;\">\r\n                        <li style=\"margin-bottom:8px;\">Maurice Blanchot (1983). La comunidad inconfesable. Par\u00eds: \u00c9ditions de Minuit.<\/li>\r\n                        <li style=\"margin-bottom:8px;\">Jean-Luc Nancy (2000). Ser singular plural. Par\u00eds: Galil\u00e9e.<\/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_Sofia_Tormenta_Umbrales.pdf`);\r\n        document.body.removeChild(container);\r\n        btn.disabled = false; btn.innerText = \"DESCARGAR PERFIL PDF\";\r\n    }\r\n\r\n    initSofia();\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>Sof\u00eda Tormenta | UMBRA|ES ARTISTA AUDIOVISUAL &#038; PERFORMER SOF\u00cdATORMENTA FUTURISMO ZEN DESCARGAR PERFIL PDF BIOGRAF\u00cdA Sof\u00eda Tormenta (Argentina) es artista audiovisual, directora y performer, radicada en M\u00e9xico desde 2020. Su pr\u00e1ctica se centra en la experimentaci\u00f3n sonora y en la investigaci\u00f3n de las relaciones entre cuerpo, materia y sonido. A trav\u00e9s de instalaciones, acciones perform\u00e1ticas [&hellip;]<\/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-146","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/146","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=146"}],"version-history":[{"count":85,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/146\/revisions"}],"predecessor-version":[{"id":2202,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/146\/revisions\/2202"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}