{"id":148,"date":"2026-05-08T17:45:38","date_gmt":"2026-05-08T15:45:38","guid":{"rendered":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=148"},"modified":"2026-05-15T16:56:35","modified_gmt":"2026-05-15T14:56:35","slug":"tarragona","status":"publish","type":"page","link":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=148","title":{"rendered":"Tarragona"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"148\" class=\"elementor elementor-148\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e7e12e7 e-flex e-con-boxed e-con e-parent\" data-id=\"e7e12e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28b253a elementor-widget elementor-widget-html\" data-id=\"28b253a\" 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 class=\"elementor-element elementor-element-54d7e91 elementor-widget elementor-widget-html\" data-id=\"54d7e91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     PAGE: TARRAGONA GUIDE - CATASPOTS\n     ========================================= *\/\n  .tgn-wrapper {\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #000000;\n    background-color: #ffffff;\n    padding-bottom: 20px;\n  }\n\n  .tgn-hero {\n    padding: 20px 20px;\n    text-align: center;\n    background-color: #FAFAFA;\n    border-bottom: 1px solid #000000;\n  }\n\n  .tgn-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  .tgn-title {\n    font-family: 'Times New Roman', Times, serif;\n    font-size: clamp(20px, 8vw, 90px);\n    text-transform: uppercase;\n    margin: 0;\n    letter-spacing: -2px;\n  }\n\n  .cat-section { max-width: 1300px; margin: 20px auto 0 auto; padding: 0 40px; }\n  .cat-header { display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 2px solid #000000; padding-bottom: 15px; margin-bottom: 40px; }\n  .cat-name { font-family: 'Times New Roman', Times, serif; font-size: 32px; text-transform: uppercase; margin: 0; }\n  .cat-count { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; color: #9CA3AF; }\n\n  .spots-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; }\n  .spot-card { text-decoration: none; color: #000000; display: flex; flex-direction: column; }\n  \n  .spot-img-wrapper { width: 100%; padding-bottom: 100%; background-color: #E5E7EB; margin-bottom: 20px; overflow: hidden; position: relative; }\n  .spot-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; filter: grayscale(100%); transition: filter 0.5s ease, transform 0.5s ease; }\n  .spot-card:hover .spot-img { filter: grayscale(0%); transform: scale(1.05); }\n\n  .spot-tag { position: absolute; top: 15px; left: 15px; background: #ffffff; padding: 5px 10px; font-size: 8px; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; z-index: 10; }\n  .spot-title { font-size: 14px; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; margin: 0 0 5px 0; transition: color 0.3s ease; }\n  .spot-card:hover .spot-title { color: #FF6B35; }\n  .spot-desc { font-size: 12px; color: #6B7280; line-height: 1.5; margin: 0; }\n\n  @media (max-width: 1100px) { .spots-grid { grid-template-columns: repeat(2, 1fr); } }\n  @media (max-width: 600px) { .spots-grid { grid-template-columns: 1fr; } .cat-section { padding: 0 20px; } }\n<\/style>\n\n<div class=\"tgn-wrapper\">\n\n  <section class=\"tgn-hero\">\n    <span class=\"tgn-label\">Costa Dorada Guide<\/span>\n    <h1 class=\"tgn-title\">Tarragona<\/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-1507525428034-b723cf961d3e?q=80&w=800&h=800&fit=crop\" alt=\"Balc\u00f3 del Mediterrani\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">El Terrat Lounge<\/h3>\n        <p class=\"spot-desc\">Tardeo con vistas panor\u00e1micas al Mediterr\u00e1neo y c\u00f3cteles de autor de primer nivel.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <!-- \ud83d\udd25 IMAGEN NUEVA Y ESTABLE: PREMIUM CLUB PORT \ud83d\udd25 -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1564466809058-bf4114d55352?q=80&w=800&h=800&fit=crop\" alt=\"Premium Club Port\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Premium Club Port<\/h3>\n        <p class=\"spot-desc\">La zona del puerto deportivo. Yates, atardeceres y ambiente sumamente exclusivo.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552071379-041b32707fed?q=80&w=800&h=800&fit=crop\" alt=\"Les Granotes\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Les Granotes Terrace<\/h3>\n        <p class=\"spot-desc\">Tomar algo justo encima del Anfiteatro Romano. Un lujo hist\u00f3rico inigualable.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517400508447-f8dd518b86db?q=80&w=800&h=800&fit=crop\" alt=\"T\u00f2tem\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">T\u00f2tem Beach Club<\/h3>\n        <p class=\"spot-desc\">Tardeo en la playa con DJ sets, camas balinesas y el mejor ambiente de la costa.<\/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\">Michelin<\/div>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600891964092-4316c288032e?q=80&w=800&h=800&fit=crop\" alt=\"AQ\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">AQ Restaurant<\/h3>\n        <p class=\"spot-desc\">Alta cocina junto a la Catedral. Dise\u00f1o vanguardista y men\u00fa degustaci\u00f3n rompedor.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?q=80&w=800&h=800&fit=crop\" alt=\"El Terrat\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">El Terrat<\/h3>\n        <p class=\"spot-desc\">Creatividad en estado puro y una estrella Michelin. Cita obligatoria para sibaritas.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1565557623262-b51c2513a641?q=80&w=800&h=800&fit=crop\" alt=\"El Llagut\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">El Llagut<\/h3>\n        <p class=\"spot-desc\">La mejor taberna marinera. Arroces premium y producto kil\u00f3metro cero del puerto.<\/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=\"Barhaus\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Barhaus<\/h3>\n        <p class=\"spot-desc\">Cenar rodeado de aut\u00e9nticos muros romanos con una est\u00e9tica arquitect\u00f3nica brutal.<\/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-1514525253161-7a46d19cd819?q=80&w=800&h=800&fit=crop\" alt=\"Totem Club\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Totem Club<\/h3>\n        <p class=\"spot-desc\">Dise\u00f1o exclusivo y el mejor ambiente de la ciudad. House comercial y reservados VIP.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566737236500-c8ac43014a67?q=80&w=800&h=800&fit=crop\" alt=\"Highland\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Highland<\/h3>\n        <p class=\"spot-desc\">El punto de encuentro cl\u00e1sico de la zona alta. Fiesta segura hasta la madrugada.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1536935338788-846bb9981813?q=80&w=800&h=800&fit=crop\" alt=\"Premium\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Premium Club<\/h3>\n        <p class=\"spot-desc\">Ubicado en pleno centro, perfecto para empezar la noche con estilo y copas premium.<\/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=\"Tropical\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Tropical Salou<\/h3>\n        <p class=\"spot-desc\">A escasos minutos de la ciudad. El macroclub por excelencia de la Costa Dorada.<\/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-1517309230475-6736d926b979?q=80&w=800&h=800&fit=crop\" alt=\"Tarraco Viva\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Tarraco Viva<\/h3>\n        <p class=\"spot-desc\">Viaja en el tiempo. El festival internacional de recreaci\u00f3n hist\u00f3rica romana.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498855926480-d98e83099315?q=80&w=800&h=800&fit=crop\" alt=\"Santa Tecla\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Santa Tecla<\/h3>\n        <p class=\"spot-desc\">Septiembre estalla. Fuego, bestiario, m\u00fasica y la fiesta mayor m\u00e1s espectacular.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1531058020387-3be344556be6?q=80&w=800&h=800&fit=crop\" alt=\"Concurs de Castells\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Concurs de Castells<\/h3>\n        <p class=\"spot-desc\">El mayor espect\u00e1culo del mundo casteller en la antigua plaza de toros. Piel de gallina.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1511192336575-5a79af67a629?q=80&w=800&h=800&fit=crop\" alt=\"Dixieland\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Festival Dixieland<\/h3>\n        <p class=\"spot-desc\">Tarragona se convierte en Nueva Orleans. Jazz cl\u00e1sico llenando las calles y locales.<\/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-54bcdb3 elementor-widget elementor-widget-html\" data-id=\"54bcdb3\" 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\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0910b50 e-flex e-con-boxed e-con e-parent\" data-id=\"0910b50\" 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 Costa Dorada Guide Tarragona Tardeo &#038; Views 04 Spots Top Choice El Terrat Lounge Tardeo con vistas panor\u00e1micas al Mediterr\u00e1neo y c\u00f3cteles de autor de primer nivel. Premium Club Port La [&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-148","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/148","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=148"}],"version-history":[{"count":41,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions"}],"predecessor-version":[{"id":387,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/148\/revisions\/387"}],"wp:attachment":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=148"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}