{"id":32,"date":"2026-02-20T14:33:29","date_gmt":"2026-02-20T13:33:29","guid":{"rendered":"https:\/\/sixstarcreativeagency.es\/?page_id=32"},"modified":"2026-02-24T23:37:04","modified_gmt":"2026-02-24T22:37:04","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/sixstarcreativeagency.es\/index.php\/portfolio\/","title":{"rendered":"Portfolio"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"32\" class=\"elementor elementor-32\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e52c5e e-con-full e-flex e-con e-parent\" data-id=\"7e52c5e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-6bb014f e-con-full e-flex e-con e-child\" data-id=\"6bb014f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-f73366a e-con-full e-flex e-con e-child\" data-id=\"f73366a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b35232 elementor-widget elementor-widget-softlite_dynamic_card_box\" data-id=\"7b35232\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"softlite_dynamic_card_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t <section class=\"softlite-dynamic-card-box j2ihbtfm\" data-softlite-card-box-link-href=\"\" data-softlite-card-box-link-target=\"\"><div class=\"nadodfqy\"><div class=\"zgmb6fv5\"><p class=\"bw3v9a8a softlite-dynamic-card-box-text-1\">Portfolio<\/p><h1 class=\"q7x77311 softlite-dynamic-card-box-text-2\">Proyectos que hablan por s\u00ed mismos<\/h1><\/div><\/div><\/section> \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9ef01d3 elementor-widget elementor-widget-html\" data-id=\"9ef01d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SIXSTAR PORTFOLIO AUTO WORDPRESS -->\n\n<style>\n\n.portfolio-section{\npadding:60px 0;\nbackground:#0a0a0a;\nfont-family:Inter,sans-serif;\n}\n\n.portfolio-filters{\ndisplay:flex;\nflex-wrap:wrap;\njustify-content:center;\ngap:10px;\nmargin-bottom:40px;\n}\n\n.portfolio-filters button{\npadding:10px 24px;\nborder-radius:999px;\nborder:1px solid #333;\nbackground:transparent;\ncolor:#888;\ncursor:pointer;\ntransition:.4s;\ntransform:translateY(0);\n}\n\n\/* MISMO EFECTO QUE CARDS *\/\n\n.portfolio-filters button:hover{\ntransform:translateY(-6px);\nborder-color:#c8ff00;\ncolor:#fff;\n}\n\n.portfolio-filters button.active{\nbackground:#c8ff00;\ncolor:#000;\nborder-color:#c8ff00;\nfont-weight:700;\n}\n\n.portfolio-grid{\ndisplay:grid;\ngrid-template-columns:repeat(3,1fr);\ngap:16px;\nmax-width:1200px;\nmargin:auto;\npadding:0 20px;\n}\n\n@media(max-width:1024px){\n.portfolio-grid{\ngrid-template-columns:repeat(2,1fr);\n}\n}\n\n@media(max-width:768px){\n.portfolio-grid{\ngrid-template-columns:1fr;\n}\n}\n\n.portfolio-card-link{\ndisplay:block;\ntext-decoration:none;\ncolor:inherit;\n}\n\n.portfolio-card{\nposition:relative;\nborder-radius:18px;\noverflow:hidden;\nbackground:#111;\nborder:1px solid #222;\ntransition:.4s;\n}\n\n.portfolio-card:hover{\ntransform:translateY(-6px);\nborder-color:#c8ff00;\n}\n\n.portfolio-card img{\nwidth:100%;\nheight:100%;\nobject-fit:cover;\ndisplay:block;\n}\n\n.card-img{\naspect-ratio:4\/3;\n}\n\n.overlay{\nposition:absolute;\ninset:0;\ndisplay:flex;\nalign-items:flex-end;\npadding:24px;\nbackground:\nlinear-gradient(\nto top,\nrgba(0,0,0,.95),\nrgba(0,0,0,.6),\ntransparent\n);\n}\n\n.overlay .cat{\ncolor:#c8ff00;\nfont-size:11px;\nletter-spacing:2px;\nfont-weight:700;\nmargin-bottom:4px;\n}\n\n.overlay h3{\nmargin:0;\ncolor:white;\nfont-size:18px;\nfont-weight:700;\n}\n\n.portfolio-empty{\ngrid-column:1\/-1;\ntext-align:center;\ncolor:#666;\npadding:60px;\n}\n\n<\/style>\n\n\n\n<div class=\"portfolio-section\">\n\n<div id=\"portfolioFilters\" class=\"portfolio-filters\">\n\n<button class=\"active\" data-cat=\"all\">\n\nTodos\n\n<\/button>\n\n<\/div>\n\n\n<div id=\"portfolioGrid\" class=\"portfolio-grid\">\n\n<div class=\"portfolio-empty\">\n\nCargando proyectos...\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n\n\n<script>\n\n(function(){\n\nconst TAXONOMY=\"categories\";\nconst POST_TYPE=\"posts\";\n\nconst CATEGORIAS={\n\n\"video\":\"V\u00eddeo\",\n\n\"fotografia\":\"Fotograf\u00eda\",\n\n\"disenografico\":\"Dise\u00f1o gr\u00e1fico\",\n\n\"rrss\":\"Gesti\u00f3n de Redes\",\n\n\"paginaweb\":\"P\u00e1ginas web\"   \/\/ \u2705 NUEVA CATEGORIA\n\n};\n\nconst ORDEN_CATEGORIAS=[\n\n\"video\",\n\n\"fotografia\",\n\n\"disenografico\",\n\n\"rrss\",\n\n\"paginaweb\"   \/\/ \u2705 ORDEN BOTONES\n\n];\n\nconst FEATURED_SLUG=\"destacado\";\n\nconst grid=document.getElementById(\"portfolioGrid\");\nconst filters=document.getElementById(\"portfolioFilters\");\n\nconst API=window.location.origin+\"\/wp-json\/wp\/v2\/\";\n\nlet allProjects=[];\nlet catMap={};\n\n\n\n\/* LOAD CATS *\/\n\nasync function loadCats(){\n\nconst res=await fetch(API+TAXONOMY+\"?per_page=100\");\n\nconst cats=await res.json();\n\nfilters.innerHTML=`\n\n<button class=\"active\" data-cat=\"all\">\n\nTodos\n\n<\/button>\n\n`;\n\ncats.forEach(cat=>{\n\ncatMap[cat.id]={\n\nname:cat.name,\n\nslug:cat.slug\n\n};\n\n});\n\nORDEN_CATEGORIAS.forEach(slug=>{\n\nconst cat=Object.values(catMap)\n\n.find(c=>c.slug===slug);\n\nif(!cat)return;\n\nconst btn=document.createElement(\"button\");\n\nbtn.dataset.cat=slug;\n\nbtn.textContent=CATEGORIAS[slug];\n\nfilters.appendChild(btn);\n\n});\n\n}\n\n\n\n\/* LOAD POSTS *\/\n\nasync function loadPosts(){\n\nconst res=await fetch(\n\nAPI+POST_TYPE+\"?per_page=100&_embed\"\n\n);\n\nconst posts=await res.json();\n\nallProjects=posts\n\n.map(post=>{\n\nlet img=\"\";\n\nif(\n\npost._embedded\n\n&& post._embedded[\"wp:featuredmedia\"]\n\n){\n\nimg=\n\npost._embedded\n\n[\"wp:featuredmedia\"][0]\n\n.source_url;\n\n}\n\nconst cats=(post.categories||[])\n\n.map(id=>catMap[id])\n\n.filter(Boolean);\n\n\/* SOLO CATEGORIAS VALIDAS *\/\n\nconst validCats=cats.filter(\n\nc=>CATEGORIAS[c.slug]\n\n);\n\nif(!validCats.length)return null;\n\nreturn{\n\ntitle:post.title.rendered,\n\nlink:post.link,\n\nimage:img,\n\ncategories:\n\nvalidCats.map(c=>c.slug),\n\ncategoryNames:\n\nvalidCats\n\n.map(c=>c.name)\n\n.join(\" | \"),\n\nfeatured:cats.some(\n\nc=>c.slug===FEATURED_SLUG\n\n)\n\n};\n\n})\n\n.filter(Boolean);\n\nrender(allProjects);\n\n}\n\n\n\n\/* RENDER *\/\n\nfunction render(projects){\n\nif(!projects.length){\n\ngrid.innerHTML=\n\n'<div class=\"portfolio-empty\">No hay proyectos<\/div>';\n\nreturn;\n\n}\n\ngrid.innerHTML=\n\nprojects.map(p=>`\n\n<a href=\"${p.link}\"\n\nclass=\"portfolio-card-link\">\n\n<div class=\"portfolio-card\n\n${p.featured?'featured':''}\">\n\n<div class=\"card-img\">\n\n${p.image?\n\n`<img decoding=\"async\" src=\"${p.image}\"\n\nalt=\"${p.title}\"\n\nloading=\"lazy\">`\n\n:''}\n\n<\/div>\n\n<div class=\"overlay\">\n\n<div>\n\n<p class=\"cat\">\n\n${p.categoryNames}\n\n<\/p>\n\n<h3>\n\n${p.title}\n\n<\/h3>\n\n<\/div>\n\n<\/div>\n\n<\/div>\n\n<\/a>\n\n`).join(\"\");\n\n}\n\n\n\n\/* FILTER CLICK *\/\n\nfilters.addEventListener(\"click\",e=>{\n\nif(e.target.tagName!==\"BUTTON\")return;\n\nfilters.querySelectorAll(\"button\")\n\n.forEach(b=>b.classList.remove(\"active\"));\n\ne.target.classList.add(\"active\");\n\nconst cat=e.target.dataset.cat;\n\nif(cat===\"all\"){\n\nrender(allProjects);\n\n}else{\n\nrender(\n\nallProjects.filter(\n\np=>p.categories.includes(cat)\n\n)\n\n);\n\n}\n\n});\n\n\n\nloadCats()\n\n.then(()=>loadPosts());\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-59c3b22 e-con-full e-flex e-con e-child\" data-id=\"59c3b22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9caeee5 e-con-full e-flex e-con e-child\" data-id=\"9caeee5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-1bc1f6d e-con-full e-flex e-con e-child\" data-id=\"1bc1f6d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcf2442 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"fcf2442\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t\u00a9 2025 SIXSTAR. Todos los derechos reservados.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a23b48c e-con-full e-flex e-con e-child\" data-id=\"a23b48c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6672e97 elementor-widget elementor-widget-html\" data-id=\"6672e97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<span aria-hidden=\"true\" class=\"fice06u7\"><\/span>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-801a97b elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-button\" data-id=\"801a97b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t<a class=\"elementor-button elementor-size-sm\" role=\"button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 16 16\" aria-hidden=\"true\" class=\"lrv98mfn\">\n\t\t\t<path d=\"M10.646 4.646a.5.5 0 1 1 .707.708L8.707 8l2.646 2.646a.5.5 0 1 1-.707.707L8 8.707l-2.646 2.646a.5.5 0 1 1-.708-.707L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708L8 7.293l2.646-2.647Z\" class=\"uzhcyp1r\"><\/path>\n\t\t<\/svg><\/a>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-320fa1c e-con-full e-flex e-con e-child\" data-id=\"320fa1c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03a6529 e-con-full e-flex e-con e-child\" data-id=\"03a6529\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Portfolio Proyectos que hablan por s\u00ed mismos Todos Cargando proyectos&#8230; \u00a9 2025 SIXSTAR. Todos los derechos reservados.<\/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":{"footnotes":""},"class_list":["post-32","page","type-page","status-publish","hentry"],"blocksy_meta":[],"rttpg_featured_image_url":null,"rttpg_author":{"display_name":"contact.sixstar@gmail.com","author_link":"https:\/\/sixstarcreativeagency.es\/index.php\/author\/contact-sixstargmail-com\/"},"rttpg_comment":0,"rttpg_category":null,"rttpg_excerpt":"Portfolio Proyectos que hablan por s\u00ed mismos Todos Cargando proyectos&#8230; \u00a9 2025 SIXSTAR. Todos los derechos reservados.","_links":{"self":[{"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/pages\/32","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/comments?post=32"}],"version-history":[{"count":130,"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions"}],"predecessor-version":[{"id":1041,"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/pages\/32\/revisions\/1041"}],"wp:attachment":[{"href":"https:\/\/sixstarcreativeagency.es\/index.php\/wp-json\/wp\/v2\/media?parent=32"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}