{"id":4244,"date":"2024-03-03T19:24:02","date_gmt":"2024-03-03T19:24:02","guid":{"rendered":"https:\/\/bydmb.com\/?page_id=4244"},"modified":"2026-10-15T15:42:34","modified_gmt":"2026-10-15T15:42:34","slug":"works","status":"publish","type":"page","link":"https:\/\/bydmb.com\/es\/works\/","title":{"rendered":"Trabajos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4244\" class=\"elementor elementor-4244\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2519a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"4e2519a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-590e24f elementor-widget elementor-widget-shortcode\" data-id=\"590e24f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><style>\/* ===== COLORES, TIPOGRAF\u00cdA Y MEDIDAS (edita aqu\u00ed) ===== *\/\n#dmb-works {\n  --dw-fg: #3fd16f;                \/* \u25c0\u25c0 color de t\u00edtulo, a\u00f1o, servicios y n\u00famero (pon aqu\u00ed tu verde) *\/\n  --dw-desc: #8be3a7;              \/* \u25c0\u25c0 color de la descripci\u00f3n (m\u00e1s claro) *\/\n  --dw-font: 'Elza', sans-serif;   \/* tipograf\u00eda *\/\n  --dw-w-title: 500;               \/* t\u00edtulo del proyecto y n\u00famero: Medium *\/\n  --dw-w-serv: 400;                \/* a\u00f1o y servicios: Regular *\/\n  --dw-w-desc: 300;                \/* descripci\u00f3n: Light *\/\n  --dw-size: 14px;                 \/* tama\u00f1o del texto *\/\n  --dw-lh: 1.35;                   \/* interlineado *\/\n  --dw-h: clamp(160px, 20.8vw, 420px);   \/* ALTURA de todas las im\u00e1genes y v\u00eddeos (y del bloque de texto) *\/\n  --dw-media-gap: 5px;             \/* hueco entre piezas de un mismo proyecto *\/\n  --dw-gap: 6px;                   \/* hueco entre las piezas y el texto *\/\n  --dw-year-w: clamp(48px, 4.5vw, 72px); \/* ancho de la columna del a\u00f1o *\/\n  --dw-text-w: clamp(300px, 26vw, 420px);\/* ancho total del bloque de texto (a\u00f1o + descripci\u00f3n) *\/\n  --dw-text-pad: 8px;              \/* aire superior: el a\u00f1o y el t\u00edtulo arrancan en la misma l\u00ednea *\/\n  --dw-row-gap: 22px;              \/* separaci\u00f3n vertical entre proyectos *\/\n  --dw-side: 24px;                 \/* margen lateral de la grid *\/\n  --dw-fade: .5s;                  \/* velocidad de aparici\u00f3n de cada fila *\/\n  --dw-m-max-h: 80svh;             \/* m\u00f3vil: altura m\u00e1xima de la pieza (por si una imagen es muy vertical) *\/\n}\n\/* ====================================================== *\/\n\n#dmb-works { width: 100%; padding: 0 var(--dw-side); font-family: var(--dw-font); font-size: var(--dw-size); line-height: var(--dw-lh); font-weight: var(--dw-w-serv); color: var(--dw-fg); }\n#dmb-works *, #dmb-works *::before, #dmb-works *::after { box-sizing: border-box; }\n\n\/* Fila: la tarjeta queda en el centro y --fl \/ --fr (puestos por el JS) la desplazan al azar a izquierda o derecha *\/\n#dmb-works .dw-row {\n  display: grid;\n  grid-template-columns: var(--fl, .5fr) minmax(0, max-content) var(--fr, .5fr);\n  margin-bottom: var(--dw-row-gap);\n  opacity: 0; transform: translateY(12px);\n  transition: opacity var(--dw-fade) ease, transform var(--dw-fade) ease;\n}\n#dmb-works .dw-row.is-in { opacity: 1; transform: none; }\n\n#dmb-works .dw-item { grid-column: 2; display: flex; align-items: flex-start; gap: var(--dw-gap); min-width: 0; color: inherit; text-decoration: none; }\n\n\/* Piezas (v\u00eddeo + im\u00e1genes): misma altura, el ancho sale de su proporci\u00f3n. Si no caben, se recortan por los lados *\/\n#dmb-works .dw-media { display: flex; gap: var(--dw-media-gap); height: var(--dw-h); min-width: 0; flex: 0 1 auto; }\n#dmb-works .dw-media img, #dmb-works .dw-media video {\n  display: block; height: 100%; min-width: 0; object-fit: cover;\n  width: calc(var(--ri, 1.7778) * var(--dw-h)); flex: 0 1 auto;\n}\n\n\/* Texto: misma altura que las piezas. Arriba, a\u00f1o + descripci\u00f3n; abajo, el n\u00famero *\/\n#dmb-works .dw-text { flex: none; width: var(--dw-text-w); height: var(--dw-h); display: flex; flex-direction: column; justify-content: space-between; }\n#dmb-works .dw-info { flex: 1; min-height: 0; display: grid; grid-template-columns: var(--dw-year-w) minmax(0, 1fr); align-items: start; padding-top: var(--dw-text-pad); }\n#dmb-works .dw-year { display: block; padding-left: 4px; font-weight: var(--dw-w-serv); }\n#dmb-works .dw-desc { display: block; }\n\n\/* Orden fijo: 1) nombre del proyecto \u00b7 2) servicios (siempre debajo) \u00b7 3) descripci\u00f3n *\/\n#dmb-works .dw-line, #dmb-works .dw-serv { display: block; }\n#dmb-works .dw-title { font-style: italic; font-weight: var(--dw-w-title); }       \/* Medium *\/\n#dmb-works .dw-title::after { content: \".\"; }       \/* punto final autom\u00e1tico; b\u00f3rralo si ya lo escribes t\u00fa *\/\n#dmb-works .dw-serv { font-weight: var(--dw-w-serv); }                              \/* Regular *\/\n#dmb-works .dw-body { display: block; margin-top: 8px; font-weight: var(--dw-w-desc); color: var(--dw-desc); } \/* Light *\/\n#dmb-works .dw-num { padding-left: 4px; line-height: 1; font-style: italic; font-weight: var(--dw-w-title); }\n#dmb-works .dw-item:hover .dw-title { text-decoration: underline; text-underline-offset: 2px; }\n\n#dmb-works .dw-source { display: none; }\n#dmb-works .dw-sentinel { height: 1px; }\n\n\/* M\u00f3vil: de borde a borde. Orden: n\u00famero \u2192 pieza (v\u00eddeo, o primera imagen) \u2192 informaci\u00f3n *\/\n@media (max-width: 800px) {\n  #dmb-works { --dw-row-gap: 56px; padding: 0; }\n  #dmb-works .dw-row { display: block; }\n  #dmb-works .dw-item { display: flex; flex-direction: column; align-items: stretch; gap: 12px; }\n\n  #dmb-works .dw-text { display: contents; }                     \/* sus hijos (info y n\u00famero) pasan a ordenarse con la pieza *\/\n  #dmb-works .dw-num  { order: 1; padding: 0 var(--dw-side); }\n  #dmb-works .dw-media { order: 2; display: block; width: 100%; height: auto; flex: none; }\n  #dmb-works .dw-info { order: 3; flex: none; display: grid; padding: 0 var(--dw-side); }\n  #dmb-works .dw-year { padding-left: 0; }\n\n  \/* solo se ve una pieza: el v\u00eddeo o, si no hay, la primera imagen *\/\n  #dmb-works .dw-media > :not(.dw-main) { display: none; }\n  #dmb-works .dw-media > .dw-main {\n    display: block; width: 100%; height: auto; max-height: var(--dw-m-max-h);\n    aspect-ratio: var(--ri, 1.7778); object-fit: cover; flex: none;\n  }\n}<\/style><div id=\"dmb-works\"><div class=\"dw-list\"><\/div><div class=\"dw-sentinel\"><\/div><div class=\"dw-source\"><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/branding\/branding-mar-cardona\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/5.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/8-768x1024.webp\" alt=\"Dise\u00f1o de papeler\u00eda, stickers y aplicaciones de marca personal para fot\u00f3grafa\" loading=\"lazy\" style=\"--ri:0.7500\"><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/3-768x1024.webp\" alt=\"Dise\u00f1o de marca e identidad visual para la fot\u00f3grafa Mar Cardona en Valencia\" loading=\"lazy\" style=\"--ri:0.7500\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2025<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">Mar Cardona<\/em><\/span><span class=\"dw-serv\">Branding, Animaci\u00f3n 2D y 3D, Merchandising.<\/span><span class=\"dw-body\">Visual identity for photographer Mar Cardona highlighting her provocative lens. The design balances punk rebellion with elegance, combining a post-brutalist aesthetic with 19th-century engravings.<\/span><\/span><\/span><span class=\"dw-num\">(1)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/art-direction\/helsinki-40-magazine\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/1.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/6-rev-819x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.8000\"><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/DSC05626-683x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.6668\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2022<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">Helsinki 40 Magazine<\/em><\/span><span class=\"dw-serv\">Branding, Dise\u00f1o editorial, Dise\u00f1o Carteler\u00eda.<\/span><span class=\"dw-body\">Editorial design inspired by broadsheet newspaper press runs. A compilation of Helsinki 40\u2019s featured sports writing.<\/span><\/span><\/span><span class=\"dw-num\">(2)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/branding\/republica-amor\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/06\/COSIENDO.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/06\/diseno-grafico-valencia-branding-logo-8-819x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.8001\"><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/06\/diseno-grafico-valencia-branding-logo-9-819x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.8001\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2025<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">Rep\u00fablica Amor<\/em><\/span><span class=\"dw-serv\">Branding.<\/span><span class=\"dw-body\">Visual identity and art direction for Rep\u00fablica Amor, a project by Luc\u00eda Ballesteros exploring self-love and fashion. An honest design featuring hand-drawn lettering, red thread embroidered compositions, and handmade assets.<\/span><\/span><\/span><span class=\"dw-num\">(3)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/digital-design\/el-comerc-ens-fa-viure\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/04\/4.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/04\/1-768x1024.webp\" alt=\"dise\u00f1o de campa\u00f1a publicitaria en mupi direccion de arte y dise\u00f1o grafico el comercio\" loading=\"lazy\" style=\"--ri:0.7500\"><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/04\/6-768x1024.webp\" alt=\"dise\u00f1o de campa\u00f1a publicitaria mupi quart de poblet direccion de arte y dise\u00f1o grafico el comercio\" loading=\"lazy\" style=\"--ri:0.7500\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2025<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">Ajuntament Quart de Poblet<\/em><\/span><span class=\"dw-serv\">Campa\u00f1a de marketing. Animaci\u00f3n. Merchandising. Carteler\u00eda. Direcci\u00f3n creativa.<\/span><span class=\"dw-body\">Visual communication campaign and 3D animation for Quart de Poblet, boosting local commerce through iconic urban awnings.<\/span><\/span><\/span><span class=\"dw-num\">(4)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/digital-design\/erasmo-visual-art\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/ANIMACION-PRUEBA-1-CYCLES0001-0240-1.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2024<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">ERASMO<\/em><\/span><span class=\"dw-serv\">Digital Design, Animaci\u00f3n.<\/span><span class=\"dw-body\">Series of experimental artworks and animation exploring sanity and madness through hand lettering, mixed media, and a disruptive aesthetic.<\/span><\/span><\/span><span class=\"dw-num\">(5)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/digital-design\/extasis-album-cover-packaging-design\/\"><span class=\"dw-media\"><img decoding=\"async\" class=\"dw-main\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2024\/03\/extasis-vinilo-2-1024x441.jpg\" alt=\"\" loading=\"lazy\" style=\"--ri:2.3230\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2024<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">EXTASIS (Self Project)<\/em><\/span><span class=\"dw-serv\">Digital Design<\/span><span class=\"dw-body\">Album and packaging design reinterpreting the Ecstasy of Saint Teresa from an earthly, human, and visceral perspective.<\/span><\/span><\/span><span class=\"dw-num\">(6)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/branding\/40-helsinki\/\"><span class=\"dw-media\"><img decoding=\"async\" class=\"dw-main\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/02\/IDENTIDAD-PRINCIPAL-819x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.8000\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2022<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">Helsinki 40<\/em><\/span><span class=\"dw-serv\">Branding<\/span><span class=\"dw-body\">Identity redesign for Helsinki 40, a sports media outlet aimed at spreading a new way of understanding sports.<\/span><\/span><\/span><span class=\"dw-num\">(7)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/branding\/la-merendola-by-helsinki-40\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/Deslizable_Brand_Caratulas-.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/02\/Mockup-La-Merendola-1024x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:1.0000\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2022<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">La Merendola by Helsinki40<\/em><\/span><span class=\"dw-serv\">Branding<\/span><span class=\"dw-body\">Visual identity design, podcast graphics, and communication strategy for La Merendola.<\/span><\/span><\/span><span class=\"dw-num\">(8)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/branding\/mcqueen-burgers\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/12\/4.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/12\/IMG_0046-683x1024.webp\" alt=\"dise\u00f1o de logotipo para restaurante en valencia dise\u00f1o grafico hamburguesas\" loading=\"lazy\" style=\"--ri:0.6668\"><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/12\/6-768x1024.webp\" alt=\"dise\u00f1o de logotipo para restaurante en valencia dise\u00f1o grafico diseno de packaging hamburguesa\" loading=\"lazy\" style=\"--ri:0.7500\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2025<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">McQueen Burgers<\/em><\/span><span class=\"dw-serv\">Branding. Animaci\u00f3n. Merchandising. Packaging. Direcci\u00f3n de fotograf\u00eda.<\/span><span class=\"dw-body\">Visual identity, packaging, website, and animation for McQueen, a bold street-born burger joint celebrating the classic no-nonsense burger.<\/span><\/span><\/span><span class=\"dw-num\">(9)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/digital-design\/nevermind-album-cover-packaging-design\/\"><span class=\"dw-media\"><video class=\"dw-main\" data-src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/0308.mp4\" muted loop playsinline preload=\"metadata\" style=\"--ri:1.7778\"><\/video><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/NEVERMIND_Post-1-04-819x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.8000\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2024<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">Nevermind<\/em><\/span><span class=\"dw-serv\">Digital Design, Packaging<\/span><span class=\"dw-body\">Art direction and conceptual packaging and vinyl cover design reflecting on the duality of identity.<\/span><\/span><\/span><span class=\"dw-num\">(10)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/packaging\/osk-liquor\/\"><span class=\"dw-media\"><img decoding=\"async\" class=\"dw-main\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/02\/148739-764x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.7461\"><img decoding=\"async\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2022\/07\/2-1024x683.jpg\" alt=\"\" loading=\"lazy\" style=\"--ri:1.4995\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2022<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">OSK<\/em><\/span><span class=\"dw-serv\">Branding, Packaging, Direcci\u00f3n creativa.<\/span><span class=\"dw-body\">Packaging design for OSK. A design that turns the product itself into a window to the past and the history of an entire town.<\/span><\/span><\/span><span class=\"dw-num\">(11)<\/span><\/span><\/a><a class=\"dw-item\" href=\"https:\/\/bydmb.com\/es\/branding\/viaclub\/\"><span class=\"dw-media\"><img decoding=\"async\" class=\"dw-main\" src=\"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/03\/VIACLUB-REV-2025_Mesa-de-trabajo-1-copia-5-819x1024.webp\" alt=\"\" loading=\"lazy\" style=\"--ri:0.8001\"><\/span><span class=\"dw-text\"><span class=\"dw-info\"><span class=\"dw-year\">2021<\/span><span class=\"dw-desc\"><span class=\"dw-line\"><em class=\"dw-title\">ViaClub<\/em><\/span><span class=\"dw-serv\">Branding<\/span><span class=\"dw-body\">Viaclub is a kids&#039; leisure club where play becomes a tool for learning and growth.<\/span><\/span><\/span><span class=\"dw-num\">(12)<\/span><\/span><\/a><\/div><\/div><script>(function () {\n  \/* ===== CONFIGURACI\u00d3N ===== *\/\n  var ROWS_PER_LOAD = 3;      \/\/ filas nuevas cada vez que llegas al final\n  var SHUFFLE_MEDIA = true;   \/\/ true = el orden del v\u00eddeo y las im\u00e1genes es aleatorio en cada fila (solo escritorio)\n  var RIVER_MIN_STEP = 0.30;  \/\/ \"r\u00edo\": lo que se mueve cada proyecto respecto al anterior, como m\u00ednimo (0.30 = 30% del espacio libre)\n  var RIVER_MAX_STEP = 0.60;  \/\/ y como m\u00e1ximo. S\u00fabelos para m\u00e1s contraste, b\u00e1jalos para un movimiento m\u00e1s suave (solo escritorio)\n  var COUNT_ON_LOOP = false;  \/\/ false = el n\u00famero repite el orden del ACF (1\u2026N, 1\u2026N) \u00b7 true = sigue contando sin parar\n  \/* ========================= *\/\n\n  var root = document.getElementById('dmb-works');\n  if (!root) return;\n  var list = root.querySelector('.dw-list');\n  var sentinel = root.querySelector('.dw-sentinel');\n  var source = [].slice.call(root.querySelectorAll('.dw-source > .dw-item'));\n  if (!source.length) return;\n  var state = { idx: 0, count: 0, pos: Math.random() };\n\n  function shuffle(arr) {\n    for (var i = arr.length - 1; i > 0; i--) {\n      var j = Math.floor(Math.random() * (i + 1)), t = arr[i]; arr[i] = arr[j]; arr[j] = t;\n    }\n    return arr;\n  }\n\n  \/\/ Reproduce el v\u00eddeo; si Safari lo bloquea, reintenta al cargar\n  function tryPlay(v) {\n    if (!v.src) return;\n    var p = v.play();\n    if (p && p.catch) p.catch(function () {\n      v.addEventListener('canplay', function once() {\n        v.removeEventListener('canplay', once);\n        var q = v.play(); if (q && q.catch) q.catch(function () {});\n      });\n    });\n  }\n  \/\/ Primer gesto del usuario: arranca los v\u00eddeos visibles que Safari haya dejado parados\n  ['pointerdown', 'touchstart', 'scroll', 'keydown'].forEach(function (ev) {\n    window.addEventListener(ev, function () {\n      [].slice.call(root.querySelectorAll('video')).forEach(function (v) {\n        if (v.paused && v.src && v.dataset.vis === '1') tryPlay(v);\n      });\n    }, { once: true, passive: true });\n  });\n\n  \/\/ Solo se reproducen los v\u00eddeos que se ven en pantalla\n  var vio = new IntersectionObserver(function (entries) {\n    entries.forEach(function (e) {\n      var v = e.target;\n      v.dataset.vis = e.isIntersecting ? '1' : '0';\n      if (e.isIntersecting) tryPlay(v); else v.pause();\n    });\n  }, { rootMargin: '200px 0px' });\n\n  function makeItem() {\n    var el = source[state.idx % source.length].cloneNode(true); \/\/ al acabar vuelve al primero = bucle\n    state.idx++; state.count++;\n    if (COUNT_ON_LOOP) {\n      var num = el.querySelector('.dw-num');\n      if (num) num.textContent = '(' + state.count + ')';\n    }\n    var media = el.querySelector('.dw-media');\n    if (SHUFFLE_MEDIA) shuffle([].slice.call(media.children)).forEach(function (k) { media.appendChild(k); });\n    [].slice.call(el.querySelectorAll('video[data-src]')).forEach(function (v) {\n      v.muted = true; v.defaultMuted = true; v.loop = true; v.playsInline = true;\n      v.setAttribute('muted', ''); v.setAttribute('playsinline', ''); v.setAttribute('webkit-playsinline', '');\n      v.preload = 'metadata';\n      \/\/ al cargar, el v\u00eddeo toma su proporci\u00f3n original y el ancho se ajusta solo\n      v.addEventListener('loadedmetadata', function () {\n        if (v.videoWidth && v.videoHeight) v.style.setProperty('--ri', (v.videoWidth \/ v.videoHeight).toFixed(4));\n      }, { once: true });\n      v.src = v.getAttribute('data-src');\n    });\n    return el;\n  }\n\n  \/\/ Posici\u00f3n horizontal de la siguiente fila (0 = izquierda, 1 = derecha del espacio libre).\n  \/\/ Cada una se mueve a un lado u otro respecto a la anterior, siempre una distancia m\u00ednima, y rebota en los bordes.\n  function nextPos() {\n    var step = RIVER_MIN_STEP + Math.random() * (RIVER_MAX_STEP - RIVER_MIN_STEP);\n    var dir = Math.random() < 0.5 ? -1 : 1;\n    var p = state.pos + dir * step;\n    if (p < 0 || p > 1) p = state.pos - dir * step;\n    state.pos = Math.min(1, Math.max(0, p));\n    return state.pos;\n  }\n\n  function addRow() {\n    var row = document.createElement('div');\n    row.className = 'dw-row';\n    var o = parseFloat(nextPos().toFixed(3));\n    row.style.setProperty('--fl', o + 'fr');\n    row.style.setProperty('--fr', (1 - o).toFixed(3) + 'fr');\n    row.appendChild(makeItem());\n    list.appendChild(row);\n    [].slice.call(row.querySelectorAll('video')).forEach(function (v) { vio.observe(v); });\n    setTimeout(function () { row.classList.add('is-in'); }, 30);\n  }\n\n  \/\/ Scroll infinito\n  var io = new IntersectionObserver(function (entries) {\n    if (entries[0].isIntersecting) {\n      for (var i = 0; i < ROWS_PER_LOAD; i++) addRow();\n      watch();\n    }\n  }, { rootMargin: '0px 0px 800px 0px' });\n  function watch() { io.unobserve(sentinel); io.observe(sentinel); }\n\n  for (var i = 0; i < ROWS_PER_LOAD; i++) addRow();\n  watch();\n})();<\/script><\/div>\n\t\t\t\t\t\t<\/div>\n\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>Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.<\/p>","protected":false},"author":1,"featured_media":5705,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4244","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Works &amp; Portfolio | Branding &amp; Art Direction \u2014 byDMB<\/title>\n<meta name=\"description\" content=\"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/bydmb.com\/es\/works\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Works &amp; Portfolio | Branding &amp; Art Direction \u2014 byDMB\" \/>\n<meta property=\"og:description\" content=\"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/bydmb.com\/es\/works\/\" \/>\n<meta property=\"og:site_name\" content=\"David M Ballar\u00edn\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-15T15:42:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/9.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"Works &amp; Portfolio | Branding &amp; Art Direction \u2014 byDMB\" \/>\n<meta name=\"twitter:description\" content=\"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/9.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minuto\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":[\"WebPage\",\"ProfilePage\"],\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/\",\"url\":\"https:\\\/\\\/bydmb.com\\\/works\\\/\",\"name\":\"Works & Portfolio | Branding & Art Direction \u2014 byDMB\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\",\"datePublished\":\"2024-03-03T19:24:02+00:00\",\"dateModified\":\"2026-10-15T15:42:34+00:00\",\"description\":\"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/bydmb.com\\\/works\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/#primaryimage\",\"url\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\",\"contentUrl\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\",\"width\":1080,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/bydmb.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Works\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/bydmb.com\\\/#website\",\"url\":\"https:\\\/\\\/bydmb.com\\\/\",\"name\":\"byDMB\",\"description\":\"Portfolio ByDMB\",\"publisher\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/#\\\/schema\\\/person\\\/782ed7a7ebdf95447d3d182355446533\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/bydmb.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/bydmb.com\\\/#\\\/schema\\\/person\\\/782ed7a7ebdf95447d3d182355446533\",\"name\":\"bydavidmartinez\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\",\"url\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\",\"contentUrl\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\",\"width\":1080,\"height\":1080,\"caption\":\"bydavidmartinez\"},\"logo\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/wp-content\\\/uploads\\\/2025\\\/01\\\/Branding-BYDMB-2025-12.png\"},\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/bydmb.com\\\/works\\\/\"},\"sameAs\":[\"https:\\\/\\\/bydmb.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Works & Portfolio | Branding & Art Direction \u2014 byDMB","description":"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.","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:\/\/bydmb.com\/es\/works\/","og_locale":"es_ES","og_type":"article","og_title":"Works & Portfolio | Branding & Art Direction \u2014 byDMB","og_description":"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.","og_url":"https:\/\/bydmb.com\/es\/works\/","og_site_name":"David M Ballar\u00edn","article_modified_time":"2026-10-15T15:42:34+00:00","og_image":[{"width":1080,"height":1440,"url":"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/9.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_title":"Works & Portfolio | Branding & Art Direction \u2014 byDMB","twitter_description":"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.","twitter_image":"https:\/\/bydmb.com\/wp-content\/uploads\/2026\/08\/9.webp","twitter_misc":{"Tiempo de lectura":"1 minuto"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["WebPage","ProfilePage"],"@id":"https:\/\/bydmb.com\/works\/","url":"https:\/\/bydmb.com\/works\/","name":"Works & Portfolio | Branding & Art Direction \u2014 byDMB","isPartOf":{"@id":"https:\/\/bydmb.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/bydmb.com\/works\/#primaryimage"},"image":{"@id":"https:\/\/bydmb.com\/works\/#primaryimage"},"thumbnailUrl":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png","datePublished":"2024-03-03T19:24:02+00:00","dateModified":"2026-10-15T15:42:34+00:00","description":"Selected portfolio of brand identity, packaging design, editorial, digital design, and creative campaigns by David M Ballar\u00edn.","breadcrumb":{"@id":"https:\/\/bydmb.com\/works\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/bydmb.com\/works\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/bydmb.com\/works\/#primaryimage","url":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png","contentUrl":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png","width":1080,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/bydmb.com\/works\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/bydmb.com\/"},{"@type":"ListItem","position":2,"name":"Works"}]},{"@type":"WebSite","@id":"https:\/\/bydmb.com\/#website","url":"https:\/\/bydmb.com\/","name":"byDMB","description":"Portfolio ByDMB","publisher":{"@id":"https:\/\/bydmb.com\/#\/schema\/person\/782ed7a7ebdf95447d3d182355446533"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/bydmb.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":["Person","Organization"],"@id":"https:\/\/bydmb.com\/#\/schema\/person\/782ed7a7ebdf95447d3d182355446533","name":"bydavidmartinez","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png","url":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png","contentUrl":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png","width":1080,"height":1080,"caption":"bydavidmartinez"},"logo":{"@id":"https:\/\/bydmb.com\/wp-content\/uploads\/2025\/01\/Branding-BYDMB-2025-12.png"},"mainEntityOfPage":{"@id":"https:\/\/bydmb.com\/works\/"},"sameAs":["https:\/\/bydmb.com"]}]}},"_links":{"self":[{"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/pages\/4244","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/comments?post=4244"}],"version-history":[{"count":449,"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/pages\/4244\/revisions"}],"predecessor-version":[{"id":7626,"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/pages\/4244\/revisions\/7626"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/media\/5705"}],"wp:attachment":[{"href":"https:\/\/bydmb.com\/es\/wp-json\/wp\/v2\/media?parent=4244"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}