David Troice | 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&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* --- 1. ESTILOS BASE (PLANTILLA INTACTA) --- *\/\r\n :root {\r\n --bg-color: #fff;\r\n --text-primary: #111;\r\n --accent: #000;\r\n }\r\n\r\n h1, h2, h3, h4, .brand-font, .concept-header, .work-header, .glossary-term {\r\n font-family: 'CODE', 'Helvetica', sans-serif !important;\r\n text-transform: uppercase;\r\n font-weight: bold !important; \r\n letter-spacing: 2px;\r\n }\r\n\r\n body, p, .concept-body, li, .glossary-def, .reading-list {\r\n font-family: 'DM Sans', sans-serif !important;\r\n color: var(--text-primary);\r\n font-size: 1rem; \r\n line-height: 1.6;\r\n font-weight: 400;\r\n text-align: justify;\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-wrapper {\r\n width: 100%;\r\n min-height: 90vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .hero-image-top {\r\n width: 100%;\r\n height: 65vh; \r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-img-landscape {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \r\n object-position: center; \r\n filter: grayscale(100%);\r\n transition: filter 0.6s ease;\r\n }\r\n\r\n .hero-image-top:hover .hero-img-landscape { filter: grayscale(0%); }\r\n\r\n .hero-info-bar {\r\n background-color: #fff;\r\n padding: 40px 60px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 2px solid #000;\r\n flex-grow: 1; \r\n }\r\n\r\n .hero-logo-small { width: 140px; margin-bottom: 30px; display: block; }\r\n .hero-label-hor { font-size: 0.9rem; letter-spacing: 3px; color: #666; margin-bottom: 10px; display: block; }\r\n .artist-name-hor { font-size: 5rem; line-height: 0.9; margin: 0; color: #000; }\r\n .artist-subtitle { font-size: 1.3rem; color: #444; margin: 0; }\r\n\r\n .bio-section { padding: 100px 0; max-width: 900px; margin: 0 auto; }\r\n .section-title { font-size: 3rem; margin-bottom: 60px; text-align: center; }\r\n .bio-text p { margin-bottom: 25px; color: #333; }\r\n\r\n .mc-section { background-color: #fff; padding: 100px 0; border-top: 1px solid #eee; }\r\n .mc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 50px;\r\n margin-top: 60px;\r\n }\r\n\r\n .concept-card {\r\n background: #fff;\r\n padding: 40px;\r\n border: 1px solid #eee;\r\n transition: all 0.3s;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .concept-card:hover { border-color: var(--accent); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\r\n .concept-header { font-size: 1.2rem; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #000; display: inline-block; }\r\n\r\n .highlight-card { grid-column: 1 \/ -1; background: #000; color: #fff; text-align: center; border: none; }\r\n .highlight-card .concept-header { border-bottom-color: #fff; }\r\n .highlight-card .concept-body { color: #ccc; max-width: 800px; margin: 0 auto; text-align: center; }\r\n\r\n .glossary-section { padding: 80px 0; background: #fff; border-top: 1px solid #eee; }\r\n .glossary-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n }\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; }\r\n .glossary-def { font-size: 0.9rem; line-height: 1.5; color: #666; margin: 0; text-align: left; }\r\n\r\n .reading-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 40px;\r\n margin-top: 40px;\r\n }\r\n .reading-category h3 { font-size: 1.1rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 20px; }\r\n .reading-list { list-style: none; padding: 0; margin: 0; }\r\n .reading-list li { margin-bottom: 20px; font-size: 0.95rem; }\r\n .reading-list strong { display: block; color: #000; margin-bottom: 2px; }\r\n .reading-list em { color: #555; display: block; margin-bottom: 5px; }\r\n\r\n \/* --- ESTILOS DE OBRA DIN\u00c1MICA (ESTILO SEBASTI\u00c1N TORRES) --- *\/\r\n .works-section { padding: 80px 0; border-top: 2px solid #000; }\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: 60px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: flex; flex-direction: column; transition: background 0.3s ease; }\r\n .obra-card:hover { background: #fafafa; }\r\n .img-wrapper { width: 100%; aspect-ratio: 1\/1; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; background: #fff; }\r\n .img-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; }\r\n .obra-info h2 { font-size: 1.8rem; margin: 0 0 10px 0; letter-spacing: -1px; text-align: left; }\r\n .obra-autor-tag { font-weight: 700; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 20px; display: block; border-left: 3px solid #000; padding-left: 12px; text-align: left; }\r\n .ficha-tecnica-obra { font-size: 1rem; line-height: 1.8; color: #555; margin-bottom: 30px; flex-grow: 1; text-align: left; }\r\n .precio-container { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #000; padding-top: 25px; }\r\n .valor-final { font-size: 1.6rem; font-family: 'CODE', sans-serif !important; font-weight: bold; }\r\n .status-tag { font-size: 0.75rem; padding: 6px 15px; border: 1px solid #000; font-family: 'CODE', sans-serif !important; font-weight: bold; }\r\n .vendida { background: #000; color: #fff; }\r\n\r\n .gallery-expanded { width: 100%; margin-top: 0; }\r\n .gallery-row { display: flex; width: 100%; margin-bottom: 10px; }\r\n .gallery-img-full { width: 100%; height: 85vh; object-fit: cover; display: block; }\r\n .gallery-img-half { width: 50%; height: 70vh; object-fit: cover; display: block; padding: 0 5px; }\r\n\r\n @media (max-width: 900px) {\r\n .hero-image-top { height: 400px; }\r\n .hero-info-bar { flex-direction: column; padding: 40px 20px; text-align: center; }\r\n .artist-name-hor { font-size: 3.5rem; }\r\n .grid-obras { grid-template-columns: 1fr; }\r\n .obra-card { padding: 40px 20px; }\r\n .gallery-row { flex-direction: column; }\r\n .gallery-img-full, .gallery-img-half { 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\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-07.webp\" alt=\"David Troice\" class=\"hero-img-landscape\">\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\"> \r\n <span class=\"hero-label-hor brand-font\">ESCULTOR CONTEMPOR\u00c1NEO<\/span>\r\n <h1 class=\"artist-name-hor\">DAVID<br>TROICE<\/h1>\r\n <span class=\"artist-concept-hor brand-font\">GEOMETR\u00cdA & EQUILIBRIO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\">\r\n <h2 class=\"section-title\">BIOGRAF\u00cdA<\/h2>\r\n <div class=\"bio-text\">\r\n <p>David Troice (El Paso, Texas, 1990) es un escultor contempor\u00e1neo mexicano especializado en la creaci\u00f3n de esculturas en acero inspiradas en la geometr\u00eda y el origami. Su trabajo fusiona precisi\u00f3n matem\u00e1tica y sensibilidad material para transformar un elemento asociado a la rigidez industrial en configuraciones que sugieren ligereza, flotaci\u00f3n y movimiento.<\/p>\r\n <p>Con una trayectoria que incluye exposiciones en ferias nacionales e internacionales, Troice establece un di\u00e1logo \u00e9tico y espacial con tradiciones modernas, resonando con la escuela mat\u00e9rica catalana y el pensamiento de Mathias Goeritz.<\/p>\r\n <p>Sus estructuras modulares y superficies plegadas no funcionan como decoraci\u00f3n, sino como sistemas activos que reorganizan el entorno. A trav\u00e9s de la tensi\u00f3n estructural y el equilibrio, Troice propone experiencias espaciales donde la escultura deja de ser un objeto est\u00e1tico para convertirse en un campo perceptivo estabilizado.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mc-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">MARCO CONCEPTUAL<\/h2>\r\n <p style=\"text-align: center; max-width: 800px; margin: 0 auto 50px auto; font-size: 1.1rem; color: #666;\">\"La escultura no mira, pero sostiene la mirada. No expresa, pero afecta y reordena el espacio.\"<\/p>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">ROSTRIDAD<\/span>\r\n <div class=\"concept-body\">Concepto central que alude a una \"m\u00e1quina abstracta\" de organizaci\u00f3n del sentido. Las esculturas no tienen rostro humano, pero funcionan como tal al estabilizar la percepci\u00f3n y ofrecer un frente legible mediante la simetr\u00eda y el equilibrio, permitiendo una lectura sin narrativa.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">LIGEREZA ESTRUCTURAL<\/span>\r\n <div class=\"concept-body\">El acero es despojado de su gravedad simb\u00f3lica. La ligereza no es una ilusi\u00f3n \u00f3ptica, sino una construcci\u00f3n estructural lograda a trav\u00e9s del c\u00e1lculo y el pliegue. La obra transforma la dureza del material en un dispositivo de suspensi\u00f3n visual.<\/div>\r\n <\/div>\r\n <div class=\"concept-card highlight-card\">\r\n <span class=\"concept-header\">SISTEMA FORMAL ACTIVO<\/span>\r\n <div class=\"concept-body\">La escultura deja de ser imagen o s\u00edmbolo para convertirse en un sistema aut\u00f3nomo. No narra ni describe; organiza. Cada pieza funciona como un campo perceptivo regido por leyes internas que reordenan silenciosamente la relaci\u00f3n entre cuerpo, mirada y entorno.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glossary-section\">\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\">Geometr\u00eda universal<\/span><p class=\"glossary-def\">Lenguaje estructural no cultural, previo a la representaci\u00f3n, que articula forma, materia y percepci\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Equilibrio estructural<\/span><p class=\"glossary-def\">Condici\u00f3n material y visual en la que fuerzas opuestas se estabilizan y producen una sensaci\u00f3n de suspensi\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Superficie tensada<\/span><p class=\"glossary-def\">Zona del metal donde se inscribe el tiempo del trabajo manual, el pliegue y la presi\u00f3n material.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Materialidad disciplinada<\/span><p class=\"glossary-def\">Relaci\u00f3n \u00e9tica con el material basada en el respeto, el control t\u00e9cnico y un proceso de producci\u00f3n prolongado.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\" style=\"padding-top: 40px;\">\r\n <h2 class=\"section-title\">FURTHER READING<\/h2>\r\n <div class=\"reading-grid\">\r\n <div class=\"reading-category\">\r\n <ul class=\"reading-list\">\r\n <li><strong>Wassily Kandinsky<\/strong><em>De lo espiritual en el arte<\/em><\/li>\r\n <li><strong>Umberto Eco<\/strong><em>La obra abierta<\/em><\/li>\r\n <li><strong>Hans-Georg Gadamer<\/strong><em>La actualidad de lo bello<\/em><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"reading-category\">\r\n <ul class=\"reading-list\">\r\n <li><strong>Martin Heidegger<\/strong><em>El arte y el espacio<\/em><\/li>\r\n <li><strong>Deleuze & Guattari<\/strong><em>Mil mesetas<\/em><\/li>\r\n <li><strong>Rudolf Arnheim<\/strong><em>Arte y percepci\u00f3n visual<\/em><\/li>\r\n <\/ul>\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\">CAT\u00c1LOGO DE OBRA<\/h2><\/div>\r\n <div id=\"grid-david-dinamico\" class=\"grid-obras\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-expanded\">\r\n <h2 class=\"section-title\" style=\"padding-top: 80px;\">REGISTRO DE OBRA<\/h2>\r\n <div class=\"gallery-row\"><img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-01-scaled.jpg\" class=\"gallery-img-full\" alt=\"Registro\"><\/div>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-25-scaled.jpg\" class=\"gallery-img-half\" alt=\"Detalle\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-15.webp\" class=\"gallery-img-half\" alt=\"Perspectiva\">\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ Limpieza de nombres para coincidencia exacta\r\n const normalize = (str) => str ? str.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").trim().toUpperCase() : \"\";\r\n\r\n async function initDavid() {\r\n const ARTISTA_OBJETIVO = \"DAVID TROICE\";\r\n const url = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTJwx_xoNFNjz_7Y7c0SwuxjeAV9sIjYkEXE4ZB47mLjJ0xvkMIHPSA3gWcpj3SKw\/pub?output=csv';\r\n \r\n try {\r\n const resp = await fetch(url + '&nocache=' + new Date().getTime());\r\n const data = await resp.text();\r\n const filas = data.split(\/\\r?\\n\/).slice(6); \/\/ Saltamos encabezados\r\n \r\n const obras = filas.map(f => {\r\n const c = f.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(),\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: c[10].trim(),\r\n estatus: (c[11] || \"DISPONIBLE\").toUpperCase()\r\n };\r\n }).filter(o => o && normalize(o.autor).includes(ARTISTA_OBJETIVO));\r\n\r\n const container = document.getElementById('grid-david-dinamico');\r\n \r\n if (obras.length === 0) {\r\n container.innerHTML = \"<p style='padding:60px; text-align:center; font-family:CODE;'>Sin obras vinculadas en el listado actual.<\/p>\";\r\n return;\r\n }\r\n\r\n container.innerHTML = obras.map(o => {\r\n const esV = o.estatus.includes(\"VENDIDA\");\r\n return `\r\n <div class=\"obra-card\" style=\"opacity: ${esV ? '0.4' : '1'}\">\r\n <div class=\"img-wrapper\"><img decoding=\"async\" src=\"${o.img}\" alt=\"${o.titulo}\" loading=\"lazy\"><\/div>\r\n <div class=\"obra-info\">\r\n <h2>${o.titulo}<\/h2>\r\n <span class=\"obra-autor-tag\">${o.autor}<\/span>\r\n <div class=\"ficha-tecnica-obra\">\r\n <strong>T\u00e9cnica:<\/strong> ${o.tecnica}<br>\r\n <strong>Medidas:<\/strong> ${o.medidas}<br>\r\n <strong>A\u00f1o:<\/strong> ${o.a\u00f1o}\r\n <\/div>\r\n <div class=\"precio-container\">\r\n <div class=\"valor-final\">${o.valor} ${o.moneda}<\/div>\r\n <span class=\"status-tag ${esV ? 'vendida' : ''}\">${esV ? 'VENDIDA' : 'DISPONIBLE'}<\/span>\r\n <\/div>\r\n <div style=\"font-size: 0.7rem; color: #999; margin-top: 15px; text-align: left;\">INCLUYE: ${o.base}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }).join('');\r\n } catch (e) { console.error(\"Error cargando el cat\u00e1logo:\", e); }\r\n }\r\n initDavid();\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>David Troice | UMBRA|ES ESCULTOR CONTEMPOR\u00c1NEO DAVIDTROICE GEOMETR\u00cdA & EQUILIBRIO BIOGRAF\u00cdA David Troice (El Paso, Texas, 1990) es un escultor contempor\u00e1neo mexicano especializado en la creaci\u00f3n de esculturas en acero inspiradas en la geometr\u00eda y el origami. Su trabajo fusiona precisi\u00f3n matem\u00e1tica y sensibilidad material para transformar un elemento asociado a la rigidez industrial en […]<\/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-128","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/128","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=128"}],"version-history":[{"count":22,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/128\/revisions\/1848"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=128"}],"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\nDavid Troice | 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&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n \/* --- 1. ESTILOS BASE (PLANTILLA INTACTA) --- *\/\r\n :root {\r\n --bg-color: #fff;\r\n --text-primary: #111;\r\n --accent: #000;\r\n }\r\n\r\n h1, h2, h3, h4, .brand-font, .concept-header, .work-header, .glossary-term {\r\n font-family: 'CODE', 'Helvetica', sans-serif !important;\r\n text-transform: uppercase;\r\n font-weight: bold !important; \r\n letter-spacing: 2px;\r\n }\r\n\r\n body, p, .concept-body, li, .glossary-def, .reading-list {\r\n font-family: 'DM Sans', sans-serif !important;\r\n color: var(--text-primary);\r\n font-size: 1rem; \r\n line-height: 1.6;\r\n font-weight: 400;\r\n text-align: justify;\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-wrapper {\r\n width: 100%;\r\n min-height: 90vh;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .hero-image-top {\r\n width: 100%;\r\n height: 65vh; \r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .hero-img-landscape {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover; \r\n object-position: center; \r\n filter: grayscale(100%);\r\n transition: filter 0.6s ease;\r\n }\r\n\r\n .hero-image-top:hover .hero-img-landscape { filter: grayscale(0%); }\r\n\r\n .hero-info-bar {\r\n background-color: #fff;\r\n padding: 40px 60px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n border-bottom: 2px solid #000;\r\n flex-grow: 1; \r\n }\r\n\r\n .hero-logo-small { width: 140px; margin-bottom: 30px; display: block; }\r\n .hero-label-hor { font-size: 0.9rem; letter-spacing: 3px; color: #666; margin-bottom: 10px; display: block; }\r\n .artist-name-hor { font-size: 5rem; line-height: 0.9; margin: 0; color: #000; }\r\n .artist-subtitle { font-size: 1.3rem; color: #444; margin: 0; }\r\n\r\n .bio-section { padding: 100px 0; max-width: 900px; margin: 0 auto; }\r\n .section-title { font-size: 3rem; margin-bottom: 60px; text-align: center; }\r\n .bio-text p { margin-bottom: 25px; color: #333; }\r\n\r\n .mc-section { background-color: #fff; padding: 100px 0; border-top: 1px solid #eee; }\r\n .mc-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 50px;\r\n margin-top: 60px;\r\n }\r\n\r\n .concept-card {\r\n background: #fff;\r\n padding: 40px;\r\n border: 1px solid #eee;\r\n transition: all 0.3s;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n }\r\n\r\n .concept-card:hover { border-color: var(--accent); box-shadow: 0 10px 30px rgba(0,0,0,0.05); }\r\n .concept-header { font-size: 1.2rem; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #000; display: inline-block; }\r\n\r\n .highlight-card { grid-column: 1 \/ -1; background: #000; color: #fff; text-align: center; border: none; }\r\n .highlight-card .concept-header { border-bottom-color: #fff; }\r\n .highlight-card .concept-body { color: #ccc; max-width: 800px; margin: 0 auto; text-align: center; }\r\n\r\n .glossary-section { padding: 80px 0; background: #fff; border-top: 1px solid #eee; }\r\n .glossary-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n gap: 30px;\r\n }\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; }\r\n .glossary-def { font-size: 0.9rem; line-height: 1.5; color: #666; margin: 0; text-align: left; }\r\n\r\n .reading-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 40px;\r\n margin-top: 40px;\r\n }\r\n .reading-category h3 { font-size: 1.1rem; border-bottom: 1px solid #000; padding-bottom: 10px; margin-bottom: 20px; }\r\n .reading-list { list-style: none; padding: 0; margin: 0; }\r\n .reading-list li { margin-bottom: 20px; font-size: 0.95rem; }\r\n .reading-list strong { display: block; color: #000; margin-bottom: 2px; }\r\n .reading-list em { color: #555; display: block; margin-bottom: 5px; }\r\n\r\n \/* --- ESTILOS DE OBRA DIN\u00c1MICA (ESTILO SEBASTI\u00c1N TORRES) --- *\/\r\n .works-section { padding: 80px 0; border-top: 2px solid #000; }\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: 60px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; display: flex; flex-direction: column; transition: background 0.3s ease; }\r\n .obra-card:hover { background: #fafafa; }\r\n .img-wrapper { width: 100%; aspect-ratio: 1\/1; margin-bottom: 40px; display: flex; align-items: center; justify-content: center; background: #fff; }\r\n .img-wrapper img { max-width: 100%; max-height: 100%; object-fit: contain; }\r\n .obra-info h2 { font-size: 1.8rem; margin: 0 0 10px 0; letter-spacing: -1px; text-align: left; }\r\n .obra-autor-tag { font-weight: 700; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 20px; display: block; border-left: 3px solid #000; padding-left: 12px; text-align: left; }\r\n .ficha-tecnica-obra { font-size: 1rem; line-height: 1.8; color: #555; margin-bottom: 30px; flex-grow: 1; text-align: left; }\r\n .precio-container { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #000; padding-top: 25px; }\r\n .valor-final { font-size: 1.6rem; font-family: 'CODE', sans-serif !important; font-weight: bold; }\r\n .status-tag { font-size: 0.75rem; padding: 6px 15px; border: 1px solid #000; font-family: 'CODE', sans-serif !important; font-weight: bold; }\r\n .vendida { background: #000; color: #fff; }\r\n\r\n .gallery-expanded { width: 100%; margin-top: 0; }\r\n .gallery-row { display: flex; width: 100%; margin-bottom: 10px; }\r\n .gallery-img-full { width: 100%; height: 85vh; object-fit: cover; display: block; }\r\n .gallery-img-half { width: 50%; height: 70vh; object-fit: cover; display: block; padding: 0 5px; }\r\n\r\n @media (max-width: 900px) {\r\n .hero-image-top { height: 400px; }\r\n .hero-info-bar { flex-direction: column; padding: 40px 20px; text-align: center; }\r\n .artist-name-hor { font-size: 3.5rem; }\r\n .grid-obras { grid-template-columns: 1fr; }\r\n .obra-card { padding: 40px 20px; }\r\n .gallery-row { flex-direction: column; }\r\n .gallery-img-full, .gallery-img-half { 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\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-07.webp\" alt=\"David Troice\" class=\"hero-img-landscape\">\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\"> \r\n <span class=\"hero-label-hor brand-font\">ESCULTOR CONTEMPOR\u00c1NEO<\/span>\r\n <h1 class=\"artist-name-hor\">DAVID<br>TROICE<\/h1>\r\n <span class=\"artist-concept-hor brand-font\">GEOMETR\u00cdA & EQUILIBRIO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\">\r\n <h2 class=\"section-title\">BIOGRAF\u00cdA<\/h2>\r\n <div class=\"bio-text\">\r\n <p>David Troice (El Paso, Texas, 1990) es un escultor contempor\u00e1neo mexicano especializado en la creaci\u00f3n de esculturas en acero inspiradas en la geometr\u00eda y el origami. Su trabajo fusiona precisi\u00f3n matem\u00e1tica y sensibilidad material para transformar un elemento asociado a la rigidez industrial en configuraciones que sugieren ligereza, flotaci\u00f3n y movimiento.<\/p>\r\n <p>Con una trayectoria que incluye exposiciones en ferias nacionales e internacionales, Troice establece un di\u00e1logo \u00e9tico y espacial con tradiciones modernas, resonando con la escuela mat\u00e9rica catalana y el pensamiento de Mathias Goeritz.<\/p>\r\n <p>Sus estructuras modulares y superficies plegadas no funcionan como decoraci\u00f3n, sino como sistemas activos que reorganizan el entorno. A trav\u00e9s de la tensi\u00f3n estructural y el equilibrio, Troice propone experiencias espaciales donde la escultura deja de ser un objeto est\u00e1tico para convertirse en un campo perceptivo estabilizado.<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mc-section\">\r\n <div class=\"container\">\r\n <h2 class=\"section-title\">MARCO CONCEPTUAL<\/h2>\r\n <p style=\"text-align: center; max-width: 800px; margin: 0 auto 50px auto; font-size: 1.1rem; color: #666;\">\"La escultura no mira, pero sostiene la mirada. No expresa, pero afecta y reordena el espacio.\"<\/p>\r\n <div class=\"mc-grid\">\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">ROSTRIDAD<\/span>\r\n <div class=\"concept-body\">Concepto central que alude a una \"m\u00e1quina abstracta\" de organizaci\u00f3n del sentido. Las esculturas no tienen rostro humano, pero funcionan como tal al estabilizar la percepci\u00f3n y ofrecer un frente legible mediante la simetr\u00eda y el equilibrio, permitiendo una lectura sin narrativa.<\/div>\r\n <\/div>\r\n <div class=\"concept-card\">\r\n <span class=\"concept-header\">LIGEREZA ESTRUCTURAL<\/span>\r\n <div class=\"concept-body\">El acero es despojado de su gravedad simb\u00f3lica. La ligereza no es una ilusi\u00f3n \u00f3ptica, sino una construcci\u00f3n estructural lograda a trav\u00e9s del c\u00e1lculo y el pliegue. La obra transforma la dureza del material en un dispositivo de suspensi\u00f3n visual.<\/div>\r\n <\/div>\r\n <div class=\"concept-card highlight-card\">\r\n <span class=\"concept-header\">SISTEMA FORMAL ACTIVO<\/span>\r\n <div class=\"concept-body\">La escultura deja de ser imagen o s\u00edmbolo para convertirse en un sistema aut\u00f3nomo. No narra ni describe; organiza. Cada pieza funciona como un campo perceptivo regido por leyes internas que reordenan silenciosamente la relaci\u00f3n entre cuerpo, mirada y entorno.<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"glossary-section\">\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\">Geometr\u00eda universal<\/span><p class=\"glossary-def\">Lenguaje estructural no cultural, previo a la representaci\u00f3n, que articula forma, materia y percepci\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Equilibrio estructural<\/span><p class=\"glossary-def\">Condici\u00f3n material y visual en la que fuerzas opuestas se estabilizan y producen una sensaci\u00f3n de suspensi\u00f3n.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Superficie tensada<\/span><p class=\"glossary-def\">Zona del metal donde se inscribe el tiempo del trabajo manual, el pliegue y la presi\u00f3n material.<\/p><\/div>\r\n <div class=\"glossary-item\"><span class=\"glossary-term\">Materialidad disciplinada<\/span><p class=\"glossary-def\">Relaci\u00f3n \u00e9tica con el material basada en el respeto, el control t\u00e9cnico y un proceso de producci\u00f3n prolongado.<\/p><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"container bio-section\" style=\"padding-top: 40px;\">\r\n <h2 class=\"section-title\">FURTHER READING<\/h2>\r\n <div class=\"reading-grid\">\r\n <div class=\"reading-category\">\r\n <ul class=\"reading-list\">\r\n <li><strong>Wassily Kandinsky<\/strong><em>De lo espiritual en el arte<\/em><\/li>\r\n <li><strong>Umberto Eco<\/strong><em>La obra abierta<\/em><\/li>\r\n <li><strong>Hans-Georg Gadamer<\/strong><em>La actualidad de lo bello<\/em><\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"reading-category\">\r\n <ul class=\"reading-list\">\r\n <li><strong>Martin Heidegger<\/strong><em>El arte y el espacio<\/em><\/li>\r\n <li><strong>Deleuze & Guattari<\/strong><em>Mil mesetas<\/em><\/li>\r\n <li><strong>Rudolf Arnheim<\/strong><em>Arte y percepci\u00f3n visual<\/em><\/li>\r\n <\/ul>\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\">CAT\u00c1LOGO DE OBRA<\/h2><\/div>\r\n <div id=\"grid-david-dinamico\" class=\"grid-obras\">\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"gallery-expanded\">\r\n <h2 class=\"section-title\" style=\"padding-top: 80px;\">REGISTRO DE OBRA<\/h2>\r\n <div class=\"gallery-row\"><img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-01-scaled.jpg\" class=\"gallery-img-full\" alt=\"Registro\"><\/div>\r\n <div class=\"gallery-row\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-25-scaled.jpg\" class=\"gallery-img-half\" alt=\"Detalle\">\r\n <img decoding=\"async\" src=\"https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/David-Troice-15.webp\" class=\"gallery-img-half\" alt=\"Perspectiva\">\r\n <\/div>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ Limpieza de nombres para coincidencia exacta\r\n const normalize = (str) => str ? str.normalize(\"NFD\").replace(\/[\\u0300-\\u036f]\/g, \"\").trim().toUpperCase() : \"\";\r\n\r\n async function initDavid() {\r\n const ARTISTA_OBJETIVO = \"DAVID TROICE\";\r\n const url = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vTJwx_xoNFNjz_7Y7c0SwuxjeAV9sIjYkEXE4ZB47mLjJ0xvkMIHPSA3gWcpj3SKw\/pub?output=csv';\r\n \r\n try {\r\n const resp = await fetch(url + '&nocache=' + new Date().getTime());\r\n const data = await resp.text();\r\n const filas = data.split(\/\\r?\\n\/).slice(6); \/\/ Saltamos encabezados\r\n \r\n const obras = filas.map(f => {\r\n const c = f.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(),\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: c[10].trim(),\r\n estatus: (c[11] || \"DISPONIBLE\").toUpperCase()\r\n };\r\n }).filter(o => o && normalize(o.autor).includes(ARTISTA_OBJETIVO));\r\n\r\n const container = document.getElementById('grid-david-dinamico');\r\n \r\n if (obras.length === 0) {\r\n container.innerHTML = \"<p style='padding:60px; text-align:center; font-family:CODE;'>Sin obras vinculadas en el listado actual.<\/p>\";\r\n return;\r\n }\r\n\r\n container.innerHTML = obras.map(o => {\r\n const esV = o.estatus.includes(\"VENDIDA\");\r\n return `\r\n <div class=\"obra-card\" style=\"opacity: ${esV ? '0.4' : '1'}\">\r\n <div class=\"img-wrapper\"><img decoding=\"async\" src=\"${o.img}\" alt=\"${o.titulo}\" loading=\"lazy\"><\/div>\r\n <div class=\"obra-info\">\r\n <h2>${o.titulo}<\/h2>\r\n <span class=\"obra-autor-tag\">${o.autor}<\/span>\r\n <div class=\"ficha-tecnica-obra\">\r\n <strong>T\u00e9cnica:<\/strong> ${o.tecnica}<br>\r\n <strong>Medidas:<\/strong> ${o.medidas}<br>\r\n <strong>A\u00f1o:<\/strong> ${o.a\u00f1o}\r\n <\/div>\r\n <div class=\"precio-container\">\r\n <div class=\"valor-final\">${o.valor} ${o.moneda}<\/div>\r\n <span class=\"status-tag ${esV ? 'vendida' : ''}\">${esV ? 'VENDIDA' : 'DISPONIBLE'}<\/span>\r\n <\/div>\r\n <div style=\"font-size: 0.7rem; color: #999; margin-top: 15px; text-align: left;\">INCLUYE: ${o.base}<\/div>\r\n <\/div>\r\n <\/div>\r\n `;\r\n }).join('');\r\n } catch (e) { console.error(\"Error cargando el cat\u00e1logo:\", e); }\r\n }\r\n initDavid();\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>David Troice | UMBRA|ES ESCULTOR CONTEMPOR\u00c1NEO DAVIDTROICE GEOMETR\u00cdA & EQUILIBRIO BIOGRAF\u00cdA David Troice (El Paso, Texas, 1990) es un escultor contempor\u00e1neo mexicano especializado en la creaci\u00f3n de esculturas en acero inspiradas en la geometr\u00eda y el origami. Su trabajo fusiona precisi\u00f3n matem\u00e1tica y sensibilidad material para transformar un elemento asociado a la rigidez industrial en […]<\/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-128","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/128","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=128"}],"version-history":[{"count":22,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/128\/revisions"}],"predecessor-version":[{"id":1848,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/posts\/128\/revisions\/1848"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/categories?post=128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/tags?post=128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}