{"id":892,"date":"2026-07-22T10:30:27","date_gmt":"2026-07-22T08:30:27","guid":{"rendered":"https:\/\/crem.coffee\/home-page\/"},"modified":"2026-11-07T00:42:05","modified_gmt":"2026-11-06T23:42:05","slug":"home-page","status":"publish","type":"page","link":"https:\/\/crem.coffee\/es\/","title":{"rendered":"Home Page"},"content":{"rendered":"<section\n        data-header-hero\n        class=\"relative w-screen mx-[calc(50%-50vw)]\"\n        x-data=\"{ current: 0, total: 3 }\"\n        x-init=\"1 < total &#038;&#038; setInterval(function () { current = (current + 1) % total }, 5000)\"\n    >\n        \n        <div class=\"relative w-full min-h-150 h-214 overflow-hidden bg-brown-900\">\n                            <div\n                    class=\"absolute inset-0 isolate bg-brown-900 flex flex-col items-center justify-end\"\n                    x-show=\"current === 0\"\n                    x-transition:enter=\"transition ease-out duration-700\"\n                    x-transition:enter-start=\"opacity-0\"\n                    x-transition:enter-end=\"opacity-100\"\n                    x-transition:leave=\"transition ease-in duration-500\"\n                    x-transition:leave-start=\"opacity-100\"\n                    x-transition:leave-end=\"opacity-0\"\n                >\n                    \n                                            <img decoding=\"async\"\n                            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-HP-hero-01.jpg\"\n                            alt=\"\"\n                            class=\"absolute inset-0 w-full h-full object-cover mix-blend-plus-lighter\"\n                        >\n                                                            <div class=\"absolute inset-0\" style=\"background-color: rgba(0,0,0,0.4);\"><\/div>\n\n                    \n                    \n                    \n                    <div class=\"page-container relative pb-[calc(var(--spacing-6xl)+var(--spacing-9xl))] pt-11xl flex flex-col gap-2xl items-start\">\n                        <div class=\"flex flex-col gap-md items-start w-full text-basic-white\">\n                                                            <h1 class=\"heading-2xl w-full\">\n                                    Crafted for every taste\n                                <\/h1>\n                                                                                        <div class=\"body-md w-full\">\n                                    <p>Desde m\u00e1quinas de espresso hasta caf\u00e9 de filtro, dise\u00f1amos soluciones de caf\u00e9 inspiradas en las necesidades reales del servicio, combinando fiabilidad y rendimiento para responder a los entornos m\u00e1s exigentes del d\u00eda a d\u00eda.<\/p>\n\n                                <\/div>\n                                                    <\/div>\n\n                                                    <a  href=\"https:\/\/crem.coffee\/es\/about-us\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-basic-white text-brown-900! border border-transparent hover:bg-overlay-black-2 hover:border-basic-white hover:text-basic-white! cursor-pointer\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <div\n                    class=\"absolute inset-0 isolate bg-brown-900 flex flex-col items-center justify-end\"\n                    x-show=\"current === 1\"\n                    x-transition:enter=\"transition ease-out duration-700\"\n                    x-transition:enter-start=\"opacity-0\"\n                    x-transition:enter-end=\"opacity-100\"\n                    x-transition:leave=\"transition ease-in duration-500\"\n                    x-transition:leave-start=\"opacity-100\"\n                    x-transition:leave-end=\"opacity-0\"\n                >\n                    \n                                            <img decoding=\"async\"\n                            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-HP-hero-02.jpg\"\n                            alt=\"\"\n                            class=\"absolute inset-0 w-full h-full object-cover mix-blend-plus-lighter\"\n                        >\n                                                            <div class=\"absolute inset-0\" style=\"background-color: rgba(0,0,0,0.4);\"><\/div>\n\n                    \n                    \n                    \n                    <div class=\"page-container relative pb-[calc(var(--spacing-6xl)+var(--spacing-9xl))] pt-11xl flex flex-col gap-2xl items-start\">\n                        <div class=\"flex flex-col gap-md items-start w-full text-basic-white\">\n                                                            <h1 class=\"heading-2xl w-full\">\n                                    Dise\u00f1a tu EX3\n                                <\/h1>\n                                                                                        <div class=\"body-md w-full\">\n                                    <p>Haz la EX3 realmente tuya. Elige colores, acabados, iluminaci\u00f3n y elementos de dise\u00f1o para crear una m\u00e1quina espresso que refleje tu estilo.<\/p>\n\n                                <\/div>\n                                                    <\/div>\n\n                                                    <a  href=\"https:\/\/crem.coffee\/es\/espresso-families\/ex3\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-basic-white text-brown-900! border border-transparent hover:bg-overlay-black-2 hover:border-basic-white hover:text-basic-white! cursor-pointer\">\n            Ir a EX3\n\n                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                            <div\n                    class=\"absolute inset-0 isolate bg-brown-900 flex flex-col items-center justify-end\"\n                    x-show=\"current === 2\"\n                    x-transition:enter=\"transition ease-out duration-700\"\n                    x-transition:enter-start=\"opacity-0\"\n                    x-transition:enter-end=\"opacity-100\"\n                    x-transition:leave=\"transition ease-in duration-500\"\n                    x-transition:leave-start=\"opacity-100\"\n                    x-transition:leave-end=\"opacity-0\"\n                >\n                    \n                                            <img decoding=\"async\"\n                            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-HP-hero-03.jpg\"\n                            alt=\"\"\n                            class=\"absolute inset-0 w-full h-full object-cover mix-blend-plus-lighter\"\n                        >\n                                                            <div class=\"absolute inset-0\" style=\"background-color: rgba(0,0,0,0.4);\"><\/div>\n\n                    \n                    \n                    \n                    <div class=\"page-container relative pb-[calc(var(--spacing-6xl)+var(--spacing-9xl))] pt-11xl flex flex-col gap-2xl items-start\">\n                        <div class=\"flex flex-col gap-md items-start w-full text-basic-white\">\n                                                            <h1 class=\"heading-2xl w-full\">\n                                    Nuevas tecnolog\u00edas para EX3 y Diamant Pro\n                                <\/h1>\n                                                                                        <div class=\"body-md w-full\">\n                                    <p>Nuevas mejoras en EX3 y Diamant Pro que aumentan la consistencia de la extracci\u00f3n, mejoran la eficiencia energ\u00e9tica y simplifican el uso diario. Dise\u00f1adas para optimizar el rendimiento y el flujo de trabajo, ofrecen un mayor control y resultados m\u00e1s fiables en cada servicio.<\/p>\n\n                                <\/div>\n                                                    <\/div>\n\n                                                    <a  href=\"https:\/\/crem.coffee\/es\/technology\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-basic-white text-brown-900! border border-transparent hover:bg-overlay-black-2 hover:border-basic-white hover:text-basic-white! cursor-pointer\">\n            Descubre Crem Tech\u2122\n\n                        <\/a>\n\n                                            <\/div>\n                <\/div>\n                    <\/div>\n\n        \n                    <div class=\"absolute bottom-6xl left-1\/2 -translate-x-1\/2 flex items-center gap-sm\">\n                                    <button\n                        type=\"button\"\n                        class=\"h-3 rounded-full transition-all\"\n                        :class=\"current === 0 ? 'w-8 bg-basic-white' : 'w-3 bg-basic-white\/40'\"\n                        @click=\"current = 0\"\n                        aria-label=\"Go to slide 1\"\n                    ><\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"h-3 rounded-full transition-all\"\n                        :class=\"current === 1 ? 'w-8 bg-basic-white' : 'w-3 bg-basic-white\/40'\"\n                        @click=\"current = 1\"\n                        aria-label=\"Go to slide 2\"\n                    ><\/button>\n                                    <button\n                        type=\"button\"\n                        class=\"h-3 rounded-full transition-all\"\n                        :class=\"current === 2 ? 'w-8 bg-basic-white' : 'w-3 bg-basic-white\/40'\"\n                        @click=\"current = 2\"\n                        aria-label=\"Go to slide 3\"\n                    ><\/button>\n                            <\/div>\n            <\/section>\n\n\n<section\n        class=\"stripe-block stripe-block--white  w-screen mx-[calc(50%-50vw)] bg-basic-white\">\n                    <div class=\"page-container pt-8xl 3xl:pt-11xl pb-4xl 3xl:pb-7xl\">\n                <div class=\"flex flex-col gap-md items-start w-full\">\n            <h2 class=\"heading-xl text-grey-900 w-full\">\n            Descubre nuestros productos\n        <\/h2>\n                <div class=\"body-md text-grey-600 w-full\">\n            <p>Ofrecemos una gama completa de equipos de caf\u00e9 para uso profesional y dom\u00e9stico: m\u00e1quinas espresso tradicionales, molinos de caf\u00e9 y equipos de caf\u00e9 filtro.<\/p>\n\n        <\/div>\n        <\/div>\n            <\/div>\n        \n                    <div\n                class=\"stripe-main page-container pb-8xl 3xl:pb-11xl flex flex-col 3xl:flex-col-reverse 5xl:flex-row items-center 3xl:items-start 5xl:items-center gap-4xl 3xl:gap-7xl \">\n                                                            <div\n                            class=\"stripe-image-col w-full 5xl:max-6xl:w-150 6xl:max-[1366px]:w-[calc(50%-1.5rem)] min-[1366px]:w-auto shrink-0 flex items-center justify-center\">\n                            <div\n                                 style=\"--ar: 1280 \/ 956\"                                 class=\"w-full h-100 3xl:h-150 5xl:max-[1366px]:h-auto min-[1366px]:w-auto 5xl:aspect-(--ar) flex items-center justify-center \">\n                                                                    <a  href=\"https:\/\/crem.coffee\/es\/espresso\/#traditional\"  tabindex=\"-1\" aria-hidden=\"true\"\n                                                                                class=\"group flex items-center justify-center w-full max-w-full 3xl:max-h-full h-full overflow-hidden rounded-md \">\n                                        <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/11\/crem-HP-traditional-5.jpg\"\n                                            alt=\"\"\n                                            class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain transition-transform duration-500 group-hover:scale-105\">\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                                    \n                \n                <div class=\"flex flex-col gap-xl items-start flex-1 min-w-0 w-full\">\n                    <div class=\"flex flex-col gap-md items-start w-full\">\n                                                    <h3 class=\"heading-xl stripe-title text-grey-900 w-full break-words\">\n                                M\u00e1quinas espresso tradicional\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>M\u00e1quinas espresso profesionales disponibles en una amplia variedad de modelos para responder a cualquier necesidad, ofreciendo un rendimiento consistente para impulsar cualquier negocio de caf\u00e9.<\/p>\n\n                            <\/div>\n                                            <\/div>\n\n                                            <a  href=\"https:\/\/crem.coffee\/es\/espresso\/#traditional\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n                                    <\/div>\n            <\/div>\n        \n            <\/section>\n\n\n<section\n        class=\"stripe-block stripe-block--gray  w-screen mx-[calc(50%-50vw)] bg-brown-50\">\n        \n                    <div\n                class=\"stripe-main page-container pt-8xl 3xl:pt-11xl pb-8xl 3xl:pb-11xl flex flex-col 3xl:flex-col-reverse 5xl:flex-row items-center 3xl:items-end 5xl:items-center gap-4xl 3xl:gap-7xl 5xl:flex-row-reverse\">\n                                                            <div\n                            class=\"stripe-image-col w-full 5xl:max-6xl:w-150 6xl:max-[1366px]:w-[calc(50%-1.5rem)] min-[1366px]:w-auto shrink-0 flex items-center justify-center\">\n                            <div\n                                 style=\"--ar: 1280 \/ 956\"                                 class=\"w-full h-100 3xl:h-150 5xl:max-[1366px]:h-auto min-[1366px]:w-auto 5xl:aspect-(--ar) flex items-center justify-center \">\n                                                                    <a  href=\"https:\/\/crem.coffee\/es\/espresso\/#prosumer\"  tabindex=\"-1\" aria-hidden=\"true\"\n                                                                                class=\"group flex items-center justify-center w-full max-w-full 3xl:max-h-full h-full overflow-hidden rounded-md \">\n                                        <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-HP-prosumer.jpg\"\n                                            alt=\"\"\n                                            class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain transition-transform duration-500 group-hover:scale-105\">\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                                    \n                \n                <div class=\"flex flex-col gap-xl items-start flex-1 min-w-0 w-full\">\n                    <div class=\"flex flex-col gap-md items-start w-full\">\n                                                    <h3 class=\"heading-xl stripe-title text-grey-900 w-full break-words\">\n                                M\u00e1quinas espresso prosumer\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>M\u00e1quinas espresso para el hogar, la oficina o peque\u00f1as cafeter\u00edas, que ofrecen calidad profesional para los verdaderos apasionados del caf\u00e9.<\/p>\n\n                            <\/div>\n                                            <\/div>\n\n                                            <a  href=\"https:\/\/crem.coffee\/es\/espresso\/#prosumer\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n                                    <\/div>\n            <\/div>\n        \n            <\/section>\n\n\n<section class=\"w-screen mx-[calc(50%-50vw)] bg-basic-white\" x-data=\"highlightsCarousel\">\n        <div class=\"page-container section-py flex flex-col gap-4xl 3xl:gap-7xl items-center justify-center\">\n\n                            <div class=\"flex flex-col gap-md items-start w-full\">\n            <h2 class=\"heading-xl text-grey-900 w-full\">\n            M\u00e1quinas de caf\u00e9 de filtro\n        <\/h2>\n                <div class=\"body-md text-grey-600 w-full\">\n            <p>Descubre nuestra gama de equipos profesionales para caf\u00e9 filtro y encuentra la soluci\u00f3n ideal para tu negocio entre decantadores, thermos y dispensadores de agua caliente.<\/p>\n\n        <\/div>\n        <\/div>\n            \n            \n            \n            <div class=\"flex flex-col gap-3xl items-center w-full\">\n                <div class=\"flex flex-nowrap 3xl:flex-wrap gap-xl w-full overflow-x-auto 3xl:overflow-visible scroll-smooth snap-x snap-mandatory scrollbar-hide\"\n                    x-ref=\"carousel\">\n                                            <div class=\"flex w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            <article class=\"group flex flex-col items-start justify-between bg-brown-50 rounded-lg p-2xl 3xl:max-5xl:p-lg min-h-[568px] w-full gap-xl\">\n\n    \n    <div class=\"flex flex-col items-start gap-lg w-full shrink-0\">\n\n      \n            <a\n         href=\"https:\/\/crem.coffee\/es\/maquinas-de-cafe-de-filtro\/#decanter-brewers\" tabindex=\"-1\" aria-hidden=\"true\"\n                   class=\"relative block w-full h-[256px] 3xl:max-5xl:h-[300px] 3xl:max-5xl:w-[calc(100%+2rem)] 3xl:max-5xl:-mx-lg overflow-hidden shrink-0\"\n      >\n                  <img decoding=\"async\"\n            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/decanter-brewers.webp\"\n            alt=\"\"\n            class=\"absolute w-[83.42%] h-[95.72%] left-[8.45%] top-[6.3%] 3xl:max-5xl:w-full 3xl:max-5xl:h-full 3xl:max-5xl:left-0 3xl:max-5xl:top-0 object-contain pointer-events-none transition-transform duration-500 group-hover:scale-105\"\n          >\n              <\/a>\n\n      \n      <div class=\"flex flex-col gap-md items-start w-full\">\n                  \n          <p class=\"heading-s text-brown-900 w-full\">\n            Decantadores\n          <\/p>\n                          <div class=\"body-md text-grey-600 w-full\">\n            <p>Decantadores profesionales para caf\u00e9 filtro con jarras de 1,8 litros y placas calefactoras, disponibles en cuatro modelos.<\/p>\n\n          <\/div>\n              <\/div>\n\n    <\/div>\n\n    \n                  <a  href=\"https:\/\/crem.coffee\/es\/maquinas-de-cafe-de-filtro\/#decanter-brewers\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer shrink-0\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n          \n  <\/article>\n\n\n\n                        <\/div>\n                                            <div class=\"flex w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            <article class=\"group flex flex-col items-start justify-between bg-brown-50 rounded-lg p-2xl 3xl:max-5xl:p-lg min-h-[568px] w-full gap-xl\">\n\n    \n    <div class=\"flex flex-col items-start gap-lg w-full shrink-0\">\n\n      \n            <a\n         href=\"https:\/\/crem.coffee\/es\/maquinas-de-cafe-de-filtro\/#thermal-brewers\" tabindex=\"-1\" aria-hidden=\"true\"\n                   class=\"relative block w-full h-[256px] 3xl:max-5xl:h-[300px] 3xl:max-5xl:w-[calc(100%+2rem)] 3xl:max-5xl:-mx-lg overflow-hidden shrink-0\"\n      >\n                  <img decoding=\"async\"\n            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/thermal-brewers.webp\"\n            alt=\"\"\n            class=\"absolute w-[83.42%] h-[95.72%] left-[8.45%] top-[6.3%] 3xl:max-5xl:w-full 3xl:max-5xl:h-full 3xl:max-5xl:left-0 3xl:max-5xl:top-0 object-contain pointer-events-none transition-transform duration-500 group-hover:scale-105\"\n          >\n              <\/a>\n\n      \n      <div class=\"flex flex-col gap-md items-start w-full\">\n                  \n          <p class=\"heading-s text-brown-900 w-full\">\n            Thermos\n          <\/p>\n                          <div class=\"body-md text-grey-600 w-full\">\n            <p>Equipos profesionales para caf\u00e9 filtro que preparan el caf\u00e9 directamente en termos de bombeo aislados de 2,2 litros o en estaciones de servicio de hasta 5 litros.<\/p>\n\n          <\/div>\n              <\/div>\n\n    <\/div>\n\n    \n                  <a  href=\"https:\/\/crem.coffee\/es\/maquinas-de-cafe-de-filtro\/#thermal-brewers\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer shrink-0\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n          \n  <\/article>\n\n\n\n                        <\/div>\n                                            <div class=\"flex w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            <article class=\"group flex flex-col items-start justify-between bg-brown-50 rounded-lg p-2xl 3xl:max-5xl:p-lg min-h-[568px] w-full gap-xl\">\n\n    \n    <div class=\"flex flex-col items-start gap-lg w-full shrink-0\">\n\n      \n            <a\n         href=\"https:\/\/crem.coffee\/es\/maquinas-de-cafe-de-filtro\/#hot-water-boilers\" tabindex=\"-1\" aria-hidden=\"true\"\n                   class=\"relative block w-full h-[256px] 3xl:max-5xl:h-[300px] 3xl:max-5xl:w-[calc(100%+2rem)] 3xl:max-5xl:-mx-lg overflow-hidden shrink-0\"\n      >\n                  <img decoding=\"async\"\n            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/hotwater-boilers.webp\"\n            alt=\"\"\n            class=\"absolute w-[83.42%] h-[95.72%] left-[8.45%] top-[6.3%] 3xl:max-5xl:w-full 3xl:max-5xl:h-full 3xl:max-5xl:left-0 3xl:max-5xl:top-0 object-contain pointer-events-none transition-transform duration-500 group-hover:scale-105\"\n          >\n              <\/a>\n\n      \n      <div class=\"flex flex-col gap-md items-start w-full\">\n                  \n          <p class=\"heading-s text-brown-900 w-full\">\n            Dispensadores de agua caliente\n          <\/p>\n                          <div class=\"body-md text-grey-600 w-full\">\n            <p>Dispensadores profesionales de agua caliente con dep\u00f3sito de 7,5 litros que suministran agua caliente al instante para caf\u00e9, t\u00e9 e infusiones.<\/p>\n\n          <\/div>\n              <\/div>\n\n    <\/div>\n\n    \n                  <a  href=\"https:\/\/crem.coffee\/es\/maquinas-de-cafe-de-filtro\/#hot-water-boilers\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer shrink-0\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n          \n  <\/article>\n\n\n\n                        <\/div>\n                                    <\/div>\n\n                                    <div class=\"flex 3xl:hidden items-center gap-sm\">\n                                                    <button type=\"button\" class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 0 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(0)\"\n                                :aria-current=\"current === 0 ? 'true' : 'false'\"\n                                aria-label=\"Go to card 1\"><\/button>\n                                                    <button type=\"button\" class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 1 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(1)\"\n                                :aria-current=\"current === 1 ? 'true' : 'false'\"\n                                aria-label=\"Go to card 2\"><\/button>\n                                                    <button type=\"button\" class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 2 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(2)\"\n                                :aria-current=\"current === 2 ? 'true' : 'false'\"\n                                aria-label=\"Go to card 3\"><\/button>\n                                            <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n<section\n        class=\"stripe-block stripe-block--gray  w-screen mx-[calc(50%-50vw)] bg-brown-50\">\n        \n                    <div\n                class=\"stripe-main page-container pt-8xl 3xl:pt-11xl pb-8xl 3xl:pb-11xl flex flex-col 3xl:flex-col-reverse 5xl:flex-row items-center 3xl:items-start 5xl:items-center gap-4xl 3xl:gap-7xl \">\n                                                            <div\n                            class=\"stripe-image-col w-full 5xl:max-6xl:w-150 6xl:max-[1366px]:w-[calc(50%-1.5rem)] min-[1366px]:w-auto shrink-0 flex items-center justify-center\">\n                            <div\n                                 style=\"--ar: 2560 \/ 2560\"                                 class=\"w-full h-100 3xl:h-150 5xl:max-[1366px]:h-auto min-[1366px]:w-auto 5xl:aspect-(--ar) flex items-center justify-center rounded-md bg-basic-white\">\n                                                                    <a  href=\"https:\/\/crem.coffee\/es\/molinos-de-cafe\/\"  tabindex=\"-1\" aria-hidden=\"true\"\n                                                                                class=\"group flex items-center justify-center w-full max-w-full 3xl:max-h-full h-full overflow-hidden rounded-md \">\n                                        <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/Pulse-75-HS-isoSX-black.webp\"\n                                            alt=\"\"\n                                            class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain transition-transform duration-500 group-hover:scale-105\">\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                                    \n                \n                <div class=\"flex flex-col gap-xl items-start flex-1 min-w-0 w-full\">\n                    <div class=\"flex flex-col gap-md items-start w-full\">\n                                                    <h3 class=\"heading-xl stripe-title text-grey-900 w-full break-words\">\n                                Molinos de caf\u00e9\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>Molinos de caf\u00e9 para todo tipo de entornos, desde establecimientos de alto volumen hasta el hogar, dise\u00f1ados para espresso y caf\u00e9 filtro.<\/p>\n\n                            <\/div>\n                                            <\/div>\n\n                                            <a  href=\"https:\/\/crem.coffee\/es\/molinos-de-cafe\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer\">\n            Ir a Molinos\n\n                        <\/a>\n\n                                    <\/div>\n            <\/div>\n        \n            <\/section>\n\n\n<section\n        class=\"w-screen mx-[calc(50%-50vw)] bg-basic-white\"\n        x-data=\"highlightsCarousel\"\n    >\n        <div class=\"page-container section-py flex flex-col items-center justify-center gap-7xl\">\n                            <div class=\"flex flex-col gap-xl items-start w-full\">\n    <div class=\"flex flex-col gap-md items-start w-full\">\n                    <h2 class=\"heading-xl text-brown-900 w-full\">\n                \u00bfPor qu\u00e9 Crem?\n            <\/h2>\n                            <div class=\"body-md text-grey-600 w-full\">\n                <p>Por m\u00e1s de 40 a\u00f1os, CREM ha ayudado a los profesionales la industria a servir caf\u00e9 de calidad a trav\u00e9s de soluciones dise\u00f1adas para ofrecer rendimiento, consistencia y facilidad de uso en el d\u00eda a d\u00eda. Desde m\u00e1quinas espresso y superautom\u00e1ticas hasta sistemas de caf\u00e9 filtro, molinos y accesorios, desarrollamos soluciones pr\u00e1cticas para profesionales del caf\u00e9 en todo el mundo. Para aquellos que valoran el rendimiento, la fiabilidad y el valor a largo plazo.<\/p>\n\n            <\/div>\n            <\/div>\n\n            <a  href=\"https:\/\/crem.coffee\/es\/about-us\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n    <\/div>\n            \n            \n            <div class=\"flex flex-col gap-3xl items-center justify-center w-full\">\n                <div\n                    class=\"flex flex-nowrap gap-xl w-full overflow-x-auto scroll-smooth snap-x snap-mandatory scrollbar-hide\"\n                    x-ref=\"carousel\"\n                >\n                                            <article class=\"flex flex-col items-start gap-2xl bg-brown-50 rounded-lg p-2xl w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            \n                            <div class=\"flex items-center justify-center bg-basic-white rounded-sm p-sm shrink-0\">\n                                                                    <img decoding=\"async\"\n                                        src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/07\/workspace_premium-1.svg\"\n                                        alt=\"\"\n                                        class=\"size-[39px] object-contain\"\n                                    >\n                                                            <\/div>\n\n                            \n                            <div class=\"flex flex-col gap-md items-start w-full\">\n                                                                    <p class=\"heading-s text-brown-900 w-full\">\n                                        Somos la elecci\u00f3n inteligente\n                                    <\/p>\n                                                                                                    <div class=\"body-md text-grey-600 w-full\">\n                                        <p>Desde los a\u00f1os 80, CREM ha combinado alto rendimiento, dise\u00f1o moderno e innovaci\u00f3n pr\u00e1ctica para crear soluciones profesionales de caf\u00e9 pensadas para el \u00e9xito diario.<\/p>\n\n                                    <\/div>\n                                                            <\/div>\n                        <\/article>\n                                            <article class=\"flex flex-col items-start gap-2xl bg-brown-50 rounded-lg p-2xl w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            \n                            <div class=\"flex items-center justify-center bg-basic-white rounded-sm p-sm shrink-0\">\n                                                                    <img decoding=\"async\"\n                                        src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/07\/diversity_2-2.svg\"\n                                        alt=\"\"\n                                        class=\"size-[39px] object-contain\"\n                                    >\n                                                            <\/div>\n\n                            \n                            <div class=\"flex flex-col gap-md items-start w-full\">\n                                                                    <p class=\"heading-s text-brown-900 w-full\">\n                                        Estamos comprometidos con las necesidades reales\n                                    <\/p>\n                                                                                                    <div class=\"body-md text-grey-600 w-full\">\n                                        <p>Cada soluci\u00f3n nace de la experiencia de servir caf\u00e9 a diario. Buscamos estar cerca de nuestros clientes para que nuestras innovaciones impulsen la eficiencia, la consistencia y la fiabilidad a largo plazo.<\/p>\n\n                                    <\/div>\n                                                            <\/div>\n                        <\/article>\n                                            <article class=\"flex flex-col items-start gap-2xl bg-brown-50 rounded-lg p-2xl w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            \n                            <div class=\"flex items-center justify-center bg-basic-white rounded-sm p-sm shrink-0\">\n                                                                    <img decoding=\"async\"\n                                        src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/global_roots.svg\"\n                                        alt=\"\"\n                                        class=\"size-[39px] object-contain\"\n                                    >\n                                                            <\/div>\n\n                            \n                            <div class=\"flex flex-col gap-md items-start w-full\">\n                                                                    <p class=\"heading-s text-brown-900 w-full\">\n                                        Tenemos ra\u00edces globales y una mentalidad \u00e1gil\n                                    <\/p>\n                                                                                                    <div class=\"body-md text-grey-600 w-full\">\n                                        <p>Presentes en m\u00e1s de 100 pa\u00edses, combinamos alcance internacional con un enfoque pr\u00e1ctico y cercano que nos permite mantenernos conectados con nuestros clientes y sus necesidades.<\/p>\n\n                                    <\/div>\n                                                            <\/div>\n                        <\/article>\n                                            <article class=\"flex flex-col items-start gap-2xl bg-brown-50 rounded-lg p-2xl w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            \n                            <div class=\"flex items-center justify-center bg-basic-white rounded-sm p-sm shrink-0\">\n                                                                    <img decoding=\"async\"\n                                        src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/invest.svg\"\n                                        alt=\"\"\n                                        class=\"size-[39px] object-contain\"\n                                    >\n                                                            <\/div>\n\n                            \n                            <div class=\"flex flex-col gap-md items-start w-full\">\n                                                                    <p class=\"heading-s text-brown-900 w-full\">\n                                        Invertimos donde realmente importa\n                                    <\/p>\n                                                                                                    <div class=\"body-md text-grey-600 w-full\">\n                                        <p>Invertimos en ingenier\u00eda, innovaci\u00f3n, dise\u00f1o y experiencia de usuario. El resultado son equipos atractivos, robustos y dise\u00f1ados para ofrecer un rendimiento fiable durante a\u00f1os.<\/p>\n\n                                    <\/div>\n                                                            <\/div>\n                        <\/article>\n                                            <article class=\"flex flex-col items-start gap-2xl bg-brown-50 rounded-lg p-2xl w-full shrink-0 snap-start 3xl:w-[calc((100%-2*var(--spacing-xl))\/3)]\">\n                            \n                            <div class=\"flex items-center justify-center bg-basic-white rounded-sm p-sm shrink-0\">\n                                                                    <img decoding=\"async\"\n                                        src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/10\/ali_group.svg\"\n                                        alt=\"\"\n                                        class=\"size-[39px] object-contain\"\n                                    >\n                                                            <\/div>\n\n                            \n                            <div class=\"flex flex-col gap-md items-start w-full\">\n                                                                    <p class=\"heading-s text-brown-900 w-full\">\n                                        Respaldados por Ali Group\n                                    <\/p>\n                                                                                                    <div class=\"body-md text-grey-600 w-full\">\n                                        <p>Combinamos el enfoque de un especialista en caf\u00e9 con la fortaleza, los recursos y la estabilidad a largo plazo de uno de los grupos l\u00edderes mundiales en equipamiento para foodservice.<\/p>\n\n                                    <\/div>\n                                                            <\/div>\n                        <\/article>\n                                    <\/div>\n\n                \n                                    <div class=\"flex 3xl:hidden items-center gap-sm\">\n                                                    <button\n                                type=\"button\"\n                                class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 0 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(0)\"\n                                aria-label=\"Go to card 1\"\n                            ><\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 1 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(1)\"\n                                aria-label=\"Go to card 2\"\n                            ><\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 2 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(2)\"\n                                aria-label=\"Go to card 3\"\n                            ><\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 3 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(3)\"\n                                aria-label=\"Go to card 4\"\n                            ><\/button>\n                                                    <button\n                                type=\"button\"\n                                class=\"h-3 rounded-full transition-all\"\n                                :class=\"current === 4 ? 'w-8 bg-brown-900' : 'w-3 bg-brown-900\/30'\"\n                                @click=\"goTo(4)\"\n                                aria-label=\"Go to card 5\"\n                            ><\/button>\n                                            <\/div>\n                \n                \n                                    <div class=\"hidden 3xl:flex items-center justify-end w-full\">\n                        <div class=\"flex gap-md items-center\">\n                            <button\n                  :disabled=\"atStart\"\n      :aria-disabled=\"(atStart).toString()\"\n      aria-label=\"Previous\"\n      @click=\"goTo(current - 1)\"\n      :class=\"'inline-flex items-center justify-center shrink-0 p-md overflow-clip transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 rounded-full ' + (atStart ? 'bg-transparent text-grey-600 border border-grey-600 cursor-not-allowed pointer-events-none' : 'bg-brown-500 text-basic-white! border border-transparent hover:bg-brown-800 cursor-pointer')\"\n    >\n      <svg\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    aria-hidden=\"true\" focusable=\"false\"\n    class=\"inline-block shrink-0 icon-size\"\n  ><path d=\"M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z\" fill=\"currentColor\"\/><\/svg>\n    <\/button>\n                            <button\n                  :disabled=\"atEnd\"\n      :aria-disabled=\"(atEnd).toString()\"\n      aria-label=\"Next\"\n      @click=\"goTo(current + 1)\"\n      :class=\"'inline-flex items-center justify-center shrink-0 p-md overflow-clip transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 rounded-full ' + (atEnd ? 'bg-transparent text-grey-600 border border-grey-600 cursor-not-allowed pointer-events-none' : 'bg-brown-500 text-basic-white! border border-transparent hover:bg-brown-800 cursor-pointer')\"\n    >\n      <svg\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    aria-hidden=\"true\" focusable=\"false\"\n    class=\"inline-block shrink-0 icon-size\"\n  ><path d=\"M4 11h12.17l-5.59-5.59L12 4l8 8-8 8-1.41-1.42L16.17 13H4v-2z\" fill=\"currentColor\"\/><\/svg>\n    <\/button>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/section>\n\n\n<section\n        class=\"stripe-block stripe-block--gray  w-screen mx-[calc(50%-50vw)] bg-brown-50\">\n        \n                    <div\n                class=\"stripe-main page-container pt-8xl 3xl:pt-11xl pb-8xl 3xl:pb-11xl flex flex-col 3xl:flex-col-reverse 5xl:flex-row items-center 3xl:items-start 5xl:items-center gap-4xl 3xl:gap-7xl \">\n                                                            <div\n                            class=\"stripe-image-col w-full 5xl:max-6xl:w-150 6xl:max-[1366px]:w-[calc(50%-1.5rem)] min-[1366px]:w-auto shrink-0 flex items-center justify-center\">\n                            <div\n                                 style=\"--ar: 1707 \/ 2560\"                                 class=\"w-full h-100 3xl:h-150 5xl:max-[1366px]:h-auto min-[1366px]:w-auto 5xl:aspect-(--ar) flex items-center justify-center \">\n                                                                    <a  href=\"https:\/\/crem.coffee\/es\/technology\/\"  tabindex=\"-1\" aria-hidden=\"true\"\n                                                                                class=\"group flex items-center justify-center w-full max-w-full 3xl:max-h-full h-full overflow-hidden rounded-md \">\n                                        <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/07\/4839b2fb1ac59957be67279c507020353748a218-scaled.jpg\"\n                                            alt=\"\"\n                                            class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain transition-transform duration-500 group-hover:scale-105\">\n                                    <\/a>\n                                                            <\/div>\n                        <\/div>\n                                    \n                \n                <div class=\"flex flex-col gap-xl items-start flex-1 min-w-0 w-full\">\n                    <div class=\"flex flex-col gap-md items-start w-full\">\n                                                    <h3 class=\"heading-xl stripe-title text-grey-900 w-full break-words\">\n                                Tecnolog\u00edas de Crem Tech\u2122\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>La innovaci\u00f3n en Crem nace de las necesidades reales del servicio. Nuestras tecnolog\u00edas est\u00e1n dise\u00f1adas para mejorar la calidad del caf\u00e9, garantizar la consistencia y simplificar las operaciones diarias, ayudando a los profesionales a obtener resultados fiables y flujos de trabajo m\u00e1s eficientes.<\/p>\n\n                            <\/div>\n                                            <\/div>\n\n                                            <a  href=\"https:\/\/crem.coffee\/es\/technology\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer\">\n            Descubre m\u00e1s\n\n                        <\/a>\n\n                                    <\/div>\n            <\/div>\n        \n            <\/section>\n\n\n<div class=\"w-screen mx-[calc(50%-50vw)]\" style=\"background-color: #ffffff;\">\n\n        <div class=\"cta-with-background relative mx-auto flex w-full items-center overflow-hidden text-white\"\n            style=\"height:420px;\">\n\n            <div class=\"absolute inset-0 z-0 bg-cover bg-center\"\n                style=\"background-image:url(https:\/\/crem.coffee\/app\/uploads\/2026\/07\/Frame-20.png);\"><\/div>\n\n            \n            <div class=\"pointer-events-none absolute inset-0 z-10\" style=\"background-color: rgba(0,0,0,0.24);\"><\/div>\n\n            <div class=\"relative z-20 py-8 page-container\">\n                                    <h2 class=\"mb-3 heading-xl\">\n                        Encuentra tu m\u00e1quina espresso\n                    <\/h2>\n                \n                                    <p class=\"mb-5 body-md text-white\/85\">\n                        Explora la gama de m\u00e1quinas espresso de Crem, y encuentra el modelo que mejor se adapta a tus necesidades.\n                    <\/p>\n                \n                                    <a  href=\"https:\/\/crem.coffee\/es\/matrix\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-basic-white text-brown-900! border border-transparent hover:bg-overlay-black-2 hover:border-basic-white hover:text-basic-white! cursor-pointer\">\n            Empezar a explorar\n\n                        <\/a>\n\n                            <\/div>\n        <\/div>\n    <\/div>\n\n\n<section class=\"w-screen mx-[calc(50%-50vw)] bg-basic-white\">\n        <div class=\"page-container section-py flex flex-col gap-4xl 3xl:gap-7xl items-center justify-center\">\n\n                            <div class=\"flex flex-col gap-md items-start w-full\">\n            <h2 class=\"heading-xl text-grey-900 w-full\">\n            Noticias\n        <\/h2>\n                <div class=\"body-md text-grey-600 w-full\">\n            <p>Mantente al d\u00eda con las \u00faltimas novedades, noticias y actualizaciones del mundo Crem.<\/p>\n\n        <\/div>\n        <\/div>\n            \n                        <div class=\"flex flex-col gap-5xl 3xl:gap-7xl items-center justify-center w-full\">\n                <div class=\"grid grid-cols-1 3xl:grid-cols-2 5xl:grid-cols-3 gap-6xl 3xl:gap-xl w-full\">\n                                            \n                        <article class=\"group flex flex-col items-start gap-xl w-full\">\n\n    \n          <a\n        href=\"https:\/\/crem.coffee\/es\/rawr-cafe-une-cafe-y-naturaleza\/\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"relative block w-full h-[349px] rounded-lg overflow-hidden shrink-0\"\n      >\n                  <img decoding=\"async\"\n            src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/09\/rawr-cafe.jpg\"\n            alt=\"\"\n            class=\"absolute inset-0 w-full h-full object-cover pointer-events-none transition-transform duration-500 group-hover:scale-105\"\n          >\n              <\/a>\n    \n    \n    <div class=\"flex flex-col items-start gap-md w-full\">\n              <p class=\"body-md text-grey-600 whitespace-nowrap\">\n          15\/09\/2026\n        <\/p>\n                    <p class=\"heading-s text-grey-900 w-full\">\n                      <a\n              href=\"https:\/\/crem.coffee\/es\/rawr-cafe-une-cafe-y-naturaleza\/\"\n              class=\"text-grey-900! border-b border-transparent group-hover:border-grey-900 transition-colors\"\n            >Rawr Caf\u00e9 une caf\u00e9 y naturaleza<\/a>\n                  <\/p>\n          <\/div>\n\n    \n                  <a  href=\"https:\/\/crem.coffee\/es\/rawr-cafe-une-cafe-y-naturaleza\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 border-b border-brown-900 text-brown-900! rounded-none hover:text-brown-500! hover:border-brown-500 cursor-pointer\">\n            Leer m\u00e1s\n\n                        <\/a>\n\n          \n  <\/article>\n\n\n\n                                            \n                        <article class=\"group flex flex-col items-start gap-xl w-full\">\n\n    \n          <a\n        href=\"https:\/\/crem.coffee\/es\/bienvenida-a-caffe-santino-e-indomaret-a-la-fabrica-de-crem\/\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"relative block w-full h-[349px] rounded-lg overflow-hidden shrink-0\"\n      >\n              <\/a>\n    \n    \n    <div class=\"flex flex-col items-start gap-md w-full\">\n              <p class=\"body-md text-grey-600 whitespace-nowrap\">\n          15\/08\/2026\n        <\/p>\n                    <p class=\"heading-s text-grey-900 w-full\">\n                      <a\n              href=\"https:\/\/crem.coffee\/es\/bienvenida-a-caffe-santino-e-indomaret-a-la-fabrica-de-crem\/\"\n              class=\"text-grey-900! border-b border-transparent group-hover:border-grey-900 transition-colors\"\n            >Bienvenida a Caff\u00e8 Santino e Indomaret a la f\u00e1brica de Crem<\/a>\n                  <\/p>\n          <\/div>\n\n    \n                  <a  href=\"https:\/\/crem.coffee\/es\/bienvenida-a-caffe-santino-e-indomaret-a-la-fabrica-de-crem\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 border-b border-brown-900 text-brown-900! rounded-none hover:text-brown-500! hover:border-brown-500 cursor-pointer\">\n            Leer m\u00e1s\n\n                        <\/a>\n\n          \n  <\/article>\n\n\n\n                                            \n                        <article class=\"group flex flex-col items-start gap-xl w-full\">\n\n    \n          <a\n        href=\"https:\/\/crem.coffee\/es\/crem-en-el-congreso-espanol-del-cafe-en-a-coruna\/\"\n        tabindex=\"-1\"\n        aria-hidden=\"true\"\n        class=\"relative block w-full h-[349px] rounded-lg overflow-hidden shrink-0\"\n      >\n              <\/a>\n    \n    \n    <div class=\"flex flex-col items-start gap-md w-full\">\n              <p class=\"body-md text-grey-600 whitespace-nowrap\">\n          15\/07\/2026\n        <\/p>\n                    <p class=\"heading-s text-grey-900 w-full\">\n                      <a\n              href=\"https:\/\/crem.coffee\/es\/crem-en-el-congreso-espanol-del-cafe-en-a-coruna\/\"\n              class=\"text-grey-900! border-b border-transparent group-hover:border-grey-900 transition-colors\"\n            >Crem en el Congreso Espa\u00f1ol del Caf\u00e9 en A Coru\u00f1a<\/a>\n                  <\/p>\n          <\/div>\n\n    \n                  <a  href=\"https:\/\/crem.coffee\/es\/crem-en-el-congreso-espanol-del-cafe-en-a-coruna\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 border-b border-brown-900 text-brown-900! rounded-none hover:text-brown-500! hover:border-brown-500 cursor-pointer\">\n            Leer m\u00e1s\n\n                        <\/a>\n\n          \n  <\/article>\n\n\n\n                                    <\/div>\n                <a  href=\"https:\/\/crem.coffee\/es\/news\/\"                                     class=\"inline-flex items-center justify-center gap-sm body-s whitespace-nowrap transition-colors focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 px-3xl py-md rounded-sm bg-brown-900 text-basic-white! border border-transparent hover:bg-transparent hover:border-brown-900 hover:text-brown-900! cursor-pointer self-start\" style=\"primary;\">\n            Ver todas las noticias\n\n                        <\/a>\n\n            <\/div>\n        <\/div>\n    <\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-892","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/pages\/892","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/comments?post=892"}],"version-history":[{"count":60,"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/pages\/892\/revisions"}],"predecessor-version":[{"id":3436,"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/pages\/892\/revisions\/3436"}],"wp:attachment":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/media?parent=892"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}