{"id":150,"date":"2026-05-14T19:40:55","date_gmt":"2026-05-14T17:40:55","guid":{"rendered":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=150"},"modified":"2026-05-15T17:07:05","modified_gmt":"2026-05-15T15:07:05","slug":"girona","status":"publish","type":"page","link":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=150","title":{"rendered":"Girona"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"150\" class=\"elementor elementor-150\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1981e7c e-flex e-con-boxed e-con e-parent\" data-id=\"1981e7c\" 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-2831208 elementor-widget elementor-widget-html\" data-id=\"2831208\" 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-c9a954b elementor-widget elementor-widget-html\" data-id=\"c9a954b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     PAGE: GIRONA GUIDE - CATASPOTS V2\n     ========================================= *\/\n  .gir-wrapper {\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #000000;\n    background-color: #ffffff;\n    padding-bottom: 20px;\n  }\n\n  .gir-hero {\n    padding: 20px 20px;\n    text-align: center;\n    background-color: #FAFAFA;\n    border-bottom: 1px solid #000000;\n  }\n\n  .gir-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  .gir-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  .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=\"gir-wrapper\">\n\n  <section class=\"gir-hero\">\n    <span class=\"gir-label\">Northern Vibe Guide<\/span>\n    <h1 class=\"gir-title\">Girona<\/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-1525610553991-2bede1a236e2?q=80&w=800&h=800&fit=crop\" alt=\"Le Bistrot\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Le Bistrot<\/h3>\n        <p class=\"spot-desc\">La terraza m\u00e1s rom\u00e1ntica en las escaleras de Sant Dom\u00e8nec. Puro encanto gerundense.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <!-- \ud83d\udd25 NUEVA IMAGEN: RIVER CAF\u00c9 \ud83d\udd25 -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1554118811-1e0d58224f24?q=80&w=800&h=800&fit=crop\" alt=\"River Caf\u00e9\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">River Caf\u00e9<\/h3>\n        <p class=\"spot-desc\">Tardeo perfecto asomado al r\u00edo Onyar. Ideal para desconectar y ver atardecer.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497935586351-b67a49e012bf?q=80&w=800&h=800&fit=crop\" alt=\"La F\u00e1brica\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">La F\u00e1brica<\/h3>\n        <p class=\"spot-desc\">El templo del ciclismo y el *specialty coffee*. Ambiente hipster y 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-1514362545857-3bc16c4c7d1b?q=80&w=800&h=800&fit=crop\" alt=\"Sunset Jazz\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Sunset Jazz Club<\/h3>\n        <p class=\"spot-desc\">M\u00fasica en directo y c\u00f3cteles cl\u00e1sicos en el Barri Vell. Elegancia asegurada.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECCI\u00d3N 2: GASTRONOM\u00cdA -->\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\">World's Best<\/div>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1414235077428-338989a2e8c0?q=80&w=800&h=800&fit=crop\" alt=\"El Celler\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">El Celler de Can Roca<\/h3>\n        <p class=\"spot-desc\">La Meca mundial de la gastronom\u00eda. Tres estrellas Michelin y excelencia absoluta.<\/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=\"Normal\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Normal<\/h3>\n        <p class=\"spot-desc\">El concepto m\u00e1s relajado de los hermanos Roca en el centro. Imprescindible reservar.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1510812431401-41d2bd2722f3?q=80&w=800&h=800&fit=crop\" alt=\"Divinum\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Divinum<\/h3>\n        <p class=\"spot-desc\">Alta gastronom\u00eda y una bodega espectacular. Perfecto para cenas muy exclusivas.<\/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=\"Umai\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Umai<\/h3>\n        <p class=\"spot-desc\">Fusi\u00f3n japonesa y mediterr\u00e1nea en un ambiente \u00edntimo de est\u00e9tica cuidada.<\/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\">Concerts<\/div>\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1459749411175-04bf5292ceea?q=80&w=800&h=800&fit=crop\" alt=\"La Mirona\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">La Mirona<\/h3>\n        <p class=\"spot-desc\">La sala de conciertos m\u00e1s m\u00edtica. Directos brutales y clubbing nocturno.<\/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=\"Platea\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Platea<\/h3>\n        <p class=\"spot-desc\">Un antiguo teatro convertido en club de moda. Est\u00e9tica premium y buen *dress code*.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520854221256-17451cc331bf?q=80&w=800&h=800&fit=crop\" alt=\"Lola Cafe\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Lola Caf\u00e9<\/h3>\n        <p class=\"spot-desc\">Pura energ\u00eda. Rumba, copas y ambiente s\u00faper cercano en el Barri Vell.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1514525253161-7a46d19cd819?q=80&w=800&h=800&fit=crop\" alt=\"Salero\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Salero<\/h3>\n        <p class=\"spot-desc\">C\u00f3cteles top y hits comerciales. Ideal para arrancar la noche con buen pie.<\/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-1468327768560-75b778cbb551?q=80&w=800&h=800&fit=crop\" alt=\"Temps de Flors\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Temps de Flors<\/h3>\n        <p class=\"spot-desc\">En mayo, Girona entera se convierte en un espectacular jard\u00edn. Arte ef\u00edmero mundial.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <!-- \ud83d\udd25 NUEVA IMAGEN: FIRES DE SANT NARC\u00cdS \ud83d\udd25 -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1533105079780-92b9be482077?q=80&w=800&h=800&fit=crop\" alt=\"Fires Sant Narcis\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Fires de Sant Narc\u00eds<\/h3>\n        <p class=\"spot-desc\">Finales de octubre. Las barracas de la Devesa, m\u00fasica y el pulso festivo de la ciudad.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <!-- \ud83d\udd25 NUEVA IMAGEN: CAP ROIG \ud83d\udd25 -->\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1501281668745-f7f57925c3b4?q=80&w=800&h=800&fit=crop\" alt=\"Cap Roig\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Festival de Cap Roig<\/h3>\n        <p class=\"spot-desc\">En la costa, pero de obligado cumplimiento. Conciertos premium en un jard\u00edn bot\u00e1nico.<\/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=\"Temporada Alta\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Temporada Alta<\/h3>\n        <p class=\"spot-desc\">El mejor teatro y artes esc\u00e9nicas de Europa se dan cita en los escenarios de Girona y Salt.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\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-1d96c58 e-flex e-con-boxed e-con e-parent\" data-id=\"1d96c58\" 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-cd62804 elementor-widget elementor-widget-html\" data-id=\"cd62804\" 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\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 Northern Vibe Guide Girona Tardeo &#038; Views 04 Spots Top Choice Le Bistrot La terraza m\u00e1s rom\u00e1ntica en las escaleras de Sant Dom\u00e8nec. Puro encanto gerundense. River Caf\u00e9 Tardeo perfecto asomado [&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-150","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/150","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=150"}],"version-history":[{"count":38,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/150\/revisions"}],"predecessor-version":[{"id":400,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/150\/revisions\/400"}],"wp:attachment":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=150"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}