{"id":396,"date":"2025-09-30T19:56:24","date_gmt":"2025-09-30T19:56:24","guid":{"rendered":"https:\/\/room.foodya.es\/?page_id=396"},"modified":"2026-08-25T11:47:55","modified_gmt":"2026-08-25T09:47:55","slug":"checkout","status":"publish","type":"page","link":"https:\/\/room.foodya.es\/index.php\/checkout\/","title":{"rendered":""},"content":{"rendered":"\n<h1 style=\"\n  text-align: center;\n  color: #f97316;\n  font-size: 32px;\n  font-weight: 800;\n  margin: 25px 0;\n  letter-spacing: -0.5px;\n\">\n  Checkout\n<\/h1>\n\n\n    <div id=\"foodya-checkout-wrapper\" data-fy-checkout-config=\"{&quot;mesa&quot;:&quot;&quot;,&quot;successUrl&quot;:&quot;https:\\\/\\\/room.foodya.es\\\/index.php\\\/ticket\\\/&quot;,&quot;menuUrl&quot;:&quot;https:\\\/\\\/room.foodya.es\\\/index.php\\\/menuceqfveq5498\\\/&quot;,&quot;apiUrl&quot;:&quot;https:\\\/\\\/room.foodya.es\\\/index.php\\\/wp-json\\\/foodya\\\/v1\\\/ticket&quot;,&quot;nonce&quot;:&quot;9311802869&quot;}\">\n\n      \n      <!-- PASO 1: M\u00c9TODO DE PAGO -->\n      <div class=\"foodya-checkout-card\">\n        <div class=\"foodya-checkout-header\">\n          <div class=\"foodya-checkout-step\">Paso 1<\/div>\n          <h2>C\u00f3mo quieres pagar<\/h2>\n          <p class=\"foodya-checkout-subtitle\">Elige una opci\u00f3n.<\/p>\n        <\/div>\n\n        <div class=\"foodya-metodos-pago\">\n          <label class=\"foodya-radio-card\">\n            <input type=\"radio\" name=\"foodya_pago\" value=\"efectivo\" checked=\"checked\">\n            <div class=\"foodya-radio-inner\">\n              <div class=\"foodya-radio-title\">Pagar en efectivo<\/div>\n              <div class=\"foodya-radio-text\">\n                Podr\u00e1s pagar en efectivo en la mesa.\n              <\/div>\n            <\/div>\n          <\/label>\n\n          <label class=\"foodya-radio-card\">\n            <input type=\"radio\" name=\"foodya_pago\" value=\"tarjeta\">\n            <div class=\"foodya-radio-inner\">\n              <div class=\"foodya-radio-title\">Pagar con tarjeta en el local<\/div>\n              <div class=\"foodya-radio-text\">\n                Paga c\u00f3modamente con tarjeta en el TPV del restaurante.\n              <\/div>\n            <\/div>\n          <\/label>\n\n          <label class=\"foodya-radio-card foodya-radio-disabled\">\n            <input type=\"radio\" name=\"foodya_pago\" value=\"online\" disabled=\"disabled\">\n            <div class=\"foodya-radio-inner\">\n              <div class=\"foodya-radio-title\">Pago online<\/div>\n              <div class=\"foodya-radio-text\">\n                \u00a1Podr\u00e1 pagar si moverse de la mesa a trav\u00e9s de su tel\u00e9fono!\n              <\/div>\n              <div class=\"foodya-radio-badge\">No disponible<\/div>\n            <\/div>\n          <\/label>\n        <\/div>\n\n        <!-- \ud83d\udcf1 M\u00d3VIL DE LA PERSONA QUE PAGA (BIZUM) -->\n        <div class=\"foodya-phone-block\">\n          <label for=\"foodya-phone\" class=\"foodya-phone-label\">\n            M\u00f3vil de la persona que paga (Bizum)\n          <\/label>\n          <input\n            type=\"tel\"\n            id=\"foodya-phone\"\n            class=\"foodya-phone-input\"\n            placeholder=\"Ej: 600 123 456\"\n            inputmode=\"tel\"\n            autocomplete=\"tel\"\n          >\n          <p class=\"foodya-phone-help\">\n            Este n\u00famero aparecer\u00e1 en el ticket para que los dem\u00e1s puedan hacer Bizum.\n          <\/p>\n        <\/div>\n\n        <!-- TEXTOS EXPLICATIVOS DE CADA M\u00c9TODO -->\n        <div class=\"foodya-metodo-contenido\" id=\"foodya-pago-efectivo\">\n          <h3>Pagar en efectivo<\/h3>\n          <p>Podr\u00e1s pagar en efectivo en la mesa.<\/p>\n        <\/div>\n\n        <div class=\"foodya-metodo-contenido\" id=\"foodya-pago-tarjeta\" style=\"display:none;\">\n          <h3>Pagar con tarjeta en el local<\/h3>\n          <p>Podr\u00e1s pagar con tarjeta en el TPV del local.<\/p>\n        <\/div>\n\n        <div class=\"foodya-metodo-contenido\" id=\"foodya-pago-online\" style=\"display:none;\">\n          <h3>Pago online<\/h3>\n          <p>\u00a1Podr\u00e1 pagar si moverse de la mesa a trav\u00e9s de su tel\u00e9fono!.<\/p>\n        <\/div>\n\n        <div class=\"foodya-checkout-total-preview\">\n          <span id=\"foodya-metodo-preview\">\n            <!-- Rellenado por JS -->\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <!-- PASO 2: RESUMEN DE PEDIDO -->\n      <div class=\"foodya-checkout-card\">\n        <div class=\"foodya-checkout-header\">\n          <div class=\"foodya-checkout-step\">Paso 2<\/div>\n          <h2>Revisa tu pedido<\/h2>\n          <p class=\"foodya-checkout-subtitle\">Todo listo antes de enviarlo.<\/p>\n        <\/div>\n\n        <div id=\"foodya-checkout-resumen\" class=\"foodya-checkout-resumen\">\n          <p>Cargando tu pedido...<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- BARRA FLOTANTE CHECKOUT -->\n      <div id=\"foodya-checkout-bottom\">\n        <div class=\"foodya-bottom-left\">\n          <div class=\"foodya-bottom-text\" id=\"foodya-bottom-text\"><\/div>\n        <\/div>\n        <div class=\"foodya-bottom-right\">\n          <a href=\"https:\/\/room.foodya.es\/index.php\/menuceqfveq5498\/\" id=\"foodya-btn-back\" class=\"foodya-bottom-btn ghost\" data-fy-return-cart>\n            \u2190 Volver al men\u00fa\n          <\/a>\n          <button type=\"button\" id=\"foodya-btn-finish\" class=\"foodya-bottom-btn primary\">\n            Confirmar pedido\n          <\/button>\n        <\/div>\n      <\/div>\n\n      <div id=\"foodya-confirm-modal\" class=\"fy-confirm-backdrop\" hidden>\n        <div class=\"fy-confirm-box\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"fy-confirm-title\">\n          <div class=\"fy-confirm-icon\">\ud83c\udf7d\ufe0f<\/div>\n          <h3 id=\"fy-confirm-title\">\u00bfTodo listo?<\/h3>\n          <p>Revisa tu pedido antes de enviarlo. Una vez entre en cocina, ya no se podr\u00e1 anular.<\/p>\n          <div class=\"fy-confirm-actions\">\n            <button type=\"button\" id=\"fy-confirm-review\">Seguir revisando<\/button>\n            <button type=\"button\" id=\"fy-confirm-send\">Enviar pedido<\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <style>\n      .fy-confirm-backdrop{position:fixed;inset:0;z-index:999999;background:rgba(17,17,17,.48);display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.fy-confirm-backdrop[hidden]{display:none!important}.fy-confirm-box{width:min(440px,100%);background:#fff;border-radius:26px;padding:26px 22px;box-shadow:0 24px 80px rgba(0,0,0,.25);text-align:center;font-family:inherit}.fy-confirm-icon{font-size:42px}.fy-confirm-box h3{font-size:28px;margin:8px 0;color:#111;font-weight:900}.fy-confirm-box p{font-size:17px;line-height:1.4;color:#4b5563;font-weight:700;margin:0 0 22px}.fy-confirm-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fy-confirm-actions button{border:0;border-radius:16px;padding:14px 12px;font-size:16px!important;font-weight:900;cursor:pointer}.fy-confirm-actions #fy-confirm-review{background:#f3f4f6;color:#111}.fy-confirm-actions #fy-confirm-send{background:#f97316;color:#fff}@media(max-width:520px){.fy-confirm-actions{grid-template-columns:1fr}.fy-confirm-actions #fy-confirm-send{order:-1}}\n      :root{\n        --fy-accent:#ff5722;\n        --fy-muted:#6b7280;\n        --fy-border:#e5e7eb;\n        --fy-soft:#f9fafb;\n        --fy-radius:16px;\n      }\n\n      body.foodya-checkout-page .fy-bottom{\n        display:none !important;\n      }\n\n      #foodya-checkout-wrapper{\n        max-width:900px;\n        margin:24px auto 80px;\n        padding:0 16px 24px;\n        font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;\n        background:#fff;\n      }\n\n      \/* \u2705 Evitar zoom en inputs en la p\u00e1gina de checkout (iOS) *\/\n      body.foodya-checkout-page input,\n      body.foodya-checkout-page select,\n      body.foodya-checkout-page textarea{\n        font-size:16px !important; \/* iOS no hace zoom con 16px o m\u00e1s *\/\n      }\n\n      \/* \ud83d\udd25 Banner de mesa (sin pill) *\/\n      .foodya-mesa-banner{\n        display:flex;\n        align-items:center;\n        gap:10px;\n        margin:0 0 16px;\n        padding:12px 14px;\n        border-radius:12px;\n        background:rgba(255,87,34,0.06);\n        border:1px solid rgba(255,87,34,0.28);\n      }\n      .foodya-mesa-text{\n        font-size:14px;\n      }\n\n      .foodya-checkout-card{\n        background:#ffffff;\n        border-radius:var(--fy-radius);\n        border:1px solid var(--fy-border);\n        box-shadow:0 10px 30px rgba(15,23,42,0.06);\n        padding:18px 18px 20px;\n        margin-bottom:18px;\n      }\n\n      .foodya-checkout-header{\n        display:flex;\n        flex-direction:column;\n        gap:4px;\n        margin-bottom:14px;\n      }\n\n      .foodya-checkout-step{\n        display:inline-flex;\n        align-self:flex-start;\n        padding:3px 10px;\n        border-radius:999px;\n        font-size:11px;\n        font-weight:700;\n        letter-spacing:.04em;\n        text-transform:uppercase;\n        background:rgba(255,87,34,0.08);\n        color:var(--fy-accent);\n      }\n\n      .foodya-checkout-header h2{\n        margin:0;\n        font-size:20px;\n        font-weight:800;\n      }\n\n      .foodya-checkout-subtitle{\n        margin:0;\n        font-size:13px;\n        color:var(--fy-muted);\n      }\n\n      .foodya-checkout-resumen{\n        border-radius:12px;\n        background:var(--fy-soft);\n        padding:10px;\n        overflow:hidden;\n      }\n\n      .foodya-resumen-tabla{\n        width:100%;\n        border-collapse:collapse;\n        background:#fff;\n        border-radius:10px;\n        overflow:hidden;\n      }\n      .foodya-resumen-tabla thead th{\n        background:#f3f4f6;\n        font-weight:700;\n        font-size:13px;\n        padding:8px 10px;\n        border-bottom:1px solid #e5e7eb;\n      }\n      .foodya-resumen-tabla td{\n        padding:8px 10px;\n        border-bottom:1px solid #f1f5f9;\n        font-size:13px;\n        vertical-align:top;\n      }\n      .foodya-resumen-tabla tfoot th{\n        background:#f9fafb;\n        font-size:14px;\n        padding:10px;\n        text-transform:uppercase;\n        letter-spacing:.04em;\n      }\n\n      .foodya-item-nombre{\n        font-weight:700;\n        font-size:14px;\n        display:inline-flex;\n        align-items:center;\n        gap:4px;\n        cursor:pointer;\n      }\n\n      .foodya-item-detalle{\n        margin-top:4px;\n        font-size:12px;\n        color:var(--fy-muted);\n        line-height:1.3;\n      }\n      .foodya-item-detalle span+span::before{\n        content:\" \u2022 \";\n      }\n      .foodya-item-compartido{\n        margin-top:3px;\n        font-size:12px;\n        color:#4b5563;\n      }\n\n      .foodya-item-edit-icon{\n        width:14px;\n        height:14px;\n        display:inline-block;\n        vertical-align:-2px;\n      }\n\n      .foodya-checkout-total-preview{\n        margin-top:10px;\n        display:flex;\n        justify-content:flex-end;\n        font-size:13px;\n        color:#111827;\n      }\n\n      .foodya-checkout-total-preview span{\n        padding:4px 10px;\n        border-radius:999px;\n        background:#f3f4f6;\n        font-weight:600;\n      }\n\n      .foodya-metodos-pago{\n        display:flex;\n        flex-direction:column;\n        gap:10px;\n        margin:6px 0 14px;\n      }\n\n      .foodya-radio-card{\n        display:block;\n        border-radius:12px;\n        border:1px solid var(--fy-border);\n        background:#fff;\n        padding:8px 10px;\n        cursor:pointer;\n        transition:all .15s ease-in-out;\n        position:relative;\n      }\n\n      .foodya-radio-card:hover{\n        border-color:var(--fy-accent);\n        box-shadow:0 6px 20px rgba(15,23,42,0.05);\n      }\n\n      .foodya-radio-card input[type=\"radio\"]{\n        position:absolute;\n        opacity:0;\n        pointer-events:none;\n      }\n\n      .foodya-radio-inner{\n        display:flex;\n        flex-direction:column;\n        gap:3px;\n        padding-left:28px;\n        position:relative;\n      }\n\n      .foodya-radio-inner::before{\n        content:\"\";\n        position:absolute;\n        left:2px;\n        top:4px;\n        width:16px;\n        height:16px;\n        border-radius:999px;\n        border:2px solid #d1d5db;\n        background:#fff;\n        box-sizing:border-box;\n      }\n\n      .foodya-radio-inner::after{\n        content:\"\";\n        position:absolute;\n        left:6px;\n        top:8px;\n        width:8px;\n        height:8px;\n        border-radius:999px;\n        background:var(--fy-accent);\n        transform:scale(0);\n        opacity:0;\n        transition:transform .12s ease-out, opacity .12s ease-out;\n      }\n\n      .foodya-radio-card input[type=\"radio\"]:checked + .foodya-radio-inner{\n        color:#111827;\n      }\n\n      .foodya-radio-card input[type=\"radio\"]:checked + .foodya-radio-inner::before{\n        border-color:var(--fy-accent);\n      }\n\n      .foodya-radio-card input[type=\"radio\"]:checked + .foodya-radio-inner::after{\n        transform:scale(1);\n        opacity:1;\n      }\n\n      .foodya-radio-title{\n        font-weight:700;\n        font-size:14px;\n      }\n\n      .foodya-radio-text{\n        font-size:12px;\n        color:var(--fy-muted);\n      }\n\n      .foodya-radio-badge{\n        margin-top:4px;\n        align-self:flex-start;\n        font-size:11px;\n        padding:2px 8px;\n        border-radius:999px;\n        background:#f3f4f6;\n        color:#6b7280;\n        text-transform:uppercase;\n        letter-spacing:.05em;\n        font-weight:600;\n      }\n\n      .foodya-radio-disabled{\n        opacity:.6;\n        cursor:not-allowed;\n      }\n\n      .foodya-metodo-contenido{\n        padding:12px;\n        border-radius:12px;\n        background:#f9fafb;\n        border:1px dashed #d1d5db;\n        font-size:13px;\n        margin-bottom:8px;\n      }\n      .foodya-metodo-contenido h3{\n        margin:0 0 4px;\n        font-size:14px;\n        font-weight:700;\n      }\n\n      \/* \ud83d\udcf1 Estilos m\u00f3vil Bizum *\/\n      .foodya-phone-block{\n        margin:12px 0 8px;\n        display:flex;\n        flex-direction:column;\n        gap:4px;\n      }\n      .foodya-phone-label{\n        font-size:13px;\n        font-weight:600;\n      }\n      .foodya-phone-input{\n        border-radius:10px;\n        border:1px solid var(--fy-border);\n        padding:8px 10px;\n        font-size:16px; \/* subido a 16px para evitar zoom *\/\n        max-width:260px;\n      }\n      .foodya-phone-input:focus{\n        outline:none;\n        border-color:var(--fy-accent);\n        box-shadow:0 0 0 1px rgba(255,87,34,0.25);\n      }\n      .foodya-phone-help{\n        font-size:11px;\n        color:var(--fy-muted);\n      }\n\n      #foodya-checkout-bottom{\n        position:fixed;\n        left:0;\n        right:0;\n        bottom:0;\n        z-index:99980;\n        background:#ffffff;\n        border-top:1px solid var(--fy-border);\n        color:#111;\n        padding:10px 12px;\n        display:flex;\n        justify-content:space-between;\n        align-items:center;\n        gap:10px;\n      }\n\n      .foodya-bottom-left{\n        flex:1;\n        min-width:0;\n      }\n\n      .foodya-bottom-text{\n        font-weight:800;\n        font-size:14px;\n        white-space:nowrap;\n        overflow:hidden;\n        text-overflow:ellipsis;\n      }\n\n      .foodya-bottom-right{\n        display:flex;\n        gap:8px;\n      }\n\n      .foodya-bottom-btn{\n        border-radius:12px;\n        padding:10px 14px;\n        font-size:14px;\n        font-weight:800;\n        border:0;\n        cursor:pointer;\n      }\n\n      .foodya-bottom-btn.ghost{\n        background:#f3f4f6;\n        color:#111827;\n      }\n\n      .foodya-bottom-btn.primary{\n        background:var(--fy-accent);\n        color:#ffffff;\n      }\n\n      @media(max-width:600px){\n        #foodya-checkout-wrapper{\n          padding:0 10px 80px;\n        }\n        .foodya-checkout-card{\n          padding:14px 12px 16px;\n        }\n        .foodya-resumen-tabla thead th,\n        .foodya-resumen-tabla td{\n          font-size:12px;\n        }\n        .foodya-bottom-text{\n          font-size:13px;\n        }\n        .foodya-bottom-btn{\n          padding:8px 10px;\n          font-size:13px;\n        }\n      }\n    <\/style>\n\n\n    \n","protected":false},"excerpt":{"rendered":"<p>Checkout<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-396","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/pages\/396","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/comments?post=396"}],"version-history":[{"count":13,"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/pages\/396\/revisions"}],"predecessor-version":[{"id":1805,"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/pages\/396\/revisions\/1805"}],"wp:attachment":[{"href":"https:\/\/room.foodya.es\/index.php\/wp-json\/wp\/v2\/media?parent=396"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}