Portfolio Full-Width Premium con Info Modal<\/title>\n <style>\n \/* --- ESTILOS GLOBALES --- *\/\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: #fff;\n color: #1500ff;\n margin: 0;\n padding: 0;\n overflow-x: hidden; \n }\n\n \/* --- TRUCO ANCHO COMPLETO PARA WORDPRESS --- *\/\n .portfolio-container {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n padding: 30px 0;\n }\n\n h2 {\n text-align: center;\n font-size: 22px;\n font-weight: 600;\n margin-bottom: 24px;\n letter-spacing: -0.5px;\n padding: 0 20px;\n }\n\n \/* --- BOTONES DE CATEGOR\u00cdA --- *\/\n .filter-menu {\n display: flex;\n justify-content: center; \n flex-wrap: wrap; \n gap: 8px; \n margin-bottom: 30px;\n padding: 0 16px; \n }\n\n .filter-btn {\n background-color: #fff;\n border: 2px solid #1500ff;\n color: #1500ff;\n padding: 6px 14px;\n font-size: 12px;\n font-weight: 500;\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n flex-shrink: 0;\n }\n\n .filter-btn:hover, .filter-btn.active {\n background-color: #1500ff;\n color: #fff;\n border-color: #1500ff;\n }\n\n \/* --- REJILLA DE IM\u00c1GENES --- *\/\n .portfolio-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \n gap: 4px; \n padding: 0 4px;\n }\n\n \/* --- TARJETA DE PROYECTO --- *\/\n .portfolio-item {\n background-color: #fff;\n overflow: hidden;\n transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s;\n position: relative;\n cursor: pointer; \n }\n\n .portfolio-item.hide {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n transform: scale(0.95);\n pointer-events: none;\n width: 0;\n height: 0;\n overflow: hidden;\n margin: 0;\n padding: 0;\n }\n\n .item-image-wrapper {\n position: relative;\n width: 100%;\n padding-top: 120%; \n background-color: #f4f4f4;\n overflow: hidden;\n }\n\n .item-image-wrapper img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n \/* --- CAPA AZUL ELECTRICO (ESTILO INICIAL PARA M\u00d3VIL) --- *\/\n .item-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n \/* En m\u00f3vil lo dejamos fijo con un tono degradado azul transl\u00facido muy est\u00e9tico *\/\n background: linear-gradient(to bottom, rgba(21, 0, 255, 0.1) 30%, rgba(21, 0, 255, 0.85) 100%);\n display: flex;\n flex-direction: column;\n justify-content: flex-end; \/* Textos abajo en m\u00f3vil *\/\n align-items: center;\n opacity: 1; \/* Siempre visible en m\u00f3vil *\/\n transition: all 0.3s ease;\n padding: 15px 10px;\n box-sizing: border-box;\n text-align: center;\n }\n\n .item-overlay h3 {\n color: #fff;\n margin: 0 0 2px 0;\n font-size: 13px;\n font-weight: 600;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2); \/* Protege la lectura sobre fotos claras *\/\n }\n\n .item-overlay p {\n color: rgba(255, 255, 255, 0.9);\n margin: 0;\n font-size: 10px;\n }\n\n \/* --- VENTANA MODAL (LIGHTBOX CON INFO) --- *\/\n .project-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.98); \n z-index: 99999; \n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 20px;\n box-sizing: border-box;\n }\n\n .project-modal.open {\n opacity: 1;\n pointer-events: auto;\n }\n\n .modal-content {\n background: #fff;\n width: 100%;\n max-width: 850px;\n max-height: 90vh;\n display: flex;\n flex-direction: column; \n gap: 20px;\n overflow-y: auto;\n position: relative;\n padding: 10px;\n box-sizing: border-box;\n }\n\n .modal-img-wrapper {\n width: 100%;\n flex-shrink: 0;\n }\n\n .modal-img-wrapper img {\n width: 100%;\n height: auto;\n max-height: 45vh;\n object-fit: contain;\n background: #f8f8f8;\n }\n\n .modal-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 10px;\n color: #1500ff;\n }\n\n .modal-info h3 {\n margin: 0 0 10px 0;\n font-size: 22px;\n font-weight: 600;\n letter-spacing: -0.5px;\n }\n\n .modal-info .modal-tag {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 700;\n margin-bottom: 12px;\n opacity: 0.7;\n }\n\n .modal-info p {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n color: #333; \n }\n\n .close-modal-btn {\n position: absolute;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n color: #1500ff;\n font-size: 32px;\n font-weight: 300;\n cursor: pointer;\n z-index: 10;\n line-height: 1;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: transform 0.2s ease;\n }\n\n body.modal-active {\n overflow: hidden;\n }\n\n \/* --- MEDIA QUERIES: REGLAS EXCLUSIVAS PARA ORDENADORES (ESCRITORIO) --- *\/\n @media (min-width: 768px) {\n .portfolio-container {\n padding: 40px 0;\n }\n\n h2 {\n font-size: 32px;\n margin-bottom: 40px;\n }\n\n .filter-menu {\n margin-bottom: 50px;\n padding: 0;\n }\n\n .filter-btn {\n padding: 10px 22px;\n font-size: 14px;\n }\n\n .portfolio-grid {\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 8px;\n padding: 0 8px;\n }\n\n \/* Restablecemos el comportamiento oculto en Escritorio para hacer el Hover limpio *\/\n .item-overlay {\n background: rgba(21, 0, 255, 0.9); \/* Azul s\u00f3lido al 90% *\/\n justify-content: center; \/* Centrado absoluto *\/\n opacity: 0; \/* Oculto por defecto *\/\n }\n\n .item-overlay h3 {\n font-size: 18px;\n transform: translateY(15px);\n transition: transform 0.35s ease;\n text-shadow: none;\n }\n\n .item-overlay p {\n font-size: 12px;\n transform: translateY(15px);\n transition: transform 0.35s ease 0.05s;\n }\n\n \/* Activaci\u00f3n del Hover (Solo PC) *\/\n @media (hover: hover) {\n .portfolio-item:hover .item-image-wrapper img {\n transform: scale(1.04);\n }\n .portfolio-item:hover .item-overlay {\n opacity: 1;\n }\n .portfolio-item:hover .item-overlay h3,\n .portfolio-item:hover .item-overlay p {\n transform: translateY(0);\n }\n }\n\n \/* Ajustes Modal Escritorio *\/\n .modal-content {\n flex-direction: row; \n align-items: stretch;\n overflow-y: hidden;\n padding: 20px;\n }\n\n .modal-img-wrapper {\n width: 55%;\n }\n\n .modal-img-wrapper img {\n max-height: 70vh;\n height: 100%;\n }\n\n .modal-info {\n width: 45%;\n padding: 20px 10px 20px 30px;\n }\n \n .modal-info h3 {\n font-size: 28px;\n }\n }\n\n @media (min-width: 1400px) {\n .portfolio-grid {\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n gap: 12px;\n padding: 0 12px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"portfolio-container\">\n\n <h2>Aplicaciones Visuales<\/h2>\n\n <div class=\"filter-menu\">\n <button class=\"filter-btn active\" data-filter=\"all\">Todos<\/button>\n <button class=\"filter-btn\" data-filter=\"carteleria\">Carteler\u00eda<\/button>\n <button class=\"filter-btn\" data-filter=\"vinilos\">Vinilos<\/button>\n <button class=\"filter-btn\" data-filter=\"packaging\">Packaging<\/button> \n <button class=\"filter-btn\" data-filter=\"merch\">Merch<\/button> \n <button class=\"filter-btn\" data-filter=\"campana\">Campa\u00f1a<\/button>\n <\/div>\n\n <div class=\"portfolio-grid\">\n\n <div class=\"portfolio-item\" data-category=\"carteleria\" \n data-title=\"Derechos Humanos\" \n data-tag=\"Carteler\u00eda\"\n data-desc=\"Serie de carteles realizados a partir de una rejilla tipograf\u00edca base con la Declaraci\u00f3n Universal de Derechos Humanos.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Derechos Humanos<\/h3>\n <p>Carteler\u00eda<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"vinilos\"\n data-title=\"Gr\u00e1fica Espacial\" \n data-tag=\"Vinilos de Corte para Locales\"\n data-desc=\"Intervenci\u00f3n gr\u00e1fica para superficies comerciales y arquitect\u00f3nicas. Se han desarrollado composiciones abstractas inspiradas en din\u00e1micas c\u00f3smicas, producidas \u00edntegramente mediante vinilo de corte de alta precisi\u00f3n t\u00e9cnica para integrarse con la luz ambiental del espacio.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=2\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Gr\u00e1fica Espacial<\/h3>\n <p>Vinilos de Corte<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"packaging\"\n data-title=\"L\u00ednea Sostenible\" \n data-tag=\"Packaging y Etiquetas\"\n data-desc=\"Desarrollo de identidad y envase ecol\u00f3gico para productos de cosm\u00e9tica natural. El dise\u00f1o estructural prioriza cart\u00f3n crudo reciclado sin aditivos, mientras que la soluci\u00f3n visual aplica tintas biodegradables y un layout limpio, honesto y marcadamente funcional.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=3\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>L\u00ednea Sostenible<\/h3>\n <p>Packaging & Labeling<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"carteleria\"\n data-title=\"Exposici\u00f3n Arte\" \n data-tag=\"Dise\u00f1o de Carteler\u00eda\"\n data-desc=\"Identidad visual y material promocional para galer\u00eda de arte contempor\u00e1neo. El concepto visual se apoya en la tensi\u00f3n espacial y el uso disruptivo de los blancos, estableciendo un puente gr\u00e1fico directo entre el espacio expositivo y el p\u00fablico.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=4\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Exposici\u00f3n Arte<\/h3>\n <p>Dise\u00f1o Editorial<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"vinilos\"\n data-title=\"Escaparates Temporada\" \n data-tag=\"Vinilo Adhesivo\"\n data-desc=\"Dise\u00f1o y producci\u00f3n de escaparates comerciales ef\u00edmeros. Estructura visual basada en texturas geom\u00e9tricas impresas sobre soportes transl\u00facidos, generando juegos de superposici\u00f3n, profundidad y sombras cambiantes con la luz del d\u00eda.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=5\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Escaparates Temporada<\/h3>\n <p>Vinilo Adhesivo<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"packaging\"\n data-title=\"Cajas de Env\u00edo\" \n data-tag=\"Dise\u00f1o de Estucher\u00eda\"\n data-desc=\"Soluci\u00f3n de packaging industrial adaptada para canales e-commerce premium. El patr\u00f3n gr\u00e1fico interior rompe deliberadamente con la sobriedad exterior de la caja, garantizando una experiencia de unboxing impactante y memorable para el cliente.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=6\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Cajas de Env\u00edo<\/h3>\n <p>Estucher\u00eda Premium<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<div class=\"project-modal\" id=\"projectModal\">\n <button class=\"close-modal-btn\" id=\"closeModal\">×<\/button>\n <div class=\"modal-content\">\n <div class=\"modal-img-wrapper\">\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Imagen del proyecto\">\n <\/div>\n <div class=\"modal-info\">\n <span class=\"modal-tag\" id=\"modalTag\">Categor\u00eda<\/span>\n <h3 id=\"modalTitle\">T\u00edtulo del Proyecto<\/h3>\n <p id=\"modalDesc\">Descripci\u00f3n completa...<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ L\u00f3gica de Filtrado\n const buttons = document.querySelectorAll('.filter-btn');\n const items = document.querySelectorAll('.portfolio-item');\n\n buttons.forEach(button => {\n button.addEventListener('click', (e) => {\n e.stopPropagation();\n buttons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n const filterValue = button.getAttribute('data-filter');\n\n items.forEach(item => {\n if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\n item.classList.remove('hide');\n } else {\n item.classList.add('hide');\n }\n });\n });\n });\n\n \/\/ L\u00f3gica de Ventana Modal\n const modal = document.getElementById('projectModal');\n const modalImg = document.getElementById('modalImg');\n const modalTag = document.getElementById('modalTag');\n const modalTitle = document.getElementById('modalTitle');\n const modalDesc = document.getElementById('modalDesc');\n const closeModal = document.getElementById('closeModal');\n\n items.forEach(item => {\n item.addEventListener('click', () => {\n const imgSrc = item.querySelector('img').getAttribute('src');\n const titleText = item.getAttribute('data-title');\n const tagText = item.getAttribute('data-tag');\n const descText = item.getAttribute('data-desc');\n\n modalImg.setAttribute('src', imgSrc);\n modalTag.textContent = tagText;\n modalTitle.textContent = titleText;\n modalDesc.textContent = descText;\n\n modal.classList.add('open');\n document.body.classList.add('modal-active');\n });\n });\n\n closeModal.addEventListener('click', () => {\n modal.classList.remove('open');\n document.body.classList.remove('modal-active');\n });\n\n modal.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.classList.remove('open');\n document.body.classList.remove('modal-active');\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Full-Width Premium con Info Modal Aplicaciones Visuales Todos Carteler\u00eda Vinilos Packaging Merch Campa\u00f1a Derechos Humanos Carteler\u00eda Gr\u00e1fica Espacial Vinilos de Corte L\u00ednea Sostenible Packaging & Labeling Exposici\u00f3n Arte Dise\u00f1o Editorial Escaparates Temporada Vinilo Adhesivo Cajas de Env\u00edo Estucher\u00eda Premium × Categor\u00eda T\u00edtulo del Proyecto Descripci\u00f3n completa…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-239","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>APLICACI\u00d3N VISUAL - luum.designs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"APLICACI\u00d3N VISUAL - luum.designs\" \/>\n<meta property=\"og:description\" content=\"Portfolio Full-Width Premium con Info Modal Aplicaciones Visuales Todos Carteler\u00eda Vinilos Packaging Merch Campa\u00f1a Derechos Humanos Carteler\u00eda Gr\u00e1fica Espacial Vinilos de Corte L\u00ednea Sostenible Packaging & Labeling Exposici\u00f3n Arte Dise\u00f1o Editorial Escaparates Temporada Vinilo Adhesivo Cajas de Env\u00edo Estucher\u00eda Premium × Categor\u00eda T\u00edtulo del Proyecto Descripci\u00f3n completa…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" \/>\n<meta property=\"og:site_name\" content=\"luum.designs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/txxrmenta\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T21:14:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/\",\"name\":\"APLICACI\u00d3N VISUAL - luum.designs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"datePublished\":\"2026-05-18T22:39:09+00:00\",\"dateModified\":\"2026-06-11T21:14:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#primaryimage\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"width\":2560,\"height\":1991},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"APLICACI\u00d3N VISUAL\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#website\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\",\"name\":\"luum.designs\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#\\\/schema\\\/person\\\/4688aeda8d53dbb764a681a70ace7272\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#\\\/schema\\\/person\\\/4688aeda8d53dbb764a681a70ace7272\",\"name\":\"luum\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"contentUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"width\":2255,\"height\":2050,\"caption\":\"luum\"},\"logo\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\"},\"sameAs\":[\"https:\\\/\\\/luum.estaciondiseno.es\",\"https:\\\/\\\/www.facebook.com\\\/txxrmenta\",\"https:\\\/\\\/www.instagram.com\\\/luum.designs\",\"https:\\\/\\\/www.pinterest.com\\\/txxrmenta\"]}]}<\/script>\n","yoast_head_json":{"title":"APLICACI\u00d3N VISUAL - luum.designs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","og_locale":"es_ES","og_type":"article","og_title":"APLICACI\u00d3N VISUAL - luum.designs","og_description":"Portfolio Full-Width Premium con Info Modal Aplicaciones Visuales Todos Carteler\u00eda Vinilos Packaging Merch Campa\u00f1a Derechos Humanos Carteler\u00eda Gr\u00e1fica Espacial Vinilos de Corte L\u00ednea Sostenible Packaging & Labeling Exposici\u00f3n Arte Dise\u00f1o Editorial Escaparates Temporada Vinilo Adhesivo Cajas de Env\u00edo Estucher\u00eda Premium × Categor\u00eda T\u00edtulo del Proyecto Descripci\u00f3n completa…","og_url":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","og_site_name":"luum.designs","article_publisher":"https:\/\/www.facebook.com\/txxrmenta","article_modified_time":"2026-06-11T21:14:35+00:00","og_image":[{"url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","url":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","name":"APLICACI\u00d3N VISUAL - luum.designs","isPartOf":{"@id":"https:\/\/luum.estaciondiseno.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#primaryimage"},"image":{"@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#primaryimage"},"thumbnailUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","datePublished":"2026-05-18T22:39:09+00:00","dateModified":"2026-06-11T21:14:35+00:00","breadcrumb":{"@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#primaryimage","url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","contentUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","width":2560,"height":1991},{"@type":"BreadcrumbList","@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/luum.estaciondiseno.es\/"},{"@type":"ListItem","position":2,"name":"APLICACI\u00d3N VISUAL"}]},{"@type":"WebSite","@id":"https:\/\/luum.estaciondiseno.es\/#website","url":"https:\/\/luum.estaciondiseno.es\/","name":"luum.designs","description":"","publisher":{"@id":"https:\/\/luum.estaciondiseno.es\/#\/schema\/person\/4688aeda8d53dbb764a681a70ace7272"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luum.estaciondiseno.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/luum.estaciondiseno.es\/#\/schema\/person\/4688aeda8d53dbb764a681a70ace7272","name":"luum","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","contentUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","width":2255,"height":2050,"caption":"luum"},"logo":{"@id":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png"},"sameAs":["https:\/\/luum.estaciondiseno.es","https:\/\/www.facebook.com\/txxrmenta","https:\/\/www.instagram.com\/luum.designs","https:\/\/www.pinterest.com\/txxrmenta"]}]}},"_links":{"self":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":46,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":986,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/239\/revisions\/986"}],"wp:attachment":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Portfolio Full-Width Premium con Info Modal<\/title>\n <style>\n \/* --- ESTILOS GLOBALES --- *\/\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: #fff;\n color: #1500ff;\n margin: 0;\n padding: 0;\n overflow-x: hidden; \n }\n\n \/* --- TRUCO ANCHO COMPLETO PARA WORDPRESS --- *\/\n .portfolio-container {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n box-sizing: border-box;\n padding: 30px 0;\n }\n\n h2 {\n text-align: center;\n font-size: 22px;\n font-weight: 600;\n margin-bottom: 24px;\n letter-spacing: -0.5px;\n padding: 0 20px;\n }\n\n \/* --- BOTONES DE CATEGOR\u00cdA --- *\/\n .filter-menu {\n display: flex;\n justify-content: center; \n flex-wrap: wrap; \n gap: 8px; \n margin-bottom: 30px;\n padding: 0 16px; \n }\n\n .filter-btn {\n background-color: #fff;\n border: 2px solid #1500ff;\n color: #1500ff;\n padding: 6px 14px;\n font-size: 12px;\n font-weight: 500;\n border-radius: 25px;\n cursor: pointer;\n transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);\n flex-shrink: 0;\n }\n\n .filter-btn:hover, .filter-btn.active {\n background-color: #1500ff;\n color: #fff;\n border-color: #1500ff;\n }\n\n \/* --- REJILLA DE IM\u00c1GENES --- *\/\n .portfolio-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \n gap: 4px; \n padding: 0 4px;\n }\n\n \/* --- TARJETA DE PROYECTO --- *\/\n .portfolio-item {\n background-color: #fff;\n overflow: hidden;\n transition: transform 0.3s ease, opacity 0.3s ease, visibility 0.3s;\n position: relative;\n cursor: pointer; \n }\n\n .portfolio-item.hide {\n opacity: 0;\n visibility: hidden;\n position: absolute;\n transform: scale(0.95);\n pointer-events: none;\n width: 0;\n height: 0;\n overflow: hidden;\n margin: 0;\n padding: 0;\n }\n\n .item-image-wrapper {\n position: relative;\n width: 100%;\n padding-top: 120%; \n background-color: #f4f4f4;\n overflow: hidden;\n }\n\n .item-image-wrapper img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n }\n\n \/* --- CAPA AZUL ELECTRICO (ESTILO INICIAL PARA M\u00d3VIL) --- *\/\n .item-overlay {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n \/* En m\u00f3vil lo dejamos fijo con un tono degradado azul transl\u00facido muy est\u00e9tico *\/\n background: linear-gradient(to bottom, rgba(21, 0, 255, 0.1) 30%, rgba(21, 0, 255, 0.85) 100%);\n display: flex;\n flex-direction: column;\n justify-content: flex-end; \/* Textos abajo en m\u00f3vil *\/\n align-items: center;\n opacity: 1; \/* Siempre visible en m\u00f3vil *\/\n transition: all 0.3s ease;\n padding: 15px 10px;\n box-sizing: border-box;\n text-align: center;\n }\n\n .item-overlay h3 {\n color: #fff;\n margin: 0 0 2px 0;\n font-size: 13px;\n font-weight: 600;\n text-shadow: 0 2px 4px rgba(0,0,0,0.2); \/* Protege la lectura sobre fotos claras *\/\n }\n\n .item-overlay p {\n color: rgba(255, 255, 255, 0.9);\n margin: 0;\n font-size: 10px;\n }\n\n \/* --- VENTANA MODAL (LIGHTBOX CON INFO) --- *\/\n .project-modal {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: rgba(255, 255, 255, 0.98); \n z-index: 99999; \n display: flex;\n justify-content: center;\n align-items: center;\n opacity: 0;\n pointer-events: none;\n transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n padding: 20px;\n box-sizing: border-box;\n }\n\n .project-modal.open {\n opacity: 1;\n pointer-events: auto;\n }\n\n .modal-content {\n background: #fff;\n width: 100%;\n max-width: 850px;\n max-height: 90vh;\n display: flex;\n flex-direction: column; \n gap: 20px;\n overflow-y: auto;\n position: relative;\n padding: 10px;\n box-sizing: border-box;\n }\n\n .modal-img-wrapper {\n width: 100%;\n flex-shrink: 0;\n }\n\n .modal-img-wrapper img {\n width: 100%;\n height: auto;\n max-height: 45vh;\n object-fit: contain;\n background: #f8f8f8;\n }\n\n .modal-info {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 10px;\n color: #1500ff;\n }\n\n .modal-info h3 {\n margin: 0 0 10px 0;\n font-size: 22px;\n font-weight: 600;\n letter-spacing: -0.5px;\n }\n\n .modal-info .modal-tag {\n font-size: 11px;\n text-transform: uppercase;\n letter-spacing: 1px;\n font-weight: 700;\n margin-bottom: 12px;\n opacity: 0.7;\n }\n\n .modal-info p {\n margin: 0;\n font-size: 14px;\n line-height: 1.6;\n color: #333; \n }\n\n .close-modal-btn {\n position: absolute;\n top: 20px;\n right: 20px;\n background: none;\n border: none;\n color: #1500ff;\n font-size: 32px;\n font-weight: 300;\n cursor: pointer;\n z-index: 10;\n line-height: 1;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: transform 0.2s ease;\n }\n\n body.modal-active {\n overflow: hidden;\n }\n\n \/* --- MEDIA QUERIES: REGLAS EXCLUSIVAS PARA ORDENADORES (ESCRITORIO) --- *\/\n @media (min-width: 768px) {\n .portfolio-container {\n padding: 40px 0;\n }\n\n h2 {\n font-size: 32px;\n margin-bottom: 40px;\n }\n\n .filter-menu {\n margin-bottom: 50px;\n padding: 0;\n }\n\n .filter-btn {\n padding: 10px 22px;\n font-size: 14px;\n }\n\n .portfolio-grid {\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 8px;\n padding: 0 8px;\n }\n\n \/* Restablecemos el comportamiento oculto en Escritorio para hacer el Hover limpio *\/\n .item-overlay {\n background: rgba(21, 0, 255, 0.9); \/* Azul s\u00f3lido al 90% *\/\n justify-content: center; \/* Centrado absoluto *\/\n opacity: 0; \/* Oculto por defecto *\/\n }\n\n .item-overlay h3 {\n font-size: 18px;\n transform: translateY(15px);\n transition: transform 0.35s ease;\n text-shadow: none;\n }\n\n .item-overlay p {\n font-size: 12px;\n transform: translateY(15px);\n transition: transform 0.35s ease 0.05s;\n }\n\n \/* Activaci\u00f3n del Hover (Solo PC) *\/\n @media (hover: hover) {\n .portfolio-item:hover .item-image-wrapper img {\n transform: scale(1.04);\n }\n .portfolio-item:hover .item-overlay {\n opacity: 1;\n }\n .portfolio-item:hover .item-overlay h3,\n .portfolio-item:hover .item-overlay p {\n transform: translateY(0);\n }\n }\n\n \/* Ajustes Modal Escritorio *\/\n .modal-content {\n flex-direction: row; \n align-items: stretch;\n overflow-y: hidden;\n padding: 20px;\n }\n\n .modal-img-wrapper {\n width: 55%;\n }\n\n .modal-img-wrapper img {\n max-height: 70vh;\n height: 100%;\n }\n\n .modal-info {\n width: 45%;\n padding: 20px 10px 20px 30px;\n }\n \n .modal-info h3 {\n font-size: 28px;\n }\n }\n\n @media (min-width: 1400px) {\n .portfolio-grid {\n grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));\n gap: 12px;\n padding: 0 12px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"portfolio-container\">\n\n <h2>Aplicaciones Visuales<\/h2>\n\n <div class=\"filter-menu\">\n <button class=\"filter-btn active\" data-filter=\"all\">Todos<\/button>\n <button class=\"filter-btn\" data-filter=\"carteleria\">Carteler\u00eda<\/button>\n <button class=\"filter-btn\" data-filter=\"vinilos\">Vinilos<\/button>\n <button class=\"filter-btn\" data-filter=\"packaging\">Packaging<\/button> \n <button class=\"filter-btn\" data-filter=\"merch\">Merch<\/button> \n <button class=\"filter-btn\" data-filter=\"campana\">Campa\u00f1a<\/button>\n <\/div>\n\n <div class=\"portfolio-grid\">\n\n <div class=\"portfolio-item\" data-category=\"carteleria\" \n data-title=\"Derechos Humanos\" \n data-tag=\"Carteler\u00eda\"\n data-desc=\"Serie de carteles realizados a partir de una rejilla tipograf\u00edca base con la Declaraci\u00f3n Universal de Derechos Humanos.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Derechos Humanos<\/h3>\n <p>Carteler\u00eda<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"vinilos\"\n data-title=\"Gr\u00e1fica Espacial\" \n data-tag=\"Vinilos de Corte para Locales\"\n data-desc=\"Intervenci\u00f3n gr\u00e1fica para superficies comerciales y arquitect\u00f3nicas. Se han desarrollado composiciones abstractas inspiradas en din\u00e1micas c\u00f3smicas, producidas \u00edntegramente mediante vinilo de corte de alta precisi\u00f3n t\u00e9cnica para integrarse con la luz ambiental del espacio.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=2\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Gr\u00e1fica Espacial<\/h3>\n <p>Vinilos de Corte<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"packaging\"\n data-title=\"L\u00ednea Sostenible\" \n data-tag=\"Packaging y Etiquetas\"\n data-desc=\"Desarrollo de identidad y envase ecol\u00f3gico para productos de cosm\u00e9tica natural. El dise\u00f1o estructural prioriza cart\u00f3n crudo reciclado sin aditivos, mientras que la soluci\u00f3n visual aplica tintas biodegradables y un layout limpio, honesto y marcadamente funcional.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=3\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>L\u00ednea Sostenible<\/h3>\n <p>Packaging & Labeling<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"carteleria\"\n data-title=\"Exposici\u00f3n Arte\" \n data-tag=\"Dise\u00f1o de Carteler\u00eda\"\n data-desc=\"Identidad visual y material promocional para galer\u00eda de arte contempor\u00e1neo. El concepto visual se apoya en la tensi\u00f3n espacial y el uso disruptivo de los blancos, estableciendo un puente gr\u00e1fico directo entre el espacio expositivo y el p\u00fablico.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=4\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Exposici\u00f3n Arte<\/h3>\n <p>Dise\u00f1o Editorial<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"vinilos\"\n data-title=\"Escaparates Temporada\" \n data-tag=\"Vinilo Adhesivo\"\n data-desc=\"Dise\u00f1o y producci\u00f3n de escaparates comerciales ef\u00edmeros. Estructura visual basada en texturas geom\u00e9tricas impresas sobre soportes transl\u00facidos, generando juegos de superposici\u00f3n, profundidad y sombras cambiantes con la luz del d\u00eda.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=5\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Escaparates Temporada<\/h3>\n <p>Vinilo Adhesivo<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"portfolio-item\" data-category=\"packaging\"\n data-title=\"Cajas de Env\u00edo\" \n data-tag=\"Dise\u00f1o de Estucher\u00eda\"\n data-desc=\"Soluci\u00f3n de packaging industrial adaptada para canales e-commerce premium. El patr\u00f3n gr\u00e1fico interior rompe deliberadamente con la sobriedad exterior de la caja, garantizando una experiencia de unboxing impactante y memorable para el cliente.\">\n <div class=\"item-image-wrapper\">\n <img decoding=\"async\" src=\"https:\/\/picsum.photos\/600\/720?random=6\" alt=\"Proyecto\">\n <div class=\"item-overlay\">\n <h3>Cajas de Env\u00edo<\/h3>\n <p>Estucher\u00eda Premium<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n<\/div>\n\n<div class=\"project-modal\" id=\"projectModal\">\n <button class=\"close-modal-btn\" id=\"closeModal\">×<\/button>\n <div class=\"modal-content\">\n <div class=\"modal-img-wrapper\">\n <img decoding=\"async\" id=\"modalImg\" src=\"\" alt=\"Imagen del proyecto\">\n <\/div>\n <div class=\"modal-info\">\n <span class=\"modal-tag\" id=\"modalTag\">Categor\u00eda<\/span>\n <h3 id=\"modalTitle\">T\u00edtulo del Proyecto<\/h3>\n <p id=\"modalDesc\">Descripci\u00f3n completa...<\/p>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener('DOMContentLoaded', () => {\n \/\/ L\u00f3gica de Filtrado\n const buttons = document.querySelectorAll('.filter-btn');\n const items = document.querySelectorAll('.portfolio-item');\n\n buttons.forEach(button => {\n button.addEventListener('click', (e) => {\n e.stopPropagation();\n buttons.forEach(btn => btn.classList.remove('active'));\n button.classList.add('active');\n\n const filterValue = button.getAttribute('data-filter');\n\n items.forEach(item => {\n if (filterValue === 'all' || item.getAttribute('data-category') === filterValue) {\n item.classList.remove('hide');\n } else {\n item.classList.add('hide');\n }\n });\n });\n });\n\n \/\/ L\u00f3gica de Ventana Modal\n const modal = document.getElementById('projectModal');\n const modalImg = document.getElementById('modalImg');\n const modalTag = document.getElementById('modalTag');\n const modalTitle = document.getElementById('modalTitle');\n const modalDesc = document.getElementById('modalDesc');\n const closeModal = document.getElementById('closeModal');\n\n items.forEach(item => {\n item.addEventListener('click', () => {\n const imgSrc = item.querySelector('img').getAttribute('src');\n const titleText = item.getAttribute('data-title');\n const tagText = item.getAttribute('data-tag');\n const descText = item.getAttribute('data-desc');\n\n modalImg.setAttribute('src', imgSrc);\n modalTag.textContent = tagText;\n modalTitle.textContent = titleText;\n modalDesc.textContent = descText;\n\n modal.classList.add('open');\n document.body.classList.add('modal-active');\n });\n });\n\n closeModal.addEventListener('click', () => {\n modal.classList.remove('open');\n document.body.classList.remove('modal-active');\n });\n\n modal.addEventListener('click', (e) => {\n if (e.target === modal) {\n modal.classList.remove('open');\n document.body.classList.remove('modal-active');\n }\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Full-Width Premium con Info Modal Aplicaciones Visuales Todos Carteler\u00eda Vinilos Packaging Merch Campa\u00f1a Derechos Humanos Carteler\u00eda Gr\u00e1fica Espacial Vinilos de Corte L\u00ednea Sostenible Packaging & Labeling Exposici\u00f3n Arte Dise\u00f1o Editorial Escaparates Temporada Vinilo Adhesivo Cajas de Env\u00edo Estucher\u00eda Premium × Categor\u00eda T\u00edtulo del Proyecto Descripci\u00f3n completa…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-239","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>APLICACI\u00d3N VISUAL - luum.designs<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"APLICACI\u00d3N VISUAL - luum.designs\" \/>\n<meta property=\"og:description\" content=\"Portfolio Full-Width Premium con Info Modal Aplicaciones Visuales Todos Carteler\u00eda Vinilos Packaging Merch Campa\u00f1a Derechos Humanos Carteler\u00eda Gr\u00e1fica Espacial Vinilos de Corte L\u00ednea Sostenible Packaging & Labeling Exposici\u00f3n Arte Dise\u00f1o Editorial Escaparates Temporada Vinilo Adhesivo Cajas de Env\u00edo Estucher\u00eda Premium × Categor\u00eda T\u00edtulo del Proyecto Descripci\u00f3n completa…\" \/>\n<meta property=\"og:url\" content=\"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/\" \/>\n<meta property=\"og:site_name\" content=\"luum.designs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/txxrmenta\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T21:14:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/\",\"name\":\"APLICACI\u00d3N VISUAL - luum.designs\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"datePublished\":\"2026-05-18T22:39:09+00:00\",\"dateModified\":\"2026-06-11T21:14:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#primaryimage\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"contentUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/Mockup5-scaled.jpg\",\"width\":2560,\"height\":1991},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/index.php\\\/aplicacionvisual\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"APLICACI\u00d3N VISUAL\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#website\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/\",\"name\":\"luum.designs\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#\\\/schema\\\/person\\\/4688aeda8d53dbb764a681a70ace7272\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/#\\\/schema\\\/person\\\/4688aeda8d53dbb764a681a70ace7272\",\"name\":\"luum\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"url\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"contentUrl\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\",\"width\":2255,\"height\":2050,\"caption\":\"luum\"},\"logo\":{\"@id\":\"https:\\\/\\\/luum.estaciondiseno.es\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/LOGO-luum-1500ff-2.png\"},\"sameAs\":[\"https:\\\/\\\/luum.estaciondiseno.es\",\"https:\\\/\\\/www.facebook.com\\\/txxrmenta\",\"https:\\\/\\\/www.instagram.com\\\/luum.designs\",\"https:\\\/\\\/www.pinterest.com\\\/txxrmenta\"]}]}<\/script>\n","yoast_head_json":{"title":"APLICACI\u00d3N VISUAL - luum.designs","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","og_locale":"es_ES","og_type":"article","og_title":"APLICACI\u00d3N VISUAL - luum.designs","og_description":"Portfolio Full-Width Premium con Info Modal Aplicaciones Visuales Todos Carteler\u00eda Vinilos Packaging Merch Campa\u00f1a Derechos Humanos Carteler\u00eda Gr\u00e1fica Espacial Vinilos de Corte L\u00ednea Sostenible Packaging & Labeling Exposici\u00f3n Arte Dise\u00f1o Editorial Escaparates Temporada Vinilo Adhesivo Cajas de Env\u00edo Estucher\u00eda Premium × Categor\u00eda T\u00edtulo del Proyecto Descripci\u00f3n completa…","og_url":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","og_site_name":"luum.designs","article_publisher":"https:\/\/www.facebook.com\/txxrmenta","article_modified_time":"2026-06-11T21:14:35+00:00","og_image":[{"url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","url":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/","name":"APLICACI\u00d3N VISUAL - luum.designs","isPartOf":{"@id":"https:\/\/luum.estaciondiseno.es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#primaryimage"},"image":{"@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#primaryimage"},"thumbnailUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","datePublished":"2026-05-18T22:39:09+00:00","dateModified":"2026-06-11T21:14:35+00:00","breadcrumb":{"@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#primaryimage","url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","contentUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/06\/Mockup5-scaled.jpg","width":2560,"height":1991},{"@type":"BreadcrumbList","@id":"https:\/\/luum.estaciondiseno.es\/index.php\/aplicacionvisual\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/luum.estaciondiseno.es\/"},{"@type":"ListItem","position":2,"name":"APLICACI\u00d3N VISUAL"}]},{"@type":"WebSite","@id":"https:\/\/luum.estaciondiseno.es\/#website","url":"https:\/\/luum.estaciondiseno.es\/","name":"luum.designs","description":"","publisher":{"@id":"https:\/\/luum.estaciondiseno.es\/#\/schema\/person\/4688aeda8d53dbb764a681a70ace7272"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/luum.estaciondiseno.es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/luum.estaciondiseno.es\/#\/schema\/person\/4688aeda8d53dbb764a681a70ace7272","name":"luum","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","url":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","contentUrl":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png","width":2255,"height":2050,"caption":"luum"},"logo":{"@id":"https:\/\/luum.estaciondiseno.es\/wp-content\/uploads\/2026\/05\/LOGO-luum-1500ff-2.png"},"sameAs":["https:\/\/luum.estaciondiseno.es","https:\/\/www.facebook.com\/txxrmenta","https:\/\/www.instagram.com\/luum.designs","https:\/\/www.pinterest.com\/txxrmenta"]}]}},"_links":{"self":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/239","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/comments?post=239"}],"version-history":[{"count":46,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/239\/revisions"}],"predecessor-version":[{"id":986,"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/pages\/239\/revisions\/986"}],"wp:attachment":[{"href":"https:\/\/luum.estaciondiseno.es\/index.php\/wp-json\/wp\/v2\/media?parent=239"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}