<!doctype html>
<html class="js" lang="es">
  <head><script data-source-attribution="shopify.event_observer.bootstrap">
(function(){let e=navigator,t=`prototype`,n=`sendBeacon`,r=e[n],i=fetch,a=XMLHttpRequest[t],{open:o,send:s}=a,c=`EventListener`,l=`add${c}`,u=`remove${c}`,d=EventTarget[t],f=d[l],p=d[u],m=e=>Error((e=document.currentScript)&&[e?.src,e?.id||e?.dataset?.sourceAttribution]),h=(e=[],t=0)=>(e.p=n=>e[t++%1e3]=n,[e,t=>(e.forEach(e.p=t),e.length=0)]),[g,_]=h(),[v,y]=h(),b,x=new WeakMap,S=e=>e&&g.p([e,b||[m()]]);d[l]=function(e,t,n){let r=this,i=t?.handleEvent||t,a=x.get(t),o=m();i?.call&&!a&&x.set(t,a=function(e){b=[o,e.type];try{i.call(t==i?this:t,e)}finally{b=null}}),v.p([e,o,a,r?.tagName||r+``,r?.id]),f.call(r,e,a||t,n)},d[u]=function(e,t,n){p.call(this,e,x.get(t)||t,n)},a.open=function(e,t){x.set(this,[t+``,e]),o.apply(this,arguments)},a.send=function(e){S(x.get(this)),s.call(this,e)},fetch=(e,t)=>(S([(e?.url||e)+``,t?.method]),i(e,t)),e[n]=(t,n)=>(S([t+``,``]),r.call(e,t,n)),setTimeout(()=>import("//www.ubehouse.com/cdn/shopifycloud/storefront/assets/storefront/event_observer_reporter-de731130.js").then(e=>e.$(_,y,f,i,`98069709127`)))})();
//# sourceURL=event-observer-collector.js
</script>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#221854">
    <link rel="canonical" href="https://ubehouse.com/"><link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Bagel+Fat+One&family=Manrope:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    <title>
      Ube House
</title>

    

    

<meta property="og:site_name" content="Ube House">
<meta property="og:url" content="https://ubehouse.com/">
<meta property="og:title" content="Ube House">
<meta property="og:type" content="website">
<meta property="og:description" content="Ube House"><meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Ube House">
<meta name="twitter:description" content="Ube House">

<link href="//www.ubehouse.com/cdn/shop/t/5/assets/base.css?v=159841507637079171801779900909" rel="stylesheet" type="text/css" media="all" />
<link href="//www.ubehouse.com/cdn/shop/t/5/assets/ube-house.css?v=1217835706430338371779901362" rel="stylesheet" type="text/css" media="all" />
    <link href="//www.ubehouse.com/cdn/shop/t/5/assets/ube-overrides.css?v=3215769214977413941779901362" rel="stylesheet" type="text/css" media="all" />
    <link href="//www.ubehouse.com/cdn/shop/t/5/assets/ube-cart-styling.css?v=15011600427346811481779900909" rel="stylesheet" type="text/css" media="all" />

    <script src="//www.ubehouse.com/cdn/shop/t/5/assets/constants.js?v=132983761750457495441779900909" defer="defer"></script>
    <script src="//www.ubehouse.com/cdn/shop/t/5/assets/pubsub.js?v=25310214064522200911779900909" defer="defer"></script>
    <script src="//www.ubehouse.com/cdn/shop/t/5/assets/global.js?v=7301445359237545521779900909" defer="defer"></script>
    <script src="//www.ubehouse.com/cdn/shop/t/5/assets/details-disclosure.js?v=13653116266235556501779900909" defer="defer"></script>
    <script src="//www.ubehouse.com/cdn/shop/t/5/assets/details-modal.js?v=25581673532751508451779900909" defer="defer"></script><script src="//www.ubehouse.com/cdn/shop/t/5/assets/animations.js?v=88693664871331136111779900909" defer="defer"></script><script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/98069709127/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="537968b055a7f12e55670da00de3c265">
<meta id="in-context-paypal-metadata" data-shop-id="98069709127" data-venmo-supported="false" data-environment="production" data-locale="es_ES" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=es-ES"></script>
<script id="shopify-features" type="application/json">{"accessToken":"537968b055a7f12e55670da00de3c265","betas":["rich-media-storefront-analytics"],"domain":"www.ubehouse.com","predictiveSearch":true,"shopId":98069709127,"locale":"es"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "43mj21-vz.myshopify.com";
Shopify.locale = "es";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "ES";
Shopify.theme = {"name":"Ube House — Polish Draft","id":195872653639,"schema_name":"Taste","schema_version":"15.4.1","theme_store_id":1434,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.ubehouse.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
  window.Shopify = window.Shopify || {};
  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
  window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.ubehouse.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.es.esm.js"></script>
<script type="module">
  await import("//www.ubehouse.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.es.esm.js");

  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});

</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.es.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.es.esm.js"],"listener":["modules/v2/loader.listener.es.esm.js"],"shop-button":["modules/v2/loader.shop-button.es.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.es.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.es.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.es.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.es.esm.js"],"avatar":["modules/v2/loader.avatar.es.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.es.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.es.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.es.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.es.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.es.esm.js"],"pay-button":["modules/v2/loader.pay-button.es.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.es.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.es.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.es.esm.js"],"shop-login":["modules/v2/loader.shop-login.es.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.es.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.es.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.es.esm.js"]};
</script>
<script id="__st">var __st={"a":98069709127,"offset":7200,"reqid":"4ccccbe0-7e4e-4e19-9b63-1bb7e01c3049-1781054018","pageurl":"www.ubehouse.com\/index.xml","u":"574409cf7df0","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protegido por hCaptcha',privacyText:'Privacidad',termsText:'Términos'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.ubehouse.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://www.ubehouse.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.es.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://www.ubehouse.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://www.ubehouse.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>

<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Ube House",
  "url": "https://ubehouse.com",
  "logo": "https:\/\/ubehouse.com",
  "sameAs": [
    "https:\/\/www.instagram.com\/ubehouse",
    "https:\/\/www.tiktok.com\/@ubehouse"
  ],
  "contactPoint": {
    "@type": "ContactPoint",
    "email": "hola@ubehouse.es",
    "contactType": "customer support",
    "availableLanguage": ["es", "en"]
  }
}
</script><script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [{
          "@type": "Question",
          "name": "¿Contiene cafeína?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Cero. Ube House es 100% sin cafeína — la energía viene de los carbohidratos complejos del camote morado, no de estimulantes."
          }
        },
        {
          "@type": "Question",
          "name": "¿Cómo sabe el ube latte?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Suave, cremoso, ligeramente dulce con notas a vainilla y coco. Imagina un latte de postre que no empalaga."
          }
        },
        {
          "@type": "Question",
          "name": "¿Puedo tomarlo todos los días?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Sí — está pensado para ser un ritual diario. Una porción al día aporta antioxidantes, fibra y vitaminas sin estimulantes."
          }
        },
        {
          "@type": "Question",
          "name": "¿Con qué tipo de leche queda mejor?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Va bien con todas. Nuestras favoritas: avena (más cremoso), almendra (más ligero) y entera (más postre)."
          }
        },
        {
          "@type": "Question",
          "name": "¿Es apto para veganos?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Totalmente. Ingredientes 100% vegetales, sin lácteos, sin gluten y sin azúcar añadido."
          }
        },
        {
          "@type": "Question",
          "name": "¿De dónde viene el ube?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Camote morado cultivado en Filipinas, secado y molido en pequeños lotes para preservar el color y los nutrientes."
          }
        }]
  }
  </script>

    <script>
      if (Shopify.designMode) {
        document.documentElement.classList.add('shopify-design-mode');
      }
    </script>
  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 98069709127,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 98069709127,storefrontBaseUrl: "https://ubehouse.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","3209b71c","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Ube House","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"43mj21-vz.myshopify.com","countryCode":"ES","storefrontUrl":"https:\/\/ubehouse.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.ubehouse.com/cdn","a9664f44w6a62cec8p04af10e4mb91e3447",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"98069709127","storefrontBaseUrl":"https:\/\/ubehouse.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"3209b71c\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"a9664f44w6a62cec8p04af10e4mb91e3447","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'EUR';
  var meta = {"page":{"pageType":"home","requestId":"4ccccbe0-7e4e-4e19-9b63-1bb7e01c3049-1781054018"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
          try {
            window.__TREKKIE_SHIM_QUEUE.push({
              from: 'trekkie-stub',
              method: method,
              args: args.slice(1)
            });
          } catch (e) {
            // no-op
          }
        }
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
  var scriptFallback = document.createElement('script');
  scriptFallback.type = 'text/javascript';
  scriptFallback.onerror = function(error) {
          var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 98069709127,
      theme_id: 195872653639,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//www.ubehouse.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js"});

  };
  scriptFallback.async = true;
  scriptFallback.src = '//www.ubehouse.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
  first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.ubehouse.com/cdn/s/trekkie.storefront.370ef8ffef154dc56bb5a814fea4666724353464.min.js';
first.parentNode.insertBefore(script, first);

    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":98069709127,"isMerchantRequest":null,"themeId":195872653639,"themeCityHash":"17329475415722798294","contentLanguage":"es","currency":"EUR","eventMetadataId":"6428d2f3-93d9-4d30-a280-411087701a09"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"4ccccbe0-7e4e-4e19-9b63-1bb7e01c3049-1781054018","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });

    var eventsListenerScript = document.createElement('script');
    eventsListenerScript.async = true;
    eventsListenerScript.src = "//www.ubehouse.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
  defer
  src="https://www.ubehouse.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
  data-application="storefront-renderer"
  data-shop-id="98069709127"
  data-render-region="gcp-us-east1"
  data-page-type="index"
  data-theme-instance-id="195872653639"
  data-theme-name="Taste"
  data-theme-version="15.4.1"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
  data-shs-beacon="true"
  data-shs-export-with-fetch="true"
  data-shs-logs-sample-rate="1"
  data-shs-beacon-endpoint="https://www.ubehouse.com/api/collect"
></script>
</head>

  <body class="uh-page gradient">
    <a href="#MainContent" class="skip-link">Saltar al contenido</a>
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--29086622515527__ube-header" class="shopify-section shopify-section-group-header-group">
<style data-shopify>
  #section-sections--29086622515527__ube-header .uh-topbar {
    background: var(--purple, #221854);
    color: var(--lime-on-dark, #d6ff5a);
    overflow: hidden;
  }
  #section-sections--29086622515527__ube-header .uh-topbar .marquee-track {
    font-family: var(--font-body), system-ui, sans-serif;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    font-size: 12px;
    color: var(--lime-on-dark, #d6ff5a);
  }
  #section-sections--29086622515527__ube-header .uh-topbar .marquee-track > span {
    display: inline-flex;
    align-items: center;
    gap: 18px;
  }
  #section-sections--29086622515527__ube-header .uh-topbar .marquee-track > span > span:not(:last-child) {
    margin-right: 8px;
  }
  #section-sections--29086622515527__ube-header .uh-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--cream, #f4ecd8);
    border-bottom: 1px solid transparent;
    transition: all .25s ease;
  }
  #section-sections--29086622515527__ube-header .uh-header.is-scrolled {
    background: rgba(244, 236, 216, 0.92);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--line, #e3d6b3);
  }
  #section-sections--29086622515527__ube-header .uh-header-inner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 14px 24px;
  }
  #section-sections--29086622515527__ube-header .uh-logo {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
  }
  #section-sections--29086622515527__ube-header .uh-logo .display {
    font-size: 22px;
    line-height: 0.9;
    color: var(--purple, #221854);
  }
  #section-sections--29086622515527__ube-header .uh-desktop-nav {
    display: flex;
    gap: 28px;
    margin-left: 24px;
    flex: 1;
    justify-content: flex-start;
    font-weight: 700;
    font-size: 14px;
  }
  #section-sections--29086622515527__ube-header .uh-nav-link {
    color: var(--purple, #221854);
    padding: 6px 0;
    text-decoration: none;
    background: none;
    border: none;
    cursor: pointer;
    font: inherit;
  }
  #section-sections--29086622515527__ube-header .uh-header-actions {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 12px;
  }
  #section-sections--29086622515527__ube-header .uh-cart-btn {
    position: relative;
    padding: 8px;
    border-radius: 999px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--purple, #221854);
  }
  #section-sections--29086622515527__ube-header .uh-cart-count {
    position: absolute;
    top: 0;
    right: 0;
    background: var(--lime-on-dark, #d6ff5a);
    color: var(--purple, #221854);
    font-size: 10px;
    font-weight: 900;
    min-width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0 5px;
  }
  #section-sections--29086622515527__ube-header .uh-mobile-toggle {
    display: none;
    padding: 6px;
    background: transparent;
    border: none;
    cursor: pointer;
    color: var(--purple, #221854);
  }
  #section-sections--29086622515527__ube-header #uh-mobile-check { display: none; }
  #section-sections--29086622515527__ube-header .uh-mobile-drawer { display: none; }
  #section-sections--29086622515527__ube-header #uh-mobile-check:checked ~ .uh-mobile-drawer {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid var(--line, #e3d6b3);
    padding: 12px 24px 20px;
    background: var(--cream, #f4ecd8);
  }
  #section-sections--29086622515527__ube-header .uh-mobile-drawer a {
    text-align: left;
    padding: 12px 0;
    font-family: var(--font-display), serif;
    font-size: 22px;
    text-transform: uppercase;
    color: var(--purple, #221854);
    border-bottom: 1px solid var(--line, #e3d6b3);
    text-decoration: none;
  }
  @media (max-width: 880px) {
    #section-sections--29086622515527__ube-header .uh-desktop-nav { display: none; }
    #section-sections--29086622515527__ube-header .uh-mobile-toggle { display: inline-flex; }
  }
</style>

<div id="section-sections--29086622515527__ube-header">
  <div class="uh-topbar marquee">
    <div class="marquee-track">
      <span>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
      </span>
      <span aria-hidden="true">
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
          <span>Envío gratis en pedidos +49€ · Ritual morado todos los días</span>
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg>
        
      </span>
    </div>
  </div>

  <header class="uh-header" id="uh-header-sections--29086622515527__ube-header">
    <input type="checkbox" id="uh-mobile-check" aria-hidden="true">
    <div class="uh-container uh-header-inner">
      <a href="https://ubehouse.com" class="uh-logo" aria-label="Ube House">
        <span class="display">Ube<br>House</span>
      </a>

      <nav class="uh-desktop-nav" aria-label="Main">
        
          
            <a href="/products/ube-latte-mix" class="uh-nav-link" >Productos</a>
          
        
          
            <a href="/pages/historia" class="uh-nav-link" >Nosotros</a>
          
        
          
            <a href="/blogs/recetas" class="uh-nav-link" >Recetas</a>
          
        
          
            <a href="/pages/faq" class="uh-nav-link" >FAQ</a>
          
        
      </nav>

      <div class="uh-header-actions">
        <a href="/cart" class="uh-cart-btn" aria-label="cart">
          <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M3 4h2l2.5 12h11l2-9H7"/><circle cx="9" cy="20" r="1.5"/><circle cx="17" cy="20" r="1.5"/></svg>
          
        </a>
        <label for="uh-mobile-check" class="uh-mobile-toggle" aria-label="Menu">
          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M3 6h18M3 12h18M3 18h18"/></svg>
        </label>
      </div>
    </div>

    <div class="uh-mobile-drawer">
      
        
          <a href="/products/ube-latte-mix" >Productos</a>
        
      
        
          <a href="/pages/historia" >Nosotros</a>
        
      
        
          <a href="/blogs/recetas" >Recetas</a>
        
      
        
          <a href="/pages/faq" >FAQ</a>
        
      
    </div>
  </header>
</div>

<script>
  (function() {
    var header = document.getElementById('uh-header-sections--29086622515527__ube-header');
    if (!header) return;
    var onScroll = function() {
      if (window.scrollY > 8) header.classList.add('is-scrolled');
      else header.classList.remove('is-scrolled');
    };
    window.addEventListener('scroll', onScroll, { passive: true });
    onScroll();
  })();
</script>


</div>
<!-- END sections: header-group -->

    <main id="MainContent" class="content-for-layout focus-none" role="main" tabindex="-1">
      <div id="shopify-section-template--29086626218311__hero" class="shopify-section">
<style data-shopify>
  #section-template--29086626218311__hero.uh-hero {
    padding-top: 32px;
    padding-bottom: 56px;
    position: relative;
    overflow: hidden;
  }
  #section-template--29086626218311__hero .uh-palm {
    position: absolute;
    top: -30px;
    right: -40px;
    opacity: 0.5;
    pointer-events: none;
  }
  #section-template--29086626218311__hero .hero-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
  }
  #section-template--29086626218311__hero .hero-pill {
    margin-bottom: 20px;
  }
  #section-template--29086626218311__hero .hero-title {
    margin-top: 12px;
  }
  #section-template--29086626218311__hero .hero-title .uh-line2 {
    display: inline-block;
    position: relative;
  }
  #section-template--29086626218311__hero .hero-title .uh-wave-u {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
  }
  #section-template--29086626218311__hero .hero-body {
    font-size: 18px;
    color: var(--muted, #6b6457);
    max-width: 480px;
    margin-top: 28px;
    line-height: 1.5;
  }
  #section-template--29086626218311__hero .hero-badges {
    display: flex;
    gap: 28px;
    margin-top: 28px;
    flex-wrap: wrap;
  }
  #section-template--29086626218311__hero .hero-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }
  #section-template--29086626218311__hero .hero-badge .benefit-icon {
    width: 44px;
    height: 44px;
    background: transparent;
    border: 1.5px solid var(--purple, #221854);
  }
  #section-template--29086626218311__hero .hero-badge span {
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--purple, #221854);
  }
  #section-template--29086626218311__hero .hero-cta-row {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  #section-template--29086626218311__hero .hero-rating {
    display: flex;
    align-items: center;
    gap: 10px;
  }
  #section-template--29086626218311__hero .hero-rating span {
    font-size: 13px;
    font-weight: 700;
    color: var(--purple, #221854);
  }
  #section-template--29086626218311__hero .hero-product {
    position: relative;
  }
  #section-template--29086626218311__hero .hero-img-wrap {
    width: 100%;
    aspect-ratio: 1 / 1.1;
    display: block;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: var(--shadow-md);
  }
  #section-template--29086626218311__hero .hero-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #section-template--29086626218311__hero .hero-img-wrap .uh-placeholder { border-radius: 28px; }
  #section-template--29086626218311__hero .hero-stamp {
    position: absolute;
    top: 30px;
    left: -10px;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background: var(--cream-soft, #faf5e6);
    border: 2px solid var(--purple, #221854);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 8px;
    transform: rotate(-12deg);
    box-shadow: var(--shadow-sm, 0 4px 14px rgba(34,24,84,.08));
  }
  #section-template--29086626218311__hero .hero-stamp span {
    font-family: var(--font-display), serif;
    font-size: 14px;
    line-height: 1;
    margin-top: 4px;
    color: var(--purple, #221854);
  }
  #section-template--29086626218311__hero .hero-mascot {
    position: absolute;
    bottom: -10px;
    right: -10px;
  }
  @media (max-width: 880px) {
    #section-template--29086626218311__hero .hero-grid { grid-template-columns: 1fr; gap: 32px; }
    #section-template--29086626218311__hero .hero-product { order: 2; }
    #section-template--29086626218311__hero .hero-copy { order: 1; }
    #section-template--29086626218311__hero .hero-stamp { width: 90px; height: 90px; top: 16px; }
    #section-template--29086626218311__hero .uh-palm { width: 180px; height: auto; top: -20px; right: -50px; opacity: 0.35; }
  }
  @media (max-width: 480px) {
    #section-template--29086626218311__hero.uh-hero { padding-top: 16px; padding-bottom: 32px; }
    #section-template--29086626218311__hero .hero-badges { gap: 16px; }
    #section-template--29086626218311__hero .hero-badge .benefit-icon { width: 38px; height: 38px; }
    #section-template--29086626218311__hero .hero-body { font-size: 16px; margin-top: 20px; }
  }
</style>

<section id="section-template--29086626218311__hero" class="uh-section section-cream uh-hero">
  <svg class="uh-palm" width="260" height="240" viewBox="0 0 260 240" aria-hidden="true">
    <g stroke="#5a6b1f" stroke-width="2" fill="none" stroke-linecap="round">
      <path d="M130 220 Q170 140 240 80" />
      <path d="M150 200 Q175 175 220 168" />
      <path d="M148 190 Q172 165 215 150" />
      <path d="M155 175 Q180 150 222 130" />
      <path d="M158 160 Q188 138 225 110" />
      <path d="M158 145 Q190 125 222 92" />
      <path d="M155 130 Q188 110 215 75" />
      <path d="M148 118 Q175 100 200 60" />
      <path d="M140 110 Q160 85 178 55" />
    </g>
  </svg>

  <div class="uh-container hero-grid">
    <div class="hero-copy">
      <span class="pill pill-olive hero-pill">
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M20 4c0 9-7 16-16 16 0-9 7-16 16-16Z"/><path d="M4 20 L14 10"/></svg>
        Sin cafeína
      </span>
      <h1 class="display h-xl hero-title">
        No es café.<br>
        <span class="uh-line2">
          Es mejor.
          <span class="uh-wave-u"><svg viewBox="0 0 200 14" width="100%" height="14" class="wavy-underline" style="display:block" aria-hidden="true">
  <path d="M3 9 Q20 2 40 7 T80 8 T120 6 T160 8 T198 6" stroke="#5a6b1f" stroke-width="5" fill="none" stroke-linecap="round"/>
</svg></span>
        </span>
      </h1>
      <p class="hero-body">Ube latte cremoso y sin cafeína para energía suave, enfoque limpio y cero nervios.</p>

      <div class="hero-badges">
        <div class="hero-badge">
          <div class="benefit-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M20 4c0 9-7 16-16 16 0-9 7-16 16-16Z"/><path d="M4 20 L14 10"/></svg></div>
          <span>Sin cafeína</span>
        </div>
        <div class="hero-badge">
          <div class="benefit-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M13 2 L4 14 h7 l-1 8 9-12 h-7 z"/></svg></div>
          <span>Energía suave</span>
        </div>
        <div class="hero-badge">
          <div class="benefit-icon"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3v4M12 17v4M3 12h4M17 12h4M5 5l3 3M16 16l3 3M5 19l3-3M16 8l3-3"/></svg></div>
          <span>100% natural</span>
        </div>
      </div>

      <div class="hero-cta-row">
        <a href="/products/ube-latte-mix" class="btn btn-primary">
          Quiero probarlo
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12h14M13 5l7 7-7 7"/></svg>
        </a>
        <div class="hero-rating">
          <span class="stars" aria-label="5 de 5 estrellas"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg></span>
          <span>4.9/5 (1,248+ reseñas)</span>
        </div>
      </div>
    </div>

    <div class="hero-product">
      <div class="hero-img-wrap">
        
          <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mpo8vd3j_-_Editada.png?v=1779897481&amp;width=1200" alt="No es café." srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mpo8vd3j_-_Editada.png?v=1779897481&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mpo8vd3j_-_Editada.png?v=1779897481&amp;width=832 832w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mpo8vd3j_-_Editada.png?v=1779897481&amp;width=1200 1200w" width="1200" height="1319" loading="eager" class="uh-img-cover">
        
      </div>

      <div class="hero-stamp bob">
        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M4 8h13v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V8Z"/><path d="M17 10h2a2 2 0 0 1 0 4h-2"/><path d="M7 4c0 1 1 1 1 2M11 4c0 1 1 1 1 2"/></svg>
        <span>Listo en
30 seg</span>
      </div>

      <div class="hero-mascot float">
        <svg width="88" height="88" viewBox="0 0 120 120" class="" aria-label="Ube mascot">
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="#3a2a78"/>
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="url(#ube-body-grad-88)" opacity="0.85"/>
  <path d="M52 30 Q56 14 62 16 Q60 26 58 32 Z" fill="#5a6b1f"/>
  <path d="M62 30 Q70 18 76 22 Q70 30 66 34 Z" fill="#6e7f2a"/>
  <ellipse cx="42" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <ellipse cx="78" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <g fill="#1a1144">
    <ellipse cx="46" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <ellipse cx="74" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <circle cx="47" cy="67" r="0.8" fill="#fff"/>
    <circle cx="75" cy="67" r="0.8" fill="#fff"/>
  </g>
  <path d="M52 84 Q60 92 68 84" stroke="#1a1144" stroke-width="2.4" stroke-linecap="round" fill="none"/>
  <path d="M60 95 Q70 90 70 80 Q70 72 60 72 Q52 72 52 80" stroke="#5a6b1f" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.55"/>
  <defs>
    <radialGradient id="ube-body-grad-88" cx="0.4" cy="0.35" r="0.9">
      <stop offset="0%" stop-color="#5a4499"/>
      <stop offset="100%" stop-color="#2a1a5e"/>
    </radialGradient>
  </defs>
</svg>
      </div>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__feature-strip" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__feature-strip .uh-strip-wrap {
    padding-top: 12px;
    padding-bottom: 56px;
  }
  #section-template--29086626218311__feature-strip .strip-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  #section-template--29086626218311__feature-strip .strip-intro {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 10px;
  }
  #section-template--29086626218311__feature-strip .strip-intro .display {
    font-size: 18px;
    color: var(--cream-soft, #faf5e6);
    text-transform: none;
  }
  #section-template--29086626218311__feature-strip .strip-intro-body {
    font-size: 14px;
    line-height: 1.5;
    opacity: 0.9;
    color: var(--cream-soft, #faf5e6);
  }
  #section-template--29086626218311__feature-strip .strip-card {
    border-left: 1px solid rgba(255,255,255,.15);
    padding-left: 20px;
  }
  #section-template--29086626218311__feature-strip .strip-card h4 {
    font-family: var(--font-display), serif;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 8px;
    color: var(--cream-soft, #faf5e6);
    text-transform: uppercase;
  }
  #section-template--29086626218311__feature-strip .strip-card p {
    font-size: 13px;
    line-height: 1.5;
    opacity: 0.85;
    color: var(--cream-soft, #faf5e6);
  }
  @media (max-width: 880px) {
    #section-template--29086626218311__feature-strip .strip-grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px) {
    #section-template--29086626218311__feature-strip .strip-grid { grid-template-columns: 1fr; }
    #section-template--29086626218311__feature-strip .strip-card { border-left: none; padding-left: 0; border-top: 1px solid rgba(255,255,255,.15); padding-top: 20px; }
  }
</style>

<svg class="wave-divider" viewBox="0 0 1440 60" preserveAspectRatio="none" style="height:60px;display:block;width:100%" aria-hidden="true">
  <path d="M0 30 Q120 0 240 25 T480 30 T720 20 T960 35 T1200 18 T1440 30 V60 H0 Z" fill="#221854"/>
</svg>


<section id="section-template--29086626218311__feature-strip" class="uh-section section-purple uh-strip-wrap">
  <div class="uh-container">
    <div class="strip-grid">
      <div>
        <div class="strip-intro">
          <svg width="56" height="56" viewBox="0 0 120 120" class="" aria-label="Ube mascot">
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="#3a2a78"/>
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="url(#ube-body-grad-56)" opacity="0.85"/>
  <path d="M52 30 Q56 14 62 16 Q60 26 58 32 Z" fill="#5a6b1f"/>
  <path d="M62 30 Q70 18 76 22 Q70 30 66 34 Z" fill="#6e7f2a"/>
  <ellipse cx="42" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <ellipse cx="78" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <g fill="#1a1144">
    <ellipse cx="46" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <ellipse cx="74" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <circle cx="47" cy="67" r="0.8" fill="#fff"/>
    <circle cx="75" cy="67" r="0.8" fill="#fff"/>
  </g>
  <path d="M52 84 Q60 92 68 84" stroke="#1a1144" stroke-width="2.4" stroke-linecap="round" fill="none"/>
  <path d="M60 95 Q70 90 70 80 Q70 72 60 72 Q52 72 52 80" stroke="#5a6b1f" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.55"/>
  <defs>
    <radialGradient id="ube-body-grad-56" cx="0.4" cy="0.35" r="0.9">
      <stop offset="0%" stop-color="#5a4499"/>
      <stop offset="100%" stop-color="#2a1a5e"/>
    </radialGradient>
  </defs>
</svg>
          <span class="display">¿Por qué Ube?</span>
        </div>
        <p class="strip-intro-body">El ube es naturalmente rico en antioxidantes y te da energía estable y enfoque, sin café y sin bajones.</p>
      </div>

      
        
          <div class="strip-card" >
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--cream-soft)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M13 2 L4 14 h7 l-1 8 9-12 h-7 z"/></svg>
            <h4>Energía sin nervios</h4>
            <p>Te activa sin ansiedad ni nerviosismo.</p>
          </div>
        
      
        
          <div class="strip-card" >
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--cream-soft)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M9 5a3 3 0 0 0-3 3 3 3 0 0 0-1 5 3 3 0 0 0 1 5 3 3 0 0 0 3 3 V5Z"/><path d="M15 5a3 3 0 0 1 3 3 3 3 0 0 1 1 5 3 3 0 0 1-1 5 3 3 0 0 1-3 3 V5Z"/><path d="M9 9h2"/><path d="M13 9h2"/><path d="M9 15h2"/><path d="M13 15h2"/></svg>
            <h4>Mejor enfoque</h4>
            <p>Mantén la concentración por más tiempo.</p>
          </div>
        
      
        
          <div class="strip-card" >
            <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--cream-soft)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M4 8h13v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V8Z"/><path d="M17 10h2a2 2 0 0 1 0 4h-2"/><path d="M7 4c0 1 1 1 1 2M11 4c0 1 1 1 1 2"/></svg>
            <h4>Antioxidantes naturales</h4>
            <p>Combate el estrés oxidativo y apoya tu bienestar.</p>
          </div>
        
      
    </div>
  </div>
</section>

<svg class="wave-divider flip" viewBox="0 0 1440 60" preserveAspectRatio="none" style="height:60px;display:block;width:100%" aria-hidden="true">
  <path d="M0 30 Q120 0 240 25 T480 30 T720 20 T960 35 T1200 18 T1440 30 V60 H0 Z" fill="#221854"/>
</svg>



</div><div id="shopify-section-template--29086626218311__benefits" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__benefits .benefits-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 64px;
    align-items: flex-start;
  }
  #section-template--29086626218311__benefits .benefits-title {
    margin-bottom: 16px;
  }
  #section-template--29086626218311__benefits .benefits-title .uh-accent {
    position: relative;
    display: inline-block;
  }
  #section-template--29086626218311__benefits .benefits-title .uh-dashes-pos {
    position: absolute;
    top: -10px;
    right: -28px;
  }
  #section-template--29086626218311__benefits .benefits-body {
    color: var(--muted, #6b6457);
    font-size: 16px;
    max-width: 440px;
    line-height: 1.6;
  }
  #section-template--29086626218311__benefits .benefits-list { }
  #section-template--29086626218311__benefits .benefit-row {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    padding: 16px 0;
    border-bottom: 1px solid var(--line, #e3d6b3);
  }
  #section-template--29086626218311__benefits .benefit-row:last-child { border-bottom: none; }
  #section-template--29086626218311__benefits .benefit-row h4 {
    font-family: var(--font-display), serif;
    font-size: 18px;
    color: var(--purple, #221854);
    margin-bottom: 4px;
    text-transform: uppercase;
  }
  #section-template--29086626218311__benefits .benefit-row p {
    color: var(--muted, #6b6457);
    font-size: 14px;
    line-height: 1.5;
  }
  #section-template--29086626218311__benefits .reveal { opacity: 0; transform: translateY(20px); transition: opacity .6s ease, transform .6s ease; }
  #section-template--29086626218311__benefits .reveal.in { opacity: 1; transform: translateY(0); }
  @media (max-width: 880px) {
    #section-template--29086626218311__benefits .benefits-grid { grid-template-columns: 1fr; gap: 32px; }
  }
</style>

<section id="section-template--29086626218311__benefits" class="uh-section section-cream-soft reveal">
  <div class="uh-container">
    <div class="benefits-grid">
      <div>
        <h2 class="display h-lg benefits-title">
          <span class="uh-accent">
            La energía que sí te hace bien.
            <span class="uh-dashes-pos"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" class="" aria-hidden="true">
  <g stroke="#5a6b1f" stroke-width="2.6" stroke-linecap="round">
    <line x1="4" y1="12" x2="8" y2="8"/>
    <line x1="3" y1="18" x2="8" y2="18"/>
    <line x1="5" y1="6" x2="9" y2="2"/>
  </g>
</svg></span>
          </span>
        </h2>
        <p class="benefits-body">El ube es naturalmente rico en antioxidantes y te da energía estable y enfoque, sin café y sin bajones.</p>
      </div>
      <div class="benefits-list">
        
          
            <div class="benefit-row" >
              <div class="benefit-icon">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M13 2 L4 14 h7 l-1 8 9-12 h-7 z"/></svg>
              </div>
              <div>
                <h4>Energía sin nervios</h4>
                <p>Te activa sin ansiedad ni nerviosismo.</p>
              </div>
            </div>
          
        
          
            <div class="benefit-row" >
              <div class="benefit-icon">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M9 5a3 3 0 0 0-3 3 3 3 0 0 0-1 5 3 3 0 0 0 1 5 3 3 0 0 0 3 3 V5Z"/><path d="M15 5a3 3 0 0 1 3 3 3 3 0 0 1 1 5 3 3 0 0 1-1 5 3 3 0 0 1-3 3 V5Z"/><path d="M9 9h2"/><path d="M13 9h2"/><path d="M9 15h2"/><path d="M13 15h2"/></svg>
              </div>
              <div>
                <h4>Mejor enfoque</h4>
                <p>Mantén la concentración por más tiempo.</p>
              </div>
            </div>
          
        
          
            <div class="benefit-row" >
              <div class="benefit-icon">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M20 4c0 9-7 16-16 16 0-9 7-16 16-16Z"/><path d="M4 20 L14 10"/></svg>
              </div>
              <div>
                <h4>Antioxidantes naturales</h4>
                <p>Combate el estrés oxidativo y apoya tu bienestar.</p>
              </div>
            </div>
          
        
          
            <div class="benefit-row" >
              <div class="benefit-icon">
                <svg width="26" height="26" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M4 8h13v6a5 5 0 0 1-5 5H9a5 5 0 0 1-5-5V8Z"/><path d="M17 10h2a2 2 0 0 1 0 4h-2"/><path d="M7 4c0 1 1 1 1 2M11 4c0 1 1 1 1 2"/></svg>
              </div>
              <div>
                <h4>Sabor increíble</h4>
                <p>Suave, cremoso y 100% natural.</p>
              </div>
            </div>
          
        
      </div>
    </div>
  </div>
</section>


<script>
  (function() {
    var el = document.getElementById('section-template--29086626218311__benefits');
    if (!el || !('IntersectionObserver' in window)) { if (el) el.classList.add('in'); return; }
    var io = new IntersectionObserver(function(entries) {
      entries.forEach(function(e) {
        if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }
      });
    }, { threshold: 0.12 });
    io.observe(el);
  })();
</script>



</div><div id="shopify-section-template--29086626218311__comparison" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__comparison .comp-head {
    text-align: center;
    margin-bottom: 48px;
  }
  #section-template--29086626218311__comparison .comp-head h2 { margin-bottom: 12px; }
  @media (max-width: 720px) {
    #section-template--29086626218311__comparison .comp-head { margin-bottom: 32px; }
    #section-template--29086626218311__comparison .comp-table th { padding: 14px 8px; }
    #section-template--29086626218311__comparison .comp-table td { padding: 12px 8px; font-size: 13px; }
    #section-template--29086626218311__comparison .col-circle { width: 48px; height: 48px; }
  }
  #section-template--29086626218311__comparison .comp-head .uh-underline {
    display: flex;
    justify-content: center;
  }
  #section-template--29086626218311__comparison .comp-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #section-template--29086626218311__comparison table.comp-table {
    min-width: 540px;
    margin: 0 auto;
    border-collapse: collapse;
    width: 100%;
  }
  #section-template--29086626218311__comparison .comp-table th { padding: 20px 12px; }
  #section-template--29086626218311__comparison .col-circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
  #section-template--29086626218311__comparison .col-header {
    display: inline-block;
    padding: 4px 12px;
    border-radius: 999px;
    font-family: var(--font-display), serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 10px;
  }
  #section-template--29086626218311__comparison .comp-table td {
    text-align: center;
    padding: 14px 12px;
    border-top: 1px solid var(--line, #e3d6b3);
    color: var(--purple, #221854);
    font-weight: 600;
  }
  #section-template--29086626218311__comparison .comp-table td:first-child {
    text-align: left;
  }
  #section-template--29086626218311__comparison .comp-table .col-ube {
    background: rgba(34,24,84,.04);
  }
  #section-template--29086626218311__comparison .comp-table tbody tr {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity .5s ease, transform .5s ease;
  }
  #section-template--29086626218311__comparison.in .comp-table tbody tr { opacity: 1; transform: translateY(0); }
  #section-template--29086626218311__comparison.in .comp-table tbody tr:nth-child(1) { transition-delay: 0s; }
  #section-template--29086626218311__comparison.in .comp-table tbody tr:nth-child(2) { transition-delay: .08s; }
  #section-template--29086626218311__comparison.in .comp-table tbody tr:nth-child(3) { transition-delay: .16s; }
  #section-template--29086626218311__comparison.in .comp-table tbody tr:nth-child(4) { transition-delay: .24s; }
  #section-template--29086626218311__comparison.in .comp-table tbody tr:nth-child(5) { transition-delay: .32s; }
  #section-template--29086626218311__comparison.in .comp-table tbody tr:nth-child(6) { transition-delay: .40s; }
</style>

<section id="section-template--29086626218311__comparison" class="uh-section section-cream reveal">
  <div class="uh-container">
    <div class="comp-head">
      <h2 class="display h-lg">No todos los rituales son iguales.</h2>
      <div class="uh-underline"><svg viewBox="0 0 200 14" width="180" height="14" class="wavy-underline" style="display:block" aria-hidden="true">
  <path d="M3 9 Q20 2 40 7 T80 8 T120 6 T160 8 T198 6" stroke="#5a6b1f" stroke-width="5" fill="none" stroke-linecap="round"/>
</svg></div>
    </div>

    <div class="comp-scroll">
      <table class="comp-table">
        <thead>
          <tr>
            <th></th>
            <th>
              <div class="col-circle" style="background:#3a2a20">
                <svg width="34" height="34" viewBox="0 0 40 40" fill="none" aria-hidden="true">
                  <path d="M8 12h20v14c0 5-4 8-10 8s-10-3-10-8V12Z" fill="#1a1144" />
                  <path d="M28 16h3a4 4 0 0 1 0 8h-3" stroke="#1a1144" stroke-width="2" fill="none" />
                  <path d="M14 4c0 3 2 3 2 5M20 4c0 3 2 3 2 5" stroke="#f4ecd8" stroke-width="1.5" stroke-linecap="round" />
                </svg>
              </div>
              <span class="col-header" style="background:#3a2a20;color:#f4ecd8">Café</span>
            </th>
            <th>
              <div class="col-circle" style="background:#6e7f2a">
                <svg width="36" height="34" viewBox="0 0 40 36" fill="none" aria-hidden="true">
                  <ellipse cx="20" cy="14" rx="16" ry="4" fill="#3a4a14" />
                  <path d="M4 14c0 8 7 18 16 18s16-10 16-18" fill="#5a6b1f" />
                  <ellipse cx="20" cy="13" rx="13" ry="3" fill="#86a02a" />
                </svg>
              </div>
              <span class="col-header" style="background:#6e7f2a;color:#f4ecd8">Matcha</span>
            </th>
            <th class="col-ube">
              <div class="col-circle" style="background:#3a2a78">
                <svg width="36" height="34" viewBox="0 0 40 36" fill="none" aria-hidden="true">
                  <ellipse cx="20" cy="14" rx="16" ry="4" fill="#f4ecd8" />
                  <path d="M4 14c0 8 7 18 16 18s16-10 16-18" fill="#e8dfc4" />
                  <ellipse cx="20" cy="13" rx="13" ry="3" fill="#5a4499" />
                  <path d="M14 13 Q20 8 26 13" stroke="#f4ecd8" stroke-width="1.5" fill="none" />
                </svg>
              </div>
              <span class="col-header" style="background:#221854;color:#f4ecd8">Ube House</span>
            </th>
          </tr>
        </thead>
        <tbody>
          
            
              <tr >
                <td>Sin cafeína</td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td class="col-ube">
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
              </tr>
            
          
            
              <tr >
                <td>Energía estable</td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td>
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
                <td class="col-ube">
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
              </tr>
            
          
            
              <tr >
                <td>Sin crash</td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td>
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
                <td class="col-ube">
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
              </tr>
            
          
            
              <tr >
                <td>Sabor dulce natural</td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td class="col-ube">
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
              </tr>
            
          
            
              <tr >
                <td>Listo en 30 segundos</td>
                <td>
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td class="col-ube">
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
              </tr>
            
          
            
              <tr >
                <td>Aesthetic factor</td>
                <td>
                  
                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="#b0a892" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
                  
                </td>
                <td>
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
                <td class="col-ube">
                  
                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="var(--olive)" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12l4 4 10-10"/></svg>
                  
                </td>
              </tr>
            
          
        </tbody>
      </table>
    </div>
  </div>
</section>


<script>
  (function() {
    var el = document.getElementById('section-template--29086626218311__comparison');
    if (!el || !('IntersectionObserver' in window)) { if (el) el.classList.add('in'); return; }
    var io = new IntersectionObserver(function(entries) {
      entries.forEach(function(e) {
        if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }
      });
    }, { threshold: 0.25 });
    io.observe(el);
  })();
</script>



</div><div id="shopify-section-template--29086626218311__steps" class="shopify-section">
<style data-shopify>
  #section-template--29086626218311__steps .steps-head {
    margin-bottom: 40px;
    text-align: left;
  }
  #section-template--29086626218311__steps .steps-head .uh-accent {
    position: relative;
    display: inline-block;
  }
  #section-template--29086626218311__steps .steps-head .uh-dashes-pos {
    position: absolute;
    top: -10px;
    right: -36px;
  }
  #section-template--29086626218311__steps .steps-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
  }
  #section-template--29086626218311__steps .step-card { background: transparent; }
  #section-template--29086626218311__steps .step-img {
    width: 100%;
    aspect-ratio: 1 / 1;
    display: block;
    margin-bottom: 16px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: var(--shadow-sm);
    transition: transform .25s var(--uh-ease), box-shadow .25s var(--uh-ease);
  }
  #section-template--29086626218311__steps .step-card:hover .step-img {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
  }
  #section-template--29086626218311__steps .step-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #section-template--29086626218311__steps .step-row {
    display: flex;
    gap: 12px;
    align-items: flex-start;
  }
  #section-template--29086626218311__steps .step-card h4 {
    font-family: var(--font-display), serif;
    font-size: 22px;
    color: var(--purple, #221854);
    margin-bottom: 6px;
    text-transform: uppercase;
  }
  #section-template--29086626218311__steps .step-card p {
    color: var(--muted, #6b6457);
    font-size: 14px;
    line-height: 1.5;
  }
  #section-template--29086626218311__steps .steps-cta {
    text-align: center;
    margin-top: 40px;
  }
  @media (max-width: 1024px) {
    #section-template--29086626218311__steps .steps-grid { gap: 24px; }
  }
  @media (max-width: 800px) {
    #section-template--29086626218311__steps .steps-grid { grid-template-columns: 1fr; gap: 28px; }
    #section-template--29086626218311__steps .steps-cta { margin-top: 28px; }
  }
</style>

<section id="section-template--29086626218311__steps" class="uh-section section-cream-soft reveal">
  <div class="uh-container">
    <div class="steps-head">
      <h2 class="display h-lg">
        <span class="uh-accent">
          Listo en 30 segundos.
          <span class="uh-dashes-pos"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" class="" aria-hidden="true">
  <g stroke="#5a6b1f" stroke-width="2.6" stroke-linecap="round">
    <line x1="4" y1="12" x2="8" y2="8"/>
    <line x1="3" y1="18" x2="8" y2="18"/>
    <line x1="5" y1="6" x2="9" y2="2"/>
  </g>
</svg></span>
        </span>
      </h2>
    </div>

    <div class="steps-grid">
      
        
          <div class="step-card" >
            <div class="step-img">
              
                <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p2o42.png?v=1780891981&amp;width=800" alt="Mezcla" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p2o42.png?v=1780891981&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p2o42.png?v=1780891981&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
              
            </div>
            <div class="step-row">
              <span class="step-num">1</span>
              <div>
                <h4>Mezcla</h4>
                <p>1–2 cucharaditas con 200ml de agua caliente o leche.</p>
              </div>
            </div>
          </div>
        
      
        
          <div class="step-card" >
            <div class="step-img">
              
                <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p50o4.png?v=1780892060&amp;width=800" alt="Revuelve" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p50o4.png?v=1780892060&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p50o4.png?v=1780892060&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
              
            </div>
            <div class="step-row">
              <span class="step-num">2</span>
              <div>
                <h4>Revuelve</h4>
                <p>Bien hasta que se disuelva y quede cremoso.</p>
              </div>
            </div>
          </div>
        
      
        
          <div class="step-card" >
            <div class="step-img">
              
                <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p84rb.png?v=1780892212&amp;width=800" alt="Disfruta" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p84rb.png?v=1780892212&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4p84rb.png?v=1780892212&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
              
            </div>
            <div class="step-row">
              <span class="step-num">3</span>
              <div>
                <h4>Disfruta</h4>
                <p>Tu ritual morado. Caliente o frío, cuando quieras.</p>
              </div>
            </div>
          </div>
        
      
    </div>

    <div class="steps-cta">
      <a href="#recipes" class="btn btn-primary">
        Ver recetas
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12h14M13 5l7 7-7 7"/></svg>
      </a>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__recipes" class="shopify-section">
<style data-shopify>
  #section-template--29086626218311__recipes .recipes-head {
    margin-bottom: 32px;
  }
  #section-template--29086626218311__recipes .recipes-head h2 { margin-bottom: 12px; }
  #section-template--29086626218311__recipes .recipes-head .uh-accent {
    position: relative;
    display: inline-block;
  }
  #section-template--29086626218311__recipes .recipes-head .uh-dashes-pos {
    position: absolute;
    top: -10px;
    right: -36px;
  }
  #section-template--29086626218311__recipes .recipes-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  #section-template--29086626218311__recipes .recipe-card {
    position: relative;
    aspect-ratio: 4 / 3;
    border-radius: 18px;
    overflow: hidden;
    background: var(--cream-warm, #efe5c3);
    display: block;
    text-decoration: none;
  }
  #section-template--29086626218311__recipes .recipe-card img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #section-template--29086626218311__recipes .recipe-card .uh-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
  }
  #section-template--29086626218311__recipes .recipe-card .label {
    position: absolute;
    left: 12px;
    bottom: 12px;
    background: rgba(34,24,84,.85);
    color: var(--cream-soft, #faf5e6);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
  }
  #section-template--29086626218311__recipes .recipes-cta {
    text-align: center;
    margin-top: 32px;
  }
  @media (max-width: 880px) {
    #section-template--29086626218311__recipes .recipes-grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 480px) {
    #section-template--29086626218311__recipes .recipes-grid { grid-template-columns: 1fr 1fr; gap: 12px; }
  }
</style>

<section id="section-template--29086626218311__recipes" class="uh-section section-cream reveal">
  <div class="uh-container">
    <div class="recipes-head">
      <h2 class="display h-lg">
        <span class="uh-accent">
          Recetas que te van a encantar.
          <span class="uh-dashes-pos"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" class="" aria-hidden="true">
  <g stroke="#5a6b1f" stroke-width="2.6" stroke-linecap="round">
    <line x1="4" y1="12" x2="8" y2="8"/>
    <line x1="3" y1="18" x2="8" y2="18"/>
    <line x1="5" y1="6" x2="9" y2="2"/>
  </g>
</svg></span>
        </span>
      </h2>
    </div>

    <div class="recipes-grid">
      
        
          <a href="#" class="recipe-card lift" >
            
              <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4mtujf.png?v=1780888288&amp;width=800" alt="Iced Ube Latte" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4mtujf.png?v=1780888288&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4mtujf.png?v=1780888288&amp;width=800 800w" width="800" height="525" loading="lazy" class="uh-img-cover">
            
            <span class="label">Iced Ube Latte</span>
          </a>
        
      
        
          <a href="#" class="recipe-card lift" >
            
              <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4mxgff.png?v=1780888353&amp;width=800" alt="Ube Matcha Cloud" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4mxgff.png?v=1780888353&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4mxgff.png?v=1780888353&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
            
            <span class="label">Ube Matcha Cloud</span>
          </a>
        
      
        
          <a href="#" class="recipe-card lift" >
            
              <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4n43kr.png?v=1780888658&amp;width=800" alt="Ube Protein Smoothie" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4n43kr.png?v=1780888658&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4n43kr.png?v=1780888658&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
            
            <span class="label">Ube Protein Smoothie</span>
          </a>
        
      
        
          <a href="#" class="recipe-card lift" >
            
              <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4npxn3.png?v=1780889682&amp;width=800" alt="Ube Pancakes" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4npxn3.png?v=1780889682&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4npxn3.png?v=1780889682&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
            
            <span class="label">Ube Pancakes</span>
          </a>
        
      
        
          <a href="#" class="recipe-card lift" >
            
              <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4o959i.png?v=1780890574&amp;width=800" alt="Ube Overnight Oats" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4o959i.png?v=1780890574&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4o959i.png?v=1780890574&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
            
            <span class="label">Ube Overnight Oats</span>
          </a>
        
      
        
          <a href="#" class="recipe-card lift" >
            
              <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4ojlz5.png?v=1780891064&amp;width=800" alt="Ube Yogurt Bowl" srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4ojlz5.png?v=1780891064&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4ojlz5.png?v=1780891064&amp;width=800 800w" width="800" height="800" loading="lazy" class="uh-img-cover">
            
            <span class="label">Ube Yogurt Bowl</span>
          </a>
        
      
    </div>

    <div class="recipes-cta">
      <a href="/blogs/recetas" class="btn btn-ghost">
        Más recetas
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12h14M13 5l7 7-7 7"/></svg>
      </a>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__origin-story" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__origin-story .origin-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 56px;
    align-items: center;
  }
  #section-template--29086626218311__origin-story .origin-eyebrow { color: var(--olive, #6e7f2a); }
  #section-template--29086626218311__origin-story .origin-title { margin-top: 12px; margin-bottom: 20px; }
  #section-template--29086626218311__origin-story .origin-body {
    color: var(--muted, #6b6457);
    font-size: 16px;
    line-height: 1.65;
    max-width: 480px;
  }
  #section-template--29086626218311__origin-story .origin-stats {
    display: flex;
    gap: 24px;
    margin-top: 32px;
    flex-wrap: wrap;
  }
  #section-template--29086626218311__origin-story .origin-stat {
    padding-right: 24px;
    border-right: 1px solid var(--line, #e3d6b3);
  }
  #section-template--29086626218311__origin-story .origin-stat:last-child { border-right: none; }
  #section-template--29086626218311__origin-story .origin-stat .num {
    font-family: var(--font-display), serif;
    font-size: 36px;
    color: var(--purple, #221854);
    line-height: 1;
  }
  #section-template--29086626218311__origin-story .origin-stat .lbl {
    font-size: 12px;
    font-weight: 700;
    color: var(--muted, #6b6457);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-top: 6px;
  }
  #section-template--29086626218311__origin-story .origin-visual {
    position: relative;
    min-height: 360px;
  }
  #section-template--29086626218311__origin-story .origin-img-top {
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    aspect-ratio: 4/5;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: var(--shadow-md);
  }
  #section-template--29086626218311__origin-story .origin-img-bot {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55%;
    aspect-ratio: 1/1;
    border-radius: 24px;
    overflow: hidden;
    border: 6px solid var(--cream-soft, #faf5e6);
    box-sizing: border-box;
    box-shadow: var(--shadow-md);
  }
  #section-template--29086626218311__origin-story .origin-img-top img,
  #section-template--29086626218311__origin-story .origin-img-bot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  @media (max-width: 880px) {
    #section-template--29086626218311__origin-story .origin-grid { grid-template-columns: 1fr; gap: 36px; }
    #section-template--29086626218311__origin-story .origin-visual { min-height: 280px; }
  }
</style>

<section id="section-template--29086626218311__origin-story" class="uh-section section-cream-soft reveal">
  <div class="uh-container">
    <div class="origin-grid">
      <div>
        <span class="eyebrow origin-eyebrow">De Filipinas a ti</span>
        <h2 class="display h-lg origin-title">Una raíz, miles de rituales.</h2>
        <p class="origin-body">El ube (camote morado) lleva siglos en las mesas filipinas — postres, halo-halo, desayunos familiares. Lo cultivamos con productores locales, lo secamos al sol y lo molemos en lotes pequeños para que mantenga su color y sus nutrientes. Cada cucharadita es ese viaje.</p>

        <div class="origin-stats">
          
            
              <div class="origin-stat" >
                <div class="num display">100%</div>
                <div class="lbl">Origen Filipinas</div>
              </div>
            
          
            
              <div class="origin-stat" >
                <div class="num display">+50</div>
                <div class="lbl">Pequeños productores</div>
              </div>
            
          
            
              <div class="origin-stat" >
                <div class="num display">0</div>
                <div class="lbl">Aditivos</div>
              </div>
            
          
        </div>
      </div>

      <div class="origin-visual">
        <div class="origin-img-top">
          
            <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4ppz99.png?v=1780893072&amp;width=800" alt="Una raíz, miles de rituales." srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4ppz99.png?v=1780893072&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4ppz99.png?v=1780893072&amp;width=800 800w" width="800" height="1067" loading="lazy" class="uh-img-cover">
          
        </div>
        <div class="origin-img-bot">
          
            <img src="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4plv1m.png?v=1780893052&amp;width=600" alt="Una raíz, miles de rituales." srcset="//www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4plv1m.png?v=1780893052&amp;width=352 352w, //www.ubehouse.com/cdn/shop/files/AilendraLabs-Imagen-mq4plv1m.png?v=1780893052&amp;width=600 600w" width="600" height="750" loading="lazy" class="uh-img-cover">
          
        </div>
      </div>
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__reviews" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__reviews .reviews-head {
    text-align: left;
    margin-bottom: 36px;
  }
  #section-template--29086626218311__reviews .reviews-head h2 {
    color: var(--cream-soft, #faf5e6);
    margin-bottom: 14px;
  }
  #section-template--29086626218311__reviews .reviews-rating {
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--cream-soft, #faf5e6);
  }
  #section-template--29086626218311__reviews .reviews-rating span {
    font-weight: 700;
  }
  #section-template--29086626218311__reviews .reviews-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
  }
  #section-template--29086626218311__reviews .review-card {
    background: var(--cream-soft, #faf5e6);
    border-radius: var(--radius-md, 18px);
    padding: 16px;
    transition: transform .25s var(--uh-ease), box-shadow .25s var(--uh-ease);
  }
  #section-template--29086626218311__reviews .review-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--shadow-md);
  }
  #section-template--29086626218311__reviews .review-img {
    width: 100%;
    aspect-ratio: 4 / 3;
    display: block;
    margin-bottom: 14px;
    border-radius: 14px;
    overflow: hidden;
  }
  #section-template--29086626218311__reviews .review-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #section-template--29086626218311__reviews .review-quote {
    color: var(--purple, #221854);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 14px;
    line-height: 1.5;
  }
  #section-template--29086626218311__reviews .review-foot {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  #section-template--29086626218311__reviews .review-handle {
    font-size: 13px;
    font-weight: 800;
    color: var(--olive, #6e7f2a);
  }
  @media (max-width: 980px) {
    #section-template--29086626218311__reviews .reviews-grid { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 640px) {
    #section-template--29086626218311__reviews .reviews-grid {
      display: flex;
      gap: 14px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 8px;
      margin: 0 -24px;
      padding-left: 24px;
      padding-right: 24px;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    #section-template--29086626218311__reviews .reviews-grid::-webkit-scrollbar { display: none; }
    #section-template--29086626218311__reviews .review-card {
      flex: 0 0 80%;
      scroll-snap-align: start;
    }
  }
</style>

<section id="section-template--29086626218311__reviews" class="uh-section section-purple reveal">
  <div class="uh-container">
    <div class="reviews-head">
      <h2 class="display h-lg">Miles ya cambiaron su café por algo mejor.</h2>
      <div class="reviews-rating">
        <span class="stars" aria-label="5 de 5 estrellas"><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="20" height="20" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg></span>
        <span>4.9/5 (1,248+ reseñas)</span>
      </div>
    </div>

    <div class="reviews-grid">
      
        
          <div class="review-card" >
            <div class="review-img">
              
                <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:4/3;border-radius:14px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@valen.fit</span>
</div>

              
            </div>
            <p class="review-quote">"Mi nuevo ritual favorito. Energía suave y cero ansiedad."</p>
            <div class="review-foot">
              <span class="review-handle">@valen.fit</span>
              <span class="stars" aria-label="5 de 5 estrellas"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg></span>
            </div>
          </div>
        
      
        
          <div class="review-card" >
            <div class="review-img">
              
                <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:4/3;border-radius:14px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@maria.roes</span>
</div>

              
            </div>
            <p class="review-quote">"Sabe a postre pero me da enfoque todo el día."</p>
            <div class="review-foot">
              <span class="review-handle">@maria.roes</span>
              <span class="stars" aria-label="5 de 5 estrellas"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg></span>
            </div>
          </div>
        
      
        
          <div class="review-card" >
            <div class="review-img">
              
                <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:4/3;border-radius:14px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@healthy.kat</span>
</div>

              
            </div>
            <p class="review-quote">"El matcha por fin tiene competencia."</p>
            <div class="review-foot">
              <span class="review-handle">@healthy.kat</span>
              <span class="stars" aria-label="5 de 5 estrellas"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg></span>
            </div>
          </div>
        
      
        
          <div class="review-card" >
            <div class="review-img">
              
                <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:4/3;border-radius:14px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@anavlogs</span>
</div>

              
            </div>
            <p class="review-quote">"Lo bebo todos los días. No vuelvo al café nunca más."</p>
            <div class="review-foot">
              <span class="review-handle">@anavlogs</span>
              <span class="stars" aria-label="5 de 5 estrellas"><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg><svg width="14" height="14" viewBox="0 0 24 24" fill="currentColor" class="" aria-hidden="true"><path d="M12 2 14.9 8.6 22 9.3l-5.5 4.8 1.7 7-6.2-3.7-6.2 3.7 1.7-7L2 9.3l7.1-.7L12 2Z"/></svg></span>
            </div>
          </div>
        
      
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__trust-bar" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__trust-bar.uh-trust {
    padding-top: 0;
    padding-bottom: 56px;
  }
  #section-template--29086626218311__trust-bar .trust-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
  #section-template--29086626218311__trust-bar .trust-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 22px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: var(--radius-md, 18px);
    background: rgba(255,255,255,0.03);
    transition: background .2s ease, border-color .2s ease, transform .2s ease;
  }
  #section-template--29086626218311__trust-bar .trust-card:hover {
    background: rgba(255,255,255,0.06);
    border-color: rgba(255,255,255,0.3);
    transform: translateY(-2px);
  }
  #section-template--29086626218311__trust-bar .trust-card .t {
    font-weight: 800;
    color: var(--cream-soft, #faf5e6);
    font-size: 14px;
  }
  #section-template--29086626218311__trust-bar .trust-card .s {
    font-size: 12px;
    opacity: 0.7;
    color: var(--cream-soft, #faf5e6);
  }
  @media (max-width: 720px) {
    #section-template--29086626218311__trust-bar .trust-grid { grid-template-columns: 1fr; }
  }
</style>

<section id="section-template--29086626218311__trust-bar" class="uh-section section-purple uh-trust">
  <div class="uh-container">
    <div class="trust-grid">
      
        
          <div class="trust-card" >
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M3 7h11v9H3z"/><path d="M14 10h4l3 3v3h-7z"/><circle cx="7" cy="18" r="2"/><circle cx="17" cy="18" r="2"/></svg>
            <div>
              <div class="t">Envío gratis</div>
              <div class="s">En pedidos +49€</div>
            </div>
          </div>
        
      
        
          <div class="trust-card" >
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 3 4 6v6c0 4.5 3 8 8 9 5-1 8-4.5 8-9V6l-8-3Z"/><path d="M9 12l2 2 4-4"/></svg>
            <div>
              <div class="t">Pago seguro</div>
              <div class="s">100% protegido</div>
            </div>
          </div>
        
      
        
          <div class="trust-card" >
            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="var(--lime-on-dark)" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M3 12a9 9 0 0 1 15.5-6.3L21 8"/><path d="M21 4v4h-4"/><path d="M21 12a9 9 0 0 1-15.5 6.3L3 16"/><path d="M3 20v-4h4"/></svg>
            <div>
              <div class="t">Devoluciones</div>
              <div class="s">Fáciles en 30 días</div>
            </div>
          </div>
        
      
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__ugc" class="shopify-section">
<style data-shopify>
  #section-template--29086626218311__ugc.uh-ugc {
    padding-top: 48px;
    padding-bottom: 64px;
  }
  #section-template--29086626218311__ugc .ugc-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 24px;
    flex-wrap: wrap;
    gap: 16px;
  }
  #section-template--29086626218311__ugc .ugc-head .eyebrow {
    color: var(--olive, #6e7f2a);
  }
  #section-template--29086626218311__ugc .ugc-head h2 {
    margin-top: 8px;
  }
  #section-template--29086626218311__ugc .ugc-ig {
    color: var(--purple, #221854);
    font-weight: 700;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
  }
  #section-template--29086626218311__ugc .ugc-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
  }
  #section-template--29086626218311__ugc .ugc-card {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    background: var(--cream-warm, #efe5c3);
    transition: transform .2s ease;
    display: block;
    aspect-ratio: 9 / 16;
  }
  #section-template--29086626218311__ugc .ugc-card:hover { transform: scale(1.02); }
  #section-template--29086626218311__ugc .ugc-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  #section-template--29086626218311__ugc .ugc-card .uh-placeholder {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    border-radius: 16px;
  }
  #section-template--29086626218311__ugc .ugc-overlay {
    position: absolute;
    inset: 0;
    color: white;
    background: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 40%, rgba(0,0,0,.2) 100%);
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #section-template--29086626218311__ugc .ugc-likes {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    opacity: 0.95;
  }
  #section-template--29086626218311__ugc .ugc-caption {
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px;
  }
  #section-template--29086626218311__ugc .ugc-caption .cap {
    font-weight: 700;
    font-size: 12px;
    line-height: 1.3;
  }
  #section-template--29086626218311__ugc .ugc-caption .handle {
    font-size: 10px;
    opacity: 0.8;
    margin-top: 2px;
  }
  @media (max-width: 1000px) {
    #section-template--29086626218311__ugc .ugc-row { grid-template-columns: repeat(3, 1fr); }
  }
  @media (max-width: 560px) {
    #section-template--29086626218311__ugc .ugc-row {
      display: flex;
      gap: 12px;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 8px;
      margin: 0 -24px;
      padding-left: 24px;
      padding-right: 24px;
      -webkit-overflow-scrolling: touch;
      scrollbar-width: none;
    }
    #section-template--29086626218311__ugc .ugc-row::-webkit-scrollbar { display: none; }
    #section-template--29086626218311__ugc .ugc-card {
      flex: 0 0 70%;
      scroll-snap-align: start;
    }
  }
</style>

<section id="section-template--29086626218311__ugc" class="uh-section section-cream uh-ugc reveal">
  <div class="uh-container">
    <div class="ugc-head">
      <div>
        <span class="eyebrow">#UbeHouse</span>
        <h2 class="display h-md">Comparte tu ritual</h2>
      </div>
      <a href="https://instagram.com/ubehouse" target="_blank" rel="noreferrer" class="ugc-ig">
        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.5" fill="var(--purple)"/></svg>
        @ubehouse
      </a>
    </div>

    <div class="ugc-row">
      
        
          <a href="#" class="ugc-card" >
            
              <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:9/16;border-radius:16px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@valen.fit</span>
</div>

            
            <div class="ugc-overlay">
              <div class="ugc-likes">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 21s-7-4.5-9.5-9.5C1 8 3.5 4 7.5 4 10 4 12 6 12 6s2-2 4.5-2C20.5 4 23 8 21.5 11.5 19 16.5 12 21 12 21Z"/></svg>
                15.2K
              </div>
              <div class="ugc-caption">
                <div class="cap">mi nuevo favorito</div>
                <div class="handle">@valen.fit</div>
              </div>
            </div>
          </a>
        
      
        
          <a href="#" class="ugc-card" >
            
              <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:9/16;border-radius:16px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@maria.roes</span>
</div>

            
            <div class="ugc-overlay">
              <div class="ugc-likes">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 21s-7-4.5-9.5-9.5C1 8 3.5 4 7.5 4 10 4 12 6 12 6s2-2 4.5-2C20.5 4 23 8 21.5 11.5 19 16.5 12 21 12 21Z"/></svg>
                12.8K
              </div>
              <div class="ugc-caption">
                <div class="cap">energía suave todo el día</div>
                <div class="handle">@maria.roes</div>
              </div>
            </div>
          </a>
        
      
        
          <a href="#" class="ugc-card" >
            
              <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:9/16;border-radius:16px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@healthy.kat</span>
</div>

            
            <div class="ugc-overlay">
              <div class="ugc-likes">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 21s-7-4.5-9.5-9.5C1 8 3.5 4 7.5 4 10 4 12 6 12 6s2-2 4.5-2C20.5 4 23 8 21.5 11.5 19 16.5 12 21 12 21Z"/></svg>
                11.3K
              </div>
              <div class="ugc-caption">
                <div class="cap">sin nervios, solo enfoque</div>
                <div class="handle">@healthy.kat</div>
              </div>
            </div>
          </a>
        
      
        
          <a href="#" class="ugc-card" >
            
              <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:9/16;border-radius:16px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@anavlogs</span>
</div>

            
            <div class="ugc-overlay">
              <div class="ugc-likes">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 21s-7-4.5-9.5-9.5C1 8 3.5 4 7.5 4 10 4 12 6 12 6s2-2 4.5-2C20.5 4 23 8 21.5 11.5 19 16.5 12 21 12 21Z"/></svg>
                11.9K
              </div>
              <div class="ugc-caption">
                <div class="cap">sabor increíble y natural</div>
                <div class="handle">@anavlogs</div>
              </div>
            </div>
          </a>
        
      
        
          <a href="#" class="ugc-card" >
            
              <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:9/16;border-radius:16px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@studyflow</span>
</div>

            
            <div class="ugc-overlay">
              <div class="ugc-likes">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 21s-7-4.5-9.5-9.5C1 8 3.5 4 7.5 4 10 4 12 6 12 6s2-2 4.5-2C20.5 4 23 8 21.5 11.5 19 16.5 12 21 12 21Z"/></svg>
                13.5K
              </div>
              <div class="ugc-caption">
                <div class="cap">mi ritual de mañana</div>
                <div class="handle">@studyflow</div>
              </div>
            </div>
          </a>
        
      
        
          <a href="#" class="ugc-card" >
            
              <div class="uh-placeholder uh-placeholder--default"
     style="aspect-ratio:9/16;border-radius:16px"
     aria-hidden="true">
  <svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg"><ellipse cx="32" cy="36" rx="18" ry="22" stroke="currentColor" stroke-width="2" fill="none" opacity="0.7"/>
    <path d="M28 14 Q30 6 34 8 Q33 13 32 18" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.8"/>
    <path d="M34 14 Q40 8 44 12 Q40 16 36 20" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" opacity="0.6"/>
    <circle cx="26" cy="32" r="1.2" fill="currentColor" opacity="0.5"/>
    <circle cx="38" cy="40" r="1.2" fill="currentColor" opacity="0.5"/>
  </svg>
  <span>@dailylyn</span>
</div>

            
            <div class="ugc-overlay">
              <div class="ugc-likes">
                <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 21s-7-4.5-9.5-9.5C1 8 3.5 4 7.5 4 10 4 12 6 12 6s2-2 4.5-2C20.5 4 23 8 21.5 11.5 19 16.5 12 21 12 21Z"/></svg>
                14.1K
              </div>
              <div class="ugc-caption">
                <div class="cap">obsesionada con el ube</div>
                <div class="handle">@dailylyn</div>
              </div>
            </div>
          </a>
        
      
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__faq" class="shopify-section">

<style data-shopify>
  #section-template--29086626218311__faq .uh-container { max-width: 800px; }
  #section-template--29086626218311__faq h2 { margin-bottom: 28px; }
  #section-template--29086626218311__faq .uh-faq-item {
    border-bottom: 1px solid var(--line, #e3d6b3);
  }
  #section-template--29086626218311__faq .uh-faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    font-family: var(--font-display), serif;
    font-size: 18px;
    color: var(--purple, #221854);
    text-transform: uppercase;
    letter-spacing: 0.02em;
  }
  #section-template--29086626218311__faq .uh-faq-item summary::-webkit-details-marker { display: none; }
  #section-template--29086626218311__faq .uh-faq-item .chev {
    flex-shrink: 0;
    transition: transform .25s ease;
    color: var(--purple, #221854);
  }
  #section-template--29086626218311__faq .uh-faq-item[open] .chev {
    transform: rotate(45deg);
  }
  #section-template--29086626218311__faq .uh-faq-item .faq-body {
    padding: 0 0 20px;
    color: var(--muted, #6b6457);
    font-size: 15px;
    line-height: 1.6;
    animation: uh-faq-open .3s var(--uh-ease);
  }
  @keyframes uh-faq-open {
    from { opacity: 0; transform: translateY(-4px); }
    to   { opacity: 1; transform: translateY(0); }
  }
  @media (max-width: 720px) {
    #section-template--29086626218311__faq .uh-faq-item summary { font-size: 16px; padding: 16px 0; }
    #section-template--29086626218311__faq .uh-faq-item .faq-body { font-size: 14px; }
  }
</style>

<section id="section-template--29086626218311__faq" class="uh-section section-cream-soft reveal">
  <div class="uh-container">
    <h2 class="display h-lg">Preguntas frecuentes</h2>
    <div>
      
        
          <details class="uh-faq-item" >
            <summary>
              <span>¿Contiene cafeína?</span>
              <span class="chev"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 5v14M5 12h14"/></svg></span>
            </summary>
            <div class="faq-body"><p>Cero. Ube House es 100% sin cafeína — la energía viene de los carbohidratos complejos del camote morado, no de estimulantes.</p></div>
          </details>
        
      
        
          <details class="uh-faq-item" >
            <summary>
              <span>¿Cómo sabe el ube latte?</span>
              <span class="chev"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 5v14M5 12h14"/></svg></span>
            </summary>
            <div class="faq-body"><p>Suave, cremoso, ligeramente dulce con notas a vainilla y coco. Imagina un latte de postre que no empalaga.</p></div>
          </details>
        
      
        
          <details class="uh-faq-item" >
            <summary>
              <span>¿Puedo tomarlo todos los días?</span>
              <span class="chev"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 5v14M5 12h14"/></svg></span>
            </summary>
            <div class="faq-body"><p>Sí — está pensado para ser un ritual diario. Una porción al día aporta antioxidantes, fibra y vitaminas sin estimulantes.</p></div>
          </details>
        
      
        
          <details class="uh-faq-item" >
            <summary>
              <span>¿Con qué tipo de leche queda mejor?</span>
              <span class="chev"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 5v14M5 12h14"/></svg></span>
            </summary>
            <div class="faq-body"><p>Va bien con todas. Nuestras favoritas: avena (más cremoso), almendra (más ligero) y entera (más postre).</p></div>
          </details>
        
      
        
          <details class="uh-faq-item" >
            <summary>
              <span>¿Es apto para veganos?</span>
              <span class="chev"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 5v14M5 12h14"/></svg></span>
            </summary>
            <div class="faq-body"><p>Totalmente. Ingredientes 100% vegetales, sin lácteos, sin gluten y sin azúcar añadido.</p></div>
          </details>
        
      
        
          <details class="uh-faq-item" >
            <summary>
              <span>¿De dónde viene el ube?</span>
              <span class="chev"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--purple)" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M12 5v14M5 12h14"/></svg></span>
            </summary>
            <div class="faq-body"><p>Camote morado cultivado en Filipinas, secado y molido en pequeños lotes para preservar el color y los nutrientes.</p></div>
          </details>
        
      
    </div>
  </div>
</section>


</div><div id="shopify-section-template--29086626218311__footer-cta" class="shopify-section">
<style data-shopify>
  #section-template--29086626218311__footer-cta.uh-footer-cta {
    padding-top: 24px;
    padding-bottom: 80px;
    text-align: center;
  }
  #section-template--29086626218311__footer-cta .uh-mascot-wrap { display: inline-block; }
  #section-template--29086626218311__footer-cta h2 {
    color: var(--cream-soft, #faf5e6);
    margin-top: 16px;
  }
  #section-template--29086626218311__footer-cta h2 .uh-accent {
    position: relative;
    display: inline-block;
  }
  #section-template--29086626218311__footer-cta h2 .uh-dashes-pos {
    position: absolute;
    top: -10px;
    right: -36px;
  }
  #section-template--29086626218311__footer-cta .footer-cta-body {
    color: var(--cream-soft, #faf5e6);
    opacity: 0.85;
    max-width: 520px;
    margin: 20px auto 28px;
    font-size: 16px;
  }
  @media (max-width: 720px) {
    #section-template--29086626218311__footer-cta.uh-footer-cta { padding-bottom: 56px; }
    #section-template--29086626218311__footer-cta h2 .uh-dashes-pos { right: -20px; top: -6px; transform: scale(0.7); transform-origin: top right; }
  }
</style>

<svg class="wave-divider" viewBox="0 0 1440 60" preserveAspectRatio="none" style="height:60px;display:block;width:100%" aria-hidden="true">
  <path d="M0 30 Q120 0 240 25 T480 30 T720 20 T960 35 T1200 18 T1440 30 V60 H0 Z" fill="#221854"/>
</svg>


<section id="section-template--29086626218311__footer-cta" class="uh-section section-purple uh-footer-cta">
  <div class="uh-container">
    <div class="uh-mascot-wrap">
      <svg width="120" height="120" viewBox="0 0 120 120" class="wiggle" aria-label="Ube mascot">
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="#3a2a78"/>
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="url(#ube-body-grad-120)" opacity="0.85"/>
  <path d="M52 30 Q56 14 62 16 Q60 26 58 32 Z" fill="#5a6b1f"/>
  <path d="M62 30 Q70 18 76 22 Q70 30 66 34 Z" fill="#6e7f2a"/>
  <ellipse cx="42" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <ellipse cx="78" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <g fill="#1a1144">
    <ellipse cx="46" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <ellipse cx="74" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <circle cx="47" cy="67" r="0.8" fill="#fff"/>
    <circle cx="75" cy="67" r="0.8" fill="#fff"/>
  </g>
  <path d="M52 84 Q60 92 68 84" stroke="#1a1144" stroke-width="2.4" stroke-linecap="round" fill="none"/>
  <path d="M60 95 Q70 90 70 80 Q70 72 60 72 Q52 72 52 80" stroke="#5a6b1f" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.55"/>
  <defs>
    <radialGradient id="ube-body-grad-120" cx="0.4" cy="0.35" r="0.9">
      <stop offset="0%" stop-color="#5a4499"/>
      <stop offset="100%" stop-color="#2a1a5e"/>
    </radialGradient>
  </defs>
</svg>
    </div>
    <h2 class="display h-lg">
      <span class="uh-accent">
        Cambia tu café por algo mejor.
        <span class="uh-dashes-pos"><svg width="28" height="28" viewBox="0 0 24 24" fill="none" class="" aria-hidden="true">
  <g stroke="#d6ff5a" stroke-width="2.6" stroke-linecap="round">
    <line x1="4" y1="12" x2="8" y2="8"/>
    <line x1="3" y1="18" x2="8" y2="18"/>
    <line x1="5" y1="6" x2="9" y2="2"/>
  </g>
</svg></span>
      </span>
    </h2>
    <p class="footer-cta-body">Energía limpia, sin nervios y con un sabor que te va a obsesionar.</p>
    <a href="/products/ube-latte-mix" class="btn btn-lime">
      Quiero probarlo
      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12h14M13 5l7 7-7 7"/></svg>
    </a>
  </div>
</section>


</div>
    </main>

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--29086622449991__ube-footer" class="shopify-section shopify-section-group-footer-group">

<style data-shopify>
  #section-sections--29086622449991__ube-footer.uh-footer {
    background: var(--cream, #f4ecd8);
    padding: 64px 0 32px;
  }
  #section-sections--29086622449991__ube-footer .footer-grid {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1fr 1.6fr;
    gap: 36px;
  }
  #section-sections--29086622449991__ube-footer .footer-logo {
    font-family: var(--font-display), serif;
    font-size: 28px;
    color: var(--purple, #221854);
    margin-top: 12px;
    line-height: 0.9;
  }
  #section-sections--29086622449991__ube-footer .footer-tagline {
    color: var(--muted, #6b6457);
    font-size: 13px;
    margin-top: 16px;
    max-width: 240px;
    line-height: 1.5;
  }
  #section-sections--29086622449991__ube-footer .footer-socials {
    display: flex;
    gap: 10px;
    margin-top: 18px;
  }
  #section-sections--29086622449991__ube-footer .footer-socials a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--purple, #221854);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--purple, #221854);
    transition: all .2s;
    text-decoration: none;
  }
  #section-sections--29086622449991__ube-footer .footer-socials a:hover {
    background: var(--purple, #221854);
    color: var(--cream-soft, #faf5e6);
  }
  #section-sections--29086622449991__ube-footer .footer-col h5 {
    font-family: var(--font-display), serif;
    font-size: 14px;
    color: var(--purple, #221854);
    text-transform: uppercase;
    margin-bottom: 16px;
    letter-spacing: 0.06em;
  }
  #section-sections--29086622449991__ube-footer .footer-col ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  #section-sections--29086622449991__ube-footer .footer-col a {
    color: var(--muted, #6b6457);
    font-size: 14px;
    transition: color .15s;
    text-decoration: none;
  }
  #section-sections--29086622449991__ube-footer .footer-col a:hover {
    color: var(--purple, #221854);
  }
  #section-sections--29086622449991__ube-footer .footer-newsletter p {
    color: var(--muted, #6b6457);
    font-size: 13px;
    margin-bottom: 14px;
    line-height: 1.5;
  }
  #section-sections--29086622449991__ube-footer .footer-newsletter form {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
  }
  #section-sections--29086622449991__ube-footer .footer-newsletter input[type="email"] {
    flex: 1;
    min-width: 180px;
    padding: 12px 16px;
    border-radius: 999px;
    border: 1.5px solid var(--purple, #221854);
    background: var(--cream-soft, #faf5e6);
    font-family: inherit;
    font-size: 14px;
    color: var(--purple, #221854);
    outline: none;
  }
  #section-sections--29086622449991__ube-footer .footer-bottom {
    border-top: 1px solid var(--line, #e3d6b3);
    margin-top: 48px;
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 12px;
    color: var(--muted, #6b6457);
    align-items: center;
  }
  #section-sections--29086622449991__ube-footer .footer-bottom-links {
    display: flex;
    gap: 18px;
    align-items: center;
    flex-wrap: wrap;
  }
  #section-sections--29086622449991__ube-footer .footer-bottom-links a {
    color: var(--muted, #6b6457);
    font-size: 12px;
    text-decoration: underline;
  }
  @media (max-width: 1000px) {
    #section-sections--29086622449991__ube-footer .footer-grid { grid-template-columns: 1fr 1fr; }
  }
  @media (max-width: 560px) {
    #section-sections--29086622449991__ube-footer .footer-grid { grid-template-columns: 1fr; }
  }
</style>

<footer id="section-sections--29086622449991__ube-footer" class="uh-footer">
  <div class="uh-container">
    <div class="footer-grid">
      <div>
        <svg width="72" height="72" viewBox="0 0 120 120" class="" aria-label="Ube mascot">
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="#3a2a78"/>
  <ellipse cx="60" cy="72" rx="38" ry="42" fill="url(#ube-body-grad-72)" opacity="0.85"/>
  <path d="M52 30 Q56 14 62 16 Q60 26 58 32 Z" fill="#5a6b1f"/>
  <path d="M62 30 Q70 18 76 22 Q70 30 66 34 Z" fill="#6e7f2a"/>
  <ellipse cx="42" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <ellipse cx="78" cy="78" rx="6" ry="3.5" fill="#c89dd0" opacity="0.55"/>
  <g fill="#1a1144">
    <ellipse cx="46" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <ellipse cx="74" cy="68" rx="3" ry="3">
      <animate attributeName="ry" values="3;3;3;0.3;3" keyTimes="0;0.5;0.92;0.96;1" dur="4s" repeatCount="indefinite"/>
    </ellipse>
    <circle cx="47" cy="67" r="0.8" fill="#fff"/>
    <circle cx="75" cy="67" r="0.8" fill="#fff"/>
  </g>
  <path d="M52 84 Q60 92 68 84" stroke="#1a1144" stroke-width="2.4" stroke-linecap="round" fill="none"/>
  <path d="M60 95 Q70 90 70 80 Q70 72 60 72 Q52 72 52 80" stroke="#5a6b1f" stroke-width="2" fill="none" stroke-linecap="round" opacity="0.55"/>
  <defs>
    <radialGradient id="ube-body-grad-72" cx="0.4" cy="0.35" r="0.9">
      <stop offset="0%" stop-color="#5a4499"/>
      <stop offset="100%" stop-color="#2a1a5e"/>
    </radialGradient>
  </defs>
</svg>
        <div class="footer-logo">Ube<br>House</div>
        <p class="footer-tagline">Tu ritual morado. Ube auténtico de Filipinas, sin cafeína, con buena onda.</p>
        <div class="footer-socials">
          
            <a href="https://instagram.com/ubehouse" aria-label="Instagram"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="0.5" fill="currentColor"/></svg></a>
          
          
            <a href="https://tiktok.com/@ubehouse" aria-label="TikTok"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M14 4v9a4 4 0 1 1-4-4"/><path d="M14 4c0 3 2 5 5 5"/></svg></a>
          
          
            <a href="mailto:hola@ubehouse.com" aria-label="Email"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></svg></a>
          
        </div>
      </div>

      
        
          <div class="footer-col" >
            <h5>Tienda</h5>
            <ul>
              
              
              


                  <li><a href="/products/ube-latte-mix">Ube Latte Mix</a></li>
                
              


                  <li><a href="/products/ube-latte-mix?pack=double">Pack Doble</a></li>
                
              


                  <li><a href="/products/ube-latte-mix?pack=family">Pack Familiar</a></li>
                
              


                  <li><a href="/products/gift-card">Tarjeta regalo</a></li>
                
              
            </ul>
          </div>
        
      
        
          <div class="footer-col" >
            <h5>Nosotros</h5>
            <ul>
              
              
              


                  <li><a href="/pages/historia">Nuestra historia</a></li>
                
              


                  <li><a href="/pages/origen">De Filipinas a ti</a></li>
                
              


                  <li><a href="/pages/sostenibilidad">Sostenibilidad</a></li>
                
              


                  <li><a href="/pages/prensa">Prensa</a></li>
                
              
            </ul>
          </div>
        
      
        
          <div class="footer-col" >
            <h5>Ayuda</h5>
            <ul>
              
              
              


                  <li><a href="/pages/envios">Envíos</a></li>
                
              


                  <li><a href="/pages/devoluciones">Devoluciones</a></li>
                
              


                  <li><a href="/pages/contacto">Contacto</a></li>
                
              


                  <li><a href="/pages/faq">FAQ</a></li>
                
              
            </ul>
          </div>
        
      

      <div class="footer-newsletter footer-col">
        <h5>Únete al club morado</h5>
        <p>Recetas, descuentos y novedades. Sin spam, lo prometemos.</p>
        <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="footer-newsletter-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
          <input type="hidden" name="contact[tags]" value="newsletter">
          <input type="email" name="contact[email]" placeholder="tu@email.com" required>
          <button class="btn btn-purple btn-sm" type="submit" style="padding:12px 18px">Suscribirme</button>
        </form>
      </div>
    </div>

    <div class="footer-bottom">
      <span>© 2026 Ube House — Todos los derechos reservados.</span>
      <div class="footer-bottom-links">
        <a href="/policies/privacy-policy">Privacidad</a>
        <a href="/policies/terms-of-service">Términos</a>
        <a href="#">Cookies</a>
        <a href="#" onclick="try{localStorage.removeItem('uh.cookies');location.reload();}catch(e){};return false;">Configurar cookies</a>
        <span>Hecho con 💜 en Madrid · ES</span>
      </div>
    </div>
  </div>
</footer>


</div>
<!-- END sections: footer-group -->

<script type="application/json" id="uh-recipes-data">
{
  "es": [
    {
      "name": "Iced Ube Latte",
      "time": "2 min",
      "servings": "1",
      "diff": "Fácil",
      "kcal": "120 kcal",
      "intro": "El clásico. Cremoso, helado y obsesionante.",
      "image_placeholder": "Iced Ube Latte hero (16:9, 1280×720)",
      "ingredients": [
        "1.5 cucharaditas de Ube House",
        "200ml de leche de avena fría",
        "1 cucharadita de sirope de arce (opcional)",
        "Hielo"
      ],
      "steps": [
        "Disuelve el ube en 30ml de agua tibia hasta que quede una pasta lisa.",
        "Llena un vaso con hielo y añade la leche de avena.",
        "Vierte el ube por encima — verás los colores girar.",
        "Remueve, prueba, ajusta dulzura si quieres. Disfruta."
      ]
    },
    {
      "name": "Ube Matcha Cloud",
      "time": "5 min",
      "servings": "1",
      "diff": "Fácil",
      "kcal": "150 kcal",
      "intro": "Dos rituales en uno. Capas de ube y matcha sobre nube de leche.",
      "image_placeholder": "Ube Matcha Cloud hero (16:9, 1280×720)",
      "ingredients": [
        "1 cucharadita de Ube House",
        "1 cucharadita de matcha",
        "200ml de leche caliente",
        "50ml de espuma de leche"
      ],
      "steps": [
        "Bate el ube con 30ml de agua caliente hasta que esté cremoso.",
        "Bate el matcha aparte con otros 30ml de agua.",
        "Llena la taza con leche caliente.",
        "Añade la espuma encima y vierte el matcha y el ube en lados opuestos."
      ]
    },
    {
      "name": "Ube Protein Smoothie",
      "time": "3 min",
      "servings": "1",
      "diff": "Fácil",
      "kcal": "320 kcal",
      "intro": "Desayuno completo con energía limpia hasta el almuerzo.",
      "image_placeholder": "Ube Protein Smoothie hero (16:9, 1280×720)",
      "ingredients": [
        "1 cucharadita de Ube House",
        "1 plátano congelado",
        "1 cucharada de proteína vegetal",
        "200ml de leche de almendra",
        "1 cucharadita de mantequilla de almendra"
      ],
      "steps": [
        "Mete todo en la licuadora.",
        "Bate 45 segundos hasta que quede sedoso.",
        "Sirve en vaso alto, decora con coco rallado."
      ]
    },
    {
      "name": "Ube Pancakes",
      "time": "15 min",
      "servings": "2",
      "diff": "Medio",
      "kcal": "420 kcal",
      "intro": "Domingo de pancakes morados. La cocina huele a fiesta.",
      "image_placeholder": "Ube Pancakes hero (16:9, 1280×720)",
      "ingredients": [
        "200g harina",
        "2 cucharaditas de Ube House",
        "250ml leche",
        "1 huevo",
        "2 cucharadas azúcar de coco",
        "1 cucharadita levadura"
      ],
      "steps": [
        "Mezcla todos los secos en un bol.",
        "Añade huevo y leche, bate hasta que no haya grumos.",
        "Calienta sartén antiadherente con un poco de coco.",
        "Vierte porciones y cocina 2 min por lado.",
        "Sirve con plátano, arándanos y miel."
      ]
    },
    {
      "name": "Ube Overnight Oats",
      "time": "5 min + 8h",
      "servings": "1",
      "diff": "Fácil",
      "kcal": "380 kcal",
      "intro": "Lo dejas preparado, te despiertas a un desayuno listo.",
      "image_placeholder": "Ube Overnight Oats hero (16:9, 1280×720)",
      "ingredients": [
        "60g avena",
        "1 cucharadita Ube House",
        "180ml leche de avena",
        "1 cucharada semillas de chía",
        "1 cucharadita sirope de arce"
      ],
      "steps": [
        "Mezcla todo en un tarro de cristal.",
        "Tapa y deja en la nevera mínimo 6 horas.",
        "Por la mañana remueve y decora con fruta fresca."
      ]
    },
    {
      "name": "Ube Yogurt Bowl",
      "time": "4 min",
      "servings": "1",
      "diff": "Fácil",
      "kcal": "260 kcal",
      "intro": "Bowl rápido, rico y muy fotogénico.",
      "image_placeholder": "Ube Yogurt Bowl hero (16:9, 1280×720)",
      "ingredients": [
        "200g yogur griego",
        "1 cucharadita Ube House",
        "1 cucharadita miel",
        "Granola",
        "Fruta fresca",
        "Coco rallado"
      ],
      "steps": [
        "Mezcla el yogur con el ube y la miel.",
        "Vierte en un bowl bonito.",
        "Decora con granola, fruta y coco. Foto obligatoria."
      ]
    }
  ],
  "en": [
    {
      "name": "Iced Ube Latte",
      "time": "2 min",
      "servings": "1",
      "diff": "Easy",
      "kcal": "120 kcal",
      "intro": "The classic. Creamy, cold, deeply obsessable.",
      "image_placeholder": "Iced Ube Latte hero (16:9, 1280×720)",
      "ingredients": [
        "1.5 tsp Ube House",
        "200ml cold oat milk",
        "1 tsp maple syrup (optional)",
        "Ice"
      ],
      "steps": [
        "Dissolve the ube in 30ml warm water until smooth.",
        "Fill a glass with ice and pour in the oat milk.",
        "Pour the ube on top — watch the colours swirl.",
        "Stir, taste, sweeten if you like. Enjoy."
      ]
    },
    {
      "name": "Ube Matcha Cloud",
      "time": "5 min",
      "servings": "1",
      "diff": "Easy",
      "kcal": "150 kcal",
      "intro": "Two rituals in one. Ube and matcha layered on a milk cloud.",
      "image_placeholder": "Ube Matcha Cloud hero (16:9, 1280×720)",
      "ingredients": [
        "1 tsp Ube House",
        "1 tsp matcha",
        "200ml hot milk",
        "50ml milk foam"
      ],
      "steps": [
        "Whisk ube with 30ml hot water until creamy.",
        "Whisk matcha separately with another 30ml of water.",
        "Fill mug with hot milk.",
        "Add foam on top, pour matcha and ube on opposite sides."
      ]
    },
    {
      "name": "Ube Protein Smoothie",
      "time": "3 min",
      "servings": "1",
      "diff": "Easy",
      "kcal": "320 kcal",
      "intro": "Full breakfast with clean energy to last till lunch.",
      "image_placeholder": "Ube Protein Smoothie hero (16:9, 1280×720)",
      "ingredients": [
        "1 tsp Ube House",
        "1 frozen banana",
        "1 tbsp plant protein",
        "200ml almond milk",
        "1 tsp almond butter"
      ],
      "steps": [
        "Toss everything into the blender.",
        "Blend 45s until silky.",
        "Pour into a tall glass, top with coconut flakes."
      ]
    },
    {
      "name": "Ube Pancakes",
      "time": "15 min",
      "servings": "2",
      "diff": "Medium",
      "kcal": "420 kcal",
      "intro": "Purple-pancake Sunday. Kitchen smells like a party.",
      "image_placeholder": "Ube Pancakes hero (16:9, 1280×720)",
      "ingredients": [
        "200g flour",
        "2 tsp Ube House",
        "250ml milk",
        "1 egg",
        "2 tbsp coconut sugar",
        "1 tsp baking powder"
      ],
      "steps": [
        "Mix all dry ingredients in a bowl.",
        "Add egg and milk, whisk until smooth.",
        "Heat a non-stick pan with a little coconut oil.",
        "Pour portions and cook 2 min per side.",
        "Serve with banana, blueberries, honey."
      ]
    },
    {
      "name": "Ube Overnight Oats",
      "time": "5 min + 8h",
      "servings": "1",
      "diff": "Easy",
      "kcal": "380 kcal",
      "intro": "Prep at night, wake to breakfast ready.",
      "image_placeholder": "Ube Overnight Oats hero (16:9, 1280×720)",
      "ingredients": [
        "60g oats",
        "1 tsp Ube House",
        "180ml oat milk",
        "1 tbsp chia seeds",
        "1 tsp maple syrup"
      ],
      "steps": [
        "Mix everything in a glass jar.",
        "Cover and refrigerate at least 6 hours.",
        "In the morning, stir and top with fresh fruit."
      ]
    },
    {
      "name": "Ube Yogurt Bowl",
      "time": "4 min",
      "servings": "1",
      "diff": "Easy",
      "kcal": "260 kcal",
      "intro": "Fast, lush and extremely photogenic.",
      "image_placeholder": "Ube Yogurt Bowl hero (16:9, 1280×720)",
      "ingredients": [
        "200g Greek yogurt",
        "1 tsp Ube House",
        "1 tsp honey",
        "Granola",
        "Fresh fruit",
        "Shredded coconut"
      ],
      "steps": [
        "Stir yogurt with ube and honey.",
        "Spoon into a pretty bowl.",
        "Top with granola, fruit, coconut. Photo mandatory."
      ]
    }
  ]
}
</script>

<div id="uh-recipe-modal" class="modal-backdrop" hidden role="dialog" aria-modal="true" aria-labelledby="uh-recipe-modal-title">
  <div class="modal-panel" id="uh-recipe-modal-panel">
    <button type="button" class="modal-close" data-uh-recipe-close aria-label="Cerrar">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--cream-soft)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
    </button>

    <div class="uh-recipe-image" aria-hidden="true">
      <span data-uh-recipe-placeholder>Recipe hero</span>
    </div>

    <div class="uh-recipe-body">
      <div class="uh-recipe-badges">
        <span class="pill pill-cream" data-uh-recipe-time>—</span>
        <span class="pill pill-cream" data-uh-recipe-diff>—</span>
        <span class="pill pill-cream" data-uh-recipe-kcal>—</span>
      </div>

      <h2 id="uh-recipe-modal-title" class="display h-md" data-uh-recipe-name>—</h2>
      <p class="uh-recipe-intro" data-uh-recipe-intro>—</p>

      <div class="uh-recipe-grid">
        <div>
          <h4 class="uh-recipe-h4" data-uh-i18n-ingredients>Ingredientes</h4>
          <ul class="uh-recipe-ings" data-uh-recipe-ingredients></ul>
        </div>
        <div>
          <h4 class="uh-recipe-h4" data-uh-i18n-steps>Paso a paso</h4>
          <ol class="uh-recipe-steps" data-uh-recipe-steps></ol>
        </div>
      </div>

      <div class="uh-recipe-foot">
        <p class="uh-recipe-foot-text">¿No tienes Ube House todavía?</p>
        <a class="btn btn-primary" href="/products/ube-latte-mix" data-uh-recipe-cta>
          Conseguir Ube House
          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M5 12h14M13 5l7 7-7 7"/></svg>
        </a>
      </div>
    </div>
  </div>
</div>

<style data-shopify>
  #uh-recipe-modal[hidden] { display: none !important; }
  #uh-recipe-modal .uh-recipe-image {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: #e3d6b3;
    color: var(--purple, #221854);
    display: flex; align-items: center; justify-content: center;
    border-top-left-radius: var(--radius-lg, 22px);
    border-top-right-radius: var(--radius-lg, 22px);
    overflow: hidden;
    font-size: 12px;
    letter-spacing: .05em;
    text-transform: uppercase;
  }
  #uh-recipe-modal .uh-recipe-body { padding: 24px 28px 28px; }
  #uh-recipe-modal .uh-recipe-badges {
    display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px;
  }
  #uh-recipe-modal .uh-recipe-intro {
    color: var(--muted, #6b6457);
    font-size: 16px; line-height: 1.5;
    margin: 12px 0 24px;
  }
  #uh-recipe-modal .uh-recipe-h4 {
    font-family: var(--font-display), serif;
    font-size: 16px; color: var(--purple, #221854);
    margin-bottom: 12px; text-transform: uppercase;
  }
  #uh-recipe-modal .uh-recipe-grid {
    display: grid;
    grid-template-columns: 1fr 1.4fr;
    gap: 32px;
  }
  #uh-recipe-modal .uh-recipe-ings {
    list-style: none; padding: 0; margin: 0;
    display: flex; flex-direction: column; gap: 10px;
  }
  #uh-recipe-modal .uh-recipe-ings li {
    display: flex; align-items: flex-start; gap: 10px;
    font-size: 14px; color: var(--ink, #221854);
  }
  #uh-recipe-modal .uh-recipe-ings li::before {
    content: '';
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--olive, #5a6b1f);
    margin-top: 7px; flex-shrink: 0;
  }
  #uh-recipe-modal .uh-recipe-steps {
    list-style: none; padding: 0; margin: 0;
    counter-reset: step;
    display: flex; flex-direction: column; gap: 14px;
  }
  #uh-recipe-modal .uh-recipe-steps li {
    display: flex; gap: 12px; align-items: flex-start;
    font-size: 14px; line-height: 1.5; color: var(--ink, #221854);
    counter-increment: step;
  }
  #uh-recipe-modal .uh-recipe-steps li::before {
    content: counter(step);
    width: 28px; height: 28px;
    font-size: 14px; flex-shrink: 0;
    display: inline-flex; align-items: center; justify-content: center;
    background: var(--purple, #221854);
    color: var(--cream-soft, #faf5e6);
    border-radius: 50%;
    font-weight: 800;
  }
  #uh-recipe-modal .uh-recipe-foot {
    border-top: 1px solid var(--line, #e3d6b3);
    margin-top: 28px; padding-top: 20px;
    display: flex; gap: 12px; flex-wrap: wrap; align-items: center;
  }
  #uh-recipe-modal .uh-recipe-foot-text {
    flex: 1; min-width: 200px;
    font-size: 13px; color: var(--muted, #6b6457);
  }
  @media (max-width: 640px) {
    #uh-recipe-modal .uh-recipe-grid { grid-template-columns: 1fr; gap: 20px; }
  }
</style>

<script>
  (function () {
    if (window.__uhRecipeModalInit) return;
    window.__uhRecipeModalInit = true;

    var dataEl = document.getElementById('uh-recipes-data');
    if (!dataEl) return;
    var DATA;
    try { DATA = JSON.parse(dataEl.textContent || dataEl.innerText || '{}'); }
    catch (e) { return; }

    var lang = (document.documentElement.lang || 'es').toLowerCase().indexOf('en') === 0 ? 'en' : 'es';
    var modal = document.getElementById('uh-recipe-modal');
    if (!modal) return;

    var prevFocus = null;
    var prevOverflow = '';

    function setText(sel, text) {
      var el = modal.querySelector(sel);
      if (el) el.textContent = text == null ? '' : text;
    }

    function open(index) {
      var list = DATA[lang] || DATA.es || [];
      var r = list[index];
      if (!r) return;

      setText('[data-uh-recipe-time]', r.time);
      setText('[data-uh-recipe-diff]', r.diff);
      setText('[data-uh-recipe-kcal]', r.kcal);
      setText('[data-uh-recipe-name]', r.name);
      setText('[data-uh-recipe-intro]', r.intro);
      setText('[data-uh-recipe-placeholder]', r.image_placeholder || r.name);

      var ing = modal.querySelector('[data-uh-recipe-ingredients]');
      if (ing) {
        ing.innerHTML = '';
        (r.ingredients || []).forEach(function (it) {
          var li = document.createElement('li'); li.textContent = it; ing.appendChild(li);
        });
      }
      var steps = modal.querySelector('[data-uh-recipe-steps]');
      if (steps) {
        steps.innerHTML = '';
        (r.steps || []).forEach(function (s) {
          var li = document.createElement('li'); li.textContent = s; steps.appendChild(li);
        });
      }

      prevFocus = document.activeElement;
      prevOverflow = document.body.style.overflow;
      document.body.style.overflow = 'hidden';
      modal.hidden = false;
      var closeBtn = modal.querySelector('[data-uh-recipe-close]');
      if (closeBtn && typeof closeBtn.focus === 'function') closeBtn.focus();
    }

    function close() {
      modal.hidden = true;
      document.body.style.overflow = prevOverflow;
      if (prevFocus && typeof prevFocus.focus === 'function') {
        try { prevFocus.focus(); } catch (e) {}
      }
    }

    // Close on backdrop click, but not when panel itself is clicked
    modal.addEventListener('click', function (e) {
      if (e.target === modal) close();
    });
    var closeBtn = modal.querySelector('[data-uh-recipe-close]');
    if (closeBtn) closeBtn.addEventListener('click', close);

    // Esc closes
    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape' && !modal.hidden) close();
    });

    // Wire click on any [data-uh-recipe] element
    document.addEventListener('click', function (e) {
      var trigger = e.target.closest ? e.target.closest('[data-uh-recipe]') : null;
      if (!trigger) return;
      var idx = parseInt(trigger.getAttribute('data-uh-recipe'), 10);
      if (isNaN(idx)) return;
      e.preventDefault();
      open(idx);
    });

    // Defensive: also wire recipe-card elements inside .recipes-grid by index
    // (in case the section author hasn't added data-uh-recipe yet).
    var cards = document.querySelectorAll('.recipes-grid .recipe-card');
    cards.forEach(function (card, i) {
      if (card.hasAttribute('data-uh-recipe')) return;
      card.setAttribute('data-uh-recipe', String(i));
      // Prevent navigation when no real URL is set
      var href = card.getAttribute('href');
      if (!href || href === '#') {
        card.setAttribute('role', 'button');
        card.setAttribute('tabindex', '0');
      }
    });

    // Expose for programmatic open if other scripts want it
    window.UH_openRecipeModal = open;
    window.UH_closeRecipeModal = close;
  })();
</script>

    

<script type="application/json" id="uh-legal-data">
{
  "privacy": {
    "title_es": "Política de privacidad",
    "title_en": "Privacy policy",
    "es": "Esta política de privacidad describe cómo Ube House recopila, usa y protege los datos personales que nos facilitas al usar nuestra web o realizar un pedido. Cumplimos con el Reglamento General de Protección de Datos (RGPD) y la LOPDGDD.\n\nDATOS QUE RECOPILAMOS\nEmail, dirección de envío, datos de pago (procesados por nuestro proveedor seguro de pagos), historial de compra, idioma preferido.\n\nCÓMO LOS USAMOS\nPara procesar pedidos, enviarte el producto, atención al cliente, prevenir fraude y, si das tu consentimiento, marketing.\n\nTUS DERECHOS\nAcceso, rectificación, supresión, oposición, portabilidad. Escríbenos a hola@ubehouse.es para ejercerlos.\n\nConservamos los datos el tiempo legalmente necesario y los eliminamos después.",
    "en": "This privacy policy explains how Ube House collects, uses and protects personal data you share when using our site or placing an order. We comply with GDPR.\n\nDATA WE COLLECT\nEmail, shipping address, payment data (processed by our secure payment provider), purchase history, preferred language.\n\nHOW WE USE IT\nTo process orders, deliver products, customer service, prevent fraud and, with your consent, marketing.\n\nYOUR RIGHTS\nAccess, rectification, erasure, objection, portability. Write to hello@ubehouse.es to exercise them.\n\nWe keep data only as long as legally required."
  },
  "terms": {
    "title_es": "Términos y condiciones",
    "title_en": "Terms & conditions",
    "es": "Estos Términos rigen tu uso de Ube House. Al hacer un pedido, aceptas estas condiciones.\n\nPEDIDOS\nLos precios incluyen IVA. Confirmamos pedidos por email. Si un producto está agotado tras pedirlo, te reembolsamos.\n\nENVÍOS\nEnviamos en España peninsular en 2–4 días laborables. Gratis en pedidos +49€.\n\nDEVOLUCIONES\nTienes 30 días desde la recepción para devolverlo sin abrir. Reembolso íntegro al mismo método de pago.\n\nPROPIEDAD INTELECTUAL\nLogo, marca, fotos, textos: todo es de Ube House. No copiar sin permiso.\n\nLEY APLICABLE\nLegislación española. Cualquier disputa se resuelve en los tribunales de Madrid.",
    "en": "These Terms govern your use of Ube House. By placing an order you accept these conditions.\n\nORDERS\nPrices include VAT. We confirm orders by email. If a product is out of stock after ordering, we refund you.\n\nSHIPPING\nWe ship in mainland Spain in 2–4 business days. Free over €49.\n\nRETURNS\n30 days from receipt to return unopened. Full refund to original payment method.\n\nINTELLECTUAL PROPERTY\nLogo, brand, photos, copy: all owned by Ube House. No copying without permission.\n\nGOVERNING LAW\nSpanish law. Any dispute resolved in the courts of Madrid."
  },
  "cookies": {
    "title_es": "Política de cookies",
    "title_en": "Cookie policy",
    "es": "Usamos cookies necesarias (sesión, carrito, idioma) que no requieren consentimiento, y cookies opcionales de analítica y marketing que sí lo requieren.\n\nTIPOS DE COOKIES\nEstrictamente necesarias: funcionamiento. No se pueden desactivar.\nAnalítica: medir tráfico y uso de la web (Google Analytics).\nMarketing: personalizar anuncios (Meta, TikTok Pixel).\n\nGESTIÓN\nPuedes cambiar tus preferencias en cualquier momento haciendo clic en \"Configurar cookies\" al pie de la página, o desde el banner inicial.\n\nDURACIÓN\nLas cookies de sesión expiran al cerrar el navegador. Las persistentes duran como máximo 13 meses.",
    "en": "We use necessary cookies (session, cart, language) that don't require consent, and optional analytics and marketing cookies that do.\n\nCOOKIE TYPES\nStrictly necessary: site functionality. Cannot be disabled.\nAnalytics: traffic measurement (Google Analytics).\nMarketing: ad personalization (Meta, TikTok Pixel).\n\nMANAGEMENT\nYou can change preferences anytime via \"Cookie settings\" in the footer or the initial banner.\n\nDURATION\nSession cookies expire when you close the browser. Persistent ones last 13 months max."
  }
}
</script>

<div id="uh-legal-modal" class="modal-backdrop" hidden role="dialog" aria-modal="true" aria-labelledby="uh-legal-modal-title">
  <div class="modal-panel" style="max-width:640px;">
    <button type="button" class="modal-close" data-uh-legal-close aria-label="Close">
      <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--cream-soft)" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class=""><path d="M6 6l12 12M18 6L6 18"/></svg>
    </button>
    <div class="uh-legal-body">
      <h2 id="uh-legal-modal-title" class="display h-md" data-uh-legal-title>—</h2>
      <p class="uh-legal-updated" data-uh-legal-updated>—</p>
      <div class="uh-legal-text" data-uh-legal-text></div>
    </div>
  </div>
</div>

<style data-shopify>
  #uh-legal-modal[hidden] { display: none !important; }
  #uh-legal-modal .uh-legal-body { padding: 28px 32px 36px; }
  #uh-legal-modal .uh-legal-updated {
    font-size: 12px;
    color: var(--muted, #6b6457);
    margin: 8px 0 24px;
  }
  #uh-legal-modal .uh-legal-text {
    color: var(--ink, #221854);
    font-size: 14px;
    line-height: 1.7;
    white-space: pre-line;
  }
</style>

<script>
  (function () {
    if (window.__uhLegalModalInit) return;
    window.__uhLegalModalInit = true;

    var dataEl = document.getElementById('uh-legal-data');
    if (!dataEl) return;
    var DATA;
    try { DATA = JSON.parse(dataEl.textContent || dataEl.innerText || '{}'); }
    catch (e) { return; }

    var modal = document.getElementById('uh-legal-modal');
    if (!modal) return;

    var isEN = (document.documentElement.lang || 'es').toLowerCase().indexOf('en') === 0;
    var lang = isEN ? 'en' : 'es';
    var titleEl   = modal.querySelector('[data-uh-legal-title]');
    var updatedEl = modal.querySelector('[data-uh-legal-updated]');
    var textEl    = modal.querySelector('[data-uh-legal-text]');
    var closeBtn  = modal.querySelector('[data-uh-legal-close]');

    var prevFocus = null;
    var prevOverflow = '';

    function open(which) {
      var d = DATA[which];
      if (!d) return;
      if (titleEl) titleEl.textContent = lang === 'en' ? d.title_en : d.title_es;
      if (updatedEl) updatedEl.textContent = lang === 'en'
        ? 'Last updated: January 2026'
        : 'Última actualización: enero 2026';
      if (textEl) textEl.textContent = d[lang] || d.es || '';

      prevFocus = document.activeElement;
      prevOverflow = document.body.style.overflow;
      document.body.style.overflow = 'hidden';
      modal.hidden = false;
      if (closeBtn && typeof closeBtn.focus === 'function') closeBtn.focus();
    }

    function close() {
      modal.hidden = true;
      document.body.style.overflow = prevOverflow;
      if (prevFocus && typeof prevFocus.focus === 'function') {
        try { prevFocus.focus(); } catch (e) {}
      }
    }

    modal.addEventListener('click', function (e) {
      if (e.target === modal) close();
    });
    if (closeBtn) closeBtn.addEventListener('click', close);

    document.addEventListener('keydown', function (e) {
      if (e.key === 'Escape' && !modal.hidden) close();
    });

    document.addEventListener('click', function (e) {
      var trigger = e.target.closest ? e.target.closest('[data-uh-legal]') : null;
      if (!trigger) return;
      var which = trigger.getAttribute('data-uh-legal');
      if (!which || !DATA[which]) return;
      e.preventDefault();
      open(which);
    });

    window.UH_openLegalModal = open;
    window.UH_closeLegalModal = close;
  })();
</script>

    
<div id="uh-cookie-banner" class="uh-cookie-banner" role="dialog" aria-modal="false"
     aria-labelledby="uh-cookie-title" hidden>
  <div class="uh-cookie-inner">
    <div class="uh-cookie-text">
      <h3 id="uh-cookie-title" class="uh-cookie-h3">
        Cookies y tu privacidad
      </h3>
      <p class="uh-cookie-body">
        
          Usamos cookies necesarias para que la web funcione, y opcionales para mejorar la experiencia y nuestras campañas. Tú eliges.
        
        <button type="button" class="uh-cookie-link" data-uh-legal="cookies">
          Política de cookies
        </button>
      </p>

      <div class="uh-cookie-prefs" data-uh-cookie-prefs hidden>
        <label class="uh-cookie-row uh-cookie-row--disabled">
          <input type="checkbox" checked disabled>
          <div>
            <div class="uh-cookie-row-label">
              Necesarias (siempre activas)
            </div>
            <div class="uh-cookie-row-desc">
              Sesión, carrito, idioma. Imprescindibles.
            </div>
          </div>
        </label>
        <label class="uh-cookie-row">
          <input type="checkbox" data-uh-cookie-analytics>
          <div>
            <div class="uh-cookie-row-label">
              Analítica
            </div>
            <div class="uh-cookie-row-desc">
              Nos ayuda a entender qué funciona.
            </div>
          </div>
        </label>
        <label class="uh-cookie-row">
          <input type="checkbox" data-uh-cookie-marketing>
          <div>
            <div class="uh-cookie-row-label">
              Marketing
            </div>
            <div class="uh-cookie-row-desc">
              Personalizar anuncios y campañas.
            </div>
          </div>
        </label>
      </div>
    </div>

    <div class="uh-cookie-actions">
      <button type="button" class="btn btn-cream btn-sm" data-uh-cookie-customize>
        Personalizar
      </button>
      <button type="button" class="btn btn-cream btn-sm" data-uh-cookie-reject>
        Solo necesarias
      </button>
      <button type="button" class="btn btn-primary btn-sm" data-uh-cookie-accept>
        <span data-uh-cookie-accept-label>Aceptar todo</span>
      </button>
    </div>
  </div>
</div>

<style data-shopify>
  .uh-cookie-banner {
    position: fixed;
    left: 16px; right: 16px; bottom: 16px;
    z-index: 600;
    background: var(--cream-soft, #faf5e6);
    border: 1px solid var(--line, #e3d6b3);
    border-radius: 18px;
    box-shadow: var(--shadow-lg, 0 12px 40px rgba(34, 24, 84, .18));
    padding: 18px 20px;
    animation: uh-cookie-rise .4s cubic-bezier(.2, 1, .4, 1);
    max-width: 880px;
    margin: 0 auto;
  }
  .uh-cookie-banner[hidden] { display: none !important; }
  @keyframes uh-cookie-rise {
    from { transform: translateY(20px); opacity: 0; }
    to   { transform: translateY(0); opacity: 1; }
  }
  .uh-cookie-inner {
    display: flex; align-items: flex-start; gap: 22px; flex-wrap: wrap;
  }
  .uh-cookie-text { flex: 1; min-width: 240px; }
  .uh-cookie-h3 {
    font-family: var(--font-display, serif);
    font-size: 18px;
    color: var(--purple, #221854);
    margin: 0 0 6px;
    text-transform: uppercase;
  }
  .uh-cookie-body {
    font-size: 13px;
    color: var(--muted, #6b6457);
    line-height: 1.5;
    margin: 0;
  }
  .uh-cookie-link {
    background: none; border: 0; padding: 0;
    color: var(--olive, #5a6b1f);
    font-weight: 700;
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
  }
  .uh-cookie-prefs {
    margin-top: 14px;
    display: flex; flex-direction: column; gap: 10px;
  }
  .uh-cookie-prefs[hidden] { display: none; }
  .uh-cookie-row {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 10px 0;
    border-top: 1px solid var(--line, #e3d6b3);
    cursor: pointer;
  }
  .uh-cookie-row--disabled { cursor: default; opacity: .7; }
  .uh-cookie-row input[type="checkbox"] {
    margin-top: 4px;
    accent-color: var(--olive, #5a6b1f);
  }
  .uh-cookie-row-label {
    font-weight: 700;
    color: var(--purple, #221854);
    font-size: 13px;
  }
  .uh-cookie-row-desc {
    font-size: 12px;
    color: var(--muted, #6b6457);
    margin-top: 2px;
  }
  .uh-cookie-actions {
    display: flex; gap: 8px; flex-wrap: wrap; align-self: center;
  }
  @media (max-width: 640px) {
    .uh-cookie-actions { width: 100%; }
    .uh-cookie-actions .btn { flex: 1; }
  }
</style>

<script>
  (function () {
    if (window.__uhCookieBannerInit) return;
    window.__uhCookieBannerInit = true;

    var KEY = 'uh.cookies';
    var banner = document.getElementById('uh-cookie-banner');
    if (!banner) return;

    var isEN = (document.documentElement.lang || 'es').toLowerCase().indexOf('en') === 0;

    var btnCustomize = banner.querySelector('[data-uh-cookie-customize]');
    var btnReject    = banner.querySelector('[data-uh-cookie-reject]');
    var btnAccept    = banner.querySelector('[data-uh-cookie-accept]');
    var lblAccept    = banner.querySelector('[data-uh-cookie-accept-label]');
    var prefsWrap    = banner.querySelector('[data-uh-cookie-prefs]');
    var cbAnalytics  = banner.querySelector('[data-uh-cookie-analytics]');
    var cbMarketing  = banner.querySelector('[data-uh-cookie-marketing]');

    var expanded = false;

    function getStored() {
      try { return JSON.parse(localStorage.getItem(KEY) || 'null'); }
      catch (e) { return null; }
    }

    function applyConsent(prefs) {
      // Hook into Shopify's customer privacy API if present
      try {
        if (window.Shopify && window.Shopify.customerPrivacy &&
            typeof window.Shopify.customerPrivacy.setTrackingConsent === 'function') {
          window.Shopify.customerPrivacy.setTrackingConsent({
            analytics: !!prefs.analytics,
            marketing: !!prefs.marketing,
            preferences: !!prefs.analytics,
            sale_of_data: !!prefs.marketing
          }, function () { /* no-op */ });
        }
      } catch (e) { /* ignore */ }

      // Custom event for any listeners
      try {
        document.dispatchEvent(new CustomEvent('uh:cookie-consent', { detail: prefs }));
      } catch (e) { /* ignore */ }
    }

    function persist(prefs) {
      var payload = {
        necessary: true,
        analytics: !!prefs.analytics,
        marketing: !!prefs.marketing,
        ts: Date.now()
      };
      try { localStorage.setItem(KEY, JSON.stringify(payload)); } catch (e) {}
      applyConsent(payload);
      hide();
    }

    function show() { banner.hidden = false; }
    function hide() { banner.hidden = true; }

    function setExpanded(v) {
      expanded = v;
      if (prefsWrap) prefsWrap.hidden = !v;
      if (btnCustomize) btnCustomize.hidden = v;
      if (lblAccept) {
        lblAccept.textContent = v
          ? (isEN ? 'Save preferences' : 'Guardar preferencias')
          : (isEN ? 'Accept all' : 'Aceptar todo');
      }
    }

    if (btnCustomize) btnCustomize.addEventListener('click', function () { setExpanded(true); });
    if (btnReject)    btnReject.addEventListener('click', function () {
      persist({ analytics: false, marketing: false });
    });
    if (btnAccept)    btnAccept.addEventListener('click', function () {
      if (expanded) {
        persist({
          analytics: !!(cbAnalytics && cbAnalytics.checked),
          marketing: !!(cbMarketing && cbMarketing.checked)
        });
      } else {
        persist({ analytics: true, marketing: true });
      }
    });

    // Init visibility
    var stored = getStored();
    if (!stored) {
      show();
    } else {
      // Re-apply consent on every page load so analytics scripts can react
      applyConsent(stored);
    }

    // Allow external code to reopen the banner
    window.UH_openCookieBanner = function () {
      setExpanded(false);
      show();
    };
  })();
</script>


    <ul hidden>
      <li id="a11y-refresh-page-message">Al seleccionar una opción, se actualiza toda la página.</li>
      <li id="a11y-new-window-message">Se abre en una nueva ventana.</li>
    </ul>

    <script>
      window.shopUrl = 'https://www.ubehouse.com';
      window.routes = {
        cart_add_url: '/cart/add',
        cart_change_url: '/cart/change',
        cart_update_url: '/cart/update',
        cart_url: '/cart',
        predictive_search_url: '/search/suggest',
      };

      window.cartStrings = {
        error: `Hubo un error al actualizar tu carrito de compra. Inténtalo de nuevo.`,
        quantityError: `Solo puedes agregar [quantity] de este artículo a tu carrito.`,
      };

      window.variantStrings = {
        addToCart: `Agregar al carrito`,
        soldOut: `Agotado`,
        unavailable: `No disponible`,
      };
    </script><script>
      (function () {
        var REVEAL_TIMEOUT = 600;
        function flush() {
          document.documentElement.classList.add('uh-reveal-ready');
          var nodes = document.querySelectorAll('.reveal:not(.in)');
          for (var i = 0; i < nodes.length; i++) nodes[i].classList.add('in');
        }
        if (document.readyState === 'complete' || document.readyState === 'interactive') {
          setTimeout(flush, REVEAL_TIMEOUT); 
        } else {
          window.addEventListener('DOMContentLoaded', function () { setTimeout(flush, REVEAL_TIMEOUT); });
        }
        /* Honor reduced motion: reveal immediately */
        try {
          if (window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches) flush();
        } catch (e) {}
      })();
    </script>
  <script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
