{"id":2506,"date":"2026-04-30T15:39:54","date_gmt":"2026-04-30T13:39:54","guid":{"rendered":"https:\/\/www.seaseaclub.com\/inicio-cambios\/"},"modified":"2026-08-26T12:52:16","modified_gmt":"2026-08-26T10:52:16","slug":"inicio-cambios","status":"publish","type":"page","link":"https:\/\/www.seaseaclub.com\/es\/","title":{"rendered":"Inicio"},"content":{"rendered":"<p>[et_pb_section fb_built=\u00bb1&#8243; disabled_on=\u00bbon|on|on\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb-170px||0px||false|false\u00bb custom_padding=\u00bb0px||0px|||\u00bb disabled=\u00bbon\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb custom_margin=\u00bb0px||0px||false|false\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb||||false|false\u00bb custom_padding=\u00bb||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n    <div class=\"ssc-hero-container\">\n        <video autoplay muted loop playsinline class=\"ssc-hero-video\">\n            <source src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/05\/seasea_home_V2.webm\" type=\"video\/mp4\">\n        <\/video>\n\n        <div class=\"ssc-hero-overlay\"><\/div>\n\n        <div class=\"ssc-hero-content\">\n            <h1 class=\"ssc-hero-title\"><img decoding=\"async\" src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg\" alt=\"SEASEACLUB_logo\"><\/h1>\n            <p class=\"ssc-hero-subtitle\">A unique venue in Barcelona<\/p>\n\t\t\t<a class=\"xceed-reserva-btn animacion_enlace_flechas btn-dark\" href=\"\/reservar\/#\/es\/events\"><span>BUY TICKETS<\/span><\/a>\n            <!--<a href=\"#\" class=\"ssc-hero-btn\">\n                BUY TICKETS <span>\u2197<\/span>\n            <\/a>-->\n        <\/div>\n    <\/div>\n\n    <style>     \n        \/* Contenedor Principal Full Screen *\/\n        .ssc-hero-container {\n            position: relative;\n            width: 100vw;\n            height: 100vh;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        \/* V\u00eddeo Adaptable de Fondo *\/\n        .ssc-hero-video {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            z-index: 1;\n        }\n\n        \/* Overlay sutil oscuro\/verdoso *\/\n        .ssc-hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.25);\n            z-index: 2;\n        }\n\n        \/* Caja de Contenido *\/\n        .ssc-hero-content {\n            position: relative;\n            z-index: 3;\n            text-align: center;\n            width: 100%;\n            max-width: 1200px; \/* MODIFICADO: Ampliado para permitir que el logo crezca libremente *\/\n            padding: 20px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n    \n        \/* Entorno CSS de la imagen *\/\n        .ssc-hero-content h1 img {\n            display: block;\n            width: 600px;\n            max-width: 600px; \/* MODIFICADO: Ajusta este valor si lo quieres todav\u00eda m\u00e1s grande o peque\u00f1o *\/\n            height: auto;\n            filter: brightness(0) invert(1) !important;\n        }\n\n        \/* T\u00edtulo Principal *\/\n        .ssc-hero-title {\n            color: #ffffff !important;\n            font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif !important;\n            font-size: 76px !important;\n            font-weight: 400 !important;\n            text-transform: uppercase;\n            margin: 0 0 10px 0 !important;\n            letter-spacing: 4px;\n            line-height: 1.1;\n        }\n\n        \/* Subt\u00edtulo con tu fuente exacta *\/\n        .ssc-hero-subtitle {\n            color: #ffffff !important;\n            font-family: \"Avenir Book\", Helvetica, Arial, Lucida, sans-serif !important;\n            font-size: 32px !important;\n            font-weight: 400 !important;\n            margin: 30px 0 40px 0 !important;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Bot\u00f3n Ovalado Negro *\/\n        .ssc-hero-btn {\n            display: inline-flex;\n            align-items: center;\n            background-color: #000000 !important;\n            color: #ffffff !important;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            padding: 12px 32px;\n            border-radius: 30px;\n            font-family: \"Avenir Book\", Helvetica, Arial, Lucida, sans-serif !important;\n            font-size: 13px !important;\n            font-weight: 600 !important;\n            text-decoration: none !important;\n            letter-spacing: 1px;\n            transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n        }\n\n        .ssc-hero-btn span {\n            margin-left: 8px;\n            font-size: 14px;\n            display: inline-block;\n            transition: transform 0.3s ease;\n        }\n\n        \/* Efecto Hover del Bot\u00f3n *\/\n        .ssc-hero-btn:hover {\n            background-color: #111111 !important;\n            border-color: rgba(255, 255, 255, 0.6);\n        }\n\n        .ssc-hero-btn:hover span {\n            transform: translate(2px, -2px);\n        }\n\n        \/* Ajustes de pantalla para m\u00f3viles y tablets *\/\n        @media (max-width: 768px) {\n            .ssc-hero-content h1 img {\n                max-width: 280px; \n            }\n            .ssc-hero-title {\n                font-size: 48px !important;\n                letter-spacing: 2px;\n            }\n            .ssc-hero-subtitle {\n                font-size: 18px !important;\n                margin-bottom: 25px !important;\n            }\n            .ssc-hero-btn {\n                padding: 10px 26px;\n                font-size: 12px !important;\n            }\n        }\n    <\/style>\n    \n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; admin_label=\u00bbSecci\u00f3n Inicio\u00bb module_id=\u00bbtexto-introductorio\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bbrgba(10,10,10,0.75)\u00bb background_enable_image=\u00bboff\u00bb parallax=\u00bbon\u00bb background_blend=\u00bbsoft-light\u00bb background_video_mp4=\u00bbhttps:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/05\/seasea_home_V2.webm\u00bb width=\u00bb100%\u00bb min_height=\u00bb100vh\u00bb custom_css_main_element=\u00bb||\u00bb custom_css_free_form=\u00bb#texto-introductorio {||  position: relative;||  overflow: hidden;||}||||#texto-introductorio::before {||  content: %22%22;||  position: absolute;||  inset: 0;||  background: rgba(0, 0, 0, 0.45);||  z-index: 1;||  pointer-events: none;||}||||#texto-introductorio .et_pb_row,||#texto-introductorio .et_pb_module {||  position: relative;||  z-index: 2;||}\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb100%\u00bb max_width=\u00bb100%\u00bb height=\u00bb92vh\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; module_id=\u00bbcol-inicio-flex\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_css_main_element=\u00bbdisplay: flex;||flex-direction: column;||flex-wrap: nowrap;||align-content: flex-start;||justify-content: center;||align-items: flex-start;||height: 100%;\u00bb custom_css_free_form=\u00bb#col-inicio-flex {||  width: 100%;||  heigth; 100%;||  display: flex;||}\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_image src=\u00bbhttps:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/01\/seaseaclub_logo_white-02.svg\u00bb title_text=\u00bbseaseaclub_logo_white-02&#8243; admin_label=\u00bbImage\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb50%\u00bb max_width=\u00bb600px\u00bb module_alignment=\u00bbcenter\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb text_font_size=\u00bb20px\u00bb text_line_height=\u00bb1.5em\u00bb text_orientation=\u00bbcenter\u00bb background_layout=\u00bbdark\u00bb width=\u00bb55%\u00bb module_alignment=\u00bbcenter\u00bb custom_padding=\u00bb||20px||false|false\u00bb text_font_size_tablet=\u00bb18px\u00bb text_font_size_phone=\u00bb18px\u00bb text_font_size_last_edited=\u00bboff|desktop\u00bb text_line_height_tablet=\u00bb22px\u00bb text_line_height_phone=\u00bb22px\u00bb text_line_height_last_edited=\u00bboff|desktop\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<p>Un espacio \u00fanico en Barcelona<\/p>\n<p>[\/et_pb_text][et_pb_text module_class=\u00bbsin-borde\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb text_orientation=\u00bbcenter\u00bb width=\u00bb100%\u00bb module_alignment=\u00bbcenter\u00bb custom_css_free_form=\u00bb.sin-borde a {||  border: 0px;||}\u00bb global_colors_info=\u00bb{}\u00bb]<a class=\"animacion_enlace_flechas btn-dark\" href=\"https:\/\/www.seaseaclub.com\/es\/book\/#\/es\/events\"><span>COMPRAR ENTRADAS<\/span><\/a>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; fullwidth=\u00bbon\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb0px||||false|false\u00bb custom_padding=\u00bb0px||||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_fullwidth_code _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb-2px|||||\u00bb custom_padding=\u00bb0px|||||\u00bb global_colors_info=\u00bb{}\u00bb]\n    <style>\n        \/* Contenedor Grid full-width *\/\n        .ssc-grid-container {\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            width: 100vw;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0px !important;\n            padding: 0 !important;\n            margin-top: 0;\n            margin-bottom: 0;\n            background-color: #000000;\n\t\t}\n        \n\n        \/* Cada celda del bloque *\/ \n        .ssc-grid-item {\n            position: relative;\n            width: 100%;\n            height: 52vh; \n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between; \n            align-items: flex-start; \n            padding: 55px 50px; \n            box-sizing: border-box;\n            text-decoration: none !important;\n        }\n\n        \/* Im\u00e1genes de fondo *\/\n        .ssc-grid-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            z-index: 1;\n            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        \/* Capa oscura (Overlay) *\/\n        .ssc-grid-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to top,\n\t\t\t\trgba(0, 0, 0, 0.8) 0%,\n\t\t\t\trgba(0, 0, 0, 0.1) 50%,\n\t\t\t\trgba(0, 0, 0, 0.45) 100%\n\t\t\t);\n            z-index: 2;\n            transition: background 0.4s ease;\n        }\n\n        \/* Efectos HOVER *\/\n        .ssc-grid-item:hover .ssc-grid-bg {\n            transform: scale(1.025);\n        }\n\n        .ssc-grid-item:hover .ssc-grid-overlay {\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.3) 100%);\n        }\n\n        \/* Contenedores de contenido *\/\n        .ssc-grid-top-content {\n            position: relative;\n            z-index: 3;\n            width: 100%;\n            max-width: 95%;\n            text-align: left;\n        }\n\n        .ssc-grid-bottom-content {\n            position: relative;\n            z-index: 3;\n            width: 100%;\n            max-width: 80%;\n            text-align: left;\n        }\n\n        \/* T\u00edtulo en texto est\u00e1ndar (GOOD MORNINGS) *\/\n        .ssc-grid-top-content h2 {\n            color: #ffffff !important;\n            font-size: 4.8vw !important;\n            min-font-size: 46px;\n            font-weight: 300 !important;\n            text-transform: uppercase;\n            margin: 0 !important;\n            padding: 0 !important;\n            letter-spacing: 1px;\n            line-height: 0.95;\n        }\n\n        \/* Estilo y Tama\u00f1o Maximizado para los Logos Gr\u00e1ficos *\/\n        .ssc-title-img {\n            display: block;\n            width: auto;\n            max-width: 70%;\n            height: auto;\n            max-height: 150px;\n            object-fit: contain;\n            object-position: left top;\n            margin: 0 !important;\n            padding: 0 !important;\n            filter: brightness(0) invert(1) !important;\n        }\n\n        \/* P\u00e1rrafos descriptivos inferiores *\/\n        .ssc-grid-bottom-content p {\n            color: #ffffff !important;\n            font-size: 20px !important;\n            font-weight: 400 !important;\n            margin: 0 0 10px 0 !important;\n            line-height: 1.5em;\n        }\n\n        \/* Estilo de los horarios *\/\n        .ssc-time {\n            color: #ffffff;\n            font-size: 20px;\n            font-weight: 400;\n            margin-bottom: 20px;\n            display: block;\n            line-height: 1.5em;\n        }\n\n        \/* Bot\u00f3n *\/\n        .ssc-btn {\n            display: inline-flex;\n            align-items: center;\n            background-color: #000000;\n            color: #ffffff !important;\n            border: 1px solid rgba(255, 255, 255, 0.35);\n            padding: 10px 24px;\n            border-radius: 30px;\n            font-size: 12px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            margin-top: 5px;\n        }\n\n        .ssc-btn span {\n            margin-left: 8px;\n            font-size: 14px;\n            transition: transform 0.3s ease;\n        }\n\n        .ssc-grid-item:hover .ssc-btn {\n            border-color: #ffffff;\n            background-color: #ffffff;\n            color: #000000 !important;\n        }\n\n        .ssc-grid-item:hover .ssc-btn span {\n            transform: translate(2px, -2px);\n        }\n\t\n\t\t\/* Enlace que ocupa toda la secci\u00f3n *\/\n\t\t.ssc-grid-link {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tz-index: 3;\n\t\t\tdisplay: block;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t\/* El contenido se muestra por encima del enlace *\/\n\t\t.ssc-grid-top-content,\n\t\t.ssc-grid-bottom-content {\n\t\t\tz-index: 4;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t\/* El bot\u00f3n sigue siendo clicable de forma independiente *\/\n\t\t.ssc-grid-bottom-content a {\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t\tpointer-events: auto;\n\t\t}\n\n        \/* RESPONSIVE *\/\n        @media (min-width: 1600px) {\n            .ssc-grid-top-content h2 {\n                font-size: 76px !important;\n            }\n        }\n\n        @media (max-width: 991px) {\n            .ssc-grid-container {\n                grid-template-columns: 1fr;\n            }\n            .ssc-grid-item {\n                height: 48vh;\n                padding: 35px 30px;\n            }\n            .ssc-grid-top-content h2 {\n                font-size: 38px !important;\n            }\n            .ssc-title-img {\n                max-height: 85px;\n            }\n            .ssc-grid-bottom-content {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n\n    <div class=\"ssc-grid-container\">\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/08\/FOTO-1-HOME-PAGE.jpg\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/good-mornings\/\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver GOOD MORNINGS\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <h2>\n                            GOOD MORNINGS                        <\/h2>\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Ma\u00f1anas tranquilas que se convierten en algo m\u00e1s.                    <\/p>\n\n\n                    \n                        <span class=\"ssc-time\">\n                            11.00 \u2013 16.00                        <\/span>\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"animacion_enlace_flechas btn-dark\"\n                            href=\"\/reservar\/#\/es\/events\"\n                        >\n                            <span>\n                                RESERVA TU PLAZA                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/03\/good_mornings_03-opt.webp\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/reservar\/#\/es\/events\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <img decoding=\"async\"\n                            src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg\"\n                            class=\"ssc-title-img\"\n                            alt=\"\"\n                        >\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Ma\u00f1anas tranquilas que se convierten en algo m\u00e1s.                    <\/p>\n\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"animacion_enlace_flechas btn-dark\"\n                            href=\"\/reservar\/#\/es\/events\"\n                        >\n                            <span>\n                                COMPRAR ENTRADAS                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-jun-2026-15_23_11.jpg\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/seaseaclub-electronic\/\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/seaseaclub_electronic.png\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <img decoding=\"async\"\n                            src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/seaseaclub_electronic.png\"\n                            class=\"ssc-title-img\"\n                            alt=\"\"\n                        >\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Luz, sonido y movimiento en constante di\u00e1logo.                    <\/p>\n\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"animacion_enlace_flechas btn-dark\"\n                            href=\"\/reservar\/#\/es\/events\"\n                        >\n                            <span>\n                                RESERVA TU PLAZA                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-jun-2026-14_46_33.jpg\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/mua-mua-restaurant\/\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/mua-mua-restaurant-800x413-1.webp\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <img decoding=\"async\"\n                            src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/mua-mua-restaurant-800x413-1.webp\"\n                            class=\"ssc-title-img\"\n                            alt=\"\"\n                        >\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Una mesa, una vista, un momento compartido.                    <\/p>\n\n\n                    \n                        <span class=\"ssc-time\">\n                            11.00 \u2013 16.00                        <\/span>\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"muamua-reserva-btn animacion_enlace_flechas btn-dark\"\n                            href=\"#\"\n                        >\n                            <span>\n                                RESERVA UNA MESA                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n    <\/div>\n\n    [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; disabled_on=\u00bboff|off|off\u00bb admin_label=\u00bbPOPUP RESERVA MUAMUA\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#d8d4c8&#8243; positioning=\u00bbabsolute\u00bb vertical_offset=\u00bb-200px\u00bb z_index=\u00bb999999&#8243; custom_margin=\u00bb0px||0px||false|false\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.5&#8243; _module_preset=\u00bbdefault\u00bb custom_margin=\u00bb0px||0px||false|false\u00bb custom_padding=\u00bb0px||0px||false|false\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_code disabled_on=\u00bbon|on|on\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb custom_css_free_form=\u00bb.muamua-popup {||  position: fixed;||  inset: 0;||  z-index: 99999;||  display: none;||}||||.muamua-popup.is-open {||  display: block;||}||||.muamua-popup-overlay {||  position: absolute;||  inset: 0;||  background: rgba(0,0,0,.6);||}||||.muamua-popup-content {||    position: absolute;||    top: 50%;||    left: 50%;||    width: 500px;||    max-width: calc(100vw &#8211; 32px); \/* seguridad en pantallas peque\u00f1as *\/||    height: 620px;||    max-height: calc(100vh &#8211; 64px);||    background: #fff;||    transform: translate(-50%, -50%) scale(0.96);||    opacity: 0;||    transition: transform .3s ease, opacity .3s ease;||  \toverflow: hidden;||}||||.muamua-popup.is-open .muamua-popup-content {||  transform: translate(-50%, -50%) scale(1);||  opacity: 1;||}||||.muamua-popup-content iframe {||  width: 100%;||  height: 100%;||  border: 0;||}||||.muamua-popup-close {||  position: absolute;||  top: -40px;||  right: 0;||  background: none;||  border: 0;||  font-size: 28px;||  color: #fff;||  cursor: pointer;||}||||@media (max-width: 768px) {||    .muamua-popup-content {||        width: calc(100vw &#8211; 24px);||        height: calc(80vh &#8211; 24px);||        max-height: none;||        border-radius: 12px; \/* si aplica *\/||    }||}||\u00bb disabled=\u00bbon\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n<div class=\"muamua-popup\" id=\"muamua-popup\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"muamua-popup-overlay\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"muamua-popup-content\"><!-- [et_pb_line_break_holder] -->    <button class=\"muamua-popup-close\" aria-label=\"Cerrar\">\u00d7<\/button><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    <iframe src=\"https:\/\/widget.thefork.com\/es\/473d3334-4ab9-4543-84aa-0c56141fde2f?step=date\" loading=\"lazy\" frameborder=\"0\" allowfullscreen=\"\"><!-- [et_pb_line_break_holder] -->    <\/iframe><!-- [et_pb_line_break_holder] -->  <\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->document.addEventListener('click', function(e) {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const btn = e.target.closest('.muamua-reserva-btn');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (!btn) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  e.preventDefault();<!-- [et_pb_line_break_holder] -->  e.stopPropagation();<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const popup = document.getElementById('muamua-popup');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (!popup) {<!-- [et_pb_line_break_holder] -->    console.warn('No existe #muamua-popup');<!-- [et_pb_line_break_holder] -->    return;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  popup.classList.add('is-open');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (window.lenis) {<!-- [et_pb_line_break_holder] -->    window.lenis.stop();<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->document.addEventListener('DOMContentLoaded', function () {<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const popup = document.getElementById('muamua-popup');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (!popup) return;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  const overlay = popup.querySelector('.muamua-popup-overlay');<!-- [et_pb_line_break_holder] -->  const closeBtn = popup.querySelector('.muamua-popup-close');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  function closePopup() {<!-- [et_pb_line_break_holder] -->    popup.classList.remove('is-open');<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    if (window.lenis) {<!-- [et_pb_line_break_holder] -->      window.lenis.start();<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (overlay) {<!-- [et_pb_line_break_holder] -->    overlay.addEventListener('click', closePopup);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->  if (closeBtn) {<!-- [et_pb_line_break_holder] -->    closeBtn.addEventListener('click', closePopup);<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->});<!-- [et_pb_line_break_holder] --><\/script>[\/et_pb_code][et_pb_text _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n\n    <style>\n        .muamua-popup {\n            display: none;\n            position: fixed !important;\n            inset: 0 !important;\n            width: 100vw;\n            height: 100vh;\n            z-index: 99999999 !important;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .muamua-popup.is-open {\n            display: flex !important;\n        }\n\n        .muamua-popup-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n            z-index: 1;\n        }\n\n        .muamua-popup-content {\n            position: relative;\n            z-index: 2;\n            width: min(92vw, 520px);\n            height: min(86vh, 720px);\n            background: #ffffff;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 20px 80px rgba(0, 0, 0, 0.45);\n        }\n\n        .muamua-popup-content iframe {\n            width: 100%;\n            height: 100%;\n            border: 0;\n            display: block;\n        }\n\n        .muamua-popup-close {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            z-index: 3;\n            width: 36px;\n            height: 36px;\n            border: 0;\n            border-radius: 50%;\n            background: #000000;\n            color: #ffffff;\n            font-size: 26px;\n            line-height: 1;\n            cursor: pointer;\n        }\n\n        body.muamua-popup-open {\n            overflow: hidden;\n        }\n\n        @media (max-width: 767px) {\n            .muamua-popup-content {\n                width: 94vw;\n                height: 86vh;\n                border-radius: 12px;\n            }\n\t\t\t\n\t\t\t.tlb-bottom {\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t\t\n\t\t\t#sea-sea-map {\n\t\t\t\tpadding-bottom: 0px;\n\t\t\t}\n        }\n    <\/style>\n\n    <div class=\"muamua-popup\" id=\"muamua-popup\" aria-hidden=\"true\">\n        <div class=\"muamua-popup-overlay\"><\/div>\n\n        <div class=\"muamua-popup-content\">\n            <button class=\"muamua-popup-close\" aria-label=\"Cerrar\">\u00d7<\/button>\n\n            <iframe\n                src=\"https:\/\/widget.thefork.com\/es\/473d3334-4ab9-4543-84aa-0c56141fde2f?step=date\"\n                loading=\"lazy\"\n                frameborder=\"0\"\n                allowfullscreen>\n            <\/iframe>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n\n        const popup = document.getElementById('muamua-popup');\n\n        if (!popup) return;\n\n        \/**\n         * Movemos el popup al final del body para que no quede limitado\n         * por secciones de Divi con overflow, transform o z-index.\n         *\/\n        document.body.appendChild(popup);\n\n        function openMuamuaPopup(e) {\n            const btn = e.target.closest('.muamua-reserva-btn');\n\n            if (!btn) return;\n\n            e.preventDefault();\n            e.stopPropagation();\n\n            popup.classList.add('is-open');\n            popup.setAttribute('aria-hidden', 'false');\n            document.body.classList.add('muamua-popup-open');\n\n            if (window.lenis) {\n                window.lenis.stop();\n            }\n        }\n\n        function closeMuamuaPopup() {\n            popup.classList.remove('is-open');\n            popup.setAttribute('aria-hidden', 'true');\n            document.body.classList.remove('muamua-popup-open');\n\n            if (window.lenis) {\n                window.lenis.start();\n            }\n        }\n\n        document.addEventListener('click', openMuamuaPopup);\n\n        popup.addEventListener('click', function(e) {\n            if (\n                e.target.classList.contains('muamua-popup-overlay') ||\n                e.target.classList.contains('muamua-popup-close')\n            ) {\n                closeMuamuaPopup();\n            }\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && popup.classList.contains('is-open')) {\n                closeMuamuaPopup();\n            }\n        });\n\n    });\n    <\/script>\n\n    \n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=\u00bb1&#8243; admin_label=\u00bbSecci\u00f3n mapa interactivo\u00bb module_id=\u00bbsea-sea-map\u00bb module_class=\u00bbfondo-claro\u00bb _builder_version=\u00bb4.27.7&#8243; _module_preset=\u00bbdefault\u00bb background_color=\u00bb#FFFFFF\u00bb z_index=\u00bb9&#8243; min_height=\u00bb100vh\u00bb min_height_tablet=\u00bb100vh\u00bb min_height_phone=\u00bb80vh\u00bb min_height_last_edited=\u00bbon|phone\u00bb custom_padding=\u00bb0px|||||\u00bb locked=\u00bboff\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.27.6&#8243; _module_preset=\u00bbdefault\u00bb width=\u00bb96%\u00bb max_width=\u00bb96%\u00bb sticky_limit_bottom=\u00bbsection\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4&#8243; _builder_version=\u00bb4.27.6&#8243; _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.27.6&#8243; _module_preset=\u00bbdefault\u00bb text_font_size=\u00bb1vw\u00bb text_line_height=\u00bb1.4vw\u00bb text_font_size_tablet=\u00bb16px\u00bb text_font_size_phone=\u00bb16px\u00bb text_font_size_last_edited=\u00bbon|tablet\u00bb text_line_height_tablet=\u00bb20px\u00bb text_line_height_phone=\u00bb20px\u00bb text_line_height_last_edited=\u00bbon|tablet\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n\n    <div class=\"tlb-mapa-wrap\">\n\n    <!-- MAPA FULL -->\n    <div class=\"tlb-mapa\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/plano_V2.jpg\" alt=\"Mapa\">\n\n                    <div class=\"tlb-hotspot\" \n                 data-id=\"2341\" \n                 data-img=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/GOOD-MORNINGS-MAPA.jpg\"\n                 style=\"top:70%; left:70%;\">\n            <\/div>\n                    <div class=\"tlb-hotspot\" \n                 data-id=\"2343\" \n                 data-img=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/FOTO-MAPA-MUA-MUA-768x1024.jpg\"\n                 style=\"top:45%; left:45%;\">\n            <\/div>\n                    <div class=\"tlb-hotspot\" \n                 data-id=\"2345\" \n                 data-img=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/THE-GALLERY-MAPA.jpg\"\n                 style=\"top:57%; left:32%;\">\n            <\/div>\n            <\/div>\n\n    <!-- DEBAJO: 2 COLUMNAS -->\n    <div class=\"tlb-bottom\">\n\n        <!-- LISTADO IZQUIERDA -->\n        <div class=\"tlb-listado\">\n                            <div class=\"tlb-list-item\" data-id=\"2341\">\n                    Good Mornings                <\/div>\n                            <div class=\"tlb-list-item\" data-id=\"2343\">\n                    Restaurante Mua Mua                <\/div>\n                            <div class=\"tlb-list-item\" data-id=\"2345\">\n                    SEASEACLUB ELECTRONIC                <\/div>\n                    <\/div>\n\n        <!-- INFO DERECHA -->\n        <div class=\"tlb-info-wrap\">\n\t\t\t\t\n\t\t\t<div class=\"tlb-empty\">\n\t\t\t\tSelecciona una zona en el mapa\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"tlb-item\" data-id=\"2341\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"tlb-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tlb-desc\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Una experiencia diurna que combina m\u00fasica, sol y estilo de vida. Dise\u00f1ado para reuniones distendidas junto a la piscina, combinando m\u00fasica de DJ, c\u00f3cteles y un ambiente animado y sociable.<\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tlb-boton\">\n\t\t\t\t\t\t\t\t<p><a id=\"btn-reservations\" class=\"animacion_enlace_flechas btn-dark\" href=\"https:\/\/www.seaseaclub.com\/reservar\/#\/es\/events\"><span>RESERVA TU PLAZA<\/span><\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"tlb-item\" data-id=\"2343\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"tlb-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tlb-desc\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Un espacio gastron\u00f3mico donde se unen la gastronom\u00eda, la m\u00fasica y las vistas al mar. Ideal para cenas de grupo, eventos de networking y reuniones m\u00e1s \u00edntimas, con un ambiente animado y contempor\u00e1neo. <\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tlb-boton\">\n\t\t\t\t\t\t\t\t<p><a id=\"btn-reservations\" class=\"muamua-reserva-btn animacion_enlace_flechas btn-dark\" href=\"#\"><span>RESERVA UNA MESA<\/span><\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"tlb-item\" data-id=\"2345\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"tlb-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tlb-desc\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los espacios \u00abThe Garden\u00bb (al aire libre) y \u00abThe Gallery\u00bb (cubierto) constituyen un concepto de m\u00fasica electr\u00f3nica centrado en el sonido, la luz y el ambiente. Una experiencia cuidadosamente dise\u00f1ada en la que la m\u00fasica, la puesta de sol y el espacio se funden para crear eventos envolventes que se prolongan desde el mediod\u00eda hasta la noche. <\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tlb-boton\">\n\t\t\t\t\t\t\t\t<p><a class=\"animacion_enlace_flechas btn-dark\" href=\"https:\/\/www.seaseaclub.com\/reservar\/#\/es\/events\"><span>COMPRAR ENTRADAS<\/span><\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n        <!-- TOOLTIP -->\n        <div class=\"tlb-tooltip-img\"><\/div>\n\n    \t<\/div>\n\t<\/div>\n\n    <style>\n    .tlb-mapa-wrap {\n        display: block;\n    }\n\n    .tlb-mapa {\n        position: relative;\n\t\twidth: 100%;\n\t\t\/*margin-bottom: 40px;*\/\n    }\n\t\n\t.tlb-bottom {\n\t\tdisplay: flex;\n\t\tgap: 40px;\n\t\talign-items: flex-start;\n\t\theight: 20vh;\n\t}\n\n    .tlb-mapa img {\n        width: 80%;\n\t\tdisplay: block;\n\t\tmargin: 0 auto;\n    }\n\n    \/* HOTSPOTS *\/\n    .tlb-hotspot {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        border: 2px solid #f49022;\n        background: transparent;\n        border-radius: 50%;\n        cursor: pointer;\n        transform: translate(-50%, -50%) scale(1);\n        transition: all .25s ease;\n    }\n\n    .tlb-hotspot:hover {\n        background: rgba(244,144,34,0.15);\n        transform: translate(-50%, -50%) scale(1.4);\n    }\n\n    .tlb-hotspot.active {\n        background: #f49022;\n        transform: translate(-50%, -50%) scale(1.6);\n    }\n    \n    .tlb-hotspot::after {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border: 2px solid #f49022;\n        border-radius: 50%;\n        top: -2px;\n        left: -2px;\n        opacity: 0;\n        transform: scale(1);\n    }\n\n    .tlb-hotspot:hover::after {\n        animation: pulse 1.2s infinite;\n    }\n\t\n\t\n\t\/* Hover sincronizado *\/\n\t.tlb-hotspot.hover {\n\t\tbackground: rgba(244,144,34,0.25);\n\t\ttransform: translate(-50%, -50%) scale(1.4);\n\t}\n\n\n    @keyframes pulse {\n        0% { opacity: 0.6; transform: scale(1); }\n        100% { opacity: 0; transform: scale(2); }\n    }\n\t\n\t\n\t\/* LISTADO BAJO MAPA *\/\n\t.tlb-listado {\n\t\twidth: 50%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.tlb-list-item {\n\t\tfont-size: 1.2vw;\n\t\tcursor: pointer;\n\t\topacity: 1;\n\t\ttransition: all .2s ease;\n\t\tline-height: 1.4vw;\n        border-bottom: 1px solid #000;\n        padding-bottom: 2px;\n    \tpadding-top: 4px;\n\t\ttext-transform: uppercase;\n\t\tcolor: #ccc;\n\t}\n\n\t.tlb-list-item:hover {\n\t\topacity: 1;\n\t\tcolor: #000;\n\t}\n\n\t.tlb-list-item.active {\n\t\topacity: 1;\n\t\tcolor: #000;\n\t}\n\n\t\/* Hover sincronizado *\/\n\t.tlb-list-item.hover {\n\t\topacity: 1;\n\t\tcolor: #000;\n\t}\n\n\t\/* Ajuste responsive *\/\n\t@media(max-width: 980px){\n\t\t.tlb-listado {\n\t\t\tgap: 8px 12px;\n\t\t}\n\t\t\n\t\t.tlb-list-item {\n\t\t\tfont-size: 3vw;\n\t\t\tline-height: 3.2vw;\n\t\t\tborder-bottom: 1px solid #000;\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t}\n\t\n\t\n\t\/* ITEMS COLUMNA DERECHA *\/\n\t\/* Estado vac\u00edo *\/\n\t.tlb-empty {\n\t\topacity: 0.6;\n\t\tfont-size: 14px;\n\t}\n\t\n\t.tlb-item {\n\t\tdisplay: none;\n\t}\n\n\t.tlb-title {\n\t\tcursor: pointer;\n\t\ttransition: color .2s ease;\n\t\ttext-transform: inherit;\n\t}\n\n\t.tlb-title:hover {\n\t\tcolor: #000;\n\t}\n\n\t.tlb-item.active .tlb-title {\n\t\ttext-transform: inherit;\n\t}\n\n\t\/* Solo mostrar activo *\/\n\t.tlb-item.active {\n\t\tdisplay: block;\n\t}\n\t\n\t.tlb-item.hover .tlb-title {\n\t\tcolor: #000;\n\t}\n\n    \/* INFO *\/\n    .tlb-info-wrap {\n        width: 50%;\n\t\tposition: sticky;\n\t\ttop: 100px;\n    }\n\n    .tlb-info {\n\t\tdisplay: block;\n\t\tmargin-top: 10px;\n\t\tanimation: fade .3s ease;\n\t}\n\t\t\n\t.tlb-info .tlb-desc p,\n\t.tlb-info .tlb-desc span {\n\t\tfont-size: 20px;\n\t\tline-height: 24px;\n\t}\n\n\t.tlb-item.active .tlb-info {\n\t\tdisplay: block;\n\t}\n\n    .tlb-info img {\n        width: 100%;\n        margin-bottom: 10px;\n    }\n\n    @keyframes fade {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\t\n\t.tlb-title--logo img {\n\t\tdisplay: block;\n\t\tmax-width: 220px;\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n\n\t.tlb-item.active .tlb-title--logo img {\n\t\topacity: 1;\n\t}\n\t\n\t.tlb-title--logo {\n\t\tmargin-bottom: 10px;\n\t}\n\t\n\t.tlb-boton {\n\t\tmargin-top: 20px;\n\t\ttext-align: left;\n\t}\n\n\t.tlb-boton p {\n\t\tline-height: normal!important;\n\t}\n\n\t.tlb-boton a {\n\t\tdisplay: inline-block;\n\t}\n\t\n\t\/* GALER\u00cdA WRAP *\/\n\t.tlb-galeria {\n\t\tposition: relative;\n\t\tmargin-bottom: 15px;\n\t\toverflow: hidden;\n\t}\n\n\t\/* TRACK *\/\n\t.tlb-galeria-track {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\tscroll-behavior: smooth;\n\t\tpadding-bottom: 10px;\n\t\t-webkit-overflow-scrolling: touch;\n    \tscrollbar-width: none;\n\t\tcursor: grab;\n\t\tuser-select: none;\n\t}\n\t\n\t.tlb-galeria-track.dragging {\n\t\tcursor: grabbing;\n\t}\n\t\n\t.tlb-galeria-track img {\n\t\tpointer-events: none; \/* \ud83d\udc48 evita que la imagen \u201crobe\u201d el drag *\/\n\t}\n\n\t\/* ocultar scrollbar *\/\n\t.tlb-galeria-track::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\t\/* ITEM *\/\n\t.tlb-galeria-item {\n\t\tflex: 0 0 92%; \/* \ud83d\udc48 clave: casi full width *\/\n\t}\n\n\t.tlb-galeria-item img {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tdisplay: block;\n\t\tborder-radius: 6px;\n\t\taspect-ratio: 4 \/ 3;\n\t\tobject-fit: cover;\n\t}\n\n\t\/* hint m\u00e1s elegante *\/\n\t.tlb-galeria-hint {\n\t\tposition: absolute;\n\t\tbottom: 20px;\n\t\tright: 42%;\n\t\tfont-size: 16px;\n\t\tbackground: rgba(0,0,0,0.6);\n\t\tcolor: #fff;\n\t\tpadding: 5px 10px;\n\t\tborder-radius: 20px;\n\t\topacity: 0.9;\n\t\ttransition: opacity .3s ease;\n\t\tdisplay: block;\n\t}\n\n\t.tlb-galeria:hover .tlb-galeria-hint {\n\t\topacity: 0;\n\t\tdisplay: none;\n\t}\n\n    \/* TOOLTIP *\/\n    .tlb-tooltip-img {\n        position: fixed;\n        width: 400px;\n        pointer-events: none;\n        z-index: 9999;\n        opacity: 0;\n        transform: translate(-50%, -100%);\n        transition: opacity .2s ease;\n    }\n\n    .tlb-tooltip-img img {\n        width: 100%;\n        display: block;\n        border-radius: 4px;\n    }\n\n    \/* RESPONSIVE *\/\n    @media(max-width: 980px) {\n        .tlb-mapa-wrap {\n            flex-direction: column;\n        }\n\t\t\n\t\t.tlb-bottom {\n\t\t\tflex-direction: column;\n\t\t}\n\n\n        .tlb-mapa,\n\t\t.tlb-listado,\n        .tlb-info-wrap {\n            width: 100%;\n        }\n\t\t\n\t\t.tlb-mapa img {\n\t\t\twidth: 100%;\n\t\t}\n\n        .tlb-info-wrap {\n            position: relative;\n            top: auto;\n        }\n\t\t\n\t\t.tlb-list-item {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 18px;\n\t\t}\n\t\t\n\t\t.tlb-tooltip-img{\n\t\t\tdisplay:none !important;\n\t\t}\n    }\n\t\n\t@media all and (max-width: 768px) {\n\t\t#sea-sea-map {\n\t\t\tpadding-bottom: 0px;\n\t\t}\n\t\n\t\t.tlb-bottom {\n\t\t\theight: auto;\n\t\t}\n\t}\n    <\/style>\n\n    <script>\n\t\tjQuery(document).ready(function(){\n\n\t\t\tvar tooltip = jQuery('.tlb-tooltip-img');\n\n\t\t\t\/\/ TOOLTIP solo desktop\n\t\t\tjQuery('.tlb-hotspot').on('mouseenter', function(){\n\n\t\t\t\t\/\/ desactivar en tablet y m\u00f3vil\n\t\t\t\tif(window.innerWidth <= 980){\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar img = jQuery(this).data('img');\n\n\t\t\t\tif(img){\n\t\t\t\t\ttooltip.html('<img decoding=\"async\" src=\"'+img+'\">');\n\t\t\t\t\ttooltip.css('opacity', 1);\n\t\t\t\t}\n\n\t\t\t}).on('mousemove', function(e){\n\n\t\t\t\t\/\/ desactivar en tablet y m\u00f3vil\n\t\t\t\tif(window.innerWidth <= 980){\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\ttooltip.css({\n\t\t\t\t\ttop: (e.clientY - 20) + 'px',\n\t\t\t\t\tleft: e.clientX + 'px'\n\t\t\t\t});\n\n\t\t\t}).on('mouseleave', function(){\n\n\t\t\t\ttooltip.css('opacity', 0).html('');\n\n\t\t\t});\n\n\t\t\tfunction activarZona(id){\n\n\t\t\t\t\/\/ reset\n\t\t\t\tjQuery('.tlb-item').removeClass('active');\n\t\t\t\tjQuery('.tlb-hotspot').removeClass('active');\n\t\t\t\tjQuery('.tlb-list-item').removeClass('active');\n\n\t\t\t\t\/\/ activar seleccionado\n\t\t\t\tjQuery('.tlb-item[data-id=\"'+id+'\"]').addClass('active');\n\t\t\t\tjQuery('.tlb-hotspot[data-id=\"'+id+'\"]').addClass('active');\n\t\t\t\tjQuery('.tlb-list-item[data-id=\"'+id+'\"]').addClass('active');\n\n\t\t\t\t\/\/ ocultar estado vac\u00edo\n\t\t\t\tjQuery('.tlb-empty').hide();\n\t\t\t}\n\t\t\n\t\t\tfunction hoverZona(id){\n\t\t\t\tjQuery('.tlb-item, .tlb-hotspot, .tlb-list-item').removeClass('hover');\n\n\t\t\t\tjQuery('.tlb-item[data-id=\"'+id+'\"]').addClass('hover');\n\t\t\t\tjQuery('.tlb-hotspot[data-id=\"'+id+'\"]').addClass('hover');\n\t\t\t\tjQuery('.tlb-list-item[data-id=\"'+id+'\"]').addClass('hover');\n\t\t\t}\n\n\t\t\tfunction resetHover(){\n\t\t\t\tjQuery('.tlb-item, .tlb-hotspot').removeClass('hover');\n\t\t\t}\n\n\t\t\t\/\/ Hover en hotspot\n\t\t\tjQuery('.tlb-hotspot').on('mouseenter', function(){\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\thoverZona(id);\n\t\t\t}).on('mouseleave', function(){\n\t\t\t\tresetHover();\n\t\t\t});\n\n\t\t\t\/\/ Hover en t\u00edtulo\n\t\t\tjQuery('.tlb-title').on('mouseenter', function(){\n\t\t\t\tvar id = jQuery(this).closest('.tlb-item').data('id');\n\t\t\t\thoverZona(id);\n\t\t\t}).on('mouseleave', function(){\n\t\t\t\tresetHover();\n\t\t\t});\n\n\t\t\t\/\/ CLICK en mapa\n\t\t\tjQuery('.tlb-hotspot').on('click', function(){\n\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\tactivarZona(id);\n\n\t\t\t});\n\n\t\t\t\/\/ CLICK en t\u00edtulo\n\t\t\tjQuery('.tlb-title').on('click', function(){\n\n\t\t\t\tvar id = jQuery(this).closest('.tlb-item').data('id');\n\t\t\t\tactivarZona(id);\n\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ CLICK en listado\n\t\t\tjQuery('.tlb-list-item').on('click', function(){\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\tactivarZona(id);\n\t\t\t});\n\n\t\t\t\/\/ HOVER en listado\n\t\t\tjQuery('.tlb-list-item').on('mouseenter', function(){\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\thoverZona(id);\n\t\t\t}).on('mouseleave', function(){\n\t\t\t\tresetHover();\n\t\t\t});\n\t\t\n\t\t\t\/\/ scroll horizontal con rueda\n\t\t\tdocument.querySelectorAll('.tlb-galeria-track').forEach(function(track){\n\t\t\t\ttrack.addEventListener('wheel', function(e){\n\n\t\t\t\t\tif (track.scrollWidth <= track.clientWidth) return;\n\n\t\t\t\t\tconst delta = e.deltaY;\n\t\t\t\t\tconst scrollLeft = track.scrollLeft;\n\t\t\t\t\tconst maxScroll = track.scrollWidth - track.clientWidth;\n\n\t\t\t\t\tconst canScrollLeft  = delta < 0 && scrollLeft > 0;\n\t\t\t\t\tconst canScrollRight = delta > 0 && scrollLeft < maxScroll;\n\n\t\t\t\t\tif (canScrollLeft || canScrollRight) {\n\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\/\/ \ud83d\udc47 velocidad ajustada (aqu\u00ed est\u00e1 la clave)\n\t\t\t\t\t\ttrack.scrollLeft += delta * 1.8;\n\n\t\t\t\t\t}\n\n\t\t\t\t}, { passive: false });\n\n\t\t\t});\n\t\t\n\t\t\n\t\t\t\/\/ scroll horizontal con drag\n\t\t\tdocument.querySelectorAll('.tlb-galeria-track').forEach(function(track){\n\n\t\t\t\tlet isDown = false;\n\t\t\t\tlet startX;\n\t\t\t\tlet scrollStart;\n\n\t\t\t\ttrack.addEventListener('pointerdown', function(e){\n\n\t\t\t\t\tisDown = true;\n\t\t\t\t\ttrack.classList.add('dragging');\n\n\t\t\t\t\tstartX = e.clientX;\n\t\t\t\t\tscrollStart = track.scrollLeft;\n\n\t\t\t\t\ttrack.setPointerCapture(e.pointerId);\n\t\t\t\t});\n\n\t\t\t\ttrack.addEventListener('pointermove', function(e){\n\n\t\t\t\t\tif (!isDown) return;\n\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tconst walk = (startX - e.clientX) * 1.2;\n\t\t\t\t\ttrack.scrollLeft = scrollStart + walk;\n\t\t\t\t});\n\n\t\t\t\ttrack.addEventListener('pointerup', function(e){\n\t\t\t\t\tisDown = false;\n\t\t\t\t\ttrack.classList.remove('dragging');\n\t\t\t\t\ttrack.releasePointerCapture(e.pointerId);\n\t\t\t\t});\n\n\t\t\t\ttrack.addEventListener('pointercancel', function(){\n\t\t\t\t\tisDown = false;\n\t\t\t\t\ttrack.classList.remove('dragging');\n\t\t\t\t});\n\n\t\t\t});\n\t\t\n\t\t\t\/\/ activar primer punto al cargar\n\t\t\tvar primerHotspot = jQuery('.tlb-hotspot').first();\n\n\t\t\tif(primerHotspot.length){\n\t\t\t\tactivarZona(primerHotspot.data('id'));\n\t\t\t}\n\t\t});\n    <\/script>\n\n    \n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>    <div class=\"ssc-hero-container\">\n        <video autoplay muted loop playsinline class=\"ssc-hero-video\">\n            <source src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/05\/seasea_home_V2.webm\" type=\"video\/mp4\">\n        <\/video>\n\n        <div class=\"ssc-hero-overlay\"><\/div>\n\n        <div class=\"ssc-hero-content\">\n            <h1 class=\"ssc-hero-title\"><img decoding=\"async\" src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg\" alt=\"SEASEACLUB_logo\"><\/h1>\n            <p class=\"ssc-hero-subtitle\">A unique venue in Barcelona<\/p>\n\t\t\t<a class=\"xceed-reserva-btn animacion_enlace_flechas btn-dark\" href=\"\/reservar\/#\/es\/events\"><span>BUY TICKETS<\/span><\/a>\n            <!--<a href=\"#\" class=\"ssc-hero-btn\">\n                BUY TICKETS <span>\u2197<\/span>\n            <\/a>-->\n        <\/div>\n    <\/div>\n\n    <style>     \n        \/* Contenedor Principal Full Screen *\/\n        .ssc-hero-container {\n            position: relative;\n            width: 100vw;\n            height: 100vh;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            overflow: hidden;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n        }\n\n        \/* V\u00eddeo Adaptable de Fondo *\/\n        .ssc-hero-video {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            z-index: 1;\n        }\n\n        \/* Overlay sutil oscuro\/verdoso *\/\n        .ssc-hero-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: rgba(0, 0, 0, 0.25);\n            z-index: 2;\n        }\n\n        \/* Caja de Contenido *\/\n        .ssc-hero-content {\n            position: relative;\n            z-index: 3;\n            text-align: center;\n            width: 100%;\n            max-width: 1200px; \/* MODIFICADO: Ampliado para permitir que el logo crezca libremente *\/\n            padding: 20px;\n            box-sizing: border-box;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n        }\n    \n        \/* Entorno CSS de la imagen *\/\n        .ssc-hero-content h1 img {\n            display: block;\n            width: 600px;\n            max-width: 600px; \/* MODIFICADO: Ajusta este valor si lo quieres todav\u00eda m\u00e1s grande o peque\u00f1o *\/\n            height: auto;\n            filter: brightness(0) invert(1) !important;\n        }\n\n        \/* T\u00edtulo Principal *\/\n        .ssc-hero-title {\n            color: #ffffff !important;\n            font-family: \"Playfair Display\", Georgia, \"Times New Roman\", serif !important;\n            font-size: 76px !important;\n            font-weight: 400 !important;\n            text-transform: uppercase;\n            margin: 0 0 10px 0 !important;\n            letter-spacing: 4px;\n            line-height: 1.1;\n        }\n\n        \/* Subt\u00edtulo con tu fuente exacta *\/\n        .ssc-hero-subtitle {\n            color: #ffffff !important;\n            font-family: \"Avenir Book\", Helvetica, Arial, Lucida, sans-serif !important;\n            font-size: 32px !important;\n            font-weight: 400 !important;\n            margin: 30px 0 40px 0 !important;\n            letter-spacing: 0.5px;\n        }\n\n        \/* Bot\u00f3n Ovalado Negro *\/\n        .ssc-hero-btn {\n            display: inline-flex;\n            align-items: center;\n            background-color: #000000 !important;\n            color: #ffffff !important;\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            padding: 12px 32px;\n            border-radius: 30px;\n            font-family: \"Avenir Book\", Helvetica, Arial, Lucida, sans-serif !important;\n            font-size: 13px !important;\n            font-weight: 600 !important;\n            text-decoration: none !important;\n            letter-spacing: 1px;\n            transition: background-color 0.3s ease, border-color 0.3s ease, transform 0.3s ease;\n        }\n\n        .ssc-hero-btn span {\n            margin-left: 8px;\n            font-size: 14px;\n            display: inline-block;\n            transition: transform 0.3s ease;\n        }\n\n        \/* Efecto Hover del Bot\u00f3n *\/\n        .ssc-hero-btn:hover {\n            background-color: #111111 !important;\n            border-color: rgba(255, 255, 255, 0.6);\n        }\n\n        .ssc-hero-btn:hover span {\n            transform: translate(2px, -2px);\n        }\n\n        \/* Ajustes de pantalla para m\u00f3viles y tablets *\/\n        @media (max-width: 768px) {\n            .ssc-hero-content h1 img {\n                max-width: 280px; \n            }\n            .ssc-hero-title {\n                font-size: 48px !important;\n                letter-spacing: 2px;\n            }\n            .ssc-hero-subtitle {\n                font-size: 18px !important;\n                margin-bottom: 25px !important;\n            }\n            .ssc-hero-btn {\n                padding: 10px 26px;\n                font-size: 12px !important;\n            }\n        }\n    <\/style>\n    Un espacio \u00fanico en BarcelonaCOMPRAR ENTRADAS\n    <style>\n        \/* Contenedor Grid full-width *\/\n        .ssc-grid-container {\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            width: 100vw;\n            display: grid;\n            grid-template-columns: repeat(2, 1fr);\n            gap: 0px !important;\n            padding: 0 !important;\n            margin-top: 0;\n            margin-bottom: 0;\n            background-color: #000000;\n\t\t}\n        \n\n        \/* Cada celda del bloque *\/ \n        .ssc-grid-item {\n            position: relative;\n            width: 100%;\n            height: 52vh; \n            overflow: hidden;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between; \n            align-items: flex-start; \n            padding: 55px 50px; \n            box-sizing: border-box;\n            text-decoration: none !important;\n        }\n\n        \/* Im\u00e1genes de fondo *\/\n        .ssc-grid-bg {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            object-position: center;\n            z-index: 1;\n            transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        \/* Capa oscura (Overlay) *\/\n        .ssc-grid-overlay {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(to top,\n\t\t\t\trgba(0, 0, 0, 0.8) 0%,\n\t\t\t\trgba(0, 0, 0, 0.1) 50%,\n\t\t\t\trgba(0, 0, 0, 0.45) 100%\n\t\t\t);\n            z-index: 2;\n            transition: background 0.4s ease;\n        }\n\n        \/* Efectos HOVER *\/\n        .ssc-grid-item:hover .ssc-grid-bg {\n            transform: scale(1.025);\n        }\n\n        .ssc-grid-item:hover .ssc-grid-overlay {\n            background: linear-gradient(to top, rgba(0, 0, 0, 0.88) 0%, rgba(0, 0, 0, 0.3) 100%);\n        }\n\n        \/* Contenedores de contenido *\/\n        .ssc-grid-top-content {\n            position: relative;\n            z-index: 3;\n            width: 100%;\n            max-width: 95%;\n            text-align: left;\n        }\n\n        .ssc-grid-bottom-content {\n            position: relative;\n            z-index: 3;\n            width: 100%;\n            max-width: 80%;\n            text-align: left;\n        }\n\n        \/* T\u00edtulo en texto est\u00e1ndar (GOOD MORNINGS) *\/\n        .ssc-grid-top-content h2 {\n            color: #ffffff !important;\n            font-size: 4.8vw !important;\n            min-font-size: 46px;\n            font-weight: 300 !important;\n            text-transform: uppercase;\n            margin: 0 !important;\n            padding: 0 !important;\n            letter-spacing: 1px;\n            line-height: 0.95;\n        }\n\n        \/* Estilo y Tama\u00f1o Maximizado para los Logos Gr\u00e1ficos *\/\n        .ssc-title-img {\n            display: block;\n            width: auto;\n            max-width: 70%;\n            height: auto;\n            max-height: 150px;\n            object-fit: contain;\n            object-position: left top;\n            margin: 0 !important;\n            padding: 0 !important;\n            filter: brightness(0) invert(1) !important;\n        }\n\n        \/* P\u00e1rrafos descriptivos inferiores *\/\n        .ssc-grid-bottom-content p {\n            color: #ffffff !important;\n            font-size: 20px !important;\n            font-weight: 400 !important;\n            margin: 0 0 10px 0 !important;\n            line-height: 1.5em;\n        }\n\n        \/* Estilo de los horarios *\/\n        .ssc-time {\n            color: #ffffff;\n            font-size: 20px;\n            font-weight: 400;\n            margin-bottom: 20px;\n            display: block;\n            line-height: 1.5em;\n        }\n\n        \/* Bot\u00f3n *\/\n        .ssc-btn {\n            display: inline-flex;\n            align-items: center;\n            background-color: #000000;\n            color: #ffffff !important;\n            border: 1px solid rgba(255, 255, 255, 0.35);\n            padding: 10px 24px;\n            border-radius: 30px;\n            font-size: 12px;\n            font-weight: 600;\n            letter-spacing: 1px;\n            text-transform: uppercase;\n            transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);\n            margin-top: 5px;\n        }\n\n        .ssc-btn span {\n            margin-left: 8px;\n            font-size: 14px;\n            transition: transform 0.3s ease;\n        }\n\n        .ssc-grid-item:hover .ssc-btn {\n            border-color: #ffffff;\n            background-color: #ffffff;\n            color: #000000 !important;\n        }\n\n        .ssc-grid-item:hover .ssc-btn span {\n            transform: translate(2px, -2px);\n        }\n\t\n\t\t\/* Enlace que ocupa toda la secci\u00f3n *\/\n\t\t.ssc-grid-link {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tz-index: 3;\n\t\t\tdisplay: block;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t\/* El contenido se muestra por encima del enlace *\/\n\t\t.ssc-grid-top-content,\n\t\t.ssc-grid-bottom-content {\n\t\t\tz-index: 4;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t\/* El bot\u00f3n sigue siendo clicable de forma independiente *\/\n\t\t.ssc-grid-bottom-content a {\n\t\t\tposition: relative;\n\t\t\tz-index: 5;\n\t\t\tpointer-events: auto;\n\t\t}\n\n        \/* RESPONSIVE *\/\n        @media (min-width: 1600px) {\n            .ssc-grid-top-content h2 {\n                font-size: 76px !important;\n            }\n        }\n\n        @media (max-width: 991px) {\n            .ssc-grid-container {\n                grid-template-columns: 1fr;\n            }\n            .ssc-grid-item {\n                height: 48vh;\n                padding: 35px 30px;\n            }\n            .ssc-grid-top-content h2 {\n                font-size: 38px !important;\n            }\n            .ssc-title-img {\n                max-height: 85px;\n            }\n            .ssc-grid-bottom-content {\n                max-width: 100%;\n            }\n        }\n    <\/style>\n\n    <div class=\"ssc-grid-container\">\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/08\/FOTO-1-HOME-PAGE.jpg\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/good-mornings\/\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver GOOD MORNINGS\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <h2>\n                            GOOD MORNINGS                        <\/h2>\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Ma\u00f1anas tranquilas que se convierten en algo m\u00e1s.                    <\/p>\n\n\n                    \n                        <span class=\"ssc-time\">\n                            11.00 \u2013 16.00                        <\/span>\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"animacion_enlace_flechas btn-dark\"\n                            href=\"\/reservar\/#\/es\/events\"\n                        >\n                            <span>\n                                RESERVA TU PLAZA                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/03\/good_mornings_03-opt.webp\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/reservar\/#\/es\/events\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <img decoding=\"async\"\n                            src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg\"\n                            class=\"ssc-title-img\"\n                            alt=\"\"\n                        >\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Ma\u00f1anas tranquilas que se convierten en algo m\u00e1s.                    <\/p>\n\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"animacion_enlace_flechas btn-dark\"\n                            href=\"\/reservar\/#\/es\/events\"\n                        >\n                            <span>\n                                COMPRAR ENTRADAS                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-jun-2026-15_23_11.jpg\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/seaseaclub-electronic\/\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/seaseaclub_electronic.png\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <img decoding=\"async\"\n                            src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/seaseaclub_electronic.png\"\n                            class=\"ssc-title-img\"\n                            alt=\"\"\n                        >\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Luz, sonido y movimiento en constante di\u00e1logo.                    <\/p>\n\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"animacion_enlace_flechas btn-dark\"\n                            href=\"\/reservar\/#\/es\/events\"\n                        >\n                            <span>\n                                RESERVA TU PLAZA                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n            <div class=\"ssc-grid-item\">\n\n                <img decoding=\"async\"\n                    src=\"\/wp-content\/uploads\/2026\/06\/ChatGPT-Image-2-jun-2026-14_46_33.jpg\"\n                    class=\"ssc-grid-bg\"\n                    alt=\"\"\n                >\n\n                <div class=\"ssc-grid-overlay\"><\/div>\n\n                \n                    <a\n                        href=\"\/mua-mua-restaurant\/\"\n                        class=\"ssc-grid-link\"\n                        aria-label=\"Ver https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/mua-mua-restaurant-800x413-1.webp\">\n                    <\/a>\n\n                \n\n                <div class=\"ssc-grid-top-content\">\n\n                    \n                        <img decoding=\"async\"\n                            src=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/mua-mua-restaurant-800x413-1.webp\"\n                            class=\"ssc-title-img\"\n                            alt=\"\"\n                        >\n\n                    \n                <\/div>\n\n\n                <div class=\"ssc-grid-bottom-content\">\n\n                    <p>\n                        Una mesa, una vista, un momento compartido.                    <\/p>\n\n\n                    \n                        <span class=\"ssc-time\">\n                            11.00 \u2013 16.00                        <\/span>\n\n                    \n\n                    \n                        <a\n                            id=\"\"\n                            class=\"muamua-reserva-btn animacion_enlace_flechas btn-dark\"\n                            href=\"#\"\n                        >\n                            <span>\n                                RESERVA UNA MESA                            <\/span>\n                        <\/a>\n\n                    \n                <\/div>\n\n            <\/div>\n\n        \n    <\/div>\n\n    \n    <style>\n        .muamua-popup {\n            display: none;\n            position: fixed !important;\n            inset: 0 !important;\n            width: 100vw;\n            height: 100vh;\n            z-index: 99999999 !important;\n            align-items: center;\n            justify-content: center;\n        }\n\n        .muamua-popup.is-open {\n            display: flex !important;\n        }\n\n        .muamua-popup-overlay {\n            position: absolute;\n            inset: 0;\n            background: rgba(0, 0, 0, 0.78);\n            z-index: 1;\n        }\n\n        .muamua-popup-content {\n            position: relative;\n            z-index: 2;\n            width: min(92vw, 520px);\n            height: min(86vh, 720px);\n            background: #ffffff;\n            border-radius: 16px;\n            overflow: hidden;\n            box-shadow: 0 20px 80px rgba(0, 0, 0, 0.45);\n        }\n\n        .muamua-popup-content iframe {\n            width: 100%;\n            height: 100%;\n            border: 0;\n            display: block;\n        }\n\n        .muamua-popup-close {\n            position: absolute;\n            top: 10px;\n            right: 10px;\n            z-index: 3;\n            width: 36px;\n            height: 36px;\n            border: 0;\n            border-radius: 50%;\n            background: #000000;\n            color: #ffffff;\n            font-size: 26px;\n            line-height: 1;\n            cursor: pointer;\n        }\n\n        body.muamua-popup-open {\n            overflow: hidden;\n        }\n\n        @media (max-width: 767px) {\n            .muamua-popup-content {\n                width: 94vw;\n                height: 86vh;\n                border-radius: 12px;\n            }\n\t\t\t\n\t\t\t.tlb-bottom {\n\t\t\t\theight: auto;\n\t\t\t}\n\t\t\t\n\t\t\t#sea-sea-map {\n\t\t\t\tpadding-bottom: 0px;\n\t\t\t}\n        }\n    <\/style>\n\n    <div class=\"muamua-popup\" id=\"muamua-popup\" aria-hidden=\"true\">\n        <div class=\"muamua-popup-overlay\"><\/div>\n\n        <div class=\"muamua-popup-content\">\n            <button class=\"muamua-popup-close\" aria-label=\"Cerrar\">\u00d7<\/button>\n\n            <iframe\n                src=\"https:\/\/widget.thefork.com\/es\/473d3334-4ab9-4543-84aa-0c56141fde2f?step=date\"\n                loading=\"lazy\"\n                frameborder=\"0\"\n                allowfullscreen>\n            <\/iframe>\n        <\/div>\n    <\/div>\n\n    <script>\n    document.addEventListener('DOMContentLoaded', function () {\n\n        const popup = document.getElementById('muamua-popup');\n\n        if (!popup) return;\n\n        \/**\n         * Movemos el popup al final del body para que no quede limitado\n         * por secciones de Divi con overflow, transform o z-index.\n         *\/\n        document.body.appendChild(popup);\n\n        function openMuamuaPopup(e) {\n            const btn = e.target.closest('.muamua-reserva-btn');\n\n            if (!btn) return;\n\n            e.preventDefault();\n            e.stopPropagation();\n\n            popup.classList.add('is-open');\n            popup.setAttribute('aria-hidden', 'false');\n            document.body.classList.add('muamua-popup-open');\n\n            if (window.lenis) {\n                window.lenis.stop();\n            }\n        }\n\n        function closeMuamuaPopup() {\n            popup.classList.remove('is-open');\n            popup.setAttribute('aria-hidden', 'true');\n            document.body.classList.remove('muamua-popup-open');\n\n            if (window.lenis) {\n                window.lenis.start();\n            }\n        }\n\n        document.addEventListener('click', openMuamuaPopup);\n\n        popup.addEventListener('click', function(e) {\n            if (\n                e.target.classList.contains('muamua-popup-overlay') ||\n                e.target.classList.contains('muamua-popup-close')\n            ) {\n                closeMuamuaPopup();\n            }\n        });\n\n        document.addEventListener('keydown', function(e) {\n            if (e.key === 'Escape' && popup.classList.contains('is-open')) {\n                closeMuamuaPopup();\n            }\n        });\n\n    });\n    <\/script>\n\n    \n    <div class=\"tlb-mapa-wrap\">\n\n    <!-- MAPA FULL -->\n    <div class=\"tlb-mapa\">\n        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/05\/plano_V2.jpg\" alt=\"Mapa\">\n\n                    <div class=\"tlb-hotspot\" \n                 data-id=\"2341\" \n                 data-img=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/GOOD-MORNINGS-MAPA.jpg\"\n                 style=\"top:70%; left:70%;\">\n            <\/div>\n                    <div class=\"tlb-hotspot\" \n                 data-id=\"2343\" \n                 data-img=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/FOTO-MAPA-MUA-MUA-768x1024.jpg\"\n                 style=\"top:45%; left:45%;\">\n            <\/div>\n                    <div class=\"tlb-hotspot\" \n                 data-id=\"2345\" \n                 data-img=\"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/03\/THE-GALLERY-MAPA.jpg\"\n                 style=\"top:57%; left:32%;\">\n            <\/div>\n            <\/div>\n\n    <!-- DEBAJO: 2 COLUMNAS -->\n    <div class=\"tlb-bottom\">\n\n        <!-- LISTADO IZQUIERDA -->\n        <div class=\"tlb-listado\">\n                            <div class=\"tlb-list-item\" data-id=\"2341\">\n                    Good Mornings                <\/div>\n                            <div class=\"tlb-list-item\" data-id=\"2343\">\n                    Restaurante Mua Mua                <\/div>\n                            <div class=\"tlb-list-item\" data-id=\"2345\">\n                    SEASEACLUB ELECTRONIC                <\/div>\n                    <\/div>\n\n        <!-- INFO DERECHA -->\n        <div class=\"tlb-info-wrap\">\n\t\t\t\t\n\t\t\t<div class=\"tlb-empty\">\n\t\t\t\tSelecciona una zona en el mapa\n\t\t\t<\/div>\n\n\t\t\t\t\t\t\t<div class=\"tlb-item\" data-id=\"2341\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"tlb-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tlb-desc\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Una experiencia diurna que combina m\u00fasica, sol y estilo de vida. Dise\u00f1ado para reuniones distendidas junto a la piscina, combinando m\u00fasica de DJ, c\u00f3cteles y un ambiente animado y sociable.<\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tlb-boton\">\n\t\t\t\t\t\t\t\t<p><a id=\"btn-reservations\" class=\"animacion_enlace_flechas btn-dark\" href=\"https:\/\/www.seaseaclub.com\/reservar\/#\/es\/events\"><span>RESERVA TU PLAZA<\/span><\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"tlb-item\" data-id=\"2343\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"tlb-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tlb-desc\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Un espacio gastron\u00f3mico donde se unen la gastronom\u00eda, la m\u00fasica y las vistas al mar. Ideal para cenas de grupo, eventos de networking y reuniones m\u00e1s \u00edntimas, con un ambiente animado y contempor\u00e1neo. <\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tlb-boton\">\n\t\t\t\t\t\t\t\t<p><a id=\"btn-reservations\" class=\"muamua-reserva-btn animacion_enlace_flechas btn-dark\" href=\"#\"><span>RESERVA UNA MESA<\/span><\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"tlb-item\" data-id=\"2345\">\n\n\t\t\t\t\t\n\t\t\t\t\t<div class=\"tlb-info\">\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"tlb-desc\">\n\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Los espacios \u00abThe Garden\u00bb (al aire libre) y \u00abThe Gallery\u00bb (cubierto) constituyen un concepto de m\u00fasica electr\u00f3nica centrado en el sonido, la luz y el ambiente. Una experiencia cuidadosamente dise\u00f1ada en la que la m\u00fasica, la puesta de sol y el espacio se funden para crear eventos envolventes que se prolongan desde el mediod\u00eda hasta la noche. <\/span><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tlb-boton\">\n\t\t\t\t\t\t\t\t<p><a class=\"animacion_enlace_flechas btn-dark\" href=\"https:\/\/www.seaseaclub.com\/reservar\/#\/es\/events\"><span>COMPRAR ENTRADAS<\/span><\/a><\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\n\t\t\t\t\t<\/div>\n\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n        <!-- TOOLTIP -->\n        <div class=\"tlb-tooltip-img\"><\/div>\n\n    \t<\/div>\n\t<\/div>\n\n    <style>\n    .tlb-mapa-wrap {\n        display: block;\n    }\n\n    .tlb-mapa {\n        position: relative;\n\t\twidth: 100%;\n\t\t\/*margin-bottom: 40px;*\/\n    }\n\t\n\t.tlb-bottom {\n\t\tdisplay: flex;\n\t\tgap: 40px;\n\t\talign-items: flex-start;\n\t\theight: 20vh;\n\t}\n\n    .tlb-mapa img {\n        width: 80%;\n\t\tdisplay: block;\n\t\tmargin: 0 auto;\n    }\n\n    \/* HOTSPOTS *\/\n    .tlb-hotspot {\n        position: absolute;\n        width: 18px;\n        height: 18px;\n        border: 2px solid #f49022;\n        background: transparent;\n        border-radius: 50%;\n        cursor: pointer;\n        transform: translate(-50%, -50%) scale(1);\n        transition: all .25s ease;\n    }\n\n    .tlb-hotspot:hover {\n        background: rgba(244,144,34,0.15);\n        transform: translate(-50%, -50%) scale(1.4);\n    }\n\n    .tlb-hotspot.active {\n        background: #f49022;\n        transform: translate(-50%, -50%) scale(1.6);\n    }\n    \n    .tlb-hotspot::after {\n        content: \"\";\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        border: 2px solid #f49022;\n        border-radius: 50%;\n        top: -2px;\n        left: -2px;\n        opacity: 0;\n        transform: scale(1);\n    }\n\n    .tlb-hotspot:hover::after {\n        animation: pulse 1.2s infinite;\n    }\n\t\n\t\n\t\/* Hover sincronizado *\/\n\t.tlb-hotspot.hover {\n\t\tbackground: rgba(244,144,34,0.25);\n\t\ttransform: translate(-50%, -50%) scale(1.4);\n\t}\n\n\n    @keyframes pulse {\n        0% { opacity: 0.6; transform: scale(1); }\n        100% { opacity: 0; transform: scale(2); }\n    }\n\t\n\t\n\t\/* LISTADO BAJO MAPA *\/\n\t.tlb-listado {\n\t\twidth: 50%;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t}\n\n\t.tlb-list-item {\n\t\tfont-size: 1.2vw;\n\t\tcursor: pointer;\n\t\topacity: 1;\n\t\ttransition: all .2s ease;\n\t\tline-height: 1.4vw;\n        border-bottom: 1px solid #000;\n        padding-bottom: 2px;\n    \tpadding-top: 4px;\n\t\ttext-transform: uppercase;\n\t\tcolor: #ccc;\n\t}\n\n\t.tlb-list-item:hover {\n\t\topacity: 1;\n\t\tcolor: #000;\n\t}\n\n\t.tlb-list-item.active {\n\t\topacity: 1;\n\t\tcolor: #000;\n\t}\n\n\t\/* Hover sincronizado *\/\n\t.tlb-list-item.hover {\n\t\topacity: 1;\n\t\tcolor: #000;\n\t}\n\n\t\/* Ajuste responsive *\/\n\t@media(max-width: 980px){\n\t\t.tlb-listado {\n\t\t\tgap: 8px 12px;\n\t\t}\n\t\t\n\t\t.tlb-list-item {\n\t\t\tfont-size: 3vw;\n\t\t\tline-height: 3.2vw;\n\t\t\tborder-bottom: 1px solid #000;\n\t\t\tpadding-bottom: 10px;\n\t\t}\n\t}\n\t\n\t\n\t\/* ITEMS COLUMNA DERECHA *\/\n\t\/* Estado vac\u00edo *\/\n\t.tlb-empty {\n\t\topacity: 0.6;\n\t\tfont-size: 14px;\n\t}\n\t\n\t.tlb-item {\n\t\tdisplay: none;\n\t}\n\n\t.tlb-title {\n\t\tcursor: pointer;\n\t\ttransition: color .2s ease;\n\t\ttext-transform: inherit;\n\t}\n\n\t.tlb-title:hover {\n\t\tcolor: #000;\n\t}\n\n\t.tlb-item.active .tlb-title {\n\t\ttext-transform: inherit;\n\t}\n\n\t\/* Solo mostrar activo *\/\n\t.tlb-item.active {\n\t\tdisplay: block;\n\t}\n\t\n\t.tlb-item.hover .tlb-title {\n\t\tcolor: #000;\n\t}\n\n    \/* INFO *\/\n    .tlb-info-wrap {\n        width: 50%;\n\t\tposition: sticky;\n\t\ttop: 100px;\n    }\n\n    .tlb-info {\n\t\tdisplay: block;\n\t\tmargin-top: 10px;\n\t\tanimation: fade .3s ease;\n\t}\n\t\t\n\t.tlb-info .tlb-desc p,\n\t.tlb-info .tlb-desc span {\n\t\tfont-size: 20px;\n\t\tline-height: 24px;\n\t}\n\n\t.tlb-item.active .tlb-info {\n\t\tdisplay: block;\n\t}\n\n    .tlb-info img {\n        width: 100%;\n        margin-bottom: 10px;\n    }\n\n    @keyframes fade {\n        from { opacity: 0; transform: translateY(10px); }\n        to { opacity: 1; transform: translateY(0); }\n    }\n\t\n\t.tlb-title--logo img {\n\t\tdisplay: block;\n\t\tmax-width: 220px;\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n\n\t.tlb-item.active .tlb-title--logo img {\n\t\topacity: 1;\n\t}\n\t\n\t.tlb-title--logo {\n\t\tmargin-bottom: 10px;\n\t}\n\t\n\t.tlb-boton {\n\t\tmargin-top: 20px;\n\t\ttext-align: left;\n\t}\n\n\t.tlb-boton p {\n\t\tline-height: normal!important;\n\t}\n\n\t.tlb-boton a {\n\t\tdisplay: inline-block;\n\t}\n\t\n\t\/* GALER\u00cdA WRAP *\/\n\t.tlb-galeria {\n\t\tposition: relative;\n\t\tmargin-bottom: 15px;\n\t\toverflow: hidden;\n\t}\n\n\t\/* TRACK *\/\n\t.tlb-galeria-track {\n\t\tdisplay: flex;\n\t\tgap: 12px;\n\t\toverflow-x: auto;\n\t\toverflow-y: hidden;\n\t\tscroll-behavior: smooth;\n\t\tpadding-bottom: 10px;\n\t\t-webkit-overflow-scrolling: touch;\n    \tscrollbar-width: none;\n\t\tcursor: grab;\n\t\tuser-select: none;\n\t}\n\t\n\t.tlb-galeria-track.dragging {\n\t\tcursor: grabbing;\n\t}\n\t\n\t.tlb-galeria-track img {\n\t\tpointer-events: none; \/* \ud83d\udc48 evita que la imagen \u201crobe\u201d el drag *\/\n\t}\n\n\t\/* ocultar scrollbar *\/\n\t.tlb-galeria-track::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\n\t\/* ITEM *\/\n\t.tlb-galeria-item {\n\t\tflex: 0 0 92%; \/* \ud83d\udc48 clave: casi full width *\/\n\t}\n\n\t.tlb-galeria-item img {\n\t\twidth: 100%;\n\t\theight: auto;\n\t\tdisplay: block;\n\t\tborder-radius: 6px;\n\t\taspect-ratio: 4 \/ 3;\n\t\tobject-fit: cover;\n\t}\n\n\t\/* hint m\u00e1s elegante *\/\n\t.tlb-galeria-hint {\n\t\tposition: absolute;\n\t\tbottom: 20px;\n\t\tright: 42%;\n\t\tfont-size: 16px;\n\t\tbackground: rgba(0,0,0,0.6);\n\t\tcolor: #fff;\n\t\tpadding: 5px 10px;\n\t\tborder-radius: 20px;\n\t\topacity: 0.9;\n\t\ttransition: opacity .3s ease;\n\t\tdisplay: block;\n\t}\n\n\t.tlb-galeria:hover .tlb-galeria-hint {\n\t\topacity: 0;\n\t\tdisplay: none;\n\t}\n\n    \/* TOOLTIP *\/\n    .tlb-tooltip-img {\n        position: fixed;\n        width: 400px;\n        pointer-events: none;\n        z-index: 9999;\n        opacity: 0;\n        transform: translate(-50%, -100%);\n        transition: opacity .2s ease;\n    }\n\n    .tlb-tooltip-img img {\n        width: 100%;\n        display: block;\n        border-radius: 4px;\n    }\n\n    \/* RESPONSIVE *\/\n    @media(max-width: 980px) {\n        .tlb-mapa-wrap {\n            flex-direction: column;\n        }\n\t\t\n\t\t.tlb-bottom {\n\t\t\tflex-direction: column;\n\t\t}\n\n\n        .tlb-mapa,\n\t\t.tlb-listado,\n        .tlb-info-wrap {\n            width: 100%;\n        }\n\t\t\n\t\t.tlb-mapa img {\n\t\t\twidth: 100%;\n\t\t}\n\n        .tlb-info-wrap {\n            position: relative;\n            top: auto;\n        }\n\t\t\n\t\t.tlb-list-item {\n\t\t\tfont-size: 14px;\n\t\t\tline-height: 18px;\n\t\t}\n\t\t\n\t\t.tlb-tooltip-img{\n\t\t\tdisplay:none !important;\n\t\t}\n    }\n\t\n\t@media all and (max-width: 768px) {\n\t\t#sea-sea-map {\n\t\t\tpadding-bottom: 0px;\n\t\t}\n\t\n\t\t.tlb-bottom {\n\t\t\theight: auto;\n\t\t}\n\t}\n    <\/style>\n\n    <script>\n\t\tjQuery(document).ready(function(){\n\n\t\t\tvar tooltip = jQuery('.tlb-tooltip-img');\n\n\t\t\t\/\/ TOOLTIP solo desktop\n\t\t\tjQuery('.tlb-hotspot').on('mouseenter', function(){\n\n\t\t\t\t\/\/ desactivar en tablet y m\u00f3vil\n\t\t\t\tif(window.innerWidth <= 980){\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar img = jQuery(this).data('img');\n\n\t\t\t\tif(img){\n\t\t\t\t\ttooltip.html('<img decoding=\"async\" src=\"'+img+'\">');\n\t\t\t\t\ttooltip.css('opacity', 1);\n\t\t\t\t}\n\n\t\t\t}).on('mousemove', function(e){\n\n\t\t\t\t\/\/ desactivar en tablet y m\u00f3vil\n\t\t\t\tif(window.innerWidth <= 980){\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\ttooltip.css({\n\t\t\t\t\ttop: (e.clientY - 20) + 'px',\n\t\t\t\t\tleft: e.clientX + 'px'\n\t\t\t\t});\n\n\t\t\t}).on('mouseleave', function(){\n\n\t\t\t\ttooltip.css('opacity', 0).html('');\n\n\t\t\t});\n\n\t\t\tfunction activarZona(id){\n\n\t\t\t\t\/\/ reset\n\t\t\t\tjQuery('.tlb-item').removeClass('active');\n\t\t\t\tjQuery('.tlb-hotspot').removeClass('active');\n\t\t\t\tjQuery('.tlb-list-item').removeClass('active');\n\n\t\t\t\t\/\/ activar seleccionado\n\t\t\t\tjQuery('.tlb-item[data-id=\"'+id+'\"]').addClass('active');\n\t\t\t\tjQuery('.tlb-hotspot[data-id=\"'+id+'\"]').addClass('active');\n\t\t\t\tjQuery('.tlb-list-item[data-id=\"'+id+'\"]').addClass('active');\n\n\t\t\t\t\/\/ ocultar estado vac\u00edo\n\t\t\t\tjQuery('.tlb-empty').hide();\n\t\t\t}\n\t\t\n\t\t\tfunction hoverZona(id){\n\t\t\t\tjQuery('.tlb-item, .tlb-hotspot, .tlb-list-item').removeClass('hover');\n\n\t\t\t\tjQuery('.tlb-item[data-id=\"'+id+'\"]').addClass('hover');\n\t\t\t\tjQuery('.tlb-hotspot[data-id=\"'+id+'\"]').addClass('hover');\n\t\t\t\tjQuery('.tlb-list-item[data-id=\"'+id+'\"]').addClass('hover');\n\t\t\t}\n\n\t\t\tfunction resetHover(){\n\t\t\t\tjQuery('.tlb-item, .tlb-hotspot').removeClass('hover');\n\t\t\t}\n\n\t\t\t\/\/ Hover en hotspot\n\t\t\tjQuery('.tlb-hotspot').on('mouseenter', function(){\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\thoverZona(id);\n\t\t\t}).on('mouseleave', function(){\n\t\t\t\tresetHover();\n\t\t\t});\n\n\t\t\t\/\/ Hover en t\u00edtulo\n\t\t\tjQuery('.tlb-title').on('mouseenter', function(){\n\t\t\t\tvar id = jQuery(this).closest('.tlb-item').data('id');\n\t\t\t\thoverZona(id);\n\t\t\t}).on('mouseleave', function(){\n\t\t\t\tresetHover();\n\t\t\t});\n\n\t\t\t\/\/ CLICK en mapa\n\t\t\tjQuery('.tlb-hotspot').on('click', function(){\n\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\tactivarZona(id);\n\n\t\t\t});\n\n\t\t\t\/\/ CLICK en t\u00edtulo\n\t\t\tjQuery('.tlb-title').on('click', function(){\n\n\t\t\t\tvar id = jQuery(this).closest('.tlb-item').data('id');\n\t\t\t\tactivarZona(id);\n\n\t\t\t});\n\t\t\t\n\t\t\t\/\/ CLICK en listado\n\t\t\tjQuery('.tlb-list-item').on('click', function(){\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\tactivarZona(id);\n\t\t\t});\n\n\t\t\t\/\/ HOVER en listado\n\t\t\tjQuery('.tlb-list-item').on('mouseenter', function(){\n\t\t\t\tvar id = jQuery(this).data('id');\n\t\t\t\thoverZona(id);\n\t\t\t}).on('mouseleave', function(){\n\t\t\t\tresetHover();\n\t\t\t});\n\t\t\n\t\t\t\/\/ scroll horizontal con rueda\n\t\t\tdocument.querySelectorAll('.tlb-galeria-track').forEach(function(track){\n\t\t\t\ttrack.addEventListener('wheel', function(e){\n\n\t\t\t\t\tif (track.scrollWidth <= track.clientWidth) return;\n\n\t\t\t\t\tconst delta = e.deltaY;\n\t\t\t\t\tconst scrollLeft = track.scrollLeft;\n\t\t\t\t\tconst maxScroll = track.scrollWidth - track.clientWidth;\n\n\t\t\t\t\tconst canScrollLeft  = delta < 0 && scrollLeft > 0;\n\t\t\t\t\tconst canScrollRight = delta > 0 && scrollLeft < maxScroll;\n\n\t\t\t\t\tif (canScrollLeft || canScrollRight) {\n\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\te.stopPropagation();\n\n\t\t\t\t\t\t\/\/ \ud83d\udc47 velocidad ajustada (aqu\u00ed est\u00e1 la clave)\n\t\t\t\t\t\ttrack.scrollLeft += delta * 1.8;\n\n\t\t\t\t\t}\n\n\t\t\t\t}, { passive: false });\n\n\t\t\t});\n\t\t\n\t\t\n\t\t\t\/\/ scroll horizontal con drag\n\t\t\tdocument.querySelectorAll('.tlb-galeria-track').forEach(function(track){\n\n\t\t\t\tlet isDown = false;\n\t\t\t\tlet startX;\n\t\t\t\tlet scrollStart;\n\n\t\t\t\ttrack.addEventListener('pointerdown', function(e){\n\n\t\t\t\t\tisDown = true;\n\t\t\t\t\ttrack.classList.add('dragging');\n\n\t\t\t\t\tstartX = e.clientX;\n\t\t\t\t\tscrollStart = track.scrollLeft;\n\n\t\t\t\t\ttrack.setPointerCapture(e.pointerId);\n\t\t\t\t});\n\n\t\t\t\ttrack.addEventListener('pointermove', function(e){\n\n\t\t\t\t\tif (!isDown) return;\n\n\t\t\t\t\te.preventDefault();\n\n\t\t\t\t\tconst walk = (startX - e.clientX) * 1.2;\n\t\t\t\t\ttrack.scrollLeft = scrollStart + walk;\n\t\t\t\t});\n\n\t\t\t\ttrack.addEventListener('pointerup', function(e){\n\t\t\t\t\tisDown = false;\n\t\t\t\t\ttrack.classList.remove('dragging');\n\t\t\t\t\ttrack.releasePointerCapture(e.pointerId);\n\t\t\t\t});\n\n\t\t\t\ttrack.addEventListener('pointercancel', function(){\n\t\t\t\t\tisDown = false;\n\t\t\t\t\ttrack.classList.remove('dragging');\n\t\t\t\t});\n\n\t\t\t});\n\t\t\n\t\t\t\/\/ activar primer punto al cargar\n\t\t\tvar primerHotspot = jQuery('.tlb-hotspot').first();\n\n\t\t\tif(primerHotspot.length){\n\t\t\t\tactivarZona(primerHotspot.data('id'));\n\t\t\t}\n\t\t});\n    <\/script>\n\n    <\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-2506","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Inicio - Seaseaclub<\/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:\/\/www.seaseaclub.com\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Inicio - Seaseaclub\" \/>\n<meta property=\"og:description\" content=\"Un espacio \u00fanico en BarcelonaCOMPRAR ENTRADAS\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.seaseaclub.com\/\" \/>\n<meta property=\"og:site_name\" content=\"Seaseaclub\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-26T10:52:16+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/\",\"url\":\"https:\\\/\\\/www.seaseaclub.com\\\/\",\"name\":\"Inicio - Seaseaclub\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#website\"},\"datePublished\":\"2026-04-30T13:39:54+00:00\",\"dateModified\":\"2026-08-26T10:52:16+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.seaseaclub.com\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/www.seaseaclub.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Inicio\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#website\",\"url\":\"https:\\\/\\\/www.seaseaclub.com\\\/\",\"name\":\"Seasea Club\",\"description\":\"Un refugio sensorial frente al mar\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.seaseaclub.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#organization\",\"name\":\"Seasea Club\",\"url\":\"https:\\\/\\\/www.seaseaclub.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.seaseaclub.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/seaseaclub_logo.svg\",\"contentUrl\":\"https:\\\/\\\/www.seaseaclub.com\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/seaseaclub_logo.svg\",\"width\":1,\"height\":1,\"caption\":\"Seasea Club\"},\"image\":{\"@id\":\"https:\\\/\\\/www.seaseaclub.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.instagram.com\\\/seaseaclub.bcn\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/discover\\\/sea-sea-club-barcelona\",\"https:\\\/\\\/www.youtube.com\\\/@seaseaclub\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Inicio - Seaseaclub","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:\/\/www.seaseaclub.com\/","og_locale":"es_ES","og_type":"article","og_title":"Inicio - Seaseaclub","og_description":"Un espacio \u00fanico en BarcelonaCOMPRAR ENTRADAS","og_url":"https:\/\/www.seaseaclub.com\/","og_site_name":"Seaseaclub","article_modified_time":"2026-08-26T10:52:16+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.seaseaclub.com\/","url":"https:\/\/www.seaseaclub.com\/","name":"Inicio - Seaseaclub","isPartOf":{"@id":"https:\/\/www.seaseaclub.com\/#website"},"datePublished":"2026-04-30T13:39:54+00:00","dateModified":"2026-08-26T10:52:16+00:00","breadcrumb":{"@id":"https:\/\/www.seaseaclub.com\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.seaseaclub.com\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.seaseaclub.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.seaseaclub.com\/"},{"@type":"ListItem","position":2,"name":"Inicio"}]},{"@type":"WebSite","@id":"https:\/\/www.seaseaclub.com\/#website","url":"https:\/\/www.seaseaclub.com\/","name":"Seasea Club","description":"Un refugio sensorial frente al mar","publisher":{"@id":"https:\/\/www.seaseaclub.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.seaseaclub.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.seaseaclub.com\/#organization","name":"Seasea Club","url":"https:\/\/www.seaseaclub.com\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.seaseaclub.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg","contentUrl":"https:\/\/www.seaseaclub.com\/wp-content\/uploads\/2026\/04\/seaseaclub_logo.svg","width":1,"height":1,"caption":"Seasea Club"},"image":{"@id":"https:\/\/www.seaseaclub.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/seaseaclub.bcn\/","https:\/\/www.tiktok.com\/discover\/sea-sea-club-barcelona","https:\/\/www.youtube.com\/@seaseaclub"]}]}},"_links":{"self":[{"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/pages\/2506","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/comments?post=2506"}],"version-history":[{"count":6,"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/pages\/2506\/revisions"}],"predecessor-version":[{"id":3937,"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/pages\/2506\/revisions\/3937"}],"wp:attachment":[{"href":"https:\/\/www.seaseaclub.com\/es\/wp-json\/wp\/v2\/media?parent=2506"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}