{"id":8298,"date":"2026-07-28T00:15:34","date_gmt":"2026-07-28T06:15:34","guid":{"rendered":"https:\/\/www.espressoamico.com\/?page_id=8298"},"modified":"2026-07-28T01:08:35","modified_gmt":"2026-07-28T07:08:35","slug":"lp-alquiler-de-cafetera-industrial-para-oficinas-negocios-y-empresas","status":"publish","type":"page","link":"https:\/\/www.espressoamico.com\/en\/lp-alquiler-de-cafetera-industrial-para-oficinas-negocios-y-empresas\/","title":{"rendered":"LP &#8211; Alquiler de Cafetera Industrial para Oficinas, Negocios y Empresas"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8298\" class=\"elementor elementor-8298\">\n\t\t\t\t<div class=\"elementor-element elementor-element-088e8d3 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"088e8d3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e07c5c7 elementor-widget elementor-widget-text-editor\" data-id=\"e07c5c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"es\" class=\"scroll-smooth\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Alquiler de Cafetera Industrial para Oficinas, Negocios y Empresas | Espresso Amico<\/title>\n    <link rel=\"icon\" type=\"image\/x-icon\" href=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/f_auto,q_auto\/v1760113426\/logo_espresso_Amico-1_14840ed6\/logo_espresso_Amico-1_14840ed6.webp?_i=AA\" \/>\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\/\" crossorigin=\"\" \/>\n    <link\n      rel=\"stylesheet\"\n      as=\"style\"\n      onload=\"this.rel='stylesheet'\"\n      href=\"https:\/\/fonts.googleapis.com\/css2?display=swap&amp;family=Noto+Sans%3Awght%40400%3B500%3B700%3B900&amp;family=Work+Sans%3Awght%40400%3B500%3B700%3B900\"\n    \/>\n    <script>\n      \/\/ This configuration scopes all Tailwind CSS classes to the #espresso-amico-landing container.\n      \/\/ This prevents conflicts with WordPress theme styles, making the component portable.\n      tailwind.config = {\n        important: '#espresso-amico-landing',\n      }\n    <\/script>\n    <script src=\"https:\/\/cdn.tailwindcss.com?plugins=forms,container-queries\"><\/script>\n    <style>\n      \/* Scoped styles to prevent conflicts with other environments like WordPress *\/\n      #espresso-amico-landing {\n        font-family: \"Work Sans\", \"Noto Sans\", sans-serif;\n      }\n      #espresso-amico-landing #contact-modal {\n        transition: opacity 0.3s ease-in-out;\n      }\n\n      \/* High-specificity styles for FAQ section to prevent WordPress\/Elementor overrides *\/\n      #espresso-amico-landing #faq {\n        background-color: #faf8f7 !important;\n        padding-top: 5rem !important;\n        padding-bottom: 5rem !important;\n      }\n      #espresso-amico-landing #faq h2 {\n        font-size: 2rem !important;\n        line-height: 2.5rem !important;\n        font-weight: 700 !important;\n        color: #604C3D !important;\n        text-align: center !important;\n        margin-bottom: 3rem !important;\n      }\n      @media (min-width: 768px) {\n        #espresso-amico-landing #faq h2 {\n          font-size: 2.25rem !important;\n        }\n      }\n      #espresso-amico-landing .faq-container {\n        max-width: 72rem !important;\n        margin-left: auto !important;\n        margin-right: auto !important;\n        display: flex !important;\n        flex-direction: column !important;\n        gap: 0.75rem !important;\n      }\n      @media (min-width: 768px) {\n        #espresso-amico-landing .faq-container {\n          display: grid !important;\n          grid-template-columns: 1fr 2fr !important;\n          gap: 2.5rem !important;\n          align-items: start !important;\n        }\n      }\n\n      #espresso-amico-landing .faq-item {\n        background-color: #ffffff !important;\n        border-radius: 0.75rem !important;\n        overflow: hidden !important;\n        box-shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1) !important;\n        border: 1px solid #e5e7eb !important;\n      }\n      @media (min-width: 768px) {\n        #espresso-amico-landing .faq-item {\n          display: contents !important;\n        }\n      }\n\n      #espresso-amico-landing .faq-button {\n        width: 100% !important;\n        display: flex !important;\n        justify-content: space-between !important;\n        align-items: center !important;\n        text-align: left !important;\n        padding: 1rem 1.25rem !important;\n        font-weight: 600 !important;\n        color: #604C3D !important;\n        background-color: #ffffff !important;\n        transition: background-color 0.2s, color 0.2s !important;\n        border: none !important;\n        cursor: pointer !important;\n        font-family: inherit !important;\n        font-size: 1rem !important;\n        line-height: 1.5rem !important;\n      }\n\n      #espresso-amico-landing .faq-button:hover {\n        background-color: #f9fafb !important;\n      }\n\n      #espresso-amico-landing .faq-button.is-active {\n        background-color: #ffffff !important;\n        color: #ca070f !important;\n      }\n\n      #espresso-amico-landing .faq-button svg {\n        transition: transform 0.2s ease !important;\n      }\n\n      #espresso-amico-landing .faq-button.is-active svg {\n        transform: rotate(180deg) !important;\n      }\n\n      @media (min-width: 768px) {\n        #espresso-amico-landing .faq-button {\n          grid-column: 1 \/ span 1 !important;\n          border-radius: 0.5rem !important;\n          font-weight: 500 !important;\n          background-color: transparent !important;\n          padding: 1rem !important;\n        }\n        #espresso-amico-landing .faq-button.is-active {\n          background-color: #ffffff !important;\n          box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1) !important;\n        }\n      }\n\n      #espresso-amico-landing .faq-answer-panel {\n        background-color: #ffffff !important;\n        padding: 1rem 1.25rem 1.25rem 1.25rem !important;\n        border-top: 1px solid #f3f4f6 !important;\n      }\n      #espresso-amico-landing .faq-answer-panel.is-hidden {\n        display: none !important;\n      }\n\n      @media (min-width: 768px) {\n        #espresso-amico-landing .faq-answer-panel {\n          grid-column: 2 \/ span 1 !important;\n          grid-row: 1 \/ span 12 !important;\n          align-self: start !important;\n          padding: 2rem !important;\n          border-radius: 0.75rem !important;\n          border-top: none !important;\n          box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1) !important;\n        }\n      }\n\n      #espresso-amico-landing .faq-answer-panel h3 {\n        font-size: 1.125rem !important;\n        line-height: 1.5rem !important;\n        font-weight: 700 !important;\n        color: #604C3D !important;\n        margin-bottom: 0.75rem !important;\n      }\n      @media (min-width: 768px) {\n        #espresso-amico-landing .faq-answer-panel h3 {\n          font-size: 1.25rem !important;\n          line-height: 1.75rem !important;\n          margin-bottom: 1rem !important;\n        }\n      }\n\n      #espresso-amico-landing .faq-answer-panel p {\n        color: #96785F !important;\n        line-height: 1.625 !important;\n        font-size: 0.95rem !important;\n      }\n      @media (min-width: 768px) {\n        #espresso-amico-landing .faq-answer-panel p {\n          font-size: 1rem !important;\n        }\n      }\n    <\/style>\n    <style>\n      \/* High-specificity styles for Contact Form 7 in Hero Section *\/\n      #espresso-amico-landing .wpcf7-form p {\n        margin: 0 !important;\n      }\n\n      #espresso-amico-landing .wpcf7-form {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem; \/* Equivalent to space-y-4 *\/\n      }\n      \n      #espresso-amico-landing .wpcf7-form .wpcf7-form-control-wrap {\n        width: 100%;\n      }\n      \n      #espresso-amico-landing .wpcf7-form-control.wpcf7-text,\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-email,\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-tel {\n        width: 100% !important;\n        background-color: rgba(255, 255, 255, 0.1) !important;\n        border: 1px solid rgba(255, 255, 255, 0.2) !important;\n        border-radius: 0.5rem !important;\n        padding: 0.75rem 1rem !important;\n        color: #ffffff !important;\n        transition: all 0.3s ease-in-out !important;\n        box-sizing: border-box !important;\n        font-family: inherit !important;\n        font-size: 1rem !important;\n        line-height: inherit !important;\n      }\n\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-text::placeholder,\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-email::placeholder,\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-tel::placeholder {\n        color: #d1d5db !important;\n        opacity: 1;\n      }\n      \n      #espresso-amico-landing .wpcf7-form-control.wpcf7-text:focus,\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-email:focus,\n      #espresso-amico-landing .wpcf7-form-control.wpcf7-tel:focus {\n        outline: none !important;\n        --tw-ring-color: #ca070f;\n        box-shadow: 0 0 0 2px var(--tw-ring-color) !important;\n      }\n      \n      #espresso-amico-landing .wpcf7-submit {\n        width: 100% !important;\n        background-color: #ca070f !important;\n        color: white !important;\n        font-weight: 700 !important;\n        padding: 0.75rem 1.5rem !important;\n        border-radius: 0.5rem !important;\n        border: none !important;\n        cursor: pointer !important;\n        box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1) !important;\n        transition: all 0.3s ease-in-out !important;\n      }\n\n      #espresso-amico-landing .wpcf7-submit:hover {\n        background-color: #a2060c !important;\n        box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1) !important;\n        transform: scale(1.05);\n      }\n      \n      \/* CF7 Response Output Styling *\/\n      #espresso-amico-landing .wpcf7-response-output {\n        margin: 1rem 0 0 0 !important;\n        padding: 0.75rem 1rem !important;\n        border-radius: 0.5rem !important;\n        font-size: 0.875rem !important;\n        line-height: 1.25rem !important;\n        text-align: center;\n        border-width: 2px !important;\n        border-style: solid !important;\n        color: white;\n      }\n\n      #espresso-amico-landing .wpcf7-mail-sent-ok {\n        border-color: #4ade80 !important; \/* green-400 *\/\n        background-color: rgba(74, 222, 128, 0.1) !important;\n        color: #bbf7d0 !important; \/* green-200 *\/\n      }\n      \n      #espresso-amico-landing .wpcf7-validation-errors,\n      #espresso-amico-landing .wpcf7-spam-blocked,\n      #espresso-amico-landing .wpcf7-mail-sent-ng {\n        border-color: #f87171 !important; \/* red-400 *\/\n        background-color: rgba(248, 113, 113, 0.1) !important;\n        color: #fecaca !important; \/* red-200 *\/\n      }\n      \n      #espresso-amico-landing .wpcf7-spinner {\n        display: none !important;\n      }\n\n      #espresso-amico-landing span.wpcf7-not-valid-tip {\n        color: #fef08a !important; \/* yellow-200 *\/\n        font-size: 0.875rem !important;\n        display: block;\n        margin-top: 0.25rem;\n      }\n    <\/style>\n    <style>\n      \/* High-specificity styles for Contact Form 7 in Modal *\/\n      #espresso-amico-landing #contact-modal .wpcf7-form p {\n        margin: 0 !important;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-form {\n        display: flex;\n        flex-direction: column;\n        gap: 1rem;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-form .wpcf7-form-control-wrap {\n        width: 100%;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-text,\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-email,\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-tel {\n        width: 100% !important;\n        background-color: #f9fafb !important; \/* bg-gray-50 *\/\n        border: 1px solid #d1d5db !important; \/* border-gray-300 *\/\n        border-radius: 0.5rem !important; \/* rounded-lg *\/\n        padding: 0.75rem 1rem !important;\n        color: #111827 !important; \/* text-gray-900 *\/\n        transition: all 0.3s ease-in-out !important;\n        box-sizing: border-box !important;\n        font-family: inherit !important;\n        font-size: 1rem !important;\n        line-height: inherit !important;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-text::placeholder,\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-email::placeholder,\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-tel::placeholder {\n        color: #6b7280 !important; \/* placeholder-gray-500 *\/\n        opacity: 1;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-text:focus,\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-email:focus,\n      #espresso-amico-landing #contact-modal .wpcf7-form-control.wpcf7-tel:focus {\n        outline: none !important;\n        --tw-ring-color: #ca070f;\n        box-shadow: 0 0 0 2px var(--tw-ring-color) !important;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-submit {\n        width: 100% !important;\n        background-color: #ca070f !important;\n        color: white !important;\n        font-weight: 700 !important;\n        padding: 0.75rem 1.5rem !important;\n        border-radius: 0.5rem !important;\n        border: none !important;\n        cursor: pointer !important;\n        box-shadow: 0 4px 6px -1px rgb(0 0 0 \/ 0.1), 0 2px 4px -2px rgb(0 0 0 \/ 0.1) !important;\n        transition: all 0.3s ease-in-out !important;\n        transform: scale(1);\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-submit:hover {\n        background-color: #a2060c !important;\n        box-shadow: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1) !important;\n        transform: scale(1.05);\n      }\n\n      \/* CF7 Response Output Styling for Modal *\/\n      #espresso-amico-landing #contact-modal .wpcf7-response-output {\n        margin: 1rem 0 0 0 !important;\n        padding: 0.75rem 1rem !important;\n        border-radius: 0.5rem !important;\n        font-size: 0.875rem !important;\n        line-height: 1.25rem !important;\n        text-align: center;\n        border-width: 2px !important;\n        border-style: solid !important;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-mail-sent-ok {\n        border-color: #4ade80 !important;\n        background-color: rgba(74, 222, 128, 0.1) !important;\n        color: #166534 !important;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-validation-errors,\n      #espresso-amico-landing #contact-modal .wpcf7-spam-blocked,\n      #espresso-amico-landing #contact-modal .wpcf7-mail-sent-ng {\n        border-color: #f87171 !important;\n        background-color: rgba(248, 113, 113, 0.1) !important;\n        color: #991b1b !important;\n      }\n\n      #espresso-amico-landing #contact-modal .wpcf7-spinner {\n        display: none !important;\n      }\n\n      #espresso-amico-landing #contact-modal span.wpcf7-not-valid-tip {\n        color: #c2410c !important; \/* orange-600 *\/\n        font-size: 0.875rem !important;\n        display: block;\n        margin-top: 0.25rem;\n      }\n\n      \/* Full Form Overlay Styles for preventing duplicate submissions and multi-clicks *\/\n      .wpcf7-form, #mock-cf7-form, #mock-hero-cf7-form {\n        position: relative !important;\n      }\n\n      .form-submitting-overlay {\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n        right: 0 !important;\n        bottom: 0 !important;\n        width: 100% !important;\n        height: 100% !important;\n        z-index: 50 !important;\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n        text-align: center !important;\n        padding: 1.5rem !important;\n        border-radius: 0.75rem !important;\n        backdrop-filter: blur(4px) !important;\n        pointer-events: auto !important; \/* Block all underlying clicks *\/\n      }\n    <\/style>\n    <style>\n      \/* \n        This style block ensures the landing page content fits perfectly within its container\n        in WordPress, avoiding horizontal scroll issues and white spaces on the right.\n      *\/\n      html, body {\n        max-width: 100% !important;\n        overflow-x: hidden !important;\n      }\n      #espresso-amico-landing {\n        width: 100% !important;\n        max-width: 100% !important;\n        position: relative !important;\n        left: 0 !important;\n        transform: none !important;\n        margin: 0 auto !important;\n        overflow: hidden !important;\n        box-sizing: border-box !important;\n      }\n      #espresso-amico-landing video {\n        width: 100% !important;\n        height: 100% !important;\n        max-width: 100% !important;\n        object-fit: cover !important;\n        position: absolute !important;\n        top: 0 !important;\n        left: 0 !important;\n      }\n      #espresso-amico-landing .es-grid {\n        display: grid !important;\n      }\n      #espresso-amico-landing section {\n        max-width: 100% !important;\n        overflow: hidden !important;\n      }\n    <\/style>\n    <!-- [WORDPRESS]: Puedes eliminar la l\u00ednea de abajo al copiar y pegar este c\u00f3digo en Elementor -->\n    <link rel=\"stylesheet\" href=\"\/index.css\">\n<\/head>\n<body>\n    \n    <div id=\"espresso-amico-landing\" class=\"bg-white group\/design-root overflow-x-hidden\">\n        <div class=\"relative flex w-full h-full min-h-screen flex-col bg-white group\/design-root overflow-x-hidden\">\n            \n            <nav class=\"bg-[#FFFFFF] shadow-md sticky top-0 z-40 w-full\">\n              <div class=\"w-full max-w-7xl mx-auto px-6 py-3 flex justify-between items-center\">\n                <a href=\"#\" class=\"flex items-center\">\n                  <img width=\"173\" height=\"48\" data-public-id=\"logo-para-navbar_2808b4413\/logo-para-navbar_2808b4413.png\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_173,h_48,c_scale\/f_auto,q_auto\/v1760112687\/logo-para-navbar_2808b4413\/logo-para-navbar_2808b4413.png?_i=AA\" alt=\"Espresso Amico Logo\" class=\"h-12 logo-navbar wp-image-2808\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1760112687\" data-seo=\"1\" data-responsive=\"1\" \/>\n                <\/a>\n                <div class=\"flex items-center\">\n                  <button\n                    data-modal-trigger\n                    class=\"bg-[#ca070f] hover:bg-[#a2060c] text-white font-bold py-2 px-4 md:px-6 text-sm md:text-base rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105\"\n                  >\n                    Contratar Ahora\n                  <\/button>\n                <\/div>\n              <\/div>\n            <\/nav>\n            \n            <main class=\"w-full max-w-full overflow-hidden\" style=\"overflow: hidden !important;\">\n              <section class=\"relative w-full max-w-full h-auto md:h-auto flex items-center text-white py-16 md:py-20\" style=\"overflow: hidden !important;\">\n                <video\n                  autoplay\n                  loop\n                  muted\n                  playsinline\n                  poster=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA\"\n                >\n                  <source width=\"1280\" height=\"720\" data-public-id=\"1364_2699da111\/1364_2699da111.mp4.mp4\" src=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_1280,h_720,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA\" type=\"video\/mp4\" class=\"wp-post-0 wp-image-2699\" data-format=\"mp4\" data-transformations=\"f_auto,q_auto\" data-version=\"1760112770\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_1280,h_720,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 1280w, https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_1248,h_702,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 1248w, https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_1048,h_589,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 1048w, https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_848,h_477,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 848w, https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_648,h_364,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 648w, https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_448,h_252,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 448w, https:\/\/res.cloudinary.com\/dhldvm5g8\/video\/upload\/w_248,h_139,c_scale\/f_auto,q_auto\/v1760112770\/1364_2699da111.mp4?_i=AA 248w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\n                  Your browser does not support the video tag.\n                <\/video>\n                <div class=\"absolute inset-0 bg-black\/60 z-10\"><\/div>\n                <div class=\"relative z-20 w-full max-w-7xl mx-auto px-6\">\n                    <div class=\"flex flex-col md:flex-row gap-12 items-center\">\n                        \n                        <div class=\"md:flex-1 md:ml-[5%] text-center md:text-left\">\n                            <h1 class=\"text-4xl md:text-6xl font-black leading-tight tracking-tight drop-shadow-lg mb-6 text-white\">\n                                Alquiler de Cafetera Industrial para Oficinas, Negocios y Empresas\n                            <\/h1>\n                            <ul class=\"space-y-4 max-w-xl mx-auto md:mx-0 text-left\">\n                                <li class=\"flex items-start\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path><\/svg>\n                                    <span class=\"text-white drop-shadow-md hidden md:inline\"><strong>Caf\u00e9 gourmet italiano:<\/strong> Dile adi\u00f3s al caf\u00e9 quemado o de mala calidad.<\/span>\n                                    <span class=\"text-white drop-shadow-md inline md:hidden\"><strong>Caf\u00e9 gourmet italiano:<\/strong> Calidad excepcional.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path><\/svg>\n                                    <span class=\"text-white drop-shadow-md hidden md:inline\"><strong>Soporte t\u00e9cnico &lt; 24 hrs:<\/strong> Tu oficina nunca se quedar\u00e1 sin caf\u00e9.<\/span>\n                                    <span class=\"text-white drop-shadow-md inline md:hidden\"><strong>Soporte t\u00e9cnico &lt; 24 hrs:<\/strong> Respuesta inmediata.<\/span>\n                                <\/li>\n                                <li class=\"flex items-start\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path><\/svg>\n                                    <span class=\"text-white drop-shadow-md hidden md:inline\"><strong>Servicio todo incluido:<\/strong> Nos encargamos de insumos, mantenimiento y limpieza.<\/span>\n                                    <span class=\"text-white drop-shadow-md inline md:hidden\"><strong>Servicio todo incluido:<\/strong> Insumos y mantenimiento.<\/span>\n                                <\/li>\n                                 <li class=\"flex items-start\">\n                                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\"><path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path><\/svg>\n                                    <span class=\"text-white drop-shadow-md hidden md:inline\"><strong>Cero plazos forzosos:<\/strong> Sin letras chiquitas ni contratos obligatorios.<\/span>\n                                    <span class=\"text-white drop-shadow-md inline md:hidden\"><strong>Cero plazos forzosos:<\/strong> Sin contratos obligatorios.<\/span>\n                                <\/li>\n                            <\/ul>\n                        <\/div>\n                        \n                        <div class=\"md:w-1\/3 w-full flex justify-center items-center md:mr-[5%]\">\n                            <div class=\"bg-black\/50 backdrop-blur-sm p-8 rounded-2xl shadow-2xl w-full max-w-md border border-white\/20\">\n                                <h3 class=\"text-2xl font-bold text-white text-center mb-2\">\u00a1Pide tu Prueba de 30 D\u00edas!<\/h3>\n                                <p class=\"text-center text-gray-200 mb-6 text-sm hidden md:block\">Rellena el formulario para cotizar el servicio de caf\u00e9 para oficinas y solicitar tu prueba de 30 d\u00edas.<\/p>\n                                <p class=\"text-center text-gray-200 mb-4 text-sm block md:hidden\">Cotiza tu servicio y solicita tu prueba de 30 d\u00edas.<\/p>\n                                <!-- \n                                  CONTACT FORM 7 INTEGRATION:\n                                  Replace the shortcode below with the one for your form from your WordPress dashboard.\n                                  The form should contain the following fields for correct styling:\n                                  - Name: [text* your-name placeholder \"Nombre\"]\n                                  - Email: [email* your-email placeholder \"Email de trabajo\"]\n                                  - Phone: [tel* your-phone placeholder \"Tel\u00e9fono\"]\n                                  The submit button text can be configured in the form settings in WordPress.\n                                -->\n                                \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f799-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"799\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/8298#wpcf7-f799-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"799\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f799-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-206\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono*\" value=\"\" type=\"tel\" name=\"tel-206\" \/><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n                                <!-- Test Form for Hero Section in Google AI Studio Environment (Hidden by default, shown only in AI Studio) -->\n                                <div id=\"ai-studio-hero-test-form\" class=\"mt-6 border-t border-dashed border-white\/20 pt-6 hidden\">\n                                  <div class=\"flex items-center gap-2 mb-4\">\n                                    <span class=\"inline-block bg-[#ca070f] text-white text-xs font-black px-2.5 py-1 rounded-full\">\n                                      \ud83e\uddea Sandbox de Prueba (Solo en AI Studio)\n                                    <\/span>\n                                  <\/div>\n                                  <p class=\"text-xs text-gray-300 mb-4\">\n                                    Usa este formulario para probar la animaci\u00f3n, el bloqueo de doble clic y la redirecci\u00f3n a la p\u00e1gina de agradecimiento.\n                                  <\/p>\n                                  <form id=\"mock-hero-cf7-form\" class=\"space-y-4\">\n                                    <div>\n                                      <label class=\"block text-xs font-bold text-gray-200 uppercase tracking-wider mb-1\">Tu Nombre (Requerido)<\/label>\n                                      <input type=\"text\" required class=\"w-full bg-white\/10 border border-white\/20 rounded-lg p-2.5 text-sm text-white focus:ring-[#ca070f] focus:border-[#ca070f] outline-none\" placeholder=\"Ej. Carlos Mendoza\">\n                                    <\/div>\n                                    <div>\n                                      <label class=\"block text-xs font-bold text-gray-200 uppercase tracking-wider mb-1\">Correo Electr\u00f3nico Corporativo (Requerido)<\/label>\n                                      <input type=\"email\" required class=\"w-full bg-white\/10 border border-white\/20 rounded-lg p-2.5 text-sm text-white focus:ring-[#ca070f] focus:border-[#ca070f] outline-none\" placeholder=\"carlos@empresa.com\">\n                                    <\/div>\n                                    <button type=\"submit\" class=\"wpcf7-submit w-full bg-[#ca070f] text-white font-black py-3.5 px-6 rounded-full text-xs uppercase tracking-widest hover:bg-[#b0060d] transition-all duration-300 shadow-md hover:shadow-lg\">\n                                      Enviar y Probar Progreso\n                                    <\/button>\n                                  <\/form>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n              <\/section>\n\n              <!-- Aniversario Section -->\n              <section id=\"aniversario\" class=\"py-16 sm:py-20 bg-white\">\n                <div class=\"w-full max-w-7xl mx-auto px-6\">\n                  <div class=\"flex flex-col space-y-12 md:space-y-16\">\n                    <!-- Top Part: 3-column grid -->\n                    <div class=\"es-grid grid-cols-1 md:grid-cols-3 items-center gap-8\">\n                      <!-- Left empty column -->\n                      <div class=\"hidden md:block\"><\/div>\n                      \n                      <!-- Middle Content Column -->\n                      <div class=\"flex flex-col items-center text-center\">\n                        <h2 class=\"text-4xl md:text-5xl font-bold text-[#604C3D]\">Cumplimos<\/h2>\n                        <img width=\"384\" height=\"211\" data-public-id=\"20-anos-logo_280951863\/20-anos-logo_280951863.png\" decoding=\"async\" src=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_384,h_211,c_scale\/f_auto,q_auto\/v1760112651\/20-anos-logo_280951863\/20-anos-logo_280951863.png?_i=AA\" alt=\"20 A\u00f1os Espresso Amico\" class=\"w-full max-w-xs md:max-w-sm mx-auto my-2 imagen-aniversario wp-image-2809\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1760112651\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_384,h_211,c_scale\/f_auto,q_auto\/v1760112651\/20-anos-logo_280951863\/20-anos-logo_280951863.png?_i=AA 384w, https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_248,h_136,c_scale\/f_auto,q_auto\/v1760112651\/20-anos-logo_280951863\/20-anos-logo_280951863.png?_i=AA 248w\" sizes=\"(max-width: 384px) 100vw, 384px\" \/>\n                        <p class=\"text-4xl md:text-5xl font-bold text-[#604C3D] mt-4\">a\u00f1os<\/p>\n                      <\/div>\n                      \n                      <!-- Right empty column -->\n                      <div class=\"hidden md:block\"><\/div>\n                    <\/div>\n                    \n                    <!-- Bottom Part: Offer Text -->\n                    <div class=\"text-center\">\n                      <p class=\"text-xl md:text-2xl text-[#96785F] hidden md:block\">\n                        Para celebrarlo, ofrecemos nuestro exclusivo servicio de cafeter\u00eda para oficinas y el mejor alquiler de m\u00e1quinas de caf\u00e9 con beneficios inigualables.\n                      <\/p>\n                      <p class=\"text-2xl md:text-3xl font-bold text-[#604C3D] mt-4\">\n                        \u00a1Aprovecha 30 d\u00edas de servicio gratis + 20% de descuento en tu primera factura!\n                      <\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/section>\n              <!-- End Aniversario Section -->\n\n              <section id=\"beneficios\" class=\"py-20 bg-[#937b5b] overflow-hidden\">\n                <div class=\"w-full max-w-7xl mx-auto px-6 text-center\">\n                  <h2 class=\"text-3xl md:text-4xl font-bold text-white mb-4\">\n                    Beneficios Incomparables Para Tu Oficina\n                  <\/h2>\n                  <p class=\"text-lg text-white\/90 max-w-3xl mx-auto mb-16 hidden md:block\">\n                    Contar con un alquiler de cafeteras para oficinas de primera calidad es una inversi\u00f3n estrat\u00e9gica en tu activo m\u00e1s importante: tu gente. Conoce las ventajas del alquiler de m\u00e1quinas de caf\u00e9 para empresas.\n                  <\/p>\n                  <p class=\"text-base text-white\/90 max-w-3xl mx-auto mb-8 block md:hidden\">\n                    Invierte en tu equipo con las ventajas de nuestro servicio de caf\u00e9.\n                  <\/p>\n                  <div class=\"es-grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n                    \n                    <div class=\"bg-black\/20 rounded-lg overflow-hidden flex flex-col shadow-lg hover:shadow-red-900\/40 transition-shadow duration-300\">\n                      <img src=\"https:\/\/images.unsplash.com\/photo-1522202176988-66273c2fd55f?q=80&#038;w=2071&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3\" alt=\"Equipo trabajando de forma productiva\" class=\"w-full h-56 object-cover imagen-beneficio-productividad\" loading=\"lazy\" decoding=\"async\">\n                      <div class=\"p-8 flex-grow flex flex-col text-left\">\n                        <h3 class=\"text-2xl font-bold text-white mb-3\">Productividad Aumentada<\/h3>\n                        <div class=\"w-16 h-1 bg-[#ca070f] mb-5\"><\/div>\n                        <p class=\"text-white\/80 leading-relaxed flex-grow hidden md:block\">Un equipo energizado y motivado es un equipo que alcanza sus metas. El caf\u00e9 de calidad es el combustible del \u00e9xito.<\/p>\n                        <p class=\"text-white\/80 leading-relaxed flex-grow block md:hidden\">Motiva a tu equipo con caf\u00e9 gourmet de alta calidad.<\/p>\n                      <\/div>\n                    <\/div>\n                    \n                    <div class=\"bg-black\/20 rounded-lg overflow-hidden flex flex-col shadow-lg hover:shadow-red-900\/40 transition-shadow duration-300\">\n                      <img src=\"https:\/\/images.unsplash.com\/photo-1556761175-5973dc0f32e7?q=80&#038;w=2190&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3\" alt=\"Colegas colaborando en un ambiente relajado\" class=\"w-full h-56 object-cover imagen-beneficio-colaboracion\" loading=\"lazy\" decoding=\"async\">\n                      <div class=\"p-8 flex-grow flex flex-col text-left\">\n                        <h3 class=\"text-2xl font-bold text-white mb-3\">Cultura de Colaboraci\u00f3n<\/h3>\n                        <div class=\"w-16 h-1 bg-[#ca070f] mb-5\"><\/div>\n                        <p class=\"text-white\/80 leading-relaxed flex-grow hidden md:block\">Fomenta la interacci\u00f3n y las pausas creativas. Un buen caf\u00e9 es el pretexto perfecto para conectar y crear sinergias.<\/p>\n                        <p class=\"text-white\/80 leading-relaxed flex-grow block md:hidden\">Fomenta pausas creativas y colaboraci\u00f3n en la oficina.<\/p>\n                      <\/div>\n                    <\/div>\n                    \n                    <div class=\"bg-black\/20 rounded-lg overflow-hidden flex flex-col shadow-lg hover:shadow-red-900\/40 transition-shadow duration-300 md:col-span-2 lg:col-span-1\">\n                      <img src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?q=80&#038;w=2070&#038;auto=format&#038;fit=crop&#038;ixlib=rb-4.0.3\" alt=\"Presentaci\u00f3n de negocios premium\" class=\"w-full h-56 object-cover imagen-beneficio-premium\" loading=\"lazy\" decoding=\"async\">\n                      <div class=\"p-8 flex-grow flex flex-col text-left\">\n                        <h3 class=\"text-2xl font-bold text-white mb-3\">Imagen Premium<\/h3>\n                        <div class=\"w-16 h-1 bg-[#ca070f] mb-5\"><\/div>\n                        <p class=\"text-white\/80 leading-relaxed flex-grow hidden md:block\">Impresiona a tus clientes, socios y al mejor talento. Ofrecer un caf\u00e9 excepcional habla del cuidado que pones en los detalles.<\/p>\n                        <p class=\"text-white\/80 leading-relaxed flex-grow block md:hidden\">Impresiona a clientes y talento con un servicio excepcional.<\/p>\n                      <\/div>\n                    <\/div>\n                    \n                  <\/div>\n                <\/div>\n              <\/section>\n\n              <!-- CTA Section -->\n              <section class=\"py-16 bg-[#faf8f7]\">\n                <div class=\"w-full max-w-7xl mx-auto px-6 text-center\">\n                  <h2 class=\"text-2xl md:text-3xl font-bold text-[#604C3D] mb-4\">\n                    \u00bfListo para transformar tu oficina?\n                  <\/h2>\n                  <p class=\"text-lg text-[#96785F] max-w-3xl mx-auto mb-8 hidden md:block\">\n                    Si buscas la mejor opci\u00f3n en renta de cafeteras para negocios, solicita tu prueba de 30 d\u00edas sin compromiso y disfruta de insumos gourmet e instalaci\u00f3n sin costo.\n                  <\/p>\n                  <p class=\"text-base text-[#96785F] max-w-3xl mx-auto mb-6 block md:hidden\">\n                    Solicita tu prueba de 30 d\u00edas sin compromiso e instalaci\u00f3n gratis.\n                  <\/p>\n                  <button\n                    data-modal-trigger\n                    class=\"bg-[#ca070f] hover:bg-[#a2060c] text-white font-bold py-3 px-8 text-lg rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105\"\n                  >\n                    Solicitar Prueba Gratis\n                  <\/button>\n                <\/div>\n              <\/section>\n\n              <section id=\"que-obtienes\" class=\"py-20 bg-white overflow-hidden\">\n                <div class=\"w-full max-w-7xl mx-auto px-6\">\n                  <div class=\"es-grid md:grid-cols-2 gap-12 items-center\">\n                    <div class=\"order-2 md:order-1\">\n                      <p class=\"text-sm font-semibold text-[#ca070f] tracking-wider mb-2\">\n                        La forma m\u00e1s inteligente de alquilar cafetera de oficina\n                      <\/p>\n                      <h2 class=\"text-3xl md:text-4xl font-bold text-[#604C3D] mb-4\">\n                        Tu Servicio Espresso Amico: Todo Incluido\n                      <\/h2>\n                      <p class=\"text-lg text-[#96785F] mb-8 hidden md:block\">\n                        Recibes una soluci\u00f3n completa en renta de m\u00e1quinas para caf\u00e9 con soporte permanente y el mejor esquema todo incluido para tu empresa.\n                      <\/p>\n                      <p class=\"text-base text-[#96785F] mb-6 block md:hidden\">\n                        Soluci\u00f3n completa con soporte y todo incluido para tu empresa.\n                      <\/p>\n                      <ul class=\"space-y-4\">\n                        <li class=\"flex items-start\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\">\n                                <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-[#604C3D] hidden md:inline\">M\u00e1quina de Caf\u00e9 Italiana de Alta Gama en comodato.<\/span>\n                            <span class=\"text-[#604C3D] inline md:hidden\">M\u00e1quina italiana de alta gama en comodato.<\/span>\n                        <\/li>\n                         <li class=\"flex items-start\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\">\n                                <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-[#604C3D] hidden md:inline\">Instalaci\u00f3n y Capacitaci\u00f3n Profesional para tu equipo.<\/span>\n                            <span class=\"text-[#604C3D] inline md:hidden\">Instalaci\u00f3n y capacitaci\u00f3n profesional.<\/span>\n                        <\/li>\n                         <li class=\"flex items-start\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\">\n                                <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-[#604C3D] hidden md:inline\">Suministro Mensual de nuestro exclusivo Caf\u00e9 de Grano Premium.<\/span>\n                            <span class=\"text-[#604C3D] inline md:hidden\">Suministro mensual de caf\u00e9 de grano premium.<\/span>\n                        <\/li>\n                         <li class=\"flex items-start\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\">\n                                <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-[#604C3D] hidden md:inline\">Mantenimiento Preventivo y Limpieza programada.<\/span>\n                            <span class=\"text-[#604C3D] inline md:hidden\">Mantenimiento y limpieza peri\u00f3dica.<\/span>\n                        <\/li>\n                         <li class=\"flex items-start\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\">\n                                <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-[#604C3D] hidden md:inline\">Soporte T\u00e9cnico 24\/7 y reemplazo de m\u00e1quina si es necesario.<\/span>\n                            <span class=\"text-[#604C3D] inline md:hidden\">Soporte t\u00e9cnico 24\/7 y reemplazo garantizado.<\/span>\n                        <\/li>\n                        <li class=\"flex items-start\">\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-6 h-6 text-[#ca070f] mr-3 mt-1 flex-shrink-0\">\n                                <path d=\"M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216Zm45.66-120.34a8,8,0,0,1,0,11.32l-48,48a8,8,0,0,1-11.32,0l-24-24a8,8,0,0,1,11.32-11.32L120,136.69l42.34-42.35A8,8,0,0,1,173.66,95.66Z\"><\/path>\n                            <\/svg>\n                            <span class=\"text-[#604C3D] hidden md:inline\">Todos los consumibles: vasos, az\u00facar, agitadores, etc.<\/span>\n                            <span class=\"text-[#604C3D] inline md:hidden\">Consumibles incluidos (vasos, az\u00facar, etc.).<\/span>\n                        <\/li>\n                      <\/ul>\n                    <\/div>\n                    <div class=\"order-1 md:order-2\">\n                      <img width=\"1080\" height=\"1350\" data-public-id=\"espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp\" src=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_1080,h_1350,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA\" alt=\"Caf\u00e9 siendo servido en una taza\" class=\"w-full rounded-2xl shadow-lg wp-image-2293\" loading=\"lazy\" decoding=\"async\" data-format=\"webp\" data-transformations=\"f_auto,q_auto\" data-version=\"1760112834\" data-seo=\"1\" data-responsive=\"1\" srcset=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_1080,h_1350,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA 1080w, https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_1048,h_1310,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA 1048w, https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_848,h_1060,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA 848w, https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_648,h_810,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA 648w, https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_448,h_560,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA 448w, https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_248,h_310,c_scale\/f_auto,q_auto\/v1760112834\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42\/espresso.amico_484500651_978788084445515_1079421163540428613_n_2293eab42.webp?_i=AA 248w\" sizes=\"(max-width: 1080px) 100vw, 1080px\" \/>\n                    <\/div>\n                  <\/div>\n                <\/div>\n              <\/section>\n\n              <section id=\"precios\" class=\"py-24 bg-white\">\n                <div class=\"w-full max-w-7xl mx-auto px-6\">\n                  <div class=\"text-center mb-16\">\n                    <h2 class=\"text-4xl md:text-5xl font-bold text-[#604C3D] mb-4\">\n                      Nuestras Soluciones de Caf\u00e9\n                    <\/h2>\n                    <p class=\"text-lg text-[#96785F] max-w-3xl mx-auto hidden md:block\">\n                      Ofrecemos alternativas de alquiler de cafetera industrial y soluciones para negocios adaptadas a tus consumos y tama\u00f1o de equipo.\n                    <\/p>\n                    <p class=\"text-base text-[#96785F] max-w-3xl mx-auto block md:hidden\">\n                      Soluciones adaptadas al consumo y tama\u00f1o de tu equipo.\n                    <\/p>\n                  <\/div>\n              \n                  <div class=\"es-grid grid-cols-1 md:grid-cols-3 gap-10\">\n                    \n                    <!-- amico touchless -->\n                    <div class=\"bg-white rounded-3xl p-10 shadow-xl border border-gray-100 flex flex-col h-full hover:shadow-2xl transition-shadow duration-300\">\n                      <h3 class=\"text-3xl md:text-4xl mb-6 flex flex-wrap items-baseline gap-2\">\n                        <span class=\"font-bold text-[#ca070f]\">amico<\/span><span class=\"font-light text-[#604C3D]\">touchless<\/span>\n                      <\/h3>\n                      <p class=\"text-[#604C3D] text-lg mb-8 leading-relaxed flex-grow hidden md:block\">\n                        Disfruta de caf\u00e9 espressos, americanos, capuchinos, chocolate y vainilla francesa. Es la m\u00e1quina expendedora de caf\u00e9 en alquiler ideal para grandes flujos de consumo.\n                      <\/p>\n                      <p class=\"text-[#604C3D] text-base mb-6 leading-relaxed flex-grow block md:hidden\">\n                        Espressos, capuchinos y bebidas para alto consumo.\n                      <\/p>\n                      <div class=\"mb-8\">\n                        <p class=\"text-[#ca070f] text-2xl md:text-3xl font-black mb-1\">\n                          Hasta $11.90 la taza*\n                        <\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- amico touchless mini -->\n                    <div class=\"bg-white rounded-3xl p-10 shadow-xl border border-gray-100 flex flex-col h-full hover:shadow-2xl transition-shadow duration-300 md:scale-105 z-10 ring-2 ring-[#ca070f]\/5\">\n                      <h3 class=\"text-3xl md:text-4xl mb-6 flex flex-wrap items-baseline gap-2\">\n                        <span class=\"font-bold text-[#ca070f]\">amico<\/span><span class=\"font-light text-[#604C3D]\">touchless<\/span> <span class=\"font-bold text-[#ca070f]\">mini<\/span>\n                      <\/h3>\n                      <p class=\"text-[#604C3D] text-lg mb-8 leading-relaxed flex-grow hidden md:block\">\n                        Lo mismo que la Touchless, pero m\u00e1s peque\u00f1a para oficinas medianas a chicas. El mejor servicio de alquiler de m\u00e1quinas de caf\u00e9 para negocios en formato compacto.\n                      <\/p>\n                      <p class=\"text-[#604C3D] text-base mb-6 leading-relaxed flex-grow block md:hidden\">\n                        Formato compacto ideal para oficinas peque\u00f1as y medianas.\n                      <\/p>\n                      <div class=\"mb-8\">\n                        <p class=\"text-[#ca070f] text-2xl md:text-3xl font-black mb-1\">\n                          Hasta $11.50 la taza*\n                        <\/p>\n                      <\/div>\n                    <\/div>\n              \n                    <!-- amico digitale -->\n                    <div class=\"bg-white rounded-3xl p-10 shadow-xl border border-gray-100 flex flex-col h-full hover:shadow-2xl transition-shadow duration-300\">\n                      <h3 class=\"text-3xl md:text-4xl mb-6 flex flex-wrap items-baseline gap-2\">\n                        <span class=\"font-bold text-[#ca070f]\">amico<\/span><span class=\"font-light text-[#604C3D]\">digitale<\/span>\n                      <\/h3>\n                      <p class=\"text-[#604C3D] text-lg mb-8 leading-relaxed flex-grow hidden md:block\">\n                        Nuestro servicio tradicional para oficinas peque\u00f1as y medianas, que aman el sabor del caf\u00e9 reci\u00e9n molido.\n                      <\/p>\n                      <p class=\"text-[#604C3D] text-base mb-6 leading-relaxed flex-grow block md:hidden\">\n                        Sabor tradicional de caf\u00e9 reci\u00e9n molido.\n                      <\/p>\n                      <div class=\"mb-8\">\n                        <p class=\"text-[#ca070f] text-2xl md:text-3xl font-black mb-1\">\n                          Hasta $7.20 la taza*\n                        <\/p>\n                      <\/div>\n                    <\/div>\n                    \n                  <\/div>\n              \n                  <div class=\"text-center mt-12\">\n                    <button\n                      data-modal-trigger\n                      class=\"w-full sm:w-auto block sm:inline-block mx-auto bg-[#ca070f] hover:bg-[#a2060c] text-white font-bold py-4 px-10 rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105 text-xl\"\n                    >\n                      Empezar con 30 D\u00edas Gratis\n                    <\/button>\n                  <\/div>\n                <\/div>\n              <\/section>\n\n              <section id=\"garantia\" class=\"py-20 bg-[#604C3D] text-white\">\n                <div class=\"w-full max-w-7xl mx-auto px-6 text-center\">\n                  <div class=\"max-w-3xl mx-auto\">\n                     <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"80px\" height=\"80px\" fill=\"currentColor\" viewBox=\"0 0 256 256\" class=\"w-20 h-20 mx-auto mb-6 text-[#f48a90]\">\n                        <path d=\"M216,48V111.48c0,71.2-48.43,124.84-103.11,139.14a16.14,16.14,0,0,1-9.78,0C48.43,236.32,0,182.68,0,111.48V48A16,16,0,0,1,16,32H200A16,16,0,0,1,216,48Zm-8,0H16V111.48c0,64.44,43.29,115.16,95.34,128.2a.24.24,0,0,0,.1,0h0a.24.24,0,0,0,.1,0C164.71,226.64,208,175.92,208,111.48ZM157.66,90.34a8,8,0,0,0-11.32,0L112,124.69,99.66,112.34a8,8,0,0,0-11.32,11.32l16,16a8,8,0,0,0,11.32,0l40-40A8,8,0,0,0,157.66,90.34Z\"><\/path>\n                     <\/svg>\n                    <h2 class=\"text-3xl md:text-4xl font-bold mb-4\">\n                      Garant\u00eda de Satisfacci\u00f3n Total <span class=\"text-[#f48a90]\">Espresso Amico<\/span>\n                    <\/h2>\n                    <p class=\"text-lg md:text-xl text-gray-200 leading-relaxed mb-6 hidden md:block\">\n                      Estamos tan seguros de que nuestro servicio de renta de m\u00e1quinas de caf\u00e9 transformar\u00e1 el ambiente de tu oficina que lo respaldamos con una promesa inquebrantable.\n                    <\/p>\n                    <p class=\"text-base text-gray-200 leading-relaxed mb-4 block md:hidden\">\n                      Respaldamos nuestro servicio con una promesa inquebrantable.\n                    <\/p>\n                    <div class=\"bg-white\/10 rounded-lg p-6 border border-white\/20\">\n                      <p class=\"text-xl font-semibold hidden md:block\">\n                        Prueba nuestro servicio por 30 d\u00edas. Si tu equipo no est\u00e1 100% feliz y m\u00e1s productivo, te devolvemos tu dinero y retiramos la m\u00e1quina. <span class=\"font-black\">Sin preguntas.<\/span>\n                      <\/p>\n                      <p class=\"text-lg font-semibold block md:hidden\">\n                        Prueba 30 d\u00edas. Si no quedas 100% satisfecho, devolvemos tu dinero y retiramos la m\u00e1quina. <span class=\"font-black\">Sin preguntas.<\/span>\n                      <\/p>\n                    <\/div>\n                    <p class=\"mt-8 text-lg hidden md:block\">Tu inversi\u00f3n est\u00e1 completamente protegida.<\/p>\n                  <\/div>\n                <\/div>\n              <\/section>\n\n              <section id=\"faq\">\n                <div class=\"w-full max-w-7xl mx-auto px-6\">\n                  <h2>Resolvemos Tus Dudas<\/h2>\n                  <div class=\"faq-container\">\n                    \n                    <!-- Item 1 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-1\" role=\"tab\" aria-selected=\"true\" aria-controls=\"faq-panel-1\" class=\"faq-button is-active\" data-target=\"faq-panel-1\">\n                        <span>\u00bfQu\u00e9 pasa si la m\u00e1quina de caf\u00e9 se da\u00f1a?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-1\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-1\" class=\"faq-answer-panel\">\n                        <h3>Servicio t\u00e9cnico sin interrupciones<\/h3>\n                        <p class=\"hidden md:block\">No te preocupes en lo absoluto. Nuestro servicio de caf\u00e9 para oficinas incluye asistencia t\u00e9cnica integral sin costo adicional. Si tu equipo presenta alguna falla, de inmediato instalamos una de reemplazo.<\/p>\n                        <p class=\"block md:hidden\">Incluye asistencia t\u00e9cnica integral. Si falla, instalamos un reemplazo inmediato.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 2 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-2\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-2\" class=\"faq-button\" data-target=\"faq-panel-2\">\n                        <span>\u00bfHay un plazo m\u00ednimo de contrato?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-2\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-2\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Flexibilidad total, sin ataduras<\/h3>\n                        <p class=\"hidden md:block\">Creemos en la calidad de lo que ofrecemos, no en los plazos forzosos. Puedes cancelar con un aviso previo de 30 d\u00edas. El objetivo principal de nuestro alquiler de m\u00e1quinas de caf\u00e9 es que decidas quedarte por la calidad, no por una obligaci\u00f3n contractual.<\/p>\n                        <p class=\"block md:hidden\">Sin plazos forzosos. Cancela en cualquier momento con 30 d\u00edas de aviso.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 3 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-3\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-3\" class=\"faq-button\" data-target=\"faq-panel-3\">\n                        <span>\u00bfPodemos cambiar de tipo de caf\u00e9 o la cantidad?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-3\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-3\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Servicio a tu medida<\/h3>\n                        <p class=\"hidden md:block\">\u00a1Por supuesto! Somos sumamente flexibles. Cada mes podemos ajustar la dotaci\u00f3n de insumos o el tipo de grano seg\u00fan el consumo de tu equipo. Queremos ofrecerte una opci\u00f3n de renta de cafeteras que se adapte perfectamente al d\u00eda a d\u00eda.<\/p>\n                        <p class=\"block md:hidden\">Ajustamos insumos o grano cada mes seg\u00fan el consumo de tu equipo.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 4 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-4\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-4\" class=\"faq-button\" data-target=\"faq-panel-4\">\n                        <span>\u00bfEn qu\u00e9 ciudades de M\u00e9xico operan?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-4\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-4\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Cobertura nacional<\/h3>\n                        <p class=\"hidden md:block\">Ofrecemos servicio completo de instalaci\u00f3n y soporte presencial en las principales metr\u00f3polis del pa\u00eds: Ciudad de M\u00e9xico, Guadalajara y Monterrey. Buscamos llevar la mejor experiencia de renta de cafeteras para oficina a todo el pa\u00eds.<\/p>\n                        <p class=\"block md:hidden\">Soporte presencial e instalaci\u00f3n en CDMX, Guadalajara y Monterrey.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 5 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-5\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-5\" class=\"faq-button\" data-target=\"faq-panel-5\">\n                        <span>\u00bfQu\u00e9 insumos y servicios se incluyen exactamente?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-5\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-5\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Todo Incluido en un solo lugar<\/h3>\n                        <p class=\"hidden md:block\">Nuestra propuesta es integral e incluye todo lo necesario para operar de forma \u00f3ptima: entrega peri\u00f3dica de caf\u00e9 de especialidad, capacitaci\u00f3n de uso, limpieza preventiva y mantenimiento completo. Dise\u00f1amos un servicio de cafeter\u00eda para oficinas que elimina cualquier preocupaci\u00f3n.<\/p>\n                        <p class=\"block md:hidden\">Incluye caf\u00e9 gourmet, capacitaci\u00f3n, limpieza y mantenimiento integral.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 6 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-6\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-6\" class=\"faq-button\" data-target=\"faq-panel-6\">\n                        <span>\u00bfOfrecen opciones para eventos o plazos flexibles?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-6\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-6\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Soluciones para eventos y plazos flexibles<\/h3>\n                        <p class=\"hidden md:block\">S\u00ed, adem\u00e1s de nuestros planes mensuales tradicionales, dise\u00f1amos soluciones temporales a la medida como la renta de cafeteras para eventos corporativos, congresos o reuniones especiales, garantizando caf\u00e9 reci\u00e9n molido ilimitado.<\/p>\n                        <p class=\"block md:hidden\">Ofrecemos renta temporal a la medida para eventos corporativos y congresos.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 7 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-7\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-7\" class=\"faq-button\" data-target=\"faq-panel-7\">\n                        <span>\u00bfTienen soluciones de alto volumen para negocios?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-7\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-7\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Tecnolog\u00eda autom\u00e1tica y gran volumen<\/h3>\n                        <p class=\"hidden md:block\">Definitivamente. Contamos con equipos de gran capacidad de \u00faltima generaci\u00f3n con pantallas touch para preparar m\u00faltiples combinaciones. Si te interesa el alquiler de cafeteras industriales para comedores empresariales o centros de alto consumo, tenemos la soluci\u00f3n perfecta.<\/p>\n                        <p class=\"block md:hidden\">Equipos industriales con pantalla touch ideados para alto consumo.<\/p>\n                      <\/div>\n                    <\/div>\n\n                    <!-- Item 8 -->\n                    <div class=\"faq-item\">\n                      <button id=\"faq-btn-8\" role=\"tab\" aria-selected=\"false\" aria-controls=\"faq-panel-8\" class=\"faq-button\" data-target=\"faq-panel-8\">\n                        <span>\u00bfC\u00f3mo funciona la prueba sin costo de 30 d\u00edas?<\/span>\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"w-5 h-5 text-[#ca070f] md:hidden flex-shrink-0 ml-2\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 9l-7 7-7-7\" \/>\n                        <\/svg>\n                      <\/button>\n                      <div id=\"faq-panel-8\" role=\"tabpanel\" tabindex=\"0\" aria-labelledby=\"faq-btn-8\" class=\"faq-answer-panel is-hidden\">\n                        <h3>Comienza sin riesgos ni ataduras<\/h3>\n                        <p class=\"hidden md:block\">Es muy sencillo. Llenas el formulario con tus datos y un asesor te contactar\u00e1 para recomendarte el plan de renta de cafeteras industriales m\u00e1s adecuado seg\u00fan el consumo estimado. Realizamos la instalaci\u00f3n sin costo y tu equipo podr\u00e1 probar la experiencia gratis.<\/p>\n                        <p class=\"block md:hidden\">Llena el formulario, cotizamos tu plan e instalamos gratis tu prueba.<\/p>\n                      <\/div>\n                    <\/div>\n\n                  <\/div>\n                <\/div>\n              <\/section>\n\n              <section id=\"escasez\" class=\"py-20 bg-white\">\n                <div class=\"w-full max-w-7xl mx-auto px-6\">\n                  <div class=\"max-w-2xl mx-auto text-center bg-[#ca070f] text-white p-10 rounded-xl shadow-2xl\">\n                    <h2 class=\"text-3xl md:text-4xl font-black mb-4\">\n                      \u00a1Oferta por Tiempo Limitado!\n                    <\/h2>\n                    <p class=\"text-lg text-[#fddfe1] mb-8 hidden md:block\">\n                      Nuestra celebraci\u00f3n de aniversario termina pronto. No dejes pasar esta oportunidad para cotizar tu renta de cafeteras para negocio o eventos. Obt\u00e9n <strong>30 d\u00edas de servicio gratis + 20% de descuento<\/strong> en tu primera factura.\n                    <\/p>\n                    <p class=\"text-base text-[#fddfe1] mb-6 block md:hidden\">\n                      \u00a1Oferta de aniversario! Obt\u00e9n <strong>30 d\u00edas gratis + 20% de descuento<\/strong> en tu primera factura.\n                    <\/p>\n                    <div id=\"countdown-container\" class=\"bg-white text-[#ca070f] rounded-lg p-6 mb-8\">\n                      <p class=\"text-xl font-bold mb-4\">La oferta termina en:<\/p>\n                      <div id=\"countdown\" class=\"es-grid grid-cols-2 sm:grid-cols-4 gap-4 text-center\">\n                        <div>\n                          <span id=\"days\" class=\"text-5xl font-black\">00<\/span>\n                          <p class=\"text-sm font-bold uppercase\">D\u00edas<\/p>\n                        <\/div>\n                        <div>\n                          <span id=\"hours\" class=\"text-5xl font-black\">00<\/span>\n                          <p class=\"text-sm font-bold uppercase\">Horas<\/p>\n                        <\/div>\n                        <div>\n                          <span id=\"minutes\" class=\"text-5xl font-black\">00<\/span>\n                          <p class=\"text-sm font-bold uppercase\">Minutos<\/p>\n                        <\/div>\n                        <div>\n                          <span id=\"seconds\" class=\"text-5xl font-black\">00<\/span>\n                          <p class=\"text-sm font-bold uppercase\">Segundos<\/p>\n                        <\/div>\n                      <\/div>\n                    <\/div>\n                    <p class=\"text-lg text-[#fddfe1] mb-8\">\n                      No dejes pasar la oportunidad de transformar el ambiente de tu oficina y potenciar a tu equipo.\n                    <\/p>\n                    <button\n                      data-modal-trigger\n                      class=\"w-full block bg-white hover:bg-gray-200 text-[#ca070f] font-bold py-4 px-10 rounded-full shadow-lg hover:shadow-xl transition-all duration-300 transform hover:scale-105 text-xl\"\n                    >\n                      Enviar Solicitud\n                    <\/button>\n                  <\/div>\n                <\/div>\n              <\/section>\n            <\/main>\n            \n            <footer class=\"bg-[#604C3D] text-[#96785F] py-12\">\n              <div class=\"w-full max-w-7xl mx-auto px-6 text-center\">\n                <img width=\"207\" height=\"57\" data-public-id=\"LOGO-rojo-ESPRESSO-AMICO-HD-02_274827c59\/LOGO-rojo-ESPRESSO-AMICO-HD-02_274827c59.png\" src=\"https:\/\/res.cloudinary.com\/dhldvm5g8\/images\/w_207,h_57,c_scale\/f_auto,q_auto\/v1760112692\/LOGO-rojo-ESPRESSO-AMICO-HD-02_274827c59\/LOGO-rojo-ESPRESSO-AMICO-HD-02_274827c59.png?_i=AA\" alt=\"Espresso Amico Logo\" class=\"h-16 mx-auto mb-6 logo-footer wp-image-2748\" loading=\"lazy\" decoding=\"async\" data-format=\"png\" data-transformations=\"f_auto,q_auto\" data-version=\"1760112692\" data-seo=\"1\" data-responsive=\"1\" \/>\n                <p class=\"mb-4 text-sm\">\n                  Transformando oficinas en M\u00e9xico con el aut\u00e9ntico sabor del caf\u00e9 italiano.\n                <\/p>\n                <p class=\"text-xs text-gray-500\">\n                  &copy; 2024 Espresso Amico. Todos los derechos reservados.\n                <\/p>\n              <\/div>\n            <\/footer>\n        <\/div>\n        \n        <!-- Contact Form Modal -->\n        <div id=\"contact-modal\" class=\"fixed inset-0 z-50 hidden items-center justify-center bg-black\/60 p-4\">\n          <div class=\"relative w-full max-w-lg rounded-lg bg-white p-8 shadow-2xl\">\n            <button id=\"close-modal-btn\" class=\"absolute top-4 right-4 text-gray-400 hover:text-gray-800 transition-colors\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-6 w-6\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 18L18 6M6 6l12 12\" \/>\n              <\/svg>\n            <\/button>\n            <h2 class=\"text-2xl font-bold text-center mb-2 text-[#604C3D]\">30 d\u00edas de servicio gratis<\/h2>\n            <p class=\"text-center text-[#ca070f] font-bold mb-6\">+ 20% de descuento en tu primera factura<\/p>\n            \n            <!-- \n              CONTACT FORM 7 INTEGRATION:\n              The form will be rendered here by the WordPress plugin.\n              Styling is handled by the <style> blocks in the <head>.\n            -->\n            \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f799-o2\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"799\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/en\/wp-json\/wp\/v2\/pages\/8298#wpcf7-f799-o2\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"799\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.7\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f799-o2\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre*\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo*\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tel-206\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono*\" value=\"\" type=\"tel\" name=\"tel-206\" \/><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n\n            <!-- Test Form for Google AI Studio Environment (Hidden by default, shown only in AI Studio) -->\n            <div id=\"ai-studio-test-form\" class=\"mt-6 border-t border-dashed border-gray-200 pt-6 hidden\">\n              <div class=\"flex items-center gap-2 mb-4\">\n                <span class=\"inline-block bg-red-100 text-[#ca070f] text-xs font-black px-2.5 py-1 rounded-full\">\n                  \ud83e\uddea Sandbox de Prueba (Solo en AI Studio)\n                <\/span>\n              <\/div>\n              <p class=\"text-xs text-gray-500 mb-4\">\n                Usa este formulario para probar la animaci\u00f3n de la barra de progreso, el bloqueo de doble clic y la redirecci\u00f3n a la p\u00e1gina de agradecimiento.\n              <\/p>\n              <form id=\"mock-cf7-form\" class=\"space-y-4\">\n                <div>\n                  <label class=\"block text-xs font-bold text-gray-600 uppercase tracking-wider mb-1\">Tu Nombre (Requerido)<\/label>\n                  <input type=\"text\" required class=\"w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-[#ca070f] focus:border-[#ca070f] outline-none\" placeholder=\"Ej. Carlos Mendoza\">\n                <\/div>\n                <div>\n                  <label class=\"block text-xs font-bold text-gray-600 uppercase tracking-wider mb-1\">Correo Electr\u00f3nico Corporativo (Requerido)<\/label>\n                  <input type=\"email\" required class=\"w-full border border-gray-300 rounded-lg p-2.5 text-sm focus:ring-[#ca070f] focus:border-[#ca070f] outline-none\" placeholder=\"carlos@empresa.com\">\n                <\/div>\n                <button type=\"submit\" class=\"wpcf7-submit w-full bg-[#ca070f] text-white font-black py-3.5 px-6 rounded-full text-xs uppercase tracking-widest hover:bg-[#b0060d] transition-all duration-300 shadow-md hover:shadow-lg\">\n                  Enviar y Probar Progreso\n                <\/button>\n              <\/form>\n            <\/div>\n          <\/div>\n        <\/div>\n\n\n        <script>\n          document.addEventListener('DOMContentLoaded', function () {\n            \n            \/\/ Modal Logic\n            const modal = document.getElementById('contact-modal');\n            const closeModalBtn = document.getElementById('close-modal-btn');\n            const modalTriggers = document.querySelectorAll('[data-modal-trigger]');\n\n            const openModal = () => {\n                if (modal) {\n                    modal.classList.remove('hidden');\n                    modal.classList.add('flex');\n                }\n            };\n\n            const closeModal = () => {\n                if (modal) {\n                    modal.classList.add('hidden');\n                    modal.classList.remove('flex');\n                }\n            };\n\n            if (modal && closeModalBtn && modalTriggers.length > 0) {\n                modalTriggers.forEach(trigger => {\n                    trigger.addEventListener('click', (e) => {\n                        e.preventDefault(); \n                        e.stopPropagation();\n                        openModal();\n                    });\n                });\n\n                closeModalBtn.addEventListener('click', closeModal);\n\n                modal.addEventListener('click', (event) => {\n                    if (event.target === modal) {\n                        closeModal();\n                    }\n                });\n\n                window.addEventListener('keydown', (event) => {\n                    if (event.key === 'Escape' && !modal.classList.contains('hidden')) {\n                        closeModal();\n                    }\n                });\n\n                \/\/ Add keyboard accessibility for pricing cards which are not buttons\n                const pricingCards = document.querySelectorAll('#precios .es-grid > div[data-modal-trigger]');\n                pricingCards.forEach(card => {\n                    card.addEventListener('keydown', (e) => {\n                        if (e.key === 'Enter' || e.key === ' ') {\n                            e.preventDefault();\n                            openModal();\n                        }\n                    });\n                });\n            }\n\n            \/\/ --- Contact Form 7 Submit Simple Handler & Prevention of Multi-Clicks ---\n            let isProcessingMailSent = false;\n            let originalButtonContents = new Map();\n            let currentStatusMsgNode = null;\n\n            const showSendingMsg = (form, isSuccess = false) => {\n                if (currentStatusMsgNode) {\n                    currentStatusMsgNode.remove();\n                    currentStatusMsgNode = null;\n                }\n\n                currentStatusMsgNode = document.createElement('div');\n                currentStatusMsgNode.className = \"form-submitting-overlay transition-all duration-300\";\n\n                const isHeroForm = form.closest('.bg-black\\\\\/50') || form.id === 'mock-hero-cf7-form';\n\n                if (isHeroForm) {\n                    currentStatusMsgNode.style.setProperty('background-color', 'rgba(0, 0, 0, 0.94)', 'important');\n                    currentStatusMsgNode.style.setProperty('color', '#ffffff', 'important');\n                } else {\n                    currentStatusMsgNode.style.setProperty('background-color', 'rgba(255, 255, 255, 0.98)', 'important');\n                    currentStatusMsgNode.style.setProperty('color', '#604C3D', 'important');\n                }\n\n                if (isSuccess) {\n                    currentStatusMsgNode.innerHTML = `\n                      <div class=\"flex flex-col items-center justify-center gap-3\">\n                        <svg class=\"h-16 w-16 text-green-500 animate-bounce\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2.5\">\n                          <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n                        <\/svg>\n                        <p class=\"text-xl font-extrabold text-green-600\">\u00a1Enviado con \u00e9xito!<\/p>\n                        <p class=\"text-xs ${isHeroForm ? 'text-gray-300' : 'text-gray-500'}\">Redirigi\u00e9ndote...<\/p>\n                      <\/div>\n                    `;\n                } else {\n                    currentStatusMsgNode.innerHTML = `\n                      <div class=\"flex flex-col items-center justify-center gap-4 px-4\">\n                        <svg class=\"animate-spin h-12 w-12 text-[#ca070f]\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\">\n                          <circle class=\"opacity-25\" cx=\"12\" cy=\"12\" r=\"10\" stroke=\"currentColor\" stroke-width=\"4\"><\/circle>\n                          <path class=\"opacity-75\" fill=\"currentColor\" d=\"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z\"><\/path>\n                        <\/svg>\n                        <p class=\"text-lg font-black tracking-tight leading-snug\">Enviando tu solicitud...<\/p>\n                        <p class=\"text-xs ${isHeroForm ? 'text-gray-300' : 'text-gray-500'} max-w-[240px]\">Por favor, no cierres esta ventana.<\/p>\n                      <\/div>\n                    `;\n                }\n\n                form.appendChild(currentStatusMsgNode);\n            };\n\n            const hideSendingMsg = () => {\n                if (currentStatusMsgNode) {\n                    currentStatusMsgNode.remove();\n                    currentStatusMsgNode = null;\n                }\n            };\n\n            const disableSubmitButtons = (form) => {\n                const submitBtns = form.querySelectorAll('.wpcf7-submit, [type=\"submit\"]');\n                submitBtns.forEach(btn => {\n                    if (!originalButtonContents.has(btn)) {\n                        if (btn.tagName === 'INPUT') {\n                            originalButtonContents.set(btn, { type: 'input', content: btn.value });\n                        } else {\n                            originalButtonContents.set(btn, { type: 'button', content: btn.innerHTML });\n                        }\n                    }\n\n                    btn.disabled = true;\n                    btn.style.opacity = '0.6';\n                    btn.style.cursor = 'not-allowed';\n\n                    if (btn.tagName === 'INPUT') {\n                        btn.value = 'Enviando...';\n                    } else {\n                        btn.innerHTML = '\u23f3 Enviando...';\n                    }\n                });\n            };\n\n            const enableSubmitButtons = () => {\n                originalButtonContents.forEach((info, btn) => {\n                    btn.disabled = false;\n                    btn.style.opacity = '';\n                    btn.style.cursor = '';\n                    if (info.type === 'input') {\n                        btn.value = info.content;\n                    } else {\n                        btn.innerHTML = info.content;\n                    }\n                });\n                originalButtonContents.clear();\n            };\n\n            const handleSuccessRedirect = (form) => {\n                if (isProcessingMailSent) return;\n                isProcessingMailSent = true;\n\n                if (form) {\n                    showSendingMsg(form, true);\n                }\n\n                \/\/ Redirect instantly to thank you page\n                setTimeout(() => {\n                    window.location.href = 'https:\/\/www.espressoamico.com\/gracias\/';\n                }, 400);\n            };\n\n            const handleFailureReset = () => {\n                hideSendingMsg();\n                enableSubmitButtons();\n                alert('Hubo un problema al enviar tu solicitud. Por favor, int\u00e9ntalo de nuevo.');\n            };\n\n            const handleInvalidReset = () => {\n                hideSendingMsg();\n                enableSubmitButtons();\n            };\n\n            \/\/ Hook direct form submission to react instantly\n            document.addEventListener('submit', function(event) {\n                const form = event.target;\n                const isCF7Form = form.classList.contains('wpcf7-form');\n                const isInsideModal = form.closest('#contact-modal');\n                const isMockForm = form.id === 'mock-cf7-form' || form.id === 'mock-hero-cf7-form';\n\n                if (isCF7Form || isInsideModal || isMockForm) {\n                    isProcessingMailSent = false;\n                    showSendingMsg(form, false);\n                    disableSubmitButtons(form);\n\n                    if (isCF7Form) {\n                        let pollCount = 0;\n                        const maxPolls = 100;\n                        const cf7StatePoll = setInterval(() => {\n                            pollCount++;\n\n                            const hasCF7Errors = form.querySelector('.wpcf7-not-valid-tip') || \n                                                 form.querySelector('.wpcf7-not-valid') || \n                                                 form.classList.contains('invalid') ||\n                                                 (form.querySelector('.wpcf7-response-output') && \n                                                  form.querySelector('.wpcf7-response-output').textContent.toLowerCase().includes('error'));\n\n                            if (hasCF7Errors) {\n                                clearInterval(cf7StatePoll);\n                                handleInvalidReset();\n                                return;\n                            }\n\n                            const isCF7Sent = form.classList.contains('sent') || \n                                              (form.querySelector('.wpcf7-response-output') && \n                                               (form.querySelector('.wpcf7-response-output').classList.contains('wpcf7-mail-sent-ok') ||\n                                                form.querySelector('.wpcf7-response-output').textContent.toLowerCase().includes('gracias') ||\n                                                form.querySelector('.wpcf7-response-output').textContent.toLowerCase().includes('\u00e9xito')));\n\n                            if (isCF7Sent) {\n                                clearInterval(cf7StatePoll);\n                                handleSuccessRedirect(form);\n                                return;\n                            }\n\n                            const isCF7Failed = form.classList.contains('failed') || \n                                                (form.querySelector('.wpcf7-response-output') && \n                                                 form.querySelector('.wpcf7-response-output').classList.contains('wpcf7-mail-sent-ng'));\n\n                            if (isCF7Failed) {\n                                clearInterval(cf7StatePoll);\n                                handleFailureReset();\n                                return;\n                            }\n\n                            if (pollCount >= maxPolls) {\n                                clearInterval(cf7StatePoll);\n                            }\n                        }, 150);\n                    }\n                }\n            });\n\n            \/\/ Native CF7 events for redundancy\n            document.addEventListener('wpcf7beforesubmit', function(event) {\n                isProcessingMailSent = false;\n                const form = event.target;\n                if (form) {\n                    showSendingMsg(form, false);\n                    disableSubmitButtons(form);\n                }\n            }, false);\n\n            document.addEventListener('wpcf7mailsent', function(event) {\n                const form = event.target;\n                handleSuccessRedirect(form);\n            }, false);\n\n            document.addEventListener('wpcf7mailfailed', function(event) {\n                handleFailureReset();\n            }, false);\n\n            document.addEventListener('wpcf7invalid', function(event) {\n                handleInvalidReset();\n            }, false);\n\n            \/\/ --- Google AI Studio Mock Form Handling & Sandbox Simulation ---\n            const testFormContainer = document.getElementById('ai-studio-test-form');\n            const heroTestFormContainer = document.getElementById('ai-studio-hero-test-form');\n            const mockCF7Form = document.getElementById('mock-cf7-form');\n            const mockHeroCF7Form = document.getElementById('mock-hero-cf7-form');\n\n            const isDevSandbox = !document.querySelector('.wpcf7-form') && \n                                 (window.location.hostname.includes('run.app') || \n                                  window.location.hostname.includes('localhost') || \n                                  window.location.hostname === '');\n\n            if (isDevSandbox) {\n                if (testFormContainer) {\n                    testFormContainer.classList.remove('hidden');\n                }\n                if (heroTestFormContainer) {\n                    heroTestFormContainer.classList.remove('hidden');\n                }\n            }\n\n            if (mockCF7Form) {\n                mockCF7Form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    \n                    const beforeSubmitEvent = new CustomEvent('wpcf7beforesubmit', { bubbles: true });\n                    mockCF7Form.dispatchEvent(beforeSubmitEvent);\n                    \n                    setTimeout(() => {\n                        const mailSentEvent = new CustomEvent('wpcf7mailsent', { bubbles: true });\n                        mockCF7Form.dispatchEvent(mailSentEvent);\n                    }, 1200);\n                });\n            }\n\n            if (mockHeroCF7Form) {\n                mockHeroCF7Form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    \n                    const beforeSubmitEvent = new CustomEvent('wpcf7beforesubmit', { bubbles: true });\n                    mockHeroCF7Form.dispatchEvent(beforeSubmitEvent);\n                    \n                    setTimeout(() => {\n                        const mailSentEvent = new CustomEvent('wpcf7mailsent', { bubbles: true });\n                        mockHeroCF7Form.dispatchEvent(mailSentEvent);\n                    }, 1200);\n                });\n            }\n\n\n            \/\/ --- Encapsulated & Robust FAQ Logic ---\n            const faqContainer = document.querySelector('.faq-container');\n            if (faqContainer) {\n              const faqButtons = faqContainer.querySelectorAll('.faq-button');\n              const answerPanels = faqContainer.querySelectorAll('.faq-answer-panel');\n          \n              const setActiveFaq = (button) => {\n                const panelId = button.dataset.target;\n                const targetPanel = document.getElementById(panelId);\n                if (!targetPanel) return;\n\n                const isAlreadyActive = button.classList.contains('is-active');\n                const isMobile = window.innerWidth < 768;\n\n                if (isMobile &#038;&#038; isAlreadyActive) {\n                  button.classList.remove('is-active');\n                  button.setAttribute('aria-selected', 'false');\n                  targetPanel.classList.add('is-hidden');\n                  return;\n                }\n          \n                \/\/ Update button states\n                faqButtons.forEach(btn => {\n                  btn.classList.remove('is-active');\n                  btn.setAttribute('aria-selected', 'false');\n                });\n                button.classList.add('is-active');\n                button.setAttribute('aria-selected', 'true');\n          \n                \/\/ Update panel visibility\n                answerPanels.forEach(panel => {\n                  panel.classList.add('is-hidden');\n                });\n                targetPanel.classList.remove('is-hidden');\n              };\n          \n              \/\/ Initial setup\n              if (faqButtons.length > 0) {\n                const firstButton = faqButtons[0];\n                const firstPanel = document.getElementById(firstButton.dataset.target);\n                \n                \/\/ Set initial active states\n                firstButton.classList.add('is-active');\n                if (firstPanel) {\n                  firstPanel.classList.remove('is-hidden');\n                }\n          \n                \/\/ Add event listeners\n                faqButtons.forEach(button => {\n                  button.addEventListener('click', () => setActiveFaq(button));\n                });\n              }\n            }\n\n            \/\/ Countdown Timer Logic\n            const countdownContainer = document.getElementById('countdown-container');\n            if (countdownContainer) {\n                const countDownDate = new Date().getTime() + (3 * 24 * 60 * 60 * 1000);\n\n                const countdownInterval = setInterval(function() {\n                    const now = new Date().getTime();\n                    const distance = countDownDate - now;\n\n                    const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\n                    const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\n                    const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\n                    const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\n\n                    document.getElementById('days').innerText = String(days).padStart(2, '0');\n                    document.getElementById('hours').innerText = String(hours).padStart(2, '0');\n                    document.getElementById('minutes').innerText = String(minutes).padStart(2, '0');\n                    document.getElementById('seconds').innerText = String(seconds).padStart(2, '0');\n\n                    if (distance < 0) {\n                        clearInterval(countdownInterval);\n                        countdownContainer.innerHTML = '<p class=\"text-2xl font-bold py-8\">\u00a1La oferta ha terminado!<\/p>';\n                    }\n                }, 1000);\n            }\n\n          });\n        <\/script>\n    <\/div>\n    <!-- [WORDPRESS]: Puedes eliminar la l\u00ednea de abajo al copiar y pegar este c\u00f3digo en Elementor -->\n    <script type=\"module\" src=\"\/index.tsx\"><\/script>\n<\/body>\n<\/html>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Alquiler de Cafetera Industrial para Oficinas, Negocios y Empresas | Espresso Amico Contratar Ahora Your browser does not support the video tag. Alquiler de Cafetera Industrial para Oficinas, Negocios y Empresas Caf\u00e9 gourmet italiano: Dile adi\u00f3s al caf\u00e9 quemado o de mala calidad. Caf\u00e9 gourmet italiano: Calidad excepcional. Soporte t\u00e9cnico &lt; 24 hrs: Tu oficina nunca se quedar\u00e1 sin caf\u00e9. Soporte t\u00e9cnico &lt; 24 hrs: Respuesta inmediata. Servicio todo incluido: Nos encargamos de insumos, mantenimiento y limpieza. Servicio todo incluido: Insumos y mantenimiento. Cero plazos forzosos: Sin letras chiquitas ni contratos obligatorios. Cero plazos forzosos: Sin contratos obligatorios. \u00a1Pide tu Prueba de 30 D\u00edas! Rellena el formulario para cotizar el servicio de caf\u00e9 para oficinas y solicitar tu prueba de 30 d\u00edas. Cotiza tu servicio y solicita tu prueba de 30 d\u00edas. \ud83e\uddea Sandbox de Prueba (Solo en AI Studio) Usa este formulario para probar la animaci\u00f3n, el bloqueo de doble clic y la redirecci\u00f3n a la p\u00e1gina de agradecimiento. Tu Nombre (Requerido) Correo Electr\u00f3nico Corporativo (Requerido) Enviar y Probar Progreso Cumplimos a\u00f1os Para celebrarlo, ofrecemos nuestro exclusivo servicio de cafeter\u00eda para oficinas y el mejor alquiler de m\u00e1quinas de caf\u00e9 con beneficios inigualables. \u00a1Aprovecha 30 d\u00edas de servicio gratis + 20% de descuento en tu primera factura! Beneficios Incomparables Para Tu Oficina Contar con un alquiler de cafeteras para oficinas de primera calidad es una inversi\u00f3n estrat\u00e9gica en tu activo m\u00e1s importante: tu gente. Conoce las ventajas del alquiler de m\u00e1quinas de caf\u00e9 para empresas. Invierte en tu equipo con las ventajas de nuestro servicio de caf\u00e9. Productividad Aumentada Un equipo energizado y motivado es un equipo que alcanza sus metas. El caf\u00e9 de calidad es el combustible del \u00e9xito. Motiva a tu equipo con caf\u00e9 gourmet de alta calidad. Cultura de Colaboraci\u00f3n Fomenta la interacci\u00f3n y las pausas creativas. Un buen caf\u00e9 es el pretexto perfecto para conectar y crear sinergias. Fomenta pausas creativas y colaboraci\u00f3n en la oficina. Imagen Premium Impresiona a tus clientes, socios y al mejor talento. Ofrecer un caf\u00e9 excepcional habla del cuidado que pones en los detalles. Impresiona a clientes y talento con un servicio excepcional. \u00bfListo para transformar tu oficina? Si buscas la mejor opci\u00f3n en renta de cafeteras para negocios, solicita tu prueba de 30 d\u00edas sin compromiso y disfruta de insumos gourmet e instalaci\u00f3n sin costo. Solicita tu prueba de 30 d\u00edas sin compromiso e instalaci\u00f3n gratis. Solicitar Prueba Gratis La forma m\u00e1s inteligente de alquilar cafetera de oficina Tu Servicio Espresso Amico: Todo Incluido Recibes una soluci\u00f3n completa en renta de m\u00e1quinas para caf\u00e9 con soporte permanente y el mejor esquema todo incluido para tu empresa. Soluci\u00f3n completa con soporte y todo incluido para tu empresa. M\u00e1quina de Caf\u00e9 Italiana de Alta Gama en comodato. M\u00e1quina italiana de alta gama en comodato. Instalaci\u00f3n y Capacitaci\u00f3n Profesional para tu equipo. Instalaci\u00f3n y capacitaci\u00f3n profesional. Suministro Mensual de nuestro exclusivo Caf\u00e9 de Grano Premium. Suministro mensual de caf\u00e9 de grano premium. Mantenimiento Preventivo y Limpieza programada. Mantenimiento y limpieza peri\u00f3dica. Soporte T\u00e9cnico 24\/7 y reemplazo de m\u00e1quina si es necesario. Soporte t\u00e9cnico 24\/7 y reemplazo garantizado. Todos los consumibles: vasos, az\u00facar, agitadores, etc. Consumibles incluidos (vasos, az\u00facar, etc.). Nuestras Soluciones de Caf\u00e9 Ofrecemos alternativas de alquiler de cafetera industrial y soluciones para negocios adaptadas a tus consumos y tama\u00f1o de equipo. Soluciones adaptadas al consumo y tama\u00f1o de tu equipo. amicotouchless Disfruta de caf\u00e9 espressos, americanos, capuchinos, chocolate y vainilla francesa. Es la m\u00e1quina expendedora de caf\u00e9 en alquiler ideal para grandes flujos de consumo. Espressos, capuchinos y bebidas para alto consumo. Hasta $11.90 la taza* amicotouchless mini Lo mismo que la Touchless, pero m\u00e1s peque\u00f1a para oficinas medianas a chicas. El mejor servicio de alquiler de m\u00e1quinas de caf\u00e9 para negocios en formato compacto. Formato compacto ideal para oficinas peque\u00f1as y medianas. Hasta $11.50 la taza* amicodigitale Nuestro servicio tradicional para oficinas peque\u00f1as y medianas, que aman el sabor del caf\u00e9 reci\u00e9n molido. Sabor tradicional de caf\u00e9 reci\u00e9n molido. Hasta $7.20 la taza* Empezar con 30 D\u00edas Gratis Garant\u00eda de Satisfacci\u00f3n Total Espresso Amico Estamos tan seguros de que nuestro servicio de renta de m\u00e1quinas de caf\u00e9 transformar\u00e1 el ambiente de tu oficina que lo respaldamos con una promesa inquebrantable. Respaldamos nuestro servicio con una promesa inquebrantable. Prueba nuestro servicio por 30 d\u00edas. Si tu equipo no est\u00e1 100% feliz y m\u00e1s productivo, te devolvemos tu dinero y retiramos la m\u00e1quina. Sin preguntas. Prueba 30 d\u00edas. Si no quedas 100% satisfecho, devolvemos tu dinero y retiramos la m\u00e1quina. Sin preguntas. Tu inversi\u00f3n est\u00e1 completamente protegida. Resolvemos Tus Dudas \u00bfQu\u00e9 pasa si la m\u00e1quina de caf\u00e9 se da\u00f1a? Servicio t\u00e9cnico sin interrupciones No te preocupes en lo absoluto. Nuestro servicio de caf\u00e9 para oficinas incluye asistencia t\u00e9cnica integral sin costo adicional. Si tu equipo presenta alguna falla, de inmediato instalamos una de reemplazo. Incluye asistencia t\u00e9cnica integral. Si falla, instalamos un reemplazo inmediato. \u00bfHay un plazo m\u00ednimo de contrato? Flexibilidad total, sin ataduras Creemos en la calidad de lo que ofrecemos, no en los plazos forzosos. Puedes cancelar con un aviso previo de 30 d\u00edas. El objetivo principal de nuestro alquiler de m\u00e1quinas de caf\u00e9 es que decidas quedarte por la calidad, no por una obligaci\u00f3n contractual. Sin plazos forzosos. Cancela en cualquier momento con 30 d\u00edas de aviso. \u00bfPodemos cambiar de tipo de caf\u00e9 o la cantidad? Servicio a tu medida \u00a1Por supuesto! Somos sumamente flexibles. Cada mes podemos ajustar la dotaci\u00f3n de insumos o el tipo de grano seg\u00fan el consumo de tu equipo. Queremos ofrecerte una opci\u00f3n de renta de cafeteras que se adapte perfectamente al d\u00eda a d\u00eda. Ajustamos insumos o grano cada mes seg\u00fan el consumo de tu equipo. \u00bfEn qu\u00e9 ciudades de M\u00e9xico operan? Cobertura nacional Ofrecemos servicio completo de instalaci\u00f3n y soporte presencial en las principales metr\u00f3polis del pa\u00eds: Ciudad de M\u00e9xico, Guadalajara y Monterrey. Buscamos llevar la mejor experiencia de renta de cafeteras para oficina a todo el pa\u00eds. Soporte presencial e instalaci\u00f3n en CDMX, Guadalajara y Monterrey. \u00bfQu\u00e9 insumos y servicios<\/p>","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_cloudinary_featured_overwrite":false,"footnotes":""},"class_list":["post-8298","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/pages\/8298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/comments?post=8298"}],"version-history":[{"count":0,"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/pages\/8298\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.espressoamico.com\/en\/wp-json\/wp\/v2\/media?parent=8298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}