{"id":3537,"date":"2026-07-10T21:52:11","date_gmt":"2026-07-11T02:52:11","guid":{"rendered":"https:\/\/morgansbarberhouse.com\/?page_id=3537"},"modified":"2026-07-23T18:07:13","modified_gmt":"2026-07-23T23:07:13","slug":"vip-barbershop-cartagena","status":"publish","type":"page","link":"https:\/\/morgansbarberhouse.com\/en\/vip-barbershop-cartagena\/","title":{"rendered":"vip barbershop cartagena"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3537\" class=\"elementor elementor-3537\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1080cc3 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1080cc3\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-bd75a8b\" data-id=\"bd75a8b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-714875f elementor-widget elementor-widget-html\" data-id=\"714875f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"mbh\" id=\"mbh-top\">\n\n  <header class=\"mbh-hero\">\n    <div class=\"mbh-hero__ov\"><\/div>\n    <div class=\"mbh-hero__brand\">\n      <div class=\"mbh-wrap\">\n        <span class=\"mbh-wordmark__m\">MORGAN'S<\/span>\n        <span class=\"mbh-wordmark__s\">Barber House<\/span>\n      <\/div>\n    <\/div>\n    <div class=\"mbh-wrap mbh-hero__in\">\n      <p class=\"mbh-eyebrow\">Men's Barbershop &amp; SPA \u2014 Cartagena de Indias<\/p>\n      <h1 class=\"mbh-h1\">The oasis the gentleman deserves.<\/h1>\n      <p class=\"mbh-lede\">The Morgan's Ritual combines barbering mastery, hot towel, massage, and premium courtesy. Status and calm in the heart of the city.<\/p>\n      <div class=\"mbh-hero__cta\">\n        <a href=\"#reserva\" class=\"mbh-btn mbh-btn--cream\" data-scroll>Book with VIP Advance<\/a>\n        <span class=\"mbh-hero__arrow\" aria-hidden=\"true\">\u2192<\/span>\n      <\/div>\n      <p class=\"mbh-hero__micro\">Secure your spot with a 20% advance \u00b7 100% secure payment<\/p>\n      <div class=\"mbh-hero__sedes\"><span>Historic Center<\/span><span>Bocagrande<\/span><\/div>\n    <\/div>\n    <span class=\"mbh-hero__spark\" aria-hidden=\"true\">\n      <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\"><path d=\"M8 0L9.8 6.2L16 8L9.8 9.8L8 16L6.2 9.8L0 8L6.2 6.2Z\" fill=\"currentColor\"\/><\/svg>\n    <\/span>\n  <\/header>\n\n  <section class=\"mbh-hook\">\n    <div class=\"mbh-wrap mbh-reveal\">\n      <h2 class=\"mbh-hook__h\">The barbershop makes you wait.<br><em>Morgan's waits for you.<\/em><\/h2>\n      <p class=\"mbh-hook__p\">You book, arrive, and go straight to the chair. No rush, no sharing your slot with anyone.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"mbh-inc\">\n    <div class=\"mbh-wrap mbh-inc__grid\">\n      <div>\n        <p class=\"mbh-kick mbh-reveal\">All in 90 minutes<\/p>\n        <ul class=\"mbh-inc__list\">\n          <li class=\"mbh-reveal\">Premium welcome drink<\/li>\n          <li class=\"mbh-reveal\">Image and style diagnosis<\/li>\n          <li class=\"mbh-reveal\">Precision haircut and beard profiling<\/li>\n          <li class=\"mbh-reveal\">Hot towel and essential oil ritual<\/li>\n          <li class=\"mbh-reveal\">Relief massage \u00b7 neck and back<\/li>\n          <li class=\"mbh-reveal\">Styling and flawless finish<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mbh-ph mbh-ph--34 mbh-reveal\">\n        <img decoding=\"async\" id=\"img-incluye\" src=\"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_5198-scaled.jpg\" alt=\"The Morgan's Ritual Experience\" loading=\"lazy\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- ============================================================\n       VIDEO \u2014 layout de 3 columnas en DESKTOP (llena el espacio muerto\n       alrededor del Short 9:16). En m\u00f3vil las columnas laterales se\n       ocultan y el video queda centrado, igual que antes.\n       ============================================================ -->\n  <section class=\"mbh-vid\">\n    <div class=\"mbh-wrap\">\n      <p class=\"mbh-kick mbh-kick--light mbh-reveal\">Experience the ritual before living it<\/p>\n\n      <div class=\"mbh-yt-wrap\">\n\n        <div class=\"mbh-yt-side mbh-yt-side--l mbh-reveal\">\n          <p class=\"mbh-yt-tag\">Ninety minutes. Hot towel, steel, and silence.<\/p>\n          <p class=\"mbh-yt-note\">No waiting room. No shared chair. Just the ritual.<\/p>\n        <\/div>\n\n        <div class=\"mbh-yt mbh-reveal\" data-id=\"zI58zPkpUfo\" data-poster=\"\" role=\"button\" tabindex=\"0\" aria-label=\"Play video\">\n          <span class=\"mbh-yt__play\" aria-hidden=\"true\"><\/span>\n        <\/div>\n\n        <div class=\"mbh-yt-side mbh-yt-side--r mbh-reveal\">\n          <p class=\"mbh-yt-tag\">Two houses. One standard.<\/p>\n          <p class=\"mbh-yt-note\">Historic Center &amp; Bocagrande \u2014 your chair is already waiting.<\/p>\n          <a href=\"#reserva\" class=\"mbh-yt-cta\" data-scroll>Secure your VIP Pass<\/a>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mbh-gal-sec\">\n    <div class=\"mbh-wrap\">\n      <div class=\"mbh-gal\">\n        <figure class=\"mbh-ph mbh-ph--45 mbh-reveal\"><img decoding=\"async\" id=\"img-g1\" src=\"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/29012023-IMG_0105-scaled.jpg\" alt=\"Historic Center Branch\" loading=\"lazy\"><figcaption>Historic Center<\/figcaption><\/figure>\n        <figure class=\"mbh-ph mbh-ph--45 mbh-reveal\"><img decoding=\"async\" id=\"img-g2\" src=\"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/DSC00939-rotated.jpg\" alt=\"Bocagrande Branch\" loading=\"lazy\"><figcaption>Bocagrande<\/figcaption><\/figure>\n        <figure class=\"mbh-ph mbh-ph--45 mbh-reveal\"><img decoding=\"async\" id=\"img-g3\" src=\"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_3403.jpg\" alt=\"The Morgan's detail\" loading=\"lazy\"><figcaption>The Detail<\/figcaption><\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mbh-quote\">\n    <div class=\"mbh-quote__ov\"><\/div>\n    <div class=\"mbh-wrap mbh-reveal\">\n      <p class=\"mbh-quote__t\">Your image opens doors.<br>Don't leave it in the hands of a waiting room.<\/p>\n      <p class=\"mbh-quote__s\">We forge gentlemen.<\/p>\n    <\/div>\n  <\/section>\n\n  <section class=\"mbh-soc\">\n    <div class=\"mbh-wrap\">\n      <p class=\"mbh-soc__rate mbh-reveal\">\u2605\u2605\u2605\u2605\u2605 \u00b7 Google \u00b7 Historic Center &amp; Bocagrande<\/p>\n      <div class=\"mbh-soc__grid\">\n        <figure class=\"mbh-reveal\">\n          <blockquote>I book, arrive, and get attended instantly. Truly another category.<\/blockquote>\n          <figcaption>Andr\u00e9s M. \u00b7 Historic Center<\/figcaption>\n        <\/figure>\n        <figure class=\"mbh-reveal\">\n          <blockquote>The massage and hot towel changed my idea of a barbershop. My fixed ritual.<\/blockquote>\n          <figcaption>Juli\u00e1n R. \u00b7 Bocagrande<\/figcaption>\n        <\/figure>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"mbh-res\" id=\"reserva\">\n    <div class=\"mbh-wrap mbh-res__grid\">\n      <div class=\"mbh-res__copy mbh-reveal\">\n        <h2 class=\"mbh-res__h\">Secure your VIP Pass.<br>Your chair awaits.<\/h2>\n        <p class=\"mbh-res__p\">The 20% advance (<strong>$66,000 COP<\/strong>) is credited to your service and secures your space in our agenda. Zero queues, exclusive schedule.<\/p>\n        <p class=\"mbh-res__scarce\">Limited spots per day \u00b7 Need it today? Check availability.<\/p>\n        <ul class=\"mbh-res__assur\">\n          <li>Secure payment \u00b7 Wompi<\/li>\n          <li>Creditable advance<\/li>\n          <li>Historic Center &amp; Bocagrande<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"mbh-res__form\">\n\n        <!-- ============================================================\n             FORMULARIO CORREGIDO (v3)\n             - Link de Wompi + anticipo dentro de cada servicio (mapeo 1:1)\n             - Sin jQuery\n             - Sin ?reference= \/ ?redirect-url= (Wompi los ignora en Payment Links)\n             - Sin fallback hardcodeado obsoleto\n             ============================================================ -->\n        <div class=\"morgans-headless-container\">\n            <iframe name=\"hidden_iframe_morgans\" id=\"hidden_iframe_morgans\" style=\"display:none;\"><\/iframe>\n\n            <div class=\"morgans-ui-box\">\n                <div id=\"morgans-form-header\" class=\"morgans-header\">\n                    <div class=\"morgans-header-top\">\n                        <div>\n                            <h3 class=\"morgans-title\" id=\"ui_title\">RESERVA VIP<\/h3>\n                            <p class=\"morgans-subtitle\" id=\"ui_subtitle\">Pase VIP &amp; SPA Masculino<\/p>\n                        <\/div>\n                        <div id=\"morgans-step-badge\" class=\"morgans-badge\">Paso 1 de 4<\/div>\n                    <\/div>\n                    <div class=\"morgans-progress-bg\">\n                        <div id=\"morgans-progress-bar\" class=\"morgans-progress-fill\" style=\"width: 25%\"><\/div>\n                    <\/div>\n                <\/div>\n\n                <div id=\"morgans-success-screen\" class=\"morgans-hidden\" style=\"text-align: center; padding: 1rem 0;\"><\/div>\n\n                <form id=\"morgans-core-form\" action=\"https:\/\/submit.jotform.com\/submit\/261666746679073\" method=\"post\" target=\"hidden_iframe_morgans\">\n                    <input type=\"hidden\" name=\"formID\" value=\"261666746679073\" \/>\n                    <input type=\"hidden\" name=\"simple_spc\" value=\"261666746679073-261666746679073\" \/>\n                    <input type=\"hidden\" name=\"q5_q5_datetime3[month]\" id=\"jf_month\">\n                    <input type=\"hidden\" name=\"q5_q5_datetime3[day]\" id=\"jf_day\">\n                    <input type=\"hidden\" name=\"q5_q5_datetime3[year]\" id=\"jf_year\">\n                    <input type=\"hidden\" name=\"q9_q9_textbox7\" id=\"jf_whatsapp_hidden\">\n\n                    <div id=\"step-1\" class=\"morgans-step-active\">\n                        <h4 class=\"morgans-question\">SELECCIONA TUS PREFERENCIAS<\/h4>\n                        <label class=\"morgans-label\">Divisa de Pago<\/label>\n                        <div class=\"morgans-grid-3\">\n                            <label class=\"morgans-radio-card\"><input type=\"radio\" name=\"q2_q2_radio0\" value=\"COP\" class=\"morgans-sr-only\" checked><div class=\"morgans-card-body\">COP \ud83c\udde8\ud83c\uddf4<\/div><\/label>\n                            <label class=\"morgans-radio-card\"><input type=\"radio\" name=\"q2_q2_radio0\" value=\"USD\" class=\"morgans-sr-only\"><div class=\"morgans-card-body\">USD \ud83c\uddfa\ud83c\uddf8<\/div><\/label>\n                            <label class=\"morgans-radio-card\"><input type=\"radio\" name=\"q2_q2_radio0\" value=\"EUR\" class=\"morgans-sr-only\"><div class=\"morgans-card-body\">EUR \ud83c\uddea\ud83c\uddfa<\/div><\/label>\n                        <\/div>\n                        <label class=\"morgans-label mt-5\">Sede de Reserva<\/label>\n                        <div class=\"morgans-grid-2\">\n                            <label class=\"morgans-radio-card\"><input type=\"radio\" name=\"q3_q3_radio1\" value=\"Centro Hist\u00f3rico\" class=\"morgans-sr-only\" checked><div class=\"morgans-card-body\">Centro Hist\u00f3rico<\/div><\/label>\n                            <label class=\"morgans-radio-card\"><input type=\"radio\" name=\"q3_q3_radio1\" value=\"Bocagrande\" class=\"morgans-sr-only\"><div class=\"morgans-card-body\">Bocagrande<\/div><\/label>\n                        <\/div>\n                        <div class=\"morgans-grid-btn mt-6\">\n                            <button type=\"button\" onclick=\"window.goToStepLanding(1, 2)\" class=\"morgans-btn-next\" id=\"btn_next1\">CONTINUAR<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"step-2\" class=\"morgans-hidden\">\n                        <h4 class=\"morgans-question\" id=\"ui_q2\">\u00bfQU\u00c9 SERVICIO VIP DESEAS RESERVAR?<\/h4>\n                        <div class=\"morgans-radio-list\" id=\"services_list\"><\/div>\n                        <div id=\"summary_container_landing\" class=\"morgans-hidden\">\n                            <div id=\"summary_card_landing\" class=\"morgans-card-body\" style=\"border: 2px solid #0e1c3b; background: #f8fafc; font-weight:800; color:#0e1c3b; text-align:center;\"><\/div>\n                            <p id=\"summary_desc_landing\" class=\"morgans-notice\" style=\"margin-top:10px;\"><\/p>\n                            <button type=\"button\" onclick=\"window.resetSelectionLanding()\" class=\"morgans-btn-prev\" style=\"margin-top:10px; width:100%;\">CAMBIA DE OPINI\u00d3N<\/button>\n                        <\/div>\n                        <div class=\"morgans-grid-2 mt-6\">\n                            <button type=\"button\" onclick=\"window.goToStepLanding(2, 1)\" class=\"morgans-btn-prev\" id=\"btn_prev2\">ATR\u00c1S<\/button>\n                            <button type=\"button\" onclick=\"window.goToStepLanding(2, 3)\" class=\"morgans-btn-next\" id=\"btn_next2\">CONTINUAR<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"step-3\" class=\"morgans-hidden\">\n                        <h4 class=\"morgans-question\" id=\"ui_q3\">\u00bfCU\u00c1NDO TE ESPERAMOS?<\/h4>\n                        <p id=\"morgans_duration_text\" class=\"morgans-notice\">\u23f1\ufe0f Calculando...<\/p>\n                        <div class=\"morgans-grid-2 mt-4\">\n                            <div>\n                                <label class=\"morgans-label\" id=\"lbl_day\">D\u00eda<\/label>\n                                <input type=\"date\" id=\"morgans_date_ux\" class=\"morgans-text-input\" onchange=\"window.parseDateForJotformLanding()\">\n                            <\/div>\n                            <div>\n                                <label class=\"morgans-label\" id=\"lbl_time\">Hora<\/label>\n                                <select id=\"morgans_time_ux\" name=\"q6_q6_textbox4\" class=\"morgans-text-input\"><option value=\"\">...<\/option><\/select>\n                            <\/div>\n                        <\/div>\n                        <div class=\"morgans-grid-2 mt-6\">\n                            <button type=\"button\" onclick=\"window.goToStepLanding(3, 2)\" class=\"morgans-btn-prev\" id=\"btn_prev3\">ATR\u00c1S<\/button>\n                            <button type=\"button\" onclick=\"window.goToStepLanding(3, 4)\" class=\"morgans-btn-next\" id=\"btn_next3\">CONTINUAR<\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div id=\"step-4\" class=\"morgans-hidden\">\n                        <h4 class=\"morgans-question\" id=\"ui_q4\">DATOS DE CONTACTO<\/h4>\n                        <p class=\"morgans-label\" style=\"text-transform:none; font-weight:400;\" id=\"ui_desc4\">Tu cita est\u00e1 casi lista. Completa tus datos para pre-asignar el espacio.<\/p>\n                        <div class=\"morgans-grid-2 mt-4\">\n                            <input type=\"text\" id=\"jf_nombre\" name=\"q7_q7_textbox5\" placeholder=\"Nombre \/ First Name\" class=\"morgans-text-input\" required>\n                            <input type=\"text\" id=\"jf_apellido\" name=\"q8_q8_textbox6\" placeholder=\"Apellido \/ Last Name\" class=\"morgans-text-input\" required>\n                        <\/div>\n\n                        <div style=\"display: grid; grid-template-columns: 110px 1fr; gap: 10px; margin-top: 16px;\">\n                            <select id=\"morgans_country_code\" class=\"morgans-text-input\" style=\"padding-left: 8px; padding-right: 8px; cursor: pointer;\">\n                                <option value=\"57\">\ud83c\udde8\ud83c\uddf4 +57<\/option>\n                                <option value=\"1\" selected>\ud83c\uddfa\ud83c\uddf8 +1<\/option>\n                                <option value=\"52\">\ud83c\uddf2\ud83c\uddfd +52<\/option>\n                                <option value=\"55\">\ud83c\udde7\ud83c\uddf7 +55<\/option>\n                                <option value=\"54\">\ud83c\udde6\ud83c\uddf7 +54<\/option>\n                                <option value=\"56\">\ud83c\udde8\ud83c\uddf1 +56<\/option>\n                                <option value=\"51\">\ud83c\uddf5\ud83c\uddea +51<\/option>\n                                <option value=\"593\">\ud83c\uddea\ud83c\udde8 +593<\/option>\n                                <option value=\"507\">\ud83c\uddf5\ud83c\udde6 +507<\/option>\n                                <option value=\"34\">\ud83c\uddea\ud83c\uddf8 +34<\/option>\n                                <option value=\"353\">\ud83c\uddee\ud83c\uddea +353<\/option>\n                                <option value=\"46\">\ud83c\uddf8\ud83c\uddea +46<\/option>\n                                <option value=\"44\">\ud83c\uddec\ud83c\udde7 +44<\/option>\n                                <option value=\"49\">\ud83c\udde9\ud83c\uddea +49<\/option>\n                                <option value=\"33\">\ud83c\uddeb\ud83c\uddf7 +33<\/option>\n                                <option value=\"31\">\ud83c\uddf3\ud83c\uddf1 +31<\/option>\n                                <option value=\"41\">\ud83c\udde8\ud83c\udded +41<\/option>\n                                <option value=\"39\">\ud83c\uddee\ud83c\uddf9 +39<\/option>\n                                <option value=\"61\">\ud83c\udde6\ud83c\uddfa +61<\/option>\n                                <option value=\"81\">\ud83c\uddef\ud83c\uddf5 +81<\/option>\n                                <option value=\"86\">\ud83c\udde8\ud83c\uddf3 +86<\/option>\n                                <option value=\"91\">\ud83c\uddee\ud83c\uddf3 +91<\/option>\n                            <\/select>\n                            <input type=\"tel\" id=\"jf_whatsapp\" placeholder=\"WhatsApp\" class=\"morgans-text-input\" required>\n                        <\/div>\n\n                        <input type=\"email\" id=\"jf_email\" name=\"q10_q10_email8\" placeholder=\"Email (Opcional)\" class=\"morgans-text-input mt-4\">\n                        <div class=\"morgans-grid-2 mt-6\">\n                            <button type=\"button\" onclick=\"window.goToStepLanding(4, 3)\" class=\"morgans-btn-prev\" id=\"btn_prev4\">ATR\u00c1S<\/button>\n                            <button type=\"submit\" class=\"morgans-btn-submit\" id=\"btn_submit\">ASEGURAR PASE<\/button>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n        <\/div>\n\n        <style>\n            .morgans-headless-container { width:100%; max-width:500px; margin:0 auto; background:#fff; border-radius:20px; box-shadow:0 20px 40px rgba(0,0,0,0.08); }\n            .morgans-ui-box { padding: 30px 25px !important; font-family: 'Inter', sans-serif !important;}\n            .morgans-header-top { display: flex !important; justify-content: space-between !important; align-items: center !important; margin-bottom: 12px !important; }\n            .morgans-title { color: #0e1c3b !important; font-size: 1.4rem !important; font-weight: 800 !important; margin: 0 !important; }\n            .morgans-subtitle { color: #64748b !important; font-size: 0.9rem !important; margin: 3px 0 0 0 !important; }\n            .morgans-badge { background: #f8fafc !important; color: #063e54 !important; padding: 5px 12px !important; border-radius: 20px !important; font-size: 0.75rem !important; font-weight: 700 !important; border: 1px solid #e2e8f0 !important; white-space: nowrap !important; }\n            .morgans-progress-bg { background: #f1f5f9 !important; height: 6px !important; border-radius: 10px !important; width: 100% !important; margin-bottom:25px !important;}\n            .morgans-progress-fill { background: #0e1c3b !important; height: 100% !important; border-radius: 10px !important; transition: width 0.4s ease !important; }\n            .morgans-question { color: #0e1c3b !important; font-size: 1.1rem !important; font-weight: 800 !important; margin-bottom: 15px !important; }\n            .morgans-label { color: #475569 !important; font-size: 0.8rem !important; font-weight: 700 !important; display: block !important; margin-bottom: 8px !important; text-transform: uppercase !important; }\n            .morgans-notice { color:#0e1c3b !important; font-size:0.85rem !important; font-weight:600 !important; background:#f1f5f9 !important; padding:12px 16px !important; border-radius:8px !important; }\n            .mt-4 { margin-top: 16px !important; } .mt-5 { margin-top: 20px !important; } .mt-6 { margin-top: 30px !important; }\n            .morgans-grid-3 { display: grid !important; grid-template-columns: 1fr 1fr 1fr !important; gap: 10px !important; }\n            .morgans-grid-2 { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 12px !important; }\n            .morgans-grid-btn { display: grid !important; grid-template-columns: 1fr !important; }\n            .morgans-radio-list { display: flex !important; flex-direction: column !important; gap: 10px !important; }\n            .morgans-sr-only { position: absolute !important; opacity: 0 !important; pointer-events: none !important; }\n            .morgans-radio-card { cursor: pointer !important; display: block !important; height: 100% !important; }\n            .morgans-card-body { padding: 15px 10px !important; background: #ffffff !important; border: 2px solid #e2e8f0 !important; border-radius: 12px !important; color: #334155 !important; font-weight: 700 !important; font-size: 0.9rem !important; text-align: center !important; transition: all 0.2s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; }\n            .morgans-radio-card.list-mode .morgans-card-body { justify-content: flex-start !important; text-align: left !important; padding: 16px 18px !important; }\n            .morgans-radio-card input:checked + .morgans-card-body { background: #f8fafc !important; border-color: #0e1c3b !important; color: #0e1c3b !important; box-shadow: 0 4px 12px rgba(14, 28, 59, 0.08) !important; }\n            .morgans-text-input { width: 100% !important; padding: 16px !important; background: #f8fafc !important; border: 1px solid #e2e8f0 !important; border-radius: 12px !important; color: #0e1c3b !important; font-family: inherit !important; font-size: 0.95rem !important; box-sizing: border-box !important; outline: none !important; }\n            .morgans-text-input:focus { border-color: #0e1c3b !important; background: #ffffff !important; }\n            .morgans-btn-next, .morgans-btn-submit { width: 100% !important; padding: 18px !important; border-radius: 12px !important; font-weight: 800 !important; font-size: 1rem !important; cursor: pointer !important; border: none !important; transition: all 0.2s !important; text-transform: uppercase !important; }\n            .morgans-btn-next { background: #0e1c3b !important; color: #ffffff !important; }\n            .morgans-btn-next:hover { background: #162a5c !important; }\n            .morgans-btn-submit { background: #d4af37 !important; color: #0e1c3b !important; }\n            .morgans-btn-submit:hover { background: #e8c247 !important; }\n            .morgans-btn-prev { width: 100% !important; padding: 18px !important; border-radius: 12px !important; font-weight: 700 !important; cursor: pointer !important; background: #ffffff !important; color: #64748b !important; border: 1px solid #e2e8f0 !important; text-transform: uppercase !important; transition: all 0.2s !important; }\n            .morgans-btn-prev:hover { background: #f8fafc !important; color: #0e1c3b !important; }\n            .morgans-hidden { display: none !important; }\n            .morgans-step-active { display: block !important; }\n        <\/style>\n\n        <script>\n        (function() {\n            'use strict';\n\n            if (window.morgansLandingLoaded) return;\n            window.morgansLandingLoaded = true;\n\n            \/\/ ============================================================\n            \/\/ MICROCONVERSIONES META (Pixel + dataLayer)\n            \/\/  ViewContent      -> vio la lista de servicios\n            \/\/  AddToCart        -> seleccion\u00f3 servicio\n            \/\/  InitiateCheckout -> eligi\u00f3 fecha y hora (alta intenci\u00f3n)\n            \/\/  Lead             -> clic en WhatsApp\n            \/\/  AddPaymentInfo   -> clic en \"Pagar Anticipo\" (previo a Wompi)  [NUEVO]\n            \/\/  Purchase         -> NO se dispara aqu\u00ed. Lo hace el webhook +\n            \/\/                      GTM con event_id = transaction_id de Wompi.\n            \/\/\n            \/\/  OJO: value SIEMPRE en COP. La divisa del formulario es solo\n            \/\/  display; el cobro real es en COP. Mandar 600000 con currency\n            \/\/  'USD' le dir\u00eda a Meta que el servicio vale 600 mil d\u00f3lares.\n            \/\/ ============================================================\n            window.morgansTrack = function(eventName, params) {\n                params = params || {};\n                var eid = 'mbh_' + eventName + '_' + Date.now() + '_' +\n                          Math.random().toString(36).slice(2, 10);\n\n                \/\/ 1) Meta Pixel \u2014 evento EST\u00c1NDAR. El event_id va en el 4\u00ba par\u00e1metro.\n                if (typeof fbq !== 'undefined') {\n                    fbq('track', eventName, params, { eventID: eid });\n                }\n\n                \/\/ 2) dataLayer \u2014 para GTM \/ GA4.\n                window.dataLayer = window.dataLayer || [];\n                window.dataLayer.push(Object.assign({\n                    event: 'mbh_' + eventName.toLowerCase(),\n                    meta_event_name: eventName,\n                    meta_event_id: eid\n                }, params));\n\n                if (window.MBH_DEBUG) console.log('[MBH]', eventName, eid, params);\n            };\n\n            \/\/ Generador de event_id reutilizable (para el MQL, que NO pasa por morgansTrack).\n            window.mbhNewEventId = function(name) {\n                return 'mbh_' + name + '_' + Date.now() + '_' +\n                       Math.random().toString(36).slice(2, 10);\n            };\n\n            function mbhSede() {\n                var el = document.querySelector('#morgans-core-form input[name=\"q3_q3_radio1\"]:checked');\n                return el ? el.value : '';\n            }\n            function mbhDisplayCurrency() {\n                var el = document.querySelector('#morgans-core-form input[name=\"q2_q2_radio0\"]:checked');\n                return el ? el.value : 'COP';\n            }\n            var mbhViewContentFired = false;\n\n            \/\/ ===== BASE DE DATOS DE SERVICIOS =====\n            \/\/ Para AGREGAR un servicio: crea primero su Payment Link en Wompi por el\n            \/\/ valor del anticipo (con redirect_url a \/reserva-exitosa configurado en el\n            \/\/ dashboard del link) y a\u00f1ade una fila con: id, cop, anticipo, mins, wompi,\n            \/\/ y los textos es\/en\/desc_es\/desc_en.\n            const SRV_DB_L = [\n                { id: \"s1\", cop: 600000, anticipo: 120000, mins: 120, wompi: \"https:\/\/checkout.wompi.co\/l\/6dOcuo\", es: \"Paquete Relajaci\u00f3n Premium\", en: \"Premium Relaxation Package\", desc_es: \"La experiencia completa: masaje de tejido profundo, aromaterapia y tratamiento facial hidratante.\", desc_en: \"The full experience: deep tissue massage, aromatherapy, and hydrating facial treatment.\" },\n                { id: \"s2\", cop: 400000, anticipo: 80000,  mins: 90,  wompi: \"https:\/\/checkout.wompi.co\/l\/rz1chH\", es: \"Ritual Morgans + Masaje Full\", en: \"Morgans Ritual + Full Massage\", desc_es: \"Corte cl\u00e1sico combinado con un masaje de cuerpo completo enfocado en liberar tensi\u00f3n muscular.\", desc_en: \"Classic cut combined with a full body massage focused on releasing muscle tension.\" },\n                { id: \"s3\", cop: 330000, anticipo: 66000,  mins: 60,  wompi: \"https:\/\/checkout.wompi.co\/l\/mrFu8e\", es: \"Ritual Morgans Tradicional\", en: \"Traditional Morgans Ritual\", desc_es: \"Nuestro servicio insignia: corte de cabello con perfilado de barba, toalla caliente y ritual de aceites.\", desc_en: \"Our signature service: haircut with beard profiling, hot towel, and oil ritual.\" },\n                { id: \"s4\", cop: 200000, anticipo: 40000,  mins: 45,  wompi: \"https:\/\/checkout.wompi.co\/l\/0fKoVb\", es: \"Higiene Facial Profunda\", en: \"Deep Facial Hygiene\", desc_es: \"Limpieza profunda, exfoliaci\u00f3n, eliminaci\u00f3n de puntos negros y mascarilla revitalizante.\", desc_en: \"Deep cleaning, exfoliation, blackhead removal, and revitalizing mask.\" },\n                { id: \"s5\", cop: 147000, anticipo: 30000,  mins: 45,  wompi: \"https:\/\/checkout.wompi.co\/l\/uYSyho\", es: \"Corte + Barba Premium\", en: \"Premium Haircut & Beard\", desc_es: \"Ajuste de corte y perfilado de barba con precisi\u00f3n quir\u00fargica.\", desc_en: \"Haircut trim and beard profiling with surgical precision.\" }\n            ];\n\n            const I18N_L = {\n                es: { q2: \"\u00bfQU\u00c9 SERVICIO VIP DESEAS RESERVAR?\", q3: \"\u00bfCU\u00c1NDO TE ESPERAMOS?\", q4: \"DATOS DE CONTACTO\", btnPrev: \"ATR\u00c1S\", btnNext: \"CONTINUAR\", btnSub: \"ASEGURAR PASE\", lblDay: \"D\u00eda\", lblTime: \"Hora\", desc4: \"Tu cita est\u00e1 casi lista. Completa tus datos para pre-asignar el espacio.\", timeCalc: \"\u23f1\ufe0f Este servicio requiere una duraci\u00f3n de: {m} minutos.\", succTitle: \"ESPACIO PRE-ASIGNADO\", succDesc: \"Reservado para el <strong>{d}<\/strong> a las <strong>{t}<\/strong>. Para blindar tu espacio en la agenda, procesa tu anticipo de <strong>{a}<\/strong>.\", btnPay: \"Pagar Anticipo Seguro \ud83d\udd12\", btnWa: \"Confirmar por WhatsApp \ud83d\udcf2\" },\n                en: { q2: \"WHICH VIP SERVICE DO YOU WANT TO BOOK?\", q3: \"WHEN SHOULD WE EXPECT YOU?\", q4: \"CONTACT DETAILS\", btnPrev: \"BACK\", btnNext: \"CONTINUE\", btnSub: \"SECURE PASS\", lblDay: \"Date\", lblTime: \"Time\", desc4: \"Your appointment is almost ready. Complete your details to pre-assign the space.\", timeCalc: \"\u23f1\ufe0f This service requires a duration of: {m} minutes.\", succTitle: \"SPACE PRE-ASSIGNED\", succDesc: \"Reserved for <strong>{d}<\/strong> at <strong>{t}<\/strong>. To secure your space in our agenda, process your advance of <strong>{a}<\/strong>.\", btnPay: \"Pay Secure Advance \ud83d\udd12\", btnWa: \"Confirm via WhatsApp \ud83d\udcf2\" }\n            };\n\n            window.submittedLanding = false;\n            window.morgansFxRatesL = window.morgansFxRatesL || { USD: 4000, EUR: 4300 };\n            window.morgansFxFetchedL = window.morgansFxFetchedL || false;\n            window.currentLangL = 'es';\n\n            window.fetchFxLazyL = async function() {\n                if(window.morgansFxFetchedL) return;\n                try {\n                    let res = await fetch('https:\/\/open.er-api.com\/v6\/latest\/COP');\n                    let data = await res.json();\n                    window.morgansFxRatesL.USD = 1 \/ data.rates.USD;\n                    window.morgansFxRatesL.EUR = 1 \/ data.rates.EUR;\n                    window.morgansFxFetchedL = true;\n                } catch(e) {\n                    console.log('Error fetching rates, usando valores por defecto');\n                }\n            };\n\n            window.parseDateForJotformLanding = function() {\n                const d = document.getElementById('morgans_date_ux').value;\n                if(d) {\n                    const parts = d.split('-');\n                    document.getElementById('jf_year').value = parts[0];\n                    document.getElementById('jf_month').value = parts[1];\n                    document.getElementById('jf_day').value = parts[2];\n                }\n            };\n\n            window.selectServiceLanding = function(srvId) {\n                let srv = SRV_DB_L.find(s => s.id === srvId);\n                if (!srv) return;\n\n                document.getElementById('list_container_landing').classList.add('morgans-hidden');\n                document.getElementById('summary_container_landing').classList.remove('morgans-hidden');\n                document.getElementById('summary_card_landing').innerText = srv[window.currentLangL];\n                document.getElementById('summary_desc_landing').innerText = srv['desc_' + window.currentLangL];\n\n                let existing = document.getElementById('hidden_srv_input_landing');\n                if(existing) existing.remove();\n                let hiddenRadio = document.createElement(\"input\");\n                hiddenRadio.type = \"hidden\";\n                hiddenRadio.id = \"hidden_srv_input_landing\";\n                hiddenRadio.name = \"q4_q4_radio2\";\n                hiddenRadio.value = srv.es;\n                document.getElementById('morgans-core-form').appendChild(hiddenRadio);\n\n                \/\/ MICROCONVERSI\u00d3N: AddToCart\n                window.morgansTrack('AddToCart', {\n                    content_ids: [srv.id],\n                    content_name: srv.es,\n                    content_type: 'product',\n                    contents: [{ id: srv.id, quantity: 1 }],\n                    value: srv.cop,\n                    currency: 'COP',\n                    display_currency: mbhDisplayCurrency(),\n                    branch_location: mbhSede(),\n                    source_channel: 'Landing Page'\n                });\n            };\n\n            window.resetSelectionLanding = function() {\n                document.getElementById('list_container_landing').classList.remove('morgans-hidden');\n                document.getElementById('summary_container_landing').classList.add('morgans-hidden');\n                let radio = document.getElementById('hidden_srv_input_landing');\n                if(radio) radio.remove();\n            };\n\n            window.renderServicesLanding = function() {\n                let currency = document.querySelector('#morgans-core-form input[name=\"q2_q2_radio0\"]:checked').value;\n                window.currentLangL = (currency === 'COP') ? 'es' : 'en';\n                let t = I18N_L[window.currentLangL];\n\n                document.getElementById('ui_q2').innerText = t.q2;\n                document.getElementById('ui_q3').innerText = t.q3;\n                document.getElementById('ui_q4').innerText = t.q4;\n                document.getElementById('ui_desc4').innerText = t.desc4;\n                document.getElementById('lbl_day').innerText = t.lblDay;\n                document.getElementById('lbl_time').innerText = t.lblTime;\n                document.getElementById('btn_prev2').innerText = t.btnPrev;\n                document.getElementById('btn_next2').innerText = t.btnNext;\n                document.getElementById('btn_prev3').innerText = t.btnPrev;\n                document.getElementById('btn_next3').innerText = t.btnNext;\n                document.getElementById('btn_prev4').innerText = t.btnPrev;\n                document.getElementById('btn_submit').innerText = t.btnSub;\n\n                \/\/ Solo la lista. El resumen ya existe en el HTML est\u00e1tico\n                \/\/ (antes se inyectaba un duplicado con el mismo ID -> bug).\n                let html = '<div id=\"list_container_landing\">';\n                SRV_DB_L.forEach(srv => {\n                    let pText = (currency === 'USD') ? ` - $${Math.ceil(srv.cop \/ window.morgansFxRatesL.USD)} USD` :\n                                (currency === 'EUR') ? ` - \u20ac${Math.ceil(srv.cop \/ window.morgansFxRatesL.EUR)} EUR` :\n                                ` - ${Math.round(srv.cop \/ 1000)}K COP`;\n                    html += `<label class=\"morgans-radio-card list-mode\" onclick=\"window.selectServiceLanding('${srv.id}')\">\n                                <div class=\"morgans-card-body\">${srv[window.currentLangL]}${pText}<\/div>\n                            <\/label>`;\n                });\n                html += '<\/div>';\n                document.getElementById('services_list').innerHTML = html;\n            };\n\n            window.goToStepLanding = function(current, next) {\n                if(current === 1 && next === 2) {\n                    window.fetchFxLazyL();\n                    window.renderServicesLanding();\n\n                    \/\/ MICROCONVERSI\u00d3N: ViewContent (una sola vez)\n                    if (!mbhViewContentFired) {\n                        mbhViewContentFired = true;\n                        window.morgansTrack('ViewContent', {\n                            content_name: 'Motor Reserva VIP',\n                            content_category: 'Reserva',\n                            display_currency: mbhDisplayCurrency(),\n                            branch_location: mbhSede(),\n                            source_channel: 'Landing Page'\n                        });\n                    }\n                }\n                if(current === 2 && next === 3) {\n                    let srvEl = document.getElementById('hidden_srv_input_landing');\n                    if(!srvEl) { alert('Por favor selecciona un servicio'); return; }\n                    let sd = SRV_DB_L.find(s => s.es === srvEl.value);\n                    const t = I18N_L[window.currentLangL];\n                    document.getElementById('morgans_duration_text').innerHTML =\n                        `\u23f1\ufe0f ${t.timeCalc.replace('{m}', sd.mins)}<br><span style=\"font-size:0.8rem; font-weight:400; color:#64748b;\">\ud83d\udcc5 Horario de atenci\u00f3n: 9:00 AM - 8:00 PM<\/span>`;\n                    let sel = document.getElementById('morgans_time_ux');\n                    sel.innerHTML = '<option value=\"\">...<\/option>';\n                    let curr = 9 * 60;\n                    let limit = (20 * 60) - sd.mins;\n                    while(curr <= limit) {\n                        let h = Math.floor(curr \/ 60);\n                        let m = curr % 60;\n                        let period = h >= 12 ? 'PM' : 'AM';\n                        let displayH = h > 12 ? h - 12 : (h === 0 ? 12 : h);\n                        let lbl = `${displayH}:${m < 10 ? '0'+m : m} ${period}`;\n                        sel.appendChild(new Option(lbl, lbl));\n                        curr += 30;\n                    }\n                }\n                if(current === 3 && next === 4) {\n                    if(!document.getElementById('morgans_date_ux').value || !document.getElementById('morgans_time_ux').value) {\n                        alert('Por favor selecciona fecha y hora');\n                        return;\n                    }\n\n                    \/\/ MICROCONVERSI\u00d3N: InitiateCheckout\n                    \/\/ Se dispara DESPU\u00c9S de la validaci\u00f3n: si el usuario no\n                    \/\/ eligi\u00f3 fecha\/hora, la funci\u00f3n hace return y no trackeamos\n                    \/\/ un evento falso que inflar\u00eda el embudo.\n                    let srvElIC = document.getElementById('hidden_srv_input_landing');\n                    let srvIC = srvElIC ? SRV_DB_L.find(s => s.es === srvElIC.value) : null;\n                    if (srvIC) {\n                        window.morgansTrack('InitiateCheckout', {\n                            content_ids: [srvIC.id],\n                            content_name: srvIC.es,\n                            contents: [{ id: srvIC.id, quantity: 1 }],\n                            num_items: 1,\n                            value: srvIC.cop,\n                            currency: 'COP',\n                            display_currency: mbhDisplayCurrency(),\n                            branch_location: mbhSede(),\n                            appointment_date: document.getElementById('morgans_date_ux').value,\n                            appointment_time: document.getElementById('morgans_time_ux').value,\n                            source_channel: 'Landing Page'\n                        });\n                    }\n                }\n\n                document.getElementById(`step-${current}`).classList.add('morgans-hidden');\n                document.getElementById(`step-${current}`).classList.remove('morgans-step-active');\n                document.getElementById(`step-${next}`).classList.remove('morgans-hidden');\n                document.getElementById(`step-${next}`).classList.add('morgans-step-active');\n                document.getElementById('morgans-progress-bar').style.width = `${(next \/ 4) * 100}%`;\n                document.getElementById('morgans-step-badge').innerText = `${window.currentLangL === 'es' ? 'Paso' : 'Step'} ${next} \/ 4`;\n            };\n\n            window.prepSubmitLanding = function() {\n                window.submittedLanding = true;\n                let rawPhone = document.getElementById('jf_whatsapp').value.replace(\/\\D\/g, '');\n                let cCode = document.getElementById('morgans_country_code').value;\n                if(cCode && rawPhone.startsWith(cCode)) { rawPhone = rawPhone.substring(cCode.length); }\n                document.getElementById('jf_whatsapp_hidden').value = cCode + rawPhone;\n                window.parseDateForJotformLanding();\n                return true;\n            };\n\n            \/\/ ===== INICIAR PAGO WOMPI (Payment Link limpio + guard) =====\n            \/\/ El redirect a \/reserva-exitosa se configura en el dashboard del Payment\n            \/\/ Link; Wompi a\u00f1ade ?id=<transaction_id> al volver, que el plugin lee.\n            window.iniciarPagoWompiLanding = function(linkBaseWompi) {\n                if (!linkBaseWompi || linkBaseWompi === '#') {\n                    console.error('Wompi: link no configurado para este servicio');\n                    alert(window.currentLangL === 'es'\n                        ? 'Estamos finalizando tu reserva por WhatsApp.'\n                        : 'We are finalizing your booking via WhatsApp.');\n                    return;\n                }\n                window.location.href = linkBaseWompi;\n            };\n\n            window.showSuccessLanding = function() {\n                if(!window.submittedLanding) { console.log('Formulario no enviado a\u00fan'); return; }\n\n                try {\n                    let cur = document.querySelector('#morgans-core-form input[name=\"q2_q2_radio0\"]:checked').value;\n                    let serviceName = document.getElementById('hidden_srv_input_landing').value;\n                    let srvObj = SRV_DB_L.find(s => s.es === serviceName);\n\n                    if(!srvObj) { console.error('Servicio no encontrado'); return; }\n\n                    let sede = document.querySelector('#morgans-core-form input[name=\"q3_q3_radio1\"]:checked').value;\n                    let date = document.getElementById('morgans_date_ux').value;\n                    let time = document.getElementById('morgans_time_ux').value;\n                    let fName = document.getElementById('jf_nombre').value;\n                    let phoneFinal = document.getElementById('jf_whatsapp_hidden').value;\n                    let email = document.getElementById('jf_email').value;\n\n                    \/\/ Anticipo EXACTO del Payment Link del servicio.\n                    let ant = srvObj.anticipo;\n                    let displayAmt = (cur === 'USD') ? `$${Math.ceil(ant \/ window.morgansFxRatesL.USD)} USD` :\n                                    (cur === 'EUR') ? `\u20ac${Math.ceil(ant \/ window.morgansFxRatesL.EUR)} EUR` :\n                                    `${ant\/1000}K COP`;\n\n                    \/\/ Link de Wompi del servicio (mapeo 1:1).\n                    let linkWompiBase = srvObj.wompi;\n                    let tel = sede.includes(\"Centro\") ? \"573053221581\" : \"573152728559\";\n\n                    let textWa = (window.currentLangL === 'es') ?\n                        `\ud83d\udc4b Hola, soy *${fName}*. Quiero confirmar mi reserva y procesar mi anticipo (${displayAmt}) para el servicio *${srvObj.es}* el ${date} a las ${time} en la sede ${sede}.` :\n                        `\ud83d\udc4b Hi, I'm *${fName}*. I want to confirm my booking and process my advance payment (${displayAmt}) for *${srvObj.en}* on ${date} at ${time} in ${sede}.`;\n\n                    \/\/ ============================================================\n                    \/\/ LEAD GEN\u00c9RICO \u2014 se dispara SIEMPRE que el formulario se\n                    \/\/ complet\u00f3 (JotForm ya captur\u00f3 los datos). Es el piso: pasa\n                    \/\/ sin importar si el usuario luego paga o escribe por\n                    \/\/ WhatsApp. Si adem\u00e1s elige WhatsApp, el Lead VIP se dispara\n                    \/\/ ADICIONALMENTE en el clic de ese bot\u00f3n (m\u00e1s abajo).\n                    \/\/ ============================================================\n                    if (typeof window.dataLayer !== 'undefined') {\n                        window.dataLayer.push({\n                            'event': 'generacion_lead_contacto',\n                            'branch_location': sede,\n                            'service_category': srvObj.es,\n                            'currency': cur,\n                            'estimated_value': srvObj.cop,\n                            'appointment_date': date,\n                            'appointment_time': time,\n                            'source_channel': 'Landing Page',\n                            'user_data': {\n                                'email_address': email ? email.toLowerCase().trim() : '',\n                                'phone_number': phoneFinal,\n                                'first_name': fName.toLowerCase().trim(),\n                                'last_name': document.getElementById('jf_apellido').value.toLowerCase().trim()\n                            }\n                        });\n                    }\n\n                    document.getElementById('morgans-form-header').style.display = 'none';\n                    document.getElementById('morgans-core-form').style.display = 'none';\n\n                    let t = I18N_L[window.currentLangL];\n                    let ss = document.getElementById('morgans-success-screen');\n                    ss.innerHTML = `\n                        <div style=\"width:70px; height:70px; background:#f8fafc; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:32px; margin:0 auto 20px;\">\ud83d\udcb3<\/div>\n                        <h3 class=\"morgans-title\" style=\"margin-bottom:15px; font-size:1.5rem !important;\">${t.succTitle}<\/h3>\n                        <p style=\"color:#475569; font-size:1rem; margin-bottom:30px; line-height:1.6;\">${t.succDesc.replace('{d}', date).replace('{t}', time).replace('{a}', displayAmt)}<\/p>\n                        <div style=\"display:flex; flex-direction:column; gap:12px;\">\n                            <button id=\"btn-pagar-wompi-landing\" style=\"display:flex; align-items:center; justify-content:center; gap:10px; padding:18px; background:#d4af37; color:#0e1c3b; border:none; border-radius:12px; font-weight:800; font-size:1rem; text-transform:uppercase; cursor:pointer; transition:all 0.2s; box-shadow:0 4px 15px rgba(212,175,55,0.3); width:100%;\">\n                                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\" ry=\"2\"><\/rect><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"><\/line><\/svg>\n                                ${t.btnPay}\n                            <\/button>\n\n                            <a href=\"https:\/\/wa.me\/${tel}?text=${encodeURIComponent(textWa)}\" target=\"_blank\" rel=\"noopener\" style=\"display:flex; align-items:center; justify-content:center; gap:10px; padding:18px; background:#25D366; color:#ffffff; text-decoration:none; border-radius:12px; font-weight:700; font-size:1rem; transition:all 0.2s; box-shadow:0 4px 15px rgba(37, 211, 102, 0.25);\">\n                                <svg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.321 5.562a10.424 10.424 0 00-7.393-3.132h-.005A10.51 10.51 0 001.405 12.94c0 1.344.348 2.656 1.01 3.822L.5 23.5l6.906-1.81a10.455 10.455 0 004.512 1.026h.004a10.512 10.512 0 0010.517-10.518 10.424 10.424 0 00-3.118-7.393L19.321 5.562zm-7.397 15.352h-.003a8.775 8.775 0 01-4.004-.964l-.287-.17-2.977.78.793-2.9-.187-.297a8.747 8.747 0 01-1.336-4.665c0-4.839 3.94-8.777 8.784-8.777 2.345 0 4.549.914 6.206 2.572a8.736 8.736 0 012.568 6.202c-.001 4.839-3.94 8.778-8.783 8.778l-.001-.001zm4.818-6.584c-.264-.132-1.562-.771-1.803-.858-.242-.088-.418-.132-.594.132-.176.264-.683.858-.837 1.034-.154.176-.308.198-.572.066-.264-.132-1.115-.411-2.124-1.312-.785-.7-1.315-1.564-1.469-1.828-.154-.264-.016-.407.115-.539.119-.119.264-.308.396-.462.132-.154.176-.264.264-.44.088-.176.044-.33-.022-.462-.066-.132-.594-1.431-.814-1.959-.215-.516-.433-.446-.594-.455-.154-.009-.33-.009-.506-.009a.972.972 0 00-.704.33c-.242.264-.924.903-.924 2.199s.946 2.553 1.078 2.73c.132.176 1.861 2.84 4.506 3.98.63.272 1.12.434 1.503.555.633.2 1.21.171 1.666.104.512-.075 1.562-.638 1.782-1.254.22-.616.22-1.144.154-1.254-.066-.111-.242-.176-.506-.308z\"\/><\/svg>\n                                ${t.btnWa}\n                            <\/a>\n                        <\/div>\n                    `;\n                    ss.classList.remove('morgans-hidden');\n                    ss.classList.add('morgans-step-active');\n\n                    const btnWompi = document.getElementById('btn-pagar-wompi-landing');\n                    if (btnWompi) {\n                        btnWompi.addEventListener('click', function(e) {\n                            e.preventDefault();\n                            \/\/ MICROCONVERSI\u00d3N: AddPaymentInfo \u2014 intenci\u00f3n de pago (previo a Wompi).\n                            \/\/ value en COP (la divisa es solo display).\n                            window.morgansTrack('AddPaymentInfo', {\n                                content_ids: [srvObj.id],\n                                content_name: srvObj.es,\n                                value: srvObj.cop,\n                                currency: 'COP',\n                                display_currency: cur,\n                                branch_location: sede,\n                                source_channel: 'Landing Page'\n                            });\n                            \/\/ ---- Guardar el gclid antes de irnos a Wompi ----\n                            \/\/ Wompi no conoce el gclid. Esta es la \u00faltima\n                            \/\/ oportunidad de capturarlo y emparejarlo luego\n                            \/\/ con el pago, usando el email como llave.\n                            (function() {\n                                var params = new URLSearchParams(window.location.search);\n                                var gclid  = params.get('gclid') || '';\n                                if (!gclid) {\n                                    var m = document.cookie.match(\/_gcl_aw=([^;]+)\/);\n                                    if (m) {\n                                        var partes = decodeURIComponent(m[1]).split('.');\n                                        gclid = partes[partes.length - 1] || '';\n                                    }\n                                }\n                                try {\n                                    fetch('\/wp-json\/morgans\/v1\/guardar-gclid', {\n                                        method: 'POST',\n                                        headers: { 'Content-Type': 'application\/json' },\n                                        keepalive: true,\n                                        body: JSON.stringify({\n                                            gclid:    gclid,\n                                            email:    document.getElementById('jf_email').value,\n                                            telefono: document.getElementById('jf_whatsapp_hidden').value,\n                                            nombre:   document.getElementById('jf_nombre').value,\n                                            apellido: document.getElementById('jf_apellido').value,\n                                            servicio: srvObj.es\n                                        })\n                                    });\n                                } catch (err) {\n                                    \/\/ Nunca bloquear el pago por un fallo de tracking.\n                                }\n                            })();\n\n                            window.iniciarPagoWompiLanding(linkWompiBase);\n                        });\n                    }\n\n                    \/\/ MICROCONVERSI\u00d3N: LEAD VIP (clic en WhatsApp = \"WhatsApp Diligenciado\")\n                    \/\/ Este es el lead CALIENTE: ya llen\u00f3 todo el formulario Y decidi\u00f3\n                    \/\/ enviarlo por WhatsApp. Dispara el Lead de Meta (fbq, v\u00eda\n                    \/\/ morgansTrack) y el evento generacion_mql_morgans, que en GTM\n                    \/\/ alimenta el Lead VIP en Google Ads \/ Meta CAPI \/ GA4.\n                    const btnWaLead = ss.querySelector('a[href^=\"https:\/\/wa.me\"]');\n                    if (btnWaLead) {\n                        btnWaLead.addEventListener('click', function() {\n                            window.morgansTrack('Lead', {\n                                content_name: srvObj.es,\n                                content_category: 'WhatsApp',\n                                value: srvObj.cop,\n                                currency: 'COP',\n                                display_currency: cur,\n                                branch_location: sede,\n                                channel: 'WhatsApp',\n                                source_channel: 'Landing Page'\n                            });\n\n                            var mqlEventId = window.mbhNewEventId('Lead');\n                            window.dataLayer.push({\n                                'event': 'generacion_mql_morgans',\n                                'meta_event_id': mqlEventId,\n                                'meta_event_name': 'Lead',\n                                'branch_location': sede,\n                                'service_category': srvObj.es,\n                                'currency': cur,\n                                'estimated_value': srvObj.cop,\n                                'appointment_date': date,\n                                'appointment_time': time,\n                                'source_channel': 'Landing Page',\n                                'user_data': {\n                                    'email_address': email ? email.toLowerCase().trim() : '',\n                                    'phone_number': phoneFinal,\n                                    'first_name': fName.toLowerCase().trim(),\n                                    'last_name': document.getElementById('jf_apellido').value.toLowerCase().trim()\n                                }\n                            });\n                        }, { once: true });\n                    }\n\n                } catch(error) {\n                    console.error('Error en showSuccessLanding:', error);\n                }\n            };\n\n            function initMorgansForm() {\n                const today = new Date();\n                document.getElementById('jf_year').value = today.getFullYear();\n                document.getElementById('jf_month').value = String(today.getMonth() + 1).padStart(2, '0');\n                document.getElementById('jf_day').value = String(today.getDate()).padStart(2, '0');\n\n                const dateInput = document.getElementById('morgans_date_ux');\n                if (dateInput) {\n                    const minDate = new Date();\n                    minDate.setDate(minDate.getDate() + 1);\n                    dateInput.min = minDate.toISOString().split('T')[0];\n                    dateInput.value = minDate.toISOString().split('T')[0];\n                    window.parseDateForJotformLanding();\n                }\n\n                const form = document.getElementById('morgans-core-form');\n                if (form) {\n                    form.removeAttribute('onsubmit');\n                    form.addEventListener('submit', function(e) {\n                        e.preventDefault();\n                        window.prepSubmitLanding();\n                        const formData = new FormData(this);\n                        fetch(this.action, {\n                            method: 'POST',\n                            body: formData,\n                            mode: 'no-cors'\n                        }).then(() => {\n                            window.submittedLanding = true;\n                            setTimeout(function() { window.showSuccessLanding(); }, 1000);\n                        }).catch(function(error) {\n                            console.error('Error al enviar:', error);\n                            window.submittedLanding = true;\n                            setTimeout(function() { window.showSuccessLanding(); }, 500);\n                        });\n                        return false;\n                    });\n                }\n            }\n\n            if (document.readyState === 'loading') {\n                document.addEventListener('DOMContentLoaded', initMorgansForm);\n            } else {\n                initMorgansForm();\n            }\n\n            \/\/ Re-init en Elementor (solo si jQuery + Elementor existen).\n            if (typeof window.jQuery !== 'undefined' && typeof window.elementorFrontend !== 'undefined' && window.elementorFrontend.hooks) {\n                window.elementorFrontend.hooks.addAction('frontend\/element_ready\/widget', function($scope) {\n                    if ($scope && $scope.find && $scope.find('.morgans-headless-container').length) {\n                        initMorgansForm();\n                    }\n                });\n            }\n\n        })();\n        <\/script>\n        <!-- FIN DEL FORMULARIO -->\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"mbh-foot\">\n    <div class=\"mbh-wrap mbh-foot__row\">\n      <p class=\"mbh-foot__logo\">MORGAN'S <span>Barber House<\/span><\/p>\n      <div class=\"mbh-foot__links\">\n        <a href=\"https:\/\/wa.me\/573053221581\" target=\"_blank\" rel=\"noopener\">Historic Center<\/a>\n        <a href=\"https:\/\/wa.me\/573152728559\" target=\"_blank\" rel=\"noopener\">Bocagrande<\/a>\n        <span>9:00 AM \u2013 8:00 PM<\/span>\n      <\/div>\n      <a href=\"#reserva\" class=\"mbh-btn mbh-btn--gold mbh-btn--sm\" data-scroll>Book Now<\/a>\n    <\/div>\n  <\/footer>\n\n  <div class=\"mbh-sticky\" id=\"mbh-sticky\">\n    <span><strong>Morgan's Ritual<\/strong> \u00b7 secure with $66,000 COP<\/span>\n    <a href=\"#reserva\" class=\"mbh-btn mbh-btn--gold mbh-btn--sm\" data-scroll>Book Now<\/a>\n  <\/div>\n\n<\/div>\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:wght@500;600&family=Inter:wght@400;500;600;700&display=swap');\n\n.mbh{\n  --navy:#0e1c3b; --navy-d:#0a1428; --gold:#d4af37; --gold-2:#e8c247; --ivory:#f8fafc;\n  --slate:#475569; --line:#e2e8f0;\n  --serif:'Cormorant Garamond',Georgia,serif; --sans:'Inter',system-ui,sans-serif;\n  --wrap:1100px;\n  --img-hero:url('http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/Gemini_Generated_Image_chsxyfchsxyfchsx-scaled.png');\n  --img-quote:url('http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2022\/06\/MG_5176-scaled.jpg');\n  font-family:var(--sans); color:var(--navy); line-height:1.55; -webkit-font-smoothing:antialiased;\n}\n.mbh *{box-sizing:border-box; margin:0; padding:0;}\n.mbh-wrap{width:100%; max-width:var(--wrap); margin:0 auto; padding:0 24px;}\n.mbh em{font-style:italic;}\n\n.mbh-btn{display:inline-block; font-weight:700; font-size:.86rem; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; padding:17px 34px; border-radius:2px; cursor:pointer; transition:transform .2s,background .2s,box-shadow .2s;}\n.mbh-btn--sm{padding:12px 22px; font-size:.76rem;}\n.mbh-btn--gold{background:var(--gold); color:var(--navy); box-shadow:0 10px 30px rgba(212,175,55,.28);}\n.mbh-btn--gold:hover{background:var(--gold-2); transform:translateY(-2px);}\n.mbh-btn--cream{background:#f4efe6; color:#0e1c3b; box-shadow:0 12px 34px rgba(0,0,0,.32); letter-spacing:.1em;}\n.mbh-btn--cream:hover{background:#fbf8f2; transform:translateY(-2px);}\n\n.mbh-ph{position:relative; overflow:hidden; border-radius:3px; background:linear-gradient(160deg,#16264d,#0e1c3b); box-shadow:0 24px 50px rgba(14,28,59,.18);}\n.mbh-ph img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block;}\n.mbh-ph--34{aspect-ratio:3\/4;}\n.mbh-ph--45{aspect-ratio:4\/5;}\n\n.mbh-hero{position:relative; min-height:100svh; display:flex; align-items:center; overflow:hidden;\n  background:var(--img-hero) center\/cover no-repeat, radial-gradient(120% 120% at 70% 20%, #1a3163 0%, #0a1428 60%);}\n.mbh-hero__ov{position:absolute; inset:0;\n  background:\n    linear-gradient(100deg, rgba(6,12,28,.92) 0%, rgba(6,12,28,.74) 38%, rgba(6,12,28,.42) 70%, rgba(6,12,28,.2) 100%),\n    linear-gradient(to top, rgba(6,12,28,.6) 0%, rgba(6,12,28,0) 45%);}\n.mbh-hero__brand{position:absolute; top:34px; left:0; right:0; z-index:3;}\n.mbh-wordmark__m{display:block; font-family:var(--serif); font-weight:600; font-size:clamp(1.6rem,3vw,2.1rem); letter-spacing:.18em; color:#fff; line-height:1;}\n.mbh-wordmark__s{display:block; font-family:var(--sans); font-size:.6rem; letter-spacing:.42em; text-transform:uppercase; color:rgba(255,255,255,.75); margin-top:8px;}\n.mbh-hero__in{position:relative; z-index:2; color:#fff; padding:124px 24px 76px;}\n.mbh-eyebrow{position:relative; font-size:.78rem; letter-spacing:.2em; text-transform:uppercase; color:#fff; font-weight:600; margin-bottom:26px; padding-bottom:14px;}\n.mbh-eyebrow::after{content:''; position:absolute; left:0; bottom:0; width:48px; height:2px; background:var(--gold);}\n.mbh-h1{font-family:var(--serif); font-weight:600; font-size:clamp(3rem,9vw,6rem); line-height:.98; letter-spacing:.005em; color:#fff; margin-bottom:24px;}\n.mbh-lede{font-size:clamp(1.05rem,1.9vw,1.3rem); font-weight:300; color:rgba(255,255,255,.85); line-height:1.55; margin-bottom:32px; max-width:560px;}\n.mbh-hero__cta{display:flex; align-items:center; gap:18px; flex-wrap:wrap;}\n.mbh-hero__arrow{color:var(--gold); font-size:1.5rem; line-height:1;}\n.mbh-hero__micro{margin-top:20px; font-size:.85rem; letter-spacing:.03em; color:rgba(255,255,255,.7);}\n.mbh-hero__sedes{display:flex; gap:36px; margin-top:26px;}\n.mbh-hero__sedes span{font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:rgba(255,255,255,.85); font-weight:500;}\n.mbh-hero__spark{position:absolute; right:40px; bottom:32px; z-index:2; color:var(--gold); opacity:.55; display:flex; align-items:center; justify-content:center;}\n\n.mbh-hook{background:var(--ivory); text-align:center; padding:80px 0;}\n.mbh-hook__h{font-family:var(--serif); font-weight:600; font-size:clamp(1.8rem,4.5vw,3rem); line-height:1.12; color:var(--navy);}\n.mbh-hook__h em{color:var(--gold);}\n.mbh-hook__p{margin-top:20px; font-size:1.05rem; color:var(--slate); max-width:560px; margin:20px auto 0;}\n\n.mbh-inc{background:var(--navy); color:#fff; padding:80px 0;}\n.mbh-inc__grid{display:grid; grid-template-columns:1.1fr .9fr; gap:56px; align-items:center;}\n.mbh-kick{font-size:.76rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); margin-bottom:26px;}\n.mbh-kick--light{text-align:center;}\n.mbh-inc__list{list-style:none;}\n.mbh-inc__list li{font-family:var(--serif); font-size:clamp(1.25rem,2.4vw,1.55rem); padding:16px 0 16px 34px; border-bottom:1px solid rgba(255,255,255,.1); position:relative;}\n.mbh-inc__list li:last-child{border-bottom:none;}\n.mbh-inc__list li::before{content:''; position:absolute; left:0; top:50%; width:14px; height:8px; border-left:2px solid var(--gold); border-bottom:2px solid var(--gold); transform:translateY(-70%) rotate(-45deg);}\n\n\/* ===== VIDEO \u2014 Short 9:16 con columnas editoriales en DESKTOP ===== *\/\n.mbh-vid{background:var(--navy-d); padding:70px 0;}\n.mbh-yt-wrap{display:flex; align-items:center; justify-content:center; gap:44px;}\n.mbh-yt-side{display:flex; flex-direction:column; gap:14px; flex:1; max-width:270px;}\n.mbh-yt-side--l{text-align:right; align-items:flex-end;}\n.mbh-yt-tag{font-family:var(--serif); font-size:1.35rem; line-height:1.35; color:#fff;}\n.mbh-yt-note{font-size:.9rem; font-weight:300; color:#8b97b0; line-height:1.5;}\n.mbh-yt-cta{display:inline-block; margin-top:6px; font-weight:700; font-size:.76rem; letter-spacing:.12em; text-transform:uppercase; color:var(--gold); text-decoration:none; border-bottom:1px solid var(--gold); padding-bottom:5px; transition:opacity .2s;}\n.mbh-yt-cta:hover{opacity:.7;}\n.mbh-yt{position:relative; width:100%; max-width:340px; aspect-ratio:9\/16; border-radius:6px; overflow:hidden; cursor:pointer; background:#0a1428 center\/cover no-repeat; box-shadow:0 30px 70px rgba(0,0,0,.45); background-image:linear-gradient(160deg,#16264d,#0a1428); flex-shrink:0;}\n.mbh-yt::after{content:''; position:absolute; inset:0; background:rgba(8,16,34,.35); transition:background .3s;}\n.mbh-yt:hover::after{background:rgba(8,16,34,.15);}\n.mbh-yt__play{position:absolute; z-index:2; top:50%; left:50%; transform:translate(-50%,-50%); width:72px; height:72px; border-radius:50%; background:var(--gold); box-shadow:0 8px 30px rgba(212,175,55,.5); transition:transform .3s;}\n.mbh-yt__play::before{content:''; position:absolute; top:50%; left:54%; transform:translate(-50%,-50%); border-style:solid; border-width:13px 0 13px 22px; border-color:transparent transparent transparent #0e1c3b;}\n.mbh-yt:hover .mbh-yt__play{transform:translate(-50%,-50%) scale(1.08);}\n.mbh-yt__if{position:absolute; inset:0; width:100%; height:100%; border:0;}\n\/* Cuando el iframe carga, el overlay y el play estorban *\/\n.mbh-yt[data-loaded=\"1\"]::after{display:none;}\n\n.mbh-gal-sec{background:var(--ivory); padding:60px 0;}\n.mbh-gal{display:grid; grid-template-columns:repeat(3,1fr); gap:14px;}\n.mbh-gal figure{position:relative;}\n.mbh-gal figcaption{position:absolute; z-index:2; left:16px; bottom:14px; color:#fff; font-family:var(--serif); font-size:1.1rem; text-shadow:0 2px 12px rgba(0,0,0,.6);}\n.mbh-gal figure::after{content:''; position:absolute; inset:0; background:linear-gradient(to top, rgba(8,16,34,.55), transparent 45%); z-index:1; border-radius:3px;}\n\n.mbh-quote{position:relative; text-align:center; padding:110px 0; overflow:hidden;\n  background:var(--img-quote) center\/cover no-repeat, linear-gradient(160deg,#16264d,#0a1428);}\n.mbh-quote__ov{position:absolute; inset:0; background:rgba(8,16,34,.72);}\n.mbh-quote .mbh-wrap{position:relative; z-index:2;}\n.mbh-quote__t{font-family:var(--serif); font-weight:600; font-size:clamp(1.7rem,4vw,2.7rem); line-height:1.2; color:#fff; max-width:760px; margin:0 auto;}\n.mbh-quote__s{margin-top:22px; font-size:.78rem; letter-spacing:.24em; text-transform:uppercase; color:var(--gold); font-weight:600;}\n\n.mbh-soc{background:#fff; padding:70px 0;}\n.mbh-soc__rate{text-align:center; color:var(--gold); font-size:.82rem; letter-spacing:.06em; margin-bottom:36px;}\n.mbh-soc__grid{display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:840px; margin:0 auto;}\n.mbh-soc figure{background:var(--ivory); border:1px solid var(--line); border-radius:4px; padding:30px;}\n.mbh-soc blockquote{font-family:var(--serif); font-size:1.3rem; line-height:1.4; color:var(--navy);}\n.mbh-soc figcaption{margin-top:16px; font-size:.82rem; color:var(--slate); font-weight:500;}\n\n.mbh-res{background:linear-gradient(160deg,var(--navy),#0a1530); color:#fff; padding:90px 0;}\n.mbh-res__grid{display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;}\n.mbh-res__h{font-family:var(--serif); font-weight:600; font-size:clamp(1.9rem,4vw,2.8rem); line-height:1.12; margin-bottom:20px;}\n.mbh-res__p{font-size:1.05rem; font-weight:300; color:#c8d0e0; margin-bottom:14px;}\n.mbh-res__scarce{font-size:.9rem; color:var(--gold); font-weight:500; margin-bottom:24px;}\n.mbh-res__assur{list-style:none; display:flex; flex-wrap:wrap; gap:10px 22px;}\n.mbh-res__assur li{font-size:.82rem; color:#aeb8cc; position:relative; padding-left:16px;}\n.mbh-res__assur li::before{content:'\u00b7'; position:absolute; left:2px; color:var(--gold); font-weight:700;}\n\n.mbh-foot{background:var(--navy-d); color:#c8d0e0; padding:32px 0;}\n.mbh-foot__row{display:flex; align-items:center; justify-content:space-between; gap:20px; flex-wrap:wrap;}\n.mbh-foot__logo{font-family:var(--serif); font-size:1.3rem; color:#fff; letter-spacing:.02em;}\n.mbh-foot__logo span{font-family:var(--sans); font-size:.62rem; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-left:6px;}\n.mbh-foot__links{display:flex; gap:22px; font-size:.84rem; flex-wrap:wrap;}\n.mbh-foot__links a{color:var(--gold); text-decoration:none;}\n.mbh-foot__links a:hover{color:var(--gold-2);}\n.mbh-foot__links span{color:#8b97b0;}\n\n.mbh-sticky{position:fixed; left:0; right:0; bottom:0; z-index:9999; display:none; align-items:center; justify-content:space-between; gap:14px; padding:11px 16px; background:rgba(10,20,40,.97); backdrop-filter:blur(8px); border-top:1px solid rgba(212,175,55,.35); transform:translateY(120%); transition:transform .3s ease;}\n.mbh-sticky.on{transform:translateY(0);}\n.mbh-sticky span{color:#fff; font-size:.8rem;}\n.mbh-sticky strong{color:var(--gold); font-weight:600;}\n\n.mbh-reveal{opacity:0; transform:translateY(20px); transition:opacity .7s ease,transform .7s ease;}\n.mbh-reveal.in{opacity:1; transform:none;}\n\n\/* Tablet: columnas laterales m\u00e1s estrechas antes de colapsar *\/\n@media (max-width:1024px) and (min-width:821px){\n  .mbh-yt-wrap{gap:28px;}\n  .mbh-yt-side{max-width:200px;}\n  .mbh-yt-tag{font-size:1.15rem;}\n  .mbh-yt{max-width:300px;}\n}\n\n@media (max-width:820px){\n  .mbh-hook,.mbh-inc,.mbh-vid,.mbh-gal-sec,.mbh-quote,.mbh-soc,.mbh-res{padding:56px 0;}\n  .mbh-inc__grid,.mbh-soc__grid,.mbh-res__grid{grid-template-columns:1fr; gap:32px;}\n  \/* M\u00d3VIL: se ocultan las columnas y el video queda centrado (como ya te gusta) *\/\n  .mbh-yt-wrap{display:flex; justify-content:center; gap:0;}\n  .mbh-yt-side{display:none;}\n  .mbh-yt{max-width:300px;}\n  .mbh-gal{grid-auto-flow:column; grid-auto-columns:78%; grid-template-columns:none; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding-bottom:8px; scrollbar-width:none; -ms-overflow-style:none;}\n  .mbh-gal::-webkit-scrollbar{display:none;}\n  .mbh-gal figure{scroll-snap-align:center;}\n  .mbh-yt__play{width:62px; height:62px;}\n  .mbh-yt__play::before{border-width:11px 0 11px 19px;}\n  .mbh-sticky{display:flex;}\n  .mbh-btn{width:100%; text-align:center;}\n  .mbh-sticky .mbh-btn,.mbh-foot .mbh-btn{width:auto;}\n}\n@media (prefers-reduced-motion:reduce){.mbh-reveal{opacity:1; transform:none; transition:none;} .mbh-hero{background-attachment:scroll;}}\n<\/style>\n\n<script>\n(function(){\n  var root=document.getElementById('mbh-top');\n  if(!root||root.dataset.i) return; root.dataset.i='1';\n  var sticky=document.getElementById('mbh-sticky');\n  root.querySelectorAll('[data-scroll]').forEach(function(a){\n    a.addEventListener('click',function(e){\n      var t=document.querySelector(this.getAttribute('href'));\n      if(!t) return;\n      e.preventDefault();\n      var offset=0;\n      if(window.innerWidth<821 && sticky && sticky.classList.contains('on')) offset=56;\n      var y=t.getBoundingClientRect().top+window.pageYOffset-offset;\n      window.scrollTo({top:y, behavior:'smooth'});\n    });\n  });\n  var io=new IntersectionObserver(function(en){\n    en.forEach(function(x){if(x.isIntersecting){x.target.classList.add('in'); io.unobserve(x.target);}});\n  },{threshold:.14});\n  root.querySelectorAll('.mbh-reveal').forEach(function(el){io.observe(el);});\n  var h=root.querySelector('.mbh-hero');\n  if(sticky&&h){\n    new IntersectionObserver(function(en){\n      en.forEach(function(x){sticky.classList.toggle('on',!x.isIntersecting);});\n    },{threshold:0}).observe(h);\n  }\n  root.querySelectorAll('.mbh-yt').forEach(function(yt){\n    var id=yt.getAttribute('data-id');\n    var poster=yt.getAttribute('data-poster');\n    \/\/ Los Shorts no siempre tienen maxresdefault: hacemos fallback a hqdefault.\n    if(poster){yt.style.backgroundImage=\"url('\"+poster+\"')\";}\n    else if(id){\n      var probe=new Image();\n      probe.onload=function(){\n        if(probe.naturalWidth>120){ yt.style.backgroundImage=\"url('https:\/\/i.ytimg.com\/vi\/\"+id+\"\/maxresdefault.jpg')\"; }\n        else { yt.style.backgroundImage=\"url('https:\/\/i.ytimg.com\/vi\/\"+id+\"\/hqdefault.jpg')\"; }\n      };\n      probe.onerror=function(){ yt.style.backgroundImage=\"url('https:\/\/i.ytimg.com\/vi\/\"+id+\"\/hqdefault.jpg')\"; };\n      probe.src=\"https:\/\/i.ytimg.com\/vi\/\"+id+\"\/maxresdefault.jpg\";\n    }\n    function load(){\n      if(!id||yt.dataset.loaded) return; yt.dataset.loaded='1';\n      var f=document.createElement('iframe');\n      f.className='mbh-yt__if';\n      f.setAttribute('src','https:\/\/www.youtube-nocookie.com\/embed\/'+id+'?autoplay=1&rel=0&modestbranding=1&playsinline=1');\n      f.setAttribute('title',\"Morgan's Barber House\");\n      f.setAttribute('allow','autoplay; encrypted-media; picture-in-picture; fullscreen');\n      f.setAttribute('allowfullscreen','');\n      yt.innerHTML=''; yt.appendChild(f);\n    }\n    yt.addEventListener('click',load);\n    yt.addEventListener('keydown',function(e){if(e.key==='Enter'||e.key===' '){e.preventDefault(); load();}});\n  });\n  if(typeof window.dataLayer==='undefined') window.dataLayer=[];\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MORGAN&#8217;S Barber House Men&#8217;s Barbershop &amp; SPA \u2014 Cartagena de Indias The oasis the gentleman deserves. The Morgan&#8217;s Ritual combines barbering mastery, hot towel, massage, and premium courtesy. Status and calm in the heart of the city. Book with VIP Advance \u2192 Secure your spot with a 20% advance \u00b7 100% secure payment Historic CenterBocagrande [&hellip;]<\/p>\n","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-3537","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.8 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>vip barbershop cartagena - La Mejor Barberia de Cartagena<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/morgansbarberhouse.com\/en\/vip-barbershop-cartagena\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"vip barbershop cartagena\" \/>\n<meta property=\"og:description\" content=\"MORGAN&#8217;S Barber House Men&#8217;s Barbershop &amp; SPA \u2014 Cartagena de Indias The oasis the gentleman deserves. The Morgan&#8217;s Ritual combines barbering mastery, hot towel, massage, and premium courtesy. Status and calm in the heart of the city. Book with VIP Advance \u2192 Secure your spot with a 20% advance \u00b7 100% secure payment Historic CenterBocagrande [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/morgansbarberhouse.com\/en\/vip-barbershop-cartagena\/\" \/>\n<meta property=\"og:site_name\" content=\"La Mejor Barberia de Cartagena\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-23T23:07:13+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_5198-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/\",\"url\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/\",\"name\":\"vip barbershop cartagena - La Mejor Barberia de Cartagena\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/morgansbarberhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/MG_5198-scaled.jpg\",\"datePublished\":\"2026-07-11T02:52:11+00:00\",\"dateModified\":\"2026-07-23T23:07:13+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/#primaryimage\",\"url\":\"http:\\\/\\\/morgansbarberhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/MG_5198-scaled.jpg\",\"contentUrl\":\"http:\\\/\\\/morgansbarberhouse.com\\\/wp-content\\\/uploads\\\/2026\\\/07\\\/MG_5198-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/vip-barbershop-cartagena\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/morgansbarberhouse.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"vip barbershop cartagena\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/#website\",\"url\":\"https:\\\/\\\/morgansbarberhouse.com\\\/\",\"name\":\"La Mejor Barberia de Cartagena\",\"description\":\"La guarida\",\"publisher\":{\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/morgansbarberhouse.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/#organization\",\"name\":\"La Mejor Barberia de Cartagena\",\"url\":\"https:\\\/\\\/morgansbarberhouse.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/morgansbarberhouse.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/cropped-Imagen2-scaled.png\",\"contentUrl\":\"https:\\\/\\\/morgansbarberhouse.com\\\/wp-content\\\/uploads\\\/2022\\\/04\\\/cropped-Imagen2-scaled.png\",\"width\":2560,\"height\":1100,\"caption\":\"La Mejor Barberia de Cartagena\"},\"image\":{\"@id\":\"https:\\\/\\\/morgansbarberhouse.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"vip barbershop cartagena - La Mejor Barberia de Cartagena","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/morgansbarberhouse.com\/en\/vip-barbershop-cartagena\/","og_locale":"en_US","og_type":"article","og_title":"vip barbershop cartagena","og_description":"MORGAN&#8217;S Barber House Men&#8217;s Barbershop &amp; SPA \u2014 Cartagena de Indias The oasis the gentleman deserves. The Morgan&#8217;s Ritual combines barbering mastery, hot towel, massage, and premium courtesy. Status and calm in the heart of the city. Book with VIP Advance \u2192 Secure your spot with a 20% advance \u00b7 100% secure payment Historic CenterBocagrande [&hellip;]","og_url":"https:\/\/morgansbarberhouse.com\/en\/vip-barbershop-cartagena\/","og_site_name":"La Mejor Barberia de Cartagena","article_modified_time":"2026-07-23T23:07:13+00:00","og_image":[{"url":"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_5198-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/","url":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/","name":"vip barbershop cartagena - La Mejor Barberia de Cartagena","isPartOf":{"@id":"https:\/\/morgansbarberhouse.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/#primaryimage"},"image":{"@id":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/#primaryimage"},"thumbnailUrl":"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_5198-scaled.jpg","datePublished":"2026-07-11T02:52:11+00:00","dateModified":"2026-07-23T23:07:13+00:00","breadcrumb":{"@id":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/#primaryimage","url":"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_5198-scaled.jpg","contentUrl":"http:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2026\/07\/MG_5198-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/morgansbarberhouse.com\/vip-barbershop-cartagena\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/morgansbarberhouse.com\/"},{"@type":"ListItem","position":2,"name":"vip barbershop cartagena"}]},{"@type":"WebSite","@id":"https:\/\/morgansbarberhouse.com\/#website","url":"https:\/\/morgansbarberhouse.com\/","name":"La Mejor Barberia de Cartagena","description":"La guarida","publisher":{"@id":"https:\/\/morgansbarberhouse.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/morgansbarberhouse.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/morgansbarberhouse.com\/#organization","name":"La Mejor Barberia de Cartagena","url":"https:\/\/morgansbarberhouse.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/morgansbarberhouse.com\/#\/schema\/logo\/image\/","url":"https:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2022\/04\/cropped-Imagen2-scaled.png","contentUrl":"https:\/\/morgansbarberhouse.com\/wp-content\/uploads\/2022\/04\/cropped-Imagen2-scaled.png","width":2560,"height":1100,"caption":"La Mejor Barberia de Cartagena"},"image":{"@id":"https:\/\/morgansbarberhouse.com\/#\/schema\/logo\/image\/"}}]}},"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false},"uagb_author_info":{"display_name":"Jesus Yances","author_link":"https:\/\/morgansbarberhouse.com\/en\/author\/gerencia\/"},"uagb_comment_info":0,"uagb_excerpt":"MORGAN&#8217;S Barber House Men&#8217;s Barbershop &amp; SPA \u2014 Cartagena de Indias The oasis the gentleman deserves. The Morgan&#8217;s Ritual combines barbering mastery, hot towel, massage, and premium courtesy. Status and calm in the heart of the city. Book with VIP Advance \u2192 Secure your spot with a 20% advance \u00b7 100% secure payment Historic CenterBocagrande&hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/pages\/3537","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/comments?post=3537"}],"version-history":[{"count":33,"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/pages\/3537\/revisions"}],"predecessor-version":[{"id":3622,"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/pages\/3537\/revisions\/3622"}],"wp:attachment":[{"href":"https:\/\/morgansbarberhouse.com\/en\/wp-json\/wp\/v2\/media?parent=3537"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}