El Rebost del Talent | Coworking & Business Club en Lleida<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n DEFAULT: '#569022',\n light: 'rgba(86, 144, 34, 0.08)',\n hover: '#45731b'\n },\n dark: '#111827'\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }\n \n \/* Ocultar elementos por defecto de temas WP si intentan mostrarse *\/\n .site-header, .site-footer, .site-info, .page-header { display: none !important; }\n \n \/* Gesti\u00f3n de P\u00e1ginas\/Vistas (SPA Router) *\/\n .page-view {\n display: none;\n opacity: 0;\n transition: opacity 0.4s ease-in-out;\n }\n .page-view.active {\n display: block;\n opacity: 1;\n }\n\n \/* Animaciones al hacer scroll o cargar *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Efecto de fondo sutil con patr\u00f3n *\/\n .bg-pattern {\n background-image: radial-gradient(#e5e7eb 1px, transparent 1px);\n background-size: 24px 24px;\n }\n \n \/* FIX HOVER MENU WP: Resetear botones de forma segura *\/\n #navbar button.nav-link { background-color: transparent !important; color: #4b5563 !important; }\n #navbar button.nav-link:hover { color: #569022 !important; background-color: transparent !important; }\n \n #navbar button.btn-dark { background-color: #111827 !important; color: #ffffff !important; }\n #navbar button.btn-dark:hover { background-color: #569022 !important; color: #ffffff !important; }\n \n \/* Ocultar scrollbars en elementos internos de la app *\/\n .no-scrollbar::-webkit-scrollbar { display: none; }\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-900 selection:bg-brand selection:text-white flex flex-col min-h-screen\">\n\n \n \n \n <nav id=\"navbar\" class=\"fixed w-full z-50 transition-all duration-300 bg-white\/95 backdrop-blur-md border-b border-gray-100 py-4 px-6 md:px-12 shadow-sm\">\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\n \n <button onclick=\"navigateTo('home')\" class=\"nav-link text-2xl font-bold tracking-tight text-brand flex items-center gap-2 hover:opacity-80 transition-opacity\" style=\"color:#569022 !important;\">\n <i class=\"fa-solid fa-cube\"><\/i>\n el rebost <span class=\"text-gray-900 font-light\">del talent.<\/span>\n <\/button>\n \n \n <div class=\"hidden lg:flex gap-8 items-center\">\n <button onclick=\"navigateTo('home')\" class=\"nav-link text-sm font-semibold transition-colors\">Inicio<\/button>\n <button onclick=\"navigateTo('espacios')\" class=\"nav-link text-sm font-semibold transition-colors\">Espacios F\u00edsicos<\/button>\n <button onclick=\"navigateTo('comunidad')\" class=\"nav-link text-sm font-semibold transition-colors\">Comunidad & Networking<\/button>\n <button onclick=\"navigateTo('miembros')\" class=\"btn-dark text-sm font-bold px-6 py-2.5 rounded-full transition-all shadow-sm flex items-center gap-2\">\n <i class=\"fa-solid fa-lock text-xs\"><\/i> Acceso Miembros\n <\/button>\n <\/div>\n\n \n <button class=\"lg:hidden text-gray-900 text-2xl nav-link\">\n <i class=\"fa-solid fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n <div class=\"flex-grow relative\">\n\n \n \n \n <div id=\"view-home\" class=\"page-view active\">\n \n \n <header class=\"relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden bg-pattern bg-white\">\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-brand\/5 rounded-full blur-3xl -z-10 translate-x-1\/3 -translate-y-1\/3\"><\/div>\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 relative z-10 reveal\">\n <div class=\"max-w-4xl\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-brand-light text-brand text-sm font-bold mb-6 border border-brand\/20\">\n <span class=\"w-2 h-2 rounded-full bg-brand animate-pulse\"><\/span>\n El centro de negocios de Lleida\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-black tracking-tighter mb-8 leading-[1.1] text-gray-900\">\n Dos pilares. <br \/>\n <span class=\"text-brand\">Un \u00fanico ecosistema de \u00e9xito.<\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-gray-500 font-light mb-10 max-w-2xl leading-relaxed\">\n Alquila un despacho premium para concentrarte al m\u00e1ximo y \u00fanete a una comunidad de negocios dise\u00f1ada para facturar m\u00e1s a trav\u00e9s del networking real.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <button onclick=\"navigateTo('espacios')\" class=\"px-8 py-4 rounded-xl font-bold bg-gray-900 text-white hover:bg-gray-800 transition-all text-center flex items-center justify-center gap-2\">\n Ver Espacios Privados <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/button>\n <button onclick=\"navigateTo('comunidad')\" class=\"px-8 py-4 rounded-xl font-bold bg-white border-2 border-gray-200 text-gray-900 hover:border-brand hover:text-brand transition-all text-center flex items-center justify-center gap-2\">\n Descubrir la Comunidad <i class=\"fa-solid fa-users\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-24 bg-white border-t border-gray-50\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n <div class=\"text-center max-w-3xl mx-auto mb-20 reveal\">\n <h2 class=\"text-brand font-bold uppercase tracking-widest text-sm mb-3\">Real Estate<\/h2>\n <h3 class=\"text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight\">Espacios dise\u00f1ados para el alto rendimiento.<\/h3>\n <p class=\"text-lg text-gray-500\">Minimalismo, luz natural y equipamiento premium. Todo lo que tu equipo necesita para trabajar sin distracciones.<\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <div class=\"order-2 lg:order-1 reveal\">\n <div class=\"space-y-10\">\n <div class=\"flex gap-6\">\n <div class=\"w-14 h-14 rounded-2xl bg-gray-50 border border-gray-100 flex items-center justify-center flex-shrink-0 text-brand text-2xl shadow-sm\"><i class=\"fa-solid fa-door-closed\"><\/i><\/div>\n <div>\n <h4 class=\"text-2xl font-bold text-gray-900 mb-2\">Despachos Privados<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">De 1 a 4 puestos. Totalmente equipados con mobiliario ergon\u00f3mico, climatizaci\u00f3n y cerradura inteligente. Acceso 24\/7.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-6\">\n <div class=\"w-14 h-14 rounded-2xl bg-gray-50 border border-gray-100 flex items-center justify-center flex-shrink-0 text-brand text-2xl shadow-sm\"><i class=\"fa-solid fa-desktop\"><\/i><\/div>\n <div>\n <h4 class=\"text-2xl font-bold text-gray-900 mb-2\">Salas de Reuniones PRO<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Espacios insonorizados con pantallas 4K para videoconferencias. Reserva por horas directamente desde nuestra plataforma.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <button onclick=\"navigateTo('espacios')\" class=\"mt-10 px-8 py-3 rounded-xl font-bold border-2 border-gray-200 text-gray-900 hover:border-brand hover:text-brand transition-all\">Saber m\u00e1s sobre tarifas<\/button>\n <\/div>\n <div class=\"order-1 lg:order-2 grid grid-cols-2 gap-4 reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80&w=600\" class=\"rounded-3xl object-cover h-[300px] w-full shadow-lg grayscale hover:grayscale-0 transition-all duration-500\" alt=\"Oficinas\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&q=80&w=600\" class=\"rounded-3xl object-cover h-[300px] w-full shadow-lg mt-12 grayscale hover:grayscale-0 transition-all duration-500\" alt=\"Reuniones\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-gray-900 text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-[0.05]\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-brand\/20 to-transparent\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 relative z-10\">\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <div class=\"reveal\">\n <h2 class=\"text-brand font-bold uppercase tracking-widest text-sm mb-3\">Business Club<\/h2>\n <h3 class=\"text-4xl md:text-5xl font-black mb-6 tracking-tight text-white\">No alquilamos mesas. <br>Creamos sinergias.<\/h3>\n <p class=\"text-lg text-gray-400 mb-8 leading-relaxed\">Al formar parte de El Rebost del Talent, accedes autom\u00e1ticamente a nuestra plataforma digital privada. Un ecosistema vivo donde ocurren los verdaderos negocios.<\/p>\n <button onclick=\"navigateTo('comunidad')\" class=\"mt-4 inline-flex items-center gap-2 px-8 py-4 rounded-xl font-bold bg-brand text-white hover:bg-brand-hover transition-colors shadow-lg\">\n Explorar el Club <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n \n <div class=\"reveal bg-white\/10 backdrop-blur-md border border-white\/20 p-6 md:p-8 rounded-[2rem] shadow-2xl transform rotate-2 hover:rotate-0 transition-transform duration-500\">\n <div class=\"flex items-center justify-between mb-6\">\n <div class=\"font-bold text-xl flex items-center gap-2\"><i class=\"fa-solid fa-cube text-brand\"><\/i> Comunidad<\/div>\n <div class=\"w-8 h-8 rounded-full bg-brand flex items-center justify-center text-xs font-bold\">PRO<\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-white\/10 rounded-xl p-4 flex items-center justify-between border border-white\/10\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-lg bg-orange-500\/20 text-orange-400 flex items-center justify-center text-xl\"><i class=\"fa-solid fa-beer-mug-empty\"><\/i><\/div>\n <div><p class=\"font-bold text-sm\">Tardeo & Networking<\/p><p class=\"text-xs text-gray-400\">Jueves 19:00h<\/p><\/div>\n <\/div>\n <span class=\"px-3 py-1 bg-brand text-white text-xs font-bold rounded-full\"><i class=\"fa-solid fa-check\"><\/i> Inscrito<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-white border-t border-gray-100\">\n <div class=\"max-w-5xl mx-auto px-6 md:px-12 text-center reveal\">\n <h2 class=\"text-4xl md:text-6xl font-black text-gray-900 mb-8 tracking-tight\">Da el salto al siguiente nivel.<\/h2>\n <p class=\"text-xl text-gray-500 mb-12 max-w-2xl mx-auto\">Tanto si buscas el alquiler de tu despacho privado como si solo quieres formar parte de la comunidad, queremos conocerte.<\/p>\n <div class=\"bg-gray-50 border border-gray-200 p-8 md:p-12 rounded-[2rem] shadow-sm max-w-3xl mx-auto text-left\">\n <form class=\"space-y-6\">\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-bold text-gray-900 mb-2\">Nombre completo<\/label>\n <input type=\"text\" class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand outline-none transition-all\" placeholder=\"Ej. \u00c1lex Mart\u00ednez\">\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-gray-900 mb-2\">Empresa \/ Sector<\/label>\n <input type=\"text\" class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand outline-none transition-all\" placeholder=\"Ej. Agencia Web\">\n <\/div>\n <\/div>\n <button type=\"button\" onclick=\"alert('Formulario enviado simulaci\u00f3n')\" class=\"w-full py-4 bg-gray-900 text-white font-bold rounded-xl text-lg hover:bg-brand transition-colors shadow-md\">\n Solicitar informaci\u00f3n sin compromiso\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n\n \n \n \n <div id=\"view-espacios\" class=\"page-view bg-white pb-24 pt-28\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n \n <div class=\"bg-white border border-gray-200 rounded-[2rem] p-8 md:p-10 shadow-sm mb-16 max-w-4xl mx-auto reveal\">\n <div class=\"w-14 h-14 rounded-2xl bg-white border border-gray-100 shadow-sm flex items-center justify-center mb-6 text-dark\">\n <i class=\"fa-regular fa-building text-2xl\"><\/i>\n <\/div>\n <h2 class=\"text-4xl font-black text-dark mb-4 tracking-tight\">Alquiler de Despachos<\/h2>\n <p class=\"text-gray-600 mb-8 leading-relaxed text-lg font-medium\">Espacios privados, minimalistas y totalmente equipados para que tu equipo trabaje con la m\u00e1xima concentraci\u00f3n y profesionalidad.<\/p>\n <ul class=\"space-y-4 flex flex-col md:flex-row md:space-y-0 md:gap-8 border-t border-gray-100 pt-6\">\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-location-dot text-gray-400 mr-3\"><\/i> Acceso 24\/7<\/li>\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-users text-gray-400 mr-3\"><\/i> Salas de reuniones<\/li>\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-mug-hot text-gray-400 mr-3\"><\/i> Zona office premium<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"grid lg:grid-cols-2 gap-12 mb-16 items-center bg-gray-50 rounded-[2.5rem] p-8 md:p-12 border border-gray-100 shadow-sm reveal\">\n <div class=\"bg-white rounded-3xl h-72 md:h-full min-h-[350px] overflow-hidden relative shadow-inner border border-gray-200\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&q=80&w=1000\" class=\"w-full h-full object-cover grayscale opacity-90 hover:grayscale-0 transition-all duration-700\" alt=\"Oficina\">\n <\/div>\n <div class=\"flex flex-col justify-center\">\n <h2 class=\"text-3xl font-black mb-4 tracking-tight text-gray-900\">Despachos Privados Premium<\/h2>\n <p class=\"text-gray-600 mb-8 text-lg leading-relaxed font-medium\">Desde 1 hasta 4 puestos de trabajo. Totalmente equipados con mobiliario ergon\u00f3mico de dise\u00f1o, climatizaci\u00f3n independiente, aislamiento ac\u00fastico y cerradura inteligente.<\/p>\n <div class=\"flex flex-wrap items-center gap-4 mb-8\">\n <span class=\"px-6 py-3 bg-white border border-gray-200 rounded-xl text-sm font-black text-gray-900 shadow-sm\">Desde 350\u20ac \/ mes<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n \n \n <div id=\"view-comunidad\" class=\"page-view bg-white pb-24 pt-28\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n \n <div class=\"bg-white border-2 border-brand rounded-[2rem] p-8 md:p-10 shadow-md mb-16 max-w-4xl mx-auto relative overflow-hidden reveal\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-brand-light rounded-bl-[100px] -z-10 pointer-events-none\"><\/div>\n <div class=\"w-14 h-14 rounded-2xl bg-brand text-white shadow-sm flex items-center justify-center mb-6\"><i class=\"fa-solid fa-user-group text-2xl\"><\/i><\/div>\n <div class=\"mb-4\"><span class=\"bg-brand text-white text-3xl font-black px-3 py-1 inline-block tracking-tight\">La Comunidad<\/span><\/div>\n <p class=\"text-gray-600 mb-8 leading-relaxed text-lg font-medium\">\u00danete a nuestro club exclusivo. Networking real, eventos, formaci\u00f3n y un sistema de afiliaci\u00f3n donde todos ganamos.<\/p>\n <ul class=\"space-y-4 flex flex-col md:flex-row md:space-y-0 md:gap-8 border-t border-gray-100 pt-6\">\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-regular fa-calendar text-gray-400 mr-3\"><\/i> Eventos y p\u00e1del<\/li>\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-book-open text-gray-400 mr-3\"><\/i> Formaci\u00f3n<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n \n \n <div id=\"view-miembros\" class=\"page-view bg-gray-50 min-h-screen pt-28 pb-24\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n \n \n <div class=\"mb-8 flex flex-col md:flex-row justify-between items-start md:items-center gap-4 reveal\">\n <div>\n <h2 class=\"text-4xl font-black text-gray-900 tracking-tight\">Portal de Miembros<\/h2>\n <p class=\"text-gray-500 mt-1 font-medium text-lg\">Hola, gestiona tus eventos y beneficios.<\/p>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <div class=\"flex items-center gap-2 bg-brand-light border border-brand\/20 text-brand px-4 py-2 rounded-xl shadow-sm\">\n <i class=\"fa-brands fa-stripe text-3xl mt-1\"><\/i>\n <span class=\"text-xs font-bold uppercase tracking-wide\">Suscripci\u00f3n Activa<\/span>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-dark text-white font-bold flex items-center justify-center text-xl shadow-md border-2 border-white\">\n AM\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-wrap gap-3 mb-8 border-b border-gray-200 pb-5 reveal\">\n <button onclick=\"switchPlatformTab('noticias')\" id=\"btn-tab-noticias\" class=\"px-5 py-2.5 rounded-xl font-bold bg-dark text-white shadow-md transition-all border border-transparent\">Noticias<\/button>\n <button onclick=\"switchPlatformTab('cur')\" id=\"btn-tab-cur\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Cursos<\/button>\n <button onclick=\"switchPlatformTab('cal')\" id=\"btn-tab-cal\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Calendario<\/button>\n <button onclick=\"switchPlatformTab('net')\" id=\"btn-tab-net\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Directorio PRO<\/button>\n <button onclick=\"switchPlatformTab('res')\" id=\"btn-tab-res\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Reservar Espacio<\/button>\n <button onclick=\"switchPlatformTab('afi')\" id=\"btn-tab-afi\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Mis Afiliaciones<\/button>\n <\/div>\n\n \n <div id=\"plat-noticias\" class=\"plat-section reveal\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Muro de la Comunidad<\/h3>\n <div class=\"space-y-6 max-w-4xl\">\n <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm flex gap-5\">\n <div class=\"w-12 h-12 rounded-full bg-brand-light text-brand flex items-center justify-center flex-shrink-0 text-xl\"><i class=\"fa-regular fa-bell\"><\/i><\/div>\n <div>\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"text-xs font-bold text-gray-400\">Hace 2 horas<\/span>\n <span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-[10px] font-bold rounded uppercase tracking-wide\">Nuevo Miembro<\/span>\n <\/div>\n <h4 class=\"text-lg font-bold text-gray-900 mb-2\">Damos la bienvenida a Carlos (Instalaciones El\u00e9ctricas)<\/h4>\n <p class=\"text-gray-600 text-sm font-medium leading-relaxed\">Carlos se acaba de unir al Coworking. Especialista en reformas e iluminaci\u00f3n inteligente para locales. Pod\u00e9is encontrarlo en el Directorio PRO para colaboraciones.<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm flex gap-5\">\n <div class=\"w-12 h-12 rounded-full bg-orange-100 text-orange-500 flex items-center justify-center flex-shrink-0 text-xl\"><i class=\"fa-solid fa-mug-hot\"><\/i><\/div>\n <div>\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"text-xs font-bold text-gray-400\">Ayer<\/span>\n <span class=\"px-2 py-1 bg-orange-50 text-orange-600 text-[10px] font-bold rounded uppercase tracking-wide\">Instalaciones<\/span>\n <\/div>\n <h4 class=\"text-lg font-bold text-gray-900 mb-2\">Nueva m\u00e1quina de caf\u00e9 de especialidad en el Office<\/h4>\n <p class=\"text-gray-600 text-sm font-medium leading-relaxed\">Hemos actualizado la zona com\u00fan. Disfrutad del nuevo blend de Colombia. Recordad dejar las tazas en el lavavajillas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"plat-cur\" class=\"plat-section hidden\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Academia: Cursos y Masterclasses<\/h3>\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div class=\"bg-white border border-gray-200 p-6 rounded-3xl shadow-sm flex flex-col group\">\n <div class=\"h-40 bg-gray-100 rounded-2xl mb-4 overflow-hidden relative\">\n <div class=\"absolute top-3 left-3 bg-brand text-white text-xs font-bold px-3 py-1 rounded-full z-10\">PR\u00d3XIMAMENTE<\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=800\" class=\"w-full h-full object-cover grayscale opacity-90 group-hover:grayscale-0 transition-all duration-500\" alt=\"Masterclass\">\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-2\">Masterclass: Fiscalidad para Startups<\/h4>\n <p class=\"text-sm text-gray-500 mb-4 font-medium flex-1\">Aprende a optimizar tus impuestos y qu\u00e9 deducciones puedes aplicar este trimestre.<\/p>\n <div class=\"flex items-center justify-between mt-auto\">\n <span class=\"text-sm font-bold text-gray-900\"><i class=\"fa-regular fa-calendar text-brand mr-1\"><\/i> 26 de Marzo<\/span>\n <button class=\"px-4 py-2 bg-gray-100 text-gray-900 rounded-lg font-bold hover:bg-brand hover:text-white transition-colors text-sm\">Avisadme<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"plat-cal\" class=\"plat-section hidden\">\n <div class=\"flex justify-between items-end mb-6\">\n <h3 class=\"text-2xl font-black text-gray-900\">Eventos de la tribu<\/h3>\n <\/div>\n <div id=\"calendar-grid-container\" class=\"bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"plat-net\" class=\"plat-section hidden\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Directorio PRO<\/h3>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"dashboard-networking-container\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"plat-res\" class=\"plat-section hidden\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Reserva de Salas<\/h3>\n <div class=\"grid md:grid-cols-3 gap-6\">\n <div class=\"bg-white border border-gray-200 p-6 rounded-3xl shadow-sm flex flex-col hover:border-brand transition-colors cursor-pointer group\">\n <div class=\"h-32 bg-gray-100 rounded-2xl mb-4 overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&q=80&w=600\" class=\"w-full h-full object-cover grayscale opacity-80 group-hover:grayscale-0 transition-all duration-500\" alt=\"Sala\">\n <\/div>\n <h4 class=\"text-lg font-bold text-gray-900\">Sala Principal<\/h4>\n <p class=\"text-sm text-gray-500 mb-4 font-medium\">Pantalla 4K, Pizarra, 6 Pax.<\/p>\n <button class=\"mt-auto w-full py-2.5 bg-dark text-white rounded-xl font-bold group-hover:bg-brand transition-colors text-sm text-center\">Ver Disponibilidad<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"plat-afi\" class=\"plat-section hidden\">\n <div class=\"grid md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-dark text-white p-8 rounded-3xl shadow-xl relative overflow-hidden\">\n <i class=\"fa-solid fa-sack-dollar absolute -right-4 -bottom-4 text-8xl text-gray-800 opacity-50\"><\/i>\n <p class=\"text-gray-400 text-sm font-bold uppercase tracking-wider mb-2 relative z-10\">Ganancias Generadas<\/p>\n <h3 class=\"text-5xl font-black text-brand relative z-10\">250<span class=\"text-2xl font-medium text-gray-400\">\u20ac<\/span><\/h3>\n <\/div>\n <div class=\"bg-white border border-gray-200 p-8 rounded-3xl shadow-sm flex flex-col justify-center items-center text-center hover:border-brand cursor-pointer group transition-colors\">\n <div class=\"w-14 h-14 bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl mb-3 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n <h3 class=\"text-lg font-bold text-gray-900\">Registrar un Lead<\/h3>\n <p class=\"text-xs text-gray-500 mt-1 font-medium\">Pasa un cliente a un coworker<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n \n \n <footer id=\"main-footer\" class=\"bg-gray-900 text-white py-12 border-t border-white\/10 mt-auto\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 grid md:grid-cols-3 gap-8\">\n <div>\n <div class=\"text-2xl font-bold tracking-tight text-brand flex items-center gap-2 mb-4\">\n <i class=\"fa-solid fa-cube text-white\"><\/i>\n <span class=\"text-white\">el rebost<\/span> <span class=\"text-gray-400 font-light\">del talent.<\/span>\n <\/div>\n <p class=\"text-gray-400 text-sm leading-relaxed max-w-xs\">El centro de negocios minimalista donde el talento de Lleida se encuentra, colabora y crece exponencialmente.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold mb-4 uppercase tracking-wider text-sm text-gray-300\">Navegaci\u00f3n<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-400\">\n <li><button onclick=\"navigateTo('espacios')\" class=\"hover:text-brand transition-colors\">Espacios F\u00edsicos<\/button><\/li>\n <li><button onclick=\"navigateTo('comunidad')\" class=\"hover:text-brand transition-colors\">Comunidad & Networking<\/button><\/li>\n <li><button onclick=\"navigateTo('miembros')\" class=\"hover:text-brand transition-colors\">Acceso Miembros<\/button><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold mb-4 uppercase tracking-wider text-sm text-gray-300\">Contacto<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-400\">\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-location-dot w-4\"><\/i> Lleida, Catalu\u00f1a<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-envelope w-4\"><\/i> hola@elrebostdeltalent.com<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 mt-12 pt-8 border-t border-white\/10 text-center text-sm text-gray-500\">\n © 2026 El Rebost del Talent. Todos los derechos reservados.\n <\/div>\n <\/footer>\n\n \n \n \n <script>\n function navigateTo(viewId) {\n document.querySelectorAll('.page-view').forEach(el => el.classList.remove('active'));\n const target = document.getElementById('view-' + viewId);\n if(target) {\n target.classList.add('active');\n window.scrollTo({ top: 0, behavior: 'instant' });\n \n const footer = document.getElementById('main-footer');\n if(viewId === 'miembros') { footer.style.display = 'none'; } else { footer.style.display = 'block'; }\n setTimeout(reveal, 50);\n }\n }\n\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 50;\n if (reveals[i].closest('.page-view').classList.contains('active')) {\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n }\n window.addEventListener(\"scroll\", reveal);\n\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 20) {\n navbar.classList.add('shadow-md', 'py-3'); navbar.classList.remove('py-4');\n } else {\n navbar.classList.remove('shadow-md', 'py-3'); navbar.classList.add('py-4');\n }\n });\n\n \/\/ Tabs\n function switchPlatformTab(tabId) {\n document.querySelectorAll('.plat-section').forEach(el => el.classList.add('hidden'));\n document.getElementById('plat-' + tabId).classList.remove('hidden');\n\n ['noticias', 'cur', 'cal', 'net', 'res', 'afi'].forEach(t => {\n const tabEl = document.getElementById('btn-tab-' + t);\n if (tabEl) {\n tabEl.className = 'px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all';\n }\n });\n const activeTabEl = document.getElementById('btn-tab-' + tabId);\n if (activeTabEl) {\n activeTabEl.className = 'px-5 py-2.5 rounded-xl font-bold bg-dark text-white border border-transparent shadow-md transition-all';\n }\n }\n\n \/\/ --- CALENDARIO APP ACTUALIZADO ---\n let calendarState = [\n { id: 1, day: 12, time: '19:00', title: 'Tardeo', icon: 'fa-beer-mug-empty', theme: 'orange', registered: false, attendees: 4 },\n { id: 2, day: 15, time: '10:00', title: 'Torneo P\u00e1del', icon: 'fa-table-tennis-paddle-ball', theme: 'brand', registered: true, attendees: 11 },\n { id: 3, day: 22, time: '14:00', title: 'Almuerzo Networking', icon: 'fa-utensils', theme: 'red', registered: false, attendees: 2 }\n ];\n\n function toggleEventInscription(eventId, eventObj) {\n if(eventObj) eventObj.stopPropagation();\n const idx = calendarState.findIndex(e => e.id === eventId);\n if(idx !== -1) {\n calendarState[idx].registered = !calendarState[idx].registered;\n calendarState[idx].attendees += calendarState[idx].registered ? 1 : -1;\n renderCalendar(); \n }\n }\n\n function renderCalendar() {\n const container = document.getElementById('calendar-grid-container');\n if (!container) return;\n const weekDays = ['Lunes', 'Martes', 'Mi\u00e9rcoles', 'Jueves', 'Viernes', 'S\u00e1bado', 'Domingo'];\n const weekDaysMobile = ['Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'S\u00e1', 'Do'];\n \n let html = `<div class=\"grid grid-cols-7 border-b border-gray-100 bg-gray-50\">`;\n weekDays.map((d, i) => {\n html += `<div class=\"py-3 text-center text-xs font-black text-gray-500 uppercase hidden md:block\">${d}<\/div>\n <div class=\"py-3 text-center text-[10px] font-black text-gray-500 uppercase md:hidden\">${weekDaysMobile[i]}<\/div>`;\n });\n html += `<\/div><div class=\"grid grid-cols-7 bg-gray-200 gap-[1px]\">`;\n\n for (let i = 1; i <= 31; i++) {\n const event = calendarState.find(e => e.day === i);\n const isToday = i === 15;\n \n let themeClasses = '';\n if(event) {\n if(event.theme === 'brand') themeClasses = 'bg-brand-light text-brand border-brand\/30';\n else if(event.theme === 'orange') themeClasses = 'bg-orange-50 text-orange-600 border-orange-200';\n else if(event.theme === 'red') themeClasses = 'bg-red-50 text-red-600 border-red-200';\n if(event.registered) themeClasses = 'bg-brand text-white border-brand shadow-md';\n }\n \n html += `\n <div class=\"min-h-[100px] md:min-h-[150px] bg-white p-2 transition-colors hover:bg-gray-50 relative flex flex-col ${isToday ? 'ring-inset ring-2 ring-brand' : ''}\">\n <span class=\"text-sm font-bold w-6 h-6 flex items-center justify-center rounded-full ${isToday ? 'bg-brand text-white' : 'text-gray-900'}\">${i}<\/span>\n ${event ? `\n <div class=\"mt-auto cursor-pointer group\" onclick=\"toggleEventInscription(${event.id}, event)\">\n <div class=\"p-2 rounded-xl border flex flex-col gap-1 transition-all hover:scale-105 ${themeClasses}\">\n <div class=\"flex justify-between items-center text-[10px] md:text-xs font-bold\">\n <span><i class=\"fa-solid ${event.icon}\"><\/i> ${event.time}<\/span>\n <\/div>\n <span class=\"text-[10px] md:text-xs font-black truncate\">${event.title}<\/span>\n <div class=\"mt-1 pt-1 border-t border-current\/20 flex justify-between items-center text-[9px] md:text-[10px] font-bold\">\n <div class=\"flex -space-x-1\">\n ${event.registered ? '<div class=\"w-4 h-4 rounded-full bg-dark text-white flex items-center justify-center z-10\">T\u00fa<\/div>' : ''}\n <div class=\"w-4 h-4 rounded-full bg-gray-300 border border-white\"><\/div>\n <\/div>\n <span>+${event.attendees}<\/span>\n <\/div>\n <\/div>\n <\/div>` : ''}\n <\/div>`;\n }\n html += `<\/div>`;\n container.innerHTML = html;\n }\n\n \/\/ --- APP NETWORKING DIRECTORIO ---\n function renderDashboardNetworking() {\n const pros = [\n { name: 'David M.', role: 'Dev Software', img: 'https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200&h=200', tags: ['SaaS', 'Web'] },\n { name: 'Carlos R.', role: 'Electricista', img: 'https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=200&h=200', tags: ['Reformas', 'Luz'] },\n { name: 'Laura G.', role: 'Dise\u00f1o UX\/UI', img: 'https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200&h=200', tags: ['Figma'] },\n { name: 'Marc P.', role: 'Abogado', img: 'https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200&h=200', tags: ['Startups'] }\n ];\n const container = document.getElementById('dashboard-networking-container');\n if (!container) return;\n \n let html = '';\n pros.forEach(p => {\n html += `\n <div class=\"bg-white border border-gray-100 rounded-3xl p-6 shadow-sm flex items-center gap-4 hover:shadow-md hover:border-brand transition-all cursor-pointer\">\n <img decoding=\"async\" src=\"${p.img}\" class=\"w-16 h-16 rounded-full object-cover\">\n <div class=\"flex-1\">\n <h3 class=\"font-black text-gray-900\">${p.name}<\/h3>\n <p class=\"text-[10px] font-black text-brand uppercase\">${p.role}<\/p>\n <\/div>\n <button class=\"w-10 h-10 rounded-full bg-gray-100 text-gray-900 hover:bg-brand hover:text-white transition-colors flex items-center justify-center\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/button>\n <\/div>`;\n });\n container.innerHTML = html;\n }\n\n \/\/ --- ARRANQUE ---\n window.onload = () => {\n renderCalendar();\n renderDashboardNetworking();\n setTimeout(reveal, 100);\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>El Rebost del Talent | Coworking & Business Club en Lleida el rebost del talent. Inicio Espacios F\u00edsicos Comunidad & Networking Acceso Miembros El centro de negocios de Lleida Dos pilares. Un \u00fanico ecosistema de \u00e9xito. Alquila un despacho premium para concentrarte al m\u00e1ximo y \u00fanete a una comunidad de negocios dise\u00f1ada para facturar m\u00e1s … <a title=\"Index\" class=\"read-more\" href=\"https:\/\/demo1.marketizados.com\/\" aria-label=\"Leer m\u00e1s sobre Index\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":12,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":8,"date":"2026-03-24T11:10:01","date_gmt":"2026-03-24T11:10:01","guid":{"rendered":"https:\/\/demo1.marketizados.com\/?page_id=8"},"modified":"2026-03-24T12:34:03","modified_gmt":"2026-03-24T12:34:03","slug":"index","status":"publish","type":"page","link":"https:\/\/demo1.marketizados.com\/","title":{"rendered":"Index"},"content":{"rendered":"\n\n\n\n \n \n El Rebost del Talent | Coworking & Business Club en Lleida<\/title>\n \n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n DEFAULT: '#569022',\n light: 'rgba(86, 144, 34, 0.08)',\n hover: '#45731b'\n },\n dark: '#111827'\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n\n <style>\n body { font-family: 'Inter', sans-serif; -webkit-font-smoothing: antialiased; margin: 0; padding: 0; }\n \n \/* Ocultar elementos por defecto de temas WP si intentan mostrarse *\/\n .site-header, .site-footer, .site-info, .page-header { display: none !important; }\n \n \/* Gesti\u00f3n de P\u00e1ginas\/Vistas (SPA Router) *\/\n .page-view {\n display: none;\n opacity: 0;\n transition: opacity 0.4s ease-in-out;\n }\n .page-view.active {\n display: block;\n opacity: 1;\n }\n\n \/* Animaciones al hacer scroll o cargar *\/\n .reveal {\n opacity: 0;\n transform: translateY(30px);\n transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);\n }\n .reveal.active {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Efecto de fondo sutil con patr\u00f3n *\/\n .bg-pattern {\n background-image: radial-gradient(#e5e7eb 1px, transparent 1px);\n background-size: 24px 24px;\n }\n \n \/* FIX HOVER MENU WP: Resetear botones de forma segura *\/\n #navbar button.nav-link { background-color: transparent !important; color: #4b5563 !important; }\n #navbar button.nav-link:hover { color: #569022 !important; background-color: transparent !important; }\n \n #navbar button.btn-dark { background-color: #111827 !important; color: #ffffff !important; }\n #navbar button.btn-dark:hover { background-color: #569022 !important; color: #ffffff !important; }\n \n \/* Ocultar scrollbars en elementos internos de la app *\/\n .no-scrollbar::-webkit-scrollbar { display: none; }\n .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n <\/style>\n<\/head>\n<body class=\"bg-gray-50 text-gray-900 selection:bg-brand selection:text-white flex flex-col min-h-screen\">\n\n \n \n \n <nav id=\"navbar\" class=\"fixed w-full z-50 transition-all duration-300 bg-white\/95 backdrop-blur-md border-b border-gray-100 py-4 px-6 md:px-12 shadow-sm\">\n <div class=\"max-w-7xl mx-auto flex justify-between items-center\">\n \n <button onclick=\"navigateTo('home')\" class=\"nav-link text-2xl font-bold tracking-tight text-brand flex items-center gap-2 hover:opacity-80 transition-opacity\" style=\"color:#569022 !important;\">\n <i class=\"fa-solid fa-cube\"><\/i>\n el rebost <span class=\"text-gray-900 font-light\">del talent.<\/span>\n <\/button>\n \n \n <div class=\"hidden lg:flex gap-8 items-center\">\n <button onclick=\"navigateTo('home')\" class=\"nav-link text-sm font-semibold transition-colors\">Inicio<\/button>\n <button onclick=\"navigateTo('espacios')\" class=\"nav-link text-sm font-semibold transition-colors\">Espacios F\u00edsicos<\/button>\n <button onclick=\"navigateTo('comunidad')\" class=\"nav-link text-sm font-semibold transition-colors\">Comunidad & Networking<\/button>\n <button onclick=\"navigateTo('miembros')\" class=\"btn-dark text-sm font-bold px-6 py-2.5 rounded-full transition-all shadow-sm flex items-center gap-2\">\n <i class=\"fa-solid fa-lock text-xs\"><\/i> Acceso Miembros\n <\/button>\n <\/div>\n\n \n <button class=\"lg:hidden text-gray-900 text-2xl nav-link\">\n <i class=\"fa-solid fa-bars\"><\/i>\n <\/button>\n <\/div>\n <\/nav>\n\n <div class=\"flex-grow relative\">\n\n \n \n \n <div id=\"view-home\" class=\"page-view active\">\n \n \n <header class=\"relative pt-32 pb-20 lg:pt-48 lg:pb-32 overflow-hidden bg-pattern bg-white\">\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-brand\/5 rounded-full blur-3xl -z-10 translate-x-1\/3 -translate-y-1\/3\"><\/div>\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 relative z-10 reveal\">\n <div class=\"max-w-4xl\">\n <div class=\"inline-flex items-center gap-2 px-3 py-1.5 rounded-full bg-brand-light text-brand text-sm font-bold mb-6 border border-brand\/20\">\n <span class=\"w-2 h-2 rounded-full bg-brand animate-pulse\"><\/span>\n El centro de negocios de Lleida\n <\/div>\n <h1 class=\"text-5xl md:text-7xl font-black tracking-tighter mb-8 leading-[1.1] text-gray-900\">\n Dos pilares. <br \/>\n <span class=\"text-brand\">Un \u00fanico ecosistema de \u00e9xito.<\/span>\n <\/h1>\n <p class=\"text-xl md:text-2xl text-gray-500 font-light mb-10 max-w-2xl leading-relaxed\">\n Alquila un despacho premium para concentrarte al m\u00e1ximo y \u00fanete a una comunidad de negocios dise\u00f1ada para facturar m\u00e1s a trav\u00e9s del networking real.\n <\/p>\n <div class=\"flex flex-col sm:flex-row gap-4\">\n <button onclick=\"navigateTo('espacios')\" class=\"px-8 py-4 rounded-xl font-bold bg-gray-900 text-white hover:bg-gray-800 transition-all text-center flex items-center justify-center gap-2\">\n Ver Espacios Privados <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/button>\n <button onclick=\"navigateTo('comunidad')\" class=\"px-8 py-4 rounded-xl font-bold bg-white border-2 border-gray-200 text-gray-900 hover:border-brand hover:text-brand transition-all text-center flex items-center justify-center gap-2\">\n Descubrir la Comunidad <i class=\"fa-solid fa-users\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <section class=\"py-24 bg-white border-t border-gray-50\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n <div class=\"text-center max-w-3xl mx-auto mb-20 reveal\">\n <h2 class=\"text-brand font-bold uppercase tracking-widest text-sm mb-3\">Real Estate<\/h2>\n <h3 class=\"text-4xl md:text-5xl font-black text-gray-900 mb-6 tracking-tight\">Espacios dise\u00f1ados para el alto rendimiento.<\/h3>\n <p class=\"text-lg text-gray-500\">Minimalismo, luz natural y equipamiento premium. Todo lo que tu equipo necesita para trabajar sin distracciones.<\/p>\n <\/div>\n\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <div class=\"order-2 lg:order-1 reveal\">\n <div class=\"space-y-10\">\n <div class=\"flex gap-6\">\n <div class=\"w-14 h-14 rounded-2xl bg-gray-50 border border-gray-100 flex items-center justify-center flex-shrink-0 text-brand text-2xl shadow-sm\"><i class=\"fa-solid fa-door-closed\"><\/i><\/div>\n <div>\n <h4 class=\"text-2xl font-bold text-gray-900 mb-2\">Despachos Privados<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">De 1 a 4 puestos. Totalmente equipados con mobiliario ergon\u00f3mico, climatizaci\u00f3n y cerradura inteligente. Acceso 24\/7.<\/p>\n <\/div>\n <\/div>\n <div class=\"flex gap-6\">\n <div class=\"w-14 h-14 rounded-2xl bg-gray-50 border border-gray-100 flex items-center justify-center flex-shrink-0 text-brand text-2xl shadow-sm\"><i class=\"fa-solid fa-desktop\"><\/i><\/div>\n <div>\n <h4 class=\"text-2xl font-bold text-gray-900 mb-2\">Salas de Reuniones PRO<\/h4>\n <p class=\"text-gray-600 leading-relaxed\">Espacios insonorizados con pantallas 4K para videoconferencias. Reserva por horas directamente desde nuestra plataforma.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <button onclick=\"navigateTo('espacios')\" class=\"mt-10 px-8 py-3 rounded-xl font-bold border-2 border-gray-200 text-gray-900 hover:border-brand hover:text-brand transition-all\">Saber m\u00e1s sobre tarifas<\/button>\n <\/div>\n <div class=\"order-1 lg:order-2 grid grid-cols-2 gap-4 reveal\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&q=80&w=600\" class=\"rounded-3xl object-cover h-[300px] w-full shadow-lg grayscale hover:grayscale-0 transition-all duration-500\" alt=\"Oficinas\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&q=80&w=600\" class=\"rounded-3xl object-cover h-[300px] w-full shadow-lg mt-12 grayscale hover:grayscale-0 transition-all duration-500\" alt=\"Reuniones\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-gray-900 text-white relative overflow-hidden\">\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/cubes.png')] opacity-[0.05]\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-full h-1\/2 bg-gradient-to-t from-brand\/20 to-transparent\"><\/div>\n\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 relative z-10\">\n <div class=\"grid lg:grid-cols-2 gap-16 items-center\">\n <div class=\"reveal\">\n <h2 class=\"text-brand font-bold uppercase tracking-widest text-sm mb-3\">Business Club<\/h2>\n <h3 class=\"text-4xl md:text-5xl font-black mb-6 tracking-tight text-white\">No alquilamos mesas. <br>Creamos sinergias.<\/h3>\n <p class=\"text-lg text-gray-400 mb-8 leading-relaxed\">Al formar parte de El Rebost del Talent, accedes autom\u00e1ticamente a nuestra plataforma digital privada. Un ecosistema vivo donde ocurren los verdaderos negocios.<\/p>\n <button onclick=\"navigateTo('comunidad')\" class=\"mt-4 inline-flex items-center gap-2 px-8 py-4 rounded-xl font-bold bg-brand text-white hover:bg-brand-hover transition-colors shadow-lg\">\n Explorar el Club <i class=\"fa-solid fa-arrow-right\"><\/i>\n <\/button>\n <\/div>\n \n <div class=\"reveal bg-white\/10 backdrop-blur-md border border-white\/20 p-6 md:p-8 rounded-[2rem] shadow-2xl transform rotate-2 hover:rotate-0 transition-transform duration-500\">\n <div class=\"flex items-center justify-between mb-6\">\n <div class=\"font-bold text-xl flex items-center gap-2\"><i class=\"fa-solid fa-cube text-brand\"><\/i> Comunidad<\/div>\n <div class=\"w-8 h-8 rounded-full bg-brand flex items-center justify-center text-xs font-bold\">PRO<\/div>\n <\/div>\n <div class=\"space-y-4\">\n <div class=\"bg-white\/10 rounded-xl p-4 flex items-center justify-between border border-white\/10\">\n <div class=\"flex items-center gap-4\">\n <div class=\"w-12 h-12 rounded-lg bg-orange-500\/20 text-orange-400 flex items-center justify-center text-xl\"><i class=\"fa-solid fa-beer-mug-empty\"><\/i><\/div>\n <div><p class=\"font-bold text-sm\">Tardeo & Networking<\/p><p class=\"text-xs text-gray-400\">Jueves 19:00h<\/p><\/div>\n <\/div>\n <span class=\"px-3 py-1 bg-brand text-white text-xs font-bold rounded-full\"><i class=\"fa-solid fa-check\"><\/i> Inscrito<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"py-24 bg-white border-t border-gray-100\">\n <div class=\"max-w-5xl mx-auto px-6 md:px-12 text-center reveal\">\n <h2 class=\"text-4xl md:text-6xl font-black text-gray-900 mb-8 tracking-tight\">Da el salto al siguiente nivel.<\/h2>\n <p class=\"text-xl text-gray-500 mb-12 max-w-2xl mx-auto\">Tanto si buscas el alquiler de tu despacho privado como si solo quieres formar parte de la comunidad, queremos conocerte.<\/p>\n <div class=\"bg-gray-50 border border-gray-200 p-8 md:p-12 rounded-[2rem] shadow-sm max-w-3xl mx-auto text-left\">\n <form class=\"space-y-6\">\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-bold text-gray-900 mb-2\">Nombre completo<\/label>\n <input type=\"text\" class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand outline-none transition-all\" placeholder=\"Ej. \u00c1lex Mart\u00ednez\">\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-gray-900 mb-2\">Empresa \/ Sector<\/label>\n <input type=\"text\" class=\"w-full px-4 py-3 rounded-xl border border-gray-300 focus:ring-2 focus:ring-brand outline-none transition-all\" placeholder=\"Ej. Agencia Web\">\n <\/div>\n <\/div>\n <button type=\"button\" onclick=\"alert('Formulario enviado simulaci\u00f3n')\" class=\"w-full py-4 bg-gray-900 text-white font-bold rounded-xl text-lg hover:bg-brand transition-colors shadow-md\">\n Solicitar informaci\u00f3n sin compromiso\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n <\/div>\n\n\n \n \n \n <div id=\"view-espacios\" class=\"page-view bg-white pb-24 pt-28\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n \n <div class=\"bg-white border border-gray-200 rounded-[2rem] p-8 md:p-10 shadow-sm mb-16 max-w-4xl mx-auto reveal\">\n <div class=\"w-14 h-14 rounded-2xl bg-white border border-gray-100 shadow-sm flex items-center justify-center mb-6 text-dark\">\n <i class=\"fa-regular fa-building text-2xl\"><\/i>\n <\/div>\n <h2 class=\"text-4xl font-black text-dark mb-4 tracking-tight\">Alquiler de Despachos<\/h2>\n <p class=\"text-gray-600 mb-8 leading-relaxed text-lg font-medium\">Espacios privados, minimalistas y totalmente equipados para que tu equipo trabaje con la m\u00e1xima concentraci\u00f3n y profesionalidad.<\/p>\n <ul class=\"space-y-4 flex flex-col md:flex-row md:space-y-0 md:gap-8 border-t border-gray-100 pt-6\">\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-location-dot text-gray-400 mr-3\"><\/i> Acceso 24\/7<\/li>\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-users text-gray-400 mr-3\"><\/i> Salas de reuniones<\/li>\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-mug-hot text-gray-400 mr-3\"><\/i> Zona office premium<\/li>\n <\/ul>\n <\/div>\n\n \n <div class=\"grid lg:grid-cols-2 gap-12 mb-16 items-center bg-gray-50 rounded-[2.5rem] p-8 md:p-12 border border-gray-100 shadow-sm reveal\">\n <div class=\"bg-white rounded-3xl h-72 md:h-full min-h-[350px] overflow-hidden relative shadow-inner border border-gray-200\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&q=80&w=1000\" class=\"w-full h-full object-cover grayscale opacity-90 hover:grayscale-0 transition-all duration-700\" alt=\"Oficina\">\n <\/div>\n <div class=\"flex flex-col justify-center\">\n <h2 class=\"text-3xl font-black mb-4 tracking-tight text-gray-900\">Despachos Privados Premium<\/h2>\n <p class=\"text-gray-600 mb-8 text-lg leading-relaxed font-medium\">Desde 1 hasta 4 puestos de trabajo. Totalmente equipados con mobiliario ergon\u00f3mico de dise\u00f1o, climatizaci\u00f3n independiente, aislamiento ac\u00fastico y cerradura inteligente.<\/p>\n <div class=\"flex flex-wrap items-center gap-4 mb-8\">\n <span class=\"px-6 py-3 bg-white border border-gray-200 rounded-xl text-sm font-black text-gray-900 shadow-sm\">Desde 350\u20ac \/ mes<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n \n \n <div id=\"view-comunidad\" class=\"page-view bg-white pb-24 pt-28\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n \n <div class=\"bg-white border-2 border-brand rounded-[2rem] p-8 md:p-10 shadow-md mb-16 max-w-4xl mx-auto relative overflow-hidden reveal\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-brand-light rounded-bl-[100px] -z-10 pointer-events-none\"><\/div>\n <div class=\"w-14 h-14 rounded-2xl bg-brand text-white shadow-sm flex items-center justify-center mb-6\"><i class=\"fa-solid fa-user-group text-2xl\"><\/i><\/div>\n <div class=\"mb-4\"><span class=\"bg-brand text-white text-3xl font-black px-3 py-1 inline-block tracking-tight\">La Comunidad<\/span><\/div>\n <p class=\"text-gray-600 mb-8 leading-relaxed text-lg font-medium\">\u00danete a nuestro club exclusivo. Networking real, eventos, formaci\u00f3n y un sistema de afiliaci\u00f3n donde todos ganamos.<\/p>\n <ul class=\"space-y-4 flex flex-col md:flex-row md:space-y-0 md:gap-8 border-t border-gray-100 pt-6\">\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-regular fa-calendar text-gray-400 mr-3\"><\/i> Eventos y p\u00e1del<\/li>\n <li class=\"flex items-center text-gray-700 font-bold\"><i class=\"fa-solid fa-book-open text-gray-400 mr-3\"><\/i> Formaci\u00f3n<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n\n\n \n \n \n <div id=\"view-miembros\" class=\"page-view bg-gray-50 min-h-screen pt-28 pb-24\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12\">\n \n \n <div class=\"mb-8 flex flex-col md:flex-row justify-between items-start md:items-center gap-4 reveal\">\n <div>\n <h2 class=\"text-4xl font-black text-gray-900 tracking-tight\">Portal de Miembros<\/h2>\n <p class=\"text-gray-500 mt-1 font-medium text-lg\">Hola, gestiona tus eventos y beneficios.<\/p>\n <\/div>\n <div class=\"flex items-center gap-4\">\n <div class=\"flex items-center gap-2 bg-brand-light border border-brand\/20 text-brand px-4 py-2 rounded-xl shadow-sm\">\n <i class=\"fa-brands fa-stripe text-3xl mt-1\"><\/i>\n <span class=\"text-xs font-bold uppercase tracking-wide\">Suscripci\u00f3n Activa<\/span>\n <\/div>\n <div class=\"w-12 h-12 rounded-full bg-dark text-white font-bold flex items-center justify-center text-xl shadow-md border-2 border-white\">\n AM\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"flex flex-wrap gap-3 mb-8 border-b border-gray-200 pb-5 reveal\">\n <button onclick=\"switchPlatformTab('noticias')\" id=\"btn-tab-noticias\" class=\"px-5 py-2.5 rounded-xl font-bold bg-dark text-white shadow-md transition-all border border-transparent\">Noticias<\/button>\n <button onclick=\"switchPlatformTab('cur')\" id=\"btn-tab-cur\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Cursos<\/button>\n <button onclick=\"switchPlatformTab('cal')\" id=\"btn-tab-cal\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Calendario<\/button>\n <button onclick=\"switchPlatformTab('net')\" id=\"btn-tab-net\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Directorio PRO<\/button>\n <button onclick=\"switchPlatformTab('res')\" id=\"btn-tab-res\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Reservar Espacio<\/button>\n <button onclick=\"switchPlatformTab('afi')\" id=\"btn-tab-afi\" class=\"px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all\">Mis Afiliaciones<\/button>\n <\/div>\n\n \n <div id=\"plat-noticias\" class=\"plat-section reveal\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Muro de la Comunidad<\/h3>\n <div class=\"space-y-6 max-w-4xl\">\n <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm flex gap-5\">\n <div class=\"w-12 h-12 rounded-full bg-brand-light text-brand flex items-center justify-center flex-shrink-0 text-xl\"><i class=\"fa-regular fa-bell\"><\/i><\/div>\n <div>\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"text-xs font-bold text-gray-400\">Hace 2 horas<\/span>\n <span class=\"px-2 py-1 bg-blue-50 text-blue-600 text-[10px] font-bold rounded uppercase tracking-wide\">Nuevo Miembro<\/span>\n <\/div>\n <h4 class=\"text-lg font-bold text-gray-900 mb-2\">Damos la bienvenida a Carlos (Instalaciones El\u00e9ctricas)<\/h4>\n <p class=\"text-gray-600 text-sm font-medium leading-relaxed\">Carlos se acaba de unir al Coworking. Especialista en reformas e iluminaci\u00f3n inteligente para locales. Pod\u00e9is encontrarlo en el Directorio PRO para colaboraciones.<\/p>\n <\/div>\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-gray-200 shadow-sm flex gap-5\">\n <div class=\"w-12 h-12 rounded-full bg-orange-100 text-orange-500 flex items-center justify-center flex-shrink-0 text-xl\"><i class=\"fa-solid fa-mug-hot\"><\/i><\/div>\n <div>\n <div class=\"flex items-center gap-3 mb-2\">\n <span class=\"text-xs font-bold text-gray-400\">Ayer<\/span>\n <span class=\"px-2 py-1 bg-orange-50 text-orange-600 text-[10px] font-bold rounded uppercase tracking-wide\">Instalaciones<\/span>\n <\/div>\n <h4 class=\"text-lg font-bold text-gray-900 mb-2\">Nueva m\u00e1quina de caf\u00e9 de especialidad en el Office<\/h4>\n <p class=\"text-gray-600 text-sm font-medium leading-relaxed\">Hemos actualizado la zona com\u00fan. Disfrutad del nuevo blend de Colombia. Recordad dejar las tazas en el lavavajillas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"plat-cur\" class=\"plat-section hidden\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Academia: Cursos y Masterclasses<\/h3>\n <div class=\"grid md:grid-cols-2 gap-6\">\n <div class=\"bg-white border border-gray-200 p-6 rounded-3xl shadow-sm flex flex-col group\">\n <div class=\"h-40 bg-gray-100 rounded-2xl mb-4 overflow-hidden relative\">\n <div class=\"absolute top-3 left-3 bg-brand text-white text-xs font-bold px-3 py-1 rounded-full z-10\">PR\u00d3XIMAMENTE<\/div>\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&q=80&w=800\" class=\"w-full h-full object-cover grayscale opacity-90 group-hover:grayscale-0 transition-all duration-500\" alt=\"Masterclass\">\n <\/div>\n <h4 class=\"text-xl font-bold text-gray-900 mb-2\">Masterclass: Fiscalidad para Startups<\/h4>\n <p class=\"text-sm text-gray-500 mb-4 font-medium flex-1\">Aprende a optimizar tus impuestos y qu\u00e9 deducciones puedes aplicar este trimestre.<\/p>\n <div class=\"flex items-center justify-between mt-auto\">\n <span class=\"text-sm font-bold text-gray-900\"><i class=\"fa-regular fa-calendar text-brand mr-1\"><\/i> 26 de Marzo<\/span>\n <button class=\"px-4 py-2 bg-gray-100 text-gray-900 rounded-lg font-bold hover:bg-brand hover:text-white transition-colors text-sm\">Avisadme<\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"plat-cal\" class=\"plat-section hidden\">\n <div class=\"flex justify-between items-end mb-6\">\n <h3 class=\"text-2xl font-black text-gray-900\">Eventos de la tribu<\/h3>\n <\/div>\n <div id=\"calendar-grid-container\" class=\"bg-white rounded-2xl shadow-sm border border-gray-200 overflow-hidden\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"plat-net\" class=\"plat-section hidden\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Directorio PRO<\/h3>\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-6\" id=\"dashboard-networking-container\">\n \n <\/div>\n <\/div>\n\n \n <div id=\"plat-res\" class=\"plat-section hidden\">\n <h3 class=\"text-2xl font-black text-gray-900 mb-6\">Reserva de Salas<\/h3>\n <div class=\"grid md:grid-cols-3 gap-6\">\n <div class=\"bg-white border border-gray-200 p-6 rounded-3xl shadow-sm flex flex-col hover:border-brand transition-colors cursor-pointer group\">\n <div class=\"h-32 bg-gray-100 rounded-2xl mb-4 overflow-hidden relative\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&q=80&w=600\" class=\"w-full h-full object-cover grayscale opacity-80 group-hover:grayscale-0 transition-all duration-500\" alt=\"Sala\">\n <\/div>\n <h4 class=\"text-lg font-bold text-gray-900\">Sala Principal<\/h4>\n <p class=\"text-sm text-gray-500 mb-4 font-medium\">Pantalla 4K, Pizarra, 6 Pax.<\/p>\n <button class=\"mt-auto w-full py-2.5 bg-dark text-white rounded-xl font-bold group-hover:bg-brand transition-colors text-sm text-center\">Ver Disponibilidad<\/button>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"plat-afi\" class=\"plat-section hidden\">\n <div class=\"grid md:grid-cols-3 gap-6 mb-8\">\n <div class=\"bg-dark text-white p-8 rounded-3xl shadow-xl relative overflow-hidden\">\n <i class=\"fa-solid fa-sack-dollar absolute -right-4 -bottom-4 text-8xl text-gray-800 opacity-50\"><\/i>\n <p class=\"text-gray-400 text-sm font-bold uppercase tracking-wider mb-2 relative z-10\">Ganancias Generadas<\/p>\n <h3 class=\"text-5xl font-black text-brand relative z-10\">250<span class=\"text-2xl font-medium text-gray-400\">\u20ac<\/span><\/h3>\n <\/div>\n <div class=\"bg-white border border-gray-200 p-8 rounded-3xl shadow-sm flex flex-col justify-center items-center text-center hover:border-brand cursor-pointer group transition-colors\">\n <div class=\"w-14 h-14 bg-brand-light text-brand rounded-full flex items-center justify-center text-2xl mb-3 group-hover:scale-110 transition-transform\"><i class=\"fa-solid fa-plus\"><\/i><\/div>\n <h3 class=\"text-lg font-bold text-gray-900\">Registrar un Lead<\/h3>\n <p class=\"text-xs text-gray-500 mt-1 font-medium\">Pasa un cliente a un coworker<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n \n \n \n <footer id=\"main-footer\" class=\"bg-gray-900 text-white py-12 border-t border-white\/10 mt-auto\">\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 grid md:grid-cols-3 gap-8\">\n <div>\n <div class=\"text-2xl font-bold tracking-tight text-brand flex items-center gap-2 mb-4\">\n <i class=\"fa-solid fa-cube text-white\"><\/i>\n <span class=\"text-white\">el rebost<\/span> <span class=\"text-gray-400 font-light\">del talent.<\/span>\n <\/div>\n <p class=\"text-gray-400 text-sm leading-relaxed max-w-xs\">El centro de negocios minimalista donde el talento de Lleida se encuentra, colabora y crece exponencialmente.<\/p>\n <\/div>\n <div>\n <h4 class=\"font-bold mb-4 uppercase tracking-wider text-sm text-gray-300\">Navegaci\u00f3n<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-400\">\n <li><button onclick=\"navigateTo('espacios')\" class=\"hover:text-brand transition-colors\">Espacios F\u00edsicos<\/button><\/li>\n <li><button onclick=\"navigateTo('comunidad')\" class=\"hover:text-brand transition-colors\">Comunidad & Networking<\/button><\/li>\n <li><button onclick=\"navigateTo('miembros')\" class=\"hover:text-brand transition-colors\">Acceso Miembros<\/button><\/li>\n <\/ul>\n <\/div>\n <div>\n <h4 class=\"font-bold mb-4 uppercase tracking-wider text-sm text-gray-300\">Contacto<\/h4>\n <ul class=\"space-y-2 text-sm text-gray-400\">\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-location-dot w-4\"><\/i> Lleida, Catalu\u00f1a<\/li>\n <li class=\"flex items-center gap-2\"><i class=\"fa-solid fa-envelope w-4\"><\/i> hola@elrebostdeltalent.com<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <div class=\"max-w-7xl mx-auto px-6 md:px-12 mt-12 pt-8 border-t border-white\/10 text-center text-sm text-gray-500\">\n © 2026 El Rebost del Talent. Todos los derechos reservados.\n <\/div>\n <\/footer>\n\n \n \n \n <script>\n function navigateTo(viewId) {\n document.querySelectorAll('.page-view').forEach(el => el.classList.remove('active'));\n const target = document.getElementById('view-' + viewId);\n if(target) {\n target.classList.add('active');\n window.scrollTo({ top: 0, behavior: 'instant' });\n \n const footer = document.getElementById('main-footer');\n if(viewId === 'miembros') { footer.style.display = 'none'; } else { footer.style.display = 'block'; }\n setTimeout(reveal, 50);\n }\n }\n\n function reveal() {\n var reveals = document.querySelectorAll(\".reveal\");\n for (var i = 0; i < reveals.length; i++) {\n var windowHeight = window.innerHeight;\n var elementTop = reveals[i].getBoundingClientRect().top;\n var elementVisible = 50;\n if (reveals[i].closest('.page-view').classList.contains('active')) {\n if (elementTop < windowHeight - elementVisible) {\n reveals[i].classList.add(\"active\");\n }\n }\n }\n }\n window.addEventListener(\"scroll\", reveal);\n\n const navbar = document.getElementById('navbar');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 20) {\n navbar.classList.add('shadow-md', 'py-3'); navbar.classList.remove('py-4');\n } else {\n navbar.classList.remove('shadow-md', 'py-3'); navbar.classList.add('py-4');\n }\n });\n\n \/\/ Tabs\n function switchPlatformTab(tabId) {\n document.querySelectorAll('.plat-section').forEach(el => el.classList.add('hidden'));\n document.getElementById('plat-' + tabId).classList.remove('hidden');\n\n ['noticias', 'cur', 'cal', 'net', 'res', 'afi'].forEach(t => {\n const tabEl = document.getElementById('btn-tab-' + t);\n if (tabEl) {\n tabEl.className = 'px-5 py-2.5 rounded-xl font-bold bg-white text-gray-600 border border-gray-200 hover:bg-brand-light hover:text-brand hover:border-brand transition-all';\n }\n });\n const activeTabEl = document.getElementById('btn-tab-' + tabId);\n if (activeTabEl) {\n activeTabEl.className = 'px-5 py-2.5 rounded-xl font-bold bg-dark text-white border border-transparent shadow-md transition-all';\n }\n }\n\n \/\/ --- CALENDARIO APP ACTUALIZADO ---\n let calendarState = [\n { id: 1, day: 12, time: '19:00', title: 'Tardeo', icon: 'fa-beer-mug-empty', theme: 'orange', registered: false, attendees: 4 },\n { id: 2, day: 15, time: '10:00', title: 'Torneo P\u00e1del', icon: 'fa-table-tennis-paddle-ball', theme: 'brand', registered: true, attendees: 11 },\n { id: 3, day: 22, time: '14:00', title: 'Almuerzo Networking', icon: 'fa-utensils', theme: 'red', registered: false, attendees: 2 }\n ];\n\n function toggleEventInscription(eventId, eventObj) {\n if(eventObj) eventObj.stopPropagation();\n const idx = calendarState.findIndex(e => e.id === eventId);\n if(idx !== -1) {\n calendarState[idx].registered = !calendarState[idx].registered;\n calendarState[idx].attendees += calendarState[idx].registered ? 1 : -1;\n renderCalendar(); \n }\n }\n\n function renderCalendar() {\n const container = document.getElementById('calendar-grid-container');\n if (!container) return;\n const weekDays = ['Lunes', 'Martes', 'Mi\u00e9rcoles', 'Jueves', 'Viernes', 'S\u00e1bado', 'Domingo'];\n const weekDaysMobile = ['Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'S\u00e1', 'Do'];\n \n let html = `<div class=\"grid grid-cols-7 border-b border-gray-100 bg-gray-50\">`;\n weekDays.map((d, i) => {\n html += `<div class=\"py-3 text-center text-xs font-black text-gray-500 uppercase hidden md:block\">${d}<\/div>\n <div class=\"py-3 text-center text-[10px] font-black text-gray-500 uppercase md:hidden\">${weekDaysMobile[i]}<\/div>`;\n });\n html += `<\/div><div class=\"grid grid-cols-7 bg-gray-200 gap-[1px]\">`;\n\n for (let i = 1; i <= 31; i++) {\n const event = calendarState.find(e => e.day === i);\n const isToday = i === 15;\n \n let themeClasses = '';\n if(event) {\n if(event.theme === 'brand') themeClasses = 'bg-brand-light text-brand border-brand\/30';\n else if(event.theme === 'orange') themeClasses = 'bg-orange-50 text-orange-600 border-orange-200';\n else if(event.theme === 'red') themeClasses = 'bg-red-50 text-red-600 border-red-200';\n if(event.registered) themeClasses = 'bg-brand text-white border-brand shadow-md';\n }\n \n html += `\n <div class=\"min-h-[100px] md:min-h-[150px] bg-white p-2 transition-colors hover:bg-gray-50 relative flex flex-col ${isToday ? 'ring-inset ring-2 ring-brand' : ''}\">\n <span class=\"text-sm font-bold w-6 h-6 flex items-center justify-center rounded-full ${isToday ? 'bg-brand text-white' : 'text-gray-900'}\">${i}<\/span>\n ${event ? `\n <div class=\"mt-auto cursor-pointer group\" onclick=\"toggleEventInscription(${event.id}, event)\">\n <div class=\"p-2 rounded-xl border flex flex-col gap-1 transition-all hover:scale-105 ${themeClasses}\">\n <div class=\"flex justify-between items-center text-[10px] md:text-xs font-bold\">\n <span><i class=\"fa-solid ${event.icon}\"><\/i> ${event.time}<\/span>\n <\/div>\n <span class=\"text-[10px] md:text-xs font-black truncate\">${event.title}<\/span>\n <div class=\"mt-1 pt-1 border-t border-current\/20 flex justify-between items-center text-[9px] md:text-[10px] font-bold\">\n <div class=\"flex -space-x-1\">\n ${event.registered ? '<div class=\"w-4 h-4 rounded-full bg-dark text-white flex items-center justify-center z-10\">T\u00fa<\/div>' : ''}\n <div class=\"w-4 h-4 rounded-full bg-gray-300 border border-white\"><\/div>\n <\/div>\n <span>+${event.attendees}<\/span>\n <\/div>\n <\/div>\n <\/div>` : ''}\n <\/div>`;\n }\n html += `<\/div>`;\n container.innerHTML = html;\n }\n\n \/\/ --- APP NETWORKING DIRECTORIO ---\n function renderDashboardNetworking() {\n const pros = [\n { name: 'David M.', role: 'Dev Software', img: 'https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?auto=format&fit=crop&q=80&w=200&h=200', tags: ['SaaS', 'Web'] },\n { name: 'Carlos R.', role: 'Electricista', img: 'https:\/\/images.unsplash.com\/photo-1560250097-0b93528c311a?auto=format&fit=crop&q=80&w=200&h=200', tags: ['Reformas', 'Luz'] },\n { name: 'Laura G.', role: 'Dise\u00f1o UX\/UI', img: 'https:\/\/images.unsplash.com\/photo-1494790108377-be9c29b29330?auto=format&fit=crop&q=80&w=200&h=200', tags: ['Figma'] },\n { name: 'Marc P.', role: 'Abogado', img: 'https:\/\/images.unsplash.com\/photo-1500648767791-00dcc994a43e?auto=format&fit=crop&q=80&w=200&h=200', tags: ['Startups'] }\n ];\n const container = document.getElementById('dashboard-networking-container');\n if (!container) return;\n \n let html = '';\n pros.forEach(p => {\n html += `\n <div class=\"bg-white border border-gray-100 rounded-3xl p-6 shadow-sm flex items-center gap-4 hover:shadow-md hover:border-brand transition-all cursor-pointer\">\n <img decoding=\"async\" src=\"${p.img}\" class=\"w-16 h-16 rounded-full object-cover\">\n <div class=\"flex-1\">\n <h3 class=\"font-black text-gray-900\">${p.name}<\/h3>\n <p class=\"text-[10px] font-black text-brand uppercase\">${p.role}<\/p>\n <\/div>\n <button class=\"w-10 h-10 rounded-full bg-gray-100 text-gray-900 hover:bg-brand hover:text-white transition-colors flex items-center justify-center\"><i class=\"fa-solid fa-paper-plane\"><\/i><\/button>\n <\/div>`;\n });\n container.innerHTML = html;\n }\n\n \/\/ --- ARRANQUE ---\n window.onload = () => {\n renderCalendar();\n renderDashboardNetworking();\n setTimeout(reveal, 100);\n };\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>El Rebost del Talent | Coworking & Business Club en Lleida el rebost del talent. Inicio Espacios F\u00edsicos Comunidad & Networking Acceso Miembros El centro de negocios de Lleida Dos pilares. Un \u00fanico ecosistema de \u00e9xito. Alquila un despacho premium para concentrarte al m\u00e1ximo y \u00fanete a una comunidad de negocios dise\u00f1ada para facturar m\u00e1s … <a title=\"Index\" class=\"read-more\" href=\"https:\/\/demo1.marketizados.com\/\" aria-label=\"Leer m\u00e1s sobre Index\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":12,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/demo1.marketizados.com\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}