{"id":85522,"date":"2017-04-20T09:36:51","date_gmt":"2017-04-20T09:36:51","guid":{"rendered":"https:\/\/codewebbarcelona.com\/propiedades-personalizadas-css-custom-properties\/"},"modified":"2026-06-11T02:37:22","modified_gmt":"2026-06-11T02:37:22","slug":"propriedades-personalizadas-css-custom-properties","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/","title":{"rendered":"Propriedades Personalizadas CSS ou Custom Properties"},"content":{"rendered":"<p>J\u00e1 \u00e9 uma realidade. Podemos finalmente utilizar as <strong>Propriedades Personalizadas<\/strong> ou <strong>CSS Custom Properties<\/strong>!<\/p>\n<p>Mas antes de mais, vamos come\u00e7ar com um bom &lt;h2&gt;, seguido de um &lt;p&gt; introdut\u00f3rio.<\/p>\n<h2>As CSS Custom Properties ou Propriedades Personalizadas<\/h2>\n<p>Ou como fazer magia numa folha de estilos CSS.<\/p>\n<p>As <strong>Propriedades Personalizadas de CSS<\/strong> s\u00e3o um conceito \u201cnovo\u201d na utiliza\u00e7\u00e3o de folhas de estilo. Em resumo, trata-se da <strong>utiliza\u00e7\u00e3o de vari\u00e1veis acess\u00edveis em todo o documento CSS<\/strong> e at\u00e9 via Javascript, de forma <strong>NATIVA<\/strong>.<\/p>\n<p>Porqu\u00ea o \u201cnovo\u201d entre aspas? Provavelmente j\u00e1 conheces os pr\u00e9-processadores CSS. Foram bastante populares, mas com o surgimento das Custom Properties e \u00e0 medida que os browsers v\u00e3o suportando esta funcionalidade, o seu desaparecimento \u00e9 apenas uma quest\u00e3o de tempo. No final do artigo encontras uma tabela de compatibilidade entre navegadores, mas posso j\u00e1 adiantar que cerca de 70% dos utilizadores j\u00e1 t\u00eam browsers compat\u00edveis com Propriedades Personalizadas.<\/p>\n<p>&nbsp;<\/p>\n<h2>CSS e as Propriedades Personalizadas<\/h2>\n<p>Para perceberes a diferen\u00e7a face a uma folha de estilos CSS tradicional, vejamos um exemplo de <strong>CSS sem recurso a Custom Properties<\/strong> e, de seguida, a <strong>\u201ctradu\u00e7\u00e3o\u201d usando vari\u00e1veis<\/strong>.<\/p>\n<p>Imagina que queremos um body com uma cor de fundo espec\u00edfica, que depois ser\u00e1 usada como cor do texto numa camada, e tamb\u00e9m vamos usar a cor do texto do body como fundo dessa camada.<\/p>\n<p>A .capa1 ter\u00e1 um padding de 20px, o mesmo valor que ser\u00e1 usado como margin-top na .capa2.<\/p>\n<pre><code class=\"css\">\r\nbody{\r\n     background-color:#1b1b1b;\r\n     color:#fff;\r\n}\r\n.capa1{\r\n     padding:20px;\r\n     color:#1b1b1b;\r\n     background-color:#fff;\r\n}\r\n.capa2{\r\n     margin-top:20px;\r\n}\r\n\r\n<\/code><\/pre>\n<p>Agora, vamos replicar o mesmo exemplo, mas desta vez utilizando Propriedades Personalizadas.<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     --color1:#1b1b1b;\r\n     --color2:#fff;\r\n     --mainSpacing:20px;\r\n}\r\nbody{\r\n     background-color:var(--color1);\r\n     color:var(--color2);\r\n}\r\n.capa1{\r\n     padding:var(--mainSpacing);\r\n     color:var(--color1);\r\n     background-color:var(--color2);\r\n}\r\n.capa2{\r\n     margin-top:var(--mainSpacing);\r\n}\r\n<\/code><\/pre>\n<p>Atrav\u00e9s de :root declaramos as vari\u00e1veis, que ficam dispon\u00edveis em todo o CSS. Usamos dois tra\u00e7os &#8212; para definir uma vari\u00e1vel e o seu valor. Depois, para utilizar as vari\u00e1veis, basta recorrer a var(&#8211;VARI\u00c1VEL);.<\/p>\n<p>Agora imagina o potencial disto numa folha de estilos com mais de 1000 linhas de c\u00f3digo e a facilidade de manuten\u00e7\u00e3o: basta alterar um valor para que a mudan\u00e7a se propague por todo o CSS.<\/p>\n<p>&nbsp;<\/p>\n<h2>Um passo al\u00e9m<\/h2>\n<p>Ou dois. Porque <strong>as CSS Custom Properties permitem-nos fazer c\u00e1lculos<\/strong>, opera\u00e7\u00f5es <strong>condicionais<\/strong> e definir valores por defeito caso uma vari\u00e1vel n\u00e3o esteja definida. Parece Javascript, n\u00e3o \u00e9? Mas tudo isto \u00e9 feito diretamente no CSS.<\/p>\n<p>Podemos somar, multiplicar, comparar valores e aplicar diferentes resultados consoante a condi\u00e7\u00e3o.<\/p>\n<pre><code class=\"css\">\r\n.caja{\r\n     \/*Se a vari\u00e1vel1 n\u00e3o estiver definida, aplica 10px*\/\r\n     margin-top:var(--variable1, 10px);\r\n\r\n     \/*Tamb\u00e9m podemos usar vari\u00e1veis para definir valores por defeito*\/\r\n     padding-top:var(--variable1,var(--variable2));\r\n\r\n    \/*Podemos somar, subtrair, multiplicar e dividir (*aten\u00e7\u00e3o ao espa\u00e7o na soma e subtra\u00e7\u00e3o)*\/\r\n     padding-top:calc(var(--variable1) + 10px);\r\n     height:calc(var(--variable1) - 5px);\r\n     line-height:calc(var(--variable1) * 2);\r\n     width:calc((var(--variable1) - 5px)\/2);\r\n     \r\n}\r\n<\/code><\/pre>\n<p>Outros exemplos:<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     \/*Podemos criar texto para inserir num :before mais tarde*\/\r\n     --texto:\"Clique para ver\";\r\n}\r\n.caja:before{\r\n     content:var(--text);\r\n}\r\n.caja2:before{\r\n     \/*Podemos acrescentar texto ap\u00f3s a vari\u00e1vel (por exemplo, um link para projeto)*\/\r\n     content:var(--text)' o nosso projeto completo';\r\n}\r\n.caja2:before{\r\n     \/*Agora usamos para um link para uma not\u00edcia*\/\r\n     content:var(--text)' a nossa not\u00edcia';\r\n}\r\n<\/code><\/pre>\n<p>Exemplo condicional:<\/p>\n<pre><code class=\"css\">\r\n:root{\r\n     \/*Podemos aceder via Javascript*\/\r\n     --variableCond: if(x &gt; 5) this.width = 10;\r\n}\r\n<\/code><\/pre>\n<p>&nbsp;<\/p>\n<h2>Compatibilidade entre navegadores<\/h2>\n<p>Como podes ver, praticamente todos os browsers suportam&#8230; <strong>Exceto o Explorer! Que surpresa, NEM QUERIA ACREDITAR!<\/strong> S\u00f3 para recordar <em><strong>aqueles maravilhosos anos<\/strong><\/em> em que era preciso fazer malabarismos para o Explorer 6.<\/p>\n<p>Felizmente, ao contr\u00e1rio de antigamente, agora menos de <strong>4% dos utilizadores ainda usam o Explorer<\/strong>. Nada de grave.<\/p>\n<p>Atualmente, <strong>70,9% dos utilizadores j\u00e1 t\u00eam browsers compat\u00edveis com Custom Properties<\/strong>. Um valor bastante elevado.<\/p>\n<p><a href=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/custom-properties-bs1-1.jpg\"><img decoding=\"async\" class=\"alignnone wp-image-659 size-full\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/custom-properties-bs1-1.jpg\" alt=\"propriedades personalizadas ou custom properties\" width=\"999\" height=\"460\" \/><\/a><\/p>\n<p><a href=\"http:\/\/caniuse.com\/#feat=css-variables\" target=\"_blank\" rel=\"nofollow\">http:\/\/caniuse.com\/#feat=css-variables<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>J\u00e1 \u00e9 uma realidade. Podemos finalmente utilizar as Propriedades Personalizadas ou CSS Custom Properties! Mas antes de mais, vamos come\u00e7ar com um bom &lt;h2&gt;, seguido de um &lt;p&gt; introdut\u00f3rio. As CSS Custom Properties ou Propriedades Personalizadas Ou como fazer magia numa folha de estilos CSS. As Propriedades Personalizadas de CSS s\u00e3o um conceito \u201cnovo\u201d na [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4193,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[],"class_list":["post-85522","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo<\/title>\n<meta name=\"description\" content=\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/\" \/>\n<meta property=\"og:site_name\" content=\"CODE\" \/>\n<meta property=\"article:published_time\" content=\"2017-04-20T09:36:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-11T02:37:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"689\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Propriedades Personalizadas CSS ou Custom Properties\",\"datePublished\":\"2017-04-20T09:36:51+00:00\",\"dateModified\":\"2026-06-11T02:37:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/\"},\"wordCount\":483,\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"inLanguage\":\"pt-PT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/\",\"name\":\"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"datePublished\":\"2017-04-20T09:36:51+00:00\",\"dateModified\":\"2026-06-11T02:37:22+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.\",\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/propriedades-personalizadas-css-custom-properties\\\/#primaryimage\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"contentUrl\":\"https:\\\/\\\/codewebbarcelona.com\\\/wp-content\\\/uploads\\\/2017\\\/04\\\/propiedades-personalizadas-css-o-custom-properties-featured.jpg\",\"width\":2560,\"height\":689},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#website\",\"url\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/\",\"name\":\"CODE\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/codewebbarcelona.com\\\/pt-pt\\\/#\\\/schema\\\/person\\\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\\\/\\\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/","og_locale":"pt_PT","og_type":"article","og_title":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","og_description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","og_url":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/","og_site_name":"CODE","article_published_time":"2017-04-20T09:36:51+00:00","article_modified_time":"2026-06-11T02:37:22+00:00","og_image":[{"width":2560,"height":689,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","type":"image\/jpeg"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Written by":"cd26Bc","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Propriedades Personalizadas CSS ou Custom Properties","datePublished":"2017-04-20T09:36:51+00:00","dateModified":"2026-06-11T02:37:22+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/"},"wordCount":483,"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","inLanguage":"pt-PT"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/","url":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/","name":"Propiedades personalizadas CSS o Custom Properties - Qu\u00e9 y c\u00f3mo","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","datePublished":"2017-04-20T09:36:51+00:00","dateModified":"2026-06-11T02:37:22+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Qu\u00e9 son y como utilizar las propiedades personalizadas de CSS o Custom Properties. Con un soporte para el 70% de usuarios, usarlo ya es una realidad.","inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/propriedades-personalizadas-css-custom-properties\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2017\/04\/propiedades-personalizadas-css-o-custom-properties-featured.jpg","width":2560,"height":689},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#website","url":"https:\/\/codewebbarcelona.com\/pt-pt\/","name":"CODE","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/pt-pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/pt-pt\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85522","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/comments?post=85522"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85522\/revisions"}],"predecessor-version":[{"id":85524,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/posts\/85522\/revisions\/85524"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media\/4193"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/media?parent=85522"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/pt-pt\/wp-json\/wp\/v2\/categories?post=85522"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}