desy-html 6.3.0 → 6.3.1

package/config/tailwind.config.js

@@ -54,6 +54,10 @@ module.exports = {
           'light': '#fbd3ce',
           'dark': '#a40014',
         },
+        heading: {
+          'base': '#2d495f',
+          'dark': '#21384b'
+        }
       },
       spacing: {
         // the order of this declarations matter in specificity

package/docs/ds/_ds.example.colores-cabecera.njk

@@ -0,0 +1,16 @@
+<div class="grid grid-cols-8 gap-5 mb-sm">
+  <div class="col-span-4 lg:col-span-1 aspect-w-1 aspect-h-1 relative rounded overflow-hidden">
+    <div class="absolute flex inset-0 bg-heading-base text-white"><div class="self-center text-center w-full">Heading</div></div>
+  </div>
+  <div class="flex col-span-4 lg:col-span-2">
+    <div class="self-center text-sm">
+      Color de fondo de cabecera
+    </div>
+  </div>
+  <div class="col-span-2 lg:col-span-1 aspect-w-1 aspect-h-1 relative rounded overflow-hidden">
+    <div class="absolute flex inset-0 bg-heading-base text-white"><div class="self-center text-center w-full">heading-base <br><br>#2d495f</div></div>
+  </div>
+  <div class="col-span-2 lg:col-span-1 aspect-w-1 aspect-h-1 relative rounded overflow-hidden">
+    <div class="absolute flex inset-0 bg-heading-dark text-white"><div class="self-center text-center w-full">heading-dark <br><br>#21384b</div></div>
+  </div>
+</div>

package/docs/ds/_ds.section.color.njk

@@ -99,6 +99,17 @@
   </div>
   <div class="pb-lg"></div>
   {% from "ds/_ds.macro.subsection-title.njk" import DSSubsectionTitle %}
+  {{ DSSubsectionTitle({
+    title: "Colores de cabecera"
+  }) }}
+  <p class="mb-8">Utiliza logo o letras blancas sobre un azul oscuro poco saturado para el fondo de cabeceras.</p>
+  {% include "ds/_ds.example.colores-cabecera.njk" %}
+  <div class="my-lg">
+    {% from "ds/_ds.macro.code-snippet.njk" import DSCodeSnippet %}
+    {{ DSCodeSnippet("ds/_ds.example.colores-cabecera.njk") }}
+  </div>
+  <div class="pb-lg"></div>
+  {% from "ds/_ds.macro.subsection-title.njk" import DSSubsectionTitle %}
   {{ DSSubsectionTitle({
     title: "Border"
   }) }}

package/docs/index.html

@@ -38,6 +38,11 @@
 
   <h2>Changelog (English)</h2>
   <p>What's new in the latest version of desy-html</p>
+  <h3>v.6.3.1</h3>
+  <ul class="text-sm">
+    <li>Added new header background colors.</li>
+    <li>Changes in heading advanced examples.</li>
+  </ul>
   <h3>v.6.3.0</h3>
   <ul class="text-sm">
     <li>Added parameters and changes in Header advanced.</li>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-html",
-  "version": "6.3.0",
+  "version": "6.3.1",
   "description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
   "author": {
     "name": "Desy (SDA Servicios Digitales de Aragón)",

package/src/templates/components/header-advanced/_examples.header-advanced.njk

@@ -538,6 +538,8 @@
 
 {% set logoUrl = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjkuNDc3IiBoZWlnaHQ9IjYxLjE3NSIgdmlld0JveD0iMCAwIDEyOS40NzcgNjEuMTc1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjIwIiBmaWxsPSIjZmZmIiBkPSJNMCAwaDEyOS40Nzd2NjEuMTc1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZGF0YS1uYW1lPSJHcnVwbyAxNTY1Ij48ZyBkYXRhLW5hbWU9IkdydXBvIDE1NjQiIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0iI2ZmZiI+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzAiIGQ9Ik0yMC4yMjYgMTQuMTMxYTI0LjY0NSAyNC42NDUgMCAwIDAtOC4yMzMtMS40OTFDNS4xMjEgMTIuNjQuNjQ3IDE2LjE0MS42NDcgMjEuNTIzYzAgMy44OSAyLjIgNi4yMjMgNy41ODcgNy45MDlsMi4wMDguNTgyYzIuODUzLjkwOCAzLjc1OCAxLjYyMSAzLjc1OCAzLjE3NyAwIDEuODgtMS44MTUgMy4wNDctNC42NjcgMy4wNDdBMjAuNzY0IDIwLjc2NCAwIDAgMSAwIDMzLjU4djguMTY5YTI3LjEyNCAyNy4xMjQgMCAwIDAgMTAuMjQyIDIuMDFjNy42NSAwIDEyLjktNC4xNSAxMi45LTEwLjM3M2E4LjQ3MSA4LjQ3MSAwIDAgMC0yLjQ2My02LjAyOWMtMS40MjYtMS40MjYtMi4yNjgtMS44MTUtNi45MzUtMy4zMDctMy4zNzItMS4wMzctNC4wMi0xLjQyNi00LjAyLTIuNTkyIDAtMS4yMzIgMS41NTYtMi4wNzUgMy43NTktMi4wNzVhMTQuMzgyIDE0LjM4MiAwIDAgMSA2Ljc0MiAxLjg4WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTcxIiBkPSJNMjkuMTMzIDIxLjY1MWExNS4yNzIgMTUuMjcyIDAgMCAxIDguMS0yLjJjNC4wMiAwIDYuMDk0IDEuMzYxIDYuMDk0IDQuMDg1di41ODJhMTYuNTczIDE2LjU3MyAwIDAgMC01LjM4Mi0uODQyYy03LjMyNCAwLTEyLjE4NyA0LjE1LTEyLjE4NyAxMC40MzggMCA1LjgzNCA0LjQwOCAxMC4wNDkgMTAuMzA3IDEwLjA0OWExMS43NzEgMTEuNzcxIDAgMCAwIDcuNjUtMi43ODcgNy4zMzkgNy4zMzkgMCAwIDAgLjcxNCAyLjJoOS4wMTFjLTEuMjIzLTEuNjg1LTEuNjA3LTMuMjQzLTEuNjA3LTcuMTMyVjIyLjgxOWMwLTIuNzg5LS4yNi00LjQxLTEuMDM3LTUuNy0xLjY4Ni0yLjg1NC02LjAyOS00LjQ3NS0xMS44NjQtNC40NzVhMzMuODk0IDMzLjg5NCAwIDAgMC05Ljc5OSAxLjQ4N1ptMTQuMiA4LjA0djUuNjRjLTEuOTQyIDEuMTY2LTIuOTggMS41Ni00LjQwNiAxLjU2LTIuNTI4IDAtNC4zNDMtMS41NTYtNC4zNDMtMy43NTkgMC0yLjQgMi4wMS0zLjk1NiA1LjE4Ni0zLjk1NmExMS42IDExLjYgMCAwIDEgMy41NjMuNTE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlJlY3TDoW5ndWxvIDIxOCIgZD0iTTU2LjQ3NSAwaDguNDkzdjQzLjE3OGgtOC40OTN6Ii8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzIiIGQ9Ik05Ni4yNTUgMTMuMjkxaC04LjU1NlYzMy41OGE3LjczMiA3LjczMiAwIDAgMS01LjE4OCAyLjJjLTMuMTc2IDAtNC40NzItMS45NDUtNC40NzItNi40ODNWMTMuMjkxaC04LjU1OHYxOC44YzAgMy43NjEuNjQ3IDYuMjI0IDIuMiA4LjE2OWExMC4zMzUgMTAuMzM1IDAgMCAwIDguMTY5IDMuNSAxMS4xNiAxMS4xNiAwIDAgMCA4LjMtMy40MzZ2Mi44NTJoOC4xWiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTczIiBkPSJNMTI5LjM3NiAwaC04LjQ5M3YxNC4zMjdhMTIuODk0IDEyLjg5NCAwIDAgMC02LjYxMi0xLjY4NmMtOC4yMzQgMC0xNC4yIDYuNjc4LTE0LjIgMTUuODgzIDAgOC45NDggNS41NzQgMTUuMjM2IDEzLjM1NSAxNS4yMzZhMTAuMjMzIDEwLjIzMyAwIDAgMCA3Ljc4LTMuMTc3djIuNTkzaDguMTY4Wm0tOC40OTMgMjIuMDQxdjExLjQxMWE3LjQ0NCA3LjQ0NCAwIDAgMS01LjA1NyAyLjA3NWMtMy44MjQgMC02LjYxMy0zLjE3OS02LjYxMy03LjQ1NyAwLTQuNDA4IDIuODU0LTcuNTg1IDYuODczLTcuNTg1YTguMzU4IDguMzU4IDAgMCAxIDQuOCAxLjU1NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzQiIGQ9Ik0uNTc3IDUzLjIzMmMyLjE0NiAyLjMxIDguNzgzLjU5NCA4Ljc4My41OTRsMjIuMTgzLTQuMmM2LjQwNi0xLjA1IDkuNzQ0LjY3NiA5Ljc0NC42NzZsNi4wOSAzLjA0N3YtNS45MDhILjU3N1oiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3NSIgZD0iTS41NzcgNTMuMjMyYzIuMTQ2IDIuMzEgOC43ODMuNTk0IDguNzgzLjU5NGwyMi4xODMtNC4yYzYuNDA2LTEuMDUgOS43NDQuNjc2IDkuNzQ0LjY3Nmw2LjA5IDMuMDQ3di01LjkwOEguNTc3WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTc2IiBkPSJNNDcuMzcgNTUuNDM3Yy0yLjE0Ni0yLjMxLTguNzgyLS41OTQtOC43ODItLjU5NGwtMjIuMTgzIDQuMmMtNi40MDggMS4wNS05Ljc0NS0uNjc2LTkuNzQ1LS42NzZMLjU3NiA1NS4zMnY1Ljc0aDQ2LjhaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzciIGQ9Ik00Ny4zNyA1NS40MzdjLTIuMTQ2LTIuMzEtOC43ODItLjU5NC04Ljc4Mi0uNTk0bC0yMi4xODMgNC4yYy02LjQwOCAxLjA1LTkuNzQ1LS42NzYtOS43NDUtLjY3NkwuNTc2IDU1LjMydjUuNzRoNDYuOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OCIgZD0iTTU1LjkzNSA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3NyAxLjk3NyAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzQgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OSIgZD0iTTYxLjYxMyA1OC40NDFhMy44NDMgMy44NDMgMCAwIDAtLjIxLTEuMDMyIDEuODQ1IDEuODQ1IDAgMCAwLTEuNzgtMS4yNTFjLTEuMjMxIDAtMi4wNjIgMS0yLjA2MiAyLjQ2MWEyLjM4NiAyLjM4NiAwIDAgMCAyLjQyIDIuNTU2IDMuMSAzLjEgMCAwIDAgMS42LS40MzF2LS45MjZhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MyAxLjcwNSAxLjcwNSAwIDAgMS0xLjctMS44NTJ2LS4xNzhabS0uOTE1LS42OTVoLTIuMjA3YTEuMTE0IDEuMTE0IDAgMCAxIDEuMTM2LS44ODMgMS4wMzYgMS4wMzYgMCAwIDEgMS4wNzIuODgzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MCIgZD0iTTY4LjM2IDU2LjM5OWEyLjgxNCAyLjgxNCAwIDAgMC0xLjEzNi0uMjQxYy0uOTY4IDAtMS42MzEuNTI0LTEuNjMxIDEuMyAwIC41NjguMjc1LjgyMSAxLjI5NSAxLjE4OC45NDYuMzU4IDEuMTM0LjUxNiAxLjEzNC45NTggMCAuNTI2LS40NTEuODczLTEuMTQ2Ljg3M2EyLjk0IDIuOTQgMCAwIDEtMS40NjItLjQ0MXYuODM5YTQuNTMyIDQuNTMyIDAgMCAwIDEuNDMuMjk1YzEuMTU3IDAgMS45OS0uNjczIDEuOTktMS42MmExLjMyMSAxLjMyMSAwIDAgMC0uNC0uOTU4IDIuNjcyIDIuNjcyIDAgMCAwLTEuMTQ2LS41NzZjLS43NDgtLjI2My0uODg2LS4zNTgtLjg4Ni0uNjIxIDAtLjMxNi4zNi0uNTM2Ljg1NC0uNTM2YTIuMjIgMi4yMiAwIDAgMSAxLjEuMzI1WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODEiIGQ9Ik03MC42NDQgNTcuMTlhMi42MDggMi42MDggMCAwIDEgMS4zLS4zMjdjLjY5NCAwIDEuMDYyLjI1MyAxLjA2Mi43Mzd2LjNhMi45NjIgMi45NjIgMCAwIDAtLjk2OC0uMTU3IDEuOCAxLjggMCAwIDAtMS45NjMgMS43NzEgMS42MjcgMS42MjcgMCAwIDAgMS42NjMgMS42NjIgMS45MjcgMS45MjcgMCAwIDAgMS4xNjYtLjQuOTUuOTUgMCAwIDAgLjEyNi0uMDg0Ljk2My45NjMgMCAwIDAgLjEyNy4zNTdoLjgzMWExLjUyIDEuNTIgMCAwIDEtLjIxLS45bC4wMDktLjE0N3YtMi40MzRhMi4wNjggMi4wNjggMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQxLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NSAxLjMzNXYxLjQ4NGExLjYwOSAxLjYwOSAwIDAgMS0xLjA3Mi40NzQgMS4wMTEgMS4wMTEgMCAwIDEtMS4wNjItLjk4YzAtLjY0Mi41MzYtMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3Ny4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjE5IiBkPSJNNzUuNjY4IDU0LjA0M2guNzY5djcuMDA1aC0uNzY5eiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTgyIiBkPSJNODIuMTUyIDU2LjI4NWgtLjc3N3YzLjYwOGExLjc3MiAxLjc3MiAwIDAgMS0xLjI1MS41OWMtLjczNyAwLTEuMDQyLS40MTItMS4wNDItMS4zNjh2LTIuODNoLS43NzR2My4wNzJjMCAxLjE3OC42IDEuODE5IDEuNjkzIDEuODE5YTEuOTI4IDEuOTI4IDAgMCAwIDEuNC0uNTU4bC4wMTIuNDMxaC43NDZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MyIgZD0iTTg3Ljk4NiA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3OCAxLjk3OCAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzkgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4NCIgZD0iTTU0LjUxNCA0Ny42YTIuODA5IDIuODA5IDAgMCAwLTEuMTM2LS4yNDFjLS45NjcgMC0xLjYzLjUyNC0xLjYzIDEuMyAwIC41NjguMjczLjgxOSAxLjI5MyAxLjE4OC45NDYuMzU4IDEuMTM2LjUxNiAxLjEzNi45NTggMCAuNTI2LS40NTIuODcxLTEuMTQ2Ljg3MWEyLjkyMSAyLjkyMSAwIDAgMS0xLjQ2Mi0uNDQxdi44NDZhNC41MzIgNC41MzIgMCAwIDAgMS40My4yOTVjMS4xNTcgMCAxLjk4OC0uNjczIDEuOTg4LTEuNjJhMS4zMjEgMS4zMjEgMCAwIDAtLjQtLjk1OCAyLjY2OCAyLjY2OCAwIDAgMC0xLjE0Ni0uNTc4Yy0uNzQ3LS4yNjItLjg4NC0uMzU3LS44ODQtLjYyIDAtLjMxNi4zNTgtLjUzNi44NTItLjUzNmEyLjIyIDIuMjIgMCAwIDEgMS4xLjMyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg1IiBkPSJNNjAuMjM2IDQ5LjY0YTMuOTYxIDMuOTYxIDAgMCAwLS4yMS0xLjAzIDEuODQ0IDEuODQ0IDAgMCAwLTEuNzc3LTEuMjUxYy0xLjIzMSAwLTIuMDYyIDEtMi4wNjIgMi40NjFhMi4zODUgMi4zODUgMCAwIDAgMi40MTkgMi41NTYgMy4wOTMgMy4wOTMgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3OFptLS45MTUtLjY5NGgtMi4yMDhhMS4xMTUgMS4xMTUgMCAwIDEgMS4xMzctLjg4MyAxLjAzNyAxLjAzNyAwIDAgMSAxLjA3Mi44ODMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg2IiBkPSJNNjEuODIgNDcuNDg2djQuNzY0aC43Nzd2LTMuNjA4YTEuMzg0IDEuMzg0IDAgMCAxIDEuMDExLS41IDEuNDM4IDEuNDM4IDAgMCAxIC43NzcuMjUzdi0uOGExLjUzOCAxLjUzOCAwIDAgMC0uNjczLS4xNTcgMS41OSAxLjU5IDAgMCAwLTEuMTQ3LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg3IiBkPSJNNjkuNzExIDQ3LjQ4NmgtLjgzOWwtMS4yOTUgMy43LTEuMzU3LTMuN2gtLjg0MmwxLjc4OSA0Ljc2NGguOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4OCIgZD0iTTcwLjk4NCA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODkiIGQ9Ik03Ni44NTkgNDcuNTY5YTIuMjA4IDIuMjA4IDAgMCAwLTEuMDItLjIxIDIuNDU5IDIuNDU5IDAgMCAwLTIuNDYxIDIuNTU2IDIuMzY3IDIuMzY3IDAgMCAwIDIuMzY1IDIuNDYxIDIuOTUxIDIuOTUxIDAgMCAwIDEuMTE1LS4ydi0uODA5YTEuODQ4IDEuODQ4IDAgMCAxLTEuMDMyLjMxNSAxLjY4NiAxLjY4NiAwIDAgMS0xLjY1MS0xLjc3NyAxLjcxOCAxLjcxOCAwIDAgMSAxLjY2My0xLjgzOSAxLjgyIDEuODIgMCAwIDEgMS4wMi4zMTRaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5MCIgZD0iTTc4LjM5OSA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTEiIGQ9Ik04NS4zNjcgNDkuODgxYTIuMyAyLjMgMCAxIDAtNC41NzQuMDEgMi4zIDIuMyAwIDEgMCA0LjU3NC0uMDFtLS44MDkuMDJjMCAxLjA3Mi0uNiAxLjc3Ny0xLjQ5NCAxLjc3Ny0uODczIDAtMS40NzItLjcxNC0xLjQ3Mi0xLjc3NyAwLTEuMTI2LjU5LTEuODUxIDEuNDk0LTEuODUxczEuNDcyLjcxNSAxLjQ3MiAxLjg1MSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTIiIGQ9Ik04OS45NzggNDguMzlhMi42IDIuNiAwIDAgMSAxLjMtLjMyN2MuNjk1IDAgMS4wNjMuMjUzIDEuMDYzLjczNXYuMzA2YTIuOTY3IDIuOTY3IDAgMCAwLS45NjgtLjE1NyAxLjggMS44IDAgMCAwLTEuOTY2IDEuNzY2IDEuNjI3IDEuNjI3IDAgMCAwIDEuNjY1IDEuNjY4IDEuOTMxIDEuOTMxIDAgMCAwIDEuMTY3LS40LjgzOS44MzkgMCAwIDAgLjEyNi0uMDg1Ljk2MS45NjEgMCAwIDAgLjEyNy4zNThoLjgyOWExLjUyMyAxLjUyMyAwIDAgMS0uMjEtLjlsLjAxLS4xNDd2LTIuNDM4YTIuMDIyIDIuMDIyIDAgMCAwLS4xLS43MDVjLS4xOTEtLjQ0Mi0uODQyLS43LTEuNzE0LS43YTMuNjM3IDMuNjM3IDAgMCAwLTEuMzI2LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxMSAxLjAxMSAwIDAgMS0xLjA2My0uOTc4YzAtLjY0Mi41MzctMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3OS4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTkzIiBkPSJNOTQuOTkzIDQ3LjQ4NnY0Ljc2NGguNzc3di0zLjYwOGExLjM4NCAxLjM4NCAwIDAgMSAxLjAxMS0uNSAxLjQzOCAxLjQzOCAwIDAgMSAuNzc3LjI1M3YtLjhhMS41MzcgMS41MzcgMCAwIDAtLjY3Mi0uMTU3IDEuNTkxIDEuNTkxIDAgMCAwLTEuMTQ5LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk0IiBkPSJNOTkuMjU2IDQ4LjM5YTIuNiAyLjYgMCAwIDEgMS4zLS4zMjdjLjY5NSAwIDEuMDYzLjI1MyAxLjA2My43MzV2LjMwNmEyLjk2OCAyLjk2OCAwIDAgMC0uOTY4LS4xNTcgMS44IDEuOCAwIDAgMC0xLjk2NyAxLjc2NiAxLjYyNiAxLjYyNiAwIDAgMCAxLjY2NiAxLjY2OCAxLjkzMSAxLjkzMSAwIDAgMCAxLjE2Ny0uNC45Mi45MiAwIDAgMCAuMTI2LS4wODUuOTYxLjk2MSAwIDAgMCAuMTI3LjM1OGguODI5YTEuNTIzIDEuNTIzIDAgMCAxLS4yMS0uOWwuMDEtLjE0N3YtMi40MzhhMi4wNTYgMi4wNTYgMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQyLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxIDEuMDEgMCAwIDEtMS4wNjMtLjk3OGMwLS42NDIuNTM3LTEuMDUyIDEuMzU3LTEuMDUyYTUuMTYxIDUuMTYxIDAgMCAxIC43NzkuMDc0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5NSIgZD0iTTEwOC4xODEgNDYuNjMxYS45ODYuOTg2IDAgMCAwLS40NDEtLjA4NWMtLjUzNiAwLS44NzQuMjIzLTEuMzE1Ljg4NGEyLjAyNSAyLjAyNSAwIDAgMC0uNTQ4LS4wNzIgMS42NTUgMS42NTUgMCAwIDAtMS43NTkgMS41OSAxLjQgMS40IDAgMCAwIC44NjEgMS4zYy0uNDQxLjA5NC0uNjYuMjk1LS42Ni42MXMuMjA5LjUuNi41NjhhMS40NDYgMS40NDYgMCAwIDAtMS4yNTEgMS40MmMwIDEgLjkxNiAxLjY3MiAyLjI4MSAxLjY3MiAxLjMyNiAwIDIuMjIxLS43IDIuMjIxLTEuNzY3YTEuNDIxIDEuNDIxIDAgMCAwLS41NzktMS4xNzggMy4wMzMgMy4wMzMgMCAwIDAtMS43ODctLjQzMWMtLjQ3NC0uMDEyLS42NzMtLjEwNS0uNjczLS4zNDggMC0uMjIxLjE4OS0uMzE1LjYyLS4zMTVhMi41MDUgMi41MDUgMCAwIDAgMS4wOTQtLjE1NyAxLjQ2NiAxLjQ2NiAwIDAgMCAuMDc0LTIuNy43MjQuNzI0IDAgMCAxIC42MzEtLjM3OS45NTMuOTUzIDAgMCAxIC42My4yNzVabS0xLjIgMi4zMzVhLjkzOC45MzggMCAwIDEtMS4wNjIuOS44OTIuODkyIDAgMCAxLS45OS0uOS45MjcuOTI3IDAgMCAxIDEuMDMyLS45Ljk0OS45NDkgMCAwIDEgMS4wMi45bS0xLjA2MyAyLjc5OWMuOSAwIDEuNDQxLjM3OSAxLjQ0MSAxLjAxIDAgLjY1My0uNTQ4IDEuMDUtMS40NzIgMS4wNS0uODYzIDAtMS40Mi0uNDE5LTEuNDItMS4wNXMuNTM2LTEuMDEgMS40NTItMS4wMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTYiIGQ9Ik0xMTMuNzg4IDQ5Ljg4MWEyLjMgMi4zIDAgMSAwLTQuNTc0LjAxIDIuMyAyLjMgMCAxIDAgNC41NzQtLjAxbS0uODA5LjAyYzAgMS4wNzItLjYgMS43NzctMS40OTQgMS43NzctLjg3MyAwLTEuNDcyLS43MTQtMS40NzItMS43NzcgMC0xLjEyNi41OS0xLjg1MSAxLjQ5NC0xLjg1MXMxLjQ3Mi43MTUgMS40NzIgMS44NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk3IiBkPSJNMTE1LjQxNCA0Ny40ODF2NC43NjRoLjc3N3YtMy41NjRhMS42MDUgMS42MDUgMCAwIDEgMS4yMzEtLjYyMWMuNzQ3IDAgMS4wNC4zOSAxLjA1MiAxLjM3OHYyLjgwN2guNzY5di0yLjk2NGExLjkwNyAxLjkwNyAwIDAgMC0uMzI3LTEuMyAxLjcgMS43IDAgMCAwLTEuMzc3LS42MiAxLjkgMS45IDAgMCAwLTEuMzguNTY4di0uNDQ4WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTgiIGQ9Ik0xMjQuODk2IDQ5LjY0MWEzLjc4IDMuNzggMCAwIDAtLjIxMS0xLjAzIDEuODQyIDEuODQyIDAgMCAwLTEuNzc4LTEuMjUxYy0xLjIzIDAtMi4wNiAxLTIuMDYgMi40NTlhMi4zODUgMi4zODUgMCAwIDAgMi40MiAyLjU1MyAzLjA5IDMuMDkgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDcgMi4wNDcgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3NFptLS45MTUtLjY5NGgtMi4yMDdhMS4xMTEgMS4xMTEgMCAwIDEgMS4xMzQtLjg4MyAxLjAzOCAxLjAzOCAwIDAgMSAxLjA3NC44ODNtLS4yMTEtMy41NjZoLTEuMDJsLS44MzEgMS4yNzFoLjcyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk5IiBkPSJNMTI5LjAwNCA0Ny42YTIuODExIDIuODExIDAgMCAwLTEuMTM3LS4yNDFjLS45NjcgMC0xLjYyOC41MjQtMS42MjggMS4zIDAgLjU2OC4yNzMuODE5IDEuMjkzIDEuMTg4Ljk0Ni4zNTggMS4xMzYuNTE2IDEuMTM2Ljk1OCAwIC41MjYtLjQ1Mi44NzEtMS4xNDcuODcxYTIuOTI1IDIuOTI1IDAgMCAxLTEuNDYyLS40NDF2Ljg0NmE0LjU0IDQuNTQgMCAwIDAgMS40MzIuMjk1YzEuMTU3IDAgMS45ODgtLjY3MyAxLjk4OC0xLjYyYTEuMzIxIDEuMzIxIDAgMCAwLS40LS45NTggMi42NzcgMi42NzcgMCAwIDAtMS4xNDYtLjU3OGMtLjc0OC0uMjYyLS44ODQtLjM1Ny0uODg0LS42MiAwLS4zMTYuMzU4LS41MzYuODUyLS41MzZhMi4yMiAyLjIyIDAgMCAxIDEuMS4zMjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9nPjwvc3ZnPg==' %}
 
+{% set logoUrlInaem = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMzYuOTggNDguNTEiPjxkZWZzPjxzdHlsZT4uY2xzLTEsLmNscy0ye2ZpbGw6I2ZmZn0uY2xzLTF7ZmlsbC1ydWxlOmV2ZW5vZGR9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IkNhcGFfMiIgZGF0YS1uYW1lPSJDYXBhIDIiPjxnIGlkPSJDYXBhXzEtMiIgZGF0YS1uYW1lPSJDYXBhIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTY5LjgxLjc5VjloLTkuMzhWLjc5Wm0wIDExLjI2djIxLjU4aC05LjM4VjEyLjA1Wk0xMy42MyAxOC40OEMxMS4zOSAxMi4wOSAxOCA3LjI0IDI0LjE2IDguMTljNi41OCAxIDUuNTcgNy4yMiA1LjU3IDcuMjJsLTE2LjEgMy4wN1ptMzQuNTkgOXY1Ljc4SDB2LTYuNzdsOS41Mi0xLjg3YTE1LjQxIDE1LjQxIDAgMCAwIDMuNTggNC45MyAxMi42MiAxMi42MiAwIDAgMCA5LjY1IDIuNzJjMS41LS4xNSAxOC0zLjM1IDI1LjQ3LTQuOFpNMCAuNTFoNDguMjJ2MjFsLTI2LjkxIDUuMzRhOCA4IDAgMCAxLTIuOTQtLjc5QTcuMTggNy4xOCAwIDAgMSAxNiAyMy41N2wxOC41Ny0zLjgxczMuNDktNy45LTEuMjktMTMuNThDMjkuNDUgMS42MyAyNSAxLjgxIDE5LjA4IDIuNTFjLTggMS0xMi44MiA5LjE5LTExLjk1IDE3TDAgMjAuOTNWLjUxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTQ4LjIyIDQ4LjUxdi02LjE0YTguNjcgOC42NyAwIDAgMC0zLjkyLTFjLTMuMjkgMC05LjE2IDEuNTYtMTUgMi40Ny03LjM0IDEuMTMtMTMuODkgMy4wOS0xOC44NiAyLjY1LTMuNTYtLjMxLTYuMzItMS44OC0xMC40MS00djYuMVpNMCA0MHYtNS42aDQ4LjIydjUuNzFjLTMuMzktMi01LjcxLTMuNDctMTAuNTctNC0zLjgzLS40LTkuNzQgMS4yMy0xNS45NSAyLjE3LTYuNzUgMS0xMy44MSAyLjkxLTE3LjI1IDIuOTFBNy41NiA3LjU2IDAgMCAxIDAgNDBaTTg4LjQ2LjkydjIuODNBMTIuNzYgMTIuNzYgMCAwIDEgOTcuMzIuMjhjNy42NSAwIDExLjQ3IDQuNDcgMTEuNDcgMTMuMjV2MjBoLTkuMzVWMTYuMjljMC01LjE3LTEuNDEtNy4wOC01LTcuMDhBNy45MSA3LjkxIDAgMCAwIDg5IDExLjYydjIyaC05LjM5Vi45MlpNMTE5LjA2IDEuNzdBNDAuNzUgNDAuNzUgMCAwIDEgMTI5LjgzLjI4YzEwLjIgMCAxNC4wOSAzLjI2IDE0LjA5IDExLjYybC0uMDcgMTMuNjdjMCA0LjQ2LjM2IDYgMS44NSA4aC05Ljc4YTEyLjQyIDEyLjQyIDAgMCAxLS43OC0yLjU0IDEzLjg1IDEzLjg1IDAgMCAxLTguMjIgMi45Yy02LjY1IDAtMTEuMzMtNC41My0xMS4zMy0xMC43NyAwLTYuOCA1LjM4LTExLjQgMTMuMzktMTEuNGEyMi4zMSAyMi4zMSAwIDAgMSA1Ljc0Ljc4di0uNjRjMC0yLjgzLTIuMjctNC4zMi02LjczLTQuMzJhMTcuNDggMTcuNDggMCAwIDAtOC45MyAyLjU1Wm0xMS44MyAxNi40M2MtMy4yNiAwLTUuMzggMS42My01LjM4IDQuMTEgMCAyLjI3IDEuNzcgMy44MyA0LjQ2IDMuODNhOC43MyA4LjczIDAgMCAwIDQuNjgtMS41NmwuMDctNS42N2ExMC40MSAxMC40MSAwIDAgMC0zLjgzLS43MVpNMTYxLjIxIDE3Ljc4Yy40MiA0LjY3IDQuMSA3LjcyIDkuNDIgNy43MmExNi4zNiAxNi4zNiAwIDAgMCAxMC40OC0zLjY4bC4wNyA5LjU2YTI2Ljc1IDI2Ljc1IDAgMCAxLTEyLjExIDIuOWMtMTAuNjMgMC0xOC03LjE1LTE4LTE3LjQ5QzE1MS4wOCA2Ljk0IDE1Ny40NSAwIDE2Ni41MiAwYzkuNDIgMCAxNC4zMSA1LjgxIDE0LjggMTcuNzFabTUuMjQtMTEuMTlhNS4xNCA1LjE0IDAgMCAwLTUuMjQgNC44OGwxMC4yNy4wOGMtLjM2LTMuMjYtMi4xMy00Ljk2LTUuMDMtNC45NlpNMTk4LjYxLjg1djIuNjJhMTIgMTIgMCAwIDEgOC4yOC0zLjEyIDEwLjgyIDEwLjgyIDAgMCAxIDguNTcgMy44MyAxMi43NiAxMi43NiAwIDAgMSA5LjM1LTMuOWM3LjU4IDAgMTEuNjIgNC40NyAxMS42MiAxM3YyMC4yOWgtOS4zNVYxNS4xNmMwLTQuMjUtMS40Mi02LTQuNi02YTYuODYgNi44NiAwIDAgMC00LjY4IDJ2MjIuNDFoLTkuMzVWMTUuNzJjMC00LjY3LTEuMzQtNi41OC00LjY3LTYuNTgtMS42MyAwLTIuOTEuNjMtNC42MSAyLjI2djIyLjE3aC05LjM1Vi44NVpNNjEuNzkgNDhoLTEuNzF2LTguMzJoMS43MVpNNjUgMzkuNjhsMiAzLjQ2YTE1LjUzIDE1LjUzIDAgMCAxIC45NSAxLjh2LTUuMjZoMS43MlY0OEg2OGwtMS44LTMuMTItLjMtLjUzYy0uMTktLjMzLS4zMS0uNTMtLjMyLS41NmwtLjMxLS41Ny0uMi0uMzljMC0uMDYtLjA3LS4xNS0uMTMtLjI4VjQ4aC0xLjY2di04LjMyWk03NS41IDQxLjcxYTQgNCAwIDAgMC0xLjgtLjVjLS41OSAwLTEgLjIzLTEgLjZzLjIxLjQ1IDEgLjc0bC42OC4yNWEyLjQ4IDIuNDggMCAwIDEgMS43OSAyLjQ4IDIuODQgMi44NCAwIDAgMS0zLjE0IDIuODcgNi4xIDYuMSAwIDAgMS0yLjM0LS41MXYtMmguMTFhNC4zNiA0LjM2IDAgMCAwIDIuMTguNjJjLjgxIDAgMS4zNS0uNDIgMS4zNS0xLjA1IDAtLjQ4LS4yMi0uNjgtMS4xLTEtMS45My0uNy0yLjQtMS4xNy0yLjQtMi4zOCAwLTEuNDQgMS4wOS0yLjM4IDIuNzUtMi4zOGE1IDUgMCAwIDEgMS44OC4zOFpNODIuMjQgMzkuNjh2MS42OWgtMlY0OGgtMS43NnYtNi42M2gtMi4wN3YtMS42OVpNODQuOTIgNDhIODMuMnYtOC4zMmgxLjcyWk05MS43MiAzOS42OHYxLjY5aC0yVjQ4SDg4di02LjYzaC0yLjEydi0xLjY5Wk05OC45MiA0NC41MmMwIDIuMzgtMS4wOCAzLjY0LTMuMTIgMy42NHMtMy4xOC0xLjI4LTMuMTgtMy42N3YtNC44MWgxLjcydjQuNzdjMCAxLjM2LjQ0IDIgMS40MyAyczEuNDQtLjYyIDEuNDQtMS45MXYtNC44NmgxLjcxWk0xMDUuNjYgMzkuNjh2MS42OWgtMlY0OGgtMS43NnYtNi42M2gtMi4wN3YtMS42OVpNMTA5LjkzIDQ4LjE2YTQgNCAwIDAgMS0zLjkzLTQuMzEgMy45MyAzLjkzIDAgMSAxIDcuODIgMGMwIDIuNS0xLjYyIDQuMzEtMy44OSA0LjMxWm0wLTYuOTNjLTEuMjUgMC0yLjEgMS4wNi0yLjEgMi42MnMuODYgMi42MyAyLjEzIDIuNjMgMi4xLTEgMi4xLTIuNjMtLjg4LTIuNjItMi4xNy0yLjYyWk0xMjEuNjcgMzkuNjhsMi44IDguMzNoLTEuODJsLS44LTIuNTVoLTIuMzFsLS44MSAyLjU0aC0xLjc5bDIuNzUtOC4zM1ptLS40NyAzLjYxczAtLjE5LS4xMi0uNDFsLS4xNC0uNDZjLS4xMi0uNDEtLjE4LS42Ni0uMjYtMWwtLjA2LjI3LS4wOC4zMWMtLjE1LjU0LS4xNi42LS4zNyAxLjNsLS4xOC41OGgxLjQxWk0xMjUuMzEgMzkuNjhIMTI4YzEuNzkgMCAyLjY5Ljc1IDIuNjkgMi4yNWEyIDIgMCAwIDEtMS4zOCAyIDEuNjcgMS42NyAwIDAgMSAxIDEuMTcgMTAuNyAxMC43IDAgMCAwIDEuNDEgMi45aC0yLjA4YTMuODIgMy44MiAwIDAgMS0uMTctLjQybC0uMTYtLjM5LS4xNi0uNDJjLS43Mi0yLjA2LS44Mi0yLjE5LTEuOS0yLjE5SDEyN1Y0OGgtMS43MVptMi40NiAzLjMyYy43MiAwIDEuMDgtLjI5IDEuMDgtLjg5cy0uMzItLjg2LTEtLjg2SDEyN1Y0M1pNMTM2LjY2IDM5LjY4bDIuOCA4LjMzaC0xLjgxbC0uODEtMi41NWgtMi4zbC0uODEgMi41NGgtMS44bDIuNzYtOC4zM1ptLS40NiAzLjYxcy0uMDYtLjE5LS4xMi0uNDFsLS4xNC0uNDZjLS4xMi0uNDEtLjE4LS42Ni0uMjYtMSAwIC4xMy0uMDYuMjMtLjA3LjI3bC0uMDguMzFjLS4xNC41NC0uMTUuNi0uMzcgMS4zbC0uMTguNThoMS40MVpNMTQ2LjA4IDQ3Ljc1YTYuMTggNi4xOCAwIDAgMS0yLjI5LjQ0IDQgNCAwIDAgMS00LjEzLTQuMyA0LjA3IDQuMDcgMCAwIDEgNC4xMy00LjM5IDUuNTggNS41OCAwIDAgMSAyLjI5LjQ4djEuOWEzLjY4IDMuNjggMCAwIDAtMi4xNC0uNzIgMi40OCAyLjQ4IDAgMCAwLTIuNSAyLjcxIDIuMzggMi4zOCAwIDAgMCAyLjI0IDIuNjIgMi41MyAyLjUzIDAgMCAwIC43Mi0uMTF2LTIuNjNoMS42OFpNMTUwLjkyIDQ4LjE2YTQgNCAwIDAgMS0zLjkyLTQuMzFjMC0yLjQ4IDEuNjUtNC4zMiAzLjg3LTQuMzJhNCA0IDAgMCAxIDMuOTQgNC4zYy0uMDEgMi41Mi0xLjYyIDQuMzMtMy44OSA0LjMzWm0wLTYuOTNjLTEuMjUgMC0yLjEgMS4wNi0yLjEgMi42MnMuODYgMi42MyAyLjEzIDIuNjMgMi4xLTEgMi4xLTIuNjMtLjg5LTIuNjItMi4xOC0yLjYyWk0xNTcuNjEgMzkuNjhsMiAzLjQ2YTE2Ljk0IDE2Ljk0IDAgMCAxIC45NCAxLjh2LTUuMjZoMS43MVY0OGgtMS42bC0xLjg0LTMuMTMtLjI5LS41M2MtLjItLjMzLS4zMi0uNTMtLjMzLS41NmwtLjMxLS41Ny0uMi0uMzljMC0uMDYtLjA3LS4xNS0uMTItLjI4VjQ4aC0xLjY3di04LjMyWk0xNjguNzUgMzkuNjh2MS42NmgtMy4yOHYxLjRoMy4yNHYxLjY5aC0zLjI0djEuOWgzLjI4VjQ4aC01di04LjMyWk0xNzQuNTQgNDEuNzFhNCA0IDAgMCAwLTEuODEtLjVjLS41OCAwLTEgLjIzLTEgLjZzLjIxLjQ1IDEgLjc0bC42OC4yNWEyLjQ4IDIuNDggMCAwIDEgMS43OSAyLjQ4IDIuODQgMi44NCAwIDAgMS0zLjE0IDIuODcgNi4xIDYuMSAwIDAgMS0yLjM0LS41MXYtMmguMTFhNC4zIDQuMyAwIDAgMCAyLjE4LjYyYy44MSAwIDEuMzUtLjQyIDEuMzUtMS4wNSAwLS40OC0uMjItLjY4LTEuMS0xLTEuOTQtLjctMi40LTEuMTctMi40LTIuMzggMC0xLjQ0IDEuMDktMi4zOCAyLjc1LTIuMzhhNSA1IDAgMCAxIDEuODguMzhaTTE4MS40OSAzOS42OGEzLjgxIDMuODEgMCAwIDEgNC4xNCA0LjE2YzAgMi42Mi0xLjUxIDQuMTctNC4wNyA0LjE3aC0yLjV2LTguMzNabTAgNi42NWMxLjU3IDAgMi4zNy0uODUgMi4zNy0yLjQ5YTIuMiAyLjIgMCAwIDAtMi4zNi0yLjUxaC0uNzR2NVpNMTkxLjcyIDM5LjY4djEuNjZoLTMuMjh2MS40aDMuMjR2MS42OWgtMy4yNHYxLjloMy4yOFY0OGgtNXYtOC4zMlpNMjAwLjg1IDM5LjY4djEuNjZoLTMuMjd2MS40aDMuMjR2MS42OWgtMy4yNHYxLjloMy4yN1Y0OGgtNXYtOC4zMlpNMjA0IDM5LjY4bDEuODcgMi42NCAxLjg0LTIuNjRoMS43MlY0OGgtMS43MnYtNS42OGwtMS44NCAyLjc4LTEuODctMi43OFY0OGgtMS43MXYtOC4zMlpNMjEzLjYxIDM5LjY4YTIuNDEgMi40MSAwIDAgMSAyLjc0IDIuNTggMi4zNiAyLjM2IDAgMCAxLTIuNTkgMi41M2gtMS4wOVY0OEgyMTF2LTguMzJabS0uMTIgMy40NGMuNzkgMCAxLjEyLS4yNyAxLjEyLS45cy0uMzUtLjg5LTEuMTEtLjg5aC0uODN2MS43OVpNMjE5LjE2IDQ2LjMzaDNWNDhoLTQuNzN2LTguMzJoMS43MlpNMjI4LjE1IDM5LjY4djEuNjZoLTMuMjh2MS40aDMuMjR2MS42OWgtMy4yNHYxLjloMy4yOFY0OGgtNXYtOC4zMlpNMjMzLjA5IDQ4LjE2YTQgNCAwIDAgMS0zLjkyLTQuMzFjMC0yLjQ4IDEuNjQtNC4zMiAzLjg3LTQuMzJhNCA0IDAgMCAxIDMuOTQgNC4zYy4wMiAyLjUyLTEuNjIgNC4zMy0zLjg5IDQuMzNabTAtNi45M2MtMS4yNSAwLTIuMSAxLjA2LTIuMSAyLjYycy44NiAyLjYzIDIuMTMgMi42MyAyLjEtMSAyLjEtMi42My0uODgtMi42Mi0yLjE3LTIuNjJaIi8+PC9nPjwvZz48L3N2Zz4=' %}
+
 {% set logoUrlEducaragon = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNjkiIGhlaWdodD0iMzAuNyIgdmlld0JveD0iMCAwIDE2OSAzMC43Ij48ZyBmaWxsPSIjMWMxYzFjIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMy4zIDIzLjhhMTguMjc5IDE4LjI3OSAwIDAgMS01LjEuOSA3Ljc2MiA3Ljc2MiAwIDAgMS01LjktMi40QTguODY5IDguODY5IDAgMCAxIDAgMTZhOS4zMjQgOS4zMjQgMCAwIDEgMi02LjEgNi40NSA2LjQ1IDAgMCAxIDUuMi0yLjQgNS40NzcgNS40NzcgMCAwIDEgNC42IDIuMWMxLjEgMS40IDEuNiAzLjQgMS42IDZ2LjlIM2MuNCAzLjkgMi4zIDUuOSA1LjcgNS45YTEzLjIgMTMuMiAwIDAgMCA0LjYtMVpNMy4yIDE0LjNoNy4zYzAtMy4xLTEuMS00LjYtMy40LTQuNi0yLjQgMC0zLjcgMS42LTMuOSA0LjZaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDEiIGQ9Ik0yOCAyNC4zdi0zLjFhNS44NjMgNS44NjMgMCAwIDEtNS41IDMuNSA1LjYwNSA1LjYwNSAwIDAgMS00LjctMi4yIDkuMDA4IDkuMDA4IDAgMCAxLTEuNy01LjlBMTAuNTQ4IDEwLjU0OCAwIDAgMSAxOCAxMGE2LjA3NiA2LjA3NiAwIDAgMSA1LjEtMi41IDUuOTI1IDUuOTI1IDAgMCAxIDQuOCAyLjJWLjRoM3YyMy45Wm0wLTEyLjVhNi40ODIgNi40ODIgMCAwIDAtNC40LTJjLTIuOSAwLTQuMyAyLjItNC4zIDYuNiAwIDMuOCAxLjMgNS44IDMuOCA1LjggMS43IDAgMy4zLS45IDQuOS0yLjd2LTcuN1oiLz48cGF0aCBkPSJNNDYuMSAyNC4zdi0zLjFjLTEuNiAyLjMtMy41IDMuNS01LjggMy41YTQuNDQxIDQuNDQxIDAgMCAxLTMuNC0xLjQgNS4zNTMgNS4zNTMgMCAwIDEtMS4zLTMuN1Y3LjloM3YxMC44YTUuMzg1IDUuMzg1IDAgMCAwIC41IDIuNiAyLjA2NyAyLjA2NyAwIDAgMCAxLjguOHEyLjcgMCA1LjEtMy42VjcuOWgzdjE2LjRaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDIiIGQ9Ik02MC40IDI0LjdhNi44MjggNi44MjggMCAwIDEtNS41LTIuNSA4LjcyMyA4LjcyMyAwIDAgMS0yLjItNi4yIDguNDk0IDguNDk0IDAgMCAxIDIuMi02LjMgNy43ODEgNy43ODEgMCAwIDEgNi0yLjIgMjMuNjkyIDIzLjY5MiAwIDAgMSA0LjMuNXYyLjVhMTUuMTQ5IDE1LjE0OSAwIDAgMC00LjEtLjcgNC44IDQuOCAwIDAgMC0zLjcgMS43IDcuMjA5IDcuMjA5IDAgMCAwLTEuNCA0LjYgNy4zMTQgNy4zMTQgMCAwIDAgMS40IDQuNSA0LjY1NSA0LjY1NSAwIDAgMCAzLjcgMS43IDkuMjQ1IDkuMjQ1IDAgMCAwIDQuMi0xdjIuNmExOS4xMzUgMTkuMTM1IDAgMCAxLTQuOS44WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAzIiBkPSJNNzYuNyAyMi41YTcuMDg3IDcuMDg3IDAgMCAxLTQuOCAyLjIgNC42IDQuNiAwIDAgMS0zLjUtMS4zIDQuNjY1IDQuNjY1IDAgMCAxLTEuNC0zLjUgNC42MTcgNC42MTcgMCAwIDEgMi4yLTQuMiAxMi4xOTIgMTIuMTkyIDAgMCAxIDYuMy0xLjVoMS4ydi0xLjVjMC0xLjctMS0yLjYtMy0yLjZhMTAuOTY2IDEwLjk2NiAwIDAgMC01LjMgMS41VjguNWExNi4wNSAxNi4wNSAwIDAgMSA2LTEuMmM0LjMgMCA2LjUgMS43IDYuNSA1LjJ2Ny40YzAgMS4zLjQgMiAxLjMgMmExLjQ4NiAxLjQ4NiAwIDAgMCAuNi0uMWwuMSAyLjVhOC4wODIgOC4wODIgMCAwIDEtMi41LjRjLTEuOCAwLTMtLjctMy41LTIuMmgtLjJabTAtMi40di0zLjRoLTEuMWMtMi45IDAtNC4zLjktNC4zIDIuN2EyLjQ1MiAyLjQ1MiAwIDAgMCAuNiAxLjYgMS44IDEuOCAwIDAgMCAxLjYuNiA0LjkzMiA0LjkzMiAwIDAgMCAzLjItMS41WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyA0IiBkPSJNODUuNyAyNC4zVjcuN2g0LjV2My4xYzEuMi0yLjMgMi45LTMuNSA1LjMtMy41YTEuOTQ5IDEuOTQ5IDAgMCAxIC44LjF2NGE1LjY2MyA1LjY2MyAwIDAgMC0xLjgtLjMgNS4xMzcgNS4xMzcgMCAwIDAtNC40IDIuN3YxMC41WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyA1IiBkPSJNMTA2LjkgMjIuNWE3LjA4NyA3LjA4NyAwIDAgMS00LjggMi4yIDQuNiA0LjYgMCAwIDEtMy41LTEuMyA0LjY2NSA0LjY2NSAwIDAgMS0xLjQtMy41IDQuNjE3IDQuNjE3IDAgMCAxIDIuMi00LjIgMTIuMTkyIDEyLjE5MiAwIDAgMSA2LjMtMS41aDEuMnYtMS41YzAtMS43LTEtMi42LTMtMi42YTEwLjk2NiAxMC45NjYgMCAwIDAtNS4zIDEuNVY4LjVhMTYuMDUgMTYuMDUgMCAwIDEgNi0xLjJjNC4zIDAgNi41IDEuNyA2LjUgNS4ydjcuNGMwIDEuMy40IDIgMS4zIDJhMS40ODYgMS40ODYgMCAwIDAgLjYtLjFsLjEgMi41YTguMDgyIDguMDgyIDAgMCAxLTIuNS40Yy0xLjggMC0zLS43LTMuNS0yLjJoLS4yWm0wLTIuNHYtMy40aC0xLjFjLTIuOSAwLTQuMy45LTQuMyAyLjdhMi40NTIgMi40NTIgMCAwIDAgLjYgMS42IDEuOCAxLjggMCAwIDAgMS42LjYgNC45MzIgNC45MzIgMCAwIDAgMy4yLTEuNVoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gNiIgZD0ibTExNiAyOS41LjQtMy4zYTEzLjMgMTMuMyAwIDAgMCA1LjMgMS4zIDQuOTkgNC45OSAwIDAgMCAzLjYtMS4xIDQuNzggNC43OCAwIDAgMCAxLjEtMy40di0yLjNhNS45NjIgNS45NjIgMCAwIDEtMTAuMSAxLjQgOS4zIDkuMyAwIDAgMS0xLjctNiA5LjggOS44IDAgMCAxIDItNi40IDYuMzE2IDYuMzE2IDAgMCAxIDUuMi0yLjQgNi41NTkgNi41NTkgMCAwIDEgNC43IDIuMWwuNS0xLjdoNHYxMi43YTIzLjE1NCAyMy4xNTQgMCAwIDEtLjUgNS41IDUuOTM4IDUuOTM4IDAgMCAxLTEuOCAyLjkgOS4zIDkuMyAwIDAgMS02LjMgMS45IDI2LjQ4OCAyNi40ODggMCAwIDEtNi40LTEuMlptMTAuNC0xMS40VjEyYTQuNjI4IDQuNjI4IDAgMCAwLTMuNC0xLjggMy4xNzQgMy4xNzQgMCAwIDAtMi43IDEuNSA3LjEyMSA3LjEyMSAwIDAgMC0xIDQuMWMwIDMuMiAxIDQuOSAzLjEgNC45IDEuNCAwIDIuOC0uOSA0LTIuNloiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gNyIgZD0iTTE0Mi4zIDI0LjdhOC4xMzUgOC4xMzUgMCAwIDEtNi4yLTIuNCA4Ljg2OSA4Ljg2OSAwIDAgMS0yLjMtNi4zIDguOTUxIDguOTUxIDAgMCAxIDIuMy02LjRjMS41LTEuNiAzLjYtMi4zIDYuMy0yLjNhOC41NDEgOC41NDEgMCAwIDEgNi4zIDIuMyA4LjcgOC43IDAgMCAxIDIuMyA2LjMgOC43ODcgOC43ODcgMCAwIDEtMi4zIDYuNCA4LjYgOC42IDAgMCAxLTYuNCAyLjRabTAtMi44YzIuNiAwIDMuOS0yIDMuOS01LjlhNy44MyA3LjgzIDAgMCAwLTEtNC4zIDMuMjUgMy4yNSAwIDAgMC01LjYgMCA3LjgzIDcuODMgMCAwIDAtMSA0LjMgNy44MyA3LjgzIDAgMCAwIDEgNC4zIDMuMTUyIDMuMTUyIDAgMCAwIDIuNyAxLjZaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDgiIGQ9Im0xMzkuNSA0LjkgMy42LTQuOWg0LjFsLTQuOCA0LjlaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDkiIGQ9Ik0xNTQgMjQuM1Y3LjdoNC41djMuMWMxLjUtMi4zIDMuNC0zLjUgNS43LTMuNWE0LjUxMyA0LjUxMyAwIDAgMSAzLjUgMS40IDUuMTY3IDUuMTY3IDAgMCAxIDEuMyAzLjh2MTEuOGgtNC41VjEzLjdjMC0xLjktLjYtMi44LTEuOS0yLjgtMS40IDAtMi44IDEtNC4xIDN2MTAuNFoiLz48L2c+PC9zdmc+' %}
 
 {% set logoUE %}
@@ -564,7 +566,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "navigation": {
         "items": [
@@ -601,10 +603,10 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "subtitle": {
-        "text": "Sector Sanitario Zaragoza II"
+        "text": "Subtítulo, nombre extendido o lema"
       },
       "navigation": {
         "items": [
@@ -650,7 +652,7 @@
       },
       "title": {
         "homepageUrl": "/",
-        "text": "Salud conectada"
+        "text": "Salud Informa"
       },
       "subtitle": {
         "text": "Te ayudamos a coger las riendas de tu salud y bienestar."
@@ -689,20 +691,20 @@
     "description": "Esta es la cabecera por defecto para sitios web de submarcas del Gobierno de Aragón. Tiene un título que enlaza a la página de inicio.",
     "data": {
       "titleContainer": {
-        "backgroundColor": "#fce400",
-        "classes": "text-black"
+        "backgroundColor": "#9f2948",
+        "classes": "text-white"
       },
       "logo": {
-        "url": logoUrlEducaragon,
-        "alt": "Servicio Aragonés de Salud",
+        "url": logoUrlInaem,
+        "alt": "INAEM",
         "classes": "lg:relative lg:top-3 inline-block w-16 lg:w-28 h-auto mb-base focus:outline-none focus:shadow-outline-black"
       },
       "title": {
         "homepageUrl": "/",
-        "text": "Educaragón"
+        "text": "INAEM"
       },
       "subtitle": {
-        "text": "Portal del Departamento de Educación, Cultura y Deporte del Gobierno de Aragón"
+        "text": "Instituto Aragonés de Empleo."
       },
       "navigation": {
         "items": [
@@ -739,7 +741,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "customNavigationHtml": '<div class="flex flex-wrap flex-1 gap-base">'+ navigationCustom | safe + '</div>'
     }
@@ -750,7 +752,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "customNavigationHtml": '<div class="relative flex justify-end items-center flex-1 gap-base"><div class="absolute -top-5 right-0 text-black"><a href="#"><span class="block p-sm"><svg class="w-5 h-5" width="1em" height="1em" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" aria-label="Notificaciones" role="img"><path d="M7.25 12.5h-1.5a.75.75 0 0 0 0 1.5h1.5a.75.75 0 0 0 0-1.5Z" fill="currentColor" transform="scale(3.42857)"/><g transform="scale(3.42857)"><circle cx="10.5" cy="2.5" r="2.5" fill="currentColor"/><path d="M11.5 10a1 1 0 0 1-1-1V6.74a.25.25 0 0 0-.24-.25 4 4 0 0 1-3.76-4 3.43 3.43 0 0 1 .11-.86.12.12 0 0 0 0-.1.15.15 0 0 0-.09 0 4 4 0 0 0-4 4V9a1 1 0 0 1-1 1 .5.5 0 0 0 0 1h10a.5.5 0 0 0 0-1Z" fill="currentColor"/></g></svg></span></a></div></div>'
     }
@@ -769,7 +771,7 @@
       },
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "navigation": {
         "items": [
@@ -800,7 +802,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "offcanvas": {
         "text": "Menú",
@@ -816,7 +818,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "dropdown": {
         "text": "Marta Pérez",
@@ -839,7 +841,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "dropdown": {
         "html": '<span class="block text-right">Marta Pérez <br>(Administración)</span>',
@@ -862,7 +864,7 @@
     "data": {
       "title": {
         "homepageUrl": "/",
-        "text": "Hospital Universitario Miguel Servet"
+        "text": "Titulo de cabecera"
       },
       "dropdown": {
         "text": "Marta Pérez",
@@ -879,13 +881,12 @@
         "customNavigationHtml": '<div class="flex-1 text-right">' + logoUE | safe +'</div>'
       },
       "super": {
-        "backgroundFullColor": '#ffca00',
         "customNavigationHtml": '<div class="hidden lg:grid grid-cols-2 lg:grid-cols-4 gap-xl h-full"><div class="col-span-2 lg:col-span-3"></div><div class="col-span-2 lg:col-span-1 flex items-center justify-end">'+ buscador | safe +'</div></div>',
-        "classes": "hidden lg:block h-32 bg-cover bg-no-repeat overflow-hidden"
+        "classes": "hidden lg:block relative -bottom-6 h-0"
       },
       "title": {
         "homepageUrl": "/",
-        "text": "Gobierno de Aragón"
+        "text": "Título de cabecera"
       },
       "customNavigationHtml": '<div class="flex flex-wrap flex-1 gap-base">'+ navigationCustomAragon | safe + '</div>',
       "dropdown": {

package/src/templates/components/header-advanced/_template.header-advanced.njk

@@ -42,7 +42,7 @@
       {% endif %}
     {% endif %}
     {% if params.noTitle != true %}
-      <div class="{% if params.titleContainer.classes %}{{ params.titleContainer.classes }}{% else -%} bg-neutral-lighter{% endif %}" {%- if params.titleContainer.backgroundColor %} style="background-color: {{ params.titleContainer.backgroundColor }};"{% endif %}>
+      <div class="{% if params.titleContainer.classes %}{{ params.titleContainer.classes }}{% else -%} bg-heading-base text-white{% endif %}" {%- if params.titleContainer.backgroundColor %} style="background-color: {{ params.titleContainer.backgroundColor }};"{% endif %}>
         <div class="container mx-auto px-base">
           <div class="lg:flex lg:flex-wrap py-base lg:py-lg">
             {% if params.logo %}