{"id":146,"date":"2026-05-12T23:35:03","date_gmt":"2026-05-12T21:35:03","guid":{"rendered":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=146"},"modified":"2026-05-15T16:57:01","modified_gmt":"2026-05-15T14:57:01","slug":"barcelona","status":"publish","type":"page","link":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=146","title":{"rendered":"Barcelona"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"146\" class=\"elementor elementor-146\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3c8f3b e-con-full e-flex e-con e-parent\" data-id=\"e3c8f3b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7bb0c9b elementor-widget elementor-widget-html\" data-id=\"7bb0c9b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     HEADER EDITORIAL V6.1 - AGENDA REMOVED\n     ========================================= *\/\n  .cataspots-header-wrapper {\n    position: sticky;\n    top: 0;\n    z-index: 999;\n    background-color: #ffffff;\n    border-bottom: 1px solid #000000; \n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  }\n\n  .cataspots-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 15px 50px;\n    max-width: 1400px;\n    margin: 0 auto;\n  }\n\n  \/* 1. LOGO *\/\n  .header-logo a {\n    text-decoration: none;\n    color: #000000;\n    display: flex;\n    flex-direction: column;\n    min-width: 180px;\n  }\n\n  .header-logo-title {\n    font-family: 'Times New Roman', Times, serif;\n    font-size: 24px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    margin: 0;\n    font-weight: normal;\n  }\n\n  .header-logo-subtitle {\n    font-size: 8px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #FF6B35;\n    margin: 2px 0 0 0;\n  }\n\n  \/* 2. NAVEGACI\u00d3N CENTRAL *\/\n  .header-nav {\n    display: flex;\n    gap: 30px;\n    align-items: center;\n  }\n\n  .nav-link {\n    text-decoration: none;\n    color: #000000;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    position: relative;\n    padding-bottom: 4px;\n    transition: color 0.3s ease;\n    cursor: pointer;\n  }\n\n  .nav-link:hover { color: #007BFF; }\n\n  \/* MEN\u00da DESPLEGABLE (DROPDOWN) *\/\n  .dropdown {\n    position: relative;\n    display: flex;\n    align-items: center;\n    height: 100%;\n  }\n\n  .dropdown-content {\n    visibility: hidden;\n    opacity: 0;\n    position: absolute;\n    top: calc(100% + 15px);\n    left: 50%;\n    transform: translateX(-50%) translateY(10px);\n    background-color: #ffffff;\n    min-width: 160px;\n    border: 1px solid #000000;\n    box-shadow: 0px 10px 20px rgba(0,0,0,0.05);\n    z-index: 1000;\n    transition: all 0.3s ease;\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* PUENTE INVISIBLE *\/\n  .dropdown-content::before {\n    content: '';\n    position: absolute;\n    top: -25px;\n    left: 0;\n    width: 100%;\n    height: 25px;\n    background: transparent;\n  }\n\n  .dropdown:hover .dropdown-content {\n    visibility: visible;\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n\n  .dropdown-content a {\n    color: #000000;\n    padding: 15px 20px;\n    text-decoration: none;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    transition: all 0.3s ease;\n    border-bottom: 1px solid #f3f4f6;\n    text-align: center;\n  }\n\n  .dropdown-content a:hover {\n    background-color: #f9fafb;\n    color: #FF6B35;\n  }\n\n  \/* 3. ZONA DE USUARIO *\/\n  .header-user-actions {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n    min-width: 220px;\n    justify-content: flex-end;\n  }\n\n  .login-btn {\n    text-decoration: none;\n    color: #000000;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    transition: color 0.3s ease;\n  }\n\n  .login-btn:hover { color: #FF6B35; }\n\n  .signup-btn {\n    background-color: #000000;\n    color: #ffffff;\n    text-decoration: none;\n    padding: 10px 20px;\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 800;\n    transition: all 0.3s ease;\n  }\n\n  .signup-btn:hover {\n    background-color: #FF6B35;\n    transform: translateY(-2px);\n  }\n\n  \/* MOBILE RESPONSIVE *\/\n  .mobile-menu-btn { display: none; background: none; border: none; font-size: 24px; cursor: pointer; }\n\n  @media (max-width: 1024px) {\n    .cataspots-header { padding: 15px 20px; }\n    .header-nav, .header-user-actions { display: none; }\n    .mobile-menu-btn { display: block; }\n    \n    .mobile-active {\n      display: flex !important;\n      flex-direction: column;\n      position: absolute;\n      top: 100%;\n      left: 0;\n      width: 100%;\n      background: white;\n      padding: 20px 0;\n      border-bottom: 1px solid black;\n      gap: 15px;\n    }\n    .dropdown-content { position: relative; top: 0; left: 0; transform: none; box-shadow: none; border: none; }\n    .dropdown-content::before { display: none; }\n  }\n<\/style>\n\n<div class=\"cataspots-header-wrapper\">\n  <header class=\"cataspots-header\">\n    \n    <div class=\"header-logo\">\n      <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/\">\n        <h1 class=\"header-logo-title\">CataSpots<\/h1>\n        <p class=\"header-logo-subtitle\">Rompe la noche, no tu cartera<\/p>\n      <\/a>\n    <\/div>\n\n    <nav class=\"header-nav\" id=\"mainNav\">\n      <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/\" class=\"nav-link\">Inicio<\/a>\n      \n      <div class=\"dropdown\">\n        <a class=\"nav-link\">Provincias \u25be<\/a>\n        <div class=\"dropdown-content\">\n          <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=146\">Barcelona<\/a>\n          <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=148\">Tarragona<\/a>\n          <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=150\">Girona<\/a>\n          <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=155\">Lleida<\/a>\n        <\/div>\n      <\/div>\n\n      <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=87\" class=\"nav-link\">About Us<\/a> \n      <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=76\" class=\"nav-link\">The Inner Circle<\/a>\n    <\/nav>\n\n    <div class=\"header-user-actions\" id=\"userNav\">\n      <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=208\" class=\"login-btn\">Log In<\/a>\n      <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=208\" class=\"signup-btn\">Sign Up<\/a>\n    <\/div>\n\n    <button class=\"mobile-menu-btn\" onclick=\"toggleMenu()\">\u2630<\/button>\n\n  <\/header>\n<\/div>\n\n<script>\n  function toggleMenu() {\n    document.getElementById(\"mainNav\").classList.toggle(\"mobile-active\");\n    document.getElementById(\"userNav\").classList.toggle(\"mobile-active\");\n  }\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b67b9ed e-con-full e-flex e-con e-parent\" data-id=\"b67b9ed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d597bf5 elementor-widget elementor-widget-html\" data-id=\"d597bf5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     PAGE: BARCELONA GUIDE - CATASPOTS (CUADRADOS 1:1 FORZADOS)\n     ========================================= *\/\n  .bcn-wrapper {\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #000000;\n    background-color: #ffffff;\n    padding-bottom: 20px;\n  }\n\n  \/* 1. HERO BARCELONA *\/\n  .bcn-hero {\n    padding: 20px 20px;\n    text-align: center;\n    background-color: #FAFAFA;\n    border-bottom: 1px solid #000000;\n  }\n\n  .bcn-label {\n    font-size: 10px;\n    text-transform: uppercase;\n    letter-spacing: 4px;\n    font-weight: 800;\n    color: #FF6B35;\n    margin-bottom: 20px;\n    display: block;\n  }\n\n  .bcn-title {\n    font-family: 'Times New Roman', Times, serif;\n    font-size: clamp(40px, 8vw, 90px);\n    text-transform: uppercase;\n    margin: 0;\n    letter-spacing: -2px;\n  }\n\n  \/* 2. ESTRUCTURA DE CATEGOR\u00cdAS *\/\n  .cat-section {\n    max-width: 1300px;\n    margin: 20px auto 0 auto;\n    padding: 0 40px;\n  }\n\n  .cat-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    border-bottom: 2px solid #000000;\n    padding-bottom: 15px;\n    margin-bottom: 40px;\n  }\n\n  .cat-name {\n    font-family: 'Times New Roman', Times, serif;\n    font-size: 32px;\n    text-transform: uppercase;\n    margin: 0;\n  }\n\n  .cat-count {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 800;\n    color: #9CA3AF;\n  }\n\n  \/* 3. GRID DE TARJETAS *\/\n  .spots-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 30px;\n  }\n\n  .spot-card {\n    text-decoration: none;\n    color: #000000;\n    display: flex;\n    flex-direction: column;\n  }\n\n  \/* \ud83d\udd25 EL TRUCO PARA FORZAR EL CUADRADO 1:1 PERFECTO \ud83d\udd25 *\/\n  .spot-img-wrapper {\n    width: 100%;\n    padding-bottom: 100%; \/* Esto hace que la altura sea igual a la anchura siempre *\/\n    background-color: #E5E7EB;\n    margin-bottom: 20px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .spot-img {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover; \/* Recorta la imagen para que llene el cuadrado sin deformarse *\/\n    filter: grayscale(100%);\n    transition: filter 0.5s ease, transform 0.5s ease;\n  }\n\n  .spot-card:hover .spot-img {\n    filter: grayscale(0%);\n    transform: scale(1.05); \/* Efecto zoom al pasar el rat\u00f3n *\/\n  }\n\n  .spot-tag {\n    position: absolute;\n    top: 15px;\n    left: 15px;\n    background: #ffffff;\n    padding: 5px 10px;\n    font-size: 8px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 800;\n    z-index: 10;\n  }\n\n  .spot-title {\n    font-size: 14px;\n    text-transform: uppercase;\n    letter-spacing: 1px;\n    font-weight: 800;\n    margin: 0 0 5px 0;\n    transition: color 0.3s ease;\n  }\n\n  .spot-card:hover .spot-title {\n    color: #FF6B35; \/* El t\u00edtulo se pone naranja al hacer hover *\/\n  }\n\n  .spot-desc {\n    font-size: 12px;\n    color: #6B7280;\n    line-height: 1.5;\n    margin: 0;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 1100px) {\n    .spots-grid { grid-template-columns: repeat(2, 1fr); }\n  }\n  @media (max-width: 600px) {\n    .spots-grid { grid-template-columns: 1fr; }\n    .cat-section { padding: 0 20px; }\n  }\n<\/style>\n\n<div class=\"bcn-wrapper\">\n\n  <!-- HERO -->\n  <section class=\"bcn-hero\">\n    <span class=\"bcn-label\">City Guide<\/span>\n    <h1 class=\"bcn-title\">Barcelona<\/h1>\n  <\/section>\n\n  <!-- SECCI\u00d3N 1: TARDEOS -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Tardeo & Views<\/h2>\n      <span class=\"cat-count\">04 Spots<\/span>\n    <\/div>\n    <div class=\"spots-grid\">\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <div class=\"spot-tag\">Top Choice<\/div>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572331165267-854da2b10ccc?q=80&w=800&h=800&fit=crop\" alt=\"Wet Deck\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Wet Deck (Hotel W)<\/h3>\n        <p class=\"spot-desc\">La pool party m\u00e1s ic\u00f3nica de la ciudad. Vistas al mar y el mejor house.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566417713940-fe7c737a9ef2?q=80&w=800&h=800&fit=crop\" alt=\"The Roof\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">The Roof (Edition)<\/h3>\n        <p class=\"spot-desc\">Ambiente sofisticado, c\u00f3cteles de autor y vistas panor\u00e1micas al Born.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514362545857-3bc16c4c7d1b?q=80&w=800&h=800&fit=crop\" alt=\"Skyfall\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Skyfall<\/h3>\n        <p class=\"spot-desc\">Un club rotatorio 360\u00ba. Perfecto para ver el atardecer con un toque futurista.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545044846-351ba102b6d5?q=80&w=800&h=800&fit=crop\" alt=\"Go Beach Club\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Go Beach Club<\/h3>\n        <p class=\"spot-desc\">El tardeo m\u00e1s canalla del Port F\u00f2rum. Piscina, beats y champagne.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECCI\u00d3N 2: RESTAURANTES -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Gastronom\u00eda<\/h2>\n      <span class=\"cat-count\">04 Spots<\/span>\n    <\/div>\n    <div class=\"spots-grid\">\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <div class=\"spot-tag\">Viral<\/div>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?q=80&w=800&h=800&fit=crop\" alt=\"Gala\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Gala<\/h3>\n        <p class=\"spot-desc\">Cenar en un tiovivo surrealista. La experiencia m\u00e1s instagrameable de BCN.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1553621042-f6e147245754?q=80&w=800&h=800&fit=crop\" alt=\"Salvaje\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Salvaje<\/h3>\n        <p class=\"spot-desc\">Gastronom\u00eda japonesa de alto nivel fusionada con un show salvaje.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1473093295043-cdd812d0e601?q=80&w=800&h=800&fit=crop\" alt=\"Dos Besos\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Belbo Dos Besos<\/h3>\n        <p class=\"spot-desc\">Donde la comida italiana se junta con la fiesta en pleno Paseo de Gracia.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550966871-3ed3cdb5ed0c?q=80&w=800&h=800&fit=crop\" alt=\"Feroz\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Feroz<\/h3>\n        <p class=\"spot-desc\">Elegancia pura en la zona alta. Ideal para una cena que acaba en copas.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECCI\u00d3N 3: DISCOTECAS -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Nightlife<\/h2>\n      <span class=\"cat-count\">04 Spots<\/span>\n    <\/div>\n    <div class=\"spots-grid\">\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <div class=\"spot-tag\">Exclusive<\/div>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566737236500-c8ac43014a67?q=80&w=800&h=800&fit=crop\" alt=\"Sutton\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Sutton<\/h3>\n        <p class=\"spot-desc\">El club de referencia para la gente bien de Barcelona. Dress code: Impecable.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <!-- \ud83d\udd25 ESTA ES LA NUEVA IMAGEN ESTABLE PARA BLING BLING \ud83d\udd25 -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514525253161-7a46d19cd819?q=80&w=800&h=800&fit=crop\" alt=\"Bling Bling\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Bling Bling<\/h3>\n        <p class=\"spot-desc\">Lujo y hits comerciales en la calle Tuset. El coraz\u00f3n de la zona alta.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1516450360452-9312f5e86fc7?q=80&w=800&h=800&fit=crop\" alt=\"Opium\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Opium Barcelona<\/h3>\n        <p class=\"spot-desc\">Frente al mar. Electr\u00f3nica internacional y ambiente cosmopolita.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1545128485-c400e7702796?q=80&w=800&h=800&fit=crop\" alt=\"Pacha\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Pacha BCN<\/h3>\n        <p class=\"spot-desc\">Las cerezas m\u00e1s famosas del mundo. Puro aroma de Ibiza en Barcelona.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECCI\u00d3N 4: EVENTOS RANDOM -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Eventos & Culture<\/h2>\n      <span class=\"cat-count\">04 Plans<\/span>\n    <\/div>\n    <div class=\"spots-grid\">\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1537832816519-689ad163238b?q=80&w=800&h=800&fit=crop\" alt=\"080 Fashion\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">080 Barcelona Fashion<\/h3>\n        <p class=\"spot-desc\">La semana de la moda. Desfiles, tendencias y el street style m\u00e1s cool.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1459749411175-04bf5292ceea?q=80&w=800&h=800&fit=crop\" alt=\"Sonar\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">S\u00f3nar Festival<\/h3>\n        <p class=\"spot-desc\">M\u00fasica, creatividad y tecnolog\u00eda. La cita mundial de la electr\u00f3nica.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1513151233558-d860c5398176?q=80&w=800&h=800&fit=crop\" alt=\"Carnaval Sitges\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Carnaval de Sitges<\/h3>\n        <p class=\"spot-desc\">A 30 min de BCN. La fiesta m\u00e1s colorida y salvaje de febrero.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1494809610410-160faaed4de0?q=80&w=800&h=800&fit=crop\" alt=\"Sant Jordi\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Sant Jordi<\/h3>\n        <p class=\"spot-desc\">23 de abril. La ciudad se llena de rosas, libros y una energ\u00eda m\u00e1gica.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f1ebb0 elementor-widget elementor-widget-html\" data-id=\"0f1ebb0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================\r\n     FOOTER EDITORIAL \/ PREMIUM\r\n     ========================================= *\/\r\n  .editorial-footer {\r\n    background-color: #ffffff;\r\n    color: #000000;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    padding: 30px 50px 30px;\r\n    border-top: 1px solid #000000; \/* L\u00ednea negra separadora *\/\r\n    max-width: 100%;\r\n    margin-top: 50px;\r\n  }\r\n\r\n  \/* Contenedor principal de columnas *\/\r\n  .footer-top {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-wrap: wrap;\r\n    gap: 50px;\r\n    margin-bottom: 8px;\r\n    max-width: 1400px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  \/* 1. Zona de Marca (Izquierda) *\/\r\n  .footer-brand h2 {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-size: 28px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    margin: 0 0 5px 0;\r\n    font-weight: normal;\r\n  }\r\n\r\n  .footer-brand p {\r\n    font-size: 13px;\r\n    color: #4b4b4b;\r\n    max-width: 280px;\r\n    line-height: 1.6;\r\n    margin: 0;\r\n  }\r\n\r\n  \/* 2. Zona de Enlaces (Centro) *\/\r\n  .footer-links-group {\r\n    display: flex;\r\n    gap: 80px;\r\n  }\r\n\r\n  .footer-col h4 {\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin: 0 0 25px 0;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .footer-col ul {\r\n    list-style: none;\r\n    padding: 0;\r\n    margin: 0;\r\n  }\r\n\r\n  .footer-col ul li {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  .footer-col ul a {\r\n    text-decoration: none;\r\n    color: #000000;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .footer-col ul a:hover {\r\n    color: #FF6B35; \/* Toque naranja CataSpots *\/\r\n  }\r\n\r\n  \/* 3. Zona Newsletter (Derecha) *\/\r\n  .footer-newsletter h4 {\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin: 0 0 20px 0;\r\n    font-weight: 700;\r\n  }\r\n\r\n  .footer-newsletter p {\r\n    font-size: 12px;\r\n    color: #4b4b4b;\r\n    margin-bottom: 20px;\r\n    max-width: 250px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* Formulario minimalista de una sola l\u00ednea *\/\r\n  .newsletter-form-minimal {\r\n    display: flex;\r\n    border-bottom: 1px solid #000000;\r\n    padding-bottom: 8px;\r\n    width: 100%;\r\n    max-width: 300px;\r\n  }\r\n\r\n  .newsletter-form-minimal input {\r\n    border: none;\r\n    outline: none;\r\n    width: 100%;\r\n    font-size: 12px;\r\n    font-family: inherit;\r\n    background: transparent;\r\n    color: #000000;\r\n  }\r\n\r\n  .newsletter-form-minimal input::placeholder {\r\n    color: #9CA3AF;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .newsletter-form-minimal button {\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: 11px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    font-weight: 700;\r\n    color: #000000;\r\n    transition: color 0.3s ease;\r\n    padding: 0 0 0 10px;\r\n  }\r\n\r\n  .newsletter-form-minimal button:hover {\r\n    color: #007BFF; \/* Toque azul *\/\r\n  }\r\n\r\n  \/* 4. Barra inferior (Copyright y Legales) *\/\r\n  .footer-bottom {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    border-top: 1px solid #E5E7EB; \/* Gris muy clarito *\/\r\n    padding-top: 25px;\r\n    font-size: 10px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1.5px;\r\n    color: #6B7280;\r\n    flex-wrap: wrap;\r\n    gap: 15px;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .footer-bottom-links a {\r\n    color: #6B7280;\r\n    text-decoration: none;\r\n    margin-left: 30px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .footer-bottom-links a:hover {\r\n    color: #000000;\r\n  }\r\n\r\n  \/* Responsive para m\u00f3viles *\/\r\n  @media (max-width: 900px) {\r\n    .footer-top { flex-direction: column; gap: 50px; }\r\n    .footer-links-group { flex-direction: column; gap: 40px; }\r\n    .editorial-footer { padding: 60px 20px 20px; }\r\n    .footer-bottom { flex-direction: column; text-align: center; justify-content: center; }\r\n    .footer-bottom-links a { margin: 0 10px; }\r\n  }\r\n<\/style>\r\n\r\n<footer class=\"editorial-footer\">\r\n  \r\n  <div class=\"footer-top\">\r\n    \r\n    <div class=\"footer-brand\">\r\n      <h2>CataSpots<\/h2>\r\n      <p>Redefiniendo el ocio y la experiencia local. Planes que rompen la noche, no tu cartera.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"footer-links-group\">\r\n      \r\n      <div class=\"footer-col\">\r\n        <h4>Explorar<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=146\">Barcelona<\/a><\/li>\r\n          <li><a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=150\">Girona<\/a><\/li>\r\n          <li><a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=148\">Tarragona<\/a><\/li>\r\n          <li><a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=155\">Lleida<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>CataSpots<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=87\">Historia<\/a><\/li>\r\n          <li><a href=\"\/newsletter\">Newsletter<\/a><\/li>\r\n          <li><a href=\"\/contacto\">Contacto<\/a><\/li>\r\n          <li><a href=\"#\">FAQ<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"footer-col\">\r\n        <h4>Social<\/h4>\r\n        <ul>\r\n          <li><a href=\"https:\/\/instagram.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Instagram<\/a><\/li>\r\n          <li><a href=\"https:\/\/tiktok.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">TikTok<\/a><\/li>\r\n          <li><a href=\"https:\/\/twitter.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter \/ X<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"footer-newsletter\">\r\n      <h4>\u00danete al Club<\/h4>\r\n      <p>Spots secretos y eventos exclusivos, directamente en tu bandeja de entrada.<\/p>\r\n      <form action=\"TU_LINK_DE_FORMSPREE_O_MAILCHIMP\" method=\"POST\" class=\"newsletter-form-minimal\">\r\n        <input type=\"email\" placeholder=\"Tu Email...\" required>\r\n        <button type=\"submit\">Enviar<\/button>\r\n      <\/form>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"footer-bottom\">\r\n    <div class=\"copyright\">\r\n      &copy; 2026 CataSpots - All rights reserved\r\n    <\/div>\r\n    <div class=\"footer-bottom-links\">\r\n      <a href=\"\/privacidad\">Pol\u00edtica de Privacidad<\/a>\r\n      <a href=\"\/cookies\">Cookies<\/a>\r\n      <a href=\"\/legal\">Aviso Legal<\/a>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-24a764f e-flex e-con-boxed e-con e-parent\" data-id=\"24a764f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CataSpots Rompe la noche, no tu cartera Inicio Provincias \u25be Barcelona Tarragona Girona Lleida About Us The Inner Circle Log In Sign Up \u2630 City Guide Barcelona Tardeo &#038; Views 04 Spots Top Choice Wet Deck (Hotel W) La pool party m\u00e1s ic\u00f3nica de la ciudad. Vistas al mar y el mejor house. The Roof [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":41,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":390,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions\/390"}],"wp:attachment":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}