{"id":597,"date":"2026-08-19T19:13:12","date_gmt":"2026-08-19T19:13:12","guid":{"rendered":"https:\/\/frenchriviera-lounge.com\/?page_id=597"},"modified":"2026-08-20T16:06:10","modified_gmt":"2026-08-20T16:06:10","slug":"hookah","status":"publish","type":"page","link":"https:\/\/frenchriviera-lounge.com\/hookah\/","title":{"rendered":"Hookah"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"597\" class=\"elementor elementor-597\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3fd0923 e-con-full e-flex e-con e-parent\" data-id=\"3fd0923\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26b9f7d elementor-widget elementor-widget-html\" data-id=\"26b9f7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     LA FRENCH RIVIERA \u2014 HOOKAH\r\n     Elementor HTML Widget\r\n     HTML + CSS + JavaScript\r\n     ========================================================= -->\r\n\r\n<style>\r\n#lfr-hookah{\r\n    --navy:#1D3A4C;\r\n    --navy-deep:#082A41;\r\n    --gold:#C1A36D;\r\n    --cream:#FFFAF3;\r\n    --cream-soft:#F8F2EA;\r\n    --line:rgba(193,163,109,.30);\r\n\r\n    position:relative;\r\n    left:50%;\r\n    width:100vw;\r\n    max-width:100vw;\r\n    margin-left:-50vw;\r\n    margin-right:-50vw;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(circle at 18% 8%,rgba(255,255,255,.90),transparent 30%),\r\n        linear-gradient(180deg,var(--cream) 0%,var(--cream-soft) 100%);\r\n\r\n    color:var(--navy);\r\n}\r\n\r\n#lfr-hookah,\r\n#lfr-hookah *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#lfr-hookah button{\r\n    font:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.lfr-hookah-layout{\r\n    width:100%;\r\n    min-height:850px;\r\n\r\n    display:grid;\r\n    grid-template-columns:minmax(0,67%) minmax(340px,33%);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.lfr-hookah-main{\r\n    position:relative;\r\n    z-index:2;\r\n\r\n    min-width:0;\r\n\r\n    padding:\r\n        58px\r\n        clamp(34px,4.6vw,78px)\r\n        68px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HERO\r\n========================================================= *\/\r\n\r\n.lfr-hookah-hero{\r\n    text-align:center;\r\n}\r\n\r\n.lfr-hookah-eyebrow{\r\n    margin-bottom:10px;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:11px;\r\n    font-weight:600;\r\n    letter-spacing:.34em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-hookah-title{\r\n    margin:0;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:clamp(76px,7vw,114px);\r\n    font-weight:500;\r\n    line-height:.88;\r\n    letter-spacing:-.035em;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n.lfr-hookah-ornament{\r\n    width:min(500px,66%);\r\n    height:30px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:14px;\r\n\r\n    margin:18px auto 4px;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-hookah-ornament::before,\r\n.lfr-hookah-ornament::after{\r\n    content:\"\";\r\n    height:1px;\r\n    flex:1;\r\n    background:var(--gold);\r\n}\r\n\r\n.lfr-hookah-ornament span{\r\n    font-size:20px;\r\n    line-height:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABS\r\n========================================================= *\/\r\n\r\n.lfr-hookah-tabs{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    justify-content:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:30px;\r\n}\r\n\r\n.lfr-hookah-tab{\r\n    flex:0 0 auto;\r\n\r\n    min-height:44px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:10px 22px;\r\n\r\n    border:1px solid rgba(193,163,109,.72);\r\n    border-radius:999px;\r\n\r\n    background:rgba(255,255,255,.24);\r\n    color:var(--navy);\r\n\r\n    cursor:pointer;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:16px;\r\n    font-weight:600;\r\n    line-height:1;\r\n\r\n    transition:\r\n        background-color .22s ease,\r\n        color .22s ease,\r\n        border-color .22s ease,\r\n        transform .22s ease;\r\n}\r\n\r\n.lfr-hookah-tab:hover{\r\n    transform:translateY(-1px);\r\n    border-color:var(--navy);\r\n}\r\n\r\n.lfr-hookah-tab.is-active{\r\n    background:var(--navy-deep);\r\n    border-color:var(--navy-deep);\r\n    color:#fff;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n========================================================= *\/\r\n\r\n.lfr-hookah-intro{\r\n    margin:34px auto 24px;\r\n    text-align:center;\r\n}\r\n\r\n.lfr-hookah-intro__iconrow{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:14px;\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-hookah-intro__iconrow::before,\r\n.lfr-hookah-intro__iconrow::after{\r\n    content:\"\";\r\n\r\n    width:150px;\r\n    max-width:22vw;\r\n    height:1px;\r\n\r\n    background:var(--gold);\r\n}\r\n\r\n.lfr-hookah-intro__icon{\r\n    width:46px;\r\n    height:46px;\r\n    display:block;\r\n}\r\n\r\n.lfr-hookah-intro__title{\r\n    margin:0;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:11px;\r\n    font-weight:650;\r\n    letter-spacing:.27em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--navy);\r\n}\r\n\r\n.lfr-hookah-intro__text{\r\n    margin:7px 0 0;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:21px;\r\n    font-style:italic;\r\n    line-height:1.25;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DYNAMIC CONTENT CARD\r\n========================================================= *\/\r\n\r\n.lfr-hookah-card{\r\n    width:100%;\r\n\r\n    padding:28px 30px 30px;\r\n\r\n    border:1px solid rgba(193,163,109,.28);\r\n    border-radius:14px;\r\n\r\n    background:rgba(255,255,255,.30);\r\n\r\n    box-shadow:0 12px 34px rgba(29,58,76,.035);\r\n}\r\n\r\n.lfr-hookah-card__header{\r\n    display:flex;\r\n    align-items:flex-end;\r\n    justify-content:space-between;\r\n\r\n    gap:20px;\r\n\r\n    padding-bottom:18px;\r\n\r\n    border-bottom:1px solid rgba(193,163,109,.48);\r\n}\r\n\r\n.lfr-hookah-card__heading{\r\n    margin:0;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:12px;\r\n    font-weight:650;\r\n    letter-spacing:.22em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--navy);\r\n}\r\n\r\n.lfr-hookah-card__price{\r\n    flex:0 0 auto;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:25px;\r\n    font-weight:600;\r\n    line-height:1;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n.lfr-hookah-card__body{\r\n    padding-top:20px;\r\n}\r\n\r\n.lfr-hookah-list{\r\n    display:flex;\r\n    flex-direction:column;\r\n\r\n    gap:14px;\r\n\r\n    margin:0;\r\n    padding:0;\r\n\r\n    list-style:none;\r\n}\r\n\r\n.lfr-hookah-list__item{\r\n    position:relative;\r\n\r\n    padding-left:25px;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:21px;\r\n    font-weight:500;\r\n    line-height:1.3;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n.lfr-hookah-list__item::before{\r\n    content:\"\u25c6\";\r\n\r\n    position:absolute;\r\n    left:2px;\r\n    top:.62em;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    color:var(--gold);\r\n    font-size:7px;\r\n}\r\n\r\n.lfr-hookah-list__item strong{\r\n    font-weight:600;\r\n}\r\n\r\n\r\n\/* Recomendaciones: nombre + mezcla *\/\r\n\r\n.lfr-hookah-mix{\r\n    display:grid;\r\n    grid-template-columns:minmax(150px,.42fr) minmax(0,1fr);\r\n\r\n    gap:18px;\r\n\r\n    align-items:start;\r\n}\r\n\r\n.lfr-hookah-mix__name{\r\n    font-weight:600;\r\n}\r\n\r\n.lfr-hookah-mix__details{\r\n    color:rgba(29,58,76,.74);\r\n}\r\n\r\n\r\n\/* Supplements: item + price *\/\r\n\r\n.lfr-hookah-addon{\r\n    display:grid;\r\n    grid-template-columns:minmax(0,1fr) auto;\r\n\r\n    gap:18px;\r\n\r\n    align-items:center;\r\n}\r\n\r\n.lfr-hookah-addon__price{\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:20px;\r\n    font-weight:600;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.lfr-hookah-media{\r\n    position:relative;\r\n\r\n    min-height:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#241c17;\r\n}\r\n\r\n.lfr-hookah-media img{\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n    object-position:center;\r\n\r\n    display:block;\r\n}\r\n\r\n.lfr-hookah-media::before{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:2;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,250,243,.07) 0%,\r\n            transparent 24%,\r\n            rgba(4,29,48,.08) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* Curva crema\/dorada como las dem\u00e1s secciones *\/\r\n\r\n.lfr-hookah-media::after{\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    z-index:3;\r\n\r\n    top:-7%;\r\n    bottom:-7%;\r\n    left:-120px;\r\n\r\n    width:190px;\r\n\r\n    background:var(--cream-soft);\r\n\r\n    border-right:1px solid rgba(193,163,109,.84);\r\n\r\n    border-radius:0 50% 50% 0;\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1024px){\r\n\r\n    .lfr-hookah-layout{\r\n        grid-template-columns:minmax(0,64%) minmax(300px,36%);\r\n    }\r\n\r\n    .lfr-hookah-main{\r\n        padding:50px 28px 58px;\r\n    }\r\n\r\n    .lfr-hookah-title{\r\n        font-size:76px;\r\n    }\r\n\r\n    .lfr-hookah-tab{\r\n        padding:9px 16px;\r\n        font-size:14px;\r\n    }\r\n\r\n    .lfr-hookah-card{\r\n        padding:24px 24px 26px;\r\n    }\r\n\r\n    .lfr-hookah-list__item{\r\n        font-size:19px;\r\n    }\r\n\r\n    .lfr-hookah-media::after{\r\n        left:-100px;\r\n        width:155px;\r\n    }\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:767px){\r\n\r\n    .lfr-hookah-layout{\r\n        display:flex;\r\n        flex-direction:column;\r\n        min-height:0;\r\n    }\r\n\r\n    .lfr-hookah-media{\r\n        order:1;\r\n\r\n        height:300px;\r\n        min-height:300px;\r\n    }\r\n\r\n    .lfr-hookah-media::after{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-hookah-main{\r\n        order:2;\r\n\r\n        padding:38px 16px 46px;\r\n    }\r\n\r\n    .lfr-hookah-title{\r\n        font-size:58px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .lfr-hookah-eyebrow{\r\n        font-size:9px;\r\n        letter-spacing:.28em;\r\n    }\r\n\r\n    .lfr-hookah-ornament{\r\n        width:72%;\r\n    }\r\n\r\n    .lfr-hookah-tabs{\r\n        width:calc(100% + 32px);\r\n\r\n        margin-left:-16px;\r\n        margin-right:-16px;\r\n\r\n        padding:2px 16px 9px;\r\n\r\n        flex-wrap:nowrap;\r\n        justify-content:flex-start;\r\n\r\n        overflow-x:auto;\r\n\r\n        scrollbar-width:none;\r\n        -webkit-overflow-scrolling:touch;\r\n    }\r\n\r\n    .lfr-hookah-tabs::-webkit-scrollbar{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-hookah-tab{\r\n        min-width:max-content;\r\n        font-size:14px;\r\n        padding:9px 15px;\r\n    }\r\n\r\n    .lfr-hookah-intro{\r\n        margin-top:27px;\r\n    }\r\n\r\n    .lfr-hookah-intro__iconrow::before,\r\n    .lfr-hookah-intro__iconrow::after{\r\n        width:70px;\r\n        max-width:24vw;\r\n    }\r\n\r\n    .lfr-hookah-intro__title{\r\n        font-size:9px;\r\n    }\r\n\r\n    .lfr-hookah-intro__text{\r\n        font-size:19px;\r\n    }\r\n\r\n    .lfr-hookah-card{\r\n        padding:22px 18px 24px;\r\n    }\r\n\r\n    .lfr-hookah-card__header{\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n\r\n        gap:10px;\r\n    }\r\n\r\n    .lfr-hookah-card__heading{\r\n        font-size:10px;\r\n        letter-spacing:.18em;\r\n    }\r\n\r\n    .lfr-hookah-card__price{\r\n        font-size:23px;\r\n    }\r\n\r\n    .lfr-hookah-list__item{\r\n        padding-left:20px;\r\n        font-size:19px;\r\n    }\r\n\r\n    .lfr-hookah-mix{\r\n        grid-template-columns:1fr;\r\n        gap:3px;\r\n    }\r\n\r\n    .lfr-hookah-addon{\r\n        grid-template-columns:minmax(0,1fr) auto;\r\n        gap:12px;\r\n    }\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SIN PRECIOS \u2014 SOLO OCULTAR PRECIOS\r\n   ========================================================= *\/\r\n\r\n.lfr-hookah-card__price,\r\n.lfr-hookah-addon__price{\r\n    display:none !important;\r\n}\r\n\r\n\/* Al ocultar el precio, los suplementos quedan en una sola columna *\/\r\n.lfr-hookah-addon{\r\n    grid-template-columns:minmax(0,1fr) !important;\r\n}\r\n\r\n\/* El encabezado ya no necesita separar t\u00edtulo y precio *\/\r\n.lfr-hookah-card__header{\r\n    justify-content:flex-start !important;\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n\r\n<section id=\"lfr-hookah\">\r\n\r\n    <div class=\"lfr-hookah-layout\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"lfr-hookah-main\">\r\n\r\n            <div class=\"lfr-hookah-hero\">\r\n\r\n                <div class=\"lfr-hookah-eyebrow\">\r\n                    MEN\u00da LOUNGE\r\n                <\/div>\r\n\r\n                <h2 class=\"lfr-hookah-title\">\r\n                    Hookah\r\n                <\/h2>\r\n\r\n                <div class=\"lfr-hookah-ornament\">\r\n                    <span>\u2767<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- TABS -->\r\n\r\n            <div\r\n                class=\"lfr-hookah-tabs\"\r\n                id=\"lfrHookahTabs\"\r\n                role=\"tablist\"\r\n                aria-label=\"Categor\u00edas de Hookah\"\r\n            ><\/div>\r\n\r\n\r\n            <!-- INTRO -->\r\n\r\n            <div class=\"lfr-hookah-intro\">\r\n\r\n                <div class=\"lfr-hookah-intro__iconrow\">\r\n\r\n                    <svg\r\n                        class=\"lfr-hookah-intro__icon\"\r\n                        viewBox=\"0 0 64 64\"\r\n                        fill=\"none\"\r\n                        xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <path d=\"M31 8H39L37 16H33L31 8Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M35 16V35\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M27 22H43\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M30 35H40L43 50H27L30 35Z\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M40 27C51 27 53 33 50 39C48 42 45 43 42 43\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                        <path d=\"M50 39L58 42\" stroke=\"currentColor\" stroke-width=\"1.8\"\/>\r\n                    <\/svg>\r\n\r\n                <\/div>\r\n\r\n                <h3\r\n                    class=\"lfr-hookah-intro__title\"\r\n                    id=\"lfrHookahTitle\"\r\n                >\r\n                    EXPERIENCIA HOOKAH\r\n                <\/h3>\r\n\r\n                <p\r\n                    class=\"lfr-hookah-intro__text\"\r\n                    id=\"lfrHookahDescription\"\r\n                >\r\n                    Elige la sesi\u00f3n ideal para tu momento.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- DYNAMIC CARD -->\r\n\r\n            <div class=\"lfr-hookah-card\">\r\n\r\n                <div class=\"lfr-hookah-card__header\">\r\n\r\n                    <h4\r\n                        class=\"lfr-hookah-card__heading\"\r\n                        id=\"lfrHookahCardTitle\"\r\n                    >\r\n                        HOOKAH CL\u00c1SICA\r\n                    <\/h4>\r\n\r\n                    <div\r\n                        class=\"lfr-hookah-card__price\"\r\n                        id=\"lfrHookahPrice\"\r\n                    >\r\n                        800 MXN\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div\r\n                    class=\"lfr-hookah-card__body\"\r\n                    id=\"lfrHookahContent\"\r\n                ><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT IMAGE -->\r\n\r\n        <aside\r\n            class=\"lfr-hookah-media\"\r\n            aria-label=\"Hookah Lounge La French Riviera\"\r\n        >\r\n\r\n            <img decoding=\"async\"\r\n                src=\"\/wp-content\/uploads\/2026\/08\/ChatGPT-Image-17-ago-2026-11_32_07-a.m.png\"\r\n                alt=\"Hookah Lounge de La French Riviera\"\r\n            >\r\n\r\n        <\/aside>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n    \"use strict\";\r\n\r\n\r\n    const DATA = {\r\n\r\n        classic:{\r\n\r\n            label:\"Hookah cl\u00e1sica\",\r\n\r\n            title:\"EXPERIENCIA HOOKAH\",\r\n\r\n            description:\r\n                \"Elige la sesi\u00f3n ideal para tu momento.\",\r\n\r\n            cardTitle:\"HOOKAH CL\u00c1SICA\",\r\n\r\n            price:\"800 MXN\",\r\n\r\n            type:\"list\",\r\n\r\n            items:[\r\n                \"Incluye 1 sabor + 1 recarga de carb\u00f3n.\",\r\n                \"Sesi\u00f3n de 60 a 90 minutos.\",\r\n                \"Consulta a tu mesero para conocer m\u00e1s combinaciones de sabores y recomendaciones.\"\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        secondHead:{\r\n\r\n            label:\"Segunda cabeza\",\r\n\r\n            title:\"SEGUNDA CABEZA\",\r\n\r\n            description:\r\n                \"Extiende o cambia el sabor de tu sesi\u00f3n.\",\r\n\r\n            cardTitle:\"SEGUNDA CABEZA\",\r\n\r\n            price:\"200 MXN\",\r\n\r\n            type:\"list\",\r\n\r\n            items:[\r\n                \"Sabor adicional (segunda cabeza).\",\r\n                \"Ideal para prolongar o variar tu sesi\u00f3n.\"\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        recommendations:{\r\n\r\n            label:\"Recomendaciones\",\r\n\r\n            title:\"RECOMENDACIONES\",\r\n\r\n            description:\r\n                \"Combinaciones sugeridas para descubrir nuevos perfiles de sabor.\",\r\n\r\n            cardTitle:\"RECOMENDACIONES\",\r\n\r\n            price:\"\",\r\n\r\n            type:\"mixes\",\r\n\r\n            items:[\r\n                [\"Mezcla tropical\",\"Mango Tango + Lady Killer\"],\r\n                [\"Frescura intensa\",\"Watermelon Chill + Mint\"],\r\n                [\"Dulce & fresco\",\"Love 66 + Blue Mist\"],\r\n                [\"\u00c1rabe intenso\",\"Double Apple + Mint\"]\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        addOns:{\r\n\r\n            label:\"Suplementos\",\r\n\r\n            title:\"SUPLEMENTOS\",\r\n\r\n            description:\r\n                \"Complementos para personalizar tu experiencia Hookah.\",\r\n\r\n            cardTitle:\"SUPLEMENTOS\",\r\n\r\n            price:\"\",\r\n\r\n            type:\"addons\",\r\n\r\n            items:[\r\n                [\"Manguera fr\u00eda\",\"100 MXN\"],\r\n                [\"Experiencia Fruit Bowl (pi\u00f1a o naranja)\",\"150 \u2013 200 MXN\"]\r\n            ]\r\n\r\n        }\r\n\r\n    };\r\n\r\n\r\n    const tabs =\r\n        document.getElementById(\r\n            \"lfrHookahTabs\"\r\n        );\r\n\r\n    const title =\r\n        document.getElementById(\r\n            \"lfrHookahTitle\"\r\n        );\r\n\r\n    const description =\r\n        document.getElementById(\r\n            \"lfrHookahDescription\"\r\n        );\r\n\r\n    const cardTitle =\r\n        document.getElementById(\r\n            \"lfrHookahCardTitle\"\r\n        );\r\n\r\n    const price =\r\n        document.getElementById(\r\n            \"lfrHookahPrice\"\r\n        );\r\n\r\n    const content =\r\n        document.getElementById(\r\n            \"lfrHookahContent\"\r\n        );\r\n\r\n\r\n    function createTabs(){\r\n\r\n        Object.keys(DATA)\r\n            .forEach(\r\n                function(key,index){\r\n\r\n                    const button =\r\n                        document.createElement(\r\n                            \"button\"\r\n                        );\r\n\r\n                    button.type =\r\n                        \"button\";\r\n\r\n                    button.className =\r\n                        \"lfr-hookah-tab\" +\r\n                        (\r\n                            index === 0\r\n                            ? \" is-active\"\r\n                            : \"\"\r\n                        );\r\n\r\n                    button.dataset.category =\r\n                        key;\r\n\r\n                    button.textContent =\r\n                        DATA[key].label;\r\n\r\n                    button.setAttribute(\r\n                        \"role\",\r\n                        \"tab\"\r\n                    );\r\n\r\n                    button.setAttribute(\r\n                        \"aria-selected\",\r\n                        index === 0\r\n                        ? \"true\"\r\n                        : \"false\"\r\n                    );\r\n\r\n                    tabs.appendChild(\r\n                        button\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n    }\r\n\r\n\r\n    function renderContent(data){\r\n\r\n        content.innerHTML = \"\";\r\n\r\n\r\n        const list =\r\n            document.createElement(\r\n                \"ul\"\r\n            );\r\n\r\n        list.className =\r\n            \"lfr-hookah-list\";\r\n\r\n\r\n        if(data.type === \"list\"){\r\n\r\n            data.items.forEach(\r\n                function(item){\r\n\r\n                    const li =\r\n                        document.createElement(\r\n                            \"li\"\r\n                        );\r\n\r\n                    li.className =\r\n                        \"lfr-hookah-list__item\";\r\n\r\n                    li.textContent =\r\n                        item;\r\n\r\n                    list.appendChild(\r\n                        li\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if(data.type === \"mixes\"){\r\n\r\n            data.items.forEach(\r\n                function(item){\r\n\r\n                    const li =\r\n                        document.createElement(\r\n                            \"li\"\r\n                        );\r\n\r\n                    li.className =\r\n                        \"lfr-hookah-list__item\";\r\n\r\n\r\n                    const wrap =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    wrap.className =\r\n                        \"lfr-hookah-mix\";\r\n\r\n\r\n                    const name =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    name.className =\r\n                        \"lfr-hookah-mix__name\";\r\n\r\n                    name.textContent =\r\n                        item[0];\r\n\r\n\r\n                    const details =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    details.className =\r\n                        \"lfr-hookah-mix__details\";\r\n\r\n                    details.textContent =\r\n                        item[1];\r\n\r\n\r\n                    wrap.append(\r\n                        name,\r\n                        details\r\n                    );\r\n\r\n                    li.appendChild(\r\n                        wrap\r\n                    );\r\n\r\n                    list.appendChild(\r\n                        li\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        if(data.type === \"addons\"){\r\n\r\n            data.items.forEach(\r\n                function(item){\r\n\r\n                    const li =\r\n                        document.createElement(\r\n                            \"li\"\r\n                        );\r\n\r\n                    li.className =\r\n                        \"lfr-hookah-list__item\";\r\n\r\n\r\n                    const wrap =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    wrap.className =\r\n                        \"lfr-hookah-addon\";\r\n\r\n\r\n                    const name =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    name.textContent =\r\n                        item[0];\r\n\r\n\r\n                    const itemPrice =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    itemPrice.className =\r\n                        \"lfr-hookah-addon__price\";\r\n\r\n                    itemPrice.textContent =\r\n                        item[1];\r\n\r\n\r\n                    wrap.append(\r\n                        name,\r\n                        itemPrice\r\n                    );\r\n\r\n                    li.appendChild(\r\n                        wrap\r\n                    );\r\n\r\n                    list.appendChild(\r\n                        li\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n\r\n\r\n        content.appendChild(\r\n            list\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function showCategory(key){\r\n\r\n        const data =\r\n            DATA[key];\r\n\r\n        if(!data){\r\n            return;\r\n        }\r\n\r\n\r\n        title.textContent =\r\n            data.title;\r\n\r\n        description.textContent =\r\n            data.description;\r\n\r\n        cardTitle.textContent =\r\n            data.cardTitle;\r\n\r\n        price.textContent =\r\n            data.price;\r\n\r\n        price.style.display =\r\n            data.price\r\n            ? \"block\"\r\n            : \"none\";\r\n\r\n\r\n        renderContent(\r\n            data\r\n        );\r\n\r\n    }\r\n\r\n\r\n    tabs.addEventListener(\r\n        \"click\",\r\n        function(event){\r\n\r\n            const button =\r\n                event.target.closest(\r\n                    \".lfr-hookah-tab\"\r\n                );\r\n\r\n            if(!button){\r\n                return;\r\n            }\r\n\r\n\r\n            tabs\r\n                .querySelectorAll(\r\n                    \".lfr-hookah-tab\"\r\n                )\r\n                .forEach(\r\n                    function(tab){\r\n\r\n                        tab.classList.remove(\r\n                            \"is-active\"\r\n                        );\r\n\r\n                        tab.setAttribute(\r\n                            \"aria-selected\",\r\n                            \"false\"\r\n                        );\r\n\r\n                    }\r\n                );\r\n\r\n\r\n            button.classList.add(\r\n                \"is-active\"\r\n            );\r\n\r\n            button.setAttribute(\r\n                \"aria-selected\",\r\n                \"true\"\r\n            );\r\n\r\n\r\n            showCategory(\r\n                button.dataset.category\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    createTabs();\r\n    showCategory(\"classic\");\r\n\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>MEN\u00da LOUNGE Hookah \u2767 EXPERIENCIA HOOKAH Elige la sesi\u00f3n ideal para tu momento. HOOKAH CL\u00c1SICA 800 MXN<\/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-597","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/597","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=%2Fwp%2Fv2%2Fcomments&post=597"}],"version-history":[{"count":10,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/597\/revisions"}],"predecessor-version":[{"id":700,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/597\/revisions\/700"}],"wp:attachment":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=597"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}