{"id":1784,"date":"2023-03-13T16:36:09","date_gmt":"2023-03-13T16:36:09","guid":{"rendered":"http:\/\/www.ccdrc.pt\/?page_id=1784"},"modified":"2025-06-24T10:24:54","modified_gmt":"2025-06-24T10:24:54","slug":"identidade-visual","status":"publish","type":"page","link":"https:\/\/www.ccdrc.pt\/en\/comunicacao\/identidade-visual\/","title":{"rendered":"Visual identity"},"content":{"rendered":"<p><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background breadcrumbs-container-div nonhundred-percent-fullwidth non-hundred-percent-height-scrolling fusion-sticky-container\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-sticky-background-color:#ffffff !important;\" data-transition-offset=\"0\" data-sticky-offset=\"72px\" data-scroll-offset=\"0\" data-sticky-small-visibility=\"1\" data-sticky-medium-visibility=\"1\" data-sticky-large-visibility=\"1\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1288px;margin-left: calc(-0% \/ 2 );margin-right: calc(-0% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column mcbread\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0%;--awb-spacing-left-small:0%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-breadcrumbs fusion-breadcrumbs-1\" id=\"bar-siteMap\"><span class=\"fusion-breadcrumb-item\"><a href=\"https:\/\/www.ccdrc.pt\/en\" class=\"fusion-breadcrumb-link\"><span >Home<\/span><\/a><\/span><span class=\"fusion-breadcrumb-sep\">&amp;gt;<\/span><\/div>\n<style>\n\n.breadcrumbs-container-div.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {\n    max-width: 100% !important;\n    height: 72px !important;\n    border-bottom: 1px solid lightgray;\n    width: 100% !important;\n}\n.post-content > :nth-child(2) {\n  padding-top: 84px !important;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-sticky-transition.fusion-container-stuck{\n    margin-left: auto !important;\n    margin-right: auto !important;\n    max-width: 100% !important;\n    top: 72px;\n    width: 100% !important;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-9.fusion-flex-container.has-pattern-background.has-mask-background.ssitemap.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling:has(.mcbread) {\n  max-width: 1288px !important;\n}\n.fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start {\n    max-width: 1288px !important;\n    margin-left: calc(-0% \/ 2);\n    margin-right: calc(-0% \/ 2);\n}\n.fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-space-between.fusion-content-layout-row.fusion-flex-align-items-center {\n   display: none;\n}\n#main .fusion-builder-row.fusion-row.fusion-flex-align-items-flex-start{\nmax-width:1288px !important;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container{\ndisplay:flex;\nalign-items:center;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-9.fusion-flex-container.has-pattern-background.has-mask-background.ssitemap.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling{\npadding: 0px !important;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container{\nmargin-top:12px;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-container-stuck.fusion-sticky-transition{\n    margin-left: -32px !important;\n    border-bottom: 1px solid lightgray;\n    margin-top:0px !important;\n}\n@media (min-width: 640px) and  (max-width:1024px){\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container{\n    margin-top: 42px !important;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-container-stuck.fusion-sticky-transition {\n    padding-left: 32px !important;\n    border-bottom: 1px solid lightgray;\n    margin-top: 103px !important;\n    width:100% !important;\n}\n}\n@media (max-width: 640px) {\n.fusion-column-wrapper.fusion-column-has-shadow.fusion-flex-justify-content-space-between.fusion-content-layout-row.fusion-flex-align-items-center {\n   display: flex;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling {\n    margin-top: 12px;\n    width: 100% !important;\n}\n#bar-siteMap{\ndisplay:flex;\nflex-direction: row;\njustify-content:start;\nalign-items:center;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-sticky-transition.fusion-container-stuck\n{\nmargin-right: -44px !important;\ntop: 132px !important;\nmargin-left:-16px !important;\nmargin-top:-6px !important;\n}\n.fusion-fullwidth.fullwidth-box.fusion-builder-row-8.fusion-flex-container.has-pattern-background.has-mask-background.breadcrumbs-container-div.nonhundred-percent-fullwidth.non-hundred-percent-height-scrolling.fusion-sticky-container.fusion-sticky-transition.fusion-container-stuck #bar-siteMap{\n padding-left: 20px;\n}\n}\n.breadcrumbs-separator-div{\nmin-width:100%;\nmax-width:100%;\nmargin: 0 -200px !important;\nborder-bottom:1px solid lightgray;\n}\n<\/style><\/div><\/div><\/div><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1288px;margin-left: calc(-0% \/ 2 );margin-right: calc(-0% \/ 2 );\"><\/div><\/div>\n<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-2 fusion-flex-container has-pattern-background has-mask-background container-site-max-width-variant-media nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-margin-top:88px;--awb-margin-bottom:160px;--awb-margin-top-medium:64px;--awb-margin-bottom-medium:120px;--awb-margin-top-small:48px;--awb-margin-bottom-small:70px;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-center\" style=\"max-width:1288px;margin-left: calc(-0% \/ 2 );margin-right: calc(-0% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0%;--awb-spacing-left-small:0%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-text fusion-text-1 fusion-no-small-visibility fusion-no-medium-visibility fusion-text-no-margin\" style=\"--awb-font-size:20px;--awb-line-height:36px;--awb-text-color:#595959;--awb-margin-bottom:4px;--awb-text-font-family:&quot;Noto Sans&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>CCDRC<\/p>\n<\/div><div class=\"fusion-text fusion-text-2 fusion-no-small-visibility fusion-no-large-visibility fusion-text-no-margin\" style=\"--awb-font-size:18px;--awb-line-height:30px;--awb-text-color:#595959;--awb-margin-bottom:0px;--awb-text-font-family:&quot;Noto Sans&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>CCDRC<\/p>\n<\/div><div class=\"fusion-text fusion-text-3 fusion-no-medium-visibility fusion-no-large-visibility fusion-text-no-margin\" style=\"--awb-font-size:16px;--awb-line-height:29px;--awb-text-color:#595959;--awb-margin-bottom:0px;--awb-text-font-family:&quot;Noto Sans&quot;;--awb-text-font-style:normal;--awb-text-font-weight:400;\"><p>CCDRC<\/p>\n<\/div><div class=\"fusion-text fusion-text-4 fusion-no-small-visibility fusion-no-medium-visibility fusion-text-no-margin\" style=\"--awb-font-size:32px;--awb-line-height:43.58px;--awb-text-color:#000000;--awb-margin-bottom:64px;--awb-text-font-family:&quot;Noto Sans&quot;;--awb-text-font-style:normal;--awb-text-font-weight:700;\" id=\"1\"><div id=\"layerName-inspection-panel1\" class=\"raw_components--panel--YDedw inspect_panels--inspectionPanelNoPadding--ZTz-6 inspect_panels--inspectionPanelNoBorder--avlTs\" data-testid=\"layerName-inspection-panel\">\n<div>\n<div class=\"header--panelContainer--3JxuF\">\n<div class=\"header--panelBodyContainer--4rSgf\">\n<div class=\"header--layerNameContainer---unab\">\n<div class=\"header--layerNameRow--AYcDL header--layerRowContainer--YsToo\">\n<div class=\"header--layerName--Gy8A3 text--fontPos13--5OfL8 text--_fontBase--VaHfk ellipsis--ellipsis--70pHK header--copyableLayerName--CoLxl\" dir=\"auto\">\n<h1 class=\"\">Identidade Visual<\/h1>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"fusion-text fusion-text-5 fusion-no-small-visibility fusion-no-large-visibility fusion-text-no-margin\" style=\"--awb-font-size:32px;--awb-line-height:43.58px;--awb-text-color:#000000;--awb-margin-bottom:48px;--awb-text-font-family:&quot;Noto Sans&quot;;--awb-text-font-style:normal;--awb-text-font-weight:700;\" id=\"2\"><div id=\"layerName-inspection-panel2\" class=\"raw_components--panel--YDedw inspect_panels--inspectionPanelNoPadding--ZTz-6 inspect_panels--inspectionPanelNoBorder--avlTs\" data-testid=\"layerName-inspection-panel\">\n<div class=\"header--panelContainer--3JxuF\">\n<div class=\"header--panelBodyContainer--4rSgf\">\n<div class=\"header--layerNameContainer---unab\">\n<div class=\"header--layerNameRow--AYcDL header--layerRowContainer--YsToo\">\n<div class=\"header--layerName--Gy8A3 text--fontPos13--5OfL8 text--_fontBase--VaHfk ellipsis--ellipsis--70pHK header--copyableLayerName--CoLxl\" dir=\"auto\"><span class=\"\">Identidade Visual<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"fusion-text fusion-text-6 fusion-no-medium-visibility fusion-no-large-visibility fusion-text-no-margin\" style=\"--awb-font-size:24px;--awb-line-height:33px;--awb-text-color:#000000;--awb-margin-bottom:32px;--awb-text-font-family:&quot;Noto Sans&quot;;--awb-text-font-style:normal;--awb-text-font-weight:700;\" id=\"3\"><div id=\"layerName-inspection-panel3\" class=\"raw_components--panel--YDedw inspect_panels--inspectionPanelNoPadding--ZTz-6 inspect_panels--inspectionPanelNoBorder--avlTs\" data-testid=\"layerName-inspection-panel\">\n<div class=\"header--panelContainer--3JxuF\">\n<div class=\"header--panelBodyContainer--4rSgf\">\n<div class=\"header--layerNameContainer---unab\">\n<div class=\"header--layerNameRow--AYcDL header--layerRowContainer--YsToo\">\n<div class=\"header--layerName--Gy8A3 text--fontPos13--5OfL8 text--_fontBase--VaHfk ellipsis--ellipsis--70pHK header--copyableLayerName--CoLxl\" dir=\"auto\"><span class=\"\">Identidade Visual<\/span><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div><div class=\"fusion-post-cards fusion-post-cards-1 fusion-grid-archive download-files\" style=\"--awb-column-spacing:0px;--awb-dots-align:center;--awb-columns:1;--awb-filters-color:#007b88;--awb-active-filter-border-size:3px;--awb-filters-height:36px;--awb-row-spacing:0px;\"><ul class=\"fusion-grid fusion-grid-1 fusion-flex-align-items-flex-start fusion-grid-posts-cards\"><li class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion-flex-column post-card fusion-grid-column fusion-post-cards-grid-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-paragraph\"><p class=\"title-heading-left title-heading-tag\" style=\"margin:0;\">Log\u00f3tipo Principal<\/p><\/div><div class=\"fusion-content-tb fusion-content-tb-1\" style=\"--awb-text-color:var(--awb-color8);--awb-text-transform:none;\"><p><a href=\"https:\/\/www.ccdrc.pt\/wp-content\/uploads\/2023\/10\/LOGO-PRINCIPAL.zip\">Log\u00f3tipo Principal<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div><\/div><\/li>\n<li class=\"fusion-layout-column fusion_builder_column fusion-builder-column-3 fusion-flex-column post-card fusion-grid-column fusion-post-cards-grid-column\" style=\"--awb-bg-blend:overlay;--awb-bg-size:cover;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-paragraph\"><p class=\"title-heading-left title-heading-tag\" style=\"margin:0;\">Log\u00f3tipo Secund\u00e1rio<\/p><\/div><div class=\"fusion-content-tb fusion-content-tb-2\" style=\"--awb-text-color:var(--awb-color8);--awb-text-transform:none;\"><p><a href=\"https:\/\/www.ccdrc.pt\/wp-content\/uploads\/2023\/10\/LOGO-IP.zip\">Log\u00f3tipo Secund\u00e1rio<\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<\/div><\/div><\/li>\n<\/ul><\/div><\/div><\/div><\/div><\/div><div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-3 fusion-flex-container has-pattern-background has-mask-background nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start\" style=\"max-width:1288px;margin-left: calc(-0% \/ 2 );margin-right: calc(-0% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-4 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:0%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:0%;--awb-width-medium:100%;--awb-order-medium:0;--awb-spacing-right-medium:0%;--awb-spacing-left-medium:0%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:0%;--awb-spacing-left-small:0%;\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\">  <script>\n    window.onload = function() {\n      \/\/ Select the paragraph element\n      const pElement = document.querySelector('.fusion-text p');\n\n      \/\/ Create a new h1 element\n      const h1Element = document.createElement('h1');\n\n      \/\/ Copy the inner HTML from the p to the h1\n      h1Element.innerHTML = pElement.innerHTML;\n\n      \/\/ Copy all the inline styles from the p to the h1\n      const style = window.getComputedStyle(pElement);\n      for (let i = 0; i < style.length; i++) {\n        h1Element.style.setProperty(style[i], style.getPropertyValue(style[i]));\n      }\n\n      \/\/ Replace the p element with the h1 element\n      pElement.parentNode.replaceChild(h1Element, pElement);\n    };\n  <\/script>\n    <script>\n        document.addEventListener(\"DOMContentLoaded\", function() {\n            \/\/ Fun\u00e7\u00e3o para copiar estilos de um elemento para outro\n            function copiarEstilos(elementoOrigem, elementoDestino) {\n                const estilo = window.getComputedStyle(elementoOrigem);\n                for (let i = 0; i < estilo.length; i++) {\n                    const propriedade = estilo[i];\n                    elementoDestino.style[propriedade] = estilo.getPropertyValue(propriedade);\n                }\n            }\n\n            \/\/ Fun\u00e7\u00e3o para trocar tags mantendo estilos\n            function trocarTag(elementoOriginal, novaTag) {\n                const novoElemento = document.createElement(novaTag);\n                novoElemento.textContent = elementoOriginal.textContent;\n                copiarEstilos(elementoOriginal, novoElemento);\n                elementoOriginal.parentNode.replaceChild(novoElemento, elementoOriginal);\n            }\n\n\n\n            \/\/ Trocar todos os <h6> por <h2>\n            const elementosH4 = document.querySelectorAll(\"h6\");\n            elementosH4.forEach(elementoH4 => {\n                trocarTag(elementoH4, \"h2\");\n            });\n        });\n    <\/script>  <script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    \/\/ Function to copy computed styles from one element to another\n    function copyComputedStyles(source, target) {\n        const computedStyles = window.getComputedStyle(source);\n        const styleProperties = [\n            'padding',\n            'margin',\n            'font-size',\n            'color',\n            'font-family',\n            'font-weight',\n            'font-style',\n            'line-height',\n            'background-color',\n            'border',\n            'border-radius',\n            'text-align'\n        ];\n\n        styleProperties.forEach(property => {\n            target.style[property] = computedStyles.getPropertyValue(property);\n        });\n\n        \/\/ Copy custom properties (CSS variables)\n        for (let prop of source.style) {\n            if (prop.startsWith('--')) {\n                target.style.setProperty(prop, source.style.getPropertyValue(prop));\n            }\n        }\n    }\n\n    \/\/ Function to replace a div with a new h1 element\n    function replaceDivWithH1(selector) {\n        \/\/ Select the div element\n        var div = document.querySelector(selector);\n\n        if (div) {\n            \/\/ Create a new h1 element\n            var h1 = document.createElement('h1');\n\n            \/\/ Copy computed styles from div to h1\n            copyComputedStyles(div, h1);\n\n            \/\/ Copy the text content from <span> to the new <h1> element\n            h1.textContent = div.textContent.trim();\n\n            \/\/ Replace the div with the new h1 element\n            div.parentNode.replaceChild(h1, div);\n        }\n    }\n\n    \/\/ Replace the specific div on the current page\n    replaceDivWithH1('.header--layerName--Gy8A3');\n});\n\n    <\/script><\/div><\/div><\/div><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":67854,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_eb_attr":"","inline_featured_image":false,"iawp_total_views":237,"footnotes":""},"class_list":["post-1784","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/pages\/1784","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/comments?post=1784"}],"version-history":[{"count":72,"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/pages\/1784\/revisions"}],"predecessor-version":[{"id":79304,"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/pages\/1784\/revisions\/79304"}],"up":[{"embeddable":true,"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/pages\/67854"}],"wp:attachment":[{"href":"https:\/\/www.ccdrc.pt\/en\/wp-json\/wp\/v2\/media?parent=1784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}