{"id":5168,"date":"2026-10-06T18:42:25","date_gmt":"2026-10-06T18:42:25","guid":{"rendered":"https:\/\/desdeelaltillo.com\/?post_type=portfolio&#038;p=5168"},"modified":"2026-10-06T18:42:25","modified_gmt":"2026-10-06T18:42:25","slug":"insema","status":"publish","type":"portfolio","link":"https:\/\/desdeelaltillo.com\/es\/portfolio\/insema\/","title":{"rendered":"Insema"},"content":{"rendered":"\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"wp-block-paragraph\" style=\"font-size:12px\">Insema is a global consultancy project designed to help individuals and organizations integrate nature into decision-making through a holistic lens. From conceptualizing an organic, multicultural naming strategy and crafting a refined visual identity to designing and programming their web experience, we built a cohesive brand that bridges ecological rigor with impactful storytelling.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-4fc3f8e1 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_1.mov\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2-1024x576.webp\" alt=\"\" class=\"wp-image-5171\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2-1024x576.webp 1024w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2-512x288.webp 512w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2-768x432.webp 768w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2-18x10.webp 18w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2-1536x864.webp 1536w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_2.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group grid-media-same-height is-layout-grid wp-container-core-group-is-layout-85a54dc3 wp-block-group-is-layout-grid\">\n<figure class=\"wp-block-video\"><video height=\"1280\" style=\"aspect-ratio: 720 \/ 1280;\" width=\"720\" autoplay loop muted src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-1.mp4\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"722\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2-1024x722.webp\" alt=\"\" class=\"wp-image-5172\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2-1024x722.webp 1024w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2-512x361.webp 512w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2-767x541.webp 767w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2-1536x1083.webp 1536w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2-17x12.webp 17w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-2.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-819x1024.webp\" alt=\"\" class=\"wp-image-5173\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-819x1024.webp 819w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-410x512.webp 410w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-768x960.webp 768w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-1229x1536.webp 1229w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-1638x2048.webp 1638w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3-10x12.webp 10w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-3.webp 1920w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"819\" height=\"1024\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-819x1024.webp\" alt=\"\" class=\"wp-image-5174\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-819x1024.webp 819w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-410x512.webp 410w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-768x960.webp 768w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-1229x1536.webp 1229w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-1638x2048.webp 1638w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4-10x12.webp 10w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_3-4.webp 1920w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure>\n<\/div>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_4.mov\" playsinline><\/video><\/figure>\n\n\n\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-1024x576.png\" alt=\"\" class=\"wp-image-5180\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-1024x576.png 1024w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-512x288.png 512w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-766x431.png 766w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-1536x864.png 1536w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-2048x1152.png 2048w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_5-18x10.png 18w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6-1024x576.webp\" alt=\"\" class=\"wp-image-5176\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6-1024x576.webp 1024w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6-512x288.webp 512w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6-768x432.webp 768w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6-1536x864.webp 1536w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6-18x10.webp 18w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_6.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image alignwide size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7-1024x576.webp\" alt=\"\" class=\"wp-image-5177\" srcset=\"https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7-1024x576.webp 1024w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7-512x288.webp 512w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7-768x432.webp 768w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7-1536x864.webp 1536w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7-18x10.webp 18w, https:\/\/desdeelaltillo.com\/wp-content\/uploads\/2026\/10\/Altillo-Webinsema_7.webp 1920w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<!-- =============================================\n     GALER\u00cdA JUSTIFICADA: ALTO IGUAL POR FILA\n     Anula el grid del bloque Grupo de WordPress\n     Ancho auto por proporci\u00f3n \u00b7 sin recortar\n     1 col (m\u00f3vil) \u2192 hasta 4 columnas\n     ============================================= -->\n\n<style>\n  \/* 1) Anula el layout grid del bloque Grupo de WP *\/\n  .wp-block-group.grid-media-same-height,\n  .wp-block-group.grid-media-same-height.is-layout-grid,\n  .wp-block-group.grid-media-same-height.wp-block-group-is-layout-grid{\n    display: flex !important;\n    flex-wrap: wrap !important;\n    flex-direction: row !important;\n    align-items: flex-start !important;\n    justify-content: flex-start !important;\n    grid-template-columns: none !important;\n    width: 100%;\n    \/* gap: lo toma del editor de WP (Bloque \u2192 Estilos \u2192 Espaciado) *\/\n  }\n\n  \/* 2) Cada figure: ancho lo pone el JS *\/\n  .wp-block-group.grid-media-same-height > figure,\n  .wp-block-group.grid-media-same-height > .wp-block-image,\n  .wp-block-group.grid-media-same-height > .wp-block-video{\n    flex: 0 0 auto !important;\n    width: 100%;                       \/* fallback antes del JS \/ 1 columna *\/\n    max-width: 100% !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: hidden;\n    display: block !important;\n    grid-column: auto !important;\n  }\n\n  \/* 3) Imagen \/ v\u00eddeo llenan su caja (que ya tiene el ratio exacto) *\/\n  .wp-block-group.grid-media-same-height > figure img,\n  .wp-block-group.grid-media-same-height > figure video{\n    display: block !important;\n    width: 100% !important;\n    height: 100% !important;\n    max-width: none !important;\n    aspect-ratio: auto !important;     \/* neutraliza el inline del <video> *\/\n    object-fit: cover !important;      \/* no recorta: la caja tiene su ratio *\/\n  }\n<\/style>\n\n<script>\n(function () {\n  var SELECTOR = '.wp-block-group.grid-media-same-height';\n\n  \/* Elementos por fila seg\u00fan el ancho de la ventana *\/\n  var BREAKPOINTS = [\n    { min: 701, cols: 4 },\n    { min: 0,   cols: 1 }\n  ];\n\n  \/* OJO: no usar el operador AND doble en este script, WordPress lo rompe *\/\n\n  function getMedia(el){ return el.querySelector('img, video'); }\n\n  function getRatio(el){\n    var m = getMedia(el);\n    if (!m) return 1;\n    var w = parseFloat(m.getAttribute('width'));\n    var h = parseFloat(m.getAttribute('height'));\n    if (!(w > 0)) w = m.tagName === 'VIDEO' ? m.videoWidth  : m.naturalWidth;\n    if (!(h > 0)) h = m.tagName === 'VIDEO' ? m.videoHeight : m.naturalHeight;\n    if (!(w > 0)) return 1;\n    if (!(h > 0)) return 1;\n    return w \/ h;\n  }\n\n  function colsForWidth(w){\n    for (var i = 0; i < BREAKPOINTS.length; i++){\n      if (w >= BREAKPOINTS[i].min) return BREAKPOINTS[i].cols;\n    }\n    return 1;\n  }\n\n  function layout(grid){\n    var items = Array.prototype.filter.call(grid.children, function (el){\n      return el.tagName === 'FIGURE';\n    });\n    if (!items.length) return;\n\n    var cs   = getComputedStyle(grid);\n    \/* Ancho \u00fatil = ancho del grupo sin su padding *\/\n    var W    = grid.clientWidth - parseFloat(cs.paddingLeft) - parseFloat(cs.paddingRight);\n    if (!(W > 0)) return;\n    var gap  = parseFloat(cs.columnGap) || 0;\n    var cols = colsForWidth(window.innerWidth);\n\n    var lastH = null;\n\n    for (var i = 0; i < items.length; i += cols){\n      var row    = items.slice(i, i + cols);\n      var ratios = row.map(getRatio);\n      var sum    = ratios.reduce(function (a, b){ return a + b; }, 0);\n\n      \/* Alto con el que la fila llena exactamente el ancho *\/\n      var H = (W - gap * (row.length - 1)) \/ sum;\n\n      \/* \u00daltima fila incompleta: no se estira, usa el alto de la anterior *\/\n      if (row.length < cols){\n        if (lastH !== null) H = Math.min(H, lastH);\n      }\n\n      row.forEach(function (it, k){\n        var w = Math.floor(H * ratios[k] * 100) \/ 100;   \/* floor \u2192 nunca salta de l\u00ednea *\/\n        it.style.setProperty('width', w + 'px', 'important');\n        it.style.setProperty('aspect-ratio', String(ratios[k]));\n        it.style.setProperty('height', 'auto');\n      });\n\n      lastH = H;\n    }\n  }\n\n  function layoutAll(){\n    document.querySelectorAll(SELECTOR).forEach(layout);\n  }\n\n  var t;\n  window.addEventListener('resize', function (){\n    clearTimeout(t);\n    t = setTimeout(layoutAll, 120);\n  });\n\n  if (document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', layoutAll);\n  } else {\n    layoutAll();\n  }\n  window.addEventListener('load', layoutAll);\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Insema is a global consultancy project designed to help individuals and organizations integrate nature into decision-making through a holistic lens. From conceptualizing an organic, multicultural naming strategy and crafting a refined visual identity to designing and programming their web experience, we built a cohesive brand that bridges ecological rigor with impactful storytelling.<\/p>","protected":false},"featured_media":0,"template":"","meta":{"media":"5169","location":"Paris, France.","imagen":""},"service":[4,7],"class_list":["post-5168","portfolio","type-portfolio","status-publish","hentry","service-branding","service-web"],"_links":{"self":[{"href":"https:\/\/desdeelaltillo.com\/es\/wp-json\/wp\/v2\/portfolio\/5168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/desdeelaltillo.com\/es\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/desdeelaltillo.com\/es\/wp-json\/wp\/v2\/types\/portfolio"}],"wp:attachment":[{"href":"https:\/\/desdeelaltillo.com\/es\/wp-json\/wp\/v2\/media?parent=5168"}],"wp:term":[{"taxonomy":"service","embeddable":true,"href":"https:\/\/desdeelaltillo.com\/es\/wp-json\/wp\/v2\/service?post=5168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}