{"id":825,"date":"2026-10-14T22:01:26","date_gmt":"2026-10-14T22:01:26","guid":{"rendered":"https:\/\/bipolar.mx\/?page_id=825"},"modified":"2026-10-14T23:35:42","modified_gmt":"2026-10-14T23:35:42","slug":"work","status":"publish","type":"page","link":"https:\/\/bipolar.mx\/es\/work\/","title":{"rendered":"work"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"825\" class=\"elementor elementor-825\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-713dc98b e-flex e-con-boxed e-con e-parent\" data-id=\"713dc98b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-322bf9c9 e-con-full bplr-global-header e-flex e-con e-child\" data-id=\"322bf9c9\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-25b412e7 bplr-header-left e-flex e-con-boxed e-con e-child\" data-id=\"25b412e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cca8127 elementor-widget__width-auto elementor-widget elementor-widget-image\" data-id=\"5cca8127\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"768\" height=\"227\" src=\"https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-768x227.png\" class=\"attachment-medium_large size-medium_large wp-image-820\" alt=\"\" srcset=\"https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-768x227.png 768w, https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-300x89.png 300w, https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-1024x302.png 1024w, https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-1536x453.png 1536w, https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-18x5.png 18w, https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1-600x177.png 600w, https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/BPLR_05-copy-1.png 1583w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8595e9b e-con-full elementor-hidden-mobile bplr-header-center e-flex e-con e-child\" data-id=\"8595e9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75328a36 elementor-widget elementor-widget-heading\" data-id=\"75328a36\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/about\/\">ABOUT<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-161f8eae elementor-widget elementor-widget-heading\" data-id=\"161f8eae\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/work\/\">WORK<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3c07298b elementor-widget elementor-widget-heading\" data-id=\"3c07298b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\"><a href=\"\/join\/\">JOIN US<\/a><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-423261aa elementor-hidden-desktop bplr-header-right e-flex e-con-boxed e-con e-child\" data-id=\"423261aa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-38e9eb0 bplr-header-menu elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"38e9eb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<i aria-hidden=\"true\" class=\"ion ion-ios-menu\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-774095bf elementor-widget elementor-widget-html\" data-id=\"774095bf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   HEADER GLOBAL \u2014 BASE ESTABLE\n========================================================= *\/\n\n.bplr-global-header {\n\n  position: fixed !important;\n\n  top: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n\n  display: flex !important;\n\n  width: 100vw !important;\n  max-width: 100vw !important;\n\n  min-height: 82px !important;\n\n  margin: 0 !important;\n\n  box-sizing: border-box !important;\n\n  background: #000 !important;\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n  transform:\n    translate3d(0,0,0) !important;\n\n  pointer-events: auto !important;\n\n  overflow: visible !important;\n\n  z-index: 999999 !important;\n\n  transition:\n    transform .46s cubic-bezier(.22,.7,.25,1) !important;\n\n}\n\n\n\/* =========================================================\n   FORCE CHILDREN VISIBLE\n========================================================= *\/\n\n.bplr-global-header\n.bplr-header-left,\n\n.bplr-global-header\n.bplr-header-center,\n\n.bplr-global-header\n.bplr-header-right {\n\n  opacity: 1 !important;\n  visibility: visible !important;\n\n}\n\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media (min-width:1181px) {\n\n  .bplr-global-header {\n\n    min-height:\n      84px !important;\n\n    padding:\n      0 13.5vw !important;\n\n    display:\n      grid !important;\n\n    grid-template-columns:\n      1fr auto 1fr !important;\n\n    align-items:\n      center !important;\n\n    column-gap:\n      0 !important;\n\n  }\n\n\n  .bplr-header-left {\n\n    grid-column:\n      1 !important;\n\n    justify-self:\n      start !important;\n\n    align-self:\n      center !important;\n\n    display:\n      flex !important;\n\n    width:\n      auto !important;\n\n    max-width:\n      none !important;\n\n    min-width:\n      0 !important;\n\n    flex:\n      0 0 auto !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n  }\n\n\n  .bplr-header-left\n  .elementor-widget-image {\n\n    display:\n      block !important;\n\n    width:\n      auto !important;\n\n    max-width:\n      none !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n  }\n\n\n  .bplr-header-left img {\n\n    display:\n      block !important;\n\n    width:\n      clamp(\n        108px,\n        7.2vw,\n        128px\n      ) !important;\n\n    max-width:\n      none !important;\n\n    height:\n      auto !important;\n\n    opacity:\n      1 !important;\n\n    visibility:\n      visible !important;\n\n    object-fit:\n      contain !important;\n\n  }\n\n\n  .bplr-header-center {\n\n    grid-column:\n      2 !important;\n\n    justify-self:\n      center !important;\n\n    align-self:\n      center !important;\n\n    display:\n      flex !important;\n\n    flex-direction:\n      row !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      center !important;\n\n    flex-wrap:\n      nowrap !important;\n\n    width:\n      auto !important;\n\n    max-width:\n      none !important;\n\n    height:\n      auto !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n    gap:\n      clamp(\n        24px,\n        2vw,\n        36px\n      ) !important;\n\n  }\n\n\n  .bplr-header-center >\n  .elementor-element {\n\n    display:\n      block !important;\n\n    width:\n      auto !important;\n\n    max-width:\n      none !important;\n\n    flex:\n      0 0 auto !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n  }\n\n\n  .bplr-header-center\n  .elementor-heading-title {\n\n    display:\n      block !important;\n\n    margin:\n      0 !important;\n\n    opacity:\n      1 !important;\n\n    visibility:\n      visible !important;\n\n    white-space:\n      nowrap !important;\n\n  }\n\n\n  .bplr-header-right {\n\n    display:\n      none !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   TABLET + MOBILE\n========================================================= *\/\n\n@media (max-width:1180px) {\n\n  .bplr-global-header {\n\n    min-height:\n      82px !important;\n\n    padding:\n      0 7vw !important;\n\n    display:\n      flex !important;\n\n    flex-direction:\n      row !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      space-between !important;\n\n    gap:\n      0 !important;\n\n  }\n\n\n  .bplr-header-left {\n\n    display:\n      flex !important;\n\n    width:\n      auto !important;\n\n    max-width:\n      none !important;\n\n    height:\n      auto !important;\n\n    flex:\n      0 0 auto !important;\n\n    align-items:\n      center !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n  }\n\n\n  .bplr-header-left\n  .elementor-widget-image {\n\n    display:\n      block !important;\n\n    width:\n      auto !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n  }\n\n\n  .bplr-header-left img {\n\n    display:\n      block !important;\n\n    width:\n      clamp(\n        96px,\n        11vw,\n        112px\n      ) !important;\n\n    max-width:\n      none !important;\n\n    height:\n      auto !important;\n\n    opacity:\n      1 !important;\n\n    visibility:\n      visible !important;\n\n    object-fit:\n      contain !important;\n\n  }\n\n\n  .bplr-header-center {\n\n    display:\n      none !important;\n\n    width:\n      0 !important;\n\n    max-width:\n      0 !important;\n\n    height:\n      0 !important;\n\n    min-height:\n      0 !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n    overflow:\n      hidden !important;\n\n    pointer-events:\n      none !important;\n\n  }\n\n\n  .bplr-header-right {\n\n    position:\n      relative !important;\n\n    display:\n      flex !important;\n\n    width:\n      auto !important;\n\n    max-width:\n      none !important;\n\n    height:\n      auto !important;\n\n    flex:\n      0 0 auto !important;\n\n    align-items:\n      center !important;\n\n    justify-content:\n      flex-end !important;\n\n    margin:\n      0 !important;\n\n    padding:\n      0 !important;\n\n    opacity:\n      1 !important;\n\n    visibility:\n      visible !important;\n\n    z-index:\n      1000001 !important;\n\n  }\n\n\n  .bplr-header-right\n  .elementor-widget-icon,\n\n  .bplr-header-right\n  .elementor-icon {\n\n    display:\n      flex !important;\n\n    opacity:\n      1 !important;\n\n    visibility:\n      visible !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   HTML WIDGET OUT OF LAYOUT\n========================================================= *\/\n\n.bplr-global-header >\n.elementor-widget-html {\n\n  position:\n    absolute !important;\n\n  left:\n    0 !important;\n\n  bottom:\n    0 !important;\n\n  width:\n    1px !important;\n\n  height:\n    1px !important;\n\n  min-width:\n    1px !important;\n\n  min-height:\n    1px !important;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  overflow:\n    visible !important;\n\n  pointer-events:\n    none !important;\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function recoverBPLRHeader() {\n\n    const left =\n      document.querySelector(\n        '.bplr-header-left'\n      );\n\n\n    if (!left) return;\n\n\n    let candidate =\n      left.parentElement;\n\n\n    let header =\n      null;\n\n\n    while (\n      candidate &&\n      candidate !==\n      document.body\n    ) {\n\n      const hasLeft =\n        candidate.querySelector(\n          '.bplr-header-left'\n        );\n\n\n      const hasRight =\n        candidate.querySelector(\n          '.bplr-header-right'\n        );\n\n\n      if (\n        hasLeft &&\n        hasRight\n      ) {\n\n        header =\n          candidate;\n\n        break;\n\n      }\n\n\n      candidate =\n        candidate.parentElement;\n\n    }\n\n\n    if (!header) return;\n\n\n    header.classList.add(\n      'bplr-global-header'\n    );\n\n\n    header.classList.remove(\n      'header-hidden',\n      'header-visible',\n      'header-intro-hidden',\n      'header-scroll-hidden'\n    );\n\n\n    header.style.removeProperty(\n      'display'\n    );\n\n    header.style.removeProperty(\n      'opacity'\n    );\n\n    header.style.removeProperty(\n      'visibility'\n    );\n\n    header.style.removeProperty(\n      'transform'\n    );\n\n    header.style.removeProperty(\n      'position'\n    );\n\n    header.style.removeProperty(\n      'top'\n    );\n\n  }\n\n\n  function start() {\n\n    recoverBPLRHeader();\n\n\n    setTimeout(\n      recoverBPLRHeader,\n      250\n    );\n\n\n    setTimeout(\n      recoverBPLRHeader,\n      700\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6cf5bc5f elementor-widget elementor-widget-html\" data-id=\"6cf5bc5f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   HEADER SCROLL STATE\n\n   IMPORTANTE:\n   NO ALTERA OPACITY.\n   NO ALTERA DISPLAY.\n   SOLO MUEVE EL HEADER HACIA ARRIBA.\n========================================================= *\/\n\n.bplr-global-header.header-scroll-hidden {\n\n  transform:\n    translate3d(0,-110%,0) !important;\n\n  opacity:\n    1 !important;\n\n  visibility:\n    visible !important;\n\n}\n\n\n\/* =========================================================\n   CUANDO EST\u00c1 VISIBLE\n========================================================= *\/\n\n.bplr-global-header:not(.header-scroll-hidden) {\n\n  transform:\n    translate3d(0,0,0) !important;\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function initBPLRHeaderScroll() {\n\n    const header =\n      document.querySelector(\n        '.bplr-global-header'\n      );\n\n\n    if (!header) {\n\n      return;\n\n    }\n\n\n    \/* =====================================================\n       LIMPIAR LISTENER ANTERIOR\n       SI ELEMENTOR REEJECUTA EL WIDGET\n    ===================================================== *\/\n\n    if (\n      window.__bplrHeaderScrollHandler\n    ) {\n\n      window.removeEventListener(\n        'scroll',\n        window.__bplrHeaderScrollHandler\n      );\n\n    }\n\n\n    \/* =====================================================\n       ESTADO INICIAL\n    ===================================================== *\/\n\n    header.classList.remove(\n      'header-scroll-hidden'\n    );\n\n\n    let lastY =\n      window.scrollY;\n\n\n    let accumulator =\n      0;\n\n\n    let lastDirection =\n      null;\n\n\n    let ticking =\n      false;\n\n\n\n    \/* =====================================================\n       UPDATE\n    ===================================================== *\/\n\n    function update() {\n\n      const y =\n        window.scrollY;\n\n\n      const delta =\n        y - lastY;\n\n\n\n      \/* =================================================\n         CERCA DEL TOP = SIEMPRE VISIBLE\n      ================================================= *\/\n\n      if (\n        y <= 80\n      ) {\n\n        header.classList.remove(\n          'header-scroll-hidden'\n        );\n\n\n        accumulator =\n          0;\n\n\n        lastDirection =\n          null;\n\n\n        lastY =\n          y;\n\n\n        ticking =\n          false;\n\n\n        return;\n\n      }\n\n\n\n      \/* =================================================\n         MENU ABIERTO = SIEMPRE VISIBLE\n      ================================================= *\/\n\n      if (\n        document.body.classList\n          .contains(\n            'mobile-menu-open'\n          )\n      ) {\n\n        header.classList.remove(\n          'header-scroll-hidden'\n        );\n\n\n        accumulator =\n          0;\n\n\n        lastY =\n          y;\n\n\n        ticking =\n          false;\n\n\n        return;\n\n      }\n\n\n\n      \/* =================================================\n         DOWN\n      ================================================= *\/\n\n      if (\n        delta > 0\n      ) {\n\n        if (\n          lastDirection !==\n          'down'\n        ) {\n\n          accumulator =\n            0;\n\n        }\n\n\n        lastDirection =\n          'down';\n\n\n        accumulator +=\n          delta;\n\n\n        \/*\n          NO OCULTAMOS CON MICRO MOVIMIENTOS.\n          EL USUARIO DEBE BAJAR ~24PX.\n        *\/\n\n        if (\n          accumulator >= 24 &&\n          y > 130\n        ) {\n\n          header.classList.add(\n            'header-scroll-hidden'\n          );\n\n\n          accumulator =\n            0;\n\n        }\n\n      }\n\n\n\n      \/* =================================================\n         UP\n      ================================================= *\/\n\n      else if (\n        delta < 0\n      ) {\n\n        if (\n          lastDirection !==\n          'up'\n        ) {\n\n          accumulator =\n            0;\n\n        }\n\n\n        lastDirection =\n          'up';\n\n\n        accumulator +=\n          Math.abs(\n            delta\n          );\n\n\n        \/*\n          AL SUBIR RESPONDE M\u00c1S R\u00c1PIDO.\n        *\/\n\n        if (\n          accumulator >= 10\n        ) {\n\n          header.classList.remove(\n            'header-scroll-hidden'\n          );\n\n\n          accumulator =\n            0;\n\n        }\n\n      }\n\n\n      lastY =\n        y;\n\n\n      ticking =\n        false;\n\n    }\n\n\n\n    \/* =====================================================\n       HANDLER GLOBAL\n    ===================================================== *\/\n\n    window.__bplrHeaderScrollHandler =\n      function () {\n\n        if (!ticking) {\n\n          ticking =\n            true;\n\n\n          requestAnimationFrame(\n            update\n          );\n\n        }\n\n      };\n\n\n    window.addEventListener(\n\n      'scroll',\n\n      window.__bplrHeaderScrollHandler,\n\n      {\n        passive:\n          true\n      }\n\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     ESPERAMOS A QUE EL SCRIPT DE RECOVERY\n     TERMINE DE IDENTIFICAR EL HEADER.\n  ===================================================== *\/\n\n  function start() {\n\n    setTimeout(\n      initBPLRHeaderScroll,\n      850\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ab12f88 elementor-widget elementor-widget-html\" data-id=\"1ab12f88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     BPLR MOBILE \/ TABLET MENU\n========================================================= -->\n\n<div\n  id=\"bplr-case-mobile-menu\"\n  class=\"bplr-mobile-menu\"\n  aria-hidden=\"true\"\n>\n\n  <div class=\"bplr-menu-nav\">\n\n    <a\n      href=\"#\"\n      data-home-anchor=\"about\"\n    >\n      ABOUT\n    <\/a>\n\n    <a\n      href=\"#\"\n      data-home-anchor=\"work\"\n    >\n      WORK\n    <\/a>\n\n    <a\n      href=\"#\"\n      data-home-anchor=\"join\"\n    >\n      JOIN US\n    <\/a>\n\n  <\/div>\n\n\n  <div class=\"bplr-menu-bottom\">\n\n\n    <!-- SOCIAL -->\n\n    <div class=\"bplr-menu-social\">\n\n\n      <a\n        href=\"#\"\n        aria-label=\"Instagram\"\n        class=\"social-box\"\n      >\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n          <rect\n            x=\"3\"\n            y=\"3\"\n            width=\"18\"\n            height=\"18\"\n            rx=\"5\"\n            ry=\"5\"\n          ><\/rect>\n\n          <circle\n            cx=\"12\"\n            cy=\"12\"\n            r=\"4\"\n          ><\/circle>\n\n          <circle\n            cx=\"17.5\"\n            cy=\"6.5\"\n            r=\"1\"\n          ><\/circle>\n        <\/svg>\n\n      <\/a>\n\n\n      <a\n        href=\"#\"\n        aria-label=\"LinkedIn\"\n        class=\"social-box\"\n      >\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n\n          <rect\n            x=\"3\"\n            y=\"9\"\n            width=\"4\"\n            height=\"12\"\n          ><\/rect>\n\n          <circle\n            cx=\"5\"\n            cy=\"5\"\n            r=\"2\"\n          ><\/circle>\n\n          <path\n            d=\"M10 9h4v2c1-1.5 2.5-2.5 4.5-2.5 3.5 0 5.5 2.3 5.5 6.5V21h-4v-5.3c0-2-.7-3.4-2.6-3.4-1.4 0-2.3.9-2.7 1.9-.1.4-.2 1-.2 1.5V21h-4z\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/a>\n\n\n      <a\n        href=\"#\"\n        aria-label=\"Vimeo\"\n        class=\"social-box\"\n      >\n\n        <svg\n          viewBox=\"0 0 24 24\"\n          aria-hidden=\"true\"\n        >\n\n          <path\n            d=\"M3 8.5c2-2.3 4.7-4.9 7-4.9 2.1 0 2.6 1.3 3 4 .5 3.5.8 6 1.8 6 1.1 0 3-2.1 4.3-4.2.7-1.1.4-1.7-.6-1.7-.5 0-1.2.2-1.8.5.6-3 2.6-4.5 5.8-4.4 2.4.1 3.4 1.4 2.8 3.8-1 4.2-6.8 11.7-10.9 14-2.3 1.3-4.3.5-5.3-1.7C7.8 17.1 7 13.4 6.2 10.7c-.5-1.7-.9-2.3-1.7-2.3-.5 0-1 .4-1.5.9z\"\n          ><\/path>\n\n        <\/svg>\n\n      <\/a>\n\n\n    <\/div>\n\n\n    <!-- ADDRESS -->\n\n    <div class=\"bplr-menu-address\">\n\n      <div class=\"address-title\">\n        Headquarters\n      <\/div>\n\n      <div class=\"address-copy\">\n\n        L\u00e1zaro C\u00e1rdenas 2424,<br>\n        Loma Larga Oriente<br>\n        San Pedro Garza Garc\u00eda<br>\n        Nuevo Le\u00f3n, M\u00e9xico<br>\n        C.P. 66266\n\n      <\/div>\n\n    <\/div>\n\n\n  <\/div>\n\n<\/div>\n\n\n\n<style>\n\/* =========================================================\n   FORCE VISIBLE HAMBURGER \u2014 TABLET \/ MOBILE\n========================================================= *\/\n\n@media (max-width:1180px) {\n\n  .bplr-header-right {\n\n    position:\n      relative !important;\n\n    min-width:\n      32px;\n\n    min-height:\n      32px;\n\n  }\n\n\n  \/* Hide Elementor's original icon.\n     We draw our own hamburger instead. *\/\n\n  .bplr-header-right\n  .elementor-icon {\n\n    opacity:\n      0 !important;\n\n  }\n\n\n  \/* HAMBURGER *\/\n\n  .bplr-header-right::before {\n\n    content:\n      \"\";\n\n    position:\n      absolute;\n\n    right:\n      0;\n\n    top:\n      50%;\n\n    width:\n      30px;\n\n    height:\n      2px;\n\n    background:\n      #ffffff;\n\n    box-shadow:\n      0 -8px 0 #ffffff,\n      0 8px 0 #ffffff;\n\n    transform:\n      translateY(-50%);\n\n    opacity:\n      1;\n\n    pointer-events:\n      none;\n\n    transition:\n      opacity .2s ease;\n\n  }\n\n\n  \/* Hide hamburger when menu is open.\n     Existing ::after X takes its place. *\/\n\n  body.mobile-menu-open\n  .bplr-header-right::before {\n\n    opacity:\n      0;\n\n  }\n\n}\n\n\/* =========================================================\n   MOBILE MENU\n========================================================= *\/\n\n.bplr-mobile-menu {\n\n  position:\n    fixed;\n\n  inset:\n    0;\n\n  width:\n    100vw;\n\n  height:\n    100vh;\n\n  height:\n    100dvh;\n\n  margin:\n    0;\n\n  padding:\n    105px 20px 24px;\n\n  box-sizing:\n    border-box;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  justify-content:\n    space-between;\n\n  overflow:\n    hidden;\n\n  background:\n    #F5F5F5;\n\n  color:\n    #0B0B0D;\n\n  opacity:\n    0;\n\n  visibility:\n    hidden;\n\n  pointer-events:\n    none;\n\n  transform:\n    translate3d(0,-20px,0);\n\n  transition:\n    opacity .3s ease,\n    transform .45s cubic-bezier(.65,0,.35,1),\n    visibility .3s;\n\n  z-index:\n    999990;\n\n}\n\n\n\/* =========================================================\n   OPEN\n========================================================= *\/\n\nbody.mobile-menu-open\n.bplr-mobile-menu {\n\n  opacity:\n    1;\n\n  visibility:\n    visible;\n\n  pointer-events:\n    auto;\n\n  transform:\n    translate3d(0,0,0);\n\n}\n\n\n\/* =========================================================\n   NAV\n========================================================= *\/\n\n.bplr-menu-nav {\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  align-items:\n    flex-start;\n\n  justify-content:\n    flex-start;\n\n  gap:\n    0;\n\n  text-align:\n    left;\n\n}\n\n\n.bplr-menu-nav a,\n.bplr-menu-nav a:link,\n.bplr-menu-nav a:visited,\n.bplr-menu-nav a:hover,\n.bplr-menu-nav a:focus,\n.bplr-menu-nav a:active {\n\n  display:\n    block;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(68px,18vw,110px);\n\n  font-weight:\n    800 !important;\n\n  font-style:\n    normal;\n\n  line-height:\n    .83;\n\n  letter-spacing:\n    -2px;\n\n  text-transform:\n    uppercase;\n\n  color:\n    #0B0B0D !important;\n\n  text-decoration:\n    none !important;\n\n  border:\n    0 !important;\n\n  box-shadow:\n    none !important;\n\n  background:\n    transparent !important;\n\n  transform:\n    skewX(0deg);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .28s cubic-bezier(.65,0,.35,1);\n\n}\n\n\n.bplr-menu-nav a::before,\n.bplr-menu-nav a::after {\n\n  content:\n    none !important;\n\n  display:\n    none !important;\n\n}\n\n\n@media (hover:hover) {\n\n  .bplr-menu-nav a:hover {\n\n    transform:\n      skewX(-10deg);\n\n  }\n\n}\n\n\n\/* =========================================================\n   BOTTOM\n========================================================= *\/\n\n.bplr-menu-bottom {\n\n  width:\n    100%;\n\n  display:\n    flex;\n\n  flex-direction:\n    column;\n\n  gap:\n    28px;\n\n}\n\n\n\/* =========================================================\n   SOCIAL\n========================================================= *\/\n\n.bplr-menu-social {\n\n  display:\n    flex;\n\n  gap:\n    18px;\n\n}\n\n\n.social-box,\n.social-box:hover,\n.social-box:focus,\n.social-box:active,\n.social-box:visited {\n\n  width:\n    auto;\n\n  height:\n    auto;\n\n  margin:\n    0;\n\n  padding:\n    0 !important;\n\n  border:\n    0 !important;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  color:\n    #0B0B0D !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  background:\n    transparent !important;\n\n}\n\n\n.social-box svg {\n\n  width:\n    30px;\n\n  height:\n    30px;\n\n  fill:\n    none;\n\n  stroke:\n    currentColor;\n\n  stroke-width:\n    1.8;\n\n  stroke-linecap:\n    round;\n\n  stroke-linejoin:\n    round;\n\n}\n\n\n.social-box[aria-label=\"Vimeo\"] svg {\n\n  fill:\n    currentColor;\n\n  stroke:\n    none;\n\n}\n\n\n\/* =========================================================\n   ADDRESS\n========================================================= *\/\n\n.bplr-menu-address {\n\n  border-top:\n    1px solid #d5d5d5;\n\n  padding-top:\n    20px;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif;\n\n  color:\n    #0B0B0D;\n\n}\n\n\n.bplr-menu-address\n.address-title {\n\n  margin-bottom:\n    8px;\n\n  font-size:\n    20px;\n\n  font-weight:\n    600;\n\n  line-height:\n    1.15;\n\n}\n\n\n.bplr-menu-address\n.address-copy {\n\n  font-size:\n    20px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1.2;\n\n}\n\n\n\/* =========================================================\n   HEADER WHILE MENU IS OPEN\n========================================================= *\/\n\n@media (max-width:1180px) {\n\n  body.mobile-menu-open\n  .bplr-global-header {\n\n    transform:\n      translate3d(0,0,0) !important;\n\n    background:\n      #F5F5F5 !important;\n\n  }\n\n\n  \/* LOGO TO BLACK *\/\n\n  body.mobile-menu-open\n  .bplr-header-left img {\n\n    filter:\n      brightness(0)\n      saturate(100%) !important;\n\n  }\n\n\n  \/* HIDE ORIGINAL HAMBURGER *\/\n\n  body.mobile-menu-open\n  .bplr-header-right\n  .elementor-icon {\n\n    opacity:\n      0 !important;\n\n  }\n\n\n  \/* X *\/\n\n  .bplr-header-right::after {\n\n    content:\n      \"\u00d7\";\n\n    position:\n      absolute;\n\n    right:\n      0;\n\n    top:\n      50%;\n\n    transform:\n      translateY(-53%);\n\n    color:\n      #0B0B0D;\n\n    font-family:\n      Arial,\n      sans-serif;\n\n    font-size:\n      42px;\n\n    font-weight:\n      300;\n\n    line-height:\n      1;\n\n    opacity:\n      0;\n\n    pointer-events:\n      none;\n\n    transition:\n      opacity .2s ease;\n\n  }\n\n\n  body.mobile-menu-open\n  .bplr-header-right::after {\n\n    opacity:\n      1;\n\n  }\n\n}\n\n\n\/* =========================================================\n   BLOCK PAGE SCROLL\n========================================================= *\/\n\nbody.mobile-menu-open {\n\n  overflow:\n    hidden !important;\n\n}\n\n\n\/* =========================================================\n   DESKTOP\n========================================================= *\/\n\n@media (min-width:1181px) {\n\n  .bplr-mobile-menu {\n\n    display:\n      none !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n  function initBPLRMobileMenu() {\n\n\n    \/* =====================================================\n       MENU\n    ===================================================== *\/\n\n    const menus =\n      Array.from(\n        document.querySelectorAll(\n          '#bplr-case-mobile-menu'\n        )\n      );\n\n\n    \/* REMOVE CONTACT FROM ALL MOBILE MENU INSTANCES *\/\n\n    menus.forEach(\n      function (menuInstance) {\n\n        menuInstance\n          .querySelectorAll(\n            '[data-home-anchor=\"contact\"]'\n          )\n          .forEach(\n            function (contactLink) {\n\n              contactLink.remove();\n\n            }\n          );\n\n      }\n    );\n\n\n    if (!menus.length) return;\n\n\n    const menu =\n      menus[\n        menus.length - 1\n      ];\n\n\n    \/* Remove accidental Elementor duplicates *\/\n\n    menus\n      .slice(\n        0,\n        -1\n      )\n      .forEach(\n        function (oldMenu) {\n\n          oldMenu.remove();\n\n        }\n      );\n\n\n    \/* =====================================================\n       MOVE MENU TO BODY\n    ===================================================== *\/\n\n    if (\n      menu.parentElement !==\n      document.body\n    ) {\n\n      document.body.appendChild(\n        menu\n      );\n\n    }\n\n\n    \/* =====================================================\n       HEADER + TRIGGER\n    ===================================================== *\/\n\n    const header =\n      document.querySelector(\n        '.bplr-global-header'\n      );\n\n\n    if (!header) return;\n\n\n    const trigger =\n      header.querySelector(\n        '.bplr-header-right'\n      );\n\n\n    if (!trigger) return;\n\n\n    \/* =====================================================\n       PAGE LINKS\n\n       MOBILE \/ TABLET MIRRORS THE LINKS\n       ALREADY ASSIGNED TO DESKTOP HEADER.\n\n       THIS MEANS:\n       - STAGING WORKS NOW\n       - PRODUCTION WILL WORK LATER\n       - NO DUPLICATE URL MAINTENANCE\n    ===================================================== *\/\n\n    const headerLinks =\n      Array.from(\n        header.querySelectorAll(\n          'a[href]'\n        )\n      );\n\n\n    function getHeaderHref(label) {\n\n      const match =\n        headerLinks.find(\n          function (link) {\n\n            return (\n              link.textContent ||\n              ''\n            )\n              .trim()\n              .toUpperCase() ===\n              label;\n\n          }\n        );\n\n\n      return match\n        ? match.href\n        : '';\n\n    }\n\n\n    const pageLinks = {\n\n      about:\n        getHeaderHref(\n          'ABOUT'\n        ),\n\n      work:\n        getHeaderHref(\n          'WORK'\n        ),\n\n      join:\n        getHeaderHref(\n          'JOIN US'\n        )\n\n    };\n\n\n    menu\n      .querySelectorAll(\n        '[data-home-anchor]'\n      )\n      .forEach(\n        function (link) {\n\n          const key =\n            link.dataset.homeAnchor;\n\n\n          if (\n            pageLinks[key]\n          ) {\n\n            link.href =\n              pageLinks[key];\n\n          }\n\n        }\n      );\n\n\n    \/* =====================================================\n       STATE\n    ===================================================== *\/\n\n    function isOpen() {\n\n      return document.body\n        .classList\n        .contains(\n          'mobile-menu-open'\n        );\n\n    }\n\n\n    function openMenu() {\n\n      if (\n        window.innerWidth >\n        1180\n      ) {\n\n        return;\n\n      }\n\n\n      document.body.classList.add(\n        'mobile-menu-open'\n      );\n\n\n      header.classList.remove(\n        'header-scroll-hidden'\n      );\n\n\n      menu.setAttribute(\n        'aria-hidden',\n        'false'\n      );\n\n    }\n\n\n    function closeMenu() {\n\n      document.body.classList.remove(\n        'mobile-menu-open'\n      );\n\n\n      menu.setAttribute(\n        'aria-hidden',\n        'true'\n      );\n\n    }\n\n\n    function toggleMenu() {\n\n      if (isOpen()) {\n\n        closeMenu();\n\n      }\n\n      else {\n\n        openMenu();\n\n      }\n\n    }\n\n\n    \/* =====================================================\n       RESET\n    ===================================================== *\/\n\n    closeMenu();\n\n\n    \/* =====================================================\n       TRIGGER\n\n       Clean replacement prevents duplicate clicks\n       caused by Elementor re-rendering.\n    ===================================================== *\/\n\n    if (\n      trigger.__bplrMenuHandler\n    ) {\n\n      trigger.removeEventListener(\n        'click',\n        trigger.__bplrMenuHandler\n      );\n\n    }\n\n\n    trigger.__bplrMenuHandler =\n      function (event) {\n\n        if (\n          window.innerWidth >\n          1180\n        ) {\n\n          return;\n\n        }\n\n\n        event.preventDefault();\n\n        event.stopPropagation();\n\n\n        toggleMenu();\n\n      };\n\n\n    trigger.addEventListener(\n      'click',\n      trigger.__bplrMenuHandler\n    );\n\n\n    \/* =====================================================\n       LINKS CLOSE MENU\n    ===================================================== *\/\n\n    menu\n      .querySelectorAll(\n        '.bplr-menu-nav a'\n      )\n      .forEach(\n        function (link) {\n\n          link.addEventListener(\n            'click',\n            closeMenu\n          );\n\n        }\n      );\n\n\n    \/* =====================================================\n       ESC\n    ===================================================== *\/\n\n    document.addEventListener(\n      'keydown',\n      function (event) {\n\n        if (\n          event.key ===\n          'Escape' &&\n          isOpen()\n        ) {\n\n          closeMenu();\n\n        }\n\n      }\n    );\n\n\n    \/* =====================================================\n       DESKTOP RESIZE\n    ===================================================== *\/\n\n    window.addEventListener(\n      'resize',\n      function () {\n\n        if (\n          window.innerWidth >\n          1180 &&\n          isOpen()\n        ) {\n\n          closeMenu();\n\n        }\n\n      },\n      {\n        passive:\n          true\n      }\n    );\n\n  }\n\n\n  function start() {\n\n    \/*\n      Esperamos a que los otros dos widgets\n      terminen de recuperar el header\n      y activar el scroll.\n    *\/\n\n    setTimeout(\n      initBPLRMobileMenu,\n      950\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14e32b31 elementor-widget elementor-widget-html\" data-id=\"14e32b31\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     BPLR \u2014 GLOBAL PAGE TRANSITION V3.1\n     RED \u2192 BLUE \u2192 TRANSPARENT REVEAL\n\n     PERFORMANCE:\n     1. Immediate prefetch of primary header destinations\n     2. Prerender on user intent when supported\n     3. Prefetch fallback\n========================================================= -->\n\n\n<!-- =========================================================\n     EARLY INCOMING DETECTION\n========================================================= -->\n\n<script>\n\n(function () {\n\n  try {\n\n    const target =\n      sessionStorage.getItem(\n        'bplr-transition-target'\n      );\n\n    const timestamp =\n      Number(\n        sessionStorage.getItem(\n          'bplr-transition-time'\n        )\n      );\n\n\n    const isRecent =\n      timestamp &&\n      (\n        Date.now() - timestamp\n      ) < 10000;\n\n\n    if (\n      target &&\n      isRecent\n    ) {\n\n      const current =\n        new URL(\n          window.location.href\n        );\n\n\n      const expected =\n        new URL(\n          target,\n          window.location.origin\n        );\n\n\n      if (\n        current.pathname ===\n          expected.pathname &&\n        current.search ===\n          expected.search\n      ) {\n\n        document.documentElement\n          .classList\n          .add(\n            'bplr-transition-in'\n          );\n\n      }\n\n    }\n\n\n    sessionStorage.removeItem(\n      'bplr-transition-target'\n    );\n\n\n    sessionStorage.removeItem(\n      'bplr-transition-time'\n    );\n\n  }\n\n  catch (error) {}\n\n})();\n\n<\/script>\n\n\n\n<!-- =========================================================\n     TRANSITION STAGE\n========================================================= -->\n\n<div\n  id=\"bplr-page-transition\"\n  aria-hidden=\"true\"\n>\n\n\n  <!-- =====================================================\n       OUTGOING\n  ====================================================== -->\n\n  <svg\n    id=\"bplr-transition-outgoing\"\n    class=\"bplr-transition-svg\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    preserveAspectRatio=\"none\"\n  >\n\n    <circle\n      id=\"bplr-transition-red\"\n      fill=\"#F01F46\"\n    ><\/circle>\n\n\n    <circle\n      id=\"bplr-transition-blue\"\n      fill=\"#4278D3\"\n    ><\/circle>\n\n  <\/svg>\n\n\n\n  <!-- =====================================================\n       INCOMING\n  ====================================================== -->\n\n  <svg\n    id=\"bplr-transition-incoming\"\n    class=\"bplr-transition-svg\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    preserveAspectRatio=\"none\"\n  >\n\n    <defs>\n\n      <mask\n        id=\"bplr-transition-mask\"\n        maskUnits=\"userSpaceOnUse\"\n      >\n\n        <rect\n          id=\"bplr-mask-background\"\n          x=\"0\"\n          y=\"0\"\n          fill=\"white\"\n        ><\/rect>\n\n\n        <circle\n          id=\"bplr-transition-hole\"\n          fill=\"black\"\n        ><\/circle>\n\n      <\/mask>\n\n    <\/defs>\n\n\n    <rect\n      id=\"bplr-transition-blue-screen\"\n      x=\"0\"\n      y=\"0\"\n      fill=\"#4278D3\"\n      mask=\"url(#bplr-transition-mask)\"\n    ><\/rect>\n\n  <\/svg>\n\n\n<\/div>\n\n\n\n<style>\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n#bplr-page-transition {\n\n  position:\n    fixed;\n\n  inset:\n    0;\n\n  width:\n    100vw;\n\n  height:\n    100vh;\n\n  height:\n    100dvh;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  pointer-events:\n    none;\n\n  visibility:\n    hidden;\n\n  z-index:\n    2147483646;\n\n}\n\n\n\/* =========================================================\n   SVG\n========================================================= *\/\n\n#bplr-page-transition\n.bplr-transition-svg {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  display:\n    none;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n}\n\n\n\/* =========================================================\n   OUTGOING\n========================================================= *\/\n\nhtml.bplr-transition-out\n#bplr-page-transition {\n\n  visibility:\n    visible;\n\n  pointer-events:\n    all;\n\n}\n\n\nhtml.bplr-transition-out\n#bplr-transition-outgoing {\n\n  display:\n    block;\n\n}\n\n\n\/* =========================================================\n   INCOMING\n========================================================= *\/\n\nhtml.bplr-transition-in\n#bplr-page-transition {\n\n  visibility:\n    visible;\n\n  pointer-events:\n    all;\n\n}\n\n\nhtml.bplr-transition-in\n#bplr-transition-incoming {\n\n  display:\n    block;\n\n}\n\n\n\/* =========================================================\n   TEMPORARY SCROLL LOCK\n========================================================= *\/\n\nhtml.bplr-transition-out,\nhtml.bplr-transition-in {\n\n  overflow:\n    hidden !important;\n\n}\n\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media\n(prefers-reduced-motion: reduce) {\n\n  #bplr-page-transition {\n\n    display:\n      none !important;\n\n  }\n\n}\n\n<\/style>\n\n\n\n<script>\n\n(function () {\n\n\n  \/* =====================================================\n     SETTINGS\n  ===================================================== *\/\n\n  const RED =\n    '#F01F46';\n\n\n  const BLUE =\n    '#4278D3';\n\n\n  const RED_DURATION =\n    500;\n\n\n  const BLUE_DELAY =\n    145;\n\n\n  const BLUE_DURATION =\n    500;\n\n\n  const REVEAL_DELAY =\n    60;\n\n\n  const REVEAL_DURATION =\n    650;\n\n\n\n  \/* =====================================================\n     ELEMENTS\n  ===================================================== *\/\n\n  const stage =\n    document.getElementById(\n      'bplr-page-transition'\n    );\n\n\n  const outgoing =\n    document.getElementById(\n      'bplr-transition-outgoing'\n    );\n\n\n  const incoming =\n    document.getElementById(\n      'bplr-transition-incoming'\n    );\n\n\n  const redCircle =\n    document.getElementById(\n      'bplr-transition-red'\n    );\n\n\n  const blueCircle =\n    document.getElementById(\n      'bplr-transition-blue'\n    );\n\n\n  const holeCircle =\n    document.getElementById(\n      'bplr-transition-hole'\n    );\n\n\n  const maskBackground =\n    document.getElementById(\n      'bplr-mask-background'\n    );\n\n\n  const blueScreen =\n    document.getElementById(\n      'bplr-transition-blue-screen'\n    );\n\n\n  if (\n    !stage ||\n    !outgoing ||\n    !incoming ||\n    !redCircle ||\n    !blueCircle ||\n    !holeCircle ||\n    !maskBackground ||\n    !blueScreen\n  ) {\n\n    return;\n\n  }\n\n\n\n  \/* =====================================================\n     GEOMETRY\n  ===================================================== *\/\n\n  let viewportWidth =\n    0;\n\n\n  let viewportHeight =\n    0;\n\n\n  let centerX =\n    0;\n\n\n  let centerY =\n    0;\n\n\n  let maximumRadius =\n    0;\n\n\n\n  function setupGeometry() {\n\n    viewportWidth =\n      Math.max(\n        window.innerWidth,\n        1\n      );\n\n\n    viewportHeight =\n      Math.max(\n        window.innerHeight,\n        1\n      );\n\n\n    centerX =\n      viewportWidth \/ 2;\n\n\n    centerY =\n      viewportHeight \/ 2;\n\n\n    maximumRadius =\n      (\n        Math.hypot(\n          viewportWidth,\n          viewportHeight\n        ) \/ 2\n      ) + 12;\n\n\n\n    outgoing.setAttribute(\n      'viewBox',\n      '0 0 ' +\n      viewportWidth +\n      ' ' +\n      viewportHeight\n    );\n\n\n    incoming.setAttribute(\n      'viewBox',\n      '0 0 ' +\n      viewportWidth +\n      ' ' +\n      viewportHeight\n    );\n\n\n\n    redCircle.setAttribute(\n      'cx',\n      centerX\n    );\n\n\n    redCircle.setAttribute(\n      'cy',\n      centerY\n    );\n\n\n    redCircle.setAttribute(\n      'r',\n      2\n    );\n\n\n    redCircle.setAttribute(\n      'fill',\n      RED\n    );\n\n\n\n    blueCircle.setAttribute(\n      'cx',\n      centerX\n    );\n\n\n    blueCircle.setAttribute(\n      'cy',\n      centerY\n    );\n\n\n    blueCircle.setAttribute(\n      'r',\n      2\n    );\n\n\n    blueCircle.setAttribute(\n      'fill',\n      BLUE\n    );\n\n\n\n    holeCircle.setAttribute(\n      'cx',\n      centerX\n    );\n\n\n    holeCircle.setAttribute(\n      'cy',\n      centerY\n    );\n\n\n    holeCircle.setAttribute(\n      'r',\n      0\n    );\n\n\n\n    maskBackground.setAttribute(\n      'width',\n      viewportWidth\n    );\n\n\n    maskBackground.setAttribute(\n      'height',\n      viewportHeight\n    );\n\n\n\n    blueScreen.setAttribute(\n      'width',\n      viewportWidth\n    );\n\n\n    blueScreen.setAttribute(\n      'height',\n      viewportHeight\n    );\n\n\n    blueScreen.setAttribute(\n      'fill',\n      BLUE\n    );\n\n  }\n\n\n\n  setupGeometry();\n\n\n\n  \/* =====================================================\n     EASING\n  ===================================================== *\/\n\n  function easeInOutCubic(t) {\n\n    if (\n      t < 0.5\n    ) {\n\n      return (\n        4 *\n        t *\n        t *\n        t\n      );\n\n    }\n\n\n    return (\n      1 -\n      Math.pow(\n        -2 * t + 2,\n        3\n      ) \/ 2\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     RADIUS ANIMATION\n  ===================================================== *\/\n\n  function animateRadius(\n    element,\n    from,\n    to,\n    duration,\n    delay,\n    callback\n  ) {\n\n    const start =\n      performance.now() +\n      delay;\n\n\n    function frame(now) {\n\n      if (\n        now < start\n      ) {\n\n        requestAnimationFrame(\n          frame\n        );\n\n        return;\n\n      }\n\n\n      const rawProgress =\n        Math.min(\n          (\n            now - start\n          ) \/ duration,\n          1\n        );\n\n\n      const progress =\n        easeInOutCubic(\n          rawProgress\n        );\n\n\n      const radius =\n        from +\n        (\n          to - from\n        ) *\n        progress;\n\n\n      element.setAttribute(\n        'r',\n        radius\n      );\n\n\n      if (\n        rawProgress < 1\n      ) {\n\n        requestAnimationFrame(\n          frame\n        );\n\n      }\n\n      else if (\n        typeof callback ===\n        'function'\n      ) {\n\n        callback();\n\n      }\n\n    }\n\n\n    requestAnimationFrame(\n      frame\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     INCOMING REVEAL\n  ===================================================== *\/\n\n  function runIncomingTransition() {\n\n    setupGeometry();\n\n\n    holeCircle.setAttribute(\n      'r',\n      2\n    );\n\n\n    requestAnimationFrame(\n      function () {\n\n        requestAnimationFrame(\n          function () {\n\n            animateRadius(\n\n              holeCircle,\n\n              2,\n\n              maximumRadius,\n\n              REVEAL_DURATION,\n\n              REVEAL_DELAY,\n\n              function () {\n\n                document.documentElement\n                  .classList\n                  .remove(\n                    'bplr-transition-in'\n                  );\n\n\n                stage.setAttribute(\n                  'aria-hidden',\n                  'true'\n                );\n\n              }\n\n            );\n\n          }\n        );\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     RUN INCOMING\n  ===================================================== *\/\n\n  if (\n    document.documentElement\n      .classList\n      .contains(\n        'bplr-transition-in'\n      )\n  ) {\n\n    stage.setAttribute(\n      'aria-hidden',\n      'false'\n    );\n\n\n    runIncomingTransition();\n\n  }\n\n\n\n  \/* =====================================================\n     INTERNAL URL VALIDATION\n  ===================================================== *\/\n\n  function getInternalURL(link) {\n\n    if (!link) {\n\n      return null;\n\n    }\n\n\n    const href =\n      link.getAttribute(\n        'href'\n      );\n\n\n    if (\n      !href ||\n      href === '#' ||\n      href.startsWith('#') ||\n      href.startsWith('mailto:') ||\n      href.startsWith('tel:') ||\n      href.startsWith('javascript:')\n    ) {\n\n      return null;\n\n    }\n\n\n    let url;\n\n\n    try {\n\n      url =\n        new URL(\n          link.href,\n          window.location.href\n        );\n\n    }\n\n    catch (error) {\n\n      return null;\n\n    }\n\n\n    if (\n      url.origin !==\n      window.location.origin\n    ) {\n\n      return null;\n\n    }\n\n\n    if (\n      url.pathname.includes(\n        '\/wp-admin\/'\n      ) ||\n      url.pathname.includes(\n        '\/wp-login.php'\n      )\n    ) {\n\n      return null;\n\n    }\n\n\n    if (\n      url.pathname ===\n        window.location.pathname &&\n      url.search ===\n        window.location.search\n    ) {\n\n      return null;\n\n    }\n\n\n    return url;\n\n  }\n\n\n\n  \/* =====================================================\n     PERFORMANCE STATE\n  ===================================================== *\/\n\n  const prefetched =\n    new Set();\n\n\n  const prerendered =\n    new Set();\n\n\n\n  \/* =====================================================\n     SPECULATION RULE SUPPORT\n  ===================================================== *\/\n\n  function supportsSpeculationRules() {\n\n    try {\n\n      return (\n        window.HTMLScriptElement &&\n        typeof HTMLScriptElement.supports ===\n          'function' &&\n        HTMLScriptElement.supports(\n          'speculationrules'\n        )\n      );\n\n    }\n\n    catch (error) {\n\n      return false;\n\n    }\n\n  }\n\n\n\n  \/* =====================================================\n     ADD SPECULATION RULE\n  ===================================================== *\/\n\n  function addSpeculationRule(\n    type,\n    url,\n    eagerness\n  ) {\n\n    if (\n      !supportsSpeculationRules()\n    ) {\n\n      return false;\n\n    }\n\n\n    try {\n\n      const script =\n        document.createElement(\n          'script'\n        );\n\n\n      script.type =\n        'speculationrules';\n\n\n      const rule = {};\n\n\n      rule[type] = [\n\n        {\n\n          source:\n            'list',\n\n          urls:\n            [\n              url\n            ],\n\n          eagerness:\n            eagerness || 'moderate'\n\n        }\n\n      ];\n\n\n      script.textContent =\n        JSON.stringify(\n          rule\n        );\n\n\n      document.head.appendChild(\n        script\n      );\n\n\n      return true;\n\n    }\n\n    catch (error) {\n\n      return false;\n\n    }\n\n  }\n\n\n\n  \/* =====================================================\n     PREFETCH\n  ===================================================== *\/\n\n  function prefetchURL(url) {\n\n    if (!url) {\n\n      return;\n\n    }\n\n\n    const key =\n      url.href;\n\n\n    if (\n      prefetched.has(\n        key\n      )\n    ) {\n\n      return;\n\n    }\n\n\n    prefetched.add(\n      key\n    );\n\n\n\n    \/* -----------------------------------------------\n       SPECULATION RULE PREFETCH\n    ------------------------------------------------ *\/\n\n    const speculationAdded =\n      addSpeculationRule(\n        'prefetch',\n        key,\n        'immediate'\n      );\n\n\n    if (\n      speculationAdded\n    ) {\n\n      return;\n\n    }\n\n\n\n    \/* -----------------------------------------------\n       STANDARD PREFETCH FALLBACK\n    ------------------------------------------------ *\/\n\n    try {\n\n      const prefetch =\n        document.createElement(\n          'link'\n        );\n\n\n      prefetch.rel =\n        'prefetch';\n\n\n      prefetch.href =\n        key;\n\n\n      prefetch.as =\n        'document';\n\n\n      document.head.appendChild(\n        prefetch\n      );\n\n    }\n\n    catch (error) {}\n\n  }\n\n\n\n  \/* =====================================================\n     PRERENDER\n  ===================================================== *\/\n\n  function prerenderURL(url) {\n\n    if (!url) {\n\n      return;\n\n    }\n\n\n    const key =\n      url.href;\n\n\n    if (\n      prerendered.has(\n        key\n      )\n    ) {\n\n      return;\n\n    }\n\n\n    prerendered.add(\n      key\n    );\n\n\n\n    \/* -----------------------------------------------\n       ALWAYS PREFETCH AS SAFETY NET\n    ------------------------------------------------ *\/\n\n    prefetchURL(\n      url\n    );\n\n\n\n    \/* -----------------------------------------------\n       PRERENDER IF SUPPORTED\n    ------------------------------------------------ *\/\n\n    addSpeculationRule(\n      'prerender',\n      key,\n      'immediate'\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     PRIMARY HEADER PREFETCH\n\n     HOME \/ ABOUT \/ WORK \/ JOIN\n     are prepared immediately.\n  ===================================================== *\/\n\n  function prefetchPrimaryNavigation() {\n\n    const selectors = [\n\n      '.bplr-global-header a[href]',\n\n      '#bplr-case-mobile-menu a[href]'\n\n    ];\n\n\n    const links =\n      Array.from(\n        document.querySelectorAll(\n          selectors.join(',')\n        )\n      );\n\n\n    let count =\n      0;\n\n\n    links.forEach(\n      function (link) {\n\n        if (\n          count >= 8\n        ) {\n\n          return;\n\n        }\n\n\n        const url =\n          getInternalURL(\n            link\n          );\n\n\n        if (!url) {\n\n          return;\n\n        }\n\n\n        prefetchURL(\n          url\n        );\n\n\n        count++;\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     RUN PRIMARY PREFETCH ASAP\n\n     Multiple passes because Elementor can finish\n     rendering header links slightly later.\n  ===================================================== *\/\n\n  prefetchPrimaryNavigation();\n\n\n  requestAnimationFrame(\n    function () {\n\n      prefetchPrimaryNavigation();\n\n    }\n  );\n\n\n  setTimeout(\n    prefetchPrimaryNavigation,\n    250\n  );\n\n\n  setTimeout(\n    prefetchPrimaryNavigation,\n    800\n  );\n\n\n  setTimeout(\n    prefetchPrimaryNavigation,\n    1600\n  );\n\n\n\n  \/* =====================================================\n     USER INTENT \u2192 PRERENDER\n  ===================================================== *\/\n\n  function prerenderFromEvent(\n    event\n  ) {\n\n    const link =\n      event.target.closest(\n        'a[href]'\n      );\n\n\n    const url =\n      getInternalURL(\n        link\n      );\n\n\n    if (\n      url\n    ) {\n\n      prerenderURL(\n        url\n      );\n\n    }\n\n  }\n\n\n\n  document.addEventListener(\n\n    'mouseover',\n\n    prerenderFromEvent,\n\n    true\n\n  );\n\n\n  document.addEventListener(\n\n    'focusin',\n\n    prerenderFromEvent,\n\n    true\n\n  );\n\n\n  document.addEventListener(\n\n    'pointerdown',\n\n    prerenderFromEvent,\n\n    true\n\n  );\n\n\n  document.addEventListener(\n\n    'touchstart',\n\n    prerenderFromEvent,\n\n    {\n      capture:\n        true,\n\n      passive:\n        true\n    }\n\n  );\n\n\n\n  \/* =====================================================\n     SECONDARY LINKS\n     PREFETCH WHEN BROWSER HAS FREE TIME\n  ===================================================== *\/\n\n  function prefetchSecondaryLinks() {\n\n    const links =\n      Array.from(\n        document.querySelectorAll(\n          'a[href]'\n        )\n      );\n\n\n    let count =\n      0;\n\n\n    links.forEach(\n      function (link) {\n\n        if (\n          count >= 8\n        ) {\n\n          return;\n\n        }\n\n\n        const url =\n          getInternalURL(\n            link\n          );\n\n\n        if (!url) {\n\n          return;\n\n        }\n\n\n        if (\n          prefetched.has(\n            url.href\n          )\n        ) {\n\n          return;\n\n        }\n\n\n        prefetchURL(\n          url\n        );\n\n\n        count++;\n\n      }\n    );\n\n  }\n\n\n\n  if (\n    'requestIdleCallback'\n    in window\n  ) {\n\n    requestIdleCallback(\n\n      prefetchSecondaryLinks,\n\n      {\n        timeout:\n          2500\n      }\n\n    );\n\n  }\n\n  else {\n\n    setTimeout(\n      prefetchSecondaryLinks,\n      1800\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     SHOULD TRANSITION?\n  ===================================================== *\/\n\n  function shouldTransition(\n    link,\n    event\n  ) {\n\n    if (!link) {\n\n      return false;\n\n    }\n\n\n    if (\n      event.button !== 0\n    ) {\n\n      return false;\n\n    }\n\n\n    if (\n      event.metaKey ||\n      event.ctrlKey ||\n      event.shiftKey ||\n      event.altKey\n    ) {\n\n      return false;\n\n    }\n\n\n    if (\n      link.hasAttribute(\n        'download'\n      )\n    ) {\n\n      return false;\n\n    }\n\n\n    if (\n      link.getAttribute(\n        'target'\n      ) === '_blank'\n    ) {\n\n      return false;\n\n    }\n\n\n    if (\n      link.hasAttribute(\n        'data-no-transition'\n      )\n    ) {\n\n      return false;\n\n    }\n\n\n    if (\n      link.closest(\n        '#wpadminbar'\n      )\n    ) {\n\n      return false;\n\n    }\n\n\n    return !!getInternalURL(\n      link\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     CLICK\n  ===================================================== *\/\n\n  document.addEventListener(\n\n    'click',\n\n    function (event) {\n\n\n      const link =\n        event.target.closest(\n          'a[href]'\n        );\n\n\n      if (\n        !shouldTransition(\n          link,\n          event\n        )\n      ) {\n\n        return;\n\n      }\n\n\n\n      if (\n        document.documentElement\n          .classList\n          .contains(\n            'bplr-transition-out'\n          )\n      ) {\n\n        event.preventDefault();\n\n        return;\n\n      }\n\n\n\n      event.preventDefault();\n\n\n\n      const destination =\n        link.href;\n\n\n      const destinationURL =\n        getInternalURL(\n          link\n        );\n\n\n\n      \/* =================================================\n         LAST CHANCE PRERENDER\n      ================================================= *\/\n\n      if (\n        destinationURL\n      ) {\n\n        prerenderURL(\n          destinationURL\n        );\n\n      }\n\n\n\n      \/* =================================================\n         PREPARE TRANSITION\n      ================================================= *\/\n\n      setupGeometry();\n\n\n      redCircle.setAttribute(\n        'r',\n        2\n      );\n\n\n      blueCircle.setAttribute(\n        'r',\n        2\n      );\n\n\n      stage.setAttribute(\n        'aria-hidden',\n        'false'\n      );\n\n\n      document.documentElement\n        .classList\n        .add(\n          'bplr-transition-out'\n        );\n\n\n\n      \/* =================================================\n         SAVE DESTINATION\n      ================================================= *\/\n\n      try {\n\n        sessionStorage.setItem(\n          'bplr-transition-target',\n          destination\n        );\n\n\n        sessionStorage.setItem(\n          'bplr-transition-time',\n          String(\n            Date.now()\n          )\n        );\n\n      }\n\n      catch (error) {}\n\n\n\n      \/* =================================================\n         RED\n      ================================================= *\/\n\n      animateRadius(\n\n        redCircle,\n\n        2,\n\n        maximumRadius,\n\n        RED_DURATION,\n\n        0\n\n      );\n\n\n\n      \/* =================================================\n         BLUE\n      ================================================= *\/\n\n      animateRadius(\n\n        blueCircle,\n\n        2,\n\n        maximumRadius,\n\n        BLUE_DURATION,\n\n        BLUE_DELAY,\n\n        function () {\n\n\n          window.location.href =\n            destination;\n\n        }\n\n      );\n\n    },\n\n    true\n  );\n\n\n\n  \/* =====================================================\n     BACK \/ FORWARD CACHE\n  ===================================================== *\/\n\n  window.addEventListener(\n\n    'pageshow',\n\n    function (event) {\n\n      if (\n        event.persisted\n      ) {\n\n        document.documentElement\n          .classList\n          .remove(\n            'bplr-transition-out',\n            'bplr-transition-in'\n          );\n\n\n        stage.setAttribute(\n          'aria-hidden',\n          'true'\n        );\n\n      }\n\n    }\n\n  );\n\n\n\n  \/* =====================================================\n     RESIZE\n  ===================================================== *\/\n\n  let resizeTimer;\n\n\n  window.addEventListener(\n\n    'resize',\n\n    function () {\n\n      clearTimeout(\n        resizeTimer\n      );\n\n\n      resizeTimer =\n        setTimeout(\n\n          function () {\n\n            if (\n              !document.documentElement\n                .classList\n                .contains(\n                  'bplr-transition-out'\n                ) &&\n              !document.documentElement\n                .classList\n                .contains(\n                  'bplr-transition-in'\n                )\n            ) {\n\n              setupGeometry();\n\n            }\n\n          },\n\n          120\n\n        );\n\n    },\n\n    {\n      passive:\n        true\n    }\n\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2b58d633 e-con-full e-flex e-con e-child\" data-id=\"2b58d633\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c6fb851 elementor-widget elementor-widget-html\" data-id=\"c6fb851\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"bplr-work-hero\">\n\n  <div class=\"bplr-work-hero__inner\">\n\n    <h1 class=\"bplr-work-hero__title\">\n      <span>THE FINAL FRAME<\/span>\n      <span>MAKES IT ALL<\/span>\n      <span>WORTH IT.<\/span>\n    <\/h1>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   WORK HERO\n   EL STICKY LO HAR\u00c1 EL WIDGET HTML PADRE\n========================================================= *\/\n\n.bplr-work-hero {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n  height:\n    72vh;\n\n  min-height:\n    620px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  background:\n    #000;\n\n  box-sizing:\n    border-box;\n\n}\n\n\n.bplr-work-hero__inner {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  display:\n    flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    center;\n\n  padding:\n    0 5vw;\n\n  box-sizing:\n    border-box;\n\n}\n\n\n.bplr-work-hero__title {\n\n  width:\n    100%;\n\n  max-width:\n    1100px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #F5F5F5;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(82px,7.6vw,148px);\n\n  font-weight:\n    800;\n\n  line-height:\n    .82;\n\n  letter-spacing:\n    -.035em;\n\n  text-align:\n    center;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.bplr-work-hero__title span {\n\n  display:\n    block;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-hero {\n\n    height:\n      64vh;\n\n    min-height:\n      560px;\n\n  }\n\n\n  .bplr-work-hero__inner {\n\n    padding:\n      0 7vw;\n\n  }\n\n\n  .bplr-work-hero__title {\n\n    max-width:\n      850px;\n\n    font-size:\n      clamp(72px,10vw,112px);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width:767px) {\n\n  .bplr-work-hero {\n\n    height:\n      58vh;\n\n    min-height:\n      480px;\n\n  }\n\n\n  .bplr-work-hero__inner {\n\n    padding:\n      0 7vw;\n\n  }\n\n\n  .bplr-work-hero__title {\n\n    max-width:\n      560px;\n\n    font-size:\n      clamp(58px,15vw,82px);\n\n    line-height:\n      .82;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupWorkHero() {\n\n\n    const hero =\n      document.querySelector(\n        '.bplr-work-hero'\n      );\n\n\n    if (!hero) return;\n\n\n\n    \/* =====================================================\n       HTML WIDGET DEL HERO\n\n       ESTE ES EL ELEMENTO QUE DEBE SER STICKY.\n    ===================================================== *\/\n\n    const widget =\n      hero.closest(\n        '.elementor-widget-html'\n      );\n\n\n    if (!widget) return;\n\n\n\n    \/* =====================================================\n       CONTAINER HERO WORK\n\n       Es el padre compartido de:\n       HTML HERO\n       HTML CASO 1\n\n       Lo convertimos en full viewport.\n    ===================================================== *\/\n\n    const stage =\n      widget.closest(\n        '.e-con'\n      );\n\n\n    if (stage) {\n\n\n      stage.classList.add(\n        'bplr-work-stage-runtime'\n      );\n\n\n      stage.style.setProperty(\n        'position',\n        'relative',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'display',\n        'flex',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'flex-direction',\n        'column',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'width',\n        '100vw',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'max-width',\n        '100vw',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'margin-left',\n        'calc(50% - 50vw)',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'margin-right',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'margin-top',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'margin-bottom',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'padding-left',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'padding-right',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'padding-top',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'padding-bottom',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'gap',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'row-gap',\n        '0',\n        'important'\n      );\n\n\n      \/*\n        MUY IMPORTANTE:\n        NADA DE CLIP \/ HIDDEN.\n      *\/\n\n      stage.style.setProperty(\n        'overflow',\n        'visible',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'overflow-x',\n        'visible',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'overflow-y',\n        'visible',\n        'important'\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       EL WIDGET HTML ES EL STICKY REAL\n    ===================================================== *\/\n\n    widget.style.setProperty(\n      'position',\n      'sticky',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'position',\n      '-webkit-sticky',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'top',\n      '0',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'z-index',\n      '1',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'width',\n      '100%',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'max-width',\n      'none',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'margin',\n      '0',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'padding',\n      '0',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'overflow',\n      'visible',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'align-self',\n      'stretch',\n      'important'\n    );\n\n  }\n\n\n\n  function start() {\n\n    setupWorkHero();\n\n\n    \/*\n      Elementor puede terminar de montar\n      los containers un instante despu\u00e9s.\n    *\/\n\n    setTimeout(\n      setupWorkHero,\n      250\n    );\n\n\n    setTimeout(\n      setupWorkHero,\n      700\n    );\n\n  }\n\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-365747ad elementor-widget elementor-widget-html\" data-id=\"365747ad\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"bplr-work-case\">\n\n  <!-- IMAGE -->\n\n  <div class=\"bplr-work-case__media\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/bipolar.mx\/wp-content\/uploads\/2026\/10\/Untitled-3.jpg\"\n      alt=\"Cambia el Mood \u2014 Tim Hortons\"\n      draggable=\"false\"\n    >\n\n  <\/div>\n\n\n  <!-- GRADIENT -->\n\n  <div\n    class=\"bplr-work-case__shade\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- CONTENT -->\n\n  <div class=\"bplr-work-case__content\">\n\n    <h2 class=\"bplr-work-case__title\">\n      CAMBIA EL MOOD\n    <\/h2>\n\n\n    <p class=\"bplr-work-case__description\">\n      A burst of color, flavor and refreshment made to shift the mood.\n    <\/p>\n\n\n    <a\n      class=\"bplr-work-case__cta\"\n      href=\"\/cambia-el-mood\/\"\n    >\n\n      <span>\n        VIEW FULL STORY\n      <\/span>\n\n      <span\n        class=\"bplr-work-case__arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n\n<style>\n\n\/* =========================================================\n   WORK CASE\n========================================================= *\/\n\n.bplr-work-case {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n  height:\n    100vh;\n\n  height:\n    100svh;\n\n  min-height:\n    720px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  background:\n    #000;\n\n  box-sizing:\n    border-box;\n\n  z-index:\n    2;\n\n}\n\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.bplr-work-case__media {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  overflow:\n    hidden;\n\n}\n\n\n.bplr-work-case__media img {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  max-width:\n    none;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s cubic-bezier(.22,.8,.3,1);\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n}\n\n\n@media (hover:hover) {\n\n  .bplr-work-case:hover\n  .bplr-work-case__media img {\n\n    transform:\n      scale(1.018);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   GRADIENT\n========================================================= *\/\n\n.bplr-work-case__shade {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  z-index:\n    1;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.78) 0%,\n      rgba(0,0,0,.45) 23%,\n      rgba(0,0,0,.12) 50%,\n      rgba(0,0,0,0) 70%\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.bplr-work-case__content {\n\n  position:\n    absolute;\n\n  left:\n    4vw;\n\n  right:\n    4vw;\n\n  bottom:\n    5.5vh;\n\n  z-index:\n    3;\n\n  width:\n    auto;\n\n  max-width:\n    920px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.bplr-work-case__title {\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(72px,6vw,120px);\n\n  font-weight:\n    800;\n\n  line-height:\n    .88;\n\n  letter-spacing:\n    -.025em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.bplr-work-case__description {\n\n  max-width:\n    660px;\n\n  margin:\n    22px 0 30px;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(18px,1.25vw,23px);\n\n  font-weight:\n    400 !important;\n\n  font-style:\n    normal;\n\n  line-height:\n    1.35;\n\n  letter-spacing:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.bplr-work-case__cta,\n.bplr-work-case__cta:link,\n.bplr-work-case__cta:visited,\n.bplr-work-case__cta:hover,\n.bplr-work-case__cta:focus,\n.bplr-work-case__cta:active {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  width:\n    230px;\n\n  height:\n    58px;\n\n  margin:\n    0;\n\n  padding:\n    0 20px;\n\n  box-sizing:\n    border-box;\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  border-radius:\n    0;\n\n  background:\n    transparent !important;\n\n  color:\n    #fff !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .04em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.bplr-work-case__cta\nspan:first-child {\n\n  display:\n    inline-block;\n\n  transform:\n    skewX(0deg);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .25s cubic-bezier(.65,0,.35,1);\n\n}\n\n\n.bplr-work-case__cta:hover\nspan:first-child {\n\n  transform:\n    skewX(-10deg);\n\n}\n\n\n.bplr-work-case__arrow {\n\n  display:\n    inline-block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-case {\n\n    min-height:\n      720px;\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      760px;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(70px,10vw,104px);\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      620px;\n\n    margin:\n      20px 0 28px;\n\n    font-size:\n      20px;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width:767px) {\n\n  .bplr-work-case {\n\n    min-height:\n      680px;\n\n  }\n\n\n  .bplr-work-case__shade {\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(0,0,0,.85) 0%,\n        rgba(0,0,0,.52) 27%,\n        rgba(0,0,0,.12) 56%,\n        rgba(0,0,0,0) 74%\n      );\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      none;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(58px,15vw,78px);\n\n    line-height:\n      .88;\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      90%;\n\n    margin:\n      18px 0 26px;\n\n    font-size:\n      18px;\n\n  }\n\n\n  .bplr-work-case__cta {\n\n    width:\n      220px;\n\n    height:\n      58px;\n\n    padding:\n      0 18px;\n\n    font-size:\n      15px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupWorkCase() {\n\n\n    const workCase =\n      document.querySelector(\n        '.bplr-work-case'\n      );\n\n\n    if (!workCase) return;\n\n\n\n    \/* =====================================================\n       CASE HTML WIDGET\n    ===================================================== *\/\n\n    const widget =\n      workCase.closest(\n        '.elementor-widget-html'\n      );\n\n\n    if (!widget) return;\n\n\n\n    \/* =====================================================\n       SHARED WORK STAGE\n    ===================================================== *\/\n\n    const stage =\n      widget.closest(\n        '.e-con'\n      );\n\n\n    if (stage) {\n\n\n      stage.classList.add(\n        'bplr-work-stage-runtime'\n      );\n\n\n      stage.style.setProperty(\n        'position',\n        'relative',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'display',\n        'flex',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'flex-direction',\n        'column',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'width',\n        '100vw',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'max-width',\n        '100vw',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'margin-left',\n        'calc(50% - 50vw)',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'margin-right',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'padding',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'gap',\n        '0',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'row-gap',\n        '0',\n        'important'\n      );\n\n\n      \/*\n        AQU\u00cd ESTABA EL PROBLEMA:\n        NUNCA M\u00c1S overflow-x:clip.\n      *\/\n\n      stage.style.setProperty(\n        'overflow',\n        'visible',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'overflow-x',\n        'visible',\n        'important'\n      );\n\n\n      stage.style.setProperty(\n        'overflow-y',\n        'visible',\n        'important'\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       CASE WIDGET ABOVE HERO\n    ===================================================== *\/\n\n    widget.style.setProperty(\n      'position',\n      'relative',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'z-index',\n      '2',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'width',\n      '100%',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'max-width',\n      'none',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'margin',\n      '0',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'padding',\n      '0',\n      'important'\n    );\n\n\n    widget.style.setProperty(\n      'overflow',\n      'visible',\n      'important'\n    );\n\n  }\n\n\n\n  function start() {\n\n    setupWorkCase();\n\n\n    setTimeout(\n      setupWorkCase,\n      250\n    );\n\n\n    setTimeout(\n      setupWorkCase,\n      700\n    );\n\n  }\n\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f482528 elementor-widget elementor-widget-html\" data-id=\"7f482528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"bplr-work-case bplr-work-case--uber\">\n\n  <!-- IMAGE -->\n\n  <div class=\"bplr-work-case__media\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/bipolar.mx\/wp-content\/uploads\/2024\/09\/Uber_rectangular_13.png\"\n      alt=\"Juntos en el viaje \u2014 Uber\"\n      draggable=\"false\"\n    >\n\n  <\/div>\n\n\n  <!-- GRADIENT -->\n\n  <div\n    class=\"bplr-work-case__shade\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- CONTENT -->\n\n  <div class=\"bplr-work-case__content\">\n\n    <h2 class=\"bplr-work-case__title\">\n      JUNTOS EN EL VIAJE\n    <\/h2>\n\n\n    <p class=\"bplr-work-case__description\">\n      A journey fueled by football, passion and shared memories.<br>\n      Experiencing the game alongside two of Mexico\u2019s greatest football icons.\n    <\/p>\n\n\n    <!--\n      LINK TEMPORAL.\n      CUANDO CONSTRUYAMOS EL CASO DE UBER,\n      AQU\u00cd COLOCAREMOS SU URL DEFINITIVA.\n    -->\n\n    <a\n      class=\"bplr-work-case__cta\"\n      href=\"#\"\n    >\n\n      <span>\n        VIEW FULL STORY\n      <\/span>\n\n      <span\n        class=\"bplr-work-case__arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n\n<style>\n\n\/* =========================================================\n   WORK CASE 02\n   JUNTOS EN EL VIAJE\n========================================================= *\/\n\n.bplr-work-case {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n  height:\n    100vh;\n\n  height:\n    100svh;\n\n  min-height:\n    720px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  background:\n    #000;\n\n  box-sizing:\n    border-box;\n\n  z-index:\n    2;\n\n}\n\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.bplr-work-case__media {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  overflow:\n    hidden;\n\n}\n\n\n.bplr-work-case__media img {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  max-width:\n    none;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s cubic-bezier(.22,.8,.3,1);\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n}\n\n\n@media (hover:hover) {\n\n  .bplr-work-case:hover\n  .bplr-work-case__media img {\n\n    transform:\n      scale(1.018);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   GRADIENT\n========================================================= *\/\n\n.bplr-work-case__shade {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  z-index:\n    1;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.78) 0%,\n      rgba(0,0,0,.45) 23%,\n      rgba(0,0,0,.12) 50%,\n      rgba(0,0,0,0) 70%\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.bplr-work-case__content {\n\n  position:\n    absolute;\n\n  left:\n    4vw;\n\n  right:\n    4vw;\n\n  bottom:\n    5.5vh;\n\n  z-index:\n    3;\n\n  width:\n    auto;\n\n  max-width:\n    920px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.bplr-work-case__title {\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(72px,6vw,120px);\n\n  font-weight:\n    800;\n\n  line-height:\n    .88;\n\n  letter-spacing:\n    -.025em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.bplr-work-case__description {\n\n  max-width:\n    720px;\n\n  margin:\n    22px 0 30px;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(18px,1.25vw,23px);\n\n  font-weight:\n    400 !important;\n\n  font-style:\n    normal;\n\n  line-height:\n    1.35;\n\n  letter-spacing:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.bplr-work-case__cta,\n.bplr-work-case__cta:link,\n.bplr-work-case__cta:visited,\n.bplr-work-case__cta:hover,\n.bplr-work-case__cta:focus,\n.bplr-work-case__cta:active {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  width:\n    230px;\n\n  height:\n    58px;\n\n  margin:\n    0;\n\n  padding:\n    0 20px;\n\n  box-sizing:\n    border-box;\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  border-radius:\n    0;\n\n  background:\n    transparent !important;\n\n  color:\n    #fff !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .04em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.bplr-work-case__cta\nspan:first-child {\n\n  display:\n    inline-block;\n\n  transform:\n    skewX(0deg);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .25s cubic-bezier(.65,0,.35,1);\n\n}\n\n\n.bplr-work-case__cta:hover\nspan:first-child {\n\n  transform:\n    skewX(-10deg);\n\n}\n\n\n.bplr-work-case__arrow {\n\n  display:\n    inline-block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-case {\n\n    min-height:\n      720px;\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      760px;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(70px,10vw,104px);\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      650px;\n\n    margin:\n      20px 0 28px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      20px;\n\n    font-weight:\n      400 !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width:767px) {\n\n  .bplr-work-case {\n\n    min-height:\n      680px;\n\n  }\n\n\n  .bplr-work-case__shade {\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(0,0,0,.85) 0%,\n        rgba(0,0,0,.52) 27%,\n        rgba(0,0,0,.12) 56%,\n        rgba(0,0,0,0) 74%\n      );\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      none;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(58px,15vw,78px);\n\n    line-height:\n      .88;\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      94%;\n\n    margin:\n      18px 0 26px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      18px;\n\n    font-weight:\n      400 !important;\n\n    line-height:\n      1.35;\n\n  }\n\n\n  .bplr-work-case__cta {\n\n    width:\n      220px;\n\n    height:\n      58px;\n\n    padding:\n      0 18px;\n\n    font-size:\n      15px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupAllWorkCases() {\n\n\n    \/* =====================================================\n       TODOS LOS CASOS EXISTENTES\n\n       Importante ahora que ya tenemos m\u00e1s de uno:\n       recorremos TODOS los .bplr-work-case,\n       no solamente el primero.\n    ===================================================== *\/\n\n    const cases =\n      Array.from(\n        document.querySelectorAll(\n          '.bplr-work-case'\n        )\n      );\n\n\n    if (!cases.length) return;\n\n\n\n    cases.forEach(\n      function (workCase) {\n\n\n        const widget =\n          workCase.closest(\n            '.elementor-widget-html'\n          );\n\n\n        if (!widget) return;\n\n\n\n        \/* =================================================\n           CASE WIDGET\n        ================================================= *\/\n\n        widget.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'z-index',\n          '2',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'width',\n          '100%',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'max-width',\n          'none',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'margin',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n\n        \/* =================================================\n           SHARED CONTAINER HERO WORK\n        ================================================= *\/\n\n        const stage =\n          widget.closest(\n            '.e-con'\n          );\n\n\n        if (!stage) return;\n\n\n        stage.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'display',\n          'flex',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'flex-direction',\n          'column',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'max-width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-left',\n          'calc(50% - 50vw)',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-right',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'row-gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-x',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-y',\n          'visible',\n          'important'\n        );\n\n      }\n    );\n\n  }\n\n\n\n  function start() {\n\n    setupAllWorkCases();\n\n\n    setTimeout(\n      setupAllWorkCases,\n      250\n    );\n\n\n    setTimeout(\n      setupAllWorkCases,\n      700\n    );\n\n  }\n\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7fef3117 elementor-widget elementor-widget-html\" data-id=\"7fef3117\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"bplr-work-case bplr-work-case--fitzer\">\n\n  <!-- IMAGE \/ GIF -->\n\n  <div class=\"bplr-work-case__media\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/bipolar.mx\/wp-content\/uploads\/2024\/03\/Molotov.gif\"\n      alt=\"Miss Nothing \u2014 Fitzer x Molotov\"\n      draggable=\"false\"\n    >\n\n  <\/div>\n\n\n  <!-- GRADIENT -->\n\n  <div\n    class=\"bplr-work-case__shade\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- CONTENT -->\n\n  <div class=\"bplr-work-case__content\">\n\n    <h2 class=\"bplr-work-case__title\">\n      MISS NOTHING\n    <\/h2>\n\n\n    <p class=\"bplr-work-case__description\">\n      A bold collision of flavor, attitude and music.<br>\n      Fitzer x Molotov turned up the volume on hard seltzer.\n    <\/p>\n\n\n    <!--\n      LINK TEMPORAL.\n      CUANDO CONSTRUYAMOS EL CASO FITZER,\n      AQU\u00cd COLOCAREMOS SU URL DEFINITIVA.\n    -->\n\n    <a\n      class=\"bplr-work-case__cta\"\n      href=\"#\"\n    >\n\n      <span>\n        VIEW FULL STORY\n      <\/span>\n\n      <span\n        class=\"bplr-work-case__arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n\n<style>\n\n\/* =========================================================\n   WORK CASE 03\n   MISS NOTHING\n========================================================= *\/\n\n.bplr-work-case {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n  height:\n    100vh;\n\n  height:\n    100svh;\n\n  min-height:\n    720px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  background:\n    #000;\n\n  box-sizing:\n    border-box;\n\n  z-index:\n    2;\n\n}\n\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.bplr-work-case__media {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  overflow:\n    hidden;\n\n}\n\n\n.bplr-work-case__media img {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  max-width:\n    none;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s cubic-bezier(.22,.8,.3,1);\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n}\n\n\n@media (hover:hover) {\n\n  .bplr-work-case:hover\n  .bplr-work-case__media img {\n\n    transform:\n      scale(1.018);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   GRADIENT\n========================================================= *\/\n\n.bplr-work-case__shade {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  z-index:\n    1;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.78) 0%,\n      rgba(0,0,0,.45) 23%,\n      rgba(0,0,0,.12) 50%,\n      rgba(0,0,0,0) 70%\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.bplr-work-case__content {\n\n  position:\n    absolute;\n\n  left:\n    4vw;\n\n  right:\n    4vw;\n\n  bottom:\n    5.5vh;\n\n  z-index:\n    3;\n\n  width:\n    auto;\n\n  max-width:\n    920px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.bplr-work-case__title {\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(72px,6vw,120px);\n\n  font-weight:\n    800;\n\n  line-height:\n    .88;\n\n  letter-spacing:\n    -.025em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.bplr-work-case__description {\n\n  max-width:\n    720px;\n\n  margin:\n    22px 0 30px;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(18px,1.25vw,23px);\n\n  font-weight:\n    400 !important;\n\n  font-style:\n    normal;\n\n  line-height:\n    1.35;\n\n  letter-spacing:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.bplr-work-case__cta,\n.bplr-work-case__cta:link,\n.bplr-work-case__cta:visited,\n.bplr-work-case__cta:hover,\n.bplr-work-case__cta:focus,\n.bplr-work-case__cta:active {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  width:\n    230px;\n\n  height:\n    58px;\n\n  margin:\n    0;\n\n  padding:\n    0 20px;\n\n  box-sizing:\n    border-box;\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  border-radius:\n    0;\n\n  background:\n    transparent !important;\n\n  color:\n    #fff !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .04em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.bplr-work-case__cta\nspan:first-child {\n\n  display:\n    inline-block;\n\n  transform:\n    skewX(0deg);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .25s cubic-bezier(.65,0,.35,1);\n\n}\n\n\n.bplr-work-case__cta:hover\nspan:first-child {\n\n  transform:\n    skewX(-10deg);\n\n}\n\n\n.bplr-work-case__arrow {\n\n  display:\n    inline-block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-case {\n\n    min-height:\n      720px;\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      760px;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(70px,10vw,104px);\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      650px;\n\n    margin:\n      20px 0 28px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      20px;\n\n    font-weight:\n      400 !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width:767px) {\n\n  .bplr-work-case {\n\n    min-height:\n      680px;\n\n  }\n\n\n  .bplr-work-case__shade {\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(0,0,0,.85) 0%,\n        rgba(0,0,0,.52) 27%,\n        rgba(0,0,0,.12) 56%,\n        rgba(0,0,0,0) 74%\n      );\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      none;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(58px,15vw,78px);\n\n    line-height:\n      .88;\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      94%;\n\n    margin:\n      18px 0 26px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      18px;\n\n    font-weight:\n      400 !important;\n\n    line-height:\n      1.35;\n\n  }\n\n\n  .bplr-work-case__cta {\n\n    width:\n      220px;\n\n    height:\n      58px;\n\n    padding:\n      0 18px;\n\n    font-size:\n      15px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupAllWorkCases() {\n\n\n    const cases =\n      Array.from(\n        document.querySelectorAll(\n          '.bplr-work-case'\n        )\n      );\n\n\n    if (!cases.length) return;\n\n\n\n    cases.forEach(\n      function (workCase) {\n\n\n        const widget =\n          workCase.closest(\n            '.elementor-widget-html'\n          );\n\n\n        if (!widget) return;\n\n\n\n        \/* =================================================\n           CASE WIDGET\n        ================================================= *\/\n\n        widget.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'z-index',\n          '2',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'width',\n          '100%',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'max-width',\n          'none',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'margin',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n\n        \/* =================================================\n           SHARED WORK STAGE\n        ================================================= *\/\n\n        const stage =\n          widget.closest(\n            '.e-con'\n          );\n\n\n        if (!stage) return;\n\n\n        stage.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'display',\n          'flex',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'flex-direction',\n          'column',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'max-width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-left',\n          'calc(50% - 50vw)',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-right',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'row-gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-x',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-y',\n          'visible',\n          'important'\n        );\n\n      }\n    );\n\n  }\n\n\n\n  function start() {\n\n    setupAllWorkCases();\n\n\n    setTimeout(\n      setupAllWorkCases,\n      250\n    );\n\n\n    setTimeout(\n      setupAllWorkCases,\n      700\n    );\n\n  }\n\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-775c2eb2 elementor-widget elementor-widget-html\" data-id=\"775c2eb2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"bplr-work-case bplr-work-case--carls\">\n\n  <!-- IMAGE -->\n\n  <div class=\"bplr-work-case__media\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/bipolar.mx\/stanging\/wp-content\/uploads\/2026\/10\/CARLS-Halloween.jpg\"\n      alt=\"Not-So-Scary Burguers \u2014 Carl\u2019s Jr.\"\n      draggable=\"false\"\n    >\n\n  <\/div>\n\n\n  <!-- GRADIENT -->\n\n  <div\n    class=\"bplr-work-case__shade\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- CONTENT -->\n\n  <div class=\"bplr-work-case__content\">\n\n    <h2 class=\"bplr-work-case__title\">\n      NOT.SO.SCARY BURGUERS\n    <\/h2>\n\n\n    <p class=\"bplr-work-case__description\">\n      Two unexpected guests crashed Carl\u2019s Jr. for Halloween.<br>\n      Serving burgers, scares and a little chaos along the way.\n    <\/p>\n\n\n    <!--\n      LINK TEMPORAL.\n      CUANDO CONSTRUYAMOS EL CASO DE CARL'S JR.,\n      AQU\u00cd COLOCAREMOS SU URL DEFINITIVA.\n    -->\n\n    <a\n      class=\"bplr-work-case__cta\"\n      href=\"#\"\n    >\n\n      <span>\n        VIEW FULL STORY\n      <\/span>\n\n      <span\n        class=\"bplr-work-case__arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n\n<style>\n\n\/* =========================================================\n   WORK CASE 04\n   NOT.SO.SCARY BURGUERS\n========================================================= *\/\n\n.bplr-work-case {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n  height:\n    100vh;\n\n  height:\n    100svh;\n\n  min-height:\n    720px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  background:\n    #000;\n\n  box-sizing:\n    border-box;\n\n  z-index:\n    2;\n\n}\n\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.bplr-work-case__media {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  overflow:\n    hidden;\n\n}\n\n\n.bplr-work-case__media img {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  max-width:\n    none;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s cubic-bezier(.22,.8,.3,1);\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n}\n\n\n@media (hover:hover) {\n\n  .bplr-work-case:hover\n  .bplr-work-case__media img {\n\n    transform:\n      scale(1.018);\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   GRADIENT\n========================================================= *\/\n\n.bplr-work-case__shade {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  z-index:\n    1;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.78) 0%,\n      rgba(0,0,0,.45) 23%,\n      rgba(0,0,0,.12) 50%,\n      rgba(0,0,0,0) 70%\n    );\n\n}\n\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.bplr-work-case__content {\n\n  position:\n    absolute;\n\n  left:\n    4vw;\n\n  right:\n    4vw;\n\n  bottom:\n    5.5vh;\n\n  z-index:\n    3;\n\n  width:\n    auto;\n\n  max-width:\n    920px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n}\n\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.bplr-work-case__title {\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(72px,6vw,120px);\n\n  font-weight:\n    800;\n\n  line-height:\n    .88;\n\n  letter-spacing:\n    -.025em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.bplr-work-case__description {\n\n  max-width:\n    720px;\n\n  margin:\n    22px 0 30px;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(18px,1.25vw,23px);\n\n  font-weight:\n    400 !important;\n\n  font-style:\n    normal;\n\n  line-height:\n    1.35;\n\n  letter-spacing:\n    0;\n\n}\n\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.bplr-work-case__cta,\n.bplr-work-case__cta:link,\n.bplr-work-case__cta:visited,\n.bplr-work-case__cta:hover,\n.bplr-work-case__cta:focus,\n.bplr-work-case__cta:active {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  width:\n    230px;\n\n  height:\n    58px;\n\n  margin:\n    0;\n\n  padding:\n    0 20px;\n\n  box-sizing:\n    border-box;\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  border-radius:\n    0;\n\n  background:\n    transparent !important;\n\n  color:\n    #fff !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .04em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.bplr-work-case__cta\nspan:first-child {\n\n  display:\n    inline-block;\n\n  transform:\n    skewX(0deg);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .25s cubic-bezier(.65,0,.35,1);\n\n}\n\n\n.bplr-work-case__cta:hover\nspan:first-child {\n\n  transform:\n    skewX(-10deg);\n\n}\n\n\n.bplr-work-case__arrow {\n\n  display:\n    inline-block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n}\n\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-case {\n\n    min-height:\n      720px;\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      760px;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(70px,10vw,104px);\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      650px;\n\n    margin:\n      20px 0 28px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      20px;\n\n    font-weight:\n      400 !important;\n\n  }\n\n}\n\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width:767px) {\n\n  .bplr-work-case {\n\n    min-height:\n      680px;\n\n  }\n\n\n  .bplr-work-case__shade {\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(0,0,0,.85) 0%,\n        rgba(0,0,0,.52) 27%,\n        rgba(0,0,0,.12) 56%,\n        rgba(0,0,0,0) 74%\n      );\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      none;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(58px,15vw,78px);\n\n    line-height:\n      .88;\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      94%;\n\n    margin:\n      18px 0 26px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      18px;\n\n    font-weight:\n      400 !important;\n\n    line-height:\n      1.35;\n\n  }\n\n\n  .bplr-work-case__cta {\n\n    width:\n      220px;\n\n    height:\n      58px;\n\n    padding:\n      0 18px;\n\n    font-size:\n      15px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupAllWorkCases() {\n\n\n    const cases =\n      Array.from(\n        document.querySelectorAll(\n          '.bplr-work-case'\n        )\n      );\n\n\n    if (!cases.length) return;\n\n\n\n    cases.forEach(\n      function (workCase) {\n\n\n        const widget =\n          workCase.closest(\n            '.elementor-widget-html'\n          );\n\n\n        if (!widget) return;\n\n\n\n        \/* =================================================\n           CASE WIDGET\n        ================================================= *\/\n\n        widget.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'z-index',\n          '2',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'width',\n          '100%',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'max-width',\n          'none',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'margin',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n\n        \/* =================================================\n           SHARED WORK STAGE\n        ================================================= *\/\n\n        const stage =\n          widget.closest(\n            '.e-con'\n          );\n\n\n        if (!stage) return;\n\n\n        stage.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'display',\n          'flex',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'flex-direction',\n          'column',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'max-width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-left',\n          'calc(50% - 50vw)',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-right',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'row-gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-x',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-y',\n          'visible',\n          'important'\n        );\n\n      }\n    );\n\n  }\n\n\n\n  function start() {\n\n    setupAllWorkCases();\n\n\n    setTimeout(\n      setupAllWorkCases,\n      250\n    );\n\n\n    setTimeout(\n      setupAllWorkCases,\n      700\n    );\n\n  }\n\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c8b4a elementor-widget elementor-widget-html\" data-id=\"43c8b4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<article class=\"bplr-work-case bplr-work-case--tecsalud\">\n\n  <!-- IMAGE -->\n\n  <div class=\"bplr-work-case__media\">\n\n    <img decoding=\"async\"\n      src=\"https:\/\/bipolar.mx\/stanging\/wp-content\/uploads\/2026\/10\/TEC-SALUD.jpg\"\n      alt=\"Salud Avanzada \u2014 TecSalud\"\n      draggable=\"false\"\n    >\n\n  <\/div>\n\n\n  <!-- GRADIENT -->\n\n  <div\n    class=\"bplr-work-case__shade\"\n    aria-hidden=\"true\"\n  ><\/div>\n\n\n  <!-- CONTENT -->\n\n  <div class=\"bplr-work-case__content\">\n\n    <h2 class=\"bplr-work-case__title\">\n      SALUD AVANZADA\n    <\/h2>\n\n\n    <p class=\"bplr-work-case__description\">\n      Hundreds of young minds, driven by the dream of becoming the doctors they once imagined.<br>\n      A journey of purpose, discovery and becoming.\n    <\/p>\n\n\n    <!--\n      LINK TEMPORAL.\n      CUANDO CONSTRUYAMOS EL CASO DE TECSALUD,\n      AQU\u00cd COLOCAREMOS SU URL DEFINITIVA.\n    -->\n\n    <a\n      class=\"bplr-work-case__cta\"\n      href=\"#\"\n    >\n\n      <span>\n        VIEW FULL STORY\n      <\/span>\n\n      <span\n        class=\"bplr-work-case__arrow\"\n        aria-hidden=\"true\"\n      >\n        \u2192\n      <\/span>\n\n    <\/a>\n\n  <\/div>\n\n<\/article>\n\n\n<style>\n\n\/* =========================================================\n   WORK CASE 05\n   SALUD AVANZADA\n========================================================= *\/\n\n.bplr-work-case {\n\n  position:\n    relative;\n\n  width:\n    100%;\n\n  max-width:\n    none;\n\n  height:\n    100vh;\n\n  height:\n    100svh;\n\n  min-height:\n    720px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  overflow:\n    hidden;\n\n  background:\n    #000;\n\n  box-sizing:\n    border-box;\n\n  z-index:\n    2;\n\n}\n\n\n\/* =========================================================\n   MEDIA\n========================================================= *\/\n\n.bplr-work-case__media {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  overflow:\n    hidden;\n\n}\n\n\n.bplr-work-case__media img {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  display:\n    block;\n\n  width:\n    100%;\n\n  height:\n    100%;\n\n  max-width:\n    none;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n\n  transform:\n    scale(1.001);\n\n  transition:\n    transform .8s cubic-bezier(.22,.8,.3,1);\n\n  user-select:\n    none;\n\n  -webkit-user-drag:\n    none;\n\n}\n\n\n@media (hover:hover) {\n\n  .bplr-work-case:hover\n  .bplr-work-case__media img {\n\n    transform:\n      scale(1.018);\n\n  }\n\n}\n\n\n\/* =========================================================\n   GRADIENT\n========================================================= *\/\n\n.bplr-work-case__shade {\n\n  position:\n    absolute;\n\n  inset:\n    0;\n\n  z-index:\n    1;\n\n  pointer-events:\n    none;\n\n  background:\n    linear-gradient(\n      to top,\n      rgba(0,0,0,.78) 0%,\n      rgba(0,0,0,.45) 23%,\n      rgba(0,0,0,.12) 50%,\n      rgba(0,0,0,0) 70%\n    );\n\n}\n\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n.bplr-work-case__content {\n\n  position:\n    absolute;\n\n  left:\n    4vw;\n\n  right:\n    4vw;\n\n  bottom:\n    5.5vh;\n\n  z-index:\n    3;\n\n  width:\n    auto;\n\n  max-width:\n    920px;\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.bplr-work-case__title {\n\n  margin:\n    0;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(72px,6vw,120px);\n\n  font-weight:\n    800;\n\n  line-height:\n    .88;\n\n  letter-spacing:\n    -.025em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n========================================================= *\/\n\n.bplr-work-case__description {\n\n  max-width:\n    760px;\n\n  margin:\n    22px 0 30px;\n\n  padding:\n    0;\n\n  color:\n    #fff;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(18px,1.25vw,23px);\n\n  font-weight:\n    400 !important;\n\n  font-style:\n    normal;\n\n  line-height:\n    1.35;\n\n  letter-spacing:\n    0;\n\n}\n\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n.bplr-work-case__cta,\n.bplr-work-case__cta:link,\n.bplr-work-case__cta:visited,\n.bplr-work-case__cta:hover,\n.bplr-work-case__cta:focus,\n.bplr-work-case__cta:active {\n\n  display:\n    inline-flex;\n\n  align-items:\n    center;\n\n  justify-content:\n    space-between;\n\n  width:\n    230px;\n\n  height:\n    58px;\n\n  margin:\n    0;\n\n  padding:\n    0 20px;\n\n  box-sizing:\n    border-box;\n\n  border:\n    1px solid rgba(255,255,255,.95);\n\n  border-radius:\n    0;\n\n  background:\n    transparent !important;\n\n  color:\n    #fff !important;\n\n  text-decoration:\n    none !important;\n\n  box-shadow:\n    none !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    16px;\n\n  font-weight:\n    700;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    .04em;\n\n  text-transform:\n    uppercase;\n\n}\n\n\n.bplr-work-case__cta\nspan:first-child {\n\n  display:\n    inline-block;\n\n  transform:\n    skewX(0deg);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .25s cubic-bezier(.65,0,.35,1);\n\n}\n\n\n.bplr-work-case__cta:hover\nspan:first-child {\n\n  transform:\n    skewX(-10deg);\n\n}\n\n\n.bplr-work-case__arrow {\n\n  display:\n    inline-block;\n\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    19px;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-case {\n\n    min-height:\n      720px;\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      760px;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(70px,10vw,104px);\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      680px;\n\n    margin:\n      20px 0 28px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      20px;\n\n    font-weight:\n      400 !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media\n(max-width:767px) {\n\n  .bplr-work-case {\n\n    min-height:\n      680px;\n\n  }\n\n\n  .bplr-work-case__shade {\n\n    background:\n      linear-gradient(\n        to top,\n        rgba(0,0,0,.85) 0%,\n        rgba(0,0,0,.52) 27%,\n        rgba(0,0,0,.12) 56%,\n        rgba(0,0,0,0) 74%\n      );\n\n  }\n\n\n  .bplr-work-case__content {\n\n    left:\n      7vw;\n\n    right:\n      7vw;\n\n    bottom:\n      7vh;\n\n    max-width:\n      none;\n\n  }\n\n\n  .bplr-work-case__title {\n\n    font-size:\n      clamp(58px,15vw,78px);\n\n    line-height:\n      .88;\n\n  }\n\n\n  .bplr-work-case__description {\n\n    max-width:\n      94%;\n\n    margin:\n      18px 0 26px;\n\n    font-family:\n      \"Barlow\",\n      Arial,\n      sans-serif !important;\n\n    font-size:\n      18px;\n\n    font-weight:\n      400 !important;\n\n    line-height:\n      1.35;\n\n  }\n\n\n  .bplr-work-case__cta {\n\n    width:\n      220px;\n\n    height:\n      58px;\n\n    padding:\n      0 18px;\n\n    font-size:\n      15px;\n\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupAllWorkCases() {\n\n    const cases =\n      Array.from(\n        document.querySelectorAll(\n          '.bplr-work-case'\n        )\n      );\n\n\n    if (!cases.length) return;\n\n\n    cases.forEach(\n      function (workCase) {\n\n        const widget =\n          workCase.closest(\n            '.elementor-widget-html'\n          );\n\n\n        if (!widget) return;\n\n\n        \/* CASE WIDGET *\/\n\n        widget.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'z-index',\n          '2',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'width',\n          '100%',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'max-width',\n          'none',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'margin',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        widget.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n        \/* SHARED WORK STAGE *\/\n\n        const stage =\n          widget.closest(\n            '.e-con'\n          );\n\n\n        if (!stage) return;\n\n\n        stage.style.setProperty(\n          'position',\n          'relative',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'display',\n          'flex',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'flex-direction',\n          'column',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'max-width',\n          '100vw',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-left',\n          'calc(50% - 50vw)',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'margin-right',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'padding',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'row-gap',\n          '0',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-x',\n          'visible',\n          'important'\n        );\n\n\n        stage.style.setProperty(\n          'overflow-y',\n          'visible',\n          'important'\n        );\n\n      }\n    );\n\n  }\n\n\n  function start() {\n\n    setupAllWorkCases();\n\n\n    setTimeout(\n      setupAllWorkCases,\n      250\n    );\n\n\n    setTimeout(\n      setupAllWorkCases,\n      700\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-168e74ee e-con-full e-flex e-con e-child\" data-id=\"168e74ee\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a7b6e4 elementor-widget elementor-widget-html\" data-id=\"6a7b6e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\n     BPLR HOME CONTACT \u2014 MASTER V4\n     RESPONSIVE \/ STANDALONE \/ CLONABLE\n     TITLE ALWAYS CENTERED\n========================================================= -->\n\n<section class=\"bplr-home-contact\">\n\n  <!-- TITLE -->\n  <div class=\"bplr-home-contact__header\">\n\n    <h2 class=\"bplr-home-contact__title\">\n\n      <span class=\"bplr-home-contact__title-fit\">\n\n        <span class=\"bplr-home-contact__title-line\">\n          <span class=\"bplr-home-contact__word\">GET<\/span>\n          <span class=\"bplr-home-contact__word\">IN<\/span>\n        <\/span>\n\n        <span class=\"bplr-home-contact__title-line\">\n          <span class=\"bplr-home-contact__word\">TOUCH<\/span>\n        <\/span>\n\n      <\/span>\n\n    <\/h2>\n\n  <\/div>\n\n\n  <!-- DIVIDER -->\n  <div class=\"bplr-home-contact__divider\"><\/div>\n\n\n  <!-- CONTENT -->\n  <div class=\"bplr-home-contact__body\">\n\n\n    <!-- MAIN -->\n    <div class=\"\n      bplr-home-contact__column\n      bplr-home-contact__column--main\n    \">\n\n      <div class=\"bplr-home-contact__pitch\">\n        GOT SOMETHING IN MIND? LET'S MAKE IT HAPPEN.\n      <\/div>\n\n\n      <!-- EMAIL -->\n      <a\n        href=\"mailto:hello@bipolar.mx\"\n        class=\"bplr-home-contact__email\"\n      >\n\n        <span class=\"bplr-home-contact__email-text\">\n          SEND E-MAIL\n        <\/span>\n\n        <span class=\"bplr-home-contact__arrow\">\n          \u2192\n        <\/span>\n\n      <\/a>\n\n\n      <!-- FOLLOW -->\n      <div class=\"bplr-home-contact__follow\">\n\n        <div class=\"bplr-home-contact__follow-title\">\n          FOLLOW US\n        <\/div>\n\n\n        <div class=\"bplr-home-contact__socials\">\n\n\n          <!-- INSTAGRAM -->\n          <a\n            href=\"https:\/\/www.instagram.com\/bipolar.mx\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"bplr-home-contact__social\"\n            aria-label=\"Instagram\"\n          >\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"\n                M12 2.163\n                c3.204 0 3.584.012 4.85.07\n                3.252.148 4.771 1.691 4.919 4.919\n                .058 1.265.069 1.645.069 4.849\n                s-.012 3.584-.069 4.849\n                c-.149 3.225-1.664 4.771-4.919 4.919\n                -1.266.058-1.644.069-4.85.069\n                s-3.584-.012-4.849-.069\n                c-3.26-.149-4.771-1.699-4.919-4.92\n                -.058-1.265-.07-1.644-.07-4.849\n                s.013-3.583.07-4.849\n                C2.381 3.924 3.896 2.38 7.151 2.232\n                8.417 2.175 8.796 2.163 12 2.163z\n\n                M12 0\n                C8.741 0 8.332.014 7.052.072\n                2.695.272.273 2.69.073 7.052\n                .014 8.333 0 8.741 0 12\n                c0 3.259.014 3.668.072 4.948\n                .2 4.358 2.618 6.78 6.98 6.98\n                C8.333 23.986 8.741 24 12 24\n                c3.259 0 3.668-.014 4.948-.072\n                4.354-.2 6.782-2.618 6.979-6.98\n                .059-1.28.073-1.689.073-4.948\n                0-3.259-.014-3.667-.072-4.947\n                -.196-4.354-2.617-6.78-6.979-6.98\n                C15.668.014 15.259 0 12 0z\n\n                M12 5.838\n                A6.162 6.162 0 1 0 12 18.162\n                6.162 6.162 0 0 0 12 5.838z\n\n                M12 16\n                a4 4 0 1 1 0-8\n                4 4 0 0 1 0 8z\n\n                M18.406 4.155\n                a1.44 1.44 0 1 0 0 2.881\n                1.44 1.44 0 0 0 0-2.881z\n              \"><\/path>\n            <\/svg>\n\n          <\/a>\n\n\n          <!-- LINKEDIN -->\n          <a\n            href=\"https:\/\/www.linkedin.com\/company\/bipolarmx\/\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"bplr-home-contact__social\"\n            aria-label=\"LinkedIn\"\n          >\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"\n                M20.447 20.452\n                h-3.554\n                v-5.569\n                c0-1.328-.027-3.037-1.852-3.037\n                -1.853 0-2.136 1.445-2.136 2.939\n                v5.667\n                H9.351V9\n                h3.414\n                v1.561\n                h.046\n                c.477-.9 1.637-1.85 3.37-1.85\n                3.601 0 4.267 2.37 4.267 5.455\n                v6.286z\n\n                M5.337 7.433\n                a2.062 2.062 0 1 1 0-4.124\n                2.062 2.062 0 0 1 0 4.124z\n\n                M7.119 20.452\n                H3.555V9H7.12\n                v11.452z\n              \"><\/path>\n            <\/svg>\n\n          <\/a>\n\n\n          <!-- VIMEO -->\n          <a\n            href=\"https:\/\/vimeo.com\/user101049977\"\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            class=\"bplr-home-contact__social\"\n            aria-label=\"Vimeo\"\n          >\n\n            <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\n              <path d=\"\n                M23.977 6.416\n                c-.105 2.338-1.739 5.542-4.894 9.608\n                -3.265 4.268-6.027 6.403-8.286 6.403\n                -1.402 0-2.586-1.29-3.553-3.873\n                l-1.934-7.093\n                c-.72-2.584-1.493-3.875-2.321-3.875\n                -.18 0-.806.378-1.878 1.132\n                L0 7.261\n                a52.861 52.861 0 0 1 3.501-3.125\n                c1.579-1.364 2.765-2.08 3.553-2.152\n                1.864-.18 3.011 1.096 3.442 3.827\n                .467 2.947.791 4.779.971 5.493\n                .539 2.444 1.13 3.665 1.777 3.665\n                .503 0 1.258-.795 2.266-2.386\n                1.006-1.591 1.545-2.803 1.617-3.635\n                .144-1.376-.395-2.064-1.617-2.064\n                -.575 0-1.168.132-1.777.394\n                1.18-3.867 3.434-5.745 6.761-5.636\n                2.466.072 3.627 1.664 3.483 4.774z\n              \"><\/path>\n            <\/svg>\n\n          <\/a>\n\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- VISIT -->\n    <div class=\"\n      bplr-home-contact__column\n      bplr-home-contact__column--visit\n    \">\n\n      <div class=\"bplr-home-contact__visit-title\">\n        VISIT US\n      <\/div>\n\n\n      <div class=\"bplr-home-contact__address\">\n\n        <strong>\n          Headquarters\n        <\/strong>\n\n        <span>\n          L\u00e1zaro C\u00e1rdenas 2424,<br>\n          Loma Larga Oriente<br>\n          San Pedro Garza Garc\u00eda<br>\n          Nuevo Le\u00f3n, M\u00e9xico<br>\n          C.P. 66266\n        <\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- IMAGE \u2014 DESKTOP ONLY -->\n    <div class=\"\n      bplr-home-contact__column\n      bplr-home-contact__column--media\n    \">\n\n      <img decoding=\"async\"\n        src=\"https:\/\/bipolar.mx\/stanging\/wp-content\/uploads\/2026\/10\/Trebol.jpg\"\n        alt=\"Bipolar headquarters\"\n        class=\"bplr-home-contact__image\"\n      >\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n.bplr-home-contact,\n.bplr-home-contact *,\n.bplr-home-contact *::before,\n.bplr-home-contact *::after {\n  box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.bplr-home-contact {\n  position: relative;\n\n  width: 100% !important;\n  max-width: none !important;\n\n  margin: 0 !important;\n\n  padding:\n    clamp(44px, 5vh, 72px)\n    clamp(28px, 3.2vw, 60px)\n    clamp(54px, 6vh, 86px);\n\n  overflow: hidden;\n\n  background: #f4f4f4;\n\n  color: #0b0b0d;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n}\n\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n.bplr-home-contact__header {\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  overflow: visible;\n}\n\n\n\/* =========================================================\n   TITLE\n========================================================= *\/\n\n.bplr-home-contact__title {\n  width: 100%;\n\n  margin: 0;\n  padding: 0;\n\n  display: flex;\n\n  align-items: baseline;\n  justify-content: center;\n\n  text-align: center;\n\n  color: #0b0b0d;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size: 200px;\n\n  font-weight: 800;\n\n  line-height: .76;\n\n  letter-spacing: -.035em;\n\n  font-kerning: none;\n\n  font-feature-settings:\n    \"kern\" 0;\n\n  text-transform: uppercase;\n}\n\n\n.bplr-home-contact__title-fit {\n  display: inline-flex;\n\n  width: max-content;\n\n  align-items: baseline;\n  justify-content: center;\n\n  gap: .105em;\n\n  margin: 0 auto;\n\n  white-space: nowrap;\n}\n\n\n\/* Desktop + Tablet = one line *\/\n.bplr-home-contact__title-line {\n  display: contents;\n}\n\n\n\/* =========================================================\n   TITLE ANIMATION\n========================================================= *\/\n\n.bplr-home-contact__word {\n  display: inline-block;\n\n  margin: 0;\n  padding: 0;\n\n  opacity: 0;\n\n  transform:\n    translateY(.16em);\n\n  transition:\n    opacity .34s ease,\n    transform .5s cubic-bezier(.22,.8,.3,1);\n\n  will-change:\n    opacity,\n    transform;\n}\n\n\n.bplr-home-contact__word.is-visible {\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\n\/* =========================================================\n   DIVIDER\n========================================================= *\/\n\n.bplr-home-contact__divider {\n  width: 100%;\n  height: 1px;\n\n  margin:\n    clamp(34px, 4vh, 54px)\n    0\n    0;\n\n  background:\n    rgba(11,11,13,.82);\n\n  transform:\n    scaleX(0);\n\n  transform-origin:\n    left center;\n\n  transition:\n    transform .7s cubic-bezier(.22,.8,.3,1);\n}\n\n\n.bplr-home-contact__divider.is-visible {\n  transform:\n    scaleX(1);\n}\n\n\n\/* =========================================================\n   BODY\n========================================================= *\/\n\n.bplr-home-contact__body {\n  width: 100%;\n\n  margin:\n    clamp(40px, 4.5vh, 64px)\n    0\n    0;\n\n  padding: 0;\n\n  display: grid;\n\n  grid-template-columns:\n    minmax(0, 1.55fr)\n    minmax(230px, .62fr)\n    minmax(280px, .68fr);\n\n  column-gap:\n    clamp(38px, 4vw, 76px);\n\n  align-items: start;\n\n  opacity: 0;\n\n  transform:\n    translateY(20px);\n\n  transition:\n    opacity .52s ease,\n    transform .62s cubic-bezier(.22,.8,.3,1);\n}\n\n\n.bplr-home-contact__body.is-visible {\n  opacity: 1;\n\n  transform:\n    translateY(0);\n}\n\n\n.bplr-home-contact__column {\n  min-width: 0;\n}\n\n\n\/* =========================================================\n   PITCH\n========================================================= *\/\n\n.bplr-home-contact__pitch {\n  max-width: 760px;\n\n  margin: 0;\n  padding: 0;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(26px, 2vw, 38px);\n\n  font-weight: 800;\n\n  line-height: .98;\n\n  letter-spacing: -.018em;\n\n  text-transform: uppercase;\n\n  color: #0b0b0d;\n}\n\n\n\/* =========================================================\n   EMAIL\n========================================================= *\/\n\n.bplr-home-contact__email,\n.bplr-home-contact__email:link,\n.bplr-home-contact__email:visited,\n.bplr-home-contact__email:hover,\n.bplr-home-contact__email:focus,\n.bplr-home-contact__email:active {\n\n  width:\n    min(360px, 100%) !important;\n\n  min-height:\n    58px !important;\n\n  margin-top:\n    22px !important;\n\n  padding:\n    0 20px !important;\n\n  display:\n    flex !important;\n\n  align-items:\n    center !important;\n\n  justify-content:\n    space-between !important;\n\n  gap:\n    20px !important;\n\n  background:\n    transparent !important;\n\n  border:\n    1px solid rgba(11,11,13,.72) !important;\n\n  border-radius:\n    0 !important;\n\n  color:\n    #0b0b0d !important;\n\n  box-shadow:\n    none !important;\n\n  outline:\n    none !important;\n\n  text-decoration:\n    none !important;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif !important;\n\n  font-size:\n    clamp(17px, 1.2vw, 21px) !important;\n\n  font-weight:\n    800 !important;\n\n  line-height:\n    1 !important;\n\n  text-transform:\n    uppercase !important;\n\n  transition:\n    background-color .25s ease,\n    color .25s ease;\n}\n\n\n.bplr-home-contact__email-text {\n  display: inline-block;\n\n  transform:\n    skewX(0deg);\n\n  transition:\n    transform .25s ease;\n}\n\n\n.bplr-home-contact__arrow {\n  font-family:\n    Arial,\n    sans-serif;\n\n  font-size:\n    1.45em;\n\n  font-weight:\n    400;\n\n  line-height:\n    1;\n}\n\n\n@media\n(hover: hover)\nand\n(pointer: fine) {\n\n  .bplr-home-contact__email:hover {\n    background:\n      #0b0b0d !important;\n\n    color:\n      #fff !important;\n  }\n\n\n  .bplr-home-contact__email:hover\n  .bplr-home-contact__email-text {\n    transform:\n      skewX(-10deg);\n  }\n\n}\n\n\n\/* =========================================================\n   FOLLOW \/ VISIT TITLES\n========================================================= *\/\n\n.bplr-home-contact__follow {\n  margin-top:\n    clamp(38px, 4vh, 54px);\n}\n\n\n.bplr-home-contact__follow-title,\n.bplr-home-contact__visit-title {\n  margin: 0;\n  padding: 0;\n\n  font-family:\n    \"Barlow Condensed\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(28px, 2vw, 38px);\n\n  font-weight:\n    800;\n\n  line-height:\n    1;\n\n  letter-spacing:\n    -.02em;\n\n  text-transform: uppercase;\n\n  color: #0b0b0d;\n}\n\n\n\/* =========================================================\n   SOCIAL\n========================================================= *\/\n\n.bplr-home-contact__socials {\n  margin-top:\n    14px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: flex-start;\n\n  gap: 10px;\n}\n\n\n.bplr-home-contact__social,\n.bplr-home-contact__social:link,\n.bplr-home-contact__social:visited,\n.bplr-home-contact__social:hover,\n.bplr-home-contact__social:focus,\n.bplr-home-contact__social:active {\n\n  width: 46px;\n  height: 46px;\n\n  flex:\n    0 0 46px;\n\n  margin: 0;\n\n  padding: 11px;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  background:\n    #303030 !important;\n\n  border:\n    0 !important;\n\n  border-radius:\n    50% !important;\n\n  color:\n    #fff !important;\n\n  box-shadow:\n    none !important;\n\n  outline:\n    none !important;\n\n  text-decoration:\n    none !important;\n\n  transition:\n    transform .22s ease,\n    background-color .22s ease;\n}\n\n\n.bplr-home-contact__social svg {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  overflow: visible;\n\n  fill:\n    currentColor !important;\n\n  stroke:\n    none !important;\n\n  color: #fff;\n}\n\n\n.bplr-home-contact__social svg path {\n  fill:\n    currentColor !important;\n\n  stroke:\n    none !important;\n}\n\n\n@media\n(hover: hover)\nand\n(pointer: fine) {\n\n  .bplr-home-contact__social:hover {\n    transform:\n      translateY(-3px);\n\n    background:\n      #0b0b0d !important;\n  }\n\n}\n\n\n\/* =========================================================\n   VISIT\n========================================================= *\/\n\n.bplr-home-contact__column--visit {\n  padding-top: 2px;\n}\n\n\n.bplr-home-contact__address {\n  margin-top:\n    16px;\n\n  color:\n    #272729;\n\n  font-family:\n    \"Barlow\",\n    Arial,\n    sans-serif;\n\n  font-size:\n    clamp(17px, 1.2vw, 22px);\n\n  font-weight:\n    400;\n\n  line-height:\n    1.32;\n}\n\n\n.bplr-home-contact__address strong {\n  display: block;\n\n  margin-bottom:\n    4px;\n\n  color:\n    #0b0b0d;\n\n  font-weight:\n    700;\n}\n\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n.bplr-home-contact__column--media {\n  width: 100%;\n}\n\n\n.bplr-home-contact__image {\n  display: block;\n\n  width: 100%;\n\n  aspect-ratio:\n    1 \/ 1;\n\n  margin: 0;\n  padding: 0;\n\n  object-fit:\n    cover;\n\n  object-position:\n    center center;\n}\n\n\n\/* =========================================================\n   TABLET\n   768 \u2014 1180\n========================================================= *\/\n\n@media\n(min-width: 768px)\nand\n(max-width: 1180px) {\n\n  .bplr-home-contact {\n    padding:\n      50px\n      40px\n      58px;\n  }\n\n\n  \/* TITLE = ONE LINE \/ CENTERED *\/\n\n  .bplr-home-contact__title-fit {\n    display: inline-flex;\n\n    flex-direction: row;\n\n    align-items: baseline;\n    justify-content: center;\n\n    gap: .105em;\n\n    margin: 0 auto;\n\n    white-space: nowrap;\n  }\n\n\n  .bplr-home-contact__title-line {\n    display: contents;\n  }\n\n\n  \/* BODY *\/\n\n  .bplr-home-contact__body {\n    grid-template-columns:\n      minmax(0, 1.35fr)\n      minmax(250px, .65fr);\n\n    column-gap:\n      54px;\n\n    margin-top:\n      46px;\n  }\n\n\n  \/* IMAGE OFF *\/\n\n  .bplr-home-contact__column--media {\n    display:\n      none;\n  }\n\n\n  .bplr-home-contact__pitch {\n    font-size:\n      clamp(28px, 3.5vw, 38px);\n  }\n\n\n  .bplr-home-contact__email,\n  .bplr-home-contact__email:link,\n  .bplr-home-contact__email:visited,\n  .bplr-home-contact__email:hover,\n  .bplr-home-contact__email:focus,\n  .bplr-home-contact__email:active {\n\n    width:\n      340px !important;\n\n    min-height:\n      60px !important;\n\n    font-size:\n      19px !important;\n  }\n\n\n  .bplr-home-contact__follow-title,\n  .bplr-home-contact__visit-title {\n    font-size:\n      32px;\n  }\n\n\n  .bplr-home-contact__address {\n    font-size:\n      19px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n   0 \u2014 767\n========================================================= *\/\n\n@media (max-width: 767px) {\n\n  .bplr-home-contact {\n    padding:\n      40px\n      24px\n      50px;\n  }\n\n\n  \/* =====================================================\n     TITLE\n     CENTERED \/ EXACTLY TWO LINES\n     GET IN\n     TOUCH\n  ===================================================== *\/\n\n  .bplr-home-contact__title {\n    align-items:\n      center;\n\n    justify-content:\n      center;\n\n    line-height:\n      .78;\n\n    text-align:\n      center;\n  }\n\n\n  .bplr-home-contact__title-fit {\n    display:\n      flex;\n\n    flex-direction:\n      column;\n\n    align-items:\n      center;\n\n    justify-content:\n      flex-start;\n\n    gap:\n      0;\n\n    width:\n      max-content;\n\n    margin:\n      0 auto;\n\n    white-space:\n      normal;\n  }\n\n\n  .bplr-home-contact__title-line {\n    display:\n      flex;\n\n    align-items:\n      baseline;\n\n    justify-content:\n      center;\n\n    width:\n      max-content;\n\n    gap:\n      .105em;\n\n    white-space:\n      nowrap;\n\n    text-align:\n      center;\n  }\n\n\n  \/* DIVIDER *\/\n\n  .bplr-home-contact__divider {\n    margin-top:\n      28px;\n  }\n\n\n  \/* BODY *\/\n\n  .bplr-home-contact__body {\n    display:\n      block;\n\n    margin-top:\n      34px;\n  }\n\n\n  \/* HIDE VISIT + IMAGE *\/\n\n  .bplr-home-contact__column--visit,\n  .bplr-home-contact__column--media {\n    display:\n      none;\n  }\n\n\n  \/* PITCH *\/\n\n  .bplr-home-contact__pitch {\n    max-width:\n      100%;\n\n    font-size:\n      clamp(28px, 8vw, 38px);\n\n    line-height:\n      .98;\n  }\n\n\n  \/* EMAIL *\/\n\n  .bplr-home-contact__email,\n  .bplr-home-contact__email:link,\n  .bplr-home-contact__email:visited,\n  .bplr-home-contact__email:hover,\n  .bplr-home-contact__email:focus,\n  .bplr-home-contact__email:active {\n\n    width:\n      100% !important;\n\n    min-height:\n      60px !important;\n\n    margin-top:\n      22px !important;\n\n    font-size:\n      18px !important;\n  }\n\n\n  \/* FOLLOW *\/\n\n  .bplr-home-contact__follow {\n    margin-top:\n      40px;\n  }\n\n\n  .bplr-home-contact__follow-title {\n    font-size:\n      32px;\n  }\n\n\n  .bplr-home-contact__socials {\n    margin-top:\n      14px;\n  }\n\n\n  .bplr-home-contact__social {\n    width:\n      46px;\n\n    height:\n      46px;\n\n    flex-basis:\n      46px;\n\n    padding:\n      11px;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  const contact =\n    document.querySelector(\n      '.bplr-home-contact'\n    );\n\n\n  if (!contact) return;\n\n\n  const title =\n    contact.querySelector(\n      '.bplr-home-contact__title'\n    );\n\n\n  const titleFit =\n    contact.querySelector(\n      '.bplr-home-contact__title-fit'\n    );\n\n\n  const titleLines =\n    Array.from(\n      contact.querySelectorAll(\n        '.bplr-home-contact__title-line'\n      )\n    );\n\n\n  const words =\n    Array.from(\n      contact.querySelectorAll(\n        '.bplr-home-contact__word'\n      )\n    );\n\n\n  const divider =\n    contact.querySelector(\n      '.bplr-home-contact__divider'\n    );\n\n\n  const body =\n    contact.querySelector(\n      '.bplr-home-contact__body'\n    );\n\n\n\n  \/* =====================================================\n     NORMALIZE ELEMENTOR\n  ===================================================== *\/\n\n  function normalizeHomeContact() {\n\n    const widget =\n      contact.closest(\n        '.elementor-widget-html'\n      );\n\n\n    if (widget) {\n\n      widget.style.width =\n        '100%';\n\n      widget.style.maxWidth =\n        'none';\n\n      widget.style.flex =\n        '0 0 100%';\n\n      widget.style.flexBasis =\n        '100%';\n\n      widget.style.alignSelf =\n        'stretch';\n\n      widget.style.margin =\n        '0';\n\n      widget.style.padding =\n        '0';\n\n      widget.style.minWidth =\n        '0';\n\n    }\n\n\n    const container =\n      widget\n        ? widget.closest('.e-con')\n        : null;\n\n\n    if (container) {\n\n      container.style.width =\n        '100%';\n\n      container.style.maxWidth =\n        'none';\n\n      container.style.flex =\n        '0 0 100%';\n\n      container.style.flexBasis =\n        '100%';\n\n      container.style.alignSelf =\n        'stretch';\n\n      container.style.margin =\n        '0';\n\n      container.style.padding =\n        '0';\n\n      container.style.gap =\n        '0';\n\n      container.style.minWidth =\n        '0';\n\n    }\n\n\n    if (\n      widget &&\n      widget.parentElement &&\n      widget.parentElement !== container\n    ) {\n\n      const parent =\n        widget.parentElement;\n\n\n      parent.style.width =\n        '100%';\n\n      parent.style.maxWidth =\n        'none';\n\n      parent.style.flex =\n        '0 0 100%';\n\n      parent.style.flexBasis =\n        '100%';\n\n      parent.style.alignSelf =\n        'stretch';\n\n      parent.style.margin =\n        '0';\n\n      parent.style.padding =\n        '0';\n\n      parent.style.gap =\n        '0';\n\n      parent.style.minWidth =\n        '0';\n\n    }\n\n  }\n\n\n\n  \/* =====================================================\n     TITLE AUTO-FIT\n\n     DESKTOP\/TABLET:\n     GET IN TOUCH = ONE LINE \/ CENTERED\n\n     MOBILE:\n     GET IN\n     TOUCH\n\n     Siempre centrado.\n  ===================================================== *\/\n\n  function fitContactTitle() {\n\n    if (\n      !title ||\n      !titleFit\n    ) {\n\n      return;\n\n    }\n\n\n    const available =\n      title.clientWidth;\n\n\n    if (\n      !available\n    ) {\n\n      return;\n\n    }\n\n\n    \/* Base de medici\u00f3n *\/\n\n    title.style.fontSize =\n      '100px';\n\n\n    let naturalWidth =\n      0;\n\n\n    if (\n      window.innerWidth <= 767\n    ) {\n\n      titleLines.forEach(\n        function (line) {\n\n          naturalWidth =\n            Math.max(\n              naturalWidth,\n              line.scrollWidth\n            );\n\n        }\n      );\n\n    } else {\n\n      naturalWidth =\n        titleFit.scrollWidth;\n\n    }\n\n\n    if (\n      !naturalWidth\n    ) {\n\n      return;\n\n    }\n\n\n    const targetWidth =\n      available * .985;\n\n\n    let calculatedSize =\n      100 *\n      (\n        targetWidth \/\n        naturalWidth\n      );\n\n\n    \/* Safety caps *\/\n\n    if (\n      window.innerWidth > 1180\n    ) {\n\n      calculatedSize =\n        Math.min(\n          calculatedSize,\n          320\n        );\n\n    } else if (\n      window.innerWidth >= 768\n    ) {\n\n      calculatedSize =\n        Math.min(\n          calculatedSize,\n          210\n        );\n\n    } else {\n\n      calculatedSize =\n        Math.min(\n          calculatedSize,\n          150\n        );\n\n    }\n\n\n    calculatedSize =\n      Math.max(\n        calculatedSize,\n        68\n      );\n\n\n    title.style.fontSize =\n      calculatedSize +\n      'px';\n\n  }\n\n\n\n  \/* =====================================================\n     CONTACT ANIMATION\n  ===================================================== *\/\n\n  let hasPlayed =\n    false;\n\n\n  function playContact() {\n\n    if (\n      hasPlayed\n    ) {\n\n      return;\n\n    }\n\n\n    hasPlayed =\n      true;\n\n\n    const initialDelay =\n      100;\n\n\n    const wordStep =\n      180;\n\n\n    words.forEach(\n      function (\n        word,\n        index\n      ) {\n\n        setTimeout(\n          function () {\n\n            word.classList.add(\n              'is-visible'\n            );\n\n          },\n\n          initialDelay +\n          (\n            index *\n            wordStep\n          )\n\n        );\n\n      }\n    );\n\n\n    const contentMoment =\n      initialDelay +\n      (\n        words.length *\n        wordStep\n      )\n      +\n      160;\n\n\n    setTimeout(\n      function () {\n\n        if (\n          divider\n        ) {\n\n          divider.classList.add(\n            'is-visible'\n          );\n\n        }\n\n      },\n\n      contentMoment\n    );\n\n\n    setTimeout(\n      function () {\n\n        if (\n          body\n        ) {\n\n          body.classList.add(\n            'is-visible'\n          );\n\n        }\n\n      },\n\n      contentMoment +\n      180\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     OBSERVER\n  ===================================================== *\/\n\n  const observer =\n    new IntersectionObserver(\n\n      function (entries) {\n\n        entries.forEach(\n          function (entry) {\n\n            if (\n              entry.isIntersecting &&\n              entry.intersectionRatio >=\n              .16\n            ) {\n\n              playContact();\n\n              observer.disconnect();\n\n            }\n\n          }\n        );\n\n      },\n\n      {\n        threshold:\n          [\n            .06,\n            .12,\n            .16,\n            .24\n          ]\n      }\n\n    );\n\n\n  observer.observe(\n    contact\n  );\n\n\n\n  \/* =====================================================\n     INIT\n  ===================================================== *\/\n\n  normalizeHomeContact();\n\n  fitContactTitle();\n\n\n  requestAnimationFrame(\n    function () {\n\n      normalizeHomeContact();\n\n      fitContactTitle();\n\n    }\n  );\n\n\n  setTimeout(\n    function () {\n\n      normalizeHomeContact();\n\n      fitContactTitle();\n\n    },\n\n    250\n  );\n\n\n  setTimeout(\n    function () {\n\n      normalizeHomeContact();\n\n      fitContactTitle();\n\n    },\n\n    700\n  );\n\n\n\n  \/* =====================================================\n     FONT READY\n  ===================================================== *\/\n\n  if (\n    document.fonts &&\n    document.fonts.ready\n  ) {\n\n    document.fonts.ready.then(\n      function () {\n\n        fitContactTitle();\n\n      }\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     RESIZE\n  ===================================================== *\/\n\n  let resizeTimer;\n\n\n  window.addEventListener(\n    'resize',\n\n    function () {\n\n      clearTimeout(\n        resizeTimer\n      );\n\n\n      resizeTimer =\n        setTimeout(\n          function () {\n\n            normalizeHomeContact();\n\n            fitContactTitle();\n\n          },\n\n          120\n        );\n\n    }\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-16f56808 e-con-full e-flex e-con e-child\" data-id=\"16f56808\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6fd43ce elementor-widget elementor-widget-heading\" data-id=\"6fd43ce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00a9 BIPOLAR 2026 <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29ccbc37 elementor-widget elementor-widget-heading\" data-id=\"29ccbc37\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PRIVACY \/ LEGAL<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b931269 e-con-full e-flex e-con e-child\" data-id=\"4b931269\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1fbfba elementor-widget elementor-widget-html\" data-id=\"b1fbfba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\/* =========================================================\n   WORK \u2014 CONTACT FULL BLEED\n========================================================= *\/\n\nbody .bplr-contact {\n\n  position:\n    relative !important;\n\n  left:\n    auto !important;\n\n  right:\n    auto !important;\n\n  width:\n    100vw !important;\n\n  min-width:\n    100vw !important;\n\n  max-width:\n    100vw !important;\n\n  margin-top:\n    0 !important;\n\n  margin-right:\n    0 !important;\n\n  margin-bottom:\n    0 !important;\n\n  margin-left:\n    calc(50% - 50vw) !important;\n\n  box-sizing:\n    border-box !important;\n\n}\n\n\n\/* =========================================================\n   CONTACT OUTER CONTAINER\n========================================================= *\/\n\n.bplr-work-contact-shell {\n\n  position:\n    relative !important;\n\n  width:\n    100vw !important;\n\n  min-width:\n    100vw !important;\n\n  max-width:\n    100vw !important;\n\n  margin-top:\n    0 !important;\n\n  margin-right:\n    0 !important;\n\n  margin-bottom:\n    0 !important;\n\n  margin-left:\n    calc(50% - 50vw) !important;\n\n  padding-left:\n    0 !important;\n\n  padding-right:\n    0 !important;\n\n  box-sizing:\n    border-box !important;\n\n  align-self:\n    stretch !important;\n\n  overflow:\n    visible !important;\n\n}\n\n\n\/* =========================================================\n   FOOTER OUTER CONTAINER\n   FULL BLEED BACKGROUND + INNER PADDING\n========================================================= *\/\n\n.bplr-work-footer-shell {\n\n  position:\n    relative !important;\n\n  width:\n    100vw !important;\n\n  min-width:\n    100vw !important;\n\n  max-width:\n    100vw !important;\n\n  margin-top:\n    0 !important;\n\n  margin-right:\n    0 !important;\n\n  margin-bottom:\n    0 !important;\n\n  margin-left:\n    calc(50% - 50vw) !important;\n\n  box-sizing:\n    border-box !important;\n\n  align-self:\n    stretch !important;\n\n  overflow:\n    visible !important;\n\n}\n\n\n\/* =========================================================\n   DESKTOP FOOTER INTERNAL MARGINS\n========================================================= *\/\n\n@media (min-width:1181px) {\n\n  .bplr-work-footer-shell {\n\n    padding-left:\n      6vw !important;\n\n    padding-right:\n      6vw !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET FOOTER INTERNAL MARGINS\n========================================================= *\/\n\n@media\n(min-width:768px)\nand\n(max-width:1180px) {\n\n  .bplr-work-footer-shell {\n\n    padding-left:\n      7vw !important;\n\n    padding-right:\n      7vw !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE FOOTER INTERNAL MARGINS\n========================================================= *\/\n\n@media (max-width:767px) {\n\n  .bplr-work-footer-shell {\n\n    padding-left:\n      7vw !important;\n\n    padding-right:\n      7vw !important;\n\n  }\n\n}\n\n\n\/* =========================================================\n   INNER CONTAINERS\n========================================================= *\/\n\n.bplr-work-footer-shell >\n.e-con,\n\n.bplr-work-contact-shell >\n.e-con {\n\n  width:\n    100% !important;\n\n  max-width:\n    none !important;\n\n  margin-left:\n    0 !important;\n\n  margin-right:\n    0 !important;\n\n}\n\n\n\/* =========================================================\n   CONTROL CONTAINER\n   NO VISUAL SPACE\n========================================================= *\/\n\n.bplr-work-fullbleed-control {\n\n  width:\n    0 !important;\n\n  height:\n    0 !important;\n\n  min-height:\n    0 !important;\n\n  max-height:\n    0 !important;\n\n  margin:\n    0 !important;\n\n  padding:\n    0 !important;\n\n  gap:\n    0 !important;\n\n  overflow:\n    visible !important;\n\n}\n\n<\/style>\n\n\n<script>\n\n(function () {\n\n  function setupWorkContactFooter() {\n\n\n    \/* =====================================================\n       FIND THIS SCRIPT\n    ===================================================== *\/\n\n    const scripts =\n      document.querySelectorAll(\n        'script'\n      );\n\n\n    let thisScript =\n      null;\n\n\n    for (\n      let i = scripts.length - 1;\n      i >= 0;\n      i--\n    ) {\n\n      if (\n        scripts[i].textContent.indexOf(\n          'setupWorkContactFooter'\n        ) !== -1\n      ) {\n\n        thisScript =\n          scripts[i];\n\n        break;\n\n      }\n\n    }\n\n\n    if (!thisScript) return;\n\n\n\n    \/* =====================================================\n       HTML WIDGET\n    ===================================================== *\/\n\n    const widget =\n      thisScript.closest(\n        '.elementor-widget-html'\n      );\n\n\n    if (!widget) return;\n\n\n\n    \/* =====================================================\n       CONTAINER FULL BLEED\n    ===================================================== *\/\n\n    const controlContainer =\n      widget.closest(\n        '.e-con'\n      );\n\n\n    if (!controlContainer) return;\n\n\n    controlContainer.classList.add(\n      'bplr-work-fullbleed-control'\n    );\n\n\n\n    \/* =====================================================\n       HELPER\n    ===================================================== *\/\n\n    function previousContainer(\n      element\n    ) {\n\n      let previous =\n        element.previousElementSibling;\n\n\n      while (previous) {\n\n        if (\n          previous.classList &&\n          previous.classList.contains(\n            'e-con'\n          )\n        ) {\n\n          return previous;\n\n        }\n\n\n        previous =\n          previous.previousElementSibling;\n\n      }\n\n\n      return null;\n\n    }\n\n\n\n    \/* =====================================================\n       STRUCTURE\n\n       Contact\n       Footer\n       FULL BLEED\n    ===================================================== *\/\n\n    const footerContainer =\n      previousContainer(\n        controlContainer\n      );\n\n\n    const contactContainer =\n      footerContainer\n        ? previousContainer(\n            footerContainer\n          )\n        : null;\n\n\n\n    \/* =====================================================\n       CONTACT\n    ===================================================== *\/\n\n    if (contactContainer) {\n\n      contactContainer.classList.add(\n        'bplr-work-contact-shell'\n      );\n\n\n      contactContainer.style.setProperty(\n        'position',\n        'relative',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'width',\n        '100vw',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'min-width',\n        '100vw',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'max-width',\n        '100vw',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'margin-left',\n        'calc(50% - 50vw)',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'margin-right',\n        '0',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'padding-left',\n        '0',\n        'important'\n      );\n\n\n      contactContainer.style.setProperty(\n        'padding-right',\n        '0',\n        'important'\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       FOOTER\n       FULL WIDTH, CONTENT PADDED\n    ===================================================== *\/\n\n    if (footerContainer) {\n\n      footerContainer.classList.add(\n        'bplr-work-footer-shell'\n      );\n\n\n      footerContainer.style.setProperty(\n        'position',\n        'relative',\n        'important'\n      );\n\n\n      footerContainer.style.setProperty(\n        'width',\n        '100vw',\n        'important'\n      );\n\n\n      footerContainer.style.setProperty(\n        'min-width',\n        '100vw',\n        'important'\n      );\n\n\n      footerContainer.style.setProperty(\n        'max-width',\n        '100vw',\n        'important'\n      );\n\n\n      footerContainer.style.setProperty(\n        'margin-left',\n        'calc(50% - 50vw)',\n        'important'\n      );\n\n\n      footerContainer.style.setProperty(\n        'margin-right',\n        '0',\n        'important'\n      );\n\n\n      footerContainer.style.setProperty(\n        'box-sizing',\n        'border-box',\n        'important'\n      );\n\n    }\n\n\n\n    \/* =====================================================\n       CONTROL CONTAINER\n    ===================================================== *\/\n\n    controlContainer.style.setProperty(\n      'min-height',\n      '0',\n      'important'\n    );\n\n\n    controlContainer.style.setProperty(\n      'height',\n      '0',\n      'important'\n    );\n\n\n    controlContainer.style.setProperty(\n      'margin',\n      '0',\n      'important'\n    );\n\n\n    controlContainer.style.setProperty(\n      'padding',\n      '0',\n      'important'\n    );\n\n\n    controlContainer.style.setProperty(\n      'gap',\n      '0',\n      'important'\n    );\n\n  }\n\n\n\n  \/* =====================================================\n     START\n  ===================================================== *\/\n\n  function start() {\n\n    setupWorkContactFooter();\n\n\n    setTimeout(\n      setupWorkContactFooter,\n      250\n    );\n\n\n    setTimeout(\n      setupWorkContactFooter,\n      700\n    );\n\n  }\n\n\n  if (\n    document.readyState ===\n    'loading'\n  ) {\n\n    document.addEventListener(\n      'DOMContentLoaded',\n      start\n    );\n\n  }\n\n  else {\n\n    start();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\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>ABOUT WORK JOIN US ABOUT WORK JOIN US Headquarters L\u00e1zaro C\u00e1rdenas 2424, Loma Larga Oriente San Pedro Garza Garc\u00eda Nuevo Le\u00f3n, M\u00e9xico C.P. 66266 THE FINAL FRAME MAKES IT ALL WORTH IT. CAMBIA EL MOOD A burst of color, flavor and refreshment made to shift the mood. VIEW FULL STORY \u2192 JUNTOS EN EL VIAJE [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-825","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/pages\/825","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/comments?post=825"}],"version-history":[{"count":10,"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/pages\/825\/revisions"}],"predecessor-version":[{"id":922,"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/pages\/825\/revisions\/922"}],"wp:attachment":[{"href":"https:\/\/bipolar.mx\/es\/wp-json\/wp\/v2\/media?parent=825"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}