{"id":554,"date":"2026-08-19T18:12:07","date_gmt":"2026-08-19T18:12:07","guid":{"rendered":"https:\/\/frenchriviera-lounge.com\/?page_id=554"},"modified":"2026-10-12T18:41:04","modified_gmt":"2026-10-12T18:41:04","slug":"cocteleria","status":"publish","type":"page","link":"https:\/\/frenchriviera-lounge.com\/cocteleria\/","title":{"rendered":"Cocteleria"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"554\" class=\"elementor elementor-554\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4805ff4 e-con-full e-flex e-con e-parent\" data-id=\"4805ff4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9a241fa elementor-widget elementor-widget-html\" data-id=\"9a241fa\" 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 COCTELER\u00cdA\r\n     Elementor HTML Widget\r\n     HTML + CSS + JavaScript\r\n     ========================================================= -->\r\n\r\n<style>\r\n#lfr-cocktails{\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 17% 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-cocktails,\r\n#lfr-cocktails *{\r\n    box-sizing:border-box;\r\n}\r\n\r\n#lfr-cocktails button{\r\n    font:inherit;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n========================================================= *\/\r\n\r\n.lfr-cocktail-layout{\r\n    width:100%;\r\n    min-height:860px;\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\r\n========================================================= *\/\r\n\r\n.lfr-cocktail-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-cocktail-hero{\r\n    text-align:center;\r\n}\r\n\r\n.lfr-cocktail-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-cocktail-title{\r\n    margin:0;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:clamp(74px,7vw,112px);\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-cocktail-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-cocktail-ornament::before,\r\n.lfr-cocktail-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-cocktail-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-cocktail-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-cocktail-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 24px;\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:Inter,sans-serif;\r\n    font-size:10px;\r\n    font-weight:600;\r\n    letter-spacing:.08em;\r\n    text-transform:uppercase;\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-cocktail-tab:hover{\r\n    transform:translateY(-1px);\r\n    border-color:var(--navy);\r\n}\r\n\r\n.lfr-cocktail-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-cocktail-intro{\r\n    margin:34px auto 24px;\r\n    text-align:center;\r\n}\r\n\r\n.lfr-cocktail-intro__icon{\r\n    width:46px;\r\n    height:46px;\r\n\r\n    display:block;\r\n\r\n    margin:0 auto 9px;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-cocktail-intro__title{\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:.25em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-cocktail-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:rgba(29,58,76,.78);\r\n}\r\n\r\n.lfr-cocktail-intro__divider{\r\n    width:142px;\r\n    height:18px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    gap:9px;\r\n\r\n    margin:10px auto 0;\r\n}\r\n\r\n.lfr-cocktail-intro__divider::before,\r\n.lfr-cocktail-intro__divider::after{\r\n    content:\"\";\r\n    height:1px;\r\n    flex:1;\r\n    background:var(--gold);\r\n}\r\n\r\n.lfr-cocktail-intro__divider span{\r\n    font-size:9px;\r\n    color:var(--gold);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLE\r\n========================================================= *\/\r\n\r\n.lfr-cocktail-menu{\r\n    width:100%;\r\n\r\n    padding:0 22px 7px;\r\n\r\n    border-top:1px solid rgba(193,163,109,.55);\r\n}\r\n\r\n.lfr-cocktail-head,\r\n.lfr-cocktail-row{\r\n    display:grid;\r\n\r\n    grid-template-columns:minmax(0,1fr) 150px;\r\n\r\n    align-items:center;\r\n\r\n    gap:20px;\r\n}\r\n\r\n.lfr-cocktail-head{\r\n    min-height:54px;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:10px;\r\n    font-weight:650;\r\n    letter-spacing:.23em;\r\n    text-transform:uppercase;\r\n\r\n    color:var(--gold);\r\n\r\n    border-bottom:1px solid rgba(193,163,109,.48);\r\n}\r\n\r\n.lfr-cocktail-head div:nth-child(2){\r\n    text-align:right;\r\n}\r\n\r\n\/* Ocultar encabezado de precio sin tocar los productos *\/\r\n.lfr-cocktail-head div:last-child{\r\n    display:none !important;\r\n}\r\n\r\n.lfr-cocktail-row{\r\n    min-height:58px;\r\n\r\n    border-bottom:1px solid rgba(193,163,109,.20);\r\n}\r\n\r\n.lfr-cocktail-row:last-child{\r\n    border-bottom:0;\r\n}\r\n\r\n.lfr-cocktail-name{\r\n    position:relative;\r\n\r\n    padding-left:28px;\r\n\r\n    font-family:\"Cormorant Garamond\",serif;\r\n    font-size:24px;\r\n    font-weight:500;\r\n    line-height:1.1;\r\n\r\n    color:var(--navy-deep);\r\n}\r\n\r\n.lfr-cocktail-name::before{\r\n    content:\"\u2726\";\r\n\r\n    position:absolute;\r\n    left:2px;\r\n    top:50%;\r\n\r\n    transform:translateY(-50%);\r\n\r\n    font-size:8px;\r\n    color:var(--gold);\r\n}\r\n\r\n.lfr-cocktail-size{\r\n    text-align:right;\r\n\r\n    font-family:Inter,sans-serif;\r\n    font-size:11px;\r\n    font-weight:500;\r\n    letter-spacing:.04em;\r\n\r\n    color:rgba(29,58,76,.74);\r\n}\r\n\r\n.lfr-cocktail-price{\r\n    display:none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT IMAGE\r\n========================================================= *\/\r\n\r\n.lfr-cocktail-media{\r\n    position:relative;\r\n\r\n    min-height:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#3c2c20;\r\n}\r\n\r\n.lfr-cocktail-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-cocktail-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,.09) 0%,\r\n            transparent 24%,\r\n            rgba(4,29,48,.05) 100%\r\n        );\r\n\r\n    pointer-events:none;\r\n}\r\n\r\n\r\n\/* Curva crema\/dorada como referencia *\/\r\n\r\n.lfr-cocktail-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-cocktail-layout{\r\n        grid-template-columns:minmax(0,64%) minmax(300px,36%);\r\n    }\r\n\r\n    .lfr-cocktail-main{\r\n        padding:50px 28px 58px;\r\n    }\r\n\r\n    .lfr-cocktail-title{\r\n        font-size:76px;\r\n    }\r\n\r\n    .lfr-cocktail-tab{\r\n        padding:9px 17px;\r\n        font-size:9.5px;\r\n    }\r\n\r\n    .lfr-cocktail-head,\r\n    .lfr-cocktail-row{\r\n        grid-template-columns:minmax(0,1fr) 105px;\r\n        gap:12px;\r\n    }\r\n\r\n    .lfr-cocktail-name{\r\n        font-size:21px;\r\n    }\r\n\r\n    .lfr-cocktail-media::after{\r\n        left:-100px;\r\n        width:155px;\r\n    }\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-cocktail-layout{\r\n        display:flex;\r\n        flex-direction:column;\r\n        min-height:0;\r\n    }\r\n\r\n    .lfr-cocktail-media{\r\n        order:1;\r\n\r\n        height:300px;\r\n        min-height:300px;\r\n    }\r\n\r\n    .lfr-cocktail-media::after{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-cocktail-main{\r\n        order:2;\r\n\r\n        padding:38px 16px 46px;\r\n    }\r\n\r\n    .lfr-cocktail-title{\r\n        font-size:58px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .lfr-cocktail-eyebrow{\r\n        font-size:9px;\r\n        letter-spacing:.28em;\r\n    }\r\n\r\n    .lfr-cocktail-ornament{\r\n        width:72%;\r\n    }\r\n\r\n    .lfr-cocktail-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-cocktail-tabs::-webkit-scrollbar{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-cocktail-tab{\r\n        min-width:max-content;\r\n        font-size:9px;\r\n        padding:9px 15px;\r\n    }\r\n\r\n    .lfr-cocktail-intro{\r\n        margin-top:27px;\r\n    }\r\n\r\n    .lfr-cocktail-intro__title{\r\n        font-size:10px;\r\n    }\r\n\r\n    .lfr-cocktail-intro__text{\r\n        font-size:19px;\r\n    }\r\n\r\n    .lfr-cocktail-menu{\r\n        padding:0 14px 4px;\r\n    }\r\n\r\n    .lfr-cocktail-head{\r\n        display:none;\r\n    }\r\n\r\n    .lfr-cocktail-row{\r\n        grid-template-columns:1fr auto;\r\n\r\n        grid-template-areas:\r\n            \"name size\";\r\n\r\n        gap:7px 14px;\r\n\r\n        padding:15px 0;\r\n\r\n        min-height:0;\r\n    }\r\n\r\n    .lfr-cocktail-name{\r\n        grid-area:name;\r\n\r\n        padding-left:20px;\r\n\r\n        font-size:21px;\r\n    }\r\n\r\n    .lfr-cocktail-size{\r\n        grid-area:size;\r\n\r\n        padding-left:0;\r\n\r\n        text-align:right;\r\n\r\n        font-size:10px;\r\n    }\r\n\r\n    .lfr-cocktail-price{\r\n        display:none !important;\r\n    }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section id=\"lfr-cocktails\">\r\n\r\n    <div class=\"lfr-cocktail-layout\">\r\n\r\n        <!-- LEFT CONTENT -->\r\n\r\n        <div class=\"lfr-cocktail-main\">\r\n\r\n            <div class=\"lfr-cocktail-hero\">\r\n\r\n                <div class=\"lfr-cocktail-eyebrow\">\r\n                    MEN\u00da DE BEBIDAS\r\n                <\/div>\r\n\r\n                <h2 class=\"lfr-cocktail-title\">\r\n                    Cocteler\u00eda\r\n                <\/h2>\r\n\r\n                <div class=\"lfr-cocktail-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-cocktail-tabs\"\r\n                id=\"lfrCocktailTabs\"\r\n                role=\"tablist\"\r\n                aria-label=\"Categor\u00edas de cocteler\u00eda\"\r\n            ><\/div>\r\n\r\n\r\n            <!-- INTRO -->\r\n\r\n            <div class=\"lfr-cocktail-intro\">\r\n\r\n                <svg\r\n                    class=\"lfr-cocktail-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=\"M15 13H49L36 33V52\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                    <path d=\"M28 52H44\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                    <path d=\"M21 18H43\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                    <path d=\"M40 12L49 5\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                    <circle cx=\"44\" cy=\"15\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/>\r\n                <\/svg>\r\n\r\n                <h3\r\n                    class=\"lfr-cocktail-intro__title\"\r\n                    id=\"lfrCocktailTitle\"\r\n                >\r\n                    SIGNATURE COCKTAILS\r\n                <\/h3>\r\n\r\n                <p\r\n                    class=\"lfr-cocktail-intro__text\"\r\n                    id=\"lfrCocktailDescription\"\r\n                >\r\n                    Selecci\u00f3n de cocteles de autor de la casa.\r\n                <\/p>\r\n\r\n                <div class=\"lfr-cocktail-intro__divider\">\r\n                    <span>\u25c6<\/span>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- MENU TABLE -->\r\n\r\n            <div class=\"lfr-cocktail-menu\">\r\n\r\n                <div class=\"lfr-cocktail-head\">\r\n\r\n                    <div>Coctel<\/div>\r\n\r\n                    <div>\r\n                        Presentaci\u00f3n\r\n                    <\/div>\r\n\r\n                    <div>\r\n                        Precio\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n                <div id=\"lfrCocktailList\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RIGHT IMAGE -->\r\n\r\n        <aside class=\"lfr-cocktail-media\" aria-label=\"Cocteler\u00eda La French Riviera\">\r\n    <div class=\"lfr-reel-stage\" style=\"--lfr-reel-bg: url('\/wp-content\/uploads\/2026\/10\/cocteleria-de-autor-la-french-riviera-cancun-poster.webp')\">\r\n        <div class=\"lfr-reel\" data-lfr-reel>\r\n            <video class=\"lfr-reel__video\" muted loop playsinline preload=\"none\"\r\n                poster=\"\/wp-content\/uploads\/2026\/10\/cocteleria-de-autor-la-french-riviera-cancun-poster.webp\"\r\n                aria-label=\"Video de cocteler\u00eda de autor en La French Riviera, Canc\u00fan\">\r\n                <source src=\"\/wp-content\/uploads\/2026\/10\/cocteleria-de-autor-la-french-riviera-cancun.mp4\" type=\"video\/mp4\">\r\n            <\/video>\r\n        <\/div>\r\n    <\/div>\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        signature:{\r\n\r\n            label:\"Signature Cocktails\",\r\n\r\n            title:\"SIGNATURE COCKTAILS\",\r\n\r\n            description:\r\n                \"Selecci\u00f3n de cocteles de autor de la casa.\",\r\n\r\n            items:[\r\n\r\n                [\"La French Riviera\",\"255 ML\",\"$230.00\"],\r\n                [\"Paris Elegante\",\"140 ML\",\"$210.00\"],\r\n                [\"Marrakesh\",\"314 ML\",\"$210.00\"],\r\n                [\"La Mestiza\",\"270 ML\",\"$260.00\"],\r\n                [\"Tulum Sprite\",\"240 ML\",\"$240.00\"],\r\n                [\"Casa Blanca\",\"240 ML\",\"$210.00\"]\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        classics:{\r\n\r\n            label:\"Classic Cocktails\",\r\n\r\n            title:\"COCTELES CL\u00c1SICOS\",\r\n\r\n            description:\r\n                \"Cl\u00e1sicos imprescindibles preparados al momento.\",\r\n\r\n            items:[\r\n\r\n                [\"Carajillo\",\"60 ML\",\"$210.00\"],\r\n                [\"Mezcalitas\",\"60 ML\",\"$190.00\"],\r\n                [\"Gin Tonic\",\"60 ML\",\"$210.00\"],\r\n                [\"Mojito\",\"60 ML\",\"$180.00\"],\r\n                [\"Martini Dry\",\"60 ML\",\"$210.00\"],\r\n                [\"Caipiri\u00f1a\",\"60 ML\",\"$250.00\"],\r\n                [\"Negroni\",\"60 ML\",\"$230.00\"],\r\n                [\"Margarita\",\"60 ML\",\"$190.00\"],\r\n                [\"Pi\u00f1a Colada\",\"60 ML\",\"$170.00\"],\r\n                [\"Sangria\",\"60 ML\",\"$190.00\"],\r\n                [\"Clericot\",\"60 ML\",\"$210.00\"],\r\n                [\"Aperol Spritz\",\"60 ML\",\"$190.00\"],\r\n                [\"Sex on the Beach\",\"60 ML\",\"$190.00\"],\r\n                [\"Old Fashioned\",\"60 ML\",\"$210.00\"]\r\n\r\n            ]\r\n\r\n        },\r\n\r\n\r\n        nonAlcoholic:{\r\n\r\n            label:\"Mixolog\u00eda sin alcohol\",\r\n\r\n            title:\"MIXOLOG\u00cdA SIN ALCOHOL\",\r\n\r\n            description:\r\n                \"Cocteles sin alcohol con el mismo car\u00e1cter de la casa.\",\r\n\r\n            items:[\r\n\r\n                [\"La French Riviera\",\"255 ML\",\"$150.00\"],\r\n                [\"Paris Elegante\",\"140 ML\",\"$150.00\"],\r\n                [\"Marrakesh\",\"314 ML\",\"$150.00\"],\r\n                [\"La Mestiza\",\"270 ML\",\"$150.00\"],\r\n                [\"Tulum Sprite\",\"240 ML\",\"$150.00\"],\r\n                [\"Casa Blanca\",\"240 ML\",\"$150.00\"]\r\n\r\n            ]\r\n\r\n        }\r\n\r\n    };\r\n\r\n\r\n    const tabs =\r\n        document.getElementById(\r\n            \"lfrCocktailTabs\"\r\n        );\r\n\r\n    const list =\r\n        document.getElementById(\r\n            \"lfrCocktailList\"\r\n        );\r\n\r\n    const title =\r\n        document.getElementById(\r\n            \"lfrCocktailTitle\"\r\n        );\r\n\r\n    const description =\r\n        document.getElementById(\r\n            \"lfrCocktailDescription\"\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-cocktail-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 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        list.innerHTML =\r\n            \"\";\r\n\r\n\r\n        data.items\r\n            .forEach(\r\n                function(item){\r\n\r\n                    const row =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    row.className =\r\n                        \"lfr-cocktail-row\";\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-cocktail-name\";\r\n\r\n                    name.textContent =\r\n                        item[0];\r\n\r\n\r\n                    const size =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    size.className =\r\n                        \"lfr-cocktail-size\";\r\n\r\n                    size.textContent =\r\n                        item[1];\r\n\r\n\r\n                    const price =\r\n                        document.createElement(\r\n                            \"div\"\r\n                        );\r\n\r\n                    price.className =\r\n                        \"lfr-cocktail-price\";\r\n\r\n                    price.textContent =\r\n                        item[2];\r\n\r\n\r\n                    row.append(\r\n                        name,\r\n                        size,\r\n                        price\r\n                    );\r\n\r\n                    list.appendChild(\r\n                        row\r\n                    );\r\n\r\n                }\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-cocktail-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-cocktail-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(\"signature\");\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 DE BEBIDAS Cocteler\u00eda \u2767 SIGNATURE COCKTAILS Selecci\u00f3n de cocteles de autor de la casa. \u25c6 Coctel Presentaci\u00f3n Precio<\/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-554","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cocteler\u00eda en Canc\u00fan | La French Riviera<\/title>\n<meta name=\"description\" content=\"Descubre la cocteler\u00eda de La French Riviera en Canc\u00fan: c\u00f3cteles de autor, cl\u00e1sicos y opciones sin alcohol en una atm\u00f3sfera lounge.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/frenchriviera-lounge.com\/cocteleria\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cocteler\u00eda en Canc\u00fan | La French Riviera\" \/>\n<meta property=\"og:description\" content=\"Descubre la cocteler\u00eda de La French Riviera en Canc\u00fan: c\u00f3cteles de autor, cl\u00e1sicos y opciones sin alcohol en una atm\u00f3sfera lounge.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/frenchriviera-lounge.com\/cocteleria\/\" \/>\n<meta property=\"og:site_name\" content=\"La French Riviera\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/people\/La-French-Riviera\/61588412033207\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-12T18:41:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/frenchriviera-lounge.com\/wp-content\/uploads\/2026\/08\/BANNER-LA-FRENCH-PARA-WEB-5.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/cocteleria\\\/\",\"url\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/cocteleria\\\/\",\"name\":\"Cocteler\u00eda en Canc\u00fan | La French Riviera\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/#website\"},\"datePublished\":\"2026-08-19T18:12:07+00:00\",\"dateModified\":\"2026-10-12T18:41:04+00:00\",\"description\":\"Descubre la cocteler\u00eda de La French Riviera en Canc\u00fan: c\u00f3cteles de autor, cl\u00e1sicos y opciones sin alcohol en una atm\u00f3sfera lounge.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/cocteleria\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/frenchriviera-lounge.com\\\/cocteleria\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/cocteleria\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cocteleria\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/#website\",\"url\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/\",\"name\":\"La French Riviera\",\"description\":\"Restaurante Mediterr\u00e1neo \u00b7 Hookah Lounge \u00b7 C\u00f3cteles en Canc\u00fan\",\"publisher\":{\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/#organization\",\"name\":\"La French Riviera\",\"url\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-la-french.png\",\"contentUrl\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/wp-content\\\/uploads\\\/2026\\\/08\\\/Logo-la-french.png\",\"width\":2172,\"height\":724,\"caption\":\"La French Riviera\"},\"image\":{\"@id\":\"https:\\\/\\\/frenchriviera-lounge.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/people\\\/La-French-Riviera\\\/61588412033207\\\/\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cocteler\u00eda en Canc\u00fan | La French Riviera","description":"Descubre la cocteler\u00eda de La French Riviera en Canc\u00fan: c\u00f3cteles de autor, cl\u00e1sicos y opciones sin alcohol en una atm\u00f3sfera lounge.","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:\/\/frenchriviera-lounge.com\/cocteleria\/","og_locale":"en_US","og_type":"article","og_title":"Cocteler\u00eda en Canc\u00fan | La French Riviera","og_description":"Descubre la cocteler\u00eda de La French Riviera en Canc\u00fan: c\u00f3cteles de autor, cl\u00e1sicos y opciones sin alcohol en una atm\u00f3sfera lounge.","og_url":"https:\/\/frenchriviera-lounge.com\/cocteleria\/","og_site_name":"La French Riviera","article_publisher":"https:\/\/www.facebook.com\/people\/La-French-Riviera\/61588412033207\/","article_modified_time":"2026-10-12T18:41:04+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/frenchriviera-lounge.com\/wp-content\/uploads\/2026\/08\/BANNER-LA-FRENCH-PARA-WEB-5.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/frenchriviera-lounge.com\/cocteleria\/","url":"https:\/\/frenchriviera-lounge.com\/cocteleria\/","name":"Cocteler\u00eda en Canc\u00fan | La French Riviera","isPartOf":{"@id":"https:\/\/frenchriviera-lounge.com\/#website"},"datePublished":"2026-08-19T18:12:07+00:00","dateModified":"2026-10-12T18:41:04+00:00","description":"Descubre la cocteler\u00eda de La French Riviera en Canc\u00fan: c\u00f3cteles de autor, cl\u00e1sicos y opciones sin alcohol en una atm\u00f3sfera lounge.","breadcrumb":{"@id":"https:\/\/frenchriviera-lounge.com\/cocteleria\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/frenchriviera-lounge.com\/cocteleria\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/frenchriviera-lounge.com\/cocteleria\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/frenchriviera-lounge.com\/"},{"@type":"ListItem","position":2,"name":"Cocteleria"}]},{"@type":"WebSite","@id":"https:\/\/frenchriviera-lounge.com\/#website","url":"https:\/\/frenchriviera-lounge.com\/","name":"La French Riviera","description":"Restaurante Mediterr\u00e1neo \u00b7 Hookah Lounge \u00b7 C\u00f3cteles en Canc\u00fan","publisher":{"@id":"https:\/\/frenchriviera-lounge.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/frenchriviera-lounge.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/frenchriviera-lounge.com\/#organization","name":"La French Riviera","url":"https:\/\/frenchriviera-lounge.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/frenchriviera-lounge.com\/#\/schema\/logo\/image\/","url":"https:\/\/frenchriviera-lounge.com\/wp-content\/uploads\/2026\/08\/Logo-la-french.png","contentUrl":"https:\/\/frenchriviera-lounge.com\/wp-content\/uploads\/2026\/08\/Logo-la-french.png","width":2172,"height":724,"caption":"La French Riviera"},"image":{"@id":"https:\/\/frenchriviera-lounge.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/people\/La-French-Riviera\/61588412033207\/"]}]}},"_links":{"self":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/554","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=554"}],"version-history":[{"count":14,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/554\/revisions"}],"predecessor-version":[{"id":854,"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=\/wp\/v2\/pages\/554\/revisions\/854"}],"wp:attachment":[{"href":"https:\/\/frenchriviera-lounge.com\/?rest_route=%2Fwp%2Fv2%2Fmedia&parent=554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}