{"id":155,"date":"2026-05-14T19:31:30","date_gmt":"2026-05-14T17:31:30","guid":{"rendered":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=155"},"modified":"2026-05-15T17:07:56","modified_gmt":"2026-05-15T15:07:56","slug":"lleida","status":"publish","type":"page","link":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=155","title":{"rendered":"Lleida"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"155\" class=\"elementor elementor-155\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a09dea e-con-full e-flex e-con e-parent\" data-id=\"7a09dea\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c3029fd elementor-widget elementor-widget-html\" data-id=\"c3029fd\" 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-8be723f e-flex e-con-boxed e-con e-parent\" data-id=\"8be723f\" 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-f16db88 elementor-widget elementor-widget-html\" data-id=\"f16db88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     PAGE: LLEIDA GUIDE - CATASPOTS\n     ========================================= *\/\n  .lld-wrapper {\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    color: #000000;\n    background-color: #ffffff;\n    padding-bottom: 100px;\n  }\n\n  \/* 1. HERO LLEIDA *\/\n  .lld-hero {\n    padding: 20px 20px;\n    text-align: center;\n    background-color: #FAFAFA;\n    border-bottom: 1px solid #000000;\n  }\n\n  .lld-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  .lld-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    transition: transform 0.3s ease;\n  }\n\n  .spot-card:hover {\n    transform: translateY(-5px);\n  }\n\n  .spot-img-wrapper {\n    width: 100%;\n    aspect-ratio: 1 \/ 1;\n    background-color: #E5E7EB;\n    margin-bottom: 20px;\n    overflow: hidden;\n    position: relative;\n  }\n\n  .spot-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    filter: grayscale(100%);\n    transition: filter 0.5s ease, scale 0.5s ease;\n  }\n\n  .spot-card:hover .spot-img {\n    filter: grayscale(0%);\n    scale: 1.05;\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  }\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=\"lld-wrapper\">\n\n  <!-- HERO LLEIDA -->\n  <section class=\"lld-hero\">\n    <span class=\"lld-label\">Ponent Guide<\/span>\n    <h1 class=\"lld-title\">Lleida<\/h1>\n  <\/section>\n\n  <!-- SECCI\u00d3N 1: TARDEO & TERRAZAS -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Tardeo & Ponent 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:\/\/loremflickr.com\/800\/800\/rooftop,terrace\" alt=\"Caf\u00e8 del Teatre\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Caf\u00e8 del Teatre<\/h3>\n        <p class=\"spot-desc\">La terraza cultural por excelencia. El mejor ambiente bohemio a la sombra de la Seu Vella.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/garden,lounge\" alt=\"La Siesta Lleida\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">La Siesta Lleida<\/h3>\n        <p class=\"spot-desc\">El oasis urbano para las tardes de verano. C\u00f3cteles, relax y buena energ\u00eda.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/sunset,river\" alt=\"Tercer Temps\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Tercer Temps<\/h3>\n        <p class=\"spot-desc\">Perfecto para un *afterwork* o una cerveza con amigos con el pulso de la ciudad.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/historic,view\" alt=\"El Trull de Ponent\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">El Trull de Ponent<\/h3>\n        <p class=\"spot-desc\">Un rinc\u00f3n m\u00e1gico en el casco antiguo con vistas privilegiadas y ambiente selecto.<\/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 Lleidatana<\/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 Tag<\/div>\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/fine,dining,cuisine\" alt=\"L'Espurna\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">L'Espurna<\/h3>\n        <p class=\"spot-desc\">Alta cocina de Lleida con un toque contempor\u00e1neo. Una experiencia gastron\u00f3mica *top*.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/gourmet,food\" alt=\"Aimma Restaurant\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Restaurant Aimia<\/h3>\n        <p class=\"spot-desc\">Sofisticaci\u00f3n y producto local de temporada. Ideal para una cena especial.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <div class=\"spot-tag\">Traditional<\/div>\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/seafood,classy\" alt=\"Carballeira\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Carballeira<\/h3>\n        <p class=\"spot-desc\">La referencia cl\u00e1sica para los amantes del buen marisco y la cocina gallega en Lleida.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/rustic,restaurant\" alt=\"El Xalet Su\u00eds\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">El Xalet Su\u00eds<\/h3>\n        <p class=\"spot-desc\">Cocina tradicional con ra\u00edces suizas y leridanas en un ambiente acogedor.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECCI\u00d3N 3: DISCOTECAS & CLUBS -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Ponent 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\">University Choice<\/div>\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/river,club,dj\" alt=\"River Caf\u00e9\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">River Caf\u00e9<\/h3>\n        <p class=\"spot-desc\">El punto de encuentro de la fiesta universitaria. M\u00fasica comercial, hits y el mejor ambiente.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/nightclub,neon,hits\" alt=\"Waikiki Lleida\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Waikiki Lleida<\/h3>\n        <p class=\"spot-desc\">Puro *vibe* de club con los mejores \u00e9xitos del momento. Imposible no bailar.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <div class=\"spot-tag\">Exclusive<\/div>\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/vip,party,lights\" alt=\"Biloba Lleida\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Biloba Lleida<\/h3>\n        <p class=\"spot-desc\">La experiencia de gran club. Zona VIP, los mejores DJs y aforo completo garantizado.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/dancefloor,crowd\" alt=\"Discoteca Comedia\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Discoteca Comedia<\/h3>\n        <p class=\"spot-desc\">Un cl\u00e1sico de la noche leridana para los que buscan buena m\u00fasica y fiesta hasta el amanecer.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECCI\u00d3N 4: EVENTOS & CULTURA -->\n  <section class=\"cat-section\">\n    <div class=\"cat-header\">\n      <h2 class=\"cat-name\">Eventos & Cultura<\/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:\/\/loremflickr.com\/800\/800\/festival,food\" alt=\"Aplec del Caragol\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">L'Aplec del Caragol<\/h3>\n        <p class=\"spot-desc\">La fiesta m\u00e1s ic\u00f3nica. Gastronom\u00eda, pe\u00f1as y alegr\u00eda pura alrededor del caracol.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/city,festival,parade\" alt=\"Festa Major de Maig\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Festa Major de Maig<\/h3>\n        <p class=\"spot-desc\">Los d\u00edas grandes de Sant Anastasi. Conciertos, cultura popular y fuego.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/theatre,puppets\" alt=\"Fira de Teatre de Titelles\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Fira de Teatre de Titelles<\/h3>\n        <p class=\"spot-desc\">Cultura y magia para todos en las plazas del centro hist\u00f3rico.<\/p>\n      <\/div>\n      <div class=\"spot-card\">\n        <div class=\"spot-img-wrapper\">\n          <img decoding=\"async\" src=\"https:\/\/loremflickr.com\/800\/800\/animation,art,festival\" alt=\"Animac Lleida\" class=\"spot-img\">\n        <\/div>\n        <h3 class=\"spot-title\">Animac<\/h3>\n        <p class=\"spot-desc\">Referencia mundial del cine de animaci\u00f3n. Creatividad y vanguardia en Lleida.<\/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-cf0f062 elementor-widget elementor-widget-html\" data-id=\"cf0f062\" 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 Ponent Guide Lleida Tardeo &#038; Ponent Views 04 Spots Top Choice Caf\u00e8 del Teatre La terraza cultural por excelencia. El mejor ambiente bohemio a la sombra de la Seu Vella. 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-155","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/155","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=155"}],"version-history":[{"count":26,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/155\/revisions\/403"}],"wp:attachment":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}