{"id":1240,"date":"2026-08-11T09:51:31","date_gmt":"2026-08-11T07:51:31","guid":{"rendered":"https:\/\/crem.coffee\/espresso-families\/onyx\/"},"modified":"2026-11-06T10:35:59","modified_gmt":"2026-11-06T09:35:59","slug":"onyx","status":"publish","type":"crem_family_page","link":"https:\/\/crem.coffee\/es\/espresso-families\/onyx\/","title":{"rendered":"ONYX"},"content":{"rendered":"<section\n        data-header-hero\n        class=\"relative w-screen mx-[calc(50%-50vw)]\"\n        x-data=\"{ current: 0, total: 1 }\"\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-between pt-10xl\"\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-ONYX-hero.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                                    ONYX\n                                <\/h1>\n                                                                                        <div class=\"body-md w-full\">\n                                    <p>ONYX combina un rendimiento espresso profesional con un dise\u00f1o atemporal y materiales premium de gran durabilidad. Construida en metal, aluminio y cristal, est\u00e1 dise\u00f1ada para mantener su est\u00e9tica y rendimiento durante a\u00f1os de servicio diario.<\/p>\n\n                                <\/div>\n                                                    <\/div>\n\n                                            <\/div>\n                <\/div>\n                    <\/div>\n\n        \n            <\/section>\n\n\n<section\n        class=\"stripe-block stripe-block--white  w-screen mx-[calc(50%-50vw)] bg-basic-white\">\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: 960 \/ 720\"                                 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                                                                    <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-ONYX-highlight-01.jpg\" alt=\"\"\n                                        class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain\">\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                                Calidad de espresso consistente\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>Con dosificaci\u00f3n volum\u00e9trica, control de temperatura PID y preinfusi\u00f3n electr\u00f3nica favorecen una extracci\u00f3n estable y una calidad de espresso consistente durante toda la jornada. Disponible en configuraciones de una o varias calderas.<\/p>\n\n                            <\/div>\n                                            <\/div>\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: 960 \/ 720\"                                 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 overflow-hidden\">\n                                                                    <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-ONYX-highlight-02.webp\" alt=\"\"\n                                        class=\"w-full max-w-full 3xl:max-h-full h-full  max-5xl:object-cover object-contain\">\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                                Funcionamiento intuitivo\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>Disponible con pantalla t\u00e1ctil, display digital o teclado. ONYX est\u00e1 dise\u00f1ada para que la operaci\u00f3n diaria, la programaci\u00f3n y el mantenimiento sean sencillos y eficientes.<\/p>\n\n                            <\/div>\n                                            <\/div>\n\n                                    <\/div>\n            <\/div>\n        \n            <\/section>\n\n\n<section\n        class=\"stripe-block stripe-block--white  w-screen mx-[calc(50%-50vw)] bg-basic-white\">\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: 720 \/ 960\"                                 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                                                                    <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-ONYX-highlight-03.jpg\" alt=\"\"\n                                        class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain\">\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                                Mantenimiento sencillo\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>Los ciclos autom\u00e1ticos de limpieza y las funciones espec\u00edficas de enjuague simplifican el mantenimiento rutinario, ayudando a reducir tiempos de inactividad y mantener el servicio en funcionamiento.<\/p>\n\n                            <\/div>\n                                            <\/div>\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: 960 \/ 720\"                                 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                                                                    <img decoding=\"async\" src=\"https:\/\/crem.coffee\/app\/uploads\/2026\/08\/crem-ONYX-highlight-04.jpg\" alt=\"\"\n                                        class=\"w-full max-w-full 3xl:max-h-full h-full rounded-md max-5xl:object-cover object-contain\">\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                                Una configuraci\u00f3n para cada negocio\n                            <\/h3>\n                                                                            <div class=\"stripe-text body-md text-grey-700 w-full\">\n                                <p>Disponible en versiones Mini, 1 grupo, 2 grupos y 3 grupos, incluidas configuraciones con grupos elevados, ONYX se adapta a diferentes espacios, flujos de trabajo y vol\u00famenes de servicio.<\/p>\n\n                            <\/div>\n                                            <\/div>\n\n                                    <\/div>\n            <\/div>\n        \n            <\/section>\n","protected":false},"featured_media":1609,"template":"","meta":{"_acf_changed":true},"class_list":["post-1240","crem_family_page","type-crem_family_page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/crem_family_page\/1240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/crem_family_page"}],"about":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/types\/crem_family_page"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/media\/1609"}],"wp:attachment":[{"href":"https:\/\/crem.coffee\/es\/wp-json\/wp\/v2\/media?parent=1240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}