{"id":9,"date":"2026-05-26T14:49:17","date_gmt":"2026-05-26T17:49:17","guid":{"rendered":"https:\/\/corvex.mural.com.ar\/?page_id=9"},"modified":"2026-05-27T00:29:31","modified_gmt":"2026-05-27T03:29:31","slug":"corvex","status":"publish","type":"page","link":"https:\/\/corvex.ar\/?page_id=9","title":{"rendered":"Corvex"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"9\" class=\"elementor elementor-9\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d0ba30a e-con-full hscroll-section e-flex e-con e-parent\" data-id=\"2d0ba30a\" 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-632d08b1 elementor-widget elementor-widget-heading\" data-id=\"632d08b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">LANZAMIENTO<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2038cbaf elementor-widget elementor-widget-text-editor\" data-id=\"2038cbaf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style=\"text-align: center; color: #94a3b8; font-size: 22px; max-width: 600px; margin: 20px auto 0;\">Scrolle\u00e1 con la ruedita para navegar las secciones<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-359aba14 e-con-full hscroll-section e-flex e-con e-parent\" data-id=\"359aba14\" 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-374ecb4 elementor-widget elementor-widget-html\" data-id=\"374ecb4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"unboxing-wrapper\">\r\n  <div class=\"elemento disco\">\r\n    <img decoding=\"async\" src=\"https:\/\/corvex.ar\/wp-content\/uploads\/2026\/05\/CORVEX-DISCO-scaled.png\" alt=\"Disco\">\r\n  <\/div>\r\n  <div class=\"elemento protector\">\r\n    <img decoding=\"async\" src=\"https:\/\/corvex.ar\/wp-content\/uploads\/2026\/05\/CORVEX-PROTECTOR-scaled.png\" alt=\"Protector\">\r\n  <\/div>\r\n  <div class=\"elemento mapa\">\r\n    <img decoding=\"async\" src=\"https:\/\/corvex.ar\/wp-content\/uploads\/2026\/05\/CORVEX-MEDIO-MAPA.png\" alt=\"Mapa\">\r\n  <\/div>\r\n  <div class=\"elemento tapa\">\r\n    <img decoding=\"async\" src=\"https:\/\/corvex.ar\/wp-content\/uploads\/2026\/05\/CORVEX-TAPA.png\" alt=\"Tapa\">\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.unboxing-wrapper {\r\n  \/* \u2193\u2193\u2193 ESTE ES EL N\u00daMERO QUE TEN\u00c9S QUE TOCAR PARA EL TAMA\u00d1O \u2193\u2193\u2193 *\/\r\n  --unboxing-size: 28vw;\r\n  \/* 25vw = todo entra justo en pantalla\r\n     28vw = un poco m\u00e1s grande (lo que est\u00e1s probando ahora)\r\n     30vw = m\u00e1s grande a\u00fan\r\n     32vw = bastante grande\r\n     Cuanto m\u00e1s alto, m\u00e1s grandes son las piezas (y el disco final asoma un toque fuera del viewport, hay que scrollear un cachito m\u00e1s para verlo todo) *\/\r\n\r\n  position: relative;\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  margin-right: calc(50% - 50vw);\r\n  height: 100vh;\r\n  overflow: visible;\r\n}\r\n\r\n.elemento {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 0;\r\n  width: var(--unboxing-size);\r\n  height: var(--unboxing-size);\r\n  transform: translate(0, -50%);\r\n  will-change: transform;\r\n}\r\n\r\n.elemento img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: contain;\r\n  display: block;\r\n  pointer-events: none;\r\n}\r\n\r\n.tapa      { z-index: 10; }\r\n.mapa      { z-index: 8; }\r\n.protector { z-index: 5; }\r\n.disco     { z-index: 4; }\r\n<\/style>\r\n\r\n<script>\r\n(function() {\r\n  function init() {\r\n    const wrapper = document.querySelector('.unboxing-wrapper');\r\n    if (!wrapper) return;\r\n\r\n    const tapa      = wrapper.querySelector('.tapa');\r\n    const mapa      = wrapper.querySelector('.mapa');\r\n    const protector = wrapper.querySelector('.protector');\r\n    const disco     = wrapper.querySelector('.disco');\r\n\r\n    let positions = { mapa: 0, protector: 0, discoFinal: 0 };\r\n\r\n    function recalcPositions() {\r\n      const elementWidth = tapa.offsetWidth;\r\n      const step         = elementWidth;\r\n      positions = {\r\n        mapa:       step,\r\n        protector:  step * 2,\r\n        discoFinal: step * 3\r\n      };\r\n    }\r\n\r\n    recalcPositions();\r\n    window.addEventListener('resize', recalcPositions);\r\n\r\n    \/\/ Tiempos del recorrido (0 a 1)\r\n    const mapaStart       = 0.05, mapaEnd       = 0.30;\r\n    const juntosStart     = 0.30, juntosEnd     = 0.60;\r\n    const discoSoloStart  = 0.45, discoSoloEnd  = 0.65;   \/\/ \u2190 disco arranca a la mitad del protector\r\n\r\n    function clamp(v, a, b) { return Math.max(a, Math.min(b, v)); }\r\n    function lerp(a, b, t)  { return a + (b - a) * clamp(t, 0, 1); }\r\n    function progBetween(p, start, end) { return clamp((p - start) \/ (end - start), 0, 1); }\r\n\r\n    function tick() {\r\n      const rect = wrapper.getBoundingClientRect();\r\n      const vw   = window.innerWidth;\r\n      const total    = vw + rect.width;\r\n      const traveled = vw - rect.left;\r\n      const progress = clamp(traveled \/ total, 0, 1);\r\n\r\n      \/\/ MAPA\r\n      const mapaT = progBetween(progress, mapaStart, mapaEnd);\r\n      mapa.style.transform = `translate(${lerp(0, positions.mapa, mapaT)}px, -50%)`;\r\n\r\n      \/\/ PROTECTOR\r\n      const protectorT = progBetween(progress, juntosStart, juntosEnd);\r\n      const xProtector = lerp(0, positions.protector, protectorT);\r\n      protector.style.transform = `translate(${xProtector}px, -50%)`;\r\n\r\n      \/\/ DISCO: pegado al protector hasta discoSoloStart, despu\u00e9s se separa y avanza m\u00e1s r\u00e1pido\r\n      if (progress < discoSoloStart) {\r\n        disco.style.transform = `translate(${xProtector}px, -50%) rotate(0deg)`;\r\n      } else {\r\n        \/\/ donde estaba el protector en el momento que se separan (para que no haya salto)\r\n        const splitFrac   = clamp((discoSoloStart - juntosStart) \/ (juntosEnd - juntosStart), 0, 1);\r\n        const discoStartX = positions.protector * splitFrac;\r\n        const t           = progBetween(progress, discoSoloStart, discoSoloEnd);\r\n        disco.style.transform = `translate(${lerp(discoStartX, positions.discoFinal, t)}px, -50%) rotate(${lerp(0, 90, t)}deg)`;\r\n      }\r\n\r\n      requestAnimationFrame(tick);\r\n    }\r\n\r\n    tick();\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d7cead5 e-con-full hscroll-section e-flex e-con e-parent\" data-id=\"7d7cead5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-606cf163 e-con-full hscroll-section e-flex e-con e-parent\" data-id=\"606cf163\" 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-62e75d2a elementor-widget elementor-widget-heading\" data-id=\"62e75d2a\" 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\">Portfolio<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-421fe79a elementor-widget elementor-widget-text-editor\" data-id=\"421fe79a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style='text-align:center;color:#FCE7F3;font-size:20px;max-width:650px;margin:20px auto 0;'>M\u00e1s de 100 proyectos entregados con resultados medibles para nuestros clientes.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da46032 e-con-full hscroll-section e-flex e-con e-parent\" data-id=\"da46032\" 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-164f30fd elementor-widget elementor-widget-heading\" data-id=\"164f30fd\" 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\">Contacto<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b08e410 elementor-widget elementor-widget-text-editor\" data-id=\"2b08e410\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p style='text-align:center;color:#D1FAE5;font-size:20px;max-width:650px;margin:20px auto 0;'>\u00bfHablamos? Escribinos a hola@tusitio.com y te respondemos en menos de 24hs.<\/p>\t\t\t\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>LANZAMIENTO Scrolle\u00e1 con la ruedita para navegar las secciones Portfolio M\u00e1s de 100 proyectos entregados con resultados medibles para nuestros clientes. Contacto \u00bfHablamos? Escribinos a hola@tusitio.com y te respondemos en menos de 24hs.<\/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-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/corvex.ar\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/corvex.ar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/corvex.ar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/corvex.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/corvex.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":71,"href":"https:\/\/corvex.ar\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":123,"href":"https:\/\/corvex.ar\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/123"}],"wp:attachment":[{"href":"https:\/\/corvex.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}