Espacios Disponibles | WorkspaceGlobal – Directorio de Oficinas y Coworking<\/title>\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"ItemList\",\n \"itemListElement\": [\n {\n \"@type\": \"OfferCatalog\",\n \"name\": \"Despachos para Reformas y Construcciones\",\n \"itemListElement\": [{\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Despacho Profesional Reformas\"}}]\n },\n {\n \"@type\": \"OfferCatalog\", \n \"name\": \"Puestos Fijos de Coworking\",\n \"itemListElement\": [{\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Puesto Fijo Coworking\"}}]\n }\n ]\n }\n <\/script>\n\n <style>\n \/* ===== RESET & BASE ===== *\/\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n line-height: 1.6;\n color: #2d3748;\n background: #f8fafc;\n }\n img { max-width: 100%; height: auto; display: block; }\n a { text-decoration: none; color: inherit; transition: all 0.2s; }\n a:hover { color: #2563eb; }\n button { font-family: inherit; cursor: pointer; }\n\n \/* ===== VARIABLES ===== *\/\n :root {\n --primary: #2563eb;\n --primary-dark: #1d4ed8;\n --secondary: #0f172a;\n --accent: #f59e0b;\n --success: #10b981;\n --purple: #8b5cf6;\n --pink: #ec4899;\n --teal: #14b8a6;\n --orange: #f97316;\n --light: #f8fafc;\n --gray: #64748b;\n --border: #e2e8f0;\n --shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\n --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n --radius: 12px;\n --radius-lg: 20px;\n }\n\n \/* ===== LAYOUT ===== *\/\n .container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }\n section { padding: 60px 0; }\n @media (max-width: 768px) { section { padding: 40px 0; } }\n\n \/* ===== HERO ===== *\/\n .hero {\n background: linear-gradient(135deg, var(--secondary) 0%, #1e293b 100%);\n color: white;\n padding: 80px 20px;\n text-align: center;\n }\n .hero h1 {\n font-size: clamp(2rem, 5vw, 3rem);\n margin-bottom: 15px;\n font-weight: 700;\n }\n .hero p {\n font-size: clamp(1rem, 2.5vw, 1.2rem);\n color: #cbd5e1;\n max-width: 700px;\n margin: 0 auto 25px;\n }\n .hero-stats {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n .stat-badge {\n background: rgba(255,255,255,0.15);\n padding: 10px 20px;\n border-radius: 50px;\n font-size: 0.9rem;\n }\n\n \/* ===== FILTERS BAR ===== *\/\n .filters-bar {\n background: white;\n padding: 20px;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin: -30px auto 40px;\n position: relative;\n z-index: 10;\n max-width: 1400px;\n }\n .filters-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n align-items: end;\n }\n .filter-group label {\n display: block;\n font-size: 0.85rem;\n font-weight: 500;\n color: var(--gray);\n margin-bottom: 6px;\n }\n .filter-group select, .filter-group input {\n width: 100%;\n padding: 10px 14px;\n border: 2px solid var(--border);\n border-radius: 8px;\n font-size: 0.95rem;\n background: white;\n }\n .filter-group select:focus, .filter-group input:focus {\n outline: none;\n border-color: var(--primary);\n }\n .search-btn {\n background: var(--primary);\n color: white;\n padding: 12px 24px;\n border: none;\n border-radius: 8px;\n font-weight: 600;\n transition: all 0.2s;\n }\n .search-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n }\n\n \/* ===== CATEGORY TABS ===== *\/\n .category-tabs {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 30px;\n justify-content: center;\n }\n .category-tab {\n padding: 10px 20px;\n background: #f1f5f9;\n border: 2px solid transparent;\n border-radius: 50px;\n font-weight: 500;\n font-size: 0.95rem;\n transition: all 0.2s;\n cursor: pointer;\n }\n .category-tab.active, .category-tab:hover {\n background: var(--primary);\n color: white;\n border-color: var(--primary-dark);\n }\n .category-tab .count {\n background: var(--accent);\n color: white;\n padding: 2px 10px;\n border-radius: 50px;\n font-size: 0.8rem;\n margin-left: 8px;\n }\n\n \/* ===== SPACES GRID ===== *\/\n .section-header {\n text-align: center;\n margin-bottom: 30px;\n }\n .section-header h2 {\n font-size: clamp(1.5rem, 4vw, 2rem);\n color: var(--secondary);\n margin-bottom: 10px;\n }\n .section-header p { color: var(--gray); }\n\n .spaces-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n margin-bottom: 50px;\n }\n\n \/* ===== SPACE CARD ===== *\/\n .space-card {\n background: white;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n border: 2px solid transparent;\n display: flex;\n flex-direction: column;\n }\n .space-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary);\n }\n .space-image {\n height: 180px;\n background: linear-gradient(135deg, var(--primary), var(--purple));\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 3rem;\n position: relative;\n }\n .space-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n background: var(--success);\n color: white;\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n }\n .space-badge.premium { background: var(--accent); }\n .space-badge.new { background: var(--pink); }\n \n .space-content {\n padding: 20px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n .space-category {\n display: inline-block;\n background: #dbeafe;\n color: var(--primary);\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-bottom: 10px;\n width: fit-content;\n }\n .space-category.masajes { background: #fce7f3; color: #db2777; }\n .space-category.inmobiliarias { background: #fef3c7; color: #d97706; }\n .space-category.reformas { background: #dcfce7; color: #059669; }\n .space-category.coworking { background: #e0e7ff; color: #4f46e5; }\n .space-category.reuniones { background: #ccfbf1; color: #0891b2; }\n \n .space-content h3 {\n color: var(--secondary);\n margin-bottom: 8px;\n font-size: 1.15rem;\n line-height: 1.3;\n }\n .space-location {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--gray);\n font-size: 0.9rem;\n margin-bottom: 12px;\n }\n .space-features {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 15px;\n }\n .feature-tag {\n background: #f1f5f9;\n padding: 4px 10px;\n border-radius: 50px;\n font-size: 0.75rem;\n color: var(--gray);\n }\n .space-price {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--success);\n margin: 10px 0;\n }\n .space-price small {\n font-size: 0.85rem;\n font-weight: 400;\n color: var(--gray);\n }\n .space-price.hourly {\n color: var(--primary);\n }\n \n .space-actions {\n margin-top: auto;\n display: flex;\n gap: 10px;\n }\n .btn-contact {\n flex: 1;\n padding: 10px;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 8px;\n font-weight: 500;\n font-size: 0.9rem;\n transition: all 0.2s;\n text-align: center;\n }\n .btn-contact:hover {\n background: var(--primary-dark);\n }\n .btn-whatsapp {\n padding: 10px 14px;\n background: #25D366;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.1rem;\n transition: all 0.2s;\n }\n .btn-whatsapp:hover {\n background: #128C7E;\n transform: scale(1.05);\n }\n\n \/* ===== QUICK INQUIRY FORM ===== *\/\n .quick-inquiry {\n background: white;\n border-radius: var(--radius-lg);\n padding: 30px;\n box-shadow: var(--shadow);\n margin: 40px 0;\n border-left: 4px solid var(--primary);\n }\n .quick-inquiry h3 {\n color: var(--secondary);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .inquiry-form {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n align-items: end;\n }\n .inquiry-form .form-group { margin-bottom: 0; }\n .inquiry-form input, .inquiry-form select, .inquiry-form textarea {\n width: 100%;\n padding: 10px 14px;\n border: 2px solid var(--border);\n border-radius: 8px;\n font-size: 0.95rem;\n }\n .inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus {\n outline: none;\n border-color: var(--primary);\n }\n .inquiry-form .submit-btn {\n background: var(--primary);\n color: white;\n padding: 12px 24px;\n border: none;\n border-radius: 8px;\n font-weight: 600;\n transition: all 0.2s;\n }\n .inquiry-form .submit-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n }\n\n \/* ===== PAGINATION ===== *\/\n .pagination {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin: 40px 0;\n flex-wrap: wrap;\n }\n .page-btn {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 2px solid var(--border);\n border-radius: 8px;\n background: white;\n font-weight: 500;\n transition: all 0.2s;\n }\n .page-btn.active, .page-btn:hover {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n }\n .page-btn.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n \/* ===== CTA SECTION ===== *\/\n .cta-section {\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n color: white;\n text-align: center;\n border-radius: var(--radius-lg);\n padding: 50px 30px;\n margin: 40px 0;\n }\n .cta-section h2 {\n font-size: clamp(1.5rem, 4vw, 2rem);\n margin-bottom: 15px;\n }\n .cta-section p {\n color: #dbeafe;\n margin-bottom: 25px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n .cta-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n flex-wrap: wrap;\n }\n .btn-white {\n background: white;\n color: var(--primary);\n padding: 14px 32px;\n border-radius: 50px;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.2s;\n }\n .btn-white:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n }\n .btn-outline-white {\n background: transparent;\n color: white;\n border: 2px solid white;\n padding: 14px 32px;\n border-radius: 50px;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.2s;\n }\n .btn-outline-white:hover {\n background: rgba(255,255,255,0.15);\n }\n\n \/* ===== FOOTER CONTACT ===== *\/\n .footer-contact {\n background: var(--secondary);\n color: white;\n text-align: center;\n padding: 40px 20px;\n border-radius: var(--radius-lg);\n margin: 40px 0;\n }\n .footer-contact h3 { margin-bottom: 15px; }\n .footer-contact p { color: #cbd5e1; margin-bottom: 20px; }\n .whatsapp-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #25D366;\n color: white;\n padding: 12px 28px;\n border-radius: 50px;\n font-weight: 600;\n transition: all 0.2s;\n }\n .whatsapp-btn:hover {\n background: #128C7E;\n transform: translateY(-2px);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 640px) {\n .filters-grid { grid-template-columns: 1fr; }\n .category-tabs { justify-content: flex-start; overflow-x: auto; padding-bottom: 10px; }\n .spaces-grid { grid-template-columns: 1fr; }\n .cta-buttons { flex-direction: column; align-items: center; }\n .btn-white, .btn-outline-white { width: 100%; justify-content: center; }\n }\n\n \/* ===== UTILS ===== *\/\n .hidden { display: none !important; }\n .text-center { text-align: center; }\n .mt-20 { margin-top: 20px; }\n .mb-20 { margin-bottom: 20px; }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <h1>🎯 Encuentra Tu Espacio Ideal<\/h1>\n <p>Directorio completo con +200 espacios verificados: despachos por sector, puestos fijos de coworking y salas de reuniones. Reserva online en minutos.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-badge\">🏢 110+ Despachos<\/div>\n <div class=\"stat-badge\">🪑 90+ Puestos Fijos<\/div>\n <div class=\"stat-badge\">🤝 Salas hasta 24 pax<\/div>\n <div class=\"stat-badge\">✅ 100% Verificados<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <main class=\"container\">\n\n \n <div class=\"filters-bar\">\n <div class=\"filters-grid\">\n <div class=\"filter-group\">\n <label>Tipo de Espacio<\/label>\n <select id=\"filterType\">\n <option value=\"all\">Todos los espacios<\/option>\n <option value=\"despacho\">Despachos<\/option>\n <option value=\"puesto\">Puestos Fijos<\/option>\n <option value=\"sala\">Salas de Reuniones<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label>Sector \/ Actividad<\/label>\n <select id=\"filterSector\">\n <option value=\"all\">Todos los sectores<\/option>\n <option value=\"reformas\">Reformas y Construcciones<\/option>\n <option value=\"masajes\">Masajes y Terapias<\/option>\n <option value=\"inmobiliarias\">Inmobiliarias<\/option>\n <option value=\"coworking\">Coworking General<\/option>\n <option value=\"tech\">Tech y Startups<\/option>\n <option value=\"legal\">Legal y Finanzas<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label>Precio Máximo<\/label>\n <select id=\"filterPrice\">\n <option value=\"all\">Cualquier precio<\/option>\n <option value=\"200\">Hasta 200€\/mes<\/option>\n <option value=\"300\">Hasta 300€\/mes<\/option>\n <option value=\"400\">Hasta 400€\/mes<\/option>\n <option value=\"hourly\">Por horas<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label>Ubicación<\/label>\n <input type=\"text\" id=\"filterLocation\" placeholder=\"Ciudad o barrio...\">\n <\/div>\n <button class=\"search-btn\" onclick=\"applyFilters()\">🔍 Filtrar<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"category-tabs\">\n <button class=\"category-tab active\" data-category=\"all\">Todos<span class=\"count\">221<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"reformas\">🏗️ Reformas<span class=\"count\">22<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"masajes\">💆 Masajes<span class=\"count\">22<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"inmobiliarias\">🏠 Inmobiliarias<span class=\"count\">22<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"coworking\">🪑 Puestos Fijos<span class=\"count\">90<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"reuniones\">🤝 Salas Reuniones<span class=\"count\">1<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"quick-inquiry\">\n <h3>📩 ¿No encuentras lo que buscas? Envíanos tu consulta<\/h3>\n <form action=\"https:\/\/formspree.io\/f\/xbdqbblz\" method=\"POST\" class=\"inquiry-form\">\n <input type=\"hidden\" name=\"_subject\" value=\"Consulta de espacio - WorkspaceGlobal\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/workspacesglobal.com\/espacios\/gracias\">\n \n <div class=\"form-group\">\n <input type=\"text\" name=\"name\" placeholder=\"Tu nombre *\" required>\n <\/div>\n <div class=\"form-group\">\n <input type=\"email\" name=\"email\" placeholder=\"Tu email *\" required>\n <\/div>\n <div class=\"form-group\">\n <input type=\"tel\" name=\"phone\" placeholder=\"Teléfono \/ WhatsApp\">\n <\/div>\n <div class=\"form-group\">\n <select name=\"space_type\" required>\n <option value=\"\">Tipo de espacio que buscas *<\/option>\n <option value=\"despacho-reformas\">Despacho para Reformas<\/option>\n <option value=\"despacho-masajes\">Despacho para Masajes<\/option>\n <option value=\"despacho-inmobiliaria\">Despacho para Inmobiliaria<\/option>\n <option value=\"puesto-fijo\">Puesto Fijo Coworking<\/option>\n <option value=\"sala-reuniones\">Sala de Reuniones 24 pax<\/option>\n <option value=\"otro\">Otro tipo de espacio<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <input type=\"text\" name=\"location_pref\" placeholder=\"Ubicación preferida\">\n <\/div>\n <div class=\"form-group\" style=\"grid-column: 1\/-1;\">\n <textarea name=\"message\" placeholder=\"Cuéntanos más detalles (presupuesto, fechas, necesidades...)\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">Enviar Consulta Gratis<\/button>\n <\/form>\n <\/div>\n\n \n <section id=\"section-reformas\">\n <div class=\"section-header\">\n <h2>🏗️ Despachos para Reformas y Construcciones<\/h2>\n <p>Espacios profesionales diseñados para gestionar proyectos de obra, peritajes y coordinación de equipos<\/p>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-reformas\">\n \n \n \n <article class=\"space-card\" data-category=\"reformas\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\">🏢<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category reformas\">Reformas<\/span>\n <h3>Despacho Profesional Reformas #01<\/h3>\n <p class=\"space-location\">📍 Ruzafa, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 25 m²<\/span>\n <span class=\"feature-tag\">🗄️ Archivo planos<\/span>\n <span class=\"feature-tag\">🅿️ Parking<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Ideal para peritos, arquitectos y gestores de obra. Zona de reuniones integrada.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-reformas-01')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Reformas%20%2301%20en%20Ruzafa\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"space-card\" data-category=\"reformas\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\">🏢<span class=\"space-badge premium\">Premium<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category reformas\">Reformas<\/span>\n <h3>Despacho Profesional Reformas #02<\/h3>\n <p class=\"space-location\">📍 Benimaclet, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 30 m²<\/span>\n <span class=\"feature-tag\">🖥️ Zona técnica<\/span>\n <span class=\"feature-tag\">🚇 Metro<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio diáfano con zona para muestrarios de materiales y atención a clientes.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-reformas-02')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Reformas%20%2302%20en%20Benimaclet\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n \n <\/div>\n <\/section>\n\n \n <section id=\"section-masajes\">\n <div class=\"section-header\">\n <h2>💆 Despachos para Masajes y Terapias<\/h2>\n <p>Espacios tranquilos, higiénicos y equipados para profesionales del bienestar y la salud<\/p>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-masajes\">\n \n <article class=\"space-card\" data-category=\"masajes\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #ec4899, #db2777);\">🧘<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category masajes\">Masajes<\/span>\n <h3>Despacho Terapias Bienestar #01<\/h3>\n <p class=\"space-location\">📍 El Carmen, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 20 m²<\/span>\n <span class=\"feature-tag\">🚿 Baño privado<\/span>\n <span class=\"feature-tag\">🔇 Aislado<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Ambiente relajante con iluminación regulable, ideal para masajes, fisioterapia y terapias holísticas.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-masajes-01')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Masajes%20%2301%20en%20El%20Carmen\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"space-card\" data-category=\"masajes\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #ec4899, #db2777);\">🧘<span class=\"space-badge new\">Nuevo<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category masajes\">Masajes<\/span>\n <h3>Despacho Terapias Bienestar #02<\/h3>\n <p class=\"space-location\">📍 Russafa, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 22 m²<\/span>\n <span class=\"feature-tag\">🌿 Ventilación<\/span>\n <span class=\"feature-tag\">🧴 Almacenaje<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio con zona de espera, armarios para material y ambiente profesional para tus sesiones.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-masajes-02')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Masajes%20%2302%20en%20Russafa\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n \n <\/div>\n <\/section>\n\n \n <section id=\"section-inmobiliarias\">\n <div class=\"section-header\">\n <h2>🏠 Despachos para Inmobiliarias<\/h2>\n <p>Ubicaciones estratégicas con imagen profesional para agencias, administradores y consultores<\/p>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-inmobiliarias\">\n \n <article class=\"space-card\" data-category=\"inmobiliarias\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #f97316, #ea580c);\">🔑<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category inmobiliarias\">Inmobiliaria<\/span>\n <h3>Despacho Inmobiliaria Premium #01<\/h3>\n <p class=\"space-location\">📍 Gran Vía, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 35 m²<\/span>\n <span class=\"feature-tag\">🪑 Sala reuniones<\/span>\n <span class=\"feature-tag\">🏢 Fachada<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio con recepción, zona para expositor de propiedades y privacidad para negociaciones.<\/p>\n <div class=\"space-price\">295€ <small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-inmobiliaria-01')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Inmobiliaria%20%2301%20en%20Gran%20V%C3%ADa\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n \n <\/div>\n <\/section>\n\n \n <section id=\"section-coworking\">\n <div class=\"section-header\">\n <h2>🪑 Puestos Fijos de Coworking<\/h2>\n <p>Tu oficina flexible por solo 165€\/mes. Todo incluido: WiFi, café, impresora y comunidad profesional<\/p>\n <\/div>\n\n \n <div class=\"category-tabs\" style=\"justify-content:flex-start; margin-bottom:20px;\">\n <button class=\"category-tab active\" data-coworking=\"all\">Todos <span class=\"count\">90<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"tech\">💻 Tech <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"creative\">🎨 Creativos <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"legal\">⚖️ Legal <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"general\">🌐 General <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking>🤝 Networking <span class=\"count\">18<\/span><\/button>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-coworking\">\n \n <article class=\"space-card\" data-category=\"coworking\" data-coworking-type=\"tech\" data-price=\"165\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #6366f1, #4f46e5);\">💻<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category coworking\">Tech<\/span>\n <h3>Puesto Fijo Tech Hub #01<\/h3>\n <p class=\"space-location\">📍 Ciudad de las Artes, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📶 Fiber 1Gb<\/span>\n <span class=\"feature-tag\">🖥️ Monitor 24″<\/span>\n <span class=\"feature-tag\">🔌 3 enchufes<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Puesto ergonómico en zona tech, ideal para desarrolladores, diseñadores y startups digitales.<\/p>\n <div class=\"space-price\">165€ <small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('puesto-tech-01')\">Reservar<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20quiero%20reservar%20el%20Puesto%20Tech%20%2301\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"space-card\" data-category=\"coworking\" data-coworking-type=\"creative\" data-price=\"165\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #ec4899, #db2777);\">🎨<span class=\"space-badge new\">Nuevo<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category coworking\">Creativo<\/span>\n <h3>Puesto Fijo Creative Studio #01<\/h3>\n <p class=\"space-location\">📍 Russafa, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">🖼️ Pared ideas<\/span>\n <span class=\"feature-tag\">🎨 Luz natural<\/span>\n <span class=\"feature-tag\">☕ Café ilimitado<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio inspirador para diseñadores, ilustradores y creadores de contenido. Comunidad artística.<\/p>\n <div class=\"space-price\">165€ <small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('puesto-creative-01')\">Reservar<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20quiero%20reservar%20el%20Puesto%20Creative%20%2301\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n \n <\/div>\n <\/section>\n\n \n <section id=\"section-reuniones\">\n <div class=\"section-header\">\n <h2>🤝 Sala de Reuniones – Hasta 24 Personas<\/h2>\n <p>Espacio profesional para reuniones, formaciones, presentaciones y eventos corporativos<\/p>\n <\/div>\n\n <div class=\"spaces-grid\">\n <article class=\"space-card\" data-category=\"reuniones\" data-price=\"15\" data-location=\"valencia\" style=\"grid-column: 1\/-1; max-width: 500px; margin: 0 auto;\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #14b8a6, #0d9488); height: 250px;\">🤝<span class=\"space-badge premium\">Top<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category reuniones\">Sala Reuniones<\/span>\n <h3>Sala Profesional 24 Pax – Valencia Centro<\/h3>\n <p class=\"space-location\">📍 Plaza Ayuntamiento, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">👥 Hasta 24 personas<\/span>\n <span class=\"feature-tag\">🖥️ Proyector + Pantalla<\/span>\n <span class=\"feature-tag\">📶 WiFi 1Gb<\/span>\n <span class=\"feature-tag\">☕ Coffee break opcional<\/span>\n <span class=\"feature-tag\">🅿️ Parking cercano<\/span>\n <span class=\"feature-tag\">♿ Accesible<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.95rem; margin:15px 0;\">\n Sala modular con configuración flexible: teatro, mesa de reuniones, U o mixto. Equipamiento incluido: pizarra, flipchart, sistema de sonido. \n Ideal para: juntas directivas, formaciones, entrevistas, presentaciones a inversores y networking.\n <\/p>\n <div class=\"space-price hourly\">15€ <small>\/hora<\/small><\/div>\n <p style=\"font-size:0.85rem; color:var(--gray); margin-bottom:15px;\">\n 💡 <strong>Ejemplo:<\/strong> Reunión de 4 horas = 60€ (¡menos de 3€\/persona con 24 asistentes!)\n <\/p>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('sala-reuniones-24pax')\" style=\"flex:2;\">Reservar Fecha<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20quiero%20reservar%20la%20Sala%20de%20Reuniones%2024%20pax\" class=\"btn-whatsapp\" target=\"_blank\" title=\"WhatsApp\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n \n <div class=\"pagination\">\n <button class=\"page-btn disabled\">←<\/button>\n <button class=\"page-btn active\">1<\/button>\n <button class=\"page-btn\">2<\/button>\n <button class=\"page-btn\">3<\/button>\n <button class=\"page-btn\">4<\/button>\n <button class=\"page-btn\">5<\/button>\n <button class=\"page-btn\">→<\/button>\n <\/div>\n\n \n <div class=\"cta-section\">\n <h2>¿Eres Propietario de un Espacio?<\/h2>\n <p>Únete a WorkspaceGlobal y muestra tu despacho, puesto o sala a miles de profesionales. Solo 10€\/mes, sin comisiones por reserva.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"\/registrar-espacio\" class=\"btn-white\">📍 Registrar mi Espacio<\/a>\n <a href=\"\/contacto\" class=\"btn-outline-white\">📞 Hablar con un Asesor<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-contact\">\n <h3>¿Necesitas Ayuda para Elegir?<\/h3>\n <p>Nuestro equipo te asesora gratis para encontrar el espacio perfecto para tu actividad<\/p>\n <a href=\"https:\/\/wa.me\/34633679903\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 16 16\"><path d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\"><\/path><\/svg>\n WhatsApp: 633 679 903\n <\/a>\n <\/div>\n\n <\/main>\n\n \n <script>\n \/\/ ===== GENERATE REMAINING CARDS DYNAMICALLY =====\n document.addEventListener('DOMContentLoaded', function() {\n \n \/\/ Helper to create space card HTML\n function createSpaceCard(id, category, type, name, location, price, features, badge='') {\n const categoryClass = {\n 'reformas': 'reformas',\n 'masajes': 'masajes', \n 'inmobiliarias': 'inmobiliarias',\n 'coworking': 'coworking',\n 'reuniones': 'reuniones'\n }[category] || 'general';\n \n const emoji = {\n 'reformas': '🏢',\n 'masajes': '🧘',\n 'inmobiliarias': '🔑',\n 'coworking': '🪑',\n 'reuniones': '🤝'\n }[category] || '📍';\n \n const bgColor = {\n 'reformas': 'linear-gradient(135deg, #2563eb, #1d4ed8)',\n 'masajes': 'linear-gradient(135deg, #ec4899, #db2777)',\n 'inmobiliarias': 'linear-gradient(135deg, #f97316, #ea580c)',\n 'coworking': 'linear-gradient(135deg, #6366f1, #4f46e5)',\n 'reuniones': 'linear-gradient(135deg, #14b8a6, #0d9488)'\n }[category] || 'linear-gradient(135deg, #64748b, #475569)';\n \n const priceDisplay = category === 'reuniones' \n ? `<div class=\"space-price hourly\">${price}€ <small>\/hora`\n : `<div class=\"space-price\">${price}€ <small>\/mes`;\n \n const badgeHTML = badge ? `<span class=\"space-badge ${badge}\">${badge}` : '<span class=\"space-badge\">Disponible';\n \n const formValue = `${category}-${id}`;\n const waText = encodeURIComponent(`Hola, me interesa el ${name} en ${location}`);\n \n return `\n <article class=\"space-card\" data-category=\"${category}\" ${type ? `data-coworking-type=\"${type}\"` : ''} data-price=\"${price}\" data-location=\"${location.toLowerCase().replace(\/s+\/g, '-')}\">\n <div class=\"space-image\" style=\"background:${bgColor};\">${emoji}${badgeHTML}\n <div class=\"space-content\">\n <span class=\"space-category ${categoryClass}\">${type || category}\n <h3>${name}\n <p class=\"space-location\">📍 ${location}\n <div class=\"space-features\">\n ${features.map(f => `<span class=\"feature-tag\">${f}`).join('')}\n \n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio profesional listo para usar. Contrato flexible, sin permanencias abusivas.\n ${priceDisplay}\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('${formValue}')\">${category === 'reuniones' ? 'Reservar Fecha' : 'Más Info'}\n <a href=\"https:\/\/wa.me\/34633679903?text=${waText}\" class=\"btn-whatsapp\" target=\"_blank\">💬\n \n \n `;\n }\n\n \/\/ ===== GENERATE DESPACHOS REFORMAS (22 total, 2 shown, generate 20 more) =====\n const gridReformas = document.getElementById('grid-reformas');\n const reformasLocations = ['Ruzafa', 'Benimaclet', 'El Carmen', 'Campanar', 'Patraix', 'Quatre Carreres', 'Poblats Marítims', 'Algirós', 'Camins al Grau', 'Jesús', 'Sant Francesc', 'Extramurs', 'La Saïdia', 'El Pla del Real', 'L'Olivereta', 'Benicalap', 'Rascanya', 'Raya de Valencia', 'Aldaia', 'Mislata', 'Burjassot', 'Paterna'];\n \n for(let i=3; i<=22; i++) {\n const loc = reformasLocations[i-1] || `Valencia Zona ${i}`;\n gridReformas.innerHTML += createSpaceCard(\n i, 'reformas', null, \n `Despacho Profesional Reformas #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 295,\n ['📐 25-35 m²', '🗄️ Archivo', '🅿️ Parking'],\n i % 5 === 0 ? 'premium' : (i % 7 === 0 ? 'new' : '')\n );\n }\n\n \/\/ ===== GENERATE DESPACHOS MASAJES (22 total, 2 shown, generate 20 more) =====\n const gridMasajes = document.getElementById('grid-masajes');\n for(let i=3; i<=22; i++) {\n const loc = reformasLocations[i-1] || `Valencia Zona ${i}`;\n gridMasajes.innerHTML += createSpaceCard(\n i, 'masajes', null,\n `Despacho Terapias Bienestar #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 295,\n ['📐 20-25 m²', '🚿 Baño', '🔇 Aislado'],\n i % 5 === 0 ? 'premium' : (i % 7 === 0 ? 'new' : '')\n );\n }\n\n \/\/ ===== GENERATE DESPACHOS INMOBILIARIAS (22 total, 1 shown, generate 21 more) =====\n const gridInmobiliarias = document.getElementById('grid-inmobiliarias');\n for(let i=2; i<=22; i++) {\n const loc = reformasLocations[i-1] || `Valencia Zona ${i}`;\n gridInmobiliarias.innerHTML += createSpaceCard(\n i, 'inmobiliarias', null,\n `Despacho Inmobiliaria Premium #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 295,\n ['📐 30-40 m²', '🪑 Reuniones', '🏢 Fachada'],\n i % 5 === 0 ? 'premium' : (i % 7 === 0 ? 'new' : '')\n );\n }\n\n \/\/ ===== GENERATE PUESTOS COWORKING (90 total: 18x5 types, 2 shown, generate 88 more) =====\n const gridCoworking = document.getElementById('grid-coworking');\n const coworkingTypes = ['tech', 'creative', 'legal', 'general', 'networking'];\n const coworkingNames = {\n 'tech': 'Puesto Fijo Tech Hub',\n 'creative': 'Puesto Fijo Creative Studio', \n 'legal': 'Puesto Fijo Legal & Finance',\n 'general': 'Puesto Fijo Coworking',\n 'networking': 'Puesto Fijo Networking Pro'\n };\n const coworkingFeatures = {\n 'tech': ['📶 Fiber 1Gb', '🖥️ Monitor', '🔌 3 enchufes'],\n 'creative': ['🖼️ Pared ideas', '🎨 Luz natural', '☕ Café'],\n 'legal': ['🔒 Privacidad', '🗄️ Archivo', '📞 Phone booth'],\n 'general': ['☕ Café', '🖨️ Impresora', '🌿 Zona relax'],\n 'networking': ['🤝 Eventos', '📊 Networking', '🎯 Mentoring']\n };\n \n let coworkingCount = 3; \/\/ Start after the 2 demo cards\n coworkingTypes.forEach(type => {\n for(let i=1; i<=18; i++) {\n if(coworkingCount > 90) break;\n const loc = reformasLocations[(coworkingCount-1) % reformasLocations.length] || `Valencia`;\n gridCoworking.innerHTML += createSpaceCard(\n coworkingCount, 'coworking', type,\n `${coworkingNames[type]} #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 165,\n coworkingFeatures[type],\n coworkingCount % 6 === 0 ? 'premium' : (coworkingCount % 9 === 0 ? 'new' : '')\n );\n coworkingCount++;\n }\n });\n\n \/\/ ===== FILTER FUNCTIONALITY =====\n window.applyFilters = function() {\n const type = document.getElementById('filterType').value;\n const sector = document.getElementById('filterSector').value;\n const price = document.getElementById('filterPrice').value;\n const location = document.getElementById('filterLocation').value.toLowerCase();\n \n document.querySelectorAll('.space-card').forEach(card => {\n const cardType = card.dataset.category;\n const cardSector = card.dataset.coworkingType || card.dataset.category;\n const cardPrice = parseInt(card.dataset.price) || 0;\n const cardLocation = card.dataset.location || '';\n \n let show = true;\n if(type !== 'all' && cardType !== type) show = false;\n if(sector !== 'all' && cardSector !== sector) show = false;\n if(price !== 'all') {\n if(price === 'hourly' && !card.classList.contains('hourly')) show = false;\n else if(price !== 'hourly' && cardPrice > parseInt(price)) show = false;\n }\n if(location && !cardLocation.includes(location)) show = false;\n \n card.classList.toggle('hidden', !show);\n });\n };\n\n \/\/ ===== CATEGORY TABS =====\n document.querySelectorAll('.category-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ Remove active from siblings\n this.parentElement.querySelectorAll('.category-tab').forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n \n const category = this.dataset.category || this.dataset.coworking;\n if(!category) return;\n \n \/\/ Show\/hide sections or filter cards\n if(category === 'all') {\n document.querySelectorAll('.space-card').forEach(c => c.classList.remove('hidden'));\n } else {\n document.querySelectorAll('.space-card').forEach(card => {\n const match = card.dataset.category === category || \n (category === 'coworking' && card.dataset.category === 'coworking') ||\n (category !== 'coworking' && card.dataset.coworkingType === category);\n card.classList.toggle('hidden', !match);\n });\n }\n });\n });\n\n \/\/ ===== PREFILL FORM FUNCTION =====\n window.prefillForm = function(spaceId) {\n const form = document.querySelector('.inquiry-form');\n const spaceSelect = form.querySelector('select[name=\"space_type\"]');\n const messageField = form.querySelector('textarea[name=\"message\"]');\n \n \/\/ Scroll to form\n form.scrollIntoView({ behavior: 'smooth', block: 'center' });\n \n \/\/ Pre-select option if exists\n const options = {\n 'despacho-reformas': 'despacho-reformas',\n 'despacho-masajes': 'despacho-masajes',\n 'despacho-inmobiliaria': 'despacho-inmobiliaria',\n 'puesto-tech': 'puesto-fijo',\n 'puesto-creative': 'puesto-fijo',\n 'puesto-legal': 'puesto-fijo',\n 'puesto-general': 'puesto-fijo',\n 'puesto-networking': 'puesto-fijo',\n 'sala-reuniones-24pax': 'sala-reuniones'\n };\n \n for(const [key, value] of Object.entries(options)) {\n if(spaceId.includes(key)) {\n spaceSelect.value = value;\n messageField.placeholder = `Estoy interesado en ${spaceId.replace(\/-\/g, ' ').toUpperCase()}. Por favor, contactadme para más información...`;\n messageField.focus();\n break;\n }\n }\n };\n\n \/\/ ===== PAGINATION (Demo) =====\n document.querySelectorAll('.page-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n if(this.classList.contains('disabled')) return;\n document.querySelectorAll('.page-btn').forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n \/\/ In production: load next page via AJAX\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n });\n\n });\n <\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Espacios Disponibles | WorkspaceGlobal – Directorio de Oficinas y Coworking 🎯 Encuentra Tu Espacio Ideal Directorio completo con +200 espacios verificados: despachos por sector, puestos fijos de coworking y salas de reuniones. Reserva online en minutos. 🏢 110+ Despachos 🪑 90+ Puestos Fijos 🤝 Salas hasta 24 pax ✅ 100% Verificados Tipo de Espacio Todos<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-3686","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages\/3686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/comments?post=3686"}],"version-history":[{"count":2,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages\/3686\/revisions"}],"predecessor-version":[{"id":3829,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages\/3686\/revisions\/3829"}],"wp:attachment":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/media?parent=3686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":3686,"date":"2026-05-21T16:08:32","date_gmt":"2026-05-21T16:08:32","guid":{"rendered":"https:\/\/workspacesglobal.com\/?page_id=3686"},"modified":"2026-06-17T17:37:07","modified_gmt":"2026-06-17T17:37:07","slug":"espacios-disponibles","status":"publish","type":"page","link":"https:\/\/workspacesglobal.com\/en\/espacios-disponibles\/","title":{"rendered":"Available spaces"},"content":{"rendered":"\n\n\n \n \n \n Espacios Disponibles | WorkspaceGlobal – Directorio de Oficinas y Coworking<\/title>\n \n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"ItemList\",\n \"itemListElement\": [\n {\n \"@type\": \"OfferCatalog\",\n \"name\": \"Despachos para Reformas y Construcciones\",\n \"itemListElement\": [{\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Despacho Profesional Reformas\"}}]\n },\n {\n \"@type\": \"OfferCatalog\", \n \"name\": \"Puestos Fijos de Coworking\",\n \"itemListElement\": [{\"@type\": \"Offer\", \"itemOffered\": {\"@type\": \"Service\", \"name\": \"Puesto Fijo Coworking\"}}]\n }\n ]\n }\n <\/script>\n\n <style>\n \/* ===== RESET & BASE ===== *\/\n * { box-sizing: border-box; margin: 0; padding: 0; }\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n line-height: 1.6;\n color: #2d3748;\n background: #f8fafc;\n }\n img { max-width: 100%; height: auto; display: block; }\n a { text-decoration: none; color: inherit; transition: all 0.2s; }\n a:hover { color: #2563eb; }\n button { font-family: inherit; cursor: pointer; }\n\n \/* ===== VARIABLES ===== *\/\n :root {\n --primary: #2563eb;\n --primary-dark: #1d4ed8;\n --secondary: #0f172a;\n --accent: #f59e0b;\n --success: #10b981;\n --purple: #8b5cf6;\n --pink: #ec4899;\n --teal: #14b8a6;\n --orange: #f97316;\n --light: #f8fafc;\n --gray: #64748b;\n --border: #e2e8f0;\n --shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -1px rgba(0,0,0,0.06);\n --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);\n --radius: 12px;\n --radius-lg: 20px;\n }\n\n \/* ===== LAYOUT ===== *\/\n .container { max-width: 1400px; margin: 0 auto; padding: 0 20px; }\n section { padding: 60px 0; }\n @media (max-width: 768px) { section { padding: 40px 0; } }\n\n \/* ===== HERO ===== *\/\n .hero {\n background: linear-gradient(135deg, var(--secondary) 0%, #1e293b 100%);\n color: white;\n padding: 80px 20px;\n text-align: center;\n }\n .hero h1 {\n font-size: clamp(2rem, 5vw, 3rem);\n margin-bottom: 15px;\n font-weight: 700;\n }\n .hero p {\n font-size: clamp(1rem, 2.5vw, 1.2rem);\n color: #cbd5e1;\n max-width: 700px;\n margin: 0 auto 25px;\n }\n .hero-stats {\n display: flex;\n justify-content: center;\n gap: 20px;\n flex-wrap: wrap;\n margin-top: 30px;\n }\n .stat-badge {\n background: rgba(255,255,255,0.15);\n padding: 10px 20px;\n border-radius: 50px;\n font-size: 0.9rem;\n }\n\n \/* ===== FILTERS BAR ===== *\/\n .filters-bar {\n background: white;\n padding: 20px;\n border-radius: var(--radius);\n box-shadow: var(--shadow);\n margin: -30px auto 40px;\n position: relative;\n z-index: 10;\n max-width: 1400px;\n }\n .filters-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n align-items: end;\n }\n .filter-group label {\n display: block;\n font-size: 0.85rem;\n font-weight: 500;\n color: var(--gray);\n margin-bottom: 6px;\n }\n .filter-group select, .filter-group input {\n width: 100%;\n padding: 10px 14px;\n border: 2px solid var(--border);\n border-radius: 8px;\n font-size: 0.95rem;\n background: white;\n }\n .filter-group select:focus, .filter-group input:focus {\n outline: none;\n border-color: var(--primary);\n }\n .search-btn {\n background: var(--primary);\n color: white;\n padding: 12px 24px;\n border: none;\n border-radius: 8px;\n font-weight: 600;\n transition: all 0.2s;\n }\n .search-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n }\n\n \/* ===== CATEGORY TABS ===== *\/\n .category-tabs {\n display: flex;\n gap: 10px;\n flex-wrap: wrap;\n margin-bottom: 30px;\n justify-content: center;\n }\n .category-tab {\n padding: 10px 20px;\n background: #f1f5f9;\n border: 2px solid transparent;\n border-radius: 50px;\n font-weight: 500;\n font-size: 0.95rem;\n transition: all 0.2s;\n cursor: pointer;\n }\n .category-tab.active, .category-tab:hover {\n background: var(--primary);\n color: white;\n border-color: var(--primary-dark);\n }\n .category-tab .count {\n background: var(--accent);\n color: white;\n padding: 2px 10px;\n border-radius: 50px;\n font-size: 0.8rem;\n margin-left: 8px;\n }\n\n \/* ===== SPACES GRID ===== *\/\n .section-header {\n text-align: center;\n margin-bottom: 30px;\n }\n .section-header h2 {\n font-size: clamp(1.5rem, 4vw, 2rem);\n color: var(--secondary);\n margin-bottom: 10px;\n }\n .section-header p { color: var(--gray); }\n\n .spaces-grid {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));\n gap: 25px;\n margin-bottom: 50px;\n }\n\n \/* ===== SPACE CARD ===== *\/\n .space-card {\n background: white;\n border-radius: var(--radius);\n overflow: hidden;\n box-shadow: var(--shadow);\n transition: all 0.3s;\n border: 2px solid transparent;\n display: flex;\n flex-direction: column;\n }\n .space-card:hover {\n transform: translateY(-5px);\n box-shadow: var(--shadow-lg);\n border-color: var(--primary);\n }\n .space-image {\n height: 180px;\n background: linear-gradient(135deg, var(--primary), var(--purple));\n display: flex;\n align-items: center;\n justify-content: center;\n color: white;\n font-size: 3rem;\n position: relative;\n }\n .space-badge {\n position: absolute;\n top: 12px;\n right: 12px;\n background: var(--success);\n color: white;\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n }\n .space-badge.premium { background: var(--accent); }\n .space-badge.new { background: var(--pink); }\n \n .space-content {\n padding: 20px;\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n .space-category {\n display: inline-block;\n background: #dbeafe;\n color: var(--primary);\n padding: 4px 12px;\n border-radius: 50px;\n font-size: 0.75rem;\n font-weight: 600;\n margin-bottom: 10px;\n width: fit-content;\n }\n .space-category.masajes { background: #fce7f3; color: #db2777; }\n .space-category.inmobiliarias { background: #fef3c7; color: #d97706; }\n .space-category.reformas { background: #dcfce7; color: #059669; }\n .space-category.coworking { background: #e0e7ff; color: #4f46e5; }\n .space-category.reuniones { background: #ccfbf1; color: #0891b2; }\n \n .space-content h3 {\n color: var(--secondary);\n margin-bottom: 8px;\n font-size: 1.15rem;\n line-height: 1.3;\n }\n .space-location {\n display: flex;\n align-items: center;\n gap: 5px;\n color: var(--gray);\n font-size: 0.9rem;\n margin-bottom: 12px;\n }\n .space-features {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-bottom: 15px;\n }\n .feature-tag {\n background: #f1f5f9;\n padding: 4px 10px;\n border-radius: 50px;\n font-size: 0.75rem;\n color: var(--gray);\n }\n .space-price {\n font-size: 1.4rem;\n font-weight: 700;\n color: var(--success);\n margin: 10px 0;\n }\n .space-price small {\n font-size: 0.85rem;\n font-weight: 400;\n color: var(--gray);\n }\n .space-price.hourly {\n color: var(--primary);\n }\n \n .space-actions {\n margin-top: auto;\n display: flex;\n gap: 10px;\n }\n .btn-contact {\n flex: 1;\n padding: 10px;\n background: var(--primary);\n color: white;\n border: none;\n border-radius: 8px;\n font-weight: 500;\n font-size: 0.9rem;\n transition: all 0.2s;\n text-align: center;\n }\n .btn-contact:hover {\n background: var(--primary-dark);\n }\n .btn-whatsapp {\n padding: 10px 14px;\n background: #25D366;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 1.1rem;\n transition: all 0.2s;\n }\n .btn-whatsapp:hover {\n background: #128C7E;\n transform: scale(1.05);\n }\n\n \/* ===== QUICK INQUIRY FORM ===== *\/\n .quick-inquiry {\n background: white;\n border-radius: var(--radius-lg);\n padding: 30px;\n box-shadow: var(--shadow);\n margin: 40px 0;\n border-left: 4px solid var(--primary);\n }\n .quick-inquiry h3 {\n color: var(--secondary);\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .inquiry-form {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 15px;\n align-items: end;\n }\n .inquiry-form .form-group { margin-bottom: 0; }\n .inquiry-form input, .inquiry-form select, .inquiry-form textarea {\n width: 100%;\n padding: 10px 14px;\n border: 2px solid var(--border);\n border-radius: 8px;\n font-size: 0.95rem;\n }\n .inquiry-form input:focus, .inquiry-form select:focus, .inquiry-form textarea:focus {\n outline: none;\n border-color: var(--primary);\n }\n .inquiry-form .submit-btn {\n background: var(--primary);\n color: white;\n padding: 12px 24px;\n border: none;\n border-radius: 8px;\n font-weight: 600;\n transition: all 0.2s;\n }\n .inquiry-form .submit-btn:hover {\n background: var(--primary-dark);\n transform: translateY(-2px);\n }\n\n \/* ===== PAGINATION ===== *\/\n .pagination {\n display: flex;\n justify-content: center;\n gap: 8px;\n margin: 40px 0;\n flex-wrap: wrap;\n }\n .page-btn {\n width: 40px;\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border: 2px solid var(--border);\n border-radius: 8px;\n background: white;\n font-weight: 500;\n transition: all 0.2s;\n }\n .page-btn.active, .page-btn:hover {\n background: var(--primary);\n color: white;\n border-color: var(--primary);\n }\n .page-btn.disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n \/* ===== CTA SECTION ===== *\/\n .cta-section {\n background: linear-gradient(135deg, var(--primary), var(--primary-dark));\n color: white;\n text-align: center;\n border-radius: var(--radius-lg);\n padding: 50px 30px;\n margin: 40px 0;\n }\n .cta-section h2 {\n font-size: clamp(1.5rem, 4vw, 2rem);\n margin-bottom: 15px;\n }\n .cta-section p {\n color: #dbeafe;\n margin-bottom: 25px;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n .cta-buttons {\n display: flex;\n gap: 15px;\n justify-content: center;\n flex-wrap: wrap;\n }\n .btn-white {\n background: white;\n color: var(--primary);\n padding: 14px 32px;\n border-radius: 50px;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.2s;\n }\n .btn-white:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 25px rgba(0,0,0,0.2);\n }\n .btn-outline-white {\n background: transparent;\n color: white;\n border: 2px solid white;\n padding: 14px 32px;\n border-radius: 50px;\n font-weight: 600;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n transition: all 0.2s;\n }\n .btn-outline-white:hover {\n background: rgba(255,255,255,0.15);\n }\n\n \/* ===== FOOTER CONTACT ===== *\/\n .footer-contact {\n background: var(--secondary);\n color: white;\n text-align: center;\n padding: 40px 20px;\n border-radius: var(--radius-lg);\n margin: 40px 0;\n }\n .footer-contact h3 { margin-bottom: 15px; }\n .footer-contact p { color: #cbd5e1; margin-bottom: 20px; }\n .whatsapp-btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: #25D366;\n color: white;\n padding: 12px 28px;\n border-radius: 50px;\n font-weight: 600;\n transition: all 0.2s;\n }\n .whatsapp-btn:hover {\n background: #128C7E;\n transform: translateY(-2px);\n }\n\n \/* ===== RESPONSIVE ===== *\/\n @media (max-width: 640px) {\n .filters-grid { grid-template-columns: 1fr; }\n .category-tabs { justify-content: flex-start; overflow-x: auto; padding-bottom: 10px; }\n .spaces-grid { grid-template-columns: 1fr; }\n .cta-buttons { flex-direction: column; align-items: center; }\n .btn-white, .btn-outline-white { width: 100%; justify-content: center; }\n }\n\n \/* ===== UTILS ===== *\/\n .hidden { display: none !important; }\n .text-center { text-align: center; }\n .mt-20 { margin-top: 20px; }\n .mb-20 { margin-bottom: 20px; }\n <\/style>\n<\/head>\n<body>\n\n \n <section class=\"hero\">\n <div class=\"container\">\n <h1>🎯 Encuentra Tu Espacio Ideal<\/h1>\n <p>Directorio completo con +200 espacios verificados: despachos por sector, puestos fijos de coworking y salas de reuniones. Reserva online en minutos.<\/p>\n \n <div class=\"hero-stats\">\n <div class=\"stat-badge\">🏢 110+ Despachos<\/div>\n <div class=\"stat-badge\">🪑 90+ Puestos Fijos<\/div>\n <div class=\"stat-badge\">🤝 Salas hasta 24 pax<\/div>\n <div class=\"stat-badge\">✅ 100% Verificados<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <main class=\"container\">\n\n \n <div class=\"filters-bar\">\n <div class=\"filters-grid\">\n <div class=\"filter-group\">\n <label>Tipo de Espacio<\/label>\n <select id=\"filterType\">\n <option value=\"all\">Todos los espacios<\/option>\n <option value=\"despacho\">Despachos<\/option>\n <option value=\"puesto\">Puestos Fijos<\/option>\n <option value=\"sala\">Salas de Reuniones<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label>Sector \/ Actividad<\/label>\n <select id=\"filterSector\">\n <option value=\"all\">Todos los sectores<\/option>\n <option value=\"reformas\">Reformas y Construcciones<\/option>\n <option value=\"masajes\">Masajes y Terapias<\/option>\n <option value=\"inmobiliarias\">Inmobiliarias<\/option>\n <option value=\"coworking\">Coworking General<\/option>\n <option value=\"tech\">Tech y Startups<\/option>\n <option value=\"legal\">Legal y Finanzas<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label>Precio Máximo<\/label>\n <select id=\"filterPrice\">\n <option value=\"all\">Cualquier precio<\/option>\n <option value=\"200\">Hasta 200€\/mes<\/option>\n <option value=\"300\">Hasta 300€\/mes<\/option>\n <option value=\"400\">Hasta 400€\/mes<\/option>\n <option value=\"hourly\">Por horas<\/option>\n <\/select>\n <\/div>\n <div class=\"filter-group\">\n <label>Ubicación<\/label>\n <input type=\"text\" id=\"filterLocation\" placeholder=\"Ciudad o barrio...\">\n <\/div>\n <button class=\"search-btn\" onclick=\"applyFilters()\">🔍 Filtrar<\/button>\n <\/div>\n <\/div>\n\n \n <div class=\"category-tabs\">\n <button class=\"category-tab active\" data-category=\"all\">Todos<span class=\"count\">221<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"reformas\">🏗️ Reformas<span class=\"count\">22<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"masajes\">💆 Masajes<span class=\"count\">22<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"inmobiliarias\">🏠 Inmobiliarias<span class=\"count\">22<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"coworking\">🪑 Puestos Fijos<span class=\"count\">90<\/span>\n <\/button>\n <button class=\"category-tab\" data-category=\"reuniones\">🤝 Salas Reuniones<span class=\"count\">1<\/span>\n <\/button>\n <\/div>\n\n \n <div class=\"quick-inquiry\">\n <h3>📩 ¿No encuentras lo que buscas? Envíanos tu consulta<\/h3>\n <form action=\"https:\/\/formspree.io\/f\/xbdqbblz\" method=\"POST\" class=\"inquiry-form\">\n <input type=\"hidden\" name=\"_subject\" value=\"Consulta de espacio - WorkspaceGlobal\">\n <input type=\"hidden\" name=\"_next\" value=\"https:\/\/workspacesglobal.com\/espacios\/gracias\">\n \n <div class=\"form-group\">\n <input type=\"text\" name=\"name\" placeholder=\"Tu nombre *\" required>\n <\/div>\n <div class=\"form-group\">\n <input type=\"email\" name=\"email\" placeholder=\"Tu email *\" required>\n <\/div>\n <div class=\"form-group\">\n <input type=\"tel\" name=\"phone\" placeholder=\"Teléfono \/ WhatsApp\">\n <\/div>\n <div class=\"form-group\">\n <select name=\"space_type\" required>\n <option value=\"\">Tipo de espacio que buscas *<\/option>\n <option value=\"despacho-reformas\">Despacho para Reformas<\/option>\n <option value=\"despacho-masajes\">Despacho para Masajes<\/option>\n <option value=\"despacho-inmobiliaria\">Despacho para Inmobiliaria<\/option>\n <option value=\"puesto-fijo\">Puesto Fijo Coworking<\/option>\n <option value=\"sala-reuniones\">Sala de Reuniones 24 pax<\/option>\n <option value=\"otro\">Otro tipo de espacio<\/option>\n <\/select>\n <\/div>\n <div class=\"form-group\">\n <input type=\"text\" name=\"location_pref\" placeholder=\"Ubicación preferida\">\n <\/div>\n <div class=\"form-group\" style=\"grid-column: 1\/-1;\">\n <textarea name=\"message\" placeholder=\"Cuéntanos más detalles (presupuesto, fechas, necesidades...)\"><\/textarea>\n <\/div>\n <button type=\"submit\" class=\"submit-btn\">Enviar Consulta Gratis<\/button>\n <\/form>\n <\/div>\n\n \n <section id=\"section-reformas\">\n <div class=\"section-header\">\n <h2>🏗️ Despachos para Reformas y Construcciones<\/h2>\n <p>Espacios profesionales diseñados para gestionar proyectos de obra, peritajes y coordinación de equipos<\/p>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-reformas\">\n \n \n \n <article class=\"space-card\" data-category=\"reformas\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\">🏢<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category reformas\">Reformas<\/span>\n <h3>Despacho Profesional Reformas #01<\/h3>\n <p class=\"space-location\">📍 Ruzafa, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 25 m²<\/span>\n <span class=\"feature-tag\">🗄️ Archivo planos<\/span>\n <span class=\"feature-tag\">🅿️ Parking<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Ideal para peritos, arquitectos y gestores de obra. Zona de reuniones integrada.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-reformas-01')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Reformas%20%2301%20en%20Ruzafa\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"space-card\" data-category=\"reformas\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\">🏢<span class=\"space-badge premium\">Premium<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category reformas\">Reformas<\/span>\n <h3>Despacho Profesional Reformas #02<\/h3>\n <p class=\"space-location\">📍 Benimaclet, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 30 m²<\/span>\n <span class=\"feature-tag\">🖥️ Zona técnica<\/span>\n <span class=\"feature-tag\">🚇 Metro<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio diáfano con zona para muestrarios de materiales y atención a clientes.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-reformas-02')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Reformas%20%2302%20en%20Benimaclet\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n \n <\/div>\n <\/section>\n\n \n <section id=\"section-masajes\">\n <div class=\"section-header\">\n <h2>💆 Despachos para Masajes y Terapias<\/h2>\n <p>Espacios tranquilos, higiénicos y equipados para profesionales del bienestar y la salud<\/p>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-masajes\">\n \n <article class=\"space-card\" data-category=\"masajes\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #ec4899, #db2777);\">🧘<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category masajes\">Masajes<\/span>\n <h3>Despacho Terapias Bienestar #01<\/h3>\n <p class=\"space-location\">📍 El Carmen, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 20 m²<\/span>\n <span class=\"feature-tag\">🚿 Baño privado<\/span>\n <span class=\"feature-tag\">🔇 Aislado<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Ambiente relajante con iluminación regulable, ideal para masajes, fisioterapia y terapias holísticas.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-masajes-01')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Masajes%20%2301%20en%20El%20Carmen\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"space-card\" data-category=\"masajes\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #ec4899, #db2777);\">🧘<span class=\"space-badge new\">Nuevo<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category masajes\">Masajes<\/span>\n <h3>Despacho Terapias Bienestar #02<\/h3>\n <p class=\"space-location\">📍 Russafa, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 22 m²<\/span>\n <span class=\"feature-tag\">🌿 Ventilación<\/span>\n <span class=\"feature-tag\">🧴 Almacenaje<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio con zona de espera, armarios para material y ambiente profesional para tus sesiones.<\/p>\n <div class=\"space-price\">295€<small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-masajes-02')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Masajes%20%2302%20en%20Russafa\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n \n <\/div>\n <\/section>\n\n \n <section id=\"section-inmobiliarias\">\n <div class=\"section-header\">\n <h2>🏠 Despachos para Inmobiliarias<\/h2>\n <p>Ubicaciones estratégicas con imagen profesional para agencias, administradores y consultores<\/p>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-inmobiliarias\">\n \n <article class=\"space-card\" data-category=\"inmobiliarias\" data-price=\"295\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #f97316, #ea580c);\">🔑<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category inmobiliarias\">Inmobiliaria<\/span>\n <h3>Despacho Inmobiliaria Premium #01<\/h3>\n <p class=\"space-location\">📍 Gran Vía, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📐 35 m²<\/span>\n <span class=\"feature-tag\">🪑 Sala reuniones<\/span>\n <span class=\"feature-tag\">🏢 Fachada<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio con recepción, zona para expositor de propiedades y privacidad para negociaciones.<\/p>\n <div class=\"space-price\">295€ <small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('despacho-inmobiliaria-01')\">Más Info<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20me%20interesa%20el%20Despacho%20Inmobiliaria%20%2301%20en%20Gran%20V%C3%ADa\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n \n <\/div>\n <\/section>\n\n \n <section id=\"section-coworking\">\n <div class=\"section-header\">\n <h2>🪑 Puestos Fijos de Coworking<\/h2>\n <p>Tu oficina flexible por solo 165€\/mes. Todo incluido: WiFi, café, impresora y comunidad profesional<\/p>\n <\/div>\n\n \n <div class=\"category-tabs\" style=\"justify-content:flex-start; margin-bottom:20px;\">\n <button class=\"category-tab active\" data-coworking=\"all\">Todos <span class=\"count\">90<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"tech\">💻 Tech <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"creative\">🎨 Creativos <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"legal\">⚖️ Legal <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking=\"general\">🌐 General <span class=\"count\">18<\/span><\/button>\n <button class=\"category-tab\" data-coworking>🤝 Networking <span class=\"count\">18<\/span><\/button>\n <\/div>\n\n <div class=\"spaces-grid\" id=\"grid-coworking\">\n \n <article class=\"space-card\" data-category=\"coworking\" data-coworking-type=\"tech\" data-price=\"165\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #6366f1, #4f46e5);\">💻<span class=\"space-badge\">Disponible<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category coworking\">Tech<\/span>\n <h3>Puesto Fijo Tech Hub #01<\/h3>\n <p class=\"space-location\">📍 Ciudad de las Artes, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">📶 Fiber 1Gb<\/span>\n <span class=\"feature-tag\">🖥️ Monitor 24″<\/span>\n <span class=\"feature-tag\">🔌 3 enchufes<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Puesto ergonómico en zona tech, ideal para desarrolladores, diseñadores y startups digitales.<\/p>\n <div class=\"space-price\">165€ <small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('puesto-tech-01')\">Reservar<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20quiero%20reservar%20el%20Puesto%20Tech%20%2301\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n\n \n <article class=\"space-card\" data-category=\"coworking\" data-coworking-type=\"creative\" data-price=\"165\" data-location=\"valencia\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #ec4899, #db2777);\">🎨<span class=\"space-badge new\">Nuevo<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category coworking\">Creativo<\/span>\n <h3>Puesto Fijo Creative Studio #01<\/h3>\n <p class=\"space-location\">📍 Russafa, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">🖼️ Pared ideas<\/span>\n <span class=\"feature-tag\">🎨 Luz natural<\/span>\n <span class=\"feature-tag\">☕ Café ilimitado<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio inspirador para diseñadores, ilustradores y creadores de contenido. Comunidad artística.<\/p>\n <div class=\"space-price\">165€ <small>\/mes<\/small><\/div>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('puesto-creative-01')\">Reservar<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20quiero%20reservar%20el%20Puesto%20Creative%20%2301\" class=\"btn-whatsapp\" target=\"_blank\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n \n <\/div>\n <\/section>\n\n \n <section id=\"section-reuniones\">\n <div class=\"section-header\">\n <h2>🤝 Sala de Reuniones – Hasta 24 Personas<\/h2>\n <p>Espacio profesional para reuniones, formaciones, presentaciones y eventos corporativos<\/p>\n <\/div>\n\n <div class=\"spaces-grid\">\n <article class=\"space-card\" data-category=\"reuniones\" data-price=\"15\" data-location=\"valencia\" style=\"grid-column: 1\/-1; max-width: 500px; margin: 0 auto;\">\n <div class=\"space-image\" style=\"background:linear-gradient(135deg, #14b8a6, #0d9488); height: 250px;\">🤝<span class=\"space-badge premium\">Top<\/span><\/div>\n <div class=\"space-content\">\n <span class=\"space-category reuniones\">Sala Reuniones<\/span>\n <h3>Sala Profesional 24 Pax – Valencia Centro<\/h3>\n <p class=\"space-location\">📍 Plaza Ayuntamiento, Valencia<\/p>\n <div class=\"space-features\">\n <span class=\"feature-tag\">👥 Hasta 24 personas<\/span>\n <span class=\"feature-tag\">🖥️ Proyector + Pantalla<\/span>\n <span class=\"feature-tag\">📶 WiFi 1Gb<\/span>\n <span class=\"feature-tag\">☕ Coffee break opcional<\/span>\n <span class=\"feature-tag\">🅿️ Parking cercano<\/span>\n <span class=\"feature-tag\">♿ Accesible<\/span>\n <\/div>\n <p style=\"color:var(--gray); font-size:0.95rem; margin:15px 0;\">\n Sala modular con configuración flexible: teatro, mesa de reuniones, U o mixto. Equipamiento incluido: pizarra, flipchart, sistema de sonido. \n Ideal para: juntas directivas, formaciones, entrevistas, presentaciones a inversores y networking.\n <\/p>\n <div class=\"space-price hourly\">15€ <small>\/hora<\/small><\/div>\n <p style=\"font-size:0.85rem; color:var(--gray); margin-bottom:15px;\">\n 💡 <strong>Ejemplo:<\/strong> Reunión de 4 horas = 60€ (¡menos de 3€\/persona con 24 asistentes!)\n <\/p>\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('sala-reuniones-24pax')\" style=\"flex:2;\">Reservar Fecha<\/button>\n <a href=\"https:\/\/wa.me\/34633679903?text=Hola,%20quiero%20reservar%20la%20Sala%20de%20Reuniones%2024%20pax\" class=\"btn-whatsapp\" target=\"_blank\" title=\"WhatsApp\">💬<\/a>\n <\/div>\n <\/div>\n <\/article>\n <\/div>\n <\/section>\n\n \n <div class=\"pagination\">\n <button class=\"page-btn disabled\">←<\/button>\n <button class=\"page-btn active\">1<\/button>\n <button class=\"page-btn\">2<\/button>\n <button class=\"page-btn\">3<\/button>\n <button class=\"page-btn\">4<\/button>\n <button class=\"page-btn\">5<\/button>\n <button class=\"page-btn\">→<\/button>\n <\/div>\n\n \n <div class=\"cta-section\">\n <h2>¿Eres Propietario de un Espacio?<\/h2>\n <p>Únete a WorkspaceGlobal y muestra tu despacho, puesto o sala a miles de profesionales. Solo 10€\/mes, sin comisiones por reserva.<\/p>\n <div class=\"cta-buttons\">\n <a href=\"\/registrar-espacio\" class=\"btn-white\">📍 Registrar mi Espacio<\/a>\n <a href=\"\/contacto\" class=\"btn-outline-white\">📞 Hablar con un Asesor<\/a>\n <\/div>\n <\/div>\n\n \n <div class=\"footer-contact\">\n <h3>¿Necesitas Ayuda para Elegir?<\/h3>\n <p>Nuestro equipo te asesora gratis para encontrar el espacio perfecto para tu actividad<\/p>\n <a href=\"https:\/\/wa.me\/34633679903\" class=\"whatsapp-btn\" target=\"_blank\" rel=\"noopener\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" fill=\"currentColor\" viewbox=\"0 0 16 16\"><path d=\"M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z\"><\/path><\/svg>\n WhatsApp: 633 679 903\n <\/a>\n <\/div>\n\n <\/main>\n\n \n <script>\n \/\/ ===== GENERATE REMAINING CARDS DYNAMICALLY =====\n document.addEventListener('DOMContentLoaded', function() {\n \n \/\/ Helper to create space card HTML\n function createSpaceCard(id, category, type, name, location, price, features, badge='') {\n const categoryClass = {\n 'reformas': 'reformas',\n 'masajes': 'masajes', \n 'inmobiliarias': 'inmobiliarias',\n 'coworking': 'coworking',\n 'reuniones': 'reuniones'\n }[category] || 'general';\n \n const emoji = {\n 'reformas': '🏢',\n 'masajes': '🧘',\n 'inmobiliarias': '🔑',\n 'coworking': '🪑',\n 'reuniones': '🤝'\n }[category] || '📍';\n \n const bgColor = {\n 'reformas': 'linear-gradient(135deg, #2563eb, #1d4ed8)',\n 'masajes': 'linear-gradient(135deg, #ec4899, #db2777)',\n 'inmobiliarias': 'linear-gradient(135deg, #f97316, #ea580c)',\n 'coworking': 'linear-gradient(135deg, #6366f1, #4f46e5)',\n 'reuniones': 'linear-gradient(135deg, #14b8a6, #0d9488)'\n }[category] || 'linear-gradient(135deg, #64748b, #475569)';\n \n const priceDisplay = category === 'reuniones' \n ? `<div class=\"space-price hourly\">${price}€ <small>\/hora`\n : `<div class=\"space-price\">${price}€ <small>\/mes`;\n \n const badgeHTML = badge ? `<span class=\"space-badge ${badge}\">${badge}` : '<span class=\"space-badge\">Disponible';\n \n const formValue = `${category}-${id}`;\n const waText = encodeURIComponent(`Hola, me interesa el ${name} en ${location}`);\n \n return `\n <article class=\"space-card\" data-category=\"${category}\" ${type ? `data-coworking-type=\"${type}\"` : ''} data-price=\"${price}\" data-location=\"${location.toLowerCase().replace(\/s+\/g, '-')}\">\n <div class=\"space-image\" style=\"background:${bgColor};\">${emoji}${badgeHTML}\n <div class=\"space-content\">\n <span class=\"space-category ${categoryClass}\">${type || category}\n <h3>${name}\n <p class=\"space-location\">📍 ${location}\n <div class=\"space-features\">\n ${features.map(f => `<span class=\"feature-tag\">${f}`).join('')}\n \n <p style=\"color:var(--gray); font-size:0.9rem; margin-bottom:10px;\">Espacio profesional listo para usar. Contrato flexible, sin permanencias abusivas.\n ${priceDisplay}\n <div class=\"space-actions\">\n <button class=\"btn-contact\" onclick=\"prefillForm('${formValue}')\">${category === 'reuniones' ? 'Reservar Fecha' : 'Más Info'}\n <a href=\"https:\/\/wa.me\/34633679903?text=${waText}\" class=\"btn-whatsapp\" target=\"_blank\">💬\n \n \n `;\n }\n\n \/\/ ===== GENERATE DESPACHOS REFORMAS (22 total, 2 shown, generate 20 more) =====\n const gridReformas = document.getElementById('grid-reformas');\n const reformasLocations = ['Ruzafa', 'Benimaclet', 'El Carmen', 'Campanar', 'Patraix', 'Quatre Carreres', 'Poblats Marítims', 'Algirós', 'Camins al Grau', 'Jesús', 'Sant Francesc', 'Extramurs', 'La Saïdia', 'El Pla del Real', 'L'Olivereta', 'Benicalap', 'Rascanya', 'Raya de Valencia', 'Aldaia', 'Mislata', 'Burjassot', 'Paterna'];\n \n for(let i=3; i<=22; i++) {\n const loc = reformasLocations[i-1] || `Valencia Zona ${i}`;\n gridReformas.innerHTML += createSpaceCard(\n i, 'reformas', null, \n `Despacho Profesional Reformas #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 295,\n ['📐 25-35 m²', '🗄️ Archivo', '🅿️ Parking'],\n i % 5 === 0 ? 'premium' : (i % 7 === 0 ? 'new' : '')\n );\n }\n\n \/\/ ===== GENERATE DESPACHOS MASAJES (22 total, 2 shown, generate 20 more) =====\n const gridMasajes = document.getElementById('grid-masajes');\n for(let i=3; i<=22; i++) {\n const loc = reformasLocations[i-1] || `Valencia Zona ${i}`;\n gridMasajes.innerHTML += createSpaceCard(\n i, 'masajes', null,\n `Despacho Terapias Bienestar #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 295,\n ['📐 20-25 m²', '🚿 Baño', '🔇 Aislado'],\n i % 5 === 0 ? 'premium' : (i % 7 === 0 ? 'new' : '')\n );\n }\n\n \/\/ ===== GENERATE DESPACHOS INMOBILIARIAS (22 total, 1 shown, generate 21 more) =====\n const gridInmobiliarias = document.getElementById('grid-inmobiliarias');\n for(let i=2; i<=22; i++) {\n const loc = reformasLocations[i-1] || `Valencia Zona ${i}`;\n gridInmobiliarias.innerHTML += createSpaceCard(\n i, 'inmobiliarias', null,\n `Despacho Inmobiliaria Premium #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 295,\n ['📐 30-40 m²', '🪑 Reuniones', '🏢 Fachada'],\n i % 5 === 0 ? 'premium' : (i % 7 === 0 ? 'new' : '')\n );\n }\n\n \/\/ ===== GENERATE PUESTOS COWORKING (90 total: 18x5 types, 2 shown, generate 88 more) =====\n const gridCoworking = document.getElementById('grid-coworking');\n const coworkingTypes = ['tech', 'creative', 'legal', 'general', 'networking'];\n const coworkingNames = {\n 'tech': 'Puesto Fijo Tech Hub',\n 'creative': 'Puesto Fijo Creative Studio', \n 'legal': 'Puesto Fijo Legal & Finance',\n 'general': 'Puesto Fijo Coworking',\n 'networking': 'Puesto Fijo Networking Pro'\n };\n const coworkingFeatures = {\n 'tech': ['📶 Fiber 1Gb', '🖥️ Monitor', '🔌 3 enchufes'],\n 'creative': ['🖼️ Pared ideas', '🎨 Luz natural', '☕ Café'],\n 'legal': ['🔒 Privacidad', '🗄️ Archivo', '📞 Phone booth'],\n 'general': ['☕ Café', '🖨️ Impresora', '🌿 Zona relax'],\n 'networking': ['🤝 Eventos', '📊 Networking', '🎯 Mentoring']\n };\n \n let coworkingCount = 3; \/\/ Start after the 2 demo cards\n coworkingTypes.forEach(type => {\n for(let i=1; i<=18; i++) {\n if(coworkingCount > 90) break;\n const loc = reformasLocations[(coworkingCount-1) % reformasLocations.length] || `Valencia`;\n gridCoworking.innerHTML += createSpaceCard(\n coworkingCount, 'coworking', type,\n `${coworkingNames[type]} #${String(i).padStart(2,'0')}`,\n `${loc}, Valencia`, 165,\n coworkingFeatures[type],\n coworkingCount % 6 === 0 ? 'premium' : (coworkingCount % 9 === 0 ? 'new' : '')\n );\n coworkingCount++;\n }\n });\n\n \/\/ ===== FILTER FUNCTIONALITY =====\n window.applyFilters = function() {\n const type = document.getElementById('filterType').value;\n const sector = document.getElementById('filterSector').value;\n const price = document.getElementById('filterPrice').value;\n const location = document.getElementById('filterLocation').value.toLowerCase();\n \n document.querySelectorAll('.space-card').forEach(card => {\n const cardType = card.dataset.category;\n const cardSector = card.dataset.coworkingType || card.dataset.category;\n const cardPrice = parseInt(card.dataset.price) || 0;\n const cardLocation = card.dataset.location || '';\n \n let show = true;\n if(type !== 'all' && cardType !== type) show = false;\n if(sector !== 'all' && cardSector !== sector) show = false;\n if(price !== 'all') {\n if(price === 'hourly' && !card.classList.contains('hourly')) show = false;\n else if(price !== 'hourly' && cardPrice > parseInt(price)) show = false;\n }\n if(location && !cardLocation.includes(location)) show = false;\n \n card.classList.toggle('hidden', !show);\n });\n };\n\n \/\/ ===== CATEGORY TABS =====\n document.querySelectorAll('.category-tab').forEach(tab => {\n tab.addEventListener('click', function() {\n \/\/ Remove active from siblings\n this.parentElement.querySelectorAll('.category-tab').forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n \n const category = this.dataset.category || this.dataset.coworking;\n if(!category) return;\n \n \/\/ Show\/hide sections or filter cards\n if(category === 'all') {\n document.querySelectorAll('.space-card').forEach(c => c.classList.remove('hidden'));\n } else {\n document.querySelectorAll('.space-card').forEach(card => {\n const match = card.dataset.category === category || \n (category === 'coworking' && card.dataset.category === 'coworking') ||\n (category !== 'coworking' && card.dataset.coworkingType === category);\n card.classList.toggle('hidden', !match);\n });\n }\n });\n });\n\n \/\/ ===== PREFILL FORM FUNCTION =====\n window.prefillForm = function(spaceId) {\n const form = document.querySelector('.inquiry-form');\n const spaceSelect = form.querySelector('select[name=\"space_type\"]');\n const messageField = form.querySelector('textarea[name=\"message\"]');\n \n \/\/ Scroll to form\n form.scrollIntoView({ behavior: 'smooth', block: 'center' });\n \n \/\/ Pre-select option if exists\n const options = {\n 'despacho-reformas': 'despacho-reformas',\n 'despacho-masajes': 'despacho-masajes',\n 'despacho-inmobiliaria': 'despacho-inmobiliaria',\n 'puesto-tech': 'puesto-fijo',\n 'puesto-creative': 'puesto-fijo',\n 'puesto-legal': 'puesto-fijo',\n 'puesto-general': 'puesto-fijo',\n 'puesto-networking': 'puesto-fijo',\n 'sala-reuniones-24pax': 'sala-reuniones'\n };\n \n for(const [key, value] of Object.entries(options)) {\n if(spaceId.includes(key)) {\n spaceSelect.value = value;\n messageField.placeholder = `Estoy interesado en ${spaceId.replace(\/-\/g, ' ').toUpperCase()}. Por favor, contactadme para más información...`;\n messageField.focus();\n break;\n }\n }\n };\n\n \/\/ ===== PAGINATION (Demo) =====\n document.querySelectorAll('.page-btn').forEach(btn => {\n btn.addEventListener('click', function() {\n if(this.classList.contains('disabled')) return;\n document.querySelectorAll('.page-btn').forEach(b => b.classList.remove('active'));\n this.classList.add('active');\n \/\/ In production: load next page via AJAX\n window.scrollTo({ top: 0, behavior: 'smooth' });\n });\n });\n\n });\n <\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Espacios Disponibles | WorkspaceGlobal – Directorio de Oficinas y Coworking 🎯 Encuentra Tu Espacio Ideal Directorio completo con +200 espacios verificados: despachos por sector, puestos fijos de coworking y salas de reuniones. Reserva online en minutos. 🏢 110+ Despachos 🪑 90+ Puestos Fijos 🤝 Salas hasta 24 pax ✅ 100% Verificados Tipo de Espacio Todos<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_rtcl_gb_attr":"","footnotes":""},"class_list":["post-3686","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages\/3686","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/comments?post=3686"}],"version-history":[{"count":2,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages\/3686\/revisions"}],"predecessor-version":[{"id":3829,"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/pages\/3686\/revisions\/3829"}],"wp:attachment":[{"href":"https:\/\/workspacesglobal.com\/en\/wp-json\/wp\/v2\/media?parent=3686"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}