Prensa | 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 ORIGINALES (RESTAURADOS) --- *\/\r\n :root {\r\n --font-title: 'CODE', 'Helvetica', sans-serif;\r\n --font-body: 'DM Sans', sans-serif;\r\n }\r\n\r\n \/* Fuente CODE Bold (Importante para el grosor) *\/\r\n @font-face {\r\n font-family: 'CODE';\r\n src: local('CODE Bold'), local('CODE-Bold'), url('https:\/\/fonts.cdnfonts.com\/s\/14352\/Code-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n }\r\n\r\n \/* T\u00edtulos y Botones FUERTES *\/\r\n .press-title, \r\n .press-subtitle, \r\n .news-headline, \r\n .press-source, \r\n .btn-read {\r\n font-family: var(--font-title) !important;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-weight: 700 !important; \/* Grosor recuperado *\/\r\n }\r\n\r\n .press-wrapper {\r\n font-family: var(--font-body);\r\n color: #111;\r\n background: #fff;\r\n width: 100%;\r\n min-height: 100vh;\r\n }\r\n\r\n \/* --- HEADER --- *\/\r\n .press-header {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 100px 20px 60px;\r\n border-bottom: 2px solid #000;\r\n text-align: center;\r\n }\r\n\r\n .press-title {\r\n font-size: clamp(3.5rem, 10vw, 5rem);\r\n line-height: 1;\r\n margin: 0;\r\n color: #000;\r\n display: block;\r\n }\r\n\r\n .press-subtitle {\r\n font-size: 1.2rem;\r\n color: #666;\r\n margin-top: 20px;\r\n display: block;\r\n font-family: var(--font-title); \/* Asegura que subt\u00edtulo sea CODE *\/\r\n }\r\n\r\n \/* --- GRID --- *\/\r\n .news-grid {\r\n max-width: 1200px;\r\n margin: 80px auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n gap: 60px 40px;\r\n opacity: 0;\r\n animation: fadeIn 1s forwards;\r\n }\r\n\r\n @keyframes fadeIn { to { opacity: 1; } }\r\n\r\n \/* --- TARJETA DE NOTICIA --- *\/\r\n .news-card {\r\n display: flex;\r\n flex-direction: column;\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .news-img-wrap {\r\n width: 100%;\r\n height: 250px;\r\n overflow: hidden;\r\n margin-bottom: 25px;\r\n background: #f0f0f0;\r\n position: relative;\r\n }\r\n\r\n .news-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: grayscale(100%);\r\n transition: filter 0.5s ease, transform 0.5s ease;\r\n }\r\n \r\n .news-card:hover .news-img {\r\n filter: grayscale(0%);\r\n transform: scale(1.05);\r\n }\r\n\r\n .press-source {\r\n font-size: 0.9rem;\r\n color: #000;\r\n margin-bottom: 10px;\r\n display: block;\r\n border-left: 4px solid #000; \/* Borde m\u00e1s grueso *\/\r\n padding-left: 12px;\r\n }\r\n\r\n .news-headline {\r\n font-size: 1.4rem; \/* Un poco m\u00e1s grande *\/\r\n line-height: 1.3;\r\n margin-bottom: 20px;\r\n color: #111;\r\n min-height: 3em;\r\n display: block;\r\n }\r\n\r\n \/* --- BOT\u00d3N S\u00d3LIDO (RESTAURADO) --- *\/\r\n .btn-read {\r\n display: inline-block;\r\n text-decoration: none;\r\n background-color: #000 !important; \/* Negro S\u00f3lido Forzado *\/\r\n color: #ffffff !important; \/* Blanco S\u00f3lido Forzado *\/\r\n border: 2px solid #000; \/* Borde s\u00f3lido *\/\r\n font-size: 0.95rem;\r\n padding: 16px 35px; \/* Padding generoso *\/\r\n width: fit-content;\r\n transition: all 0.3s ease;\r\n margin-top: auto;\r\n text-align: center;\r\n cursor: pointer;\r\n font-weight: 800 !important; \/* Extra Bold *\/\r\n }\r\n\r\n .btn-read:hover {\r\n background-color: #333 !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* --- LOADING --- *\/\r\n #loading { text-align: center; padding: 50px; font-family: var(--font-title); letter-spacing: 2px; font-weight: bold; }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 768px) {\r\n .news-grid { grid-template-columns: 1fr; gap: 50px; }\r\n .news-img-wrap { height: 200px; }\r\n .news-headline { min-height: auto; font-size: 1.3rem; }\r\n .btn-read { width: 100%; box-sizing: border-box; }\r\n .press-title { font-size: 3.5rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"press-wrapper\">\r\n <header class=\"press-header\">\r\n <h1 class=\"press-title\">PRENSA<\/h1>\r\n <span class=\"press-subtitle\">UMBRA|ES EN LOS MEDIOS<\/span>\r\n <\/header>\r\n\r\n <div id=\"loading\">CONECTANDO CON MEDIOS...<\/div>\r\n <div id=\"news-container\" class=\"news-grid\"><\/div>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ TU ENLACE GOOGLE SHEET (Convertido a CSV autom\u00e1ticamente)\r\n const SHEET_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQgE66ChXbUpzysyMB9gkmUdXeebYYzPxIfkgK5zloxknVg3AbTdJRgLnMmI7v0scWGW-9wk5eHBELl\/pub?output=csv';\r\n \r\n \/\/ IMAGEN POR DEFECTO\r\n const DEFAULT_IMG = 'https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png';\r\n\r\n \/\/ FUNCI\u00d3N PARA REPARAR ENLACES DE GOOGLE DRIVE\r\n function fixGoogleDriveImage(url) {\r\n if (!url) return \"\";\r\n if (url.includes('drive.google.com')) {\r\n const regexFile = \/\\\/file\\\/d\\\/([a-zA-Z0-9_-]+)\/;\r\n const regexOpen = \/id=([a-zA-Z0-9_-]+)\/;\r\n let id = '';\r\n if (regexFile.test(url)) id = url.match(regexFile)[1];\r\n else if (regexOpen.test(url)) id = url.match(regexOpen)[1];\r\n if (id) return `https:\/\/drive.google.com\/uc?export=view&id=${id}`;\r\n }\r\n return url;\r\n }\r\n\r\n async function initPress() {\r\n try {\r\n const resp = await fetch(SHEET_URL);\r\n const data = await resp.text();\r\n \r\n \/\/ Parsear CSV (Saltando encabezado)\r\n const rows = data.split('\\n').slice(1);\r\n \r\n const newsData = rows.map(row => {\r\n \/\/ Regex para respetar comillas en CSV\r\n const cols = row.split(\/,(?=(?:(?:[^\"]*\"){2})*[^\"]*$)\/);\r\n \r\n if (cols.length < 3) return null;\r\n\r\n return {\r\n medio: clean(cols[0]),\r\n titulo: clean(cols[1]),\r\n link: clean(cols[2]),\r\n img: fixGoogleDriveImage(clean(cols[3])) \/\/ Correcci\u00f3n de Drive aplicada\r\n };\r\n }).filter(item => item && item.titulo);\r\n\r\n renderNews(newsData);\r\n\r\n } catch (error) {\r\n console.error(error);\r\n document.getElementById('loading').innerHTML = 'Error al cargar noticias.<br>Verifica la conexi\u00f3n con Google Sheets.';\r\n }\r\n }\r\n\r\n function clean(text) {\r\n if (!text) return \"\";\r\n return text.replace(\/\"\/g, \"\").trim();\r\n }\r\n\r\n function renderNews(news) {\r\n const container = document.getElementById('news-container');\r\n document.getElementById('loading').style.display = 'none';\r\n\r\n container.innerHTML = news.map(item => {\r\n \/\/ L\u00f3gica de imagen\r\n let imageSrc = item.img && item.img.length > 10 ? item.img : DEFAULT_IMG;\r\n \r\n \/\/ Estilo especial si es el logo gen\u00e9rico (para que no se corte)\r\n let imgStyle = '';\r\n if(imageSrc === DEFAULT_IMG) {\r\n imgStyle = 'object-fit: contain; padding: 40px; background: #fafafa;';\r\n }\r\n\r\n return `\r\n <article class=\"news-card\">\r\n <div class=\"news-img-wrap\">\r\n <img decoding=\"async\" src=\"${imageSrc}\" alt=\"${item.medio}\" class=\"news-img\" style=\"${imgStyle}\">\r\n <\/div>\r\n <span class=\"press-source\">${item.medio}<\/span>\r\n <h3 class=\"news-headline\">${item.titulo}<\/h3>\r\n <a href=\"${item.link}\" target=\"_blank\" class=\"btn-read\">LEER NOTA<\/a>\r\n <\/article>\r\n `;\r\n }).join('');\r\n }\r\n\r\n initPress();\r\n<\/script>\r\n\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>Press | UMBRA|ES UMBRA PRESS |ES IN THE MEDIA CONNECTING WITH MEDIA\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-617","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/types\/page"}],"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=617"}],"version-history":[{"count":64,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/617\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/617\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=617"}],"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\nPrensa | 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 ORIGINALES (RESTAURADOS) --- *\/\r\n :root {\r\n --font-title: 'CODE', 'Helvetica', sans-serif;\r\n --font-body: 'DM Sans', sans-serif;\r\n }\r\n\r\n \/* Fuente CODE Bold (Importante para el grosor) *\/\r\n @font-face {\r\n font-family: 'CODE';\r\n src: local('CODE Bold'), local('CODE-Bold'), url('https:\/\/fonts.cdnfonts.com\/s\/14352\/Code-Bold.woff') format('woff');\r\n font-weight: bold;\r\n font-style: normal;\r\n }\r\n\r\n \/* T\u00edtulos y Botones FUERTES *\/\r\n .press-title, \r\n .press-subtitle, \r\n .news-headline, \r\n .press-source, \r\n .btn-read {\r\n font-family: var(--font-title) !important;\r\n text-transform: uppercase;\r\n letter-spacing: 2px;\r\n font-weight: 700 !important; \/* Grosor recuperado *\/\r\n }\r\n\r\n .press-wrapper {\r\n font-family: var(--font-body);\r\n color: #111;\r\n background: #fff;\r\n width: 100%;\r\n min-height: 100vh;\r\n }\r\n\r\n \/* --- HEADER --- *\/\r\n .press-header {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 100px 20px 60px;\r\n border-bottom: 2px solid #000;\r\n text-align: center;\r\n }\r\n\r\n .press-title {\r\n font-size: clamp(3.5rem, 10vw, 5rem);\r\n line-height: 1;\r\n margin: 0;\r\n color: #000;\r\n display: block;\r\n }\r\n\r\n .press-subtitle {\r\n font-size: 1.2rem;\r\n color: #666;\r\n margin-top: 20px;\r\n display: block;\r\n font-family: var(--font-title); \/* Asegura que subt\u00edtulo sea CODE *\/\r\n }\r\n\r\n \/* --- GRID --- *\/\r\n .news-grid {\r\n max-width: 1200px;\r\n margin: 80px auto;\r\n padding: 0 20px;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));\r\n gap: 60px 40px;\r\n opacity: 0;\r\n animation: fadeIn 1s forwards;\r\n }\r\n\r\n @keyframes fadeIn { to { opacity: 1; } }\r\n\r\n \/* --- TARJETA DE NOTICIA --- *\/\r\n .news-card {\r\n display: flex;\r\n flex-direction: column;\r\n border-bottom: 1px solid #eee;\r\n padding-bottom: 30px;\r\n transition: transform 0.3s ease;\r\n }\r\n\r\n .news-img-wrap {\r\n width: 100%;\r\n height: 250px;\r\n overflow: hidden;\r\n margin-bottom: 25px;\r\n background: #f0f0f0;\r\n position: relative;\r\n }\r\n\r\n .news-img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n filter: grayscale(100%);\r\n transition: filter 0.5s ease, transform 0.5s ease;\r\n }\r\n \r\n .news-card:hover .news-img {\r\n filter: grayscale(0%);\r\n transform: scale(1.05);\r\n }\r\n\r\n .press-source {\r\n font-size: 0.9rem;\r\n color: #000;\r\n margin-bottom: 10px;\r\n display: block;\r\n border-left: 4px solid #000; \/* Borde m\u00e1s grueso *\/\r\n padding-left: 12px;\r\n }\r\n\r\n .news-headline {\r\n font-size: 1.4rem; \/* Un poco m\u00e1s grande *\/\r\n line-height: 1.3;\r\n margin-bottom: 20px;\r\n color: #111;\r\n min-height: 3em;\r\n display: block;\r\n }\r\n\r\n \/* --- BOT\u00d3N S\u00d3LIDO (RESTAURADO) --- *\/\r\n .btn-read {\r\n display: inline-block;\r\n text-decoration: none;\r\n background-color: #000 !important; \/* Negro S\u00f3lido Forzado *\/\r\n color: #ffffff !important; \/* Blanco S\u00f3lido Forzado *\/\r\n border: 2px solid #000; \/* Borde s\u00f3lido *\/\r\n font-size: 0.95rem;\r\n padding: 16px 35px; \/* Padding generoso *\/\r\n width: fit-content;\r\n transition: all 0.3s ease;\r\n margin-top: auto;\r\n text-align: center;\r\n cursor: pointer;\r\n font-weight: 800 !important; \/* Extra Bold *\/\r\n }\r\n\r\n .btn-read:hover {\r\n background-color: #333 !important;\r\n transform: translateY(-3px);\r\n box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n }\r\n\r\n \/* --- LOADING --- *\/\r\n #loading { text-align: center; padding: 50px; font-family: var(--font-title); letter-spacing: 2px; font-weight: bold; }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 768px) {\r\n .news-grid { grid-template-columns: 1fr; gap: 50px; }\r\n .news-img-wrap { height: 200px; }\r\n .news-headline { min-height: auto; font-size: 1.3rem; }\r\n .btn-read { width: 100%; box-sizing: border-box; }\r\n .press-title { font-size: 3.5rem; }\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"press-wrapper\">\r\n <header class=\"press-header\">\r\n <h1 class=\"press-title\">PRENSA<\/h1>\r\n <span class=\"press-subtitle\">UMBRA|ES EN LOS MEDIOS<\/span>\r\n <\/header>\r\n\r\n <div id=\"loading\">CONECTANDO CON MEDIOS...<\/div>\r\n <div id=\"news-container\" class=\"news-grid\"><\/div>\r\n <\/div>\r\n\r\n<script>\r\n \/\/ TU ENLACE GOOGLE SHEET (Convertido a CSV autom\u00e1ticamente)\r\n const SHEET_URL = 'https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vQgE66ChXbUpzysyMB9gkmUdXeebYYzPxIfkgK5zloxknVg3AbTdJRgLnMmI7v0scWGW-9wk5eHBELl\/pub?output=csv';\r\n \r\n \/\/ IMAGEN POR DEFECTO\r\n const DEFAULT_IMG = 'https:\/\/easarte.com\/wp-content\/uploads\/2026\/01\/LogoUMBRALES.png';\r\n\r\n \/\/ FUNCI\u00d3N PARA REPARAR ENLACES DE GOOGLE DRIVE\r\n function fixGoogleDriveImage(url) {\r\n if (!url) return \"\";\r\n if (url.includes('drive.google.com')) {\r\n const regexFile = \/\\\/file\\\/d\\\/([a-zA-Z0-9_-]+)\/;\r\n const regexOpen = \/id=([a-zA-Z0-9_-]+)\/;\r\n let id = '';\r\n if (regexFile.test(url)) id = url.match(regexFile)[1];\r\n else if (regexOpen.test(url)) id = url.match(regexOpen)[1];\r\n if (id) return `https:\/\/drive.google.com\/uc?export=view&id=${id}`;\r\n }\r\n return url;\r\n }\r\n\r\n async function initPress() {\r\n try {\r\n const resp = await fetch(SHEET_URL);\r\n const data = await resp.text();\r\n \r\n \/\/ Parsear CSV (Saltando encabezado)\r\n const rows = data.split('\\n').slice(1);\r\n \r\n const newsData = rows.map(row => {\r\n \/\/ Regex para respetar comillas en CSV\r\n const cols = row.split(\/,(?=(?:(?:[^\"]*\"){2})*[^\"]*$)\/);\r\n \r\n if (cols.length < 3) return null;\r\n\r\n return {\r\n medio: clean(cols[0]),\r\n titulo: clean(cols[1]),\r\n link: clean(cols[2]),\r\n img: fixGoogleDriveImage(clean(cols[3])) \/\/ Correcci\u00f3n de Drive aplicada\r\n };\r\n }).filter(item => item && item.titulo);\r\n\r\n renderNews(newsData);\r\n\r\n } catch (error) {\r\n console.error(error);\r\n document.getElementById('loading').innerHTML = 'Error al cargar noticias.<br>Verifica la conexi\u00f3n con Google Sheets.';\r\n }\r\n }\r\n\r\n function clean(text) {\r\n if (!text) return \"\";\r\n return text.replace(\/\"\/g, \"\").trim();\r\n }\r\n\r\n function renderNews(news) {\r\n const container = document.getElementById('news-container');\r\n document.getElementById('loading').style.display = 'none';\r\n\r\n container.innerHTML = news.map(item => {\r\n \/\/ L\u00f3gica de imagen\r\n let imageSrc = item.img && item.img.length > 10 ? item.img : DEFAULT_IMG;\r\n \r\n \/\/ Estilo especial si es el logo gen\u00e9rico (para que no se corte)\r\n let imgStyle = '';\r\n if(imageSrc === DEFAULT_IMG) {\r\n imgStyle = 'object-fit: contain; padding: 40px; background: #fafafa;';\r\n }\r\n\r\n return `\r\n <article class=\"news-card\">\r\n <div class=\"news-img-wrap\">\r\n <img decoding=\"async\" src=\"${imageSrc}\" alt=\"${item.medio}\" class=\"news-img\" style=\"${imgStyle}\">\r\n <\/div>\r\n <span class=\"press-source\">${item.medio}<\/span>\r\n <h3 class=\"news-headline\">${item.titulo}<\/h3>\r\n <a href=\"${item.link}\" target=\"_blank\" class=\"btn-read\">LEER NOTA<\/a>\r\n <\/article>\r\n `;\r\n }).join('');\r\n }\r\n\r\n initPress();\r\n<\/script>\r\n\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>Press | UMBRA|ES UMBRA PRESS |ES IN THE MEDIA CONNECTING WITH MEDIA\u2026<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-617","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/617","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/types\/page"}],"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=617"}],"version-history":[{"count":64,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/617\/revisions"}],"predecessor-version":[{"id":2188,"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/pages\/617\/revisions\/2188"}],"wp:attachment":[{"href":"https:\/\/easarte.com\/en\/wp-json\/wp\/v2\/media?parent=617"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}