{"id":8,"date":"2026-04-17T17:20:27","date_gmt":"2026-04-17T15:20:27","guid":{"rendered":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=8"},"modified":"2026-05-16T16:55:15","modified_gmt":"2026-05-16T14:55:15","slug":"home-page","status":"publish","type":"page","link":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/","title":{"rendered":"HOME PAGE"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"8\" class=\"elementor elementor-8\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b49ae e-con-full e-flex e-con e-parent\" data-id=\"06b49ae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08977e9 elementor-widget elementor-widget-html\" data-id=\"08977e9\" 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-1a5bf1f e-con-full e-flex e-con e-parent\" data-id=\"1a5bf1f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-121f38b elementor-widget elementor-widget-html\" data-id=\"121f38b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     SECCI\u00d3N \"QU\u00c9 HACEMOS\" - ESTILO EDITORIAL CON V\u00cdDEO (BCN DRONE)\n     ========================================= *\/\n  .seccion-que-hacemos {\n    padding: 60px 50px;\n    background-color: #ffffff;\n    color: #000000;\n    display: flex;\n    align-items: center;\n    gap: 40px;\n    max-width: 1400px;\n    margin: 0 auto;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  }\n\n  .texto-que-hacemos {\n    flex: 1;\n  }\n\n  .etiqueta-about {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    font-weight: 600;\n    margin-bottom: 25px;\n    display: inline-block;\n    border-bottom: 1px solid #000000;\n    padding-bottom: 5px;\n  }\n\n  .titulo-que-hacemos {\n    font-family: 'Times New Roman', Times, serif; \n    font-size: 55px;\n    font-weight: normal;\n    line-height: 1.1;\n    margin-bottom: 30px;\n    letter-spacing: -1px;\n  }\n\n  .titulo-que-hacemos i {\n    font-style: italic;\n    color: #FF6B35; \n  }\n\n  .desc-que-hacemos {\n    font-size: 15px;\n    line-height: 1.8;\n    color: #4b4b4b; \n    margin-bottom: 45px;\n    max-width: 450px;\n  }\n\n  .link-descubrir {\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    color: #000000;\n    text-decoration: none;\n    font-weight: 700;\n    transition: all 0.3s ease;\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .link-descubrir:hover {\n    color: #007BFF; \n  }\n\n  .link-descubrir::after {\n    content: '\u2192';\n    font-size: 18px;\n    transition: transform 0.3s ease;\n  }\n\n  .link-descubrir:hover::after {\n    transform: translateX(6px);\n  }\n\n  \/* Contenedor del V\u00eddeo *\/\n  .imagen-que-hacemos {\n    flex: 1;\n    position: relative;\n  }\n\n  .video-wrapper {\n    position: relative;\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n    background-color: #000;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.1);\n    overflow: hidden;\n    border-radius: 2px;\n  }\n\n  .video-wrapper iframe {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border: none;\n    pointer-events: none; \/* Hace que el v\u00eddeo act\u00fae como una imagen viva sin controles *\/\n  }\n\n  \/* Adaptaci\u00f3n para m\u00f3vil *\/\n  @media (max-width: 900px) {\n    .seccion-que-hacemos {\n      flex-direction: column-reverse; \n      padding: 60px 20px;\n      gap: 40px;\n    }\n    .titulo-que-hacemos { font-size: 40px; }\n  }\n<\/style>\n\n<section class=\"seccion-que-hacemos\">\n  \n  <div class=\"texto-que-hacemos\">\n    <span class=\"etiqueta-about\">\u00bfQu\u00e9 hacemos?<\/span>\n    \n    <h2 class=\"titulo-que-hacemos\">\n      Redefiniendo el ocio en <i>Catalu\u00f1a.<\/i>\n    <\/h2>\n    \n    <p class=\"desc-que-hacemos\">\n      Olv\u00eddate de las gu\u00edas tur\u00edsticas tradicionales. Seleccionamos cuidadosamente los espacios m\u00e1s exclusivos, las experiencias m\u00e1s aut\u00e9nticas y los secretos mejor guardados. Desde calas inaccesibles en la Costa Brava hasta los rooftops m\u00e1s vanguardistas de Barcelona. Lujo accesible y est\u00e9tica impecable.\n    <\/p>\n    \n    <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=87\" class=\"link-descubrir\">Nuestra historia<\/a>\n  <\/div>\n\n  <div class=\"imagen-que-hacemos\">\n    <div class=\"video-wrapper\">\n      <iframe \n        src=\"https:\/\/www.youtube.com\/embed\/KsRgK6Q3ui4?start=194&autoplay=1&mute=1&loop=1&playlist=KsRgK6Q3ui4&controls=0&modestbranding=1&rel=0\" \n        title=\"Barcelona Drone Cinematic\" \n        allow=\"autoplay; encrypted-media\" \n        allowfullscreen>\n      <\/iframe>\n    <\/div>\n  <\/div>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da5a6da e-con-full e-flex e-con e-parent\" data-id=\"da5a6da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e39c7f1 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e39c7f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* =========================================\r\n     SECCI\u00d3N PROVINCIAS - FIX IM\u00c1GENES A PANTALLA COMPLETA\r\n     ========================================= *\/\r\n  .seccion-provincias {\r\n    padding: 20px 50px;\r\n    background-color: #ffffff;\r\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  .titulo-provincias {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-size: 32px;\r\n    font-weight: normal;\r\n    text-align: center;\r\n    margin-bottom: 10px; \r\n    text-transform: uppercase;\r\n    letter-spacing: 4px;\r\n    color: #000000;\r\n  }\r\n\r\n  .subtitulo-provincias {\r\n    font-family: 'Times New Roman', Times, serif;\r\n    font-size: 18px;\r\n    font-style: italic;\r\n    text-align: center;\r\n    color: #6B7280; \r\n    margin-top: 0;\r\n    margin-bottom: 60px; \r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .grid-provincias {\r\n    display: grid;\r\n    grid-template-columns: repeat(4, 1fr);\r\n    gap: 25px;\r\n  }\r\n\r\n  .provincia-link {\r\n    text-decoration: none;\r\n    color: #000000;\r\n    display: flex;\r\n    flex-direction: column;\r\n    position: relative;\r\n  }\r\n\r\n  \/* HEMOS QUITADO EL FLEXBOX AQU\u00cd PARA QUE LA FOTO NO SE QUEDE EN EL CENTRO *\/\r\n  .provincia-marco {\r\n    width: 100%;\r\n    aspect-ratio: 3 \/ 4;\r\n    background-color: #F3F4F6;\r\n    border: 1px solid #E5E7EB;\r\n    display: block; \r\n    overflow: hidden; \r\n    transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n  }\r\n\r\n  \/* AQU\u00cd EST\u00c1 LA MAGIA: HEMOS PUESTO !IMPORTANT PARA OBLIGAR A WORDPRESS *\/\r\n  .provincia-img-temp {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n    object-fit: cover !important;\r\n    display: block !important;\r\n    transition: transform 0.8s ease;\r\n  }\r\n\r\n  .provincia-nombre {\r\n    margin: 20px 0 5px 0;\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    text-align: center;\r\n    transition: color 0.3s ease, transform 0.3s ease;\r\n  }\r\n\r\n  .provincia-desc {\r\n    font-size: 12px;\r\n    color: #6B7280;\r\n    text-align: center;\r\n    line-height: 1.5;\r\n    margin: 0 auto;\r\n    max-width: 90%;\r\n    transition: transform 0.3s ease, color 0.3s ease;\r\n  }\r\n\r\n  \/* EFECTOS HOVER *\/\r\n  .provincia-link:hover .provincia-marco {\r\n    border-color: #000000;\r\n    box-shadow: 0 10px 30px rgba(0,0,0,0.05);\r\n    transform: translateY(-5px);\r\n  }\r\n\r\n  .provincia-link:hover .provincia-img-temp {\r\n    transform: scale(1.08);\r\n  }\r\n\r\n  .provincia-link:hover .provincia-nombre {\r\n    color: #007BFF;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  .provincia-link:hover .provincia-desc {\r\n    color: #4b4b4b;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 900px) {\r\n    .grid-provincias { grid-template-columns: repeat(2, 1fr); gap: 20px; }\r\n    .seccion-provincias { padding: 60px 20px; }\r\n    .titulo-provincias { font-size: 24px; }\r\n    .subtitulo-provincias { font-size: 16px; margin-bottom: 40px; }\r\n  }\r\n\r\n  @media (max-width: 500px) {\r\n    .grid-provincias { grid-template-columns: 1fr; }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"seccion-provincias\">\r\n  \r\n  <h2 class=\"titulo-provincias\">Les Prov\u00edncies<\/h2>\r\n  \r\n  <p class=\"subtitulo-provincias\">\u00bfD\u00f3nde ser\u00e1 tu pr\u00f3xima aventura?<\/p>\r\n\r\n  <div class=\"grid-provincias\">\r\n    \r\n    <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=146\" class=\"provincia-link\">\r\n      <div class=\"provincia-marco\">\r\n        <img decoding=\"async\" src=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/wp-content\/uploads\/2026\/04\/park-guell-barcelona-s-305364611.avif\" class=\"provincia-img-temp\">\r\n      <\/div>\r\n      <p class=\"provincia-nombre\">Barcelona<\/p>\r\n      <p class=\"provincia-desc\">La ciudad que nunca duerme, planes que salen debajo de las piedras y el para\u00edso de los tardeos.<\/p>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=148\" class=\"provincia-link\">\r\n      <div class=\"provincia-marco\">\r\n         <img decoding=\"async\" src=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/wp-content\/uploads\/2026\/04\/costa_dorada_9-1-1024x680-1.jpg\" class=\"provincia-img-temp\">\r\n      <\/div>\r\n      <p class=\"provincia-nombre\">Tarragona<\/p>\r\n      <p class=\"provincia-desc\">Historia romana frente al Mediterr\u00e1neo, calas secretas y beach clubs con el mejor vibe del sur.<\/p>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=150\" class=\"provincia-link\">\r\n      <div class=\"provincia-marco\">\r\n        <img decoding=\"async\" src=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/wp-content\/uploads\/2026\/04\/puente-romanico-besalu-gerona.webp\" class=\"provincia-img-temp\">\r\n      <\/div>\r\n      <p class=\"provincia-nombre\">Girona<\/p>\r\n      <p class=\"provincia-desc\">Calles medievales de pel\u00edcula, pueblos con encanto y el rinc\u00f3n m\u00e1s aesthetic de la Costa Brava.<\/p>\r\n    <\/a>\r\n\r\n    <a href=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/?page_id=155\" class=\"provincia-link\">\r\n      <div class=\"provincia-marco\">\r\n        <img decoding=\"async\" src=\"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/wp-content\/uploads\/2026\/05\/360_F_278157821_JBnUu3r4vIQIFKiFcDbsVLRkBiPWWpTg.jpg\" class=\"provincia-img-temp\">\r\n      <\/div>\r\n      <p class=\"provincia-nombre\">Lleida<\/p>\r\n      <p class=\"provincia-desc\">Naturaleza brutal en estado puro, deportes de aventura y escapadas rurales para el alma libre.<\/p>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4076d2b e-con-full e-flex e-con e-parent\" data-id=\"4076d2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28475d6 elementor-widget elementor-widget-html\" data-id=\"28475d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n  \/* =========================================\n     SECCI\u00d3N NEWSLETTER - ESTILO EDITORIAL\n     ========================================= *\/\n  .seccion-newsletter-editorial {\n    background-color: #FAFAFA; \/* Gris casi blanco para separar visualmente *\/\n    padding: 20px 10px;\n    text-align: center;\n    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n    border-top: 1px solid #E5E7EB; \/* L\u00ednea sutil de separaci\u00f3n *\/\n  }\n\n  .newsletter-etiqueta {\n    font-size: 11px;\n    text-transform: uppercase;\n    letter-spacing: 3px;\n    font-weight: 600;\n    margin-bottom: 20px;\n    display: inline-block;\n    color: #000000;\n  }\n\n  .newsletter-titulo {\n    font-family: 'Times New Roman', Times, serif;\n    font-size: 42px;\n    font-weight: normal;\n    margin: 0 auto 20px;\n    color: #000000;\n    letter-spacing: -0.5px;\n  }\n\n  .newsletter-titulo i {\n    font-style: italic;\n    color: #FF6B35; \/* El toque naranja *\/\n  }\n\n  .newsletter-desc {\n    font-size: 14px;\n    line-height: 1.6;\n    color: #4b4b4b;\n    max-width: 450px;\n    margin: 0 auto 40px;\n  }\n\n  \/* Formulario minimalista *\/\n  .form-editorial {\n    max-width: 400px;\n    margin: 0 auto;\n    display: flex;\n    flex-direction: column;\n    gap: 25px; \/* Espacio entre el campo y el bot\u00f3n *\/\n  }\n\n  .input-editorial {\n    width: 100%;\n    padding: 10px 0;\n    border: none;\n    border-bottom: 1px solid #000000; \/* Solo l\u00ednea abajo, muy luxury *\/\n    background: transparent;\n    font-size: 14px;\n    font-family: inherit;\n    color: #000000;\n    outline: none;\n    transition: border-color 0.3s ease;\n    text-align: center; \/* Centramos el texto para que quede sim\u00e9trico *\/\n  }\n\n  .input-editorial::placeholder {\n    color: #9CA3AF;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-size: 11px;\n  }\n\n  .input-editorial:focus {\n    border-bottom: 2px solid #007BFF; \/* Se pone azul al escribir *\/\n  }\n\n  .btn-editorial-submit {\n    background-color: #000000;\n    color: #ffffff;\n    border: none;\n    padding: 18px;\n    font-size: 12px;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n    font-weight: 700;\n    cursor: pointer;\n    transition: all 0.3s ease;\n  }\n\n  .btn-editorial-submit:hover {\n    background-color: #007BFF; \/* Cambia a azul al pasar el rat\u00f3n *\/\n    transform: translateY(-2px);\n  }\n\n  \/* Responsive *\/\n  @media (max-width: 600px) {\n    .newsletter-titulo { font-size: 32px; }\n    .seccion-newsletter-editorial { padding: 70px 20px; }\n  }\n<\/style>\n\n<section class=\"seccion-newsletter-editorial\">\n  \n  <span class=\"newsletter-etiqueta\">Nuestra Newsletter<\/span>\n  \n  <h2 class=\"newsletter-titulo\">Nuevos planes <i>cada semana.<\/i><\/h2>\n  \n  <p class=\"newsletter-desc\">\n    \u00danete a nuestra newsletter y recibe nuestra selecci\u00f3n curada de spots, aperturas y experiencias en Catalu\u00f1a directamente en tu correo. Cero spam, solo est\u00e9tica y buen rollo.\n  <\/p>\n  \n  <form action=\"TU_ENLACE_DE_FORMSPREE_AQUI\" method=\"POST\" class=\"form-editorial\">\n    \n    <input type=\"email\" name=\"email\" class=\"input-editorial\" placeholder=\"TU DIRECCI\u00d3N DE EMAIL\" required>\n    \n    <button type=\"submit\" class=\"btn-editorial-submit\">Suscribirme<\/button>\n    \n  <\/form>\n\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f16f51c e-con-full e-flex e-con e-parent\" data-id=\"f16f51c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3c66499 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"3c66499\" 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\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 \u00bfQu\u00e9 hacemos? Redefiniendo el ocio en Catalu\u00f1a. Olv\u00eddate de las gu\u00edas tur\u00edsticas tradicionales. Seleccionamos cuidadosamente los espacios m\u00e1s exclusivos, las experiencias m\u00e1s aut\u00e9nticas y los secretos mejor guardados. Desde calas inaccesibles [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/8","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=8"}],"version-history":[{"count":118,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":415,"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/415"}],"wp:attachment":[{"href":"https:\/\/proyecto-22-2026.digitallabesicbcn.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}