{"id":752,"date":"2026-05-08T08:45:11","date_gmt":"2026-05-08T08:45:11","guid":{"rendered":"https:\/\/kalagreekfrozenyogurt.com\/kala-greek-frozen-yogurt\/"},"modified":"2026-07-15T11:04:39","modified_gmt":"2026-07-15T11:04:39","slug":"kala-greek-frozen-yogurt","status":"publish","type":"page","link":"https:\/\/kalagreekfrozenyogurt.com\/en\/","title":{"rendered":"Kala &#8211; Greek Frozen Yogurt"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"752\" class=\"elementor elementor-752 elementor-13\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd56890 e-con-full e-flex e-con e-parent\" data-id=\"dd56890\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a5d52d elementor-widget elementor-widget-html\" data-id=\"1a5d52d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.kala-hero {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--kala-crema);\r\n    min-height: 100vh;\r\n    box-sizing: border-box;\r\n    overflow: hidden;\r\n    \/* Aire lateral sim\u00e9trico + reserva para el header fijo (el header es\r\n       position:fixed, as\u00ed que el hero hereda y=0; --kala-hdr-h evita que\r\n       el header tape el primer pantallazo). *\/\r\n    padding: var(--kala-hdr-h, 0px) clamp(48px, 6vw, 96px) 0;\r\n  }\r\n\r\n  .kala-hero__grid {\r\n    width: 100%;\r\n    \/* Descontar la altura del header para que el contenido centrado quede\r\n       en el centro VISIBLE del viewport, no en el centro del hero+padding. *\/\r\n    min-height: calc(100vh - var(--kala-hdr-h, 0px));\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: stretch;\r\n    \/* Hueco central igual al lateral \u2192 tres huecos visualmente iguales. *\/\r\n    gap: clamp(48px, 6vw, 96px);\r\n  }\r\n\r\n  \/* \u2500\u2500 Columna izquierda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  \/* Bloque centrado dentro de su mitad: contenido alineado al centro\r\n     vertical y horizontalmente, para que se lea como un \u00fanico elemento\r\n     equilibrado frente al arco de la derecha. *\/\r\n  .kala-hero__left {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    padding: clamp(96px, 12vh, 140px) 0 clamp(48px, 8vh, 96px);\r\n    gap: clamp(20px, 2.5vw, 32px);\r\n  }\r\n\r\n  .kala-hero__logo {\r\n    display: block !important;\r\n    width: clamp(190px, 17vw, 275px) !important;\r\n    height: auto !important;\r\n    margin: 0 !important;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  \/* Claim: mismo estilo que ten\u00eda el slogan original (sans, normal,\r\n     oc\u00e9ano, peque\u00f1o). Se mantiene como <h1> sem\u00e1ntico, pero los estilos\r\n     de UA y de Elementor se pisan con !important. *\/\r\n  .kala-hero__title {\r\n    font-family: var(--kala-sans) !important;\r\n    font-weight: 400 !important;\r\n    font-style: normal !important;\r\n    font-size: clamp(18px, 1.9vw, 24px) !important;\r\n    color: var(--kala-oceano) !important;\r\n    line-height: var(--kala-lh-snug) !important;\r\n    letter-spacing: 0.06em !important;\r\n    text-transform: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    text-align: center !important;\r\n    opacity: 0;\r\n    transform: translateY(16px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-hero__title em {\r\n    font-family: var(--kala-sans) !important;\r\n    font-style: italic !important;\r\n    font-weight: 400 !important;\r\n  }\r\n\r\n  .kala-hero__cta-wrap {\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-hero__cta {\r\n    display: inline-block;\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(11px, 0.9vw, 13px);\r\n    color: var(--kala-oceano);\r\n    text-decoration: none;\r\n    letter-spacing: 0.26em;\r\n    text-transform: uppercase;\r\n    padding: 14px 36px;\r\n    border: 1px solid var(--kala-oceano-20);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: background var(--kala-transition), color var(--kala-transition), border-color var(--kala-transition);\r\n  }\r\n\r\n  .kala-hero__cta:hover,\r\n  .kala-hero__cta:focus-visible {\r\n    background: var(--kala-oceano);\r\n    color: var(--kala-crema);\r\n    border-color: var(--kala-oceano);\r\n  }\r\n\r\n  \/* \u2500\u2500 Columna derecha \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .kala-hero__right {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .kala-hero__arch {\r\n    height: clamp(420px, 82vh, 820px);\r\n    width: auto;\r\n    display: block;\r\n    opacity: 0;\r\n    transform: translateY(28px) scale(0.97);\r\n    transform-origin: bottom center;\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-hero__arch svg {\r\n    height: 100%;\r\n    width: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* ===================== TABLET ===================== *\/\r\n  @media (max-width: 900px) and (min-width: 641px) {\r\n    .kala-hero { padding: 0 clamp(28px, 4vw, 56px); }\r\n    .kala-hero__grid { gap: clamp(28px, 4vw, 56px); }\r\n    .kala-hero__left { padding: clamp(96px, 14vh, 140px) 0 clamp(40px, 6vh, 72px); }\r\n    .kala-hero__arch { height: clamp(380px, 70vh, 640px); }\r\n  }\r\n\r\n  \/* ===================== MOBILE ===================== *\/\r\n  @media (max-width: 640px) {\r\n    .kala-hero      { min-height: auto; padding: 0 clamp(20px, 5vw, 32px); }\r\n\r\n    .kala-hero__grid {\r\n      grid-template-columns: 1fr;\r\n      min-height: auto;\r\n      gap: 0;\r\n    }\r\n\r\n    \/* En m\u00f3vil, el arco arriba y el texto debajo *\/\r\n    .kala-hero__right { order: 1; padding-top: clamp(80px, 14vh, 120px); }\r\n    .kala-hero__left  {\r\n      order: 2;\r\n      padding: clamp(28px, 6vh, 48px) 0 clamp(56px, 10vh, 88px);\r\n      gap: clamp(18px, 4vw, 24px);\r\n    }\r\n\r\n    .kala-hero__title  { font-size: clamp(13px, 4vw, 17px) !important; }\r\n    .kala-hero__logo   { width: clamp(150px, 40vw, 200px) !important; }\r\n    .kala-hero__arch   { height: clamp(280px, 48vh, 420px); }\r\n    .kala-hero__cta    { font-size: clamp(11px, 3.5vw, 13px); padding: 14px 32px; letter-spacing: 0.22em; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .kala-hero__logo,\r\n    .kala-hero__title,\r\n    .kala-hero__cta-wrap,\r\n    .kala-hero__arch {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style><section class=\"kala-hero\" aria-label=\"Home\"><div class=\"kala-hero__grid\"><div class=\"kala-hero__left\"><img class=\"kala-hero__logo\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/KALA-logo-azul.png\" alt=\"Kala\" decoding=\"async\"\/><h1 class=\"kala-hero__title\">A pause full of <em>meraki<\/em>.\r\n      <\/h1><div class=\"kala-hero__cta-wrap\"><a href=\"https:\/\/kalagreekfrozenyogurt.com\/en\/about-us\/\" class=\"kala-hero__cta\">Discover Kala<\/a><\/div><\/div><div class=\"kala-hero__right\"><div class=\"kala-hero__arch\"><svg viewBox=\"0 0 280 390\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><defs><clipPath id=\"kala-hero-arch-clip\"><path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\/><\/clipPath><\/defs><image\r\n            href=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/kala-greek-frozen-yogur-scaled.jpg\"\r\n            x=\"-25\" y=\"-20\"\r\n            width=\"330\" height=\"430\"\r\n            preserveAspectRatio=\"xMidYMid slice\"\r\n            clip-path=\"url(#kala-hero-arch-clip)\"\/><path\r\n            d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\r\n            fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" opacity=\"0.3\"\r\n            style=\"color: var(--kala-oceano);\"\/><\/svg><\/div><\/div><\/div><\/section><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script><script>(function () {\r\n  'use strict';\r\n\r\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    document.querySelectorAll(\r\n      '.kala-hero__logo,.kala-hero__title,.kala-hero__cta-wrap,.kala-hero__arch'\r\n    ).forEach(function (el) {\r\n      el.style.opacity = '1';\r\n      el.style.transform = 'none';\r\n    });\r\n    return;\r\n  }\r\n\r\n  function init() {\r\n    if (typeof gsap === 'undefined') return;\r\n\r\n    var tl = gsap.timeline({ delay: 0.08 });\r\n\r\n    tl.to('.kala-hero__arch', {\r\n      opacity: 1, y: 0, scale: 1,\r\n      duration: 1.3, ease: 'expo.out'\r\n    });\r\n\r\n    tl.to('.kala-hero__logo', {\r\n      opacity: 1, y: 0,\r\n      duration: 0.6, ease: 'power3.out'\r\n    }, '-=0.95');\r\n\r\n    tl.to('.kala-hero__title', {\r\n      opacity: 1, y: 0,\r\n      duration: 0.7, ease: 'power3.out'\r\n    }, '-=0.45');\r\n\r\n    tl.to('.kala-hero__cta-wrap', {\r\n      opacity: 1, y: 0,\r\n      duration: 0.55, ease: 'power3.out'\r\n    }, '-=0.4');\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96cf7ac e-con-full e-flex e-con e-parent\" data-id=\"96cf7ac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ae09dd elementor-widget elementor-widget-html\" data-id=\"1ae09dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.kala-s2 {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--kala-crema);\r\n    box-sizing: border-box;\r\n    overflow-x: clip;\r\n  }\r\n\r\n  .kala-s2__inner {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    align-items: start;\r\n    padding: 0 6vw;\r\n    position: relative;\r\n  }\r\n\r\n  .kala-s2__inner::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    top: 20vh;\r\n    bottom: 0vh;\r\n    width: 1px;\r\n    background: var(--kala-oceano-20);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .kala-s2__left {\r\n    position: sticky;\r\n    top: 14vh;\r\n    align-self: start;\r\n    padding-top: 28vh;\r\n    padding-right: 5vw;\r\n    padding-bottom: 2vh;\r\n    text-align: right;\r\n    opacity: 0;\r\n    will-change: opacity;\r\n  }\r\n\r\n  .kala-s2__title {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(20px, 2.4vw, 36px);\r\n    color: var(--kala-klein);\r\n    line-height: var(--kala-lh-snug);\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s2__cta-wrap {\r\n    margin-top: var(--kala-space-md) !important;\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s2__btn {\r\n    display: inline-block;\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(11px, 0.9vw, 13px);\r\n    color: var(--kala-oceano);\r\n    text-decoration: none;\r\n    letter-spacing: 0.26em;\r\n    text-transform: uppercase;\r\n    padding: 14px 36px;\r\n    border: 1px solid var(--kala-oceano-20);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: background var(--kala-transition), color var(--kala-transition), border-color var(--kala-transition);\r\n  }\r\n\r\n  .kala-s2__btn:hover {\r\n    background: var(--kala-oceano);\r\n    color: var(--kala-crema);\r\n    border-color: var(--kala-oceano);\r\n  }\r\n\r\n  .kala-s2__right {\r\n    padding: 44vh 0 11vh 5vw;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 42vh;\r\n  }\r\n\r\n  .kala-s2__def {\r\n    opacity: 0;\r\n    transform: translateY(24px);\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .kala-s2__def-word {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(24px, 3vw, 44px);\r\n    color: var(--kala-oceano);\r\n    line-height: 1;\r\n    margin: 0 0 var(--kala-space-sm) 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .kala-s2__kala-logo {\r\n    display: block;\r\n    height: clamp(18px, 2.2vw, 34px);\r\n    width: auto;\r\n    margin-bottom: var(--kala-space-sm);\r\n  }\r\n\r\n  .kala-s2__def-text {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(14px, 1.35vw, 18px);\r\n    color: var(--kala-oceano);\r\n    line-height: var(--kala-lh-relaxed);\r\n    max-width: 360px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .kala-s2__spacer { height: 18vh; }\r\n\r\n  \/* ===================== TABLET ===================== *\/\r\n  @media (max-width: 900px) and (min-width: 641px) {\r\n    .kala-s2__left  { padding-top: 22vh; }\r\n    .kala-s2__right { padding: 36vh 0 9vh 4vw; gap: 38vh; }\r\n    .kala-s2__title { font-size: clamp(19px, 3vw, 28px); }\r\n  }\r\n\r\n  \/* ===================== MOBILE ===================== *\/\r\n  @media (max-width: 640px) {\r\n\r\n    .kala-s2__inner {\r\n      display: flex;\r\n      flex-direction: column;\r\n      padding: 0;\r\n    }\r\n\r\n    .kala-s2__inner::before { display: none; }\r\n\r\n    \/* En flujo (relative): el texto sube con el scroll. Al llegar arriba,\r\n       GSAP lo clava con position:fixed (pinType:'fixed') \u2192 sin vibraci\u00f3n.\r\n       Fondo crema para tapar las definiciones que pasan por detr\u00e1s. *\/\r\n    .kala-s2__left {\r\n      position: relative;\r\n      width: 100%;\r\n      box-sizing: border-box;\r\n      padding: var(--kala-space-md) 5vw var(--kala-space-lg);\r\n      background: var(--kala-crema);\r\n      z-index: var(--kala-z-above);\r\n      text-align: center;\r\n      opacity: 1;\r\n      will-change: auto;\r\n    }\r\n\r\n    .kala-s2__title {\r\n      font-size: clamp(18px, 6vw, 25px);\r\n      will-change: auto;\r\n    }\r\n\r\n    .kala-s2__cta-wrap { display: none !important; }\r\n\r\n    .kala-s2__right {\r\n      padding: 30vh 0 10vw 0;\r\n      gap: 32vh;\r\n    }\r\n\r\n    .kala-s2__spacer { height: 6vh; }\r\n\r\n    .kala-s2__def {\r\n      position: relative;\r\n      z-index: 1;\r\n    }\r\n\r\n    .kala-s2__def-word  { font-size: clamp(30px, 11vw, 54px); }\r\n    .kala-s2__kala-logo { height: clamp(22px, 7.5vw, 40px); }\r\n    .kala-s2__def-text  { font-size: clamp(15px, 4.5vw, 20px); max-width: 100%; }\r\n\r\n    [data-kala-def=\"meraki\"],\r\n    [data-kala-def=\"kala\"] {\r\n      text-align: left;\r\n      padding-left: 10vw;\r\n      padding-right: 20vw;\r\n    }\r\n\r\n    [data-kala-def=\"filoxenia\"] {\r\n      text-align: right;\r\n      padding-left: 20vw;\r\n      padding-right: 10vw;\r\n    }\r\n\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .kala-s2__left, .kala-s2__title, .kala-s2__def, .kala-s2__cta-wrap {\r\n      opacity: 1 !important; transform: none !important;\r\n    }\r\n  }\r\n\r\n  \/* ===== CTA M\u00d3VIL: bloque independiente ===== *\/\r\n  .kala-s2-cta {\r\n    display: none; \/* oculto en desktop *\/\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .kala-s2-cta {\r\n      display: flex;\r\n      justify-content: center;\r\n      width: 100vw;\r\n      position: relative;\r\n      left: 50%;\r\n      margin-left: -50vw;\r\n      background: var(--kala-crema);\r\n      padding: 0 12vw 14vw;\r\n      box-sizing: border-box;\r\n      opacity: 0;\r\n      transform: translateY(24px);\r\n      will-change: opacity, transform;\r\n    }\r\n\r\n    .kala-s2-cta .kala-s2__btn {\r\n      font-size: clamp(11px, 3.5vw, 14px);\r\n      padding: 14px 32px;\r\n    }\r\n  }\r\n<\/style><section class=\"kala-s2\" aria-label=\"Kala philosophy\"><div class=\"kala-s2__inner\"><div class=\"kala-s2__left\"><p class=\"kala-s2__title\">In a fast-paced world, offering<br>warmth is an act of resistance.<\/p><div class=\"kala-s2__cta-wrap\"><a href=\"https:\/\/kalagreekfrozenyogurt.com\/en\/about-us\/\" class=\"kala-s2__btn\">Discover more<\/a><\/div><\/div><div class=\"kala-s2__right\"><div class=\"kala-s2__def\" data-kala-def=\"meraki\"><p class=\"kala-s2__def-word\">meraki.<\/p><p class=\"kala-s2__def-text\">Doing things with soul, love and dedication. The invisible thread that connects what we do with how we do it.<\/p><\/div><div class=\"kala-s2__def\" data-kala-def=\"filoxenia\"><p class=\"kala-s2__def-word\">filoxenia.<\/p><p class=\"kala-s2__def-text\">Sincere hospitality. Welcoming each person with care, so they feel seen, welcome and at home.<\/p><\/div><div class=\"kala-s2__def\" data-kala-def=\"kala\"><img class=\"kala-s2__kala-logo\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/KALA-logo-azul.png\" alt=\"Kala\" loading=\"lazy\" decoding=\"async\" style=\"display:block; height:clamp(18px,2.2vw,34px); width:auto;\"\/><p class=\"kala-s2__def-text\">We believe a pause can transform a day, and that a spoonful can awaken a memory. That's who we are.<\/p><\/div><\/div><\/div><div class=\"kala-s2__spacer\"><\/div><\/section><!-- CTA m\u00f3vil: secci\u00f3n independiente, solo visible en mobile --><div class=\"kala-s2-cta\"><a href=\"https:\/\/kalagreekfrozenyogurt.com\/en\/about-us\/\" class=\"kala-s2__btn\">Discover more<\/a><\/div><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js\"><\/script><script>(function () {\r\n  'use strict';\r\n\r\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    document.querySelectorAll('.kala-s2__left,.kala-s2__title,.kala-s2__def,.kala-s2__cta-wrap,.kala-s2-cta').forEach(function (el) {\r\n      el.style.opacity = '1'; el.style.transform = 'none';\r\n    });\r\n    return;\r\n  }\r\n\r\n  function init() {\r\n    if (typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') {\r\n      gsap.registerPlugin(ScrollTrigger);\r\n      ScrollTrigger.config({ fastScrollEnd: true, preventOverlaps: true, ignoreMobileResize: true });\r\n    }\r\n\r\n    var isMobile = window.innerWidth <= 640;\r\n    var leftEl   = document.querySelector('.kala-s2__left');\r\n    var ctaWrap  = document.querySelector('.kala-s2__cta-wrap');\r\n    var ctaMob   = document.querySelector('.kala-s2-cta');\r\n    var ctaShown = false;\r\n\r\n    \/* Frase (SOLO desktop): fade in al entrar. En m\u00f3vil est\u00e1 siempre\r\n       visible (opacity:1) y la maneja el pin de abajo. *\/\r\n    if (!isMobile) {\r\n      new IntersectionObserver(function (entries) {\r\n        if (entries[0].isIntersecting) {\r\n          gsap.to(leftEl, { opacity: 1, duration: 1.4, ease: 'expo.out' });\r\n        }\r\n      }, { threshold: 0.05 }).observe(leftEl);\r\n    }\r\n\r\n    \/* CTA m\u00f3vil independiente: fade in al entrar en viewport *\/\r\n    if (isMobile && ctaMob) {\r\n      new IntersectionObserver(function (entries, obs) {\r\n        if (entries[0].isIntersecting) {\r\n          gsap.fromTo(ctaMob, { opacity: 0, y: 24 }, { opacity: 1, y: 0, duration: 0.9, ease: 'power3.out' });\r\n          obs.disconnect();\r\n        }\r\n      }, { threshold: 0.3 }).observe(ctaMob);\r\n    }\r\n\r\n    if (typeof ScrollTrigger === 'undefined') {\r\n      if (!isMobile) gsap.to(leftEl, { opacity: 1, duration: 1.0, ease: 'power3.out' });\r\n      document.querySelectorAll('[data-kala-def]').forEach(function (el) {\r\n        new IntersectionObserver(function (entries, obs) {\r\n          if (entries[0].isIntersecting) {\r\n            gsap.to(el, { opacity: 1, y: 0, duration: 1.2, ease: 'power3.out' });\r\n            obs.disconnect();\r\n          }\r\n        }, { rootMargin: '-33% 0px -33% 0px' }).observe(el);\r\n      });\r\n      return;\r\n    }\r\n\r\n    var stEnd = isMobile ? 'bottom 50%' : 'bottom 42%';\r\n\r\n    document.querySelectorAll('[data-kala-def]').forEach(function (el) {\r\n      var type = el.getAttribute('data-kala-def');\r\n\r\n      ScrollTrigger.create({\r\n        trigger: el,\r\n        start: 'top 65%',\r\n        end:   stEnd,\r\n\r\n        onEnter: function () {\r\n          gsap.killTweensOf(el);\r\n          gsap.fromTo(el,\r\n            { opacity: 0, y: 24 },\r\n            { opacity: 1, y: 0, duration: 0.9, ease: 'power3.out', overwrite: true }\r\n          );\r\n          if (type === 'filoxenia' && ctaWrap && !ctaShown && !isMobile) {\r\n            ctaShown = true;\r\n            gsap.killTweensOf(ctaWrap);\r\n            gsap.to(ctaWrap, { opacity: 1, y: 0, duration: 0.8, ease: 'power3.out', delay: 0.3, overwrite: true });\r\n          }\r\n        },\r\n\r\n        onLeave: function () {\r\n          gsap.killTweensOf(el);\r\n          gsap.to(el, { opacity: 0, y: -24, duration: 0.55, ease: 'power2.in', overwrite: true });\r\n        },\r\n\r\n        onEnterBack: function () {\r\n          gsap.killTweensOf(el);\r\n          gsap.fromTo(el,\r\n            { opacity: 0, y: -24 },\r\n            { opacity: 1, y: 0, duration: 0.9, ease: 'power3.out', overwrite: true }\r\n          );\r\n          if (type === 'filoxenia' && ctaWrap && !ctaShown && !isMobile) {\r\n            ctaShown = true;\r\n            gsap.to(ctaWrap, { opacity: 1, y: 0, duration: 0.8, ease: 'power3.out', delay: 0.2, overwrite: true });\r\n          }\r\n        },\r\n\r\n        onLeaveBack: function () {\r\n          gsap.killTweensOf(el);\r\n          gsap.to(el, { opacity: 0, y: 24, duration: 0.55, ease: 'power2.in', overwrite: true });\r\n        }\r\n      });\r\n    });\r\n\r\n    \/* ===== M\u00d3VIL: PIN ESTABLE =====\r\n       El bloque sube en el flujo y al llegar a 64px se clava con GSAP\r\n       forzando pinType:'fixed'. position:fixed es lo \u00fanico que iOS mantiene\r\n       quieto en scroll (lo lleva el compositor, sin recalcular cada frame)\r\n       \u2192 adi\u00f3s vibraci\u00f3n. pinSpacing:false hace que las definiciones pasen\r\n       por detr\u00e1s, exactamente igual que el sticky. *\/\r\n    if (isMobile && leftEl) {\r\n      ScrollTrigger.create({\r\n        trigger: leftEl,\r\n        start: 'top top+=64',\r\n        endTrigger: '.kala-s2__right',\r\n        end: 'bottom top',\r\n        pin: true,\r\n        pinType: 'fixed',\r\n        pinSpacing: false,\r\n        anticipatePin: 1,\r\n        onRefresh: function (self) {\r\n          if (self.pin)    self.pin.style.width = '100%';\r\n          if (self.spacer) self.spacer.style.width = '100%';\r\n        }\r\n      });\r\n\r\n      \/* Se desvanece suave al final (antes de soltarse, para que no d\u00e9\r\n         ning\u00fan salto al despinnearse). *\/\r\n      gsap.to(leftEl, {\r\n        opacity: 0,\r\n        ease: 'none',\r\n        scrollTrigger: {\r\n          trigger: '.kala-s2__right',\r\n          start: 'bottom 45%',\r\n          end: 'bottom top+=120',\r\n          scrub: 0.3\r\n        }\r\n      });\r\n    }\r\n\r\n    \/* Recalcular medidas tras carga \/ render de Elementor *\/\r\n    window.addEventListener('load', function () { ScrollTrigger.refresh(); });\r\n    if (window.elementorFrontend && window.elementorFrontend.hooks) {\r\n      elementorFrontend.hooks.addAction('frontend\/element_ready\/global', function () {\r\n        ScrollTrigger.refresh();\r\n      });\r\n    }\r\n\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2a72887 e-con-full e-flex e-con e-parent\" data-id=\"2a72887\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc456e5 elementor-widget elementor-widget-html\" data-id=\"fc456e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .kala-s3 {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--kala-crema);\r\n    box-sizing: border-box;\r\n    overflow-x: clip;\r\n    padding: 10vw 6vw 0;\r\n  }\r\n\r\n  .kala-s3__intro {\r\n    text-align: center;\r\n    margin-bottom: clamp(48px, 6vw, 88px);\r\n  }\r\n\r\n  .kala-s3__supertitle {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(10px, 0.9vw, 12px);\r\n    letter-spacing: var(--kala-ls-widest);\r\n    color: var(--kala-oceano);\r\n    text-transform: uppercase;\r\n    margin: 0 0 var(--kala-space-sm) 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .kala-s3__headline {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(26px, 3.2vw, 48px);\r\n    color: var(--kala-klein);\r\n    line-height: var(--kala-lh-tight);\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  \/* ---- Product grid ---- *\/\r\n  .kala-s3__products {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: clamp(28px, 5vw, 72px);\r\n    margin-bottom: clamp(72px, 9vw, 120px);\r\n  }\r\n\r\n  .kala-s3__card {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n\r\n  .kala-s3__card-svg {\r\n    width: clamp(130px, 16vw, 220px);\r\n    height: auto;\r\n    display: block;\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .kala-s3__card-name {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(18px, 2vw, 28px);\r\n    color: var(--kala-oceano);\r\n    text-align: center;\r\n    margin: clamp(16px, 1.8vw, 24px) 0 10px 0 !important;\r\n    padding: 0 !important;\r\n    line-height: var(--kala-lh-snug);\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .kala-s3__card-text {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(13px, 1.1vw, 15px);\r\n    color: var(--kala-oceano);\r\n    opacity: 0;\r\n    text-align: center;\r\n    line-height: var(--kala-lh-relaxed);\r\n    max-width: 260px;\r\n    margin: 0 0 clamp(24px, 4vw, 48px) 0 !important;\r\n    padding: 0 !important;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  \/* ---- Toppings ---- *\/\r\n  .kala-s3__toppings-header {\r\n    display: flex;\r\n    align-items: baseline;\r\n    gap: clamp(16px, 3vw, 40px);\r\n    margin-bottom: clamp(28px, 3vw, 44px);\r\n  }\r\n\r\n  .kala-s3__toppings-label {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(10px, 0.9vw, 12px);\r\n    letter-spacing: var(--kala-ls-widest);\r\n    color: var(--kala-oceano);\r\n    text-transform: uppercase;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .kala-s3__toppings-copy {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(16px, 1.6vw, 22px);\r\n    color: var(--kala-klein);\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    line-height: var(--kala-lh-snug);\r\n  }\r\n\r\n  \/* ---- Mosaico (layout del sketch) ---- *\/\r\n  .kala-s3__mosaic {\r\n    display: grid;\r\n    grid-template-columns: 1.1fr 1.2fr 0.8fr 1fr 1.3fr 0.9fr;\r\n    grid-template-rows: 260px 200px;\r\n    gap: 18px;\r\n    padding-bottom: clamp(60px, 8vw, 100px);\r\n  }\r\n\r\n  \/* Imagen centrada por defecto; ajusta --pos-x y --pos-y por celda *\/\r\n  .kala-s3__mosaic-item {\r\n    overflow: hidden;\r\n    opacity: 0;\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .kala-s3__mosaic-item img {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: var(--pos-x, 50%) var(--pos-y, 50%);\r\n  }\r\n\r\n  \/* 1: frutos-rojos \u2014 tall portrait, col 1, rows 1-2 *\/\r\n  .kala-s3__mosaic-item:nth-child(1) {\r\n    grid-column: 1; grid-row: 1 \/ 3;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 2: backlava \u2014 wide horizontal, cols 2-3, row 1 *\/\r\n  .kala-s3__mosaic-item:nth-child(2) {\r\n    grid-column: 2 \/ 4; grid-row: 1;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 3: coconut \u2014 small, col 2, row 2 *\/\r\n  .kala-s3__mosaic-item:nth-child(3) {\r\n    grid-column: 2; grid-row: 2;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 4: toppings \u2014 small, col 4, row 1 *\/\r\n  .kala-s3__mosaic-item:nth-child(4) {\r\n    grid-column: 4; grid-row: 1;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 5: fresas \u2014 wide horizontal, cols 3-4, row 2 *\/\r\n  .kala-s3__mosaic-item:nth-child(5) {\r\n    grid-column: 3 \/ 5; grid-row: 2;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 6: toppings-kala \u2014 tall portrait, col 5, rows 1-2 *\/\r\n  .kala-s3__mosaic-item:nth-child(6) {\r\n    grid-column: 5; grid-row: 1 \/ 3;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 7: sweet \u2014 small, col 6, row 1 *\/\r\n  .kala-s3__mosaic-item:nth-child(7) {\r\n    grid-column: 6; grid-row: 1;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n  \/* 8: tropical \u2014 small, col 6, row 2 *\/\r\n  .kala-s3__mosaic-item:nth-child(8) {\r\n    grid-column: 6; grid-row: 2;\r\n    --pos-x: 50%; --pos-y: 50%;\r\n  }\r\n\r\n  \/* ---- Tablet ---- *\/\r\n  @media (max-width: 900px) {\r\n    .kala-s3__products {\r\n      grid-template-columns: 1fr 1fr;\r\n      gap: clamp(32px, 5vw, 56px) clamp(20px, 4vw, 40px);\r\n      max-width: 720px;\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n    }\r\n    .kala-s3__card-svg { width: clamp(140px, 28vw, 220px); }\r\n    .kala-s3__card:nth-child(3) {\r\n      grid-column: 1 \/ -1;\r\n      max-width: 360px;\r\n      justify-self: center;\r\n    }\r\n    .kala-s3__mosaic {\r\n      grid-template-columns: 1fr 1fr 1fr;\r\n      grid-template-rows:\r\n        clamp(180px, 28vw, 240px)\r\n        clamp(180px, 28vw, 240px)\r\n        clamp(140px, 22vw, 200px)\r\n        clamp(140px, 22vw, 200px);\r\n      gap: 12px;\r\n    }\r\n    .kala-s3__mosaic-item:nth-child(1) { grid-column: 1; grid-row: 1 \/ 3; }\r\n    .kala-s3__mosaic-item:nth-child(2) { grid-column: 2 \/ 4; grid-row: 1; }\r\n    .kala-s3__mosaic-item:nth-child(3) { grid-column: 2; grid-row: 2; }\r\n    .kala-s3__mosaic-item:nth-child(4) { grid-column: 3; grid-row: 2; }\r\n    .kala-s3__mosaic-item:nth-child(5) { grid-column: 1 \/ 3; grid-row: 3; }\r\n    .kala-s3__mosaic-item:nth-child(6) { grid-column: 3; grid-row: 3; }\r\n    \/* 4\u00aa fila: inversa de la 3\u00aa para alternar ritmo (small left + wide right) *\/\r\n    .kala-s3__mosaic-item:nth-child(7) { display: block; grid-column: 1; grid-row: 4; }\r\n    .kala-s3__mosaic-item:nth-child(8) { display: block; grid-column: 2 \/ 4; grid-row: 4; }\r\n  }\r\n\r\n  \/* ---- Mobile ---- *\/\r\n  @media (max-width: 640px) {\r\n    .kala-s3 { padding: 14vw 6vw 0; }\r\n    .kala-s3__products {\r\n      grid-template-columns: 1fr;\r\n      gap: 44px;\r\n      max-width: none;\r\n    }\r\n    .kala-s3__card:nth-child(3) {\r\n      grid-column: auto;\r\n      max-width: none;\r\n      justify-self: stretch;\r\n    }\r\n    .kala-s3__card-svg { width: clamp(140px, 48vw, 220px); }\r\n    .kala-s3__card-text { max-width: 320px; }\r\n    .kala-s3__toppings-header {\r\n      flex-direction: column;\r\n      align-items: flex-start;\r\n      gap: 10px;\r\n    }\r\n    .kala-s3__toppings-label { white-space: normal; }\r\n    .kala-s3__mosaic {\r\n      grid-template-columns: 1fr 1fr;\r\n      grid-template-rows:\r\n        clamp(160px, 42vw, 220px)\r\n        clamp(160px, 42vw, 220px)\r\n        clamp(130px, 34vw, 180px)\r\n        clamp(160px, 42vw, 220px)\r\n        clamp(140px, 36vw, 190px);\r\n      gap: 10px;\r\n    }\r\n    .kala-s3__mosaic-item:nth-child(1) { grid-column: 1; grid-row: 1 \/ 3; }\r\n    .kala-s3__mosaic-item:nth-child(2) { grid-column: 2; grid-row: 1; }\r\n    .kala-s3__mosaic-item:nth-child(3) { grid-column: 2; grid-row: 2; }\r\n    .kala-s3__mosaic-item:nth-child(4) { grid-column: 1; grid-row: 3; }\r\n    .kala-s3__mosaic-item:nth-child(5) { grid-column: 2; grid-row: 3; }\r\n    .kala-s3__mosaic-item:nth-child(6) { grid-column: 1 \/ 3; grid-row: 4; }\r\n    \/* 5\u00aa fila: las dos peque\u00f1as finales, una por columna *\/\r\n    .kala-s3__mosaic-item:nth-child(7) { display: block; grid-column: 1; grid-row: 5; }\r\n    .kala-s3__mosaic-item:nth-child(8) { display: block; grid-column: 2; grid-row: 5; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .kala-s3__card-svg, .kala-s3__card-name,\r\n    .kala-s3__card-text, .kala-s3__mosaic-item {\r\n      opacity: 1 !important; transform: none !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"kala-s3\" aria-label=\"Our products\">\r\n\r\n  <div class=\"kala-s3__intro\">\r\n    <p class=\"kala-s3__supertitle\">Our products<\/p>\r\n    <h2 class=\"kala-s3__headline\">Three ways to enjoy Kala.<\/h2>\r\n  <\/div>\r\n\r\n  <div class=\"kala-s3__products\">\r\n\r\n    <article class=\"kala-s3__card\" data-s3-card=\"1\">\r\n      <svg class=\"kala-s3__card-svg\" viewBox=\"0 0 280 390\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n        <defs><clipPath id=\"kala-s3-clip-1\"><path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\/><\/clipPath><\/defs>\r\n        <image href=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/griego-natural-scaled.jpg\"\r\n          x=\"-25\" y=\"-20\" width=\"330\" height=\"430\"\r\n          preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#kala-s3-clip-1)\"\/>\r\n        <!-- Ajustar encuadre: x=-25 mueve derecha\/izquierda, y=-20 mueve arriba\/abajo -->\r\n        <path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" opacity=\"0.3\" style=\"color: var(--kala-oceano);\"\/>\r\n      <\/svg>\r\n      <h3 class=\"kala-s3__card-name\">Natural Greek yogurt<\/h3>\r\n      <p class=\"kala-s3__card-text\">Pure Greek origin. Made every day with goat kefir, no added sugar, no artifice. Just creamy texture and real flavour.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"kala-s3__card\" data-s3-card=\"2\">\r\n      <svg class=\"kala-s3__card-svg\" viewBox=\"0 0 280 390\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n        <defs><clipPath id=\"kala-s3-clip-2\"><path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\/><\/clipPath><\/defs>\r\n        <image href=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/griego-con-sabor-scaled.jpg\"\r\n          x=\"-25\" y=\"-20\" width=\"330\" height=\"430\"\r\n          preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#kala-s3-clip-2)\"\/>\r\n        <path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" opacity=\"0.3\" style=\"color: var(--kala-oceano);\"\/>\r\n      <\/svg>\r\n      <h3 class=\"kala-s3__card-name\">Yogurt of the month<\/h3>\r\n      <p class=\"kala-s3__card-text\">Every month, a new flavour. Always with the same base that defines us, always inspired by seasonal fruit.<\/p>\r\n    <\/article>\r\n\r\n    <article class=\"kala-s3__card\" data-s3-card=\"3\">\r\n      <svg class=\"kala-s3__card-svg\" viewBox=\"0 0 280 390\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n        <defs><clipPath id=\"kala-s3-clip-3\"><path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\/><\/clipPath><\/defs>\r\n        <image href=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/vegano-scaled.jpg\"\r\n          x=\"-25\" y=\"-20\" width=\"330\" height=\"430\"\r\n          preserveAspectRatio=\"xMidYMid slice\" clip-path=\"url(#kala-s3-clip-3)\"\/>\r\n        <path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" opacity=\"0.3\" style=\"color: var(--kala-oceano);\"\/>\r\n      <\/svg>\r\n      <h3 class=\"kala-s3__card-name\">Vegan sorbet<\/h3>\r\n      <p class=\"kala-s3__card-text\">Natural fruit pulp, nothing more. Lactose-free, no artifice. The simplest thing, made with the same soul as always.<\/p>\r\n    <\/article>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"kala-s3__toppings-header\">\r\n    <p class=\"kala-s3__toppings-label\">Artisan toppings<\/p>\r\n    <p class=\"kala-s3__toppings-copy\">Made daily in our Madrid workshop.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"kala-s3__mosaic\">\r\n    <!-- 1: frutos-rojos \u2014 tall portrait -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/frutos-rojos-scaled.jpg\" alt=\"Red berries\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 2: backlava \u2014 wide horizontal -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/backlava-scaled.jpg\" alt=\"Artisan baklava\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 3: coconut \u2014 small -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/coconut-scaled.jpg\" alt=\"Coconut\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 4: toppings \u2014 small -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/toppings-scaled.jpg\" alt=\"Artisan toppings\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 5: fresas \u2014 wide horizontal -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/fresas-scaled-e1778544328424.jpg\" alt=\"Strawberries\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 6: toppings-kala \u2014 tall portrait -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/toppings-kala-scaled.jpg\" alt=\"Kala toppings\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 7: sweet \u2014 small -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/sweet-scaled.jpg\" alt=\"Sweet topping\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n    <!-- 8: tropical \u2014 small -->\r\n    <div class=\"kala-s3__mosaic-item\">\r\n      <img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/05\/tropical-scaled.jpg\" alt=\"Tropical topping\" loading=\"lazy\" decoding=\"async\"\/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    document.querySelectorAll(\r\n      '.kala-s3__card-svg,.kala-s3__card-name,.kala-s3__card-text,.kala-s3__mosaic-item'\r\n    ).forEach(function (el) { el.style.opacity = '1'; el.style.transform = 'none'; });\r\n    return;\r\n  }\r\n\r\n  function init() {\r\n    if (typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') gsap.registerPlugin(ScrollTrigger);\r\n\r\n    var cards  = Array.from(document.querySelectorAll('[data-s3-card]'));\r\n    var mosaic = Array.from(document.querySelectorAll('.kala-s3__mosaic-item'));\r\n\r\n    function getEl(card, cls) { return card.querySelector(cls); }\r\n\r\n    \/* ---- Cards: cada CARD tiene su propio ScrollTrigger anclado a s\u00ed\r\n       misma. Antes hab\u00eda una sola timeline anclada al contenedor \u2014 al\r\n       cruzar ese trigger se disparaban TODAS las cards a la vez, as\u00ed que\r\n       en mobile (donde est\u00e1n apiladas) las que estaban fuera del viewport\r\n       ya se hab\u00edan \"consumido\" antes de que el usuario llegase a ellas.\r\n       Ahora cada card entra cuando ENTRA ELLA en viewport. ---- *\/\r\n\r\n    var archDur = 1.0;\r\n    var nameDur = 0.65;\r\n    var descDur = 0.55;\r\n\r\n    cards.forEach(function (card) {\r\n      var archEl = getEl(card, '.kala-s3__card-svg');\r\n      var nameEl = getEl(card, '.kala-s3__card-name');\r\n      var descEl = getEl(card, '.kala-s3__card-text');\r\n\r\n      var tl = gsap.timeline({\r\n        scrollTrigger: { trigger: card, start: 'top 82%' }\r\n      });\r\n\r\n      tl.fromTo(archEl,\r\n        { opacity: 0, y: 40 },\r\n        { opacity: 1, y: 0, duration: archDur, ease: 'expo.out' }\r\n      );\r\n      tl.fromTo(nameEl,\r\n        { opacity: 0, y: 14 },\r\n        { opacity: 1, y: 0, duration: nameDur, ease: 'power3.out' },\r\n        '-=0.55'\r\n      );\r\n      tl.fromTo(descEl,\r\n        { opacity: 0, y: 10 },\r\n        { opacity: 0.8, y: 0, duration: descDur, ease: 'power3.out' },\r\n        '-=0.45'\r\n      );\r\n    });\r\n\r\n    \/* ---- Mosaico: misma filosof\u00eda que galer\u00eda \u2014 cada tile su propio\r\n       ScrollTrigger, solo opacity + y m\u00ednimo. Quitamos las variantes\r\n       laterales (x) que daban sensaci\u00f3n de lag al mezclarse varios\r\n       triggers cercanos. Smooth y limpio. ---- *\/\r\n    mosaic.forEach(function (tile) {\r\n      gsap.fromTo(tile,\r\n        { opacity: 0, y: 18 },\r\n        {\r\n          opacity: 1, y: 0,\r\n          duration: 0.75, ease: 'power3.out',\r\n          scrollTrigger: { trigger: tile, start: 'top 92%' }\r\n        }\r\n      );\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9993ce4 e-con-full e-flex e-con e-parent\" data-id=\"9993ce4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5dd8b elementor-widget elementor-widget-html\" data-id=\"4a5dd8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.kala-s4 {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--kala-crema);\r\n    box-sizing: border-box;\r\n    overflow-x: clip;\r\n    padding: clamp(56px, 7vw, 112px) 6vw 0;\r\n  }\r\n\r\n  .kala-s4__intro {\r\n    margin-bottom: clamp(24px, 3vw, 40px);\r\n    text-align: center;\r\n  }\r\n\r\n  .kala-s4__supertitle {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(10px, 0.9vw, 12px);\r\n    letter-spacing: var(--kala-ls-widest);\r\n    color: var(--kala-oceano);\r\n    text-transform: uppercase;\r\n    margin: 0 0 14px 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .kala-s4__headline {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(24px, 3vw, 44px);\r\n    color: var(--kala-klein);\r\n    line-height: var(--kala-lh-tight);\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  \/* ---- Steps: grid 50\/50 con eje central. ---- *\/\r\n  .kala-s4__step {\r\n    display: grid;\r\n    grid-template-columns: 1fr 1fr;\r\n    gap: clamp(28px, 4.5vw, 64px);\r\n    align-items: center;\r\n    border-top: 1px solid var(--kala-oceano-20);\r\n    padding: clamp(24px, 3.5vw, 48px) 0;\r\n  }\r\n\r\n  .kala-s4__step:last-of-type {\r\n    border-bottom: 1px solid var(--kala-oceano-20);\r\n  }\r\n\r\n  .kala-s4__step .kala-s4__step-img {\r\n    justify-self: end;\r\n  }\r\n  .kala-s4__step .kala-s4__step-content {\r\n    align-items: flex-start;\r\n    text-align: left;\r\n  }\r\n\r\n  .kala-s4__step:nth-child(even) .kala-s4__step-img     { order: 2; justify-self: start; }\r\n  .kala-s4__step:nth-child(even) .kala-s4__step-content {\r\n    order: 1;\r\n    align-items: flex-end;\r\n    text-align: right;\r\n  }\r\n\r\n  .kala-s4__step-img {\r\n    overflow: hidden;\r\n    opacity: 1;                 \/* visible por defecto *\/\r\n    will-change: transform, opacity;\r\n    width: 90%;\r\n  }\r\n\r\n  .kala-s4__step-img img,\r\n  .kala-s4__step-placeholder {\r\n    display: block;\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n    object-fit: cover;\r\n  }\r\n\r\n  .kala-s4__step-placeholder { background: var(--kala-cielo); }\r\n\r\n  .kala-s4__step-content {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    opacity: 1;                 \/* visible por defecto *\/\r\n    will-change: transform, opacity;\r\n  }\r\n\r\n  .kala-s4__step-label {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(10px, 0.85vw, 11px);\r\n    letter-spacing: var(--kala-ls-widest);\r\n    color: var(--kala-oceano);\r\n    text-transform: uppercase;\r\n    margin: 0 0 14px 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  .kala-s4__step-title {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(22px, 2.6vw, 40px);\r\n    color: var(--kala-oceano);\r\n    line-height: var(--kala-lh-tight);\r\n    margin: 0 0 var(--kala-space-sm) 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  .kala-s4__step-text {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(13px, 1.2vw, 16px);\r\n    color: var(--kala-oceano);\r\n    line-height: var(--kala-lh-relaxed);\r\n    max-width: 440px;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0.8;\r\n  }\r\n\r\n  \/* ---- CTA ---- *\/\r\n  .kala-s4__cta {\r\n    display: flex;\r\n    justify-content: center;\r\n    padding: clamp(32px, 4vw, 56px) 0 clamp(40px, 5vw, 72px);\r\n    opacity: 1;                 \/* visible por defecto *\/\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s4__cta-btn {\r\n    display: inline-block;\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(11px, 0.9vw, 13px);\r\n    color: var(--kala-oceano);\r\n    text-decoration: none;\r\n    letter-spacing: 0.22em;\r\n    text-transform: uppercase;\r\n    padding: 14px 36px;\r\n    border: 1px solid var(--kala-oceano-20);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: background var(--kala-transition), color var(--kala-transition), border-color var(--kala-transition);\r\n  }\r\n\r\n  .kala-s4__cta-btn:hover {\r\n    background: var(--kala-oceano);\r\n    color: var(--kala-crema);\r\n    border-color: var(--kala-oceano);\r\n  }\r\n\r\n  \/* Estado \"oculto para animar\" \u2014 SOLO lo activa el JS cuando GSAP est\u00e1\r\n     disponible. Si el JS no corre, nada de esto aplica y todo se ve. *\/\r\n  .kala-s4.is-anim .kala-s4__step-img,\r\n  .kala-s4.is-anim .kala-s4__step-content,\r\n  .kala-s4.is-anim .kala-s4__cta {\r\n    opacity: 0;\r\n  }\r\n\r\n  \/* ---- TABLET ---- *\/\r\n  @media (max-width: 900px) and (min-width: 641px) {\r\n    .kala-s4__step {\r\n      gap: clamp(20px, 3.5vw, 40px);\r\n      padding: clamp(24px, 3.5vw, 40px) 0;\r\n    }\r\n    .kala-s4__step-title { font-size: clamp(20px, 3vw, 30px); }\r\n    .kala-s4__step-text  { font-size: clamp(13px, 1.6vw, 15px); }\r\n  }\r\n\r\n  \/* ---- MOBILE ---- *\/\r\n  @media (max-width: 640px) {\r\n    .kala-s4 { padding: clamp(56px, 10vw, 88px) 6vw 0; }\r\n\r\n    .kala-s4__step {\r\n      display: flex;\r\n      flex-direction: column;\r\n      gap: var(--kala-space-sm);\r\n      padding: clamp(24px, 6vw, 40px) 0;\r\n    }\r\n\r\n    .kala-s4__step-img,\r\n    .kala-s4__step:nth-child(even) .kala-s4__step-img {\r\n      width: 100%;\r\n      justify-self: stretch;\r\n    }\r\n\r\n    .kala-s4__step:nth-child(even) .kala-s4__step-img     { order: 1; }\r\n    .kala-s4__step:nth-child(even) .kala-s4__step-content { order: 2; }\r\n\r\n    .kala-s4__step:nth-child(odd)  .kala-s4__step-content { text-align: left;  align-items: flex-start; }\r\n    .kala-s4__step:nth-child(even) .kala-s4__step-content { text-align: right; align-items: flex-end; }\r\n\r\n    .kala-s4__step-img img,\r\n    .kala-s4__step-placeholder { aspect-ratio: 16 \/ 10; }\r\n\r\n    .kala-s4__step-title { font-size: clamp(20px, 6vw, 30px); margin-bottom: 10px !important; }\r\n    .kala-s4__step-text  { font-size: clamp(14px, 4vw, 16px); max-width: 100%; }\r\n    .kala-s4__cta        { padding: clamp(28px, 7vw, 48px) 0 clamp(36px, 9vw, 60px); }\r\n    .kala-s4__cta-btn    { font-size: clamp(11px, 3.5vw, 13px); padding: 13px 28px; }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .kala-s4__step-img, .kala-s4__step-content, .kala-s4__cta {\r\n      opacity: 1 !important; transform: none !important;\r\n    }\r\n  }\r\n<\/style><section class=\"kala-s4\" aria-label=\"How we do it\"><div class=\"kala-s4__intro\"><p class=\"kala-s4__supertitle\">How we do it<\/p><h2 class=\"kala-s4__headline\">Made with soul, every day.<\/h2><\/div><div class=\"kala-s4__steps\"><div class=\"kala-s4__step\" data-s4-step=\"1\"><div class=\"kala-s4__step-img\"><img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/06\/Copy-of-BACON-STUDIO-26-3-1-scaled.jpg\" alt=\"Kala Greek yogurt, straight from Greece\" style=\"object-position: center 40%;\" loading=\"lazy\" decoding=\"async\"\/><\/div><div class=\"kala-s4__step-content\"><p class=\"kala-s4__step-label\">Origin<\/p><h3 class=\"kala-s4__step-title\">Straight from Greece.<\/h3><p class=\"kala-s4__step-text\">Our base yogurt arrives every week from Greece, where tradition and respect for the product are part of the culture.<\/p><\/div><\/div><div class=\"kala-s4__step\" data-s4-step=\"2\"><div class=\"kala-s4__step-img\"><img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/06\/Copy-of-BACON-STUDIO-64-2-scaled.jpg\" alt=\"Kala workshop in Madrid, Calle Huertas\" loading=\"lazy\" decoding=\"async\"\/><\/div><div class=\"kala-s4__step-content\"><p class=\"kala-s4__step-label\">The workshop<\/p><h3 class=\"kala-s4__step-title\">Fresh every morning.<\/h3><p class=\"kala-s4__step-text\">We make artisan baklava and crumbles daily. In our own workshop, where meraki becomes tangible.<\/p><\/div><\/div><div class=\"kala-s4__step\" data-s4-step=\"3\"><div class=\"kala-s4__step-img\"><img src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/06\/Copy-of-251111_KALA-001_V1-scaled.jpg\" alt=\"Artisan production of Kala yogurt\" style=\"object-position: center 58%;\" loading=\"lazy\" decoding=\"async\"\/><\/div><div class=\"kala-s4__step-content\"><p class=\"kala-s4__step-label\">The craft<\/p><h3 class=\"kala-s4__step-title\">Made to order, always.<\/h3><p class=\"kala-s4__step-text\">We prepare each yogurt with the same care as always. You can taste it, you can feel it in every spoonful.<\/p><\/div><\/div><\/div><div class=\"kala-s4__cta\" data-s4-cta><a href=\"https:\/\/kalagreekfrozenyogurt.com\/en\/about-us\/\" class=\"kala-s4__cta-btn\">See more about the process<\/a><\/div><\/section><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js\"><\/script><script>(function () {\r\n  'use strict';\r\n\r\n  var section = document.querySelector('.kala-s4');\r\n  var reduce  = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  \/* Si no hay secci\u00f3n, hay reduce-motion, o GSAP no carg\u00f3 \u2192 no animamos.\r\n     El contenido se queda visible por defecto (opacity:1) y nunca se oculta. *\/\r\n  if (!section || reduce || typeof gsap === 'undefined') return;\r\n\r\n  \/* Ocultar para animar (s\u00edncrono, antes del primer pintado \u2192 sin parpadeo). *\/\r\n  section.classList.add('is-anim');\r\n\r\n  function init() {\r\n    try {\r\n      if (typeof ScrollTrigger !== 'undefined') gsap.registerPlugin(ScrollTrigger);\r\n\r\n      var isMobile = window.innerWidth <= 640;\r\n\r\n      document.querySelectorAll('[data-s4-step]').forEach(function (step, i) {\r\n        var isEven = i % 2 !== 0;\r\n        var imgEl  = step.querySelector('.kala-s4__step-img');\r\n        var txtEl  = step.querySelector('.kala-s4__step-content');\r\n\r\n        var imgFrom, txtFrom;\r\n        if (isMobile) {\r\n          imgFrom = { opacity: 0, y: 28 };\r\n          txtFrom = { opacity: 0, y: 20 };\r\n        } else {\r\n          imgFrom = { opacity: 0, x: isEven ? 36 : -36 };\r\n          txtFrom = { opacity: 0, y: 24 };\r\n        }\r\n\r\n        var tl = gsap.timeline({ scrollTrigger: { trigger: step, start: 'top 85%' } });\r\n        tl.fromTo(imgEl, imgFrom, { opacity: 1, x: 0, y: 0, duration: 0.85, ease: 'power3.out' });\r\n        tl.fromTo(txtEl, txtFrom, { opacity: 1, x: 0, y: 0, duration: 0.75, ease: 'power3.out' }, '-=0.55');\r\n      });\r\n\r\n      var ctaEl = document.querySelector('[data-s4-cta]');\r\n      if (ctaEl) {\r\n        new IntersectionObserver(function (entries, obs) {\r\n          if (entries[0].isIntersecting) {\r\n            gsap.to(ctaEl, { opacity: 1, y: 0, duration: 0.9, ease: 'power3.out' });\r\n            obs.disconnect();\r\n          }\r\n        }, { threshold: 0.3 }).observe(ctaEl);\r\n      }\r\n    } catch (e) {\r\n      \/* Si algo falla durante la animaci\u00f3n, mostramos todo igualmente. *\/\r\n      section.classList.remove('is-anim');\r\n    }\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81049d7 e-con-full e-flex e-con e-parent\" data-id=\"81049d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6466213 elementor-widget elementor-widget-html\" data-id=\"6466213\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  .kala-s5 {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--kala-crema);\r\n    box-sizing: border-box;\r\n    overflow-x: clip;\r\n    padding: clamp(80px, 10vw, 160px) 6vw clamp(60px, 8vw, 120px);\r\n  }\r\n\r\n  .kala-s5__inner {\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* ---- Header ---- *\/\r\n  .kala-s5__header {\r\n    text-align: center;\r\n    margin-bottom: clamp(48px, 6vw, 88px);\r\n  }\r\n\r\n  .kala-s5__eyebrow {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(10px, 0.9vw, 12px);\r\n    letter-spacing: var(--kala-ls-widest);\r\n    color: var(--kala-oceano);\r\n    text-transform: uppercase;\r\n    margin: 0 0 16px 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0;\r\n    transform: translateY(8px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s5__headline {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(26px, 3.4vw, 52px);\r\n    color: var(--kala-klein);\r\n    line-height: var(--kala-lh-tight);\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  \/* ---- Map wrap (centrado horizontalmente) ---- *\/\r\n  .kala-s5__map-wrap {\r\n    position: relative;\r\n    width: 100%;\r\n    margin: 0 auto clamp(36px, 5vw, 72px);\r\n    max-width: 1400px; \/* antes 1100px \u2014 el mapa pasa a ser protagonista *\/\r\n  }\r\n\r\n  .kala-s5__map-svg {\r\n    display: block;\r\n    width: 100%;\r\n    height: auto;\r\n    color: var(--kala-oceano);\r\n  }\r\n\r\n  \/* ---- Grid de carta n\u00e1utica ---- *\/\r\n  .kala-s5__grid line {\r\n    stroke: currentColor;\r\n    stroke-width: 0.4;\r\n    opacity: 0.09;\r\n  }\r\n\r\n  \/* ---- Ondas decorativas en zonas mar\u00edtimas ---- *\/\r\n  .kala-s5__waves path {\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 0.6;\r\n    stroke-linecap: round;\r\n    opacity: 0.22;\r\n  }\r\n\r\n  \/* ---- Etiquetas de mares (SVG text) ---- *\/\r\n  .kala-s5__sea-label {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    fill: currentColor;\r\n    opacity: 0;\r\n    letter-spacing: 0.18em;\r\n    will-change: opacity;\r\n  }\r\n\r\n  \/* ---- Tierras ---- *\/\r\n  .kala-s5__land {\r\n    fill: var(--kala-oceano-10);\r\n    stroke: currentColor;\r\n    stroke-width: 1.4;\r\n    stroke-linejoin: round;\r\n    stroke-linecap: round;\r\n    opacity: 0.85;\r\n    vector-effect: non-scaling-stroke;\r\n  }\r\n\r\n  .kala-s5__land--small {\r\n    fill: var(--kala-oceano-10);\r\n    stroke: currentColor;\r\n    stroke-width: 1.1;\r\n    opacity: 0.75;\r\n    vector-effect: non-scaling-stroke;\r\n  }\r\n\r\n  \/* ---- Ruta punteada ---- *\/\r\n  .kala-s5__route {\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1;\r\n    stroke-dasharray: 2 7;\r\n    stroke-linecap: round;\r\n    opacity: 0;\r\n  }\r\n\r\n  \/* ---- Compass rose ---- *\/\r\n  .kala-s5__compass {\r\n    opacity: 0;\r\n    will-change: opacity;\r\n    color: var(--kala-oceano);\r\n  }\r\n  .kala-s5__compass circle {\r\n    fill: none;\r\n    stroke: currentColor;\r\n  }\r\n  .kala-s5__compass .kala-s5__compass-ring-out {\r\n    stroke-width: 0.6;\r\n    opacity: 0.5;\r\n  }\r\n  .kala-s5__compass .kala-s5__compass-ring-in {\r\n    stroke-width: 0.4;\r\n    opacity: 0.4;\r\n  }\r\n  .kala-s5__compass path {\r\n    fill: currentColor;\r\n  }\r\n  .kala-s5__compass .kala-s5__compass-needle-ns { opacity: 0.55; }\r\n  .kala-s5__compass .kala-s5__compass-needle-ew { opacity: 0.35; }\r\n  .kala-s5__compass text {\r\n    fill: currentColor;\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-size: 11px;\r\n    opacity: 0.55;\r\n  }\r\n\r\n  \/* ============================================================\r\n     PINS (chinchetas)\r\n     ============================================================ *\/\r\n  .kala-s5__pin {\r\n    opacity: 0;\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s5__pin-needle {\r\n    stroke: var(--kala-oceano);\r\n    stroke-width: 1.3;\r\n    stroke-linecap: round;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  .kala-s5__pin-head {\r\n    fill: var(--kala-oceano);\r\n    stroke: var(--kala-crema);\r\n    stroke-width: 1.8;\r\n  }\r\n\r\n  \/* Variante \"origen\" (Greece) \u2014 m\u00e1s peque\u00f1o *\/\r\n  .kala-s5__pin-wrap--origin .kala-s5__pin-needle {\r\n    stroke-width: 0.9;\r\n    opacity: 0.65;\r\n  }\r\n  .kala-s5__pin-wrap--origin .kala-s5__pin-head {\r\n    stroke-width: 1.2;\r\n    opacity: 0.85;\r\n  }\r\n\r\n  \/* Variante \"soon\" (CDMX) \u2014 cabeza hueca *\/\r\n  .kala-s5__pin-wrap--soon .kala-s5__pin-head {\r\n    fill: var(--kala-crema);\r\n    stroke: var(--kala-oceano);\r\n    stroke-width: 2;\r\n  }\r\n\r\n  \/* ============================================================\r\n     LABELS HTML\r\n     Tipograf\u00eda unificada para todas las ciudades: serif italic\r\n     ============================================================ *\/\r\n  .kala-s5__map-label {\r\n    position: absolute;\r\n    transform: translate(-50%, -50%);\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(13px, 1.1vw, 16px);\r\n    color: var(--kala-oceano);\r\n    text-transform: none;\r\n    letter-spacing: 0;\r\n    line-height: var(--kala-lh-snug);\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n    opacity: 0;\r\n    transition: opacity var(--kala-transition);\r\n    text-align: center;\r\n  }\r\n\r\n  \/* Variante \"origen\" (Greece) \u2014 reforzada visualmente: pretitle\r\n     \"Origin\" arriba en sans uppercase + nombre del pa\u00eds en serif italic.\r\n     Ya no es tenue; queremos que se LEA como un gui\u00f1o narrativo. *\/\r\n  .kala-s5__map-label--origin {\r\n    font-size: clamp(13px, 1.1vw, 16px);\r\n    opacity: 1 !important;\r\n    white-space: normal;\r\n    text-align: left;\r\n  }\r\n\r\n  \/* Variante \"soon\" (CDMX) \u2014 dos l\u00edneas: eyebrow + serif italic *\/\r\n  .kala-s5__map-label--soon {\r\n    white-space: normal;\r\n  }\r\n\r\n  .kala-s5__map-label-pretitle {\r\n    display: block;\r\n    font-family: var(--kala-sans);\r\n    font-style: normal;\r\n    font-size: clamp(9px, 0.7vw, 10px);\r\n    letter-spacing: 0.24em;\r\n    text-transform: uppercase;\r\n    margin-bottom: 5px;\r\n    opacity: 0.7;\r\n  }\r\n\r\n  \/* Posiciones de los labels (centrados ahora que la composici\u00f3n se centra\r\n     horizontalmente \u2014 todo el contenido se ha desplazado +130 px en SVG). *\/\r\n  .kala-s5__label--madrid  { top: 39%; left: 49.9%; }  \/* arriba del pin *\/\r\n  .kala-s5__label--sevilla { top: 60%; left: 42.3%; }  \/* izquierda del pin *\/\r\n  .kala-s5__label--malaga  { top: 63%; left: 53.3%; }  \/* abajo derecha *\/\r\n  .kala-s5__label--grecia  { top: 47%; left: 72.5%; }  \/* a la dcha del pin *\/\r\n  .kala-s5__label--cdmx    { top: 70%; left: 23.8%; }  \/* debajo del mapa, fuera *\/\r\n\r\n  \/* ---- CTA ---- *\/\r\n  .kala-s5__cta {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: clamp(36px, 4.5vw, 64px);\r\n    opacity: 0;\r\n    transform: translateY(10px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s5__btn {\r\n    display: inline-block;\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(11px, 0.9vw, 13px);\r\n    color: var(--kala-oceano);\r\n    text-decoration: none;\r\n    letter-spacing: 0.26em;\r\n    text-transform: uppercase;\r\n    padding: 14px 36px;\r\n    border: 1px solid var(--kala-oceano-20);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: background var(--kala-transition), color var(--kala-transition), border-color var(--kala-transition);\r\n  }\r\n\r\n  .kala-s5__btn:hover {\r\n    background: var(--kala-oceano);\r\n    color: var(--kala-crema);\r\n    border-color: var(--kala-oceano);\r\n  }\r\n\r\n  \/* ===================== TABLET ===================== *\/\r\n  @media (max-width: 900px) and (min-width: 641px) {\r\n    .kala-s5__headline { font-size: clamp(22px, 4vw, 36px); }\r\n    .kala-s5__map-label { font-size: 13px; }\r\n    .kala-s5__map-label--origin { font-size: 12px; }\r\n  }\r\n\r\n  \/* ===================== MOBILE ===================== *\/\r\n  @media (max-width: 640px) {\r\n    .kala-s5 {\r\n      padding: clamp(64px, 14vw, 100px) 5vw clamp(48px, 12vw, 80px);\r\n    }\r\n\r\n    .kala-s5__header { margin-bottom: clamp(36px, 8vw, 56px); }\r\n\r\n    .kala-s5__headline {\r\n      font-size: clamp(24px, 7.5vw, 36px);\r\n    }\r\n\r\n    \/* En m\u00f3vil ocultamos labels HTML de las ciudades espa\u00f1olas (para\r\n       no atropellar el mapa peque\u00f1o) y los mares. El label \"Origin \u00b7\r\n       Greece\" y \"Polanco\" se MANTIENEN porque son los dos gui\u00f1os\r\n       narrativos clave (origen e internacionalizaci\u00f3n). *\/\r\n    .kala-s5__label--madrid,\r\n    .kala-s5__label--sevilla,\r\n    .kala-s5__label--malaga,\r\n    .kala-s5__sea-label,\r\n    .kala-s5__compass { display: none; }\r\n\r\n    \/* Trazos m\u00e1s gruesos en m\u00f3vil *\/\r\n    .kala-s5__land       { stroke-width: 2; }\r\n    .kala-s5__land--small{ stroke-width: 1.4; }\r\n\r\n    \/* Pines m\u00e1s grandes en m\u00f3vil *\/\r\n    .kala-s5__pin-needle { stroke-width: 1.4; }\r\n    .kala-s5__pin-head   { r: 6; stroke-width: 1.8; }\r\n    .kala-s5__pin-wrap--origin .kala-s5__pin-head { r: 4; }\r\n    .kala-s5__pin-wrap--soon   .kala-s5__pin-head { r: 6; }\r\n\r\n    \/* Labels narrativos (origen + soon) un punto m\u00e1s peque\u00f1os *\/\r\n    .kala-s5__map-label--origin { font-size: 12px; }\r\n    .kala-s5__map-label--soon   { font-size: 12px; }\r\n\r\n    .kala-s5__btn {\r\n      font-size: clamp(11px, 3.5vw, 13px);\r\n      padding: 14px 32px;\r\n      letter-spacing: 0.22em;\r\n    }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .kala-s5__eyebrow, .kala-s5__headline, .kala-s5__cta,\r\n    .kala-s5__pin, .kala-s5__route,\r\n    .kala-s5__map-label, .kala-s5__sea-label,\r\n    .kala-s5__compass {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n    .kala-s5__pin-wrap--origin .kala-s5__pin { opacity: 0.85 !important; }\r\n    .kala-s5__route { opacity: 0.5 !important; }\r\n    .kala-s5__sea-label { opacity: 0.4 !important; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"kala-s5\" aria-label=\"Our stores\">\r\n  <div class=\"kala-s5__inner\">\r\n\r\n    <header class=\"kala-s5__header\">\r\n      <p class=\"kala-s5__eyebrow\">Our stores<\/p>\r\n      <h2 class=\"kala-s5__headline\">From the Aegean to the Mediterranean. Now, also to the Pacific.<\/h2>\r\n    <\/header>\r\n\r\n    <div class=\"kala-s5__map-wrap\">\r\n\r\n      <svg\r\n        class=\"kala-s5__map-svg\"\r\n        viewBox=\"0 0 1400 600\"\r\n        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n        aria-label=\"Map: Mexico, Spain and Greece\"\r\n        role=\"img\">\r\n\r\n        <!-- ============ GRID DE CARTA N\u00c1UTICA ============ -->\r\n        <g class=\"kala-s5__grid\" aria-hidden=\"true\">\r\n          <line x1=\"0\" y1=\"100\"  x2=\"1400\" y2=\"100\"\/>\r\n          <line x1=\"0\" y1=\"200\"  x2=\"1400\" y2=\"200\"\/>\r\n          <line x1=\"0\" y1=\"300\"  x2=\"1400\" y2=\"300\"\/>\r\n          <line x1=\"0\" y1=\"400\"  x2=\"1400\" y2=\"400\"\/>\r\n          <line x1=\"0\" y1=\"500\"  x2=\"1400\" y2=\"500\"\/>\r\n          <line x1=\"200\"  y1=\"0\" x2=\"200\"  y2=\"600\"\/>\r\n          <line x1=\"400\"  y1=\"0\" x2=\"400\"  y2=\"600\"\/>\r\n          <line x1=\"600\"  y1=\"0\" x2=\"600\"  y2=\"600\"\/>\r\n          <line x1=\"800\"  y1=\"0\" x2=\"800\"  y2=\"600\"\/>\r\n          <line x1=\"1000\" y1=\"0\" x2=\"1000\" y2=\"600\"\/>\r\n          <line x1=\"1200\" y1=\"0\" x2=\"1200\" y2=\"600\"\/>\r\n        <\/g>\r\n\r\n        <!-- ============ ONDAS DECORATIVAS EN ZONAS MAR\u00cdTIMAS ============ -->\r\n        <g class=\"kala-s5__waves\" aria-hidden=\"true\">\r\n          <!-- Pac\u00edfico (oeste de M\u00e9xico) -->\r\n          <path d=\"M 140 250 Q 160 246 180 250 T 220 250\"\/>\r\n          <path d=\"M 150 290 Q 170 286 190 290 T 230 290\"\/>\r\n          <!-- Atl\u00e1ntico (entre M\u00e9xico y Espa\u00f1a) -->\r\n          <path d=\"M 440 200 Q 480 196 520 200 T 600 200\"\/>\r\n          <path d=\"M 460 250 Q 500 246 540 250 T 620 250\"\/>\r\n          <path d=\"M 450 460 Q 490 456 530 460 T 610 460\"\/>\r\n          <path d=\"M 470 510 Q 510 506 550 510 T 630 510\"\/>\r\n          <!-- Mediterr\u00e1neo (al este de Espa\u00f1a, envolviendo el pin griego) -->\r\n          <path d=\"M 820 430 Q 870 426 920 430 T 1020 430 T 1120 430\"\/>\r\n          <path d=\"M 830 480 Q 880 476 930 480 T 1030 480 T 1130 480\"\/>\r\n          <path d=\"M 850 530 Q 900 526 950 530 T 1050 530\"\/>\r\n        <\/g>\r\n\r\n        <!-- ============ ETIQUETAS DE MARES ============ -->\r\n        <g class=\"kala-s5__seas\" aria-hidden=\"true\">\r\n          <text class=\"kala-s5__sea-label\" x=\"150\"  y=\"180\" font-size=\"13\">Pacific<\/text>\r\n          <text class=\"kala-s5__sea-label\" x=\"435\"  y=\"150\" font-size=\"15\">Atlantic Ocean<\/text>\r\n          <text class=\"kala-s5__sea-label\" x=\"870\"  y=\"395\" font-size=\"14\">Mediterranean Sea<\/text>\r\n        <\/g>\r\n\r\n        <!-- ============ RUTA PUNTEADA (dividida en 2 tramos para animar secuencialmente) ============ -->\r\n        <!-- Tramo 1: Greece \u2192 Espa\u00f1a (Madrid) -->\r\n        <path class=\"kala-s5__route kala-s5__route--gr-es\"\r\n              d=\"M 930 285 Q 815 245, 699 275\"\/>\r\n        <!-- Tramo 2: Espa\u00f1a (Madrid) \u2192 M\u00e9xico (CDMX) -->\r\n        <path class=\"kala-s5__route kala-s5__route--es-mx\"\r\n              d=\"M 699 275 Q 510 340, 333 332\"\/>\r\n\r\n        <!-- ============ SILUETAS REALES DE PA\u00cdSES ============\r\n             Source: flekschas\/simple-world-map (CC BY-SA 3.0)\r\n             https:\/\/github.com\/flekschas\/simple-world-map\r\n             Composici\u00f3n centrada horizontalmente: contenido desplazado\r\n             +130 px en X respecto a la versi\u00f3n anterior. -->\r\n\r\n        <!-- ============ M\u00c9XICO ============ -->\r\n        <g class=\"kala-s5__region kala-s5__region--mx\" transform=\"translate(-212.59 -1169.80) scale(3.16)\">\r\n          <path class=\"kala-s5__land\" d=\"M133.847,433.982l4.175,13.146l-1.945,1.089l0.216,2.61l3.674,2.827v5.229l4.538,4.356l-1.945-12.847l-2.593-8.497l0.648-5.877l2.161,0.217l0.865,1.962l-0.865,5.005l11.237,21.99v7.841l9.077,10.666l9.94,4.573l4.106-2.396l5.835,4.789l3.458-3.483l-1.513-3.925l4.97-1.521l1.513,0.873l1.513-1.521h2.377l4.322-7.624l-2.161-1.962l-8.428,1.962l-1.945,5.662L182.106,480l-5.834-2.396l-2.593-8.271l1.962-10.434l-4.011-2.498l-1.91-10.02l-1.599-0.683l-2.922,2.965l-3.354-1.789l-1.313-6.682l-13.286-1.393l-6.863-5.16L133.847,433.982L133.847,433.982z\"\/>\r\n        <\/g>\r\n\r\n        <!-- ============ ESPA\u00d1A + BALEARES ============ -->\r\n        <g class=\"kala-s5__region kala-s5__region--es\" transform=\"translate(-2051.33 -2654.81) scale(6.9)\">\r\n          <path class=\"kala-s5__land\" d=\"M402.565,416.322h-11.014l-2.222-1.004l-1.071,0.078l-1.297,2.696l0.458,2.775l4.21,0.389l0.536,1.771l-1.833,10.33l0.078,1.851l2.981,1.617l3.439,0.232l6.881-1.694l3.363-4.233l0.077-4.313l5.965-5.395l0.302-2.386l-5.428-0.078L402.565,416.322L402.565,416.322z\"\/>\r\n          <path class=\"kala-s5__land--small\" d=\"M413.578,426.877l-1.375,0.467l0.304,1.235h1.988l0.839-0.925L413.578,426.877L413.578,426.877z\"\/>\r\n        <\/g>\r\n\r\n        <!-- ============ COMPASS ROSE ============ -->\r\n        <g class=\"kala-s5__compass\" transform=\"translate(1230, 110)\" aria-hidden=\"true\">\r\n          <circle class=\"kala-s5__compass-ring-out\" r=\"28\"\/>\r\n          <circle class=\"kala-s5__compass-ring-in\"  r=\"20\"\/>\r\n          <path class=\"kala-s5__compass-needle-ns\" d=\"M 0 -24 L 3 0 L 0 24 L -3 0 Z\"\/>\r\n          <path class=\"kala-s5__compass-needle-ew\" d=\"M -24 0 L 0 -3 L 24 0 L 0 3 Z\"\/>\r\n          <circle r=\"1.5\" fill=\"currentColor\" opacity=\"0.6\"\/>\r\n          <text x=\"0\" y=\"-32\" text-anchor=\"middle\">N<\/text>\r\n        <\/g>\r\n\r\n        <!-- ============ PINS (CHINCHETAS) DE CIUDADES ============ -->\r\n\r\n        <!-- Espa\u00f1a: 3 ciudades activas -->\r\n        <g class=\"kala-s5__pin-wrap\" data-city=\"madrid\"  transform=\"translate(699, 275)\">\r\n          <g class=\"kala-s5__pin\">\r\n            <line class=\"kala-s5__pin-needle\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-12\"\/>\r\n            <circle class=\"kala-s5__pin-head\" cx=\"0\" cy=\"-14\" r=\"5\"\/>\r\n          <\/g>\r\n        <\/g>\r\n        <g class=\"kala-s5__pin-wrap\" data-city=\"sevilla\" transform=\"translate(666, 332)\">\r\n          <g class=\"kala-s5__pin\">\r\n            <line class=\"kala-s5__pin-needle\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-12\"\/>\r\n            <circle class=\"kala-s5__pin-head\" cx=\"0\" cy=\"-14\" r=\"5\"\/>\r\n          <\/g>\r\n        <\/g>\r\n        <g class=\"kala-s5__pin-wrap\" data-city=\"malaga\"  transform=\"translate(689, 345)\">\r\n          <g class=\"kala-s5__pin\">\r\n            <line class=\"kala-s5__pin-needle\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-12\"\/>\r\n            <circle class=\"kala-s5__pin-head\" cx=\"0\" cy=\"-14\" r=\"5\"\/>\r\n          <\/g>\r\n        <\/g>\r\n\r\n        <!-- Greece: pin peque\u00f1o (gui\u00f1o al origen), al este de Espa\u00f1a -->\r\n        <g class=\"kala-s5__pin-wrap kala-s5__pin-wrap--origin\" data-city=\"grecia\" transform=\"translate(930, 285)\">\r\n          <g class=\"kala-s5__pin\">\r\n            <line class=\"kala-s5__pin-needle\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-9\"\/>\r\n            <circle class=\"kala-s5__pin-head\" cx=\"0\" cy=\"-11\" r=\"3\"\/>\r\n          <\/g>\r\n        <\/g>\r\n\r\n        <!-- M\u00e9xico: pr\u00f3xima apertura \u2014 chincheta hueca -->\r\n        <g class=\"kala-s5__pin-wrap kala-s5__pin-wrap--soon\" data-city=\"cdmx\" transform=\"translate(333, 332)\">\r\n          <g class=\"kala-s5__pin\">\r\n            <line class=\"kala-s5__pin-needle\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"-12\"\/>\r\n            <circle class=\"kala-s5__pin-head\" cx=\"0\" cy=\"-14\" r=\"5\"\/>\r\n          <\/g>\r\n        <\/g>\r\n\r\n      <\/svg>\r\n\r\n      <!-- ============ LABELS HTML sobre el SVG ============ -->\r\n      <span class=\"kala-s5__map-label kala-s5__label--madrid\">Madrid<\/span>\r\n      <span class=\"kala-s5__map-label kala-s5__label--sevilla\">Seville<\/span>\r\n      <span class=\"kala-s5__map-label kala-s5__label--malaga\">M&aacute;laga<\/span>\r\n      <span class=\"kala-s5__map-label kala-s5__map-label--origin kala-s5__label--grecia\">\r\n        <span class=\"kala-s5__map-label-pretitle\">Origin<\/span>\r\n        Greece\r\n      <\/span>\r\n      <span class=\"kala-s5__map-label kala-s5__map-label--soon kala-s5__label--cdmx\">\r\n        <span class=\"kala-s5__map-label-pretitle\">Next opening<\/span>\r\n        <span class=\"kala-s5__map-label-pretitle\" style=\"margin-bottom:0;\">4 new locations in Mexico<\/span>\r\n      <\/span>\r\n\r\n    <\/div>\r\n\r\n    <!-- Solo mapa + CTA. Antes hab\u00eda lista vertical mobile y un pie\r\n         editorial \"Seis espacios. Tres ciudades\u2026\" \u2014 ambos eliminados\r\n         para que la secci\u00f3n sea pura presencia geogr\u00e1fica + acci\u00f3n. -->\r\n    <div class=\"kala-s5__cta\">\r\n      <a href=\"https:\/\/kalagreekfrozenyogurt.com\/en\/our-stores\/\" class=\"kala-s5__btn\">See all stores<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/ScrollTrigger.min.js\"><\/script>\r\n<script>\r\n(function () {\r\n  'use strict';\r\n\r\n  var REDUCED = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\r\n\r\n  if (REDUCED) {\r\n    document.querySelectorAll(\r\n      '.kala-s5__eyebrow,.kala-s5__headline,.kala-s5__cta,' +\r\n      '.kala-s5__pin,.kala-s5__route,' +\r\n      '.kala-s5__map-label,.kala-s5__sea-label,' +\r\n      '.kala-s5__compass'\r\n    ).forEach(function (el) {\r\n      el.style.opacity = '1';\r\n      el.style.transform = 'none';\r\n    });\r\n    document.querySelectorAll('.kala-s5__pin-wrap--origin .kala-s5__pin').forEach(function (el) {\r\n      el.style.opacity = '0.85';\r\n    });\r\n    var routeReduced = document.querySelector('.kala-s5__route');\r\n    if (routeReduced) routeReduced.style.opacity = '0.5';\r\n    document.querySelectorAll('.kala-s5__sea-label').forEach(function (s) { s.style.opacity = '0.4'; });\r\n    return;\r\n  }\r\n\r\n  function init() {\r\n    if (typeof gsap === 'undefined') return;\r\n    if (typeof ScrollTrigger !== 'undefined') gsap.registerPlugin(ScrollTrigger);\r\n\r\n    var section   = document.querySelector('.kala-s5');\r\n\r\n    \/* Siluetas separadas por pa\u00eds *\/\r\n    var landsES   = Array.from(document.querySelectorAll('.kala-s5__region--es .kala-s5__land, .kala-s5__region--es .kala-s5__land--small'));\r\n    var landsMX   = Array.from(document.querySelectorAll('.kala-s5__region--mx .kala-s5__land'));\r\n    var lands     = landsES.concat(landsMX);\r\n\r\n    \/* Tramos de ruta *\/\r\n    var routeGRES = document.querySelector('.kala-s5__route--gr-es');\r\n    var routeESMX = document.querySelector('.kala-s5__route--es-mx');\r\n\r\n    \/* Pines *\/\r\n    var pinGR     = document.querySelector('.kala-s5__pin-wrap--origin .kala-s5__pin');\r\n    var pinsES    = Array.from(document.querySelectorAll('.kala-s5__pin-wrap[data-city=\"madrid\"] .kala-s5__pin, .kala-s5__pin-wrap[data-city=\"sevilla\"] .kala-s5__pin, .kala-s5__pin-wrap[data-city=\"malaga\"] .kala-s5__pin'));\r\n    var pinMX     = document.querySelector('.kala-s5__pin-wrap[data-city=\"cdmx\"] .kala-s5__pin');\r\n\r\n    \/* Labels *\/\r\n    var labelGR   = document.querySelector('.kala-s5__label--grecia');\r\n    var labelsES  = [\r\n      document.querySelector('.kala-s5__label--madrid'),\r\n      document.querySelector('.kala-s5__label--sevilla'),\r\n      document.querySelector('.kala-s5__label--malaga')\r\n    ].filter(Boolean);\r\n    var labelCDMX = document.querySelector('.kala-s5__label--cdmx');\r\n\r\n    \/* Decoraci\u00f3n *\/\r\n    var seas      = Array.from(document.querySelectorAll('.kala-s5__sea-label'));\r\n    var compass   = document.querySelector('.kala-s5__compass');\r\n\r\n    \/* Preparar dasharray para el dibujado de las siluetas\r\n       (compensando el scale del <g> padre por non-scaling-stroke) *\/\r\n    lands.forEach(function (el) {\r\n      var len;\r\n      try {\r\n        len = (typeof el.getTotalLength === 'function') ? el.getTotalLength() : 200;\r\n      } catch (e) { len = 200; }\r\n\r\n      var scale = 1;\r\n      var parent = el.closest('g[transform]');\r\n      if (parent) {\r\n        var match = parent.getAttribute('transform').match(\/scale\\(([0-9.]+)\\)\/);\r\n        if (match) scale = parseFloat(match[1]);\r\n      }\r\n      var visualLen = len * scale;\r\n      el.style.strokeDasharray  = visualLen;\r\n      el.style.strokeDashoffset = visualLen;\r\n    });\r\n\r\n    \/* ============================================================\r\n       SECUENCIA NARRATIVA:\r\n       1) Header (eyebrow + headline)\r\n       2) Decoraci\u00f3n (compass + seas) \u2014 entra suave en paralelo\r\n       3) Greece: pin de origen + label \"Greece \u00b7 Origin\"\r\n       4) Trayecto Greece \u2192 Espa\u00f1a (ruta punteada)\r\n       5) Silueta Espa\u00f1a + 3 pines (Madrid, Sevilla, M\u00e1laga) + sus labels\r\n       6) Trayecto Espa\u00f1a \u2192 M\u00e9xico (ruta punteada)\r\n       7) Silueta M\u00e9xico + pin CDMX + label \"Polanco, CDMX\"\r\n       8) Pie + CTA\r\n       ============================================================ *\/\r\n\r\n    var tl = gsap.timeline({\r\n      scrollTrigger: { trigger: section, start: 'top 70%' }\r\n    });\r\n\r\n    \/* Filosof\u00eda de timing: cada animaci\u00f3n individual es m\u00e1s LARGA (smooth),\r\n       pero los solapamientos son mayores (cada paso empieza bastante antes\r\n       de que termine el anterior). Resultado: cinematogr\u00e1fico sin esperar. *\/\r\n\r\n    \/* 1. Header *\/\r\n    tl.to('.kala-s5__eyebrow',  { opacity: 1, y: 0, duration: 0.7,  ease: 'power3.out' });\r\n    tl.to('.kala-s5__headline', { opacity: 1, y: 0, duration: 0.95, ease: 'power3.out' }, '-=0.5');\r\n\r\n    \/* 2. Decoraci\u00f3n: compass + etiquetas de mares (en paralelo, muy suave) *\/\r\n    if (compass) {\r\n      tl.to(compass, { opacity: 1, duration: 1.1, ease: 'power2.out' }, '-=0.75');\r\n    }\r\n    tl.to(seas, { opacity: 0.4, duration: 1.1, ease: 'power2.out', stagger: 0.08 }, '-=1.0');\r\n\r\n    \/* 3. GRECIA \u2014 origen *\/\r\n    tl.fromTo(pinGR,\r\n      { opacity: 0, y: -10, scale: 0.5, transformOrigin: '0px 0px' },\r\n      { opacity: 0.85, y: 0, scale: 1, duration: 0.85, ease: 'back.out(1.8)' },\r\n      '-=0.7'\r\n    );\r\n    if (labelGR) {\r\n      tl.to(labelGR, { opacity: 1, duration: 0.7, ease: 'power2.out' }, '-=0.55');\r\n    }\r\n\r\n    \/* 4. Trayecto Greece \u2192 Espa\u00f1a (empieza casi en paralelo con el label) *\/\r\n    if (routeGRES) {\r\n      tl.to(routeGRES, { opacity: 0.55, duration: 1.2, ease: 'power2.inOut' }, '-=0.35');\r\n    }\r\n\r\n    \/* 5. Espa\u00f1a: silueta + 3 pines + labels (todo se solapa fuerte) *\/\r\n    tl.to(landsES, {\r\n      strokeDashoffset: 0,\r\n      duration: 1.4,\r\n      ease: 'power2.inOut',\r\n      stagger: 0.08\r\n    }, '-=0.95');\r\n\r\n    tl.fromTo(pinsES,\r\n      { opacity: 0, y: -16, scale: 0.4, transformOrigin: '0px 0px' },\r\n      { opacity: 1, y: 0, scale: 1, duration: 0.7, ease: 'back.out(2.2)', stagger: 0.12 },\r\n      '-=0.95'\r\n    );\r\n\r\n    tl.to(labelsES, { opacity: 1, duration: 0.65, ease: 'power2.out', stagger: 0.1 }, '-=0.6');\r\n\r\n    \/* 6. Trayecto Espa\u00f1a \u2192 M\u00e9xico *\/\r\n    if (routeESMX) {\r\n      tl.to(routeESMX, { opacity: 0.55, duration: 1.3, ease: 'power2.inOut' }, '-=0.4');\r\n    }\r\n\r\n    \/* 7. M\u00e9xico: silueta + pin CDMX + label *\/\r\n    tl.to(landsMX, {\r\n      strokeDashoffset: 0,\r\n      duration: 1.3,\r\n      ease: 'power2.inOut'\r\n    }, '-=1.05');\r\n\r\n    tl.fromTo(pinMX,\r\n      { opacity: 0, y: -16, scale: 0.4, transformOrigin: '0px 0px' },\r\n      { opacity: 1, y: 0, scale: 1, duration: 0.7, ease: 'back.out(2.2)' },\r\n      '-=0.95'\r\n    );\r\n\r\n    if (labelCDMX) {\r\n      tl.to(labelCDMX, { opacity: 1, duration: 0.7, ease: 'power2.out' }, '-=0.55');\r\n    }\r\n\r\n    \/* 8. CTA (sin pie editorial \u2014 la secci\u00f3n termina en mapa + acci\u00f3n) *\/\r\n    tl.to('.kala-s5__cta', { opacity: 1, y: 0, duration: 0.75, ease: 'power3.out' }, '-=0.55');\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', init);\r\n  } else {\r\n    init();\r\n  }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-370ee98 e-con-full e-flex e-con e-parent\" data-id=\"370ee98\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d4ca19 elementor-widget elementor-widget-html\" data-id=\"3d4ca19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n     SECCI\u00d3N 6 \u2014 CTA FRANQUICIAS \u00b7 Arco editorial limpio\r\n     \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n\r\n  .kala-s6 {\r\n    width: 100vw;\r\n    position: relative;\r\n    left: 50%;\r\n    margin-left: -50vw;\r\n    background: var(--kala-crema);\r\n    box-sizing: border-box;\r\n    overflow-x: clip;\r\n    padding: clamp(80px, 10vw, 160px) 6vw clamp(80px, 10vw, 160px);\r\n  }\r\n\r\n  .kala-s6__inner {\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: clamp(48px, 6vw, 96px);\r\n    align-items: center;\r\n  }\r\n\r\n  \/* \u2500\u2500 Arco (mismo SVG que el hero) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .kala-s6__arch {\r\n    height: clamp(320px, 52vh, 560px);\r\n    width: auto;\r\n    justify-self: center;\r\n    opacity: 0;\r\n    transform: translateY(20px) scale(0.96);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s6__arch svg {\r\n    height: 100%;\r\n    width: auto;\r\n    display: block;\r\n  }\r\n\r\n  \/* \u2500\u2500 Texto \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  .kala-s6__content {\r\n    max-width: 32rem;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n  }\r\n\r\n  .kala-s6__headline {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    font-size: clamp(26px, 3.4vw, 52px);\r\n    color: var(--kala-klein);\r\n    line-height: var(--kala-lh-tight);\r\n    margin: 0 0 clamp(20px, 2.5vw, 32px) 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s6__texto {\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(15px, 1.2vw, 17px);\r\n    line-height: var(--kala-lh-relaxed);\r\n    color: var(--kala-oceano);\r\n    margin: 0 0 clamp(28px, 3vw, 40px) 0 !important;\r\n    padding: 0 !important;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s6__texto em {\r\n    font-family: var(--kala-serif);\r\n    font-style: italic;\r\n  }\r\n\r\n  \/* P\u00e1rrafo no-final: separaci\u00f3n m\u00e1s ajustada *\/\r\n  .kala-s6__texto:not(:last-of-type) {\r\n    margin-bottom: clamp(14px, 1.4vw, 20px) !important;\r\n  }\r\n\r\n  .kala-s6__cta-wrap {\r\n    display: flex;\r\n    justify-content: center;\r\n    opacity: 0;\r\n    transform: translateY(12px);\r\n    will-change: opacity, transform;\r\n  }\r\n\r\n  .kala-s6__btn {\r\n    display: inline-block;\r\n    font-family: var(--kala-sans);\r\n    font-weight: 400;\r\n    font-size: clamp(11px, 0.9vw, 13px);\r\n    color: var(--kala-oceano);\r\n    text-decoration: none;\r\n    letter-spacing: 0.26em;\r\n    text-transform: uppercase;\r\n    padding: 14px 36px;\r\n    border: 1px solid var(--kala-oceano-20);\r\n    background: transparent;\r\n    cursor: pointer;\r\n    transition: background var(--kala-transition), color var(--kala-transition), border-color var(--kala-transition);\r\n  }\r\n\r\n  .kala-s6__btn:hover {\r\n    background: var(--kala-oceano);\r\n    color: var(--kala-crema);\r\n    border-color: var(--kala-oceano);\r\n  }\r\n\r\n  \/* \u2500\u2500 Responsive \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\r\n  @media (min-width: 900px) {\r\n    .kala-s6__inner {\r\n      grid-template-columns: minmax(280px, 420px) 1fr;\r\n      gap: clamp(64px, 8vw, 120px);\r\n    }\r\n\r\n    .kala-s6__arch {\r\n      justify-self: start;\r\n    }\r\n\r\n    .kala-s6__content {\r\n      margin: 0;\r\n      text-align: left;\r\n    }\r\n\r\n    .kala-s6__cta-wrap {\r\n      justify-content: flex-start;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 640px) {\r\n    .kala-s6__arch { height: clamp(280px, 46vh, 420px); }\r\n  }\r\n\r\n  @media (prefers-reduced-motion: reduce) {\r\n    .kala-s6__arch,\r\n    .kala-s6__headline,\r\n    .kala-s6__texto,\r\n    .kala-s6__cta-wrap {\r\n      opacity: 1 !important;\r\n      transform: none !important;\r\n    }\r\n  }\r\n<\/style><section class=\"kala-s6\" aria-labelledby=\"kala-s6-titulo\"><div class=\"kala-s6__inner\"><div class=\"kala-s6__arch\"><svg viewBox=\"0 0 280 390\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\"><defs><clipPath id=\"kala-s6-arch-clip\"><path d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\/><\/clipPath><\/defs><image\r\n          href=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/2026\/06\/Copy-of-BACON-STUDIO-28-3-scaled.jpg\"\r\n          x=\"-25\" y=\"-20\"\r\n          width=\"330\" height=\"430\"\r\n          preserveAspectRatio=\"xMidYMid slice\"\r\n          clip-path=\"url(#kala-s6-arch-clip)\"\/><path\r\n          d=\"M 0 140 A 140 140 0 0 1 280 140 L 280 390 L 0 390 Z\"\r\n          fill=\"none\" stroke=\"currentColor\" stroke-width=\"0.6\" opacity=\"0.3\"\r\n          style=\"color: var(--kala-oceano);\"\/><\/svg><\/div><div class=\"kala-s6__content\"><h2 id=\"kala-s6-titulo\" class=\"kala-s6__headline\">Imagine the next Kala in your city.\r\n      <\/h2><p class=\"kala-s6__texto\">Behind every Kala there's its own workshop, handmade recipes\r\n        and a serene way of welcoming everyone who walks in.\r\n      <\/p><p class=\"kala-s6__texto\">That's what beats within our franchise: a carefully crafted model,\r\n        true to its origin \u2014 and open to anyone who wants to write the next chapter.\r\n      <\/p><div class=\"kala-s6__cta-wrap\"><a href=\"https:\/\/kalagreekfrozenyogurt.com\/en\/franchises\/\" class=\"kala-s6__btn\">I want to know more<\/a><\/div><\/div><\/div><\/section><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/gsap@3.12.7\/dist\/gsap.min.js\"><\/script><script>(function () {\r\n  'use strict';\r\n\r\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {\r\n    document.querySelectorAll('.kala-s6__arch, .kala-s6__headline, .kala-s6__texto, .kala-s6__cta-wrap').forEach(function(el){\r\n      el.style.opacity = '1';\r\n      el.style.transform = 'none';\r\n    });\r\n    return;\r\n  }\r\n\r\n  function init() {\r\n    if (typeof gsap === 'undefined') return;\r\n\r\n    var section = document.querySelector('.kala-s6');\r\n    if (!section) return;\r\n\r\n    var tl = gsap.timeline({ paused: true });\r\n    tl.to('.kala-s6__arch',     { opacity: 1, y: 0, scale: 1, duration: 1.3, ease: 'expo.out' });\r\n    tl.to('.kala-s6__headline', { opacity: 1, y: 0, duration: 0.8, ease: 'power3.out' }, '-=1.05');\r\n    tl.to('.kala-s6__texto',    { opacity: 1, y: 0, duration: 0.6, ease: 'power2.out' }, '-=0.55');\r\n    tl.to('.kala-s6__cta-wrap', { opacity: 1, y: 0, duration: 0.55, ease: 'power2.out' }, '-=0.4');\r\n\r\n    if (!('IntersectionObserver' in window)) {\r\n      tl.play();\r\n      return;\r\n    }\r\n\r\n    var io = new IntersectionObserver(function(entries){\r\n      entries.forEach(function(entry){\r\n        if (entry.isIntersecting) {\r\n          tl.play();\r\n          io.disconnect();\r\n        }\r\n      });\r\n    }, { threshold: 0.2, rootMargin: '0px 0px -8% 0px' });\r\n\r\n    io.observe(section);\r\n  }\r\n\r\n  if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); }\r\n  else { init(); }\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7d95062 e-con-full e-flex e-con e-parent\" data-id=\"7d95062\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea3c329 elementor-widget elementor-widget-html\" data-id=\"ea3c329\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.kala-igt{ text-align:center; padding:0 6vw; box-sizing:border-box; }\r\n  .kala-igt__eyebrow{\r\n    display:inline-block; font-family:var(--kala-sans,Arial,sans-serif); font-weight:500;\r\n    font-size:clamp(11px,0.85vw,13px); letter-spacing:.32em; text-transform:uppercase;\r\n    color:var(--kala-oceano,#4161AF); opacity:.65; margin:0 0 14px; padding:0;\r\n    opacity:0; transform:translateY(8px); transition:opacity .6s ease, transform .6s ease;\r\n  }\r\n  .kala-igt__title{\r\n    font-family:var(--kala-serif,Georgia,serif); font-weight:400;\r\n    font-size:clamp(28px,4.4vw,48px); line-height:1.12;\r\n    color:var(--kala-klein,#054DDD); margin:0 0 12px; padding:0;\r\n    opacity:0; transform:translateY(12px); transition:opacity .7s ease .1s, transform .7s ease .1s;\r\n  }\r\n  .kala-igt__title em{ font-style:italic; }\r\n  .kala-igt__sub{\r\n    font-family:var(--kala-sans,Arial,sans-serif);\r\n    font-size:clamp(14px,1.3vw,18px); line-height:1.6;\r\n    color:var(--kala-oceano,#4161AF); opacity:.85; max-width:440px; margin:0 auto; padding:0;\r\n    opacity:0; transform:translateY(10px); transition:opacity .7s ease .2s, transform .7s ease .2s;\r\n  }\r\n  .kala-igt.is-in .kala-igt__eyebrow,\r\n  .kala-igt.is-in .kala-igt__title,\r\n  .kala-igt.is-in .kala-igt__sub{ opacity:1; transform:none; }\r\n<\/style><div class=\"kala-igt\"><span class=\"kala-igt__eyebrow\">Instagram<\/span><p class=\"kala-igt__title\">A little <em>meraki<\/em> each day.<\/p><p class=\"kala-igt__sub\">The latest from our stores and our workshop.<\/p><\/div><script>(function(){\r\n  var s=document.querySelector('.kala-igt');\r\n  if(!s) return;\r\n  if(window.matchMedia('(prefers-reduced-motion: reduce)').matches || !('IntersectionObserver' in window)){ s.classList.add('is-in'); return; }\r\n  var io=new IntersectionObserver(function(es){ es.forEach(function(e){ if(e.isIntersecting){ s.classList.add('is-in'); io.disconnect(); } }); },{ threshold:0.2 });\r\n  io.observe(s);\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43c873b kala-igf elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"43c873b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div id=\"sb_instagram\"  class=\"sbi sbi_mob_col_1 sbi_tab_col_2 sbi_col_4 sbi_width_resp\" style=\"padding-bottom: 10px;\"\t data-feedid=\"*1\"  data-res=\"auto\" data-cols=\"4\" data-colsmobile=\"1\" data-colstablet=\"2\" data-num=\"6\" data-nummobile=\"6\" data-item-padding=\"5\"\t data-shortcode-atts=\"{&quot;feed&quot;:&quot;1&quot;}\"  data-postid=\"752\" data-locatornonce=\"1477c1bfe1\" data-imageaspectratio=\"3:4\" data-sbi-flags=\"favorLocal\">\n\t<div class=\"sb_instagram_header  sbi_medium\"   >\n\t<a class=\"sbi_header_link\" target=\"_blank\" rel=\"nofollow noopener\" href=\"https:\/\/www.instagram.com\/kalafrozenyogurt\/\" title=\"@kalafrozenyogurt\">\n\t\t<div class=\"sbi_header_text\">\n\t\t\t<div class=\"sbi_header_img\"  data-avatar-url=\"https:\/\/scontent-fra3-1.cdninstagram.com\/v\/t51.82787-19\/623513200_17923273764208801_7010814623164619575_n.jpg?stp=dst-jpg_s206x206_tt6&amp;_nc_cat=103&amp;ccb=7-5&amp;_nc_sid=bf7eb4&amp;efg=eyJ2ZW5jb2RlX3RhZyI6InByb2ZpbGVfcGljLnd3dy43ODcuQzMifQ%3D%3D&amp;_nc_ohc=R5iJi7Pnwf8Q7kNvwETtJ6s&amp;_nc_oc=AdouehAw5DTVaozBvoNfO3cYFewCRXPJty9sswdIigtKZLkQCzlLQu7klD3y2LN2UJg&amp;_nc_zt=24&amp;_nc_ht=scontent-fra3-1.cdninstagram.com&amp;edm=AP4hL3IEAAAA&amp;_nc_gid=M3uASXpufeHFZ-a8pP1Msg&amp;_nc_tpa=Q5bMBQGDycmW5tkqjD9EHzrCLxqmOBuH6Xk6N0ZDw-m60CljqbwYOkL5WERXCx8N8Q1RKx9ehwCBn5Ehrg&amp;oh=00_AQA75IflcmcSkS8rviBgRruY-eKMKv2pU6r4mmYOzAC5sQ&amp;oe=6A5DE918\">\n\t\t\t\t\t\t\t\t\t<div class=\"sbi_header_img_hover\"  ><svg class=\"sbi_new_logo fa-instagram fa-w-14\" aria-hidden=\"true\" data-fa-processed=\"\" aria-label=\"Instagram\" data-prefix=\"fab\" data-icon=\"instagram\" role=\"img\" viewBox=\"0 0 448 512\">\n                    <path fill=\"currentColor\" d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path>\n                <\/svg><\/div>\n\t\t\t\t\t<img decoding=\"async\"  src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/uploads\/sb-instagram-feed-images\/kalafrozenyogurt.webp\" alt=\"\" width=\"50\" height=\"50\">\n\t\t\t\t\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"sbi_feedtheme_header_text\">\n\t\t\t\t<h3>kalafrozenyogurt<\/h3>\n\t\t\t\t\t\t\t\t\t<p class=\"sbi_bio\">The Original Greek Frozen Yogurt\ud83c\udf66\ud83c\uddec\ud83c\uddf7<br>\nThe essence of Greece in every bite \u2728<br>\nMAD \/ SEV \/ MLG \/ MEX \/ USA\ud83d\udd1c<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/a>\n<\/div>\n\n\t<div id=\"sbi_images\"  style=\"gap: 10px;\">\n\t\t<div class=\"sbi_item sbi_type_video sbi_new sbi_transition\"\n\tid=\"sbi_18110732449753057\" data-date=\"1783866433\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/reel\/DasjKUtKmMj\/\" target=\"_blank\" rel=\"noopener nofollow\" data-full-res=\"https:\/\/scontent-fra5-2.cdninstagram.com\/v\/t51.82787-15\/735128796_17946673662208801_1020236825009042074_n.jpg?stp=dst-jpg_e35_tt6&#038;_nc_cat=107&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&#038;_nc_ohc=tKdE3LY2zJ8Q7kNvwGLBMDM&#038;_nc_oc=AdrqlCfmKqNI4B4akMtlVVhbHQd7uOvwFGyG072ICz4sEz0cs06tTnRDZY3qJ4oIJsM&#038;_nc_zt=23&#038;_nc_ht=scontent-fra5-2.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&#038;_nc_tpa=Q5bMBQHPSyTXkTcwSHrvDtLrUC4W2LGk_FZFId4cuMgN-jTaNKjP1Uaw8wt8ogNV4D4KnKImTSehmTawUg&#038;oh=00_AQCsWMvz4RH0xfQjSy6t4CWez3GVlZu1ygNGosMtCIeHZg&#038;oe=6A5DFA6E\" data-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/735128796_17946673662208801_1020236825009042074_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=tKdE3LY2zJ8Q7kNvwGLBMDM&amp;_nc_oc=AdrqlCfmKqNI4B4akMtlVVhbHQd7uOvwFGyG072ICz4sEz0cs06tTnRDZY3qJ4oIJsM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHPSyTXkTcwSHrvDtLrUC4W2LGk_FZFId4cuMgN-jTaNKjP1Uaw8wt8ogNV4D4KnKImTSehmTawUg&amp;oh=00_AQCsWMvz4RH0xfQjSy6t4CWez3GVlZu1ygNGosMtCIeHZg&amp;oe=6A5DFA6E&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/735128796_17946673662208801_1020236825009042074_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=tKdE3LY2zJ8Q7kNvwGLBMDM&amp;_nc_oc=AdrqlCfmKqNI4B4akMtlVVhbHQd7uOvwFGyG072ICz4sEz0cs06tTnRDZY3qJ4oIJsM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHPSyTXkTcwSHrvDtLrUC4W2LGk_FZFId4cuMgN-jTaNKjP1Uaw8wt8ogNV4D4KnKImTSehmTawUg&amp;oh=00_AQCsWMvz4RH0xfQjSy6t4CWez3GVlZu1ygNGosMtCIeHZg&amp;oe=6A5DFA6E&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/735128796_17946673662208801_1020236825009042074_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=tKdE3LY2zJ8Q7kNvwGLBMDM&amp;_nc_oc=AdrqlCfmKqNI4B4akMtlVVhbHQd7uOvwFGyG072ICz4sEz0cs06tTnRDZY3qJ4oIJsM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHPSyTXkTcwSHrvDtLrUC4W2LGk_FZFId4cuMgN-jTaNKjP1Uaw8wt8ogNV4D4KnKImTSehmTawUg&amp;oh=00_AQCsWMvz4RH0xfQjSy6t4CWez3GVlZu1ygNGosMtCIeHZg&amp;oe=6A5DFA6E&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/735128796_17946673662208801_1020236825009042074_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=tKdE3LY2zJ8Q7kNvwGLBMDM&amp;_nc_oc=AdrqlCfmKqNI4B4akMtlVVhbHQd7uOvwFGyG072ICz4sEz0cs06tTnRDZY3qJ4oIJsM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHPSyTXkTcwSHrvDtLrUC4W2LGk_FZFId4cuMgN-jTaNKjP1Uaw8wt8ogNV4D4KnKImTSehmTawUg&amp;oh=00_AQCsWMvz4RH0xfQjSy6t4CWez3GVlZu1ygNGosMtCIeHZg&amp;oe=6A5DFA6E&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">Hay nombres que simplemente suenan bien. Y otros q<\/span>\n\t\t\t\t\t\t<svg style=\"color: rgba(255,255,255,1)\" class=\"svg-inline--fa fa-play fa-w-14 sbi_playbtn\" aria-label=\"Play\" aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fa\" data-icon=\"play\" role=\"presentation\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg>\t\t\t<img decoding=\"async\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"Hay nombres que simplemente suenan bien. Y otros que cuentan una historia.\n\nKala no fue una elecci\u00f3n al azar. Representa una forma de hacer las cosas: con tiempo, con intencionalidad y prestando atenci\u00f3n a cada detalle.\n\nCreemos que lo aut\u00e9ntico no necesita prisas. Que un buen producto empieza mucho antes de llegar a tus manos. Y que los peque\u00f1os gestos son los que marcan la diferencia.\n\nEse es el significado de Kala. Y tambi\u00e9n la forma en la que queremos que te sientas cada vez que nos visitas.\n\n\u00bfConoc\u00edas el origen de nuestro nombre? \ud83e\udd0d\n\n#frozenyogurtlover #kala #moments #summer #cool\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_carousel sbi_new sbi_transition\"\n\tid=\"sbi_17907784713264614\" data-date=\"1783431089\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/p\/DaflFppgkMT\/\" target=\"_blank\" rel=\"noopener nofollow\" data-full-res=\"https:\/\/scontent-fra3-2.cdninstagram.com\/v\/t51.82787-15\/731697935_17945776764208801_2748419046908247994_n.jpg?stp=dst-jpg_e35_tt6&#038;_nc_cat=111&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&#038;_nc_ohc=iVP9xuvX4_EQ7kNvwGkMdId&#038;_nc_oc=AdqQ1l6kLJOpyW3StT2ohR02d6XRe-p3MaMj3FOfUI7mOvzBQRb_r0E5RQ8V7EoGmFU&#038;_nc_zt=23&#038;_nc_ht=scontent-fra3-2.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&#038;_nc_tpa=Q5bMBQHD_dmcBc0PRrmdMY_YTK-2w-_Ve5HUiYjs5Ho1rYHh9Kt53p5HRaOLBmbUkWVwQQxgANw0xyNdog&#038;oh=00_AQDdzpp13xvgdvxr0ieFlcdPQ8rousBaiR5ZajUNh4DP-A&#038;oe=6A5E0779\" data-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-fra3-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/731697935_17945776764208801_2748419046908247994_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=111&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=iVP9xuvX4_EQ7kNvwGkMdId&amp;_nc_oc=AdqQ1l6kLJOpyW3StT2ohR02d6XRe-p3MaMj3FOfUI7mOvzBQRb_r0E5RQ8V7EoGmFU&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHD_dmcBc0PRrmdMY_YTK-2w-_Ve5HUiYjs5Ho1rYHh9Kt53p5HRaOLBmbUkWVwQQxgANw0xyNdog&amp;oh=00_AQDdzpp13xvgdvxr0ieFlcdPQ8rousBaiR5ZajUNh4DP-A&amp;oe=6A5E0779&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-fra3-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/731697935_17945776764208801_2748419046908247994_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=111&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=iVP9xuvX4_EQ7kNvwGkMdId&amp;_nc_oc=AdqQ1l6kLJOpyW3StT2ohR02d6XRe-p3MaMj3FOfUI7mOvzBQRb_r0E5RQ8V7EoGmFU&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHD_dmcBc0PRrmdMY_YTK-2w-_Ve5HUiYjs5Ho1rYHh9Kt53p5HRaOLBmbUkWVwQQxgANw0xyNdog&amp;oh=00_AQDdzpp13xvgdvxr0ieFlcdPQ8rousBaiR5ZajUNh4DP-A&amp;oe=6A5E0779&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-fra3-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/731697935_17945776764208801_2748419046908247994_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=111&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=iVP9xuvX4_EQ7kNvwGkMdId&amp;_nc_oc=AdqQ1l6kLJOpyW3StT2ohR02d6XRe-p3MaMj3FOfUI7mOvzBQRb_r0E5RQ8V7EoGmFU&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHD_dmcBc0PRrmdMY_YTK-2w-_Ve5HUiYjs5Ho1rYHh9Kt53p5HRaOLBmbUkWVwQQxgANw0xyNdog&amp;oh=00_AQDdzpp13xvgdvxr0ieFlcdPQ8rousBaiR5ZajUNh4DP-A&amp;oe=6A5E0779&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-fra3-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/731697935_17945776764208801_2748419046908247994_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=111&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=iVP9xuvX4_EQ7kNvwGkMdId&amp;_nc_oc=AdqQ1l6kLJOpyW3StT2ohR02d6XRe-p3MaMj3FOfUI7mOvzBQRb_r0E5RQ8V7EoGmFU&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQHD_dmcBc0PRrmdMY_YTK-2w-_Ve5HUiYjs5Ho1rYHh9Kt53p5HRaOLBmbUkWVwQQxgANw0xyNdog&amp;oh=00_AQDdzpp13xvgdvxr0ieFlcdPQ8rousBaiR5ZajUNh4DP-A&amp;oe=6A5E0779&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">\u00bfSab\u00edas que el baklava es un dulce con siglos de h<\/span>\n\t\t\t<svg class=\"svg-inline--fa fa-clone fa-w-16 sbi_lightbox_carousel_icon\" aria-hidden=\"true\" aria-label=\"Clone\" data-fa-pro\u0192cessed=\"\" data-prefix=\"far\" data-icon=\"clone\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\">\n                    <path fill=\"currentColor\" d=\"M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z\"><\/path>\n                <\/svg>\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"\u00bfSab\u00edas que el baklava es un dulce con siglos de historia y que tradicionalmente se elabora capa a capa con una masa muy fina hasta conseguir su caracter\u00edstica textura crujiente? \u2728\n\nEn KALA nos inspiramos en esta receta tan especial para elaborar nuestro baklava artesanal, un topping que combina ese toque crujiente con un sabor intenso que convierte tu yogur helado de KALA en una experiencia diferente.\n\nSi todav\u00eda no lo has probado, este puede ser el momento. \ud83e\udd0d\ud83c\udf66\n\n#Kala #FrozenYogurt #YogurHelado #Baklava #BaklavaArtesanal\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_video sbi_new sbi_transition\"\n\tid=\"sbi_18098920055599562\" data-date=\"1783010762\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/reel\/DaTDTHjiGT7\/\" target=\"_blank\" rel=\"noopener nofollow\" data-full-res=\"https:\/\/scontent-fra5-2.cdninstagram.com\/v\/t51.82787-15\/730809269_17945052573208801_5441743138792355764_n.jpg?stp=dst-jpg_e35_tt6&#038;_nc_cat=107&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&#038;_nc_ohc=rFXkFo5dlA8Q7kNvwEc20kG&#038;_nc_oc=AdrKsg6M7c-_Ge8ymkF_vMNcTMTL9ERTIhfEWSLluiCvq6KglPO5EMgPHMgtyrx7dSo&#038;_nc_zt=23&#038;_nc_ht=scontent-fra5-2.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&#038;_nc_tpa=Q5bMBQGEPOYEYjuS9x5PzB2ZGfYiEju0yd9i6uY-OEckaD9fpXS1wlcm1Y4Y1xsrH-GeqpCoXQ8tzbtHDw&#038;oh=00_AQCvolES9q5b7RZW4Acwl3p3P1KIHg3rFf1bYtgYL0zASQ&#038;oe=6A5E12A7\" data-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/730809269_17945052573208801_5441743138792355764_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=rFXkFo5dlA8Q7kNvwEc20kG&amp;_nc_oc=AdrKsg6M7c-_Ge8ymkF_vMNcTMTL9ERTIhfEWSLluiCvq6KglPO5EMgPHMgtyrx7dSo&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGEPOYEYjuS9x5PzB2ZGfYiEju0yd9i6uY-OEckaD9fpXS1wlcm1Y4Y1xsrH-GeqpCoXQ8tzbtHDw&amp;oh=00_AQCvolES9q5b7RZW4Acwl3p3P1KIHg3rFf1bYtgYL0zASQ&amp;oe=6A5E12A7&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/730809269_17945052573208801_5441743138792355764_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=rFXkFo5dlA8Q7kNvwEc20kG&amp;_nc_oc=AdrKsg6M7c-_Ge8ymkF_vMNcTMTL9ERTIhfEWSLluiCvq6KglPO5EMgPHMgtyrx7dSo&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGEPOYEYjuS9x5PzB2ZGfYiEju0yd9i6uY-OEckaD9fpXS1wlcm1Y4Y1xsrH-GeqpCoXQ8tzbtHDw&amp;oh=00_AQCvolES9q5b7RZW4Acwl3p3P1KIHg3rFf1bYtgYL0zASQ&amp;oe=6A5E12A7&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/730809269_17945052573208801_5441743138792355764_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=rFXkFo5dlA8Q7kNvwEc20kG&amp;_nc_oc=AdrKsg6M7c-_Ge8ymkF_vMNcTMTL9ERTIhfEWSLluiCvq6KglPO5EMgPHMgtyrx7dSo&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGEPOYEYjuS9x5PzB2ZGfYiEju0yd9i6uY-OEckaD9fpXS1wlcm1Y4Y1xsrH-GeqpCoXQ8tzbtHDw&amp;oh=00_AQCvolES9q5b7RZW4Acwl3p3P1KIHg3rFf1bYtgYL0zASQ&amp;oe=6A5E12A7&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-fra5-2.cdninstagram.com\\\/v\\\/t51.82787-15\\\/730809269_17945052573208801_5441743138792355764_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=107&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=rFXkFo5dlA8Q7kNvwEc20kG&amp;_nc_oc=AdrKsg6M7c-_Ge8ymkF_vMNcTMTL9ERTIhfEWSLluiCvq6KglPO5EMgPHMgtyrx7dSo&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-2.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGEPOYEYjuS9x5PzB2ZGfYiEju0yd9i6uY-OEckaD9fpXS1wlcm1Y4Y1xsrH-GeqpCoXQ8tzbtHDw&amp;oh=00_AQCvolES9q5b7RZW4Acwl3p3P1KIHg3rFf1bYtgYL0zASQ&amp;oe=6A5E12A7&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">Hay momentos que saben mejor cuando se comparten.<\/span>\n\t\t\t\t\t\t<svg style=\"color: rgba(255,255,255,1)\" class=\"svg-inline--fa fa-play fa-w-14 sbi_playbtn\" aria-label=\"Play\" aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fa\" data-icon=\"play\" role=\"presentation\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg>\t\t\t<img decoding=\"async\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"Hay momentos que saben mejor cuando se comparten. \ud83e\udd0d\n\nUna conversaci\u00f3n, una tarde sin prisas o ese plan que no estaba previsto y acaba siendo el mejor del d\u00eda.\n\nEn KALA creemos que no hace falta una ocasi\u00f3n especial para disfrutar. Solo buena compa\u00f1\u00eda... y algo rico que compartir. \ud83c\udf66\u2728\n\n\u00bfCon qui\u00e9n vendr\u00edas a disfrutar en KALA? \ud83d\udc47\n\n#KALA #FrozenYogurt #Momentos #Comparte\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_carousel sbi_new sbi_transition\"\n\tid=\"sbi_18075821579694193\" data-date=\"1782650342\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/p\/DaIT7obgter\/\" target=\"_blank\" rel=\"noopener nofollow\" data-full-res=\"https:\/\/scontent-fra5-1.cdninstagram.com\/v\/t51.82787-15\/728833582_17944373745208801_7575635272850087502_n.jpg?stp=dst-jpg_e35_tt6&#038;_nc_cat=102&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&#038;_nc_ohc=ZbIVIDfg4uoQ7kNvwG1K6vC&#038;_nc_oc=AdoHLd57jIRjcaaoqILbujClloN9kIUTRKmQ4vINYnI_0OuQvsMLqL0J_AQh0g7Z0XI&#038;_nc_zt=23&#038;_nc_ht=scontent-fra5-1.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&#038;_nc_tpa=Q5bMBQGFjuuEde1pyvXY4F681msl-DTAT8oPcaleetktjzdOu0KBndXGn6lOJ_iTPaZ3X4MZNz-1QLnMUg&#038;oh=00_AQDyNXsrGF-da0vSIrHz_bygqiac3KWBRQaDcTAI36J30A&#038;oe=6A5E0A76\" data-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/728833582_17944373745208801_7575635272850087502_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=102&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=ZbIVIDfg4uoQ7kNvwG1K6vC&amp;_nc_oc=AdoHLd57jIRjcaaoqILbujClloN9kIUTRKmQ4vINYnI_0OuQvsMLqL0J_AQh0g7Z0XI&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGFjuuEde1pyvXY4F681msl-DTAT8oPcaleetktjzdOu0KBndXGn6lOJ_iTPaZ3X4MZNz-1QLnMUg&amp;oh=00_AQDyNXsrGF-da0vSIrHz_bygqiac3KWBRQaDcTAI36J30A&amp;oe=6A5E0A76&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/728833582_17944373745208801_7575635272850087502_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=102&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=ZbIVIDfg4uoQ7kNvwG1K6vC&amp;_nc_oc=AdoHLd57jIRjcaaoqILbujClloN9kIUTRKmQ4vINYnI_0OuQvsMLqL0J_AQh0g7Z0XI&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGFjuuEde1pyvXY4F681msl-DTAT8oPcaleetktjzdOu0KBndXGn6lOJ_iTPaZ3X4MZNz-1QLnMUg&amp;oh=00_AQDyNXsrGF-da0vSIrHz_bygqiac3KWBRQaDcTAI36J30A&amp;oe=6A5E0A76&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/728833582_17944373745208801_7575635272850087502_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=102&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=ZbIVIDfg4uoQ7kNvwG1K6vC&amp;_nc_oc=AdoHLd57jIRjcaaoqILbujClloN9kIUTRKmQ4vINYnI_0OuQvsMLqL0J_AQh0g7Z0XI&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGFjuuEde1pyvXY4F681msl-DTAT8oPcaleetktjzdOu0KBndXGn6lOJ_iTPaZ3X4MZNz-1QLnMUg&amp;oh=00_AQDyNXsrGF-da0vSIrHz_bygqiac3KWBRQaDcTAI36J30A&amp;oe=6A5E0A76&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/728833582_17944373745208801_7575635272850087502_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=102&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=ZbIVIDfg4uoQ7kNvwG1K6vC&amp;_nc_oc=AdoHLd57jIRjcaaoqILbujClloN9kIUTRKmQ4vINYnI_0OuQvsMLqL0J_AQh0g7Z0XI&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGFjuuEde1pyvXY4F681msl-DTAT8oPcaleetktjzdOu0KBndXGn6lOJ_iTPaZ3X4MZNz-1QLnMUg&amp;oh=00_AQDyNXsrGF-da0vSIrHz_bygqiac3KWBRQaDcTAI36J30A&amp;oe=6A5E0A76&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">La dulzura de la fruta, el toque irresistible del<\/span>\n\t\t\t<svg class=\"svg-inline--fa fa-clone fa-w-16 sbi_lightbox_carousel_icon\" aria-hidden=\"true\" aria-label=\"Clone\" data-fa-pro\u0192cessed=\"\" data-prefix=\"far\" data-icon=\"clone\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\">\n                    <path fill=\"currentColor\" d=\"M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z\"><\/path>\n                <\/svg>\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"La dulzura de la fruta, el toque irresistible del chocolate. \ud83e\udd0d Hay combinaciones que no necesitan presentaci\u00f3n. Sabores que encajan a la perfecci\u00f3n y que siempre consiguen alegrarnos el d\u00eda \u2728\n\n \u00bfEres m\u00e1s de cl\u00e1sicos o te gusta innovar con tus combinaciones? \n\n#FrozenYogurt #FrutaFresca #Chocolate #kala #helado\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_video sbi_new sbi_transition\"\n\tid=\"sbi_17897700051329840\" data-date=\"1782306654\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/reel\/DZ-EUidiR_q\/\" target=\"_blank\" rel=\"noopener nofollow\" data-full-res=\"https:\/\/scontent-fra5-1.cdninstagram.com\/v\/t51.82787-15\/723904528_17943751665208801_6030582967168089299_n.jpg?stp=dst-jpg_e35_tt6&#038;_nc_cat=110&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&#038;_nc_ohc=pOl1V13h1rEQ7kNvwFDUiNj&#038;_nc_oc=Ado7w1qAmpP7ZAHvMbvBKC2Utk90gFADdAOsyi9cHD9SZjPVrBIfd-XtCqPiDdKJKZM&#038;_nc_zt=23&#038;_nc_ht=scontent-fra5-1.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&#038;_nc_tpa=Q5bMBQH4mu7KyWvEcW0_N18I_wRf2pT3cTqWIvX01Dm1ecSQkB_hmliBSqSEn5e3rIarLDkiXnGWdyolaQ&#038;oh=00_AQBBVXJiaDOwz5b4UTK5_GrU6ZvefZgem7kXHAQCZ2iuPQ&#038;oe=6A5DFD17\" data-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/723904528_17943751665208801_6030582967168089299_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=110&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=pOl1V13h1rEQ7kNvwFDUiNj&amp;_nc_oc=Ado7w1qAmpP7ZAHvMbvBKC2Utk90gFADdAOsyi9cHD9SZjPVrBIfd-XtCqPiDdKJKZM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQH4mu7KyWvEcW0_N18I_wRf2pT3cTqWIvX01Dm1ecSQkB_hmliBSqSEn5e3rIarLDkiXnGWdyolaQ&amp;oh=00_AQBBVXJiaDOwz5b4UTK5_GrU6ZvefZgem7kXHAQCZ2iuPQ&amp;oe=6A5DFD17&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/723904528_17943751665208801_6030582967168089299_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=110&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=pOl1V13h1rEQ7kNvwFDUiNj&amp;_nc_oc=Ado7w1qAmpP7ZAHvMbvBKC2Utk90gFADdAOsyi9cHD9SZjPVrBIfd-XtCqPiDdKJKZM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQH4mu7KyWvEcW0_N18I_wRf2pT3cTqWIvX01Dm1ecSQkB_hmliBSqSEn5e3rIarLDkiXnGWdyolaQ&amp;oh=00_AQBBVXJiaDOwz5b4UTK5_GrU6ZvefZgem7kXHAQCZ2iuPQ&amp;oe=6A5DFD17&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/723904528_17943751665208801_6030582967168089299_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=110&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=pOl1V13h1rEQ7kNvwFDUiNj&amp;_nc_oc=Ado7w1qAmpP7ZAHvMbvBKC2Utk90gFADdAOsyi9cHD9SZjPVrBIfd-XtCqPiDdKJKZM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQH4mu7KyWvEcW0_N18I_wRf2pT3cTqWIvX01Dm1ecSQkB_hmliBSqSEn5e3rIarLDkiXnGWdyolaQ&amp;oh=00_AQBBVXJiaDOwz5b4UTK5_GrU6ZvefZgem7kXHAQCZ2iuPQ&amp;oe=6A5DFD17&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-fra5-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/723904528_17943751665208801_6030582967168089299_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=110&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0xJUFMuYmVzdF9pbWFnZV91cmxnZW4uQzMifQ%3D%3D&amp;_nc_ohc=pOl1V13h1rEQ7kNvwFDUiNj&amp;_nc_oc=Ado7w1qAmpP7ZAHvMbvBKC2Utk90gFADdAOsyi9cHD9SZjPVrBIfd-XtCqPiDdKJKZM&amp;_nc_zt=23&amp;_nc_ht=scontent-fra5-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQH4mu7KyWvEcW0_N18I_wRf2pT3cTqWIvX01Dm1ecSQkB_hmliBSqSEn5e3rIarLDkiXnGWdyolaQ&amp;oh=00_AQBBVXJiaDOwz5b4UTK5_GrU6ZvefZgem7kXHAQCZ2iuPQ&amp;oe=6A5DFD17&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">No importa d\u00f3nde est\u00e9s, lo importante es encontrar<\/span>\n\t\t\t\t\t\t<svg style=\"color: rgba(255,255,255,1)\" class=\"svg-inline--fa fa-play fa-w-14 sbi_playbtn\" aria-label=\"Play\" aria-hidden=\"true\" data-fa-processed=\"\" data-prefix=\"fa\" data-icon=\"play\" role=\"presentation\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 448 512\"><path fill=\"currentColor\" d=\"M424.4 214.7L72.4 6.6C43.8-10.3 0 6.1 0 47.9V464c0 37.5 40.7 60.1 72.4 41.3l352-208c31.4-18.5 31.5-64.1 0-82.6z\"><\/path><\/svg>\t\t\t<img decoding=\"async\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"No importa d\u00f3nde est\u00e9s, lo importante es encontrar un momento para disfrutarlo. \u2728\ud83e\udd0d\n\nPide tu KALA en tus plataformas favoritas o ven a recogerlo. \ud83c\udf66\n\n#KalaFrozenYogurt #FrozenYogurt #ParaLlevar #MomentosKala #YogurHelado\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div><div class=\"sbi_item sbi_type_carousel sbi_new sbi_transition\"\n\tid=\"sbi_18077487731294400\" data-date=\"1782059625\">\n\t<div class=\"sbi_photo_wrap\">\n\t\t<a class=\"sbi_photo\" href=\"https:\/\/www.instagram.com\/p\/DZ2tOkfgoJN\/\" target=\"_blank\" rel=\"noopener nofollow\" data-full-res=\"https:\/\/scontent-fra3-1.cdninstagram.com\/v\/t51.82787-15\/729747010_17943337593208801_7936957570072448249_n.jpg?stp=dst-jpg_e35_tt6&#038;_nc_cat=105&#038;ccb=7-5&#038;_nc_sid=18de74&#038;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&#038;_nc_ohc=FJNF7lUWeIQQ7kNvwHyu3am&#038;_nc_oc=Adp7XwHDosQ5eFltNnzA6rNAeJswoG4iBNPJpgRsOwsOY1_uGZpmvqJ-EwbSgB2jSoQ&#038;_nc_zt=23&#038;_nc_ht=scontent-fra3-1.cdninstagram.com&#038;edm=ANo9K5cEAAAA&#038;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&#038;_nc_tpa=Q5bMBQGf3pK5A5_REF8evF0zyFW5LjRaWzRoVvsBP6jiJrPcf8qsThG_G6IM5LtKDxVERhhuLwsFQC6KYg&#038;oh=00_AQCmWV4IdqP9AwZymjnBqs8oauDfGrSGVAvTqITsjFU6WQ&#038;oe=6A5E0E27\" data-img-src-set=\"{&quot;d&quot;:&quot;https:\\\/\\\/scontent-fra3-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/729747010_17943337593208801_7936957570072448249_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=FJNF7lUWeIQQ7kNvwHyu3am&amp;_nc_oc=Adp7XwHDosQ5eFltNnzA6rNAeJswoG4iBNPJpgRsOwsOY1_uGZpmvqJ-EwbSgB2jSoQ&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGf3pK5A5_REF8evF0zyFW5LjRaWzRoVvsBP6jiJrPcf8qsThG_G6IM5LtKDxVERhhuLwsFQC6KYg&amp;oh=00_AQCmWV4IdqP9AwZymjnBqs8oauDfGrSGVAvTqITsjFU6WQ&amp;oe=6A5E0E27&quot;,&quot;150&quot;:&quot;https:\\\/\\\/scontent-fra3-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/729747010_17943337593208801_7936957570072448249_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=FJNF7lUWeIQQ7kNvwHyu3am&amp;_nc_oc=Adp7XwHDosQ5eFltNnzA6rNAeJswoG4iBNPJpgRsOwsOY1_uGZpmvqJ-EwbSgB2jSoQ&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGf3pK5A5_REF8evF0zyFW5LjRaWzRoVvsBP6jiJrPcf8qsThG_G6IM5LtKDxVERhhuLwsFQC6KYg&amp;oh=00_AQCmWV4IdqP9AwZymjnBqs8oauDfGrSGVAvTqITsjFU6WQ&amp;oe=6A5E0E27&quot;,&quot;320&quot;:&quot;https:\\\/\\\/scontent-fra3-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/729747010_17943337593208801_7936957570072448249_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=FJNF7lUWeIQQ7kNvwHyu3am&amp;_nc_oc=Adp7XwHDosQ5eFltNnzA6rNAeJswoG4iBNPJpgRsOwsOY1_uGZpmvqJ-EwbSgB2jSoQ&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGf3pK5A5_REF8evF0zyFW5LjRaWzRoVvsBP6jiJrPcf8qsThG_G6IM5LtKDxVERhhuLwsFQC6KYg&amp;oh=00_AQCmWV4IdqP9AwZymjnBqs8oauDfGrSGVAvTqITsjFU6WQ&amp;oe=6A5E0E27&quot;,&quot;640&quot;:&quot;https:\\\/\\\/scontent-fra3-1.cdninstagram.com\\\/v\\\/t51.82787-15\\\/729747010_17943337593208801_7936957570072448249_n.jpg?stp=dst-jpg_e35_tt6&amp;_nc_cat=105&amp;ccb=7-5&amp;_nc_sid=18de74&amp;efg=eyJlZmdfdGFnIjoiQ0FST1VTRUxfSVRFTS5iZXN0X2ltYWdlX3VybGdlbi5DMyJ9&amp;_nc_ohc=FJNF7lUWeIQQ7kNvwHyu3am&amp;_nc_oc=Adp7XwHDosQ5eFltNnzA6rNAeJswoG4iBNPJpgRsOwsOY1_uGZpmvqJ-EwbSgB2jSoQ&amp;_nc_zt=23&amp;_nc_ht=scontent-fra3-1.cdninstagram.com&amp;edm=ANo9K5cEAAAA&amp;_nc_gid=wMLC7ZRtnJVvCGx5BLWgOw&amp;_nc_tpa=Q5bMBQGf3pK5A5_REF8evF0zyFW5LjRaWzRoVvsBP6jiJrPcf8qsThG_G6IM5LtKDxVERhhuLwsFQC6KYg&amp;oh=00_AQCmWV4IdqP9AwZymjnBqs8oauDfGrSGVAvTqITsjFU6WQ&amp;oe=6A5E0E27&quot;}\">\n\t\t\t<span class=\"sbi-screenreader\">Hay sitios que visitas. Y hay sitios de los que fo<\/span>\n\t\t\t<svg class=\"svg-inline--fa fa-clone fa-w-16 sbi_lightbox_carousel_icon\" aria-hidden=\"true\" aria-label=\"Clone\" data-fa-pro\u0192cessed=\"\" data-prefix=\"far\" data-icon=\"clone\" role=\"img\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 512 512\">\n                    <path fill=\"currentColor\" d=\"M464 0H144c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h320c26.51 0 48-21.49 48-48v-48h48c26.51 0 48-21.49 48-48V48c0-26.51-21.49-48-48-48zM362 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h42v224c0 26.51 21.49 48 48 48h224v42a6 6 0 0 1-6 6zm96-96H150a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h308a6 6 0 0 1 6 6v308a6 6 0 0 1-6 6z\"><\/path>\n                <\/svg>\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/kalagreekfrozenyogurt.com\/wp-content\/plugins\/instagram-feed\/img\/placeholder.png\" alt=\"Hay sitios que visitas. Y hay sitios de los que formas parte.\nEn KALA queremos que te sientas como en casa \ud83e\udd0d\" aria-hidden=\"true\">\n\t\t<\/a>\n\t<\/div>\n<\/div>\t<\/div>\n\n\t<div id=\"sbi_load\" >\n\n\t\n\t\n<\/div>\n\t\t<span class=\"sbi_resized_image_data\" data-feed-id=\"*1\"\n\t\t  data-resized=\"{&quot;17897700051329840&quot;:{&quot;id&quot;:&quot;723904528_17943751665208801_6030582967168089299_n&quot;,&quot;ratio&quot;:&quot;0.56&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;18077487731294400&quot;:{&quot;id&quot;:&quot;729747010_17943337593208801_7936957570072448249_n&quot;,&quot;ratio&quot;:&quot;0.75&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;18075821579694193&quot;:{&quot;id&quot;:&quot;728833582_17944373745208801_7575635272850087502_n&quot;,&quot;ratio&quot;:&quot;0.75&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;17907784713264614&quot;:{&quot;id&quot;:&quot;731697935_17945776764208801_2748419046908247994_n&quot;,&quot;ratio&quot;:&quot;0.75&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;18098920055599562&quot;:{&quot;id&quot;:&quot;730809269_17945052573208801_5441743138792355764_n&quot;,&quot;ratio&quot;:&quot;0.56&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;},&quot;18110732449753057&quot;:{&quot;id&quot;:&quot;743942617_971286025951922_5269114860947431374_n&quot;,&quot;ratio&quot;:&quot;0.56&quot;,&quot;sizes&quot;:{&quot;full&quot;:640,&quot;low&quot;:320,&quot;thumb&quot;:150},&quot;extension&quot;:&quot;.webp&quot;}}\">\n\t<\/span>\n\t<\/div>\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b3fd7c elementor-widget elementor-widget-html\" data-id=\"0b3fd7c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.kala-igf{ --kala-cw:clamp(240px,50vw,260px); position:relative; }\r\n\r\n  .kala-igf #sb_instagram .sb_instagram_header,\r\n  .kala-igf #sb_instagram #sbi_load{ display:none !important; }\r\n\r\n  .kala-igf #sb_instagram #sbi_images{\r\n    position:relative !important; display:block !important;\r\n    height:calc(var(--kala-cw) * 16 \/ 9) !important;\r\n    overflow:visible !important; padding:0 !important;\r\n    margin:clamp(20px,4vh,44px) auto 0 !important;\r\n    max-width:none !important; width:100% !important;\r\n    touch-action:pan-y;\r\n  }\r\n  .kala-igf #sb_instagram #sbi_images .sbi_item{\r\n    position:absolute !important; left:50% !important; top:50% !important;\r\n    width:var(--kala-cw) !important; height:auto !important;\r\n    margin:0 !important; padding:0 !important;\r\n    opacity:0; transform:translate(-50%,-50%); cursor:pointer;\r\n    transition:transform .6s cubic-bezier(.22,1,.36,1), opacity .5s ease;\r\n  }\r\n  .kala-igf #sb_instagram #sbi_images .sbi_item .sbi_photo{\r\n    display:block; position:relative; aspect-ratio:9\/16; height:auto !important;\r\n    border-radius:calc(var(--kala-cw)\/2) calc(var(--kala-cw)\/2) 0 0;\r\n    overflow:hidden; background:var(--kala-cielo,#B6C4D8);\r\n    background-size:cover; background-position:center;\r\n    box-shadow:0 22px 44px -20px rgba(65,97,175,.5);\r\n  }\r\n  .kala-igf #sb_instagram #sbi_images .sbi_item .sbi_photo img{\r\n    position:absolute; inset:0; width:100% !important; height:100% !important; object-fit:cover !important;\r\n  }\r\n\r\n  \/* ===== ANULA TODO EL HOVER\/OVERLAY DE SMASH BALLOON ===== *\/\r\n  .kala-igf #sb_instagram .sbi_item:hover .sbi_photo,\r\n  .kala-igf #sb_instagram .sbi_photo,\r\n  .kala-igf #sb_instagram .sbi_photo:hover,\r\n  .kala-igf #sb_instagram .sbi_photo_wrap,\r\n  .kala-igf #sb_instagram .sbi_photo_wrap:hover,\r\n  .kala-igf #sb_instagram a.sbi_photo,\r\n  .kala-igf #sb_instagram a.sbi_photo:hover,\r\n  .kala-igf #sb_instagram .sbi_link,\r\n  .kala-igf #sb_instagram .sbi_link:hover,\r\n  .kala-igf #sb_instagram .sbi_photo .sbi_link:hover{\r\n    background:transparent !important; opacity:1 !important; filter:none !important;\r\n  }\r\n  .kala-igf #sb_instagram .sbi_item:hover img,\r\n  .kala-igf #sb_instagram .sbi_photo:hover img,\r\n  .kala-igf #sb_instagram .sbi_photo img:hover,\r\n  .kala-igf #sb_instagram .sbi_link:hover img{\r\n    opacity:1 !important; filter:none !important; transform:none !important;\r\n  }\r\n  .kala-igf #sb_instagram .sbi_hover_el,\r\n  .kala-igf #sb_instagram .sbi_hover_mask,\r\n  .kala-igf #sb_instagram .sbi_photo_hover,\r\n  .kala-igf #sb_instagram .sbi_item .sbi_photo::before,\r\n  .kala-igf #sb_instagram .sbi_item .sbi_photo::after,\r\n  .kala-igf #sb_instagram .sbi_link::before,\r\n  .kala-igf #sb_instagram .sbi_link::after{\r\n    display:none !important; opacity:0 !important; background:transparent !important;\r\n  }\r\n\r\n  \/* ===== OCULTA EL PLAY NATIVO DE SMASH BALLOON (selectores concretos, sin comodines) ===== *\/\r\n  .kala-igf #sb_instagram .sbi_playbtn,\r\n  .kala-igf #sb_instagram .sbi_video-play,\r\n  .kala-igf #sb_instagram .sbi_type_video .sbi_playbtn,\r\n  .kala-igf #sb_instagram .sbi_photo .fa-play,\r\n  .kala-igf #sb_instagram .sbi_link svg,\r\n  .kala-igf #sb_instagram .sbi_photo > svg{\r\n    display:none !important; opacity:0 !important; visibility:hidden !important;\r\n  }\r\n\r\n  \/* play de v\u00eddeo estilo Kala \u2014 tri\u00e1ngulo en azul oc\u00e9ano, por encima de todo *\/\r\n  .kala-vplay{\r\n    position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);\r\n    width:64px; height:64px; border-radius:50%; z-index:60 !important;\r\n    background:rgba(255,255,243,.55); backdrop-filter:blur(4px); -webkit-backdrop-filter:blur(4px);\r\n    border:1px solid rgba(255,255,243,.7);\r\n    display:flex !important; align-items:center; justify-content:center; pointer-events:none;\r\n    visibility:visible !important; opacity:1 !important;\r\n    box-shadow:0 8px 26px -8px rgba(5,77,221,.45);\r\n  }\r\n  .kala-vplay svg{\r\n    position:relative; z-index:1; display:block !important;\r\n    width:24px; height:24px; margin-left:3px;\r\n    color:var(--kala-oceano,#4161AF); fill:var(--kala-oceano,#4161AF);\r\n    opacity:1 !important; visibility:visible !important;\r\n  }\r\n\r\n  \/* flechas: medidas desde el centro, pegadas al borde de la tarjeta central *\/\r\n  .kala-iga{\r\n    position:absolute; top:50%; left:50%; z-index:40;\r\n    width:48px; height:48px; padding:0; border-radius:50%;\r\n    background:var(--kala-crema,#FFFFF3);\r\n    border:1px solid var(--kala-oceano-20,rgba(65,97,175,.28));\r\n    color:var(--kala-oceano,#4161AF);\r\n    display:flex; align-items:center; justify-content:center; cursor:pointer;\r\n    box-shadow:0 8px 20px -8px rgba(65,97,175,.4);\r\n    transition:background .3s ease, color .3s ease, border-color .3s ease;\r\n    -webkit-tap-highlight-color:transparent;\r\n  }\r\n  .kala-iga:hover,\r\n  .kala-iga:focus,\r\n  .kala-iga:active{\r\n    background:var(--kala-oceano,#4161AF) !important;\r\n    color:var(--kala-crema,#FFFFF3) !important;\r\n    border-color:var(--kala-oceano,#4161AF) !important;\r\n    outline:none;\r\n  }\r\n  .kala-iga svg{ width:18px; height:18px; }\r\n  \/* el \"40px\" es el aire entre la flecha y el borde de la tarjeta central \u2014 s\u00fabelo para separarlas m\u00e1s, b\u00e1jalo para acercarlas *\/\r\n  .kala-iga--prev{ transform:translate(calc((var(--kala-cw) \/ -2) - 48px - 120px), -50%); }\r\n  .kala-iga--next{ transform:translate(calc((var(--kala-cw) \/  2) + 120px), -50%); }\r\n\r\n  @media (max-width:900px) and (min-width:641px){ .kala-igf{ --kala-cw:clamp(230px,40vw,320px); } }\r\n  @media (max-width:640px){ .kala-igf{ --kala-cw:clamp(240px,72vw,340px); } .kala-iga{ display:none; } }\r\n  @media (prefers-reduced-motion:reduce){ .kala-igf #sb_instagram #sbi_images .sbi_item{ transition:none; } }\r\n\r\n  \/* bot\u00f3n Seguir de SB (si lo usas) *\/\r\n  .kala-igf #sb_instagram .sbi_follow_btn{ text-align:center !important; margin-top:clamp(28px,4vw,44px) !important; }\r\n  .kala-igf #sb_instagram .sbi_follow_btn a,\r\n  .kala-igf #sb_instagram .sbi_follow_btn button{\r\n    display:inline-block !important; font-family:var(--kala-sans,Arial,sans-serif) !important;\r\n    font-weight:400 !important; font-size:clamp(11px,0.9vw,13px) !important;\r\n    letter-spacing:.26em !important; text-transform:uppercase !important;\r\n    color:var(--kala-oceano,#4161AF) !important; background:transparent !important;\r\n    border:1px solid var(--kala-oceano-20,rgba(65,97,175,.28)) !important; border-radius:0 !important;\r\n    padding:14px 36px !important; line-height:1 !important; box-shadow:none !important; width:auto !important;\r\n    transition:background .3s ease, color .3s ease, border-color .3s ease !important;\r\n  }\r\n  .kala-igf #sb_instagram .sbi_follow_btn a:hover,\r\n  .kala-igf #sb_instagram .sbi_follow_btn button:hover{\r\n    background:var(--kala-oceano,#4161AF) !important; color:var(--kala-crema,#FFFFF3) !important;\r\n    border-color:var(--kala-oceano,#4161AF) !important;\r\n  }\r\n<\/style><script>(function(){\r\n  'use strict';\r\n  var SEL = '.kala-igf #sb_instagram #sbi_images';\r\n\r\n  function start(){\r\n    var imgs = document.querySelector(SEL);\r\n    if(!imgs) return false;\r\n    var cards = Array.prototype.slice.call(imgs.querySelectorAll('.sbi_item'));\r\n    if(cards.length < 1) return false;\r\n    if(imgs.dataset.kalaCarousel) return true;\r\n    imgs.dataset.kalaCarousel = '1';\r\n\r\n    var stage = imgs.closest('.kala-igf') || imgs.parentNode;\r\n    if(getComputedStyle(stage).position === 'static') stage.style.position = 'relative';\r\n\r\n    cards.forEach(function(c){\r\n      var isVideo = c.className.indexOf('sbi_type_video') > -1 ||\r\n                    c.querySelector('.sbi_playbtn, .sbi_video-play, [data-video]');\r\n      var photo = c.querySelector('.sbi_photo');\r\n      if(isVideo && photo && !photo.querySelector('.kala-vplay')){\r\n        var p = document.createElement('span');\r\n        p.className = 'kala-vplay';\r\n        p.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"\/><\/svg>';\r\n        photo.appendChild(p);\r\n      }\r\n    });\r\n\r\n    var n = cards.length, active = 0, half = n \/ 2;\r\n\r\n    function layout(){\r\n      cards.forEach(function(c, i){\r\n        var off = i - active;\r\n        if(off > half) off -= n;\r\n        if(off < -half) off += n;\r\n        var x, s, z, o, pe;\r\n        if(off === 0)       { x='0%';   s=1;   z=30; o=1;   pe='auto'; }\r\n        else if(off === -1) { x='-48%'; s=.8;  z=20; o=.55; pe='auto'; }\r\n        else if(off === 1)  { x='48%';  s=.8;  z=20; o=.55; pe='auto'; }\r\n        else                { x='0%';   s=.62; z=5;  o=0;   pe='none'; }\r\n        c.style.transform = 'translate(-50%,-50%) translateX(' + x + ') scale(' + s + ')';\r\n        c.style.zIndex = z; c.style.opacity = o; c.style.pointerEvents = pe;\r\n      });\r\n    }\r\n    function go(d){ active = (active + d + n) % n; layout(); }\r\n    layout();\r\n\r\n    function mkArrow(cls, label, path){\r\n      var b = document.createElement('button');\r\n      b.type = 'button'; b.className = 'kala-iga ' + cls; b.setAttribute('aria-label', label);\r\n      b.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><path d=\"' + path + '\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>';\r\n      return b;\r\n    }\r\n    var prev = mkArrow('kala-iga--prev','Anterior','M15 5l-7 7 7 7');\r\n    var next = mkArrow('kala-iga--next','Siguiente','M9 5l7 7-7 7');\r\n    stage.appendChild(prev); stage.appendChild(next);\r\n    prev.addEventListener('click', function(){ go(-1); });\r\n    next.addEventListener('click', function(){ go(1); });\r\n\r\n    cards.forEach(function(c, i){\r\n      c.addEventListener('click', function(e){\r\n        if(i !== active){ e.preventDefault(); e.stopPropagation(); active = i; layout(); }\r\n      }, true);\r\n    });\r\n\r\n    var sx = 0, drag = false;\r\n    imgs.addEventListener('touchstart', function(e){ sx = e.touches[0].clientX; drag = true; }, { passive:true });\r\n    imgs.addEventListener('touchend', function(e){\r\n      if(!drag) return; drag = false;\r\n      var dx = e.changedTouches[0].clientX - sx;\r\n      if(dx < -40) go(1); else if(dx > 40) go(-1);\r\n    }, { passive:true });\r\n\r\n    return true;\r\n  }\r\n\r\n  var tries = 0;\r\n  var t = setInterval(function(){ tries++; if(start() || tries > 60) clearInterval(t); }, 300);\r\n}());\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ebfe310 elementor-widget elementor-widget-html\" data-id=\"ebfe310\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.kala-igf-foot{ text-align:center; padding:0 6vw; box-sizing:border-box; }\r\n  .kala-igf-foot__handle,\r\n  .kala-igf-foot__handle:visited{\r\n    display:inline-flex; align-items:center; gap:9px;\r\n    font-family:var(--kala-sans,Arial,sans-serif); font-weight:500;\r\n    font-size:clamp(15px,1.5vw,19px);\r\n    color:var(--kala-klein,#054DDD); text-decoration:none;\r\n    margin:0 0 12px; transition:opacity .3s ease;\r\n  }\r\n  .kala-igf-foot__handle:hover{ opacity:.65; }\r\n  .kala-igf-foot__handle svg{ width:1.05em; height:1.05em; }\r\n  .kala-igf-foot__note{\r\n    font-family:var(--kala-sans,Arial,sans-serif); font-weight:400;\r\n    font-size:clamp(13px,1.2vw,16px); line-height:1.6;\r\n    color:var(--kala-oceano,#4161AF); opacity:.85;\r\n    max-width:420px; margin:0 auto clamp(22px,3vw,28px); padding:0;\r\n  }\r\n  .kala-igf-foot__follow,\r\n  .kala-igf-foot__follow:visited{\r\n    display:inline-block;\r\n    font-family:var(--kala-sans,Arial,sans-serif); font-weight:400;\r\n    font-size:clamp(11px,0.9vw,13px); letter-spacing:.24em; text-transform:uppercase;\r\n    color:var(--kala-oceano,#4161AF); text-decoration:none;\r\n    padding:14px 34px; border:1px solid var(--kala-oceano-20,rgba(65,97,175,.28));\r\n    transition:background .35s ease, color .35s ease, border-color .35s ease;\r\n  }\r\n  .kala-igf-foot__follow:hover,\r\n  .kala-igf-foot__follow:focus-visible{\r\n    background:var(--kala-oceano,#4161AF); color:var(--kala-crema,#FFFFF3);\r\n    border-color:var(--kala-oceano,#4161AF); outline:none;\r\n  }\r\n<\/style><div class=\"kala-igf-foot\"><a class=\"kala-igf-foot__handle\" href=\"https:\/\/www.instagram.com\/kalafrozenyogurt\" target=\"_blank\" rel=\"noopener\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" aria-hidden=\"true\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.3\" cy=\"6.7\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>@kalafrozenyogurt\r\n  <\/a><p class=\"kala-igf-foot__note\">Follow us so you don't miss the flavour of the month, our corners and the day-to-day of the workshop.<\/p><a class=\"kala-igf-foot__follow\" href=\"https:\/\/www.instagram.com\/kalafrozenyogurt\" target=\"_blank\" rel=\"noopener\">Follow on Instagram<\/a><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>A pause full of meraki. Discover Kala In a fast-paced world, offeringwarmth is an act of resistance. Discover more meraki. Doing things with soul, love and dedication. The invisible thread that connects what we do with how we do it. filoxenia. Sincere hospitality. Welcoming each person with care, so they feel seen, welcome and at [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-752","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/pages\/752","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":162,"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/pages\/752\/revisions"}],"predecessor-version":[{"id":1269,"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/pages\/752\/revisions\/1269"}],"wp:attachment":[{"href":"https:\/\/kalagreekfrozenyogurt.com\/en\/wp-json\/wp\/v2\/media?parent=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}