desy-html 6.5.0 → 7.0.0

package/config/tailwind.config.js

@@ -1,5 +1,13 @@
 const defaultTheme = require('tailwindcss/defaultTheme')
 
+// Helper funcions from: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
+const round = (num) =>
+  num
+    .toFixed(7)
+    .replace(/(\.[0-9]+?)0+$/, '$1')
+    .replace(/\.0$/, '')
+const rem = (px) => `${round(px / 16)}rem`
+const em = (px, base) => `${round(px / base)}em`
 
 module.exports = {
   content: ['./src/**/*.html',
@@ -151,10 +159,34 @@ module.exports = {
                 textDecoration: 'none'
               },
             },
+            'h1': {
+              // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
+              fontSize: em(30, 16),
+              marginTop: '0',
+              marginBottom: em(28, 30),
+              lineHeight: round(38 / 30),
+              fontWeight: '700',
+            },
+            'h2': {
+              // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
+              fontSize: em(24, 16),
+              marginTop: em(32, 24),
+              marginBottom: em(16, 24),
+              lineHeight: round(30 / 24),
+            },
             'h3': {
+              // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
+              fontSize: em(18, 16),
+              marginTop: em(24, 18),
+              marginBottom: em(8, 18),
+              lineHeight: round(22 / 18),
               fontWeight: '700',
             },
             'h4': {
+              // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
+              marginTop: em(24, 16),
+              marginBottom: em(8, 16),
+              lineHeight: round(20 / 16),
               fontWeight: '700',
             },
             'ul > li::before': {
@@ -169,8 +201,6 @@ module.exports = {
       backgroundImage: {
         'salud-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iIzA2ODU3ZSIvPjxwYXRoIGQ9Ik01MDguMiwxMDkuOTYxYzEuODYyLDEyLjM4NiwxOS44NTcsMTAuNTY1LDE3LjAwNS0zLjM4LTEuNjA5LTEzLjE2Ny0zLjY0NC0yNi4yODctNS4xMjQtMzkuNDY4LS43NDQtNi42MzYtMi4yNS0xMS4wMzYtMTAuNTctOS45NDktOC4wNTYsMS4wNDgtMTEuMDIzLDUuMTg3LTkuNjI2LDEyLjYsMi41MjgsMTMuNDQ3LDUuMzMyLDI2Ljg0NCw4LjMxNyw0MC4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjIuMjE1IC0yLjk3MikiIGZpbGw9IiMwYjZjNjQiLz48cGF0aCBkPSJNMTEyMjcuOSwxNDQuNDA2aDBhMTIuNzIsMTIuNzIsMCwwLDEtNS44LTEuNjJjLTMuMzYyLTEuNzQ4LTUuNDU2LTMuOTU3LTYuMjI1LTYuNTY4YTkuNjE5LDkuNjE5LDAsMCwxLS4wOTItNC43NSwxOS4wNzksMTkuMDc5LDAsMCwxLDIuMTc4LTUuMzc5YzIuODkxLTUuMDY1LDUuNzQtMTAuMjY4LDguNS0xNS4zbC4wMjktLjA1M2MyLjkxNC01LjMyMiw1LjkyOC0xMC44MjUsOS4wMjktMTYuMjM1aDIwLjAxM2MtMi4zMTksMTMuMzMtMTQuMTg3LDM1LjQtMTguMDg3LDQyLjY1MmExNi44NCwxNi44NCwwLDAsMS00LjIwNyw1LjM0OEE4LjUsOC41LDAsMCwxLDExMjI3LjksMTQ0LjQwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU0OSAtOTUpIiBmaWxsPSIjMGI2YzY0IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTI4Ni4wNjMsODIuOWMzLjAxLTIuMDMxLDUuNjk1LTguMTg0LDIuNi0xMi41MzlhMTg4LjgzOCwxODguODM4LDAsMCwwLTE5LTI5LjI4M2MtMS42NzItMi4xMjQtNy40LTUuMDU3LTExLjkxOC0zLjExNi0xLjUyMy42NTQtNC42MzgsNC43NC00LjYzOCw0Ljc0LTEuNjcxLDIuNzc5LTEuNjEzLDYuMzA1LDEuNzA4LDEwLjIxNiwzLjUsNC4xMjEsMTQuMTQ5LDIwLjM0NywxOS4wNTMsMjYuMjQsNS45MjYsNy4xODEsMTIuMiwzLjc0MiwxMi4yLDMuNzQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OS40NDEgMC45MjIpIiBmaWxsPSIjMGI2YzY0Ii8+PHBhdGggZD0iTTMwNy41MjEsNDguMWMtMi45MTksMi40NTgtMi4xMDUsOC41NTgtMS45ODcsMTAuODIuMTA5LDIuMDU5LDIuODYxLDUuMDg4LDUuMDIxLDUuNzQ1QTI3NS43MzEsMjc1LjczMSwwLDAsMCwzMzkuNCw3MS44NTNjNC43NzMsMS4zNzYsNi45NDgtMS41NTMsNy42NzMtMy40OTUsMS4zMS0zLjUsMy40MjMtOC43NjMuMzkxLTExLjI4NEMzNDUuMiw1My44MTgsMzExLjcsNDQuNTg4LDMwNy41MjEsNDguMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjkgMjYuMTQ3KSIgZmlsbD0iIzBiNmM2NCIvPjxwYXRoIGQ9Ik0xMTE3NC41NTUsMTk0LjVIMTExMDNjMy4yMjUtMjUuNTM3LDYuOTY0LTU1LjI4NiwxMC41MzUtODUuMi41MTktNC4zMzMsMS43MzctNy40MDUsMy43MjUtOS4zOTJzNC44MTMtMi45NTYsOC42My0yLjk1NmEyNy45MTUsMjcuOTE1LDAsMCwxLDIuOTM2LjE2NmMyNy4xNTgsMi44NzgsNTMuNyw1LjYyNyw3OS45LDcuNjIsMy44NzEuMjkxLDYuMzMxLjkzMSw4LjIyOCwyLjE0MSwyLjE2OSwxLjM4MiwzLjU5NCwzLjU2Myw0LjQ4NCw2Ljg2NGEyOTIuMTE5LDI5Mi4xMTksMCwwLDAsMjIuNiw0My45OTMsMjk4LjgzOSwyOTguODM5LDAsMCwwLDI3LjE1NSwzNi43NTdsLTgzLjkzMSwwYTU5LjczOCw1OS43MzgsMCwwLDEsMy45NDMtMTAuODY3LDc0LjA4NSw3NC4wODUsMCwwLDEsNS45NDYtMTAuMjI0LDEzLjEyNCwxMy4xMjQsMCwwLDEsMi45ODgtMy40MjgsOC40MTQsOC40MTQsMCwwLDAsLjg5MS0uNzcxLDguNzQyLDguNzQyLDAsMCwwLC4wNjctMTIuMzQ1bC0uMDA2LDBhNC41LDQuNSwwLDAsMC00LjAxLS42MTdjLTYuNzI3LDMuMjg5LTEwLjk0NCw3Ljc5MS0xMi45LDEzLjc2NS0uNSwxLjUzMi0xLjAzNiwzLjAzOS0xLjY1Nyw0Ljc4M2wtLjA0Mi4xMTctLjAyOS4wODFjLS4zODIsMS4wNjctLjc1LDIuMS0xLjA5NCwzLjA4MS0uOTQ4LTEuODA5LTEuODU5LTMuNTY2LTIuNzg3LTUuMzU3bC0uMTA3LS4yMDctLjA1Mi0uMWMtMi4xMTYtNC4wODMtNC4zLTguMzA1LTYuNTQyLTEyLjMxNWE0LjM2Myw0LjM2MywwLDAsMC0xLjUyNC0yLjE1MywzLjU2NCwzLjU2NCwwLDAsMC0yLjA5Mi0uNjIsOS4zMzQsOS4zMzQsMCwwLDAtNi4yODUsMy4yNzZjLS43NSwxLjEyMy42MjMsNC4wNTUsMS4yNDgsNS4yNjMuNzYsMS40NjIsMS42NjYsMi44NjIsMi41NDMsNC4yMTZsLjAxNS4wMjRhMzQuNDkxLDM0LjQ5MSwwLDAsMSwzLjQ4Myw2LjI4NSw4OSw4OSwwLDAsMSw1LjMsMTguMTA5Wm0yMTYuMDEyLDBoLTUuODE2YTExOS4xOCwxMTkuMTgsMCwwLDEtMTEuMjk1LTE5LjI2NCwxMDQuNDc0LDEwNC40NzQsMCwwLDEtNy43NzctMjMuNmMtMy44MDktMTkuMTcyLTEuNjk0LTM4LjU2LDYuMjg1LTU3LjYyOGE4Ny4xNzcsODcuMTc3LDAsMCwxLDE2LjA1NS0yNC4wODloMi41NDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1OTAuMDY2IC02OSkiIGZpbGw9IiMwYjZjNjQiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMzA3LjgyNyw1MS4zNThjOC4yMTYtNi40MjEsMTYuMDQzLTEzLjM1MiwyNC4zNTUtMTkuNjQ2LDUuNzcxLTQuMzcyLDYuODc4LTguNzIyLDIuNTktMTQuODA4cy04LjkzNC02Ljc1MS0xNC44NDctMi42MzljLTQuNDUxLDMuMTA1LTkuMDY5LDUuOTYtMTUuMjU3LDEwbC0xMS42LDguMzg0Yy02LjcwNiw0Ljg1NS03LjQzNCwxMC40MzItMi40NzMsMTcuMTA5LDUuMjY5LDcuMDk0LDExLjE2Myw2LjM1NiwxNy4yMzQsMS42MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMi45NzEgNi40NDMpIiBmaWxsPSIjMGI2YzY0Ii8+PHBhdGggZD0iTTExNDIyLjY0OCwxMDMuMTEyaC0xNjguOTY0Yy0yLjc5My00LjU3My02LjAyLTkuOTEtOC45ODktMTUuNGExMTguMTkzLDExOC4xOTMsMCwwLDEtNy41MjItMTYuMzI1Yy0yLjA1OS01Ljc3MS0zLjAxLTEwLjc5NS0yLjgyNi0xNC45MzFhMTcuMzI2LDE3LjMyNiwwLDAsMSwxLjM1OC02LjIxNywxMy43NDUsMTMuNzQ1LDAsMCwxLDMuNzQ0LTUsMTkuMzUxLDE5LjM1MSwwLDAsMSw5LjgtMi41ODMsMjIuMjM2LDIyLjIzNiwwLDAsMSw4LjQ1NywxLjcwNSwyMS42NiwyMS42NiwwLDAsMSw3LjI4MSw0LjkyN2MyLjI1OSwyLjMyOCw0LjUsNC43MzMsNi42NjcsNy4wNTlhMjAzLjksMjAzLjksMCwwLDAsMTYuMjg0LDE2LjIwNmM0LjA2LDMuNDc4LDkuNzM0LDYuMzczLDE3LjM0Nyw4Ljg1YTExLjc0MSwxMS43NDEsMCwwLDAsMy42LjYzNSw1LjQsNS40LDAsMCwwLDQuNDg3LTEuOTU0YzEuMjQ5LTEuNjI2LDEuNS00LjE1OS43MDgtNy4xMzMtMS4zNTgtNS4xLTMuMDYtMTAuMi00LjctMTUuMTNsLS4wMTMtLjA0YTE5NS4zODgsMTk1LjM4OCwwLDAsMS01Ljg1OS0xOS45LDgwLjg3Nyw4MC44NzcsMCwwLDEtMS44OTEtMTIuNTg0LDMyLjcxNiwzMi43MTYsMCwwLDEsMS4yNDctMTIuMTU0LDE4LjQsMTguNCwwLDAsMSw2LjEyOS05QTE1LjEyMywxNS4xMjMsMCwwLDEsMTEzMTguMjY2LDFhMTguNTg1LDE4LjU4NSwwLDAsMSwxMS4xNzMsNC4wMTksMzUzLjAyMywzNTMuMDIzLDAsMCwxLDMyLDI0LjU1NiwzMDkuNzQyLDMwOS43NDIsMCwwLDEsMjUuNzcxLDI1LjAxLDI2NC45MjksMjY0LjkyOSwwLDAsMSwzNS40MzcsNDguNTI4djBoMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTA2MSAyMi4zODgpIiBmaWxsPSIjMGI2YzY0IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTE1Mi4yNDEsMGMtNy40MTgsOC4xMTEtNy44NzgsMjMuOC0xLjE5NCw1NC44MTIsMTIuMDI4LDU1LjgyNC03OC4zNDEsOS4zNzgtMTMxLjQ3Mi0zNy41QzEyLjUsMTEuMDYyLDUuOTkxLDUuMzE4LDAsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNTA3IDApIiBmaWxsPSIjMGI2YzY0Ii8+PC9nPjwvc3ZnPg==')",
         'salud': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzA2ODU3ZSIvPjxwYXRoIGQ9Ik02MTQuMTEyLDE1LjQ3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1MS40OCA4LjU1MikiIGZpbGw9IiMwYjZjNjQiLz48cGF0aCBkPSJNMTA1NjAuMTY1LDE4NS4zODZoLTI2NC4zMjZjLTIuNTI1LTIuOTI1LTQuNzY5LTUuNjQ1LTYuODU4LTguMzE4YTY2LjMyMiw2Ni4zMjIsMCwwLDEtMTEuMjMtMjEuOSwyNS4yNCwyNS4yNCwwLDAsMS0xLTkuOTM1LDE2LjQ0NiwxNi40NDYsMCwwLDEsMi45ODgtNy45LDE2LjE0MiwxNi4xNDIsMCwwLDEsNi40MTUtNS4xNDgsMjQuMzgsMjQuMzgsMCwwLDEsOS41MzQtMi4wNTFjLjMzMy0uMDA5LjY3Mi0uMDE0LDEuMDA4LS4wMTQsNy40NjEsMCwxNS4xMTMsMi4zLDIyLjUxMyw0LjUzM2wuMTEuMDMzYzEuMTM4LjM0MiwyLjMxMy43LDMuNDYxLDEuMDMzYTExOC4wNzksMTE4LjA3OSwwLDAsMSwxMS4yNDUsNC4xNWwuMDA2LDBjNC45MDcsMiw5Ljk4LDQuMDcyLDE1LjE4LDUuMTIyYTI1LjcsMjUuNywwLDAsMCw0Ljk2Mi40NDUsMjcuNjI0LDI3LjYyNCwwLDAsMCw3LjE1Mi0uODgyYzIuMzI1LS42NDYsMy45NDgtMS42LDQuNjkzLTIuNzU1LDIuNzI0LTQuMjE5LDEuODg2LTEyLjc4NS0uNjA1LTE4LjEzOS0xLjUzNC0zLjI4Mi00LjQyMi04LTcuNzY2LTEzLjQ3bC0uMDA5LS4wMTRjLTYuMTI2LTEwLjAxOC0xMy43NTEtMjIuNDg2LTE4LjA4My0zNC4xMTRhNjEuODUyLDYxLjg1MiwwLDAsMS0yLjU0NS04LjQ5NSwzMy40NTUsMzMuNDU1LDAsMCwxLS44MjItNy44MTEsMTguNjQzLDE4LjY0MywwLDAsMSwxLjM2NC02Ljc5MywxNC40NTEsMTQuNDUxLDAsMCwxLDQuMDE3LTUuNDQxLDIwLjM1NCwyMC4zNTQsMCwwLDEsMTAuMy0yLjcxNSwyMy4zODMsMjMuMzgzLDAsMCwxLDguODkzLDEuNzkzLDIyLjc2NywyMi43NjcsMCwwLDEsNy42NTYsNS4xOGMyLjM3NywyLjQ1MSw0LjczMyw0Ljk4LDcuMDEzLDcuNDI1bC4wMTEuMDEyYTIxNS4wMzIsMjE1LjAzMiwwLDAsMCwxNy4xMTEsMTcuMDNjNC4yNjEsMy42NSwxMC4yMjcsNi42OTQsMTguMjQsOS4zYTEyLjM0MSwxMi4zNDEsMCwwLDAsMy43OTEuNjY4LDUuNjcxLDUuNjcxLDAsMCwwLDQuNzE2LTIuMDU0YzEuMzE0LTEuNzA5LDEuNTc5LTQuMzc0Ljc0Ni03LjUtMS40My01LjM2OS0zLjIxOS0xMC43MzMtNC45NDktMTUuOTIxbC0uMDA3LS4wMjFhMjA1LjY0NiwyMDUuNjQ2LDAsMCwxLTYuMTY1LTIwLjkzNiw4NS4yMTIsODUuMjEyLDAsMCwxLTEuOTg3LTEzLjIzNCwzNC4zNzYsMzQuMzc2LDAsMCwxLDEuMzExLTEyLjc3OCwxOS4zNTIsMTkuMzUyLDAsMCwxLDYuNDQ1LTkuNDY4QTE1LjksMTUuOSwwLDAsMSwxMDQyNC40NDMsMWExOS41NDIsMTkuNTQyLDAsMCwxLDExLjc1LDQuMjI4LDM3MC41MjgsMzcwLjUyOCwwLDAsMSwzNC40MjYsMjYuNDkzLDMyNC4xNTUsMzI0LjE1NSwwLDAsMSwyNy41NTMsMjYuOTc0LDI3Ni41NjYsMjc2LjU2NiwwLDAsMSwzNy40MTUsNTIuMTU4LDIyNS4wMzcsMjI1LjAzNywwLDAsMSwxOC43MTIsNDQuMzg1YzQuMzMsMTQuNjc5LDUuNTM0LDI1LjE4OCw1Ljg2NiwzMC4xNDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwODcgMTQuNTk0KSIgZmlsbD0iIzBiNmM2NCIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDQzNC45OTQsMTYyLjQ3MmMtNi44MDgsMC0xNS40Mi0xLjkxMS0yNS42LTUuNjhhMjI2LjUxLDIyNi41MSwwLDAsMS0zMS41OC0xNC45OSwzNzQuNjM4LDM3NC42MzgsMCwwLDEtMzMuMzQ2LTIxLjIyMywzNzUuNzU1LDM3NS43NTUsMCwwLDEtMzAuODg4LTI0LjM3OGMtMy45LTMuNDM4LTcuMzg3LTYuNTItMTAuOTg2LTkuN2gxNDUuODczYy0yLjksOS43MzQtMS44NTgsMjQuODg5LDMuMzY4LDQ5LjE0YTQwLjA1Myw0MC4wNTMsMCwwLDEsLjk2NiwxMi44MzQsMTYuMjI0LDE2LjIyNCwwLDAsMS0zLjI1Nyw4LjQ2NUMxMDQ0Ni41ODIsMTYwLjYxLDEwNDQxLjY4NiwxNjIuNDcyLDEwNDM0Ljk5NCwxNjIuNDcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMjU1IC04NykiIGZpbGw9IiMwYjZjNjQiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
-        'empleo-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iI2ExMmE0OCIvPjxwYXRoIGQ9Ik0xMTI1My42OS00MjUuMzg1YTMyLjA1OCwzMi4wNTgsMCwwLDEtMy4yNzktLjE2OWwtNzEuNzM4LTcuMzQ3YTE2LjEyOSwxNi4xMjksMCwwLDEtMTQuNDY4LTE2LjgyNGwzLjI4Ni02Ny43NzNIMTEyNThsLTEuNDQyLDMyLjkzNSwzNC4zLDQ3LjU4N2ExNDIuODEsMTQyLjgxLDAsMCwxLTE4LjI3OSw3LjU1NCwxMDguNjQ4LDEwOC42NDgsMCwwLDEtMTIuNjcsMy40MTdBMzEuNDI2LDMxLjQyNiwwLDAsMSwxMTI1My42OS00MjUuMzg1Wm00OC40NzgtMTcuNzY5LDUuMTYyLTc0LjM0NWg2Ni40ODZhMjYzLjE2NSwyNjMuMTY1LDAsMCwxLTE4LjAzLDI2LjA5NSwyMjQuOTE4LDIyNC45MTgsMCwwLDEtMTguNCwyMC42NywxODYuOCwxODYuOCwwLDAsMS0zNS4yMiwyNy41NzloMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE1OCA1MTcpIiBmaWxsPSIjODYyMjNhIiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTExMjMzLjU0OC00NDcuNDE2aDBsLTYzLjQ3LTEwMS4wODNoMTA0LjMzNGwtNDAuODYzLDEwMS4wODV2MGgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTc0IDU0OCkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTE1MTEuNjg3LTU2Ny41aC0zMjcuNTM1Yy0uMTI1LTguMi0uMjExLTE0LjI3Ni0uMjM0LTE1Ljk0M3YtLjA2bDguMDYzLTUuNDM2LDIuMjIxLTEuNSwyLjY4NC0xLjgwOSw4LjM5LTUuNjU3Vi02NDFoMzkuNDI5Yy4xMTQsMy42MDkuMzM5LDQ2LjI5MS4zMzksNjQuMzI1LjUsMCwxMy41NzktMTIuMzc4LDIxLjM4LTIwLjM2OSwzLjYzNy0zLjcyNiw1LjU1NC01LjkxOCw1LjU0NC02LjM0MS0uMjE5LTkuOTYxLS41LTIwLjIxMS0uNzUxLTI5LjI1M2wwLS4xODZxLS4xMTQtNC4wODgtLjIyNS04LjE3NmgzNC41Yy4xOCwxMywxLjE5LDQ1LjkxNywyLjUxNiw0Ni40NTYsMy44OTMsMS41ODgsMTEuNywyLjMsMTcuNzA2LDIuM2E0NS43MTQsNDUuNzE0LDAsMCwwLDYuMzgtLjM2NmMxLjcxNi0uMjU2LDIuNjMtLjYzMSwyLjY0NS0xLjA4NC4zNzgtMTEuOTYuMzU1LTI0LjEzNS4zMzQtMzUuOTA5di0uNjE5Yy0uMDA3LTMuNTM0LS4wMTQtNy4xODgtLjAwOC0xMC43NzdoNDcuNjRjLS4wOTQsMS43OSwxLDEwLjA1MiwyLjQsMTguMDQzLjgyMiw0LjcxNywyLjkxMiwxNS45NTMsNC41NDgsMTguNDA3LDIuMDIsMy4wMzIsOS4yMTQsNS42MTYsMTUuNTYxLDcuOWwuMDA2LDBhNzYuMDE1LDc2LjAxNSwwLDAsMSw4LjcsMy40ODNWLTY0MWg0NC4zNTZjLjAyLDIuMDI3LjAyOCw0LjA5Mi4wMzYsNi4wOWwwLC41ODRjLjAyMSw1Ljg0My4wNDIsMTEuODg1LjMyMiwxNy44NjEuMDk1LDIuMDQxLDEuMTUzLDQuODM1LDIuNzYyLDUuOTc3LDQuODc4LDMuNDY0LDkuOTczLDYuNzY5LDE0LjksOS45NjUsMi44MjEsMS44MzEsNS43NCwzLjcyNCw4LjYxMSw1LjY0MywyLjk2NCwxLjk3OSw1LjgwOCw0LjAxNyw5LjQwOSw2LjYsMS41MjksMS4xLDMuNjI1LDIuNiw1Ljg4Niw0LjIsMC0zLjg2My0uMDA5LTcuNDg4LS4wMTgtMTAuOTkzdi0uNTk0Yy0uMDIxLTguMTk1LS4wMzgtMTUuMjcyLjA1MS0yMi41MjMuMDY0LTUuMjA5LjI3NS0xMC41LjQ3OS0xNS42MjRsMC0uMDgzLjAxNC0uMzUzYy4wODktMi4yMTIuMTgtNC41LjI1Ny02Ljc0Nmg0Ny42NDNjLjEwNywyLjgzNS4yMTksNS43MTkuMzI3LDguNTA5bC4wMS4yNDd2LjAyYy40MjcsMTAuOTg1Ljg2NywyMi4zNDUsMS4xMjMsMzMuNTE5LjAzMiwxLjMzNS0xLjk3NSwyLjk4NC0yLjgzOCwzLjYzMS0uMTQ2LjExNy0xNS44ODcsMTIuNjg0LTM1LjU1NywyNy41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5OTAgNjkyLjk5OSkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTExNzEuOTE1LTU2Ni4yMzRhMTEuMDQxLDExLjA0MSwwLDAsMS00LjczOC0xLjA4MywxNS44MjksMTUuODI5LDAsMCwxLTUuMzY2LTQuMzY2Yy0zLjA5NS0zLjcxOC04LjAwOC0xMC43NDMtMTIuNzU5LTE3LjUzNmwtLjAzMS0uMDQ0LS4wMjgtLjA0MWMtNC4wOTQtNS44NTQtNy45Ni0xMS4zODQtOS45MTktMTMuNjlhMTYuMTUyLDE2LjE1MiwwLDAsMS0yLjMxOC0zLjUwN2gyNy45MjRhMjI2LjM4NiwyMjYuMzg2LDAsMCwxLDE0Ljc4MywyNC4zMjIsOS41NDgsOS41NDgsMCwwLDEsMS40NTUsNy4zNSwxMi4yMzUsMTIuMjM1LDAsMCwxLTQuNTU0LDcuNjEyQTEwLjE4MiwxMC4xODIsMCwwLDEsMTExNzEuOTE1LTU2Ni4yMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2ODcgNjA2KSIgZmlsbD0iIzg2MjIzYSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0zNy44NDgsNTAuNjhjMy4zNDgtMi4yNTgsNi4zMzMtOS4xLDIuODg4LTEzLjk0NEEyMTAsMjEwLDAsMCwwLDE5LjYwOSw0LjE3MUMxNy43NDksMS44MDksMTEuMzgyLTEuNDUyLDYuMzU2LjcwNiw0LjY2MiwxLjQzMywxLjIsNS45NzcsMS4yLDUuOTc3LS42NTksOS4wNjgtLjYsMTIuOTg5LDMuMSwxNy4zMzhjMy44OSw0LjU4MiwxNS43MzQsMjIuNjI3LDIxLjE4OSwyOS4xODEsNi41OSw3Ljk4NSwxMy41NjIsNC4xNjEsMTMuNTYyLDQuMTYxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjU4OCwgMC44MDksIC0wLjgwOSwgMC41ODgsIDczNi4yLCAyNy43NTEpIiBmaWxsPSIjODYyMjNhIi8+PHBhdGggZD0iTTExMTQyLjA3My01MTMuNTM3aDBhMTAuOCwxMC44LDAsMCwxLTEuMi0uMjc0LDMwOC4xNTYsMzA4LjE1NiwwLDAsMS0zMi4wNzctNy45ODgsOC44MzIsOC44MzIsMCwwLDEtMy42NDgtMi42MSw2Ljg2OSw2Ljg2OSwwLDAsMS0xLjkzNS0zLjc4Yy0uMDEzLS4yNDUtLjAzMy0uNTI1LS4wNTctLjg0OWwtLjAwNy0uMWMtLjIxOC0zLjAyNC0uNjIzLTguNjQ3LDIuMjcyLTExLjA4NC42ODktLjU4LDIuMTMyLS44NzUsNC4yODktLjg3NWE3OC42NTksNzguNjU5LDAsMCwxLDE1LjU2MSwyLjI4OCwxNTYuNzcxLDE1Ni43NzEsMCwwLDEsMTYuOCw0Ljc3NnYyMC40OTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzNDEuNTcyIDYxNCkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
-        'empleo': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2ExMmE0OCIvPjxwYXRoIGQ9Ik0xMDU3Mi43Mi0xMjAuMTE4aDBMMTA0ODQuNTUtMjI3LjVoMTQ0LjkzM2wtNTYuNzYzLDEwNy4zODN2MGgwdjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxNTYgMjI3KSIgZmlsbD0iIzg2MjIzYSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDEzNC4wNjctNDUyLjVoLTEwNi4yNDFjMC0xLjU1OS0uMDA2LTMuMjMyLS4wMTItNS4xMTRxMC0uNzc4LDAtMS41NTMsMC0uNzU1LDAtMS41MDdsMC0uMjI5di0uMTg1Yy0uMDQ5LTE5Ljc1MS0uMDkxLTM2LjgwOC4xMjUtNTQuMjcxLjE1Ni0xMi43MTUuNjctMjUuNjIsMS4xNjctMzguMWwuMDA3LS4xNzIsMC0uMDY0LDAtLjA2OS4wMjEtLjUyNWMuMjA1LTUuMTE5LjQzOC0xMC45MjIuNjMyLTE2LjU4MmgxMTUuOTU0Yy4yNTksNi44NDUuNTE5LDEzLjU3My44MywyMS41NjlsLjAwNi4xNTRjMS4wMzIsMjYuNTgxLDIuMSw1NC4wNjUsMi43MjMsODEuMjIyLjA3NiwzLjIzMy00LjgwNiw3LjI1Ni02LjkwOCw4LjgzNiwwLDAtMi44MDksMi4yNDQtOC4zLDYuNTg3Wm0tMTM0LjUxOCwwSDk4MzYuNVYtNTcwLjg2OGg4OS4zYy4wNTEsNS4zOC4wNywxMC43MjMuMDksMTUuODg5di41MTVjLjA1NCwxNC4yLjEwOSwyOC44OS43ODUsNDMuMzA3YTIzLjk4MiwyMy45ODIsMCwwLDAsMi4wMSw4LjE0MywxNS41MjksMTUuNTI5LDAsMCwwLDQuNzEyLDYuNDA5YzExLjkyMiw4LjQ2OCwyNC4zLDE2LjUsMzYuMjc2LDI0LjI2bC4wNDEuMDI3LjM1NC4yM2M2Ljc0Miw0LjM3NCwxMy43MTQsOC45LDIwLjU1NSwxMy40NzEsMi44MjcsMS44OSw1Ljc0NiwzLjg5MSw4LjkyMSw2LjExNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODM3IDY1MykiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
         'general-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iIzNjNGM1YyIvPjxwYXRoIGQ9Ik0xMTMyOS4yMjctMTIxOS4xNzgsMTExOTUuMy0xMjk2LjVoMTMzLjkzbDAsNTQuNHYyMi45MjRoMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE5MyAxMjk2KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDcuNzcxLDg2LjI1OWg2OS40MTRjLTExLjYzNS0yMC4xMzUtMjMuMDc0LTM5LjkzMS0zNC43MjMtNjAuMDktMTEuNjc4LDIwLjIzLTIzLjA5Myw0MC0zNC42OTEsNjAuMDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1NC4yMDcgLTEuMTA2KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik04My4zMzIsNzIuODY0LDcxLjQyNiw5My40N0g5NC40OTRjLTMuMzYxLTUuOTMzLTYuOC0xMy4yOTItMTAuMjIyLTE5LjE5Mi0uMjI4LS4zOTMtLjUtLjc2LS45NC0xLjQxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM0LjUwOCAtNTguMTA0KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik0xMTI5NS4xNzctMTM2My45OWgtNjcuODE0YTE2MC40MjksMTYwLjQyOSwwLDAsMSwxOC44MTEtMzMuMzI3bDE2LjExNS0yMS45MzFhNjguNDYzLDY4LjQ2MywwLDAsMSwxNi4yODctMTUuODMsNjcuNzExLDY3LjcxMSwwLDAsMSwyMC41LTkuNTgyYzcuNC0yLjA0NCwxMy40MzItMy43MTYsMTguOTc2LTUuMjYyYTE5Mi44NywxOTIuODcsMCwwLDEsNTEuNzY0LTcuMDc4LDE5My4xMTQsMTkzLjExNCwwLDAsMSw0NC40NzQsNS4ybDkuMTMxLDIuMTY0YTExMy45LDExMy45LDAsMCwxLDI1LjMyOCw5LjI5MiwxMTQuNjQ3LDExNC42NDcsMCwwLDEsMjIuMjA4LDE0Ljc4NUExMTUuNTc5LDExNS41NzksMCwwLDEsMTE0ODkuMi0xNDA2YTExNi4zOTQsMTE2LjM5NCwwLDAsMSwxMy40MzMsMjMuNjE5LDE0NS4wNzksMTQ1LjA3OSwwLDAsMSw2LjM1MiwxOC4zOTFoLTc1LjI2MWE2NC4zLDY0LjMsMCwwLDAtNi41NDgtMTAuNDg4LDYzLjkxNiw2My45MTYsMCwwLDAtOC4zNS04Ljk1Miw2My41MTQsNjMuNTE0LDAsMCwwLTkuOS03LjE4LDYzLjE3NCw2My4xNzQsMCwwLDAtMTEuMTkzLTUuMTczbC04LjcwNy0zLjAzMWE2Mi42MTYsNjIuNjE2LDAsMCwwLTIwLjYzNS0zLjQ5MSw2Mi44MzgsNjIuODM4LDAsMCwwLTE1LjQ2NSwxLjkzNSw2My4wMzcsNjMuMDM3LDAsMCwwLTE0LjY2OSw1Ljc2NWwtMjIsMTIuMDExYTYzLjQ4Myw2My40ODMsMCwwLDAtMTEuNjM5LDguMTcyLDY0LDY0LDAsMCwwLTkuNDQ2LDEwLjQzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTA3NiAxNDg5LjQ4OSkiIGZpbGw9IiMyNjM3NGEiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTEzNTAuMDg0LTEzMTIuNWgtMjI0LjU0M2MtMTMuNDg0LTE4LjY5LTIwLjg4MS0yOS43LTIxLjk4Ni0zMi43MTZhOC4yNiw4LjI2LDAsMCwxLC41OTUtNy4xODljMS4yODQtMi4yNzMsMy42NjYtNC40NjQsNy4wNzctNi41MTFhNTcuNTc4LDU3LjU3OCwwLDAsMSwxMC4wNzEtNC42LDk5Ljc2Miw5OS43NjIsMCwwLDEsMTIuOTE5LTMuNjJsNjUuMjgxLDQ0LjlMMTExODIuMi0xNDM4LjVoNDIuMTczYzYuMjU4LDYuNDkzLDEzLjMzLDEzLjg5MSwyMS4wMjEsMjEuOTksMjEuMywyMi40MjMsNDEuMjM4LDQzLjc2LDQ1LjAxOSw0Ny44MWwuMTU5LjE3MWEuMDYxLjA2MSwwLDAsMS0uMDA3LS4wMTVsMC0uMDA5YS4yODkuMjg5LDAsMCwwLS4wMTMtLjAzMWwtLjAyNS0uMDYzYy0uMDA3LS4wMTYtLjAxNC0uMDMzLS4wMjEtLjA1MnMtLjAyNy0uMDY5LS4wNDUtLjExMWwtLjA0Ni0uMTE0Yy0yLjU5NC02LjQ0OC0xMS43NTctMjkuMjg1LTIwLjc2NC01Mi40MjctMi4zMjQtNS45NzctNC41NDgtMTEuNzQ3LTYuNjExLTE3LjE0OWgzOS4yM2w0Ny44MTQsODUuNzEzdjQwLjI4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU0OS41ODIgMTQzOCkiIGZpbGw9IiMyNjM3NGEiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
         'general': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzNjNGM1YyIvPjxwYXRoIGQ9Ik0xMDM5My41LTE3NzAuNGgtMTM5LjM2OHExMy40NTMtMjMuMzA1LDI2LjgwNy00Ni40M2w1LjYyOC05Ljc0OCwxMS44MzgtMjAuNSwyLjM0Ny00LjA2NywyNy45MTYtNDguMzU0aDEzLjk3OXE2Ljk3NywxMi4wNzUsMTMuOTI1LDI0LjA5NWw1LjAyLDguNjg5cTQuNDE4LDcuNjQ4LDguODMyLDE1LjI4NmwyLjkxOSw1LjA1MS41MDguODc5cTUuMzY0LDkuMjgxLDEwLjcyNiwxOC41NjJsOC45MjUsMTUuNDQzdjQxLjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTg5MyAxODk5KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik05NS44MTQsNzIuODY0LDcxLjQyNiwxMTUuMDcxaDQ3LjI1Yy02Ljg4NC0xMi4xNTItMTMuOTMzLTI3LjIyNS0yMC45MzctMzkuMzEtLjQ2Ny0uOC0xLjAzLTEuNTU2LTEuOTI1LTIuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE2LjYzNSAtNTcuOTY4KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik0xMDg0MS4yOTItMTcyNS41aC0xMTguMzgzYTEwNC44NTcsMTA0Ljg1NywwLDAsMC03Ljg0OS0yOC4wNDMsMTA0LjYzMSwxMDQuNjMxLDAsMCwwLTEwLjUzNS0xOC42MTYsMTAzLjY0MSwxMDMuNjQxLDAsMCwwLTEzLjkzMS0xNS44ODQsMTAzLjE2MywxMDMuMTYzLDAsMCwwLTE2LjgzLTEyLjY5LDEwMi40NDEsMTAyLjQ0MSwwLDAsMC0xOS4yMzctOS4wMzZsLTE0LjExMi00LjkxNGExMDEuNTE1LDEwMS41MTUsMCwwLDAtMzMuNDQ3LTUuNjU5LDEwMS44MTMsMTAxLjgxMywwLDAsMC0yNS4wNjYsMy4xMzcsMTAyLjEwOSwxMDIuMTA5LDAsMCwwLTIzLjc4LDkuMzQ2bC0zLjYyMSwxLjk3N3YtOTguMjc4YTMxMy4zMDksMzEzLjMwOSwwLDAsMSw1NC43NzUtNC44MzksMzEyLjk3MywzMTIuOTczLDAsMCwxLDcyLjA5Myw4LjQyOWwxNC44LDMuNWExODQuNjU1LDE4NC42NTUsMCwwLDEsNDEuMDU3LDE1LjA2MiwxODUuNzU3LDE4NS43NTcsMCwwLDEsMzYsMjMuOTY1LDE4Ny4yNDUsMTg3LjI0NSwwLDAsMSwyOS41NjksMzEuNzA2LDE4OC41MiwxODguNTIsMCwwLDEsMjEuNzcyLDM4LjI4NywyMzQuMjgzLDIzNC4yODMsMCwwLDEsMTYuNzI4LDYyLjU0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU1NSAxOTI2KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik02MTQuMTEyLDE1LjQ3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1MS40OCA1LjU1MikiIGZpbGw9IiMyNjM3NGEiLz48L2c+PC9zdmc+')",
       },

package/docs/_global.head.njk

@@ -6,6 +6,8 @@
   <title>{{ title if title else "desy-html docs" }}</title>
   {% if description %}<meta name="description" content="{{ description }}">{% endif %}
   <link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="css/styles.css">
   <style>

package/docs/_include.template-header.njk

@@ -2,6 +2,9 @@
 
 {% call componentHeader({
   homepageUrl: "index.html",
+  mobileTitle: {
+    "text": "desy-html"
+  },
   classes: "relative z-40",
   expandedLogo: true,
   navigation: {
@@ -90,6 +93,10 @@
         href: "examples-button-loader.html",
         text: "Button loader"
       },
+      {
+        href: "examples-card.html",
+        text: "Card"
+      },
       {
         href: "examples-character-count.html",
         text: "Character count"
@@ -174,6 +181,10 @@
         href: "examples-label.html",
         text: "Label"
       },
+      {
+        href: "examples-links-list.html",
+        text: "Links list"
+      },
       {
         href: "examples-listbox.html",
         text: "Listbox"

package/docs/_macro.example-render.njk

@@ -11,6 +11,8 @@ import componentBreadcrumbs %}
 import componentButton %}
 {% from "components/button-loader/_macro.button-loader.njk"
 import componentButtonLoader %}
+{% from "components/card/_macro.card.njk"
+import componentCard %}
 {% from "components/character-count/_macro.character-count.njk"
 import componentCharacterCount %}
 {% from "components/checkboxes/_macro.checkboxes.njk"
@@ -53,6 +55,8 @@ import componentInputGroup %}
 import componentItem %}
 {% from "components/label/_macro.label.njk"
 import componentLabel %}
+{% from "components/links-list/_macro.links-list.njk"
+import componentLinksList %}
 {% from "components/listbox/_macro.listbox.njk"
 import componentListbox %}
 {% from "components/media-object/_macro.media-object.njk"
@@ -140,6 +144,8 @@ import componentTree %}
       {{ componentButton(example.data) }}
       {% elseif exampleComponent == "button-loader" %}
       {{ componentButtonLoader(example.data) }}
+      {% elseif exampleComponent == "card" %}
+      {% call componentCard(example.data) %}{{ example.data.caller | safe }}{% endcall %}
       {% elseif exampleComponent == "character-count" %}
       {{ componentCharacterCount(example.data) }}
       {% elseif exampleComponent == "checkboxes" %}
@@ -182,6 +188,8 @@ import componentTree %}
       {% call componentItem(example.data) %}{{ example.data.caller | safe }}{% endcall %}
       {% elseif exampleComponent == "label" %}
       {{ componentLabel(example.data) }}
+      {% elseif exampleComponent == "links-list" %}
+      {{ componentLinksList(example.data) }}
       {% elseif exampleComponent == "listbox" %}
       {% call componentListbox(example.data) %}{{ example.data.caller | safe }}{% endcall %}
       {% elseif exampleComponent == "media-object" %}

package/docs/catalogo.html

@@ -21,4 +21,6 @@
   <div class="pb-2xl"></div>
   {% include "ds/_ds.section.avisos.njk" %}
   <div class="pb-2xl"></div>
+  {% include "ds/_ds.section.informacion.njk" %}
+  <div class="pb-2xl"></div>
 {% endblock %}

package/docs/componentes.html

@@ -28,6 +28,9 @@
     <div>
       <p class="c-paragraph-base"><a href="examples-button-loader.html" class="c-link">Button loader</a></p>
     </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-card.html" class="c-link">Card</a></p>
+    </div>
     <div>
       <p class="c-paragraph-base"><a href="examples-character-count.html" class="c-link">Character count</a></p>
     </div>
@@ -91,6 +94,9 @@
     <div>
       <p class="c-paragraph-base"><a href="examples-label.html" class="c-link">Label</a></p>
     </div>
+    <div>
+      <p class="c-paragraph-base"><a href="examples-links-list.html" class="c-link">Links list</a></p>
+    </div>
     <div>
       <p class="c-paragraph-base"><a href="examples-listbox.html" class="c-link">Listbox</a></p>
     </div>

package/docs/ds/_ds.example.card.njk

@@ -0,0 +1,199 @@
+{% from "components/card/_macro.card.njk" import componentCard %}
+{% from "components/button/_macro.button.njk" import componentButton %}
+
+{% set defaultContent %}
+  <h3 class="c-h3"><a href="#" class="c-link">Título card</a></h3>
+  <div class="prose max-w-none">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
+  </div>
+{% endset %}
+
+{% set linksContent %}
+  <h2 class="c-h1">Tus datos médicos e información personal</h2>
+  <ul class="text-lg">
+    <li class="mb-base"><a href="#" class="c-link">Cambiar tus datos de contacto</a></li>
+    <li class="mb-base"><a href="#" class="c-link">Dónde y cómo solicitar tu PIN Salud</a></li>
+    <li class="mb-base"><a href="#" class="c-link">Cómo solicitar un cambio de centro de salud</a></li>
+    <li class="mb-base"><a href="#" class="c-link">Historia Clínica e informes médicos</a></li>
+    <li class="mb-base"><a href="#" class="c-link">Derechos de protección de datos</a></li>
+  </ul>
+{% endset %}
+
+{% set verButton %}
+  {{ componentButton({
+    "html": "Más <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center ml-2\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>",
+    "classes": "c-button--transparent",
+    "href": "#",
+    "attributes": {
+      "id": "boton-card-1",
+      "aria-labelledby": "boton-card-1 titulo-card-1"
+    }
+  })  }}
+{% endset %}
+
+{% set verDetalleButton %}
+  {{ componentButton({
+    "html": "Ver detalle <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 140 140\" class=\"self-center ml-2\" aria-hidden=\"true\" focusable=\"false\" width=\"1em\" height=\"1em\"><path d=\"M102.07 27.93l35 35a10 10 0 010 14.14l-35 35a10 10 0 01-14.14-14.14l13.66-13.66A2.5 2.5 0 0099.82 80H10a10 10 0 010-20h89.82a2.5 2.5 0 001.77-4.27L87.93 42.07a10 10 0 0114.14-14.14z\" fill=\"currentColor\"></path></svg>",
+    "classes": "c-button--transparent",
+    "href": "#",
+    "attributes": {
+      "id": "boton-card-1",
+      "aria-labelledby": "boton-card-1 titulo-card-1"
+    }
+  })  }}
+{% endset %}
+
+{% set withIconContent %}
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="w-6 h-6 lg:w-9 lg:h-9 mt-base mb-lg" aria-hidden="true" focusable="false"><g transform="scale(2)"><path d="M21.71 5.71 16.29.29a1 1 0 0 0-.7-.29H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.41a1 1 0 0 0-.29-.7ZM20 21.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5h10.25a.25.25 0 0 1 .25.25V5a2 2 0 0 0 2 2h2.75a.25.25 0 0 1 .25.25Z" fill="currentColor"></path><rect x="6.5" y="10.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="14" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="17.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="10.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="14" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="17.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect></g></svg>
+  <h3 id="titulo-card-1" class="c-h3">Título card</h3>
+  <div class="prose max-w-none mb-base">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
+  </div>
+  {{ verButton | safe }}
+{% endset %}
+
+{% set withButton %}
+  <h3 id="titulo-card-1" class="c-h3">Título card</h3>
+  <div class="prose max-w-none mb-base">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
+  </div>
+  {{ verButton | safe }}
+{% endset %}
+
+{% set areaPersonalContent %}
+  <h2 class="c-h1"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="1em" height="1em" class="inline-block align-middle lg:w-9 lg:h-9 mr-base" aria-hidden="true" focusable="false"><g transform="scale(2)"><path d="M21.71 5.71 16.29.29a1 1 0 0 0-.7-.29H4a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6.41a1 1 0 0 0-.29-.7ZM20 21.5a.5.5 0 0 1-.5.5h-15a.5.5 0 0 1-.5-.5v-19a.5.5 0 0 1 .5-.5h10.25a.25.25 0 0 1 .25.25V5a2 2 0 0 0 2 2h2.75a.25.25 0 0 1 .25.25Z" fill="currentColor"></path><rect x="6.5" y="10.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="14" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="6.5" y="17.5" width="3" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="10.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="14" width="6.5" height="2" rx=".5" fill="currentColor"></rect><rect x="11" y="17.5" width="6.5" height="2" rx=".5" fill="currentColor"></rect></g></svg>Tu área personal</h2>
+  <p class="c-paragraph-base mb-lg">En tu área personal puedes pedir cita con tu médico/a, consultar tu historia clínica y encontrar una selección de contenidos y servicios de salud para ti. Accede de forma segura desde cualquier lugar y en cualquier momento, desde tu móvil u ordenador.</p>
+  <ul class="flex flex-wrap gap-base">
+    <li>
+      {{ componentButton({
+        "text": "Acceder a Tu área personal",
+        "classes": "c-button--primary"
+      })  }}
+    </li>
+    <li>
+      {{ componentButton({
+        "text": "Descargar la app"
+      })  }}
+    </li>
+  </ul>
+{% endset %}
+
+{% set postContent %}
+  <p class="c-paragraph-sm mb-base">
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" height="1em" width="1em" class="inline-block align-middle w-6 h-6 mr-xs"><g><path d="M7.5,10.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M12.5,10.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M17.5,10.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M7.5,14.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M12.5,14.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M17.5,14.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M7.5,18.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M12.5,18.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M17.5,18.5h-1a1,1,0,0,0,0,2h1a1,1,0,0,0,0-2Z" fill="currentColor"></path><path d="M21.5,3H18.75a.25.25,0,0,1-.25-.25V1a1,1,0,0,0-2,0V5.75a.75.75,0,0,1-1.5,0V3.5a.5.5,0,0,0-.5-.5H8.25A.25.25,0,0,1,8,2.75V1A1,1,0,0,0,6,1V5.75a.75.75,0,0,1-1.5,0V3.5A.5.5,0,0,0,4,3H2.5a2,2,0,0,0-2,2V22a2,2,0,0,0,2,2h19a2,2,0,0,0,2-2V5A2,2,0,0,0,21.5,3Zm0,18.5a.5.5,0,0,1-.5.5H3a.5.5,0,0,1-.5-.5V9.5A.5.5,0,0,1,3,9H21a.5.5,0,0,1,.5.5Z" fill="currentColor"></path></g></svg>
+    <strong>18 octubre 2022</strong>
+  </p>
+  <h3 id="titulo-card-1" class="c-h3">Título de noticia</h3>
+  <div class="prose max-w-none mb-base">
+    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sit suscipit mollitia non deleniti illum iure pariatur vel eligendi praesentium in. Velit amet distinctio minima libero dolorem tempora non aliquid? Corporis.</p>
+  </div>
+  {{ verDetalleButton | safe }}
+{% endset %}
+
+
+<div class="grid lg:grid-cols-3 gap-xl mb-lg">
+  <div>
+    {% call componentCard({
+      "containerClasses": "p-base border border-neutral-base rounded"
+    })  %}
+      {{ defaultContent | safe }}
+    {% endcall %}
+  </div>
+  <div>
+    {% call componentCard({
+      "containerClasses": "p-base border border-neutral-base rounded"
+    })  %}
+      {{ withIconContent | safe }}
+    {% endcall %}
+  </div>
+  <div>
+    {% call componentCard({
+      "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark"
+    })  %}
+      {{ withButton | safe }}
+    {% endcall %}
+  </div>
+</div>
+<div class="grid lg:grid-cols-3 gap-xl mb-lg">
+  <div>
+    {% call componentCard({
+      "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
+      "super": {
+        "backgroundFullColor": "transparent",
+        "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
+        "classes": "h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
+        "attributes": {
+          "role": "img",
+          "aria-label": "Alt de la imagen"
+        }
+      }
+    })  %}
+      {{ withButton | safe }}
+    {% endcall %}
+  </div>
+  <div>
+    {% call componentCard({
+      "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
+      "sub": {
+        "backgroundFullColor": "transparent",
+        "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
+        "classes": "h-60 -m-base mt-base bg-cover bg-center bg-no-repeat overflow-hidden",
+        "attributes": {
+          "role": "img",
+          "aria-label": "Alt de la imagen"
+        }
+      }
+    })  %}
+      {{ withButton | safe }}
+    {% endcall %}
+  </div>
+</div>
+{% call componentCard({
+  "classes": "lg:w-2/3 mb-lg",
+  "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
+  "super": {
+    "backgroundFullColor": "transparent",
+    "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
+    "classes": "lg:hidden h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
+    "attributes": {
+      "role": "img",
+      "aria-label": "Alt de la imagen"
+    }
+  },
+  "left": {
+    "backgroundFullColor": "transparent",
+    "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
+    "classes": "hidden lg:block w-1/2 -m-base mr-base bg-cover bg-center bg-no-repeat overflow-hidden",
+    "attributes": {
+      "role": "img",
+      "aria-label": "Alt de la imagen"
+    }
+  }
+})  %}
+  {{ withButton | safe }}
+{% endcall %}
+
+{% call componentCard({
+  "classes": "lg:w-2/3 mb-lg",
+  "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
+  "super": {
+    "backgroundFullColor": "transparent",
+    "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
+    "classes": "lg:hidden h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
+    "attributes": {
+      "role": "img",
+      "aria-label": "Alt de la imagen"
+    }
+  },
+  "right": {
+    "backgroundFullColor": "transparent",
+    "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
+    "classes": "hidden lg:block w-1/2 -m-base ml-base bg-cover bg-center bg-no-repeat overflow-hidden",
+    "attributes": {
+      "role": "img",
+      "aria-label": "Alt de la imagen"
+    }
+  }
+})  %}
+  {{ withButton | safe }}
+{% endcall %}

package/docs/ds/_ds.example.checkboxes.njk

@@ -225,7 +225,7 @@
           "value": "opcion-1",
           "text": "Opción 1",
           "conditional": {
-            "html": "<label class=\" block \" for=\"context-email\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email\" type=\"text\" id=\"context-email-1\">\n"
+            "html": "<label class=\" block \" for=\"context-email-1\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email-1\" type=\"text\" id=\"context-email-1\">\n"
           }
         },
         {
@@ -263,7 +263,7 @@
           "value": "opcion-1",
           "text": "Opción 1",
           "conditional": {
-            "html": "<label class=\" block \" for=\"context-email\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email\" type=\"text\" id=\"context-email-2\">\n"
+            "html": "<label class=\" block \" for=\"context-email-2\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"context-email-2\" type=\"text\" id=\"context-email-2\">\n"
           }
         },
         {
@@ -271,14 +271,14 @@
           "text": "Opción 2",
           "checked": true,
           "conditional": {
-            "html": "<label class=\" block \" for=\"contact-phone\">Label</label>\n<span id=\"contact-phone-error\" class=\" block font-semibold  text-alert-base \">Error: Mensaje de error</span>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base  border-alert-base ring-2 ring-alert-base \" name=\"contact-phone\" type=\"text\" id=\"contact-phone-2\" aria-describedby=\"contact-phone-error\">\n"
+            "html": "<label class=\" block \" for=\"contact-phone-2\">Label</label>\n<span id=\"contact-phone-2-error\" class=\" block font-semibold  text-alert-base \">Error: Mensaje de error</span>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base  border-alert-base ring-2 ring-alert-base \" name=\"contact-phone-2\" type=\"text\" id=\"contact-phone-2\" aria-describedby=\"contact-phone-error\">\n"
           }
         },
         {
           "value": "opcion-3",
           "text": "Opción 3",
           "conditional": {
-            "html": "<label class=\" block \" for=\"contact-text-message\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"contact-text-message\" type=\"text\" id=\"contact-text-message-2\">\n"
+            "html": "<label class=\" block \" for=\"contact-text-message-2\">Label</label>\n<input class=\" mt-sm px-base py-sm border-black rounded font-semibold leading-normal placeholder-neutral-dark focus:border-black focus:shadow-outline-focus-input focus:ring-4 focus:ring-warning-base disabled:bg-neutral-light disabled:border-neutral-base \" name=\"contact-text-message-2\" type=\"text\" id=\"contact-text-message-2\">\n"
           }
         }
       ]

package/docs/ds/_ds.example.header-advanced.njk

@@ -65,81 +65,6 @@
       </nav>
     {% endcall %}
   </div>
-  <div>
-    {% from "components/header-advanced/_macro.header-advanced.njk" import componentHeaderAdvanced %}
-    {% call componentHeaderAdvanced({
-      "classes": "c-header-advanced--salud",
-      "titleContainer": {
-        "backgroundColor": "#06857E",
-        "classes": "bg-no-repeat bg-cover lg:bg-auto bg-center lg:bg-right bg-salud lg:bg-salud-lg text-white"
-      },
-      "logo": {
-        "url": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjkuNDc3IiBoZWlnaHQ9IjYxLjE3NSIgdmlld0JveD0iMCAwIDEyOS40NzcgNjEuMTc1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjIwIiBmaWxsPSIjZmZmIiBkPSJNMCAwaDEyOS40Nzd2NjEuMTc1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZGF0YS1uYW1lPSJHcnVwbyAxNTY1Ij48ZyBkYXRhLW5hbWU9IkdydXBvIDE1NjQiIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0iI2ZmZiI+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzAiIGQ9Ik0yMC4yMjYgMTQuMTMxYTI0LjY0NSAyNC42NDUgMCAwIDAtOC4yMzMtMS40OTFDNS4xMjEgMTIuNjQuNjQ3IDE2LjE0MS42NDcgMjEuNTIzYzAgMy44OSAyLjIgNi4yMjMgNy41ODcgNy45MDlsMi4wMDguNTgyYzIuODUzLjkwOCAzLjc1OCAxLjYyMSAzLjc1OCAzLjE3NyAwIDEuODgtMS44MTUgMy4wNDctNC42NjcgMy4wNDdBMjAuNzY0IDIwLjc2NCAwIDAgMSAwIDMzLjU4djguMTY5YTI3LjEyNCAyNy4xMjQgMCAwIDAgMTAuMjQyIDIuMDFjNy42NSAwIDEyLjktNC4xNSAxMi45LTEwLjM3M2E4LjQ3MSA4LjQ3MSAwIDAgMC0yLjQ2My02LjAyOWMtMS40MjYtMS40MjYtMi4yNjgtMS44MTUtNi45MzUtMy4zMDctMy4zNzItMS4wMzctNC4wMi0xLjQyNi00LjAyLTIuNTkyIDAtMS4yMzIgMS41NTYtMi4wNzUgMy43NTktMi4wNzVhMTQuMzgyIDE0LjM4MiAwIDAgMSA2Ljc0MiAxLjg4WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTcxIiBkPSJNMjkuMTMzIDIxLjY1MWExNS4yNzIgMTUuMjcyIDAgMCAxIDguMS0yLjJjNC4wMiAwIDYuMDk0IDEuMzYxIDYuMDk0IDQuMDg1di41ODJhMTYuNTczIDE2LjU3MyAwIDAgMC01LjM4Mi0uODQyYy03LjMyNCAwLTEyLjE4NyA0LjE1LTEyLjE4NyAxMC40MzggMCA1LjgzNCA0LjQwOCAxMC4wNDkgMTAuMzA3IDEwLjA0OWExMS43NzEgMTEuNzcxIDAgMCAwIDcuNjUtMi43ODcgNy4zMzkgNy4zMzkgMCAwIDAgLjcxNCAyLjJoOS4wMTFjLTEuMjIzLTEuNjg1LTEuNjA3LTMuMjQzLTEuNjA3LTcuMTMyVjIyLjgxOWMwLTIuNzg5LS4yNi00LjQxLTEuMDM3LTUuNy0xLjY4Ni0yLjg1NC02LjAyOS00LjQ3NS0xMS44NjQtNC40NzVhMzMuODk0IDMzLjg5NCAwIDAgMC05Ljc5OSAxLjQ4N1ptMTQuMiA4LjA0djUuNjRjLTEuOTQyIDEuMTY2LTIuOTggMS41Ni00LjQwNiAxLjU2LTIuNTI4IDAtNC4zNDMtMS41NTYtNC4zNDMtMy43NTkgMC0yLjQgMi4wMS0zLjk1NiA1LjE4Ni0zLjk1NmExMS42IDExLjYgMCAwIDEgMy41NjMuNTE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlJlY3TDoW5ndWxvIDIxOCIgZD0iTTU2LjQ3NSAwaDguNDkzdjQzLjE3OGgtOC40OTN6Ii8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzIiIGQ9Ik05Ni4yNTUgMTMuMjkxaC04LjU1NlYzMy41OGE3LjczMiA3LjczMiAwIDAgMS01LjE4OCAyLjJjLTMuMTc2IDAtNC40NzItMS45NDUtNC40NzItNi40ODNWMTMuMjkxaC04LjU1OHYxOC44YzAgMy43NjEuNjQ3IDYuMjI0IDIuMiA4LjE2OWExMC4zMzUgMTAuMzM1IDAgMCAwIDguMTY5IDMuNSAxMS4xNiAxMS4xNiAwIDAgMCA4LjMtMy40MzZ2Mi44NTJoOC4xWiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTczIiBkPSJNMTI5LjM3NiAwaC04LjQ5M3YxNC4zMjdhMTIuODk0IDEyLjg5NCAwIDAgMC02LjYxMi0xLjY4NmMtOC4yMzQgMC0xNC4yIDYuNjc4LTE0LjIgMTUuODgzIDAgOC45NDggNS41NzQgMTUuMjM2IDEzLjM1NSAxNS4yMzZhMTAuMjMzIDEwLjIzMyAwIDAgMCA3Ljc4LTMuMTc3djIuNTkzaDguMTY4Wm0tOC40OTMgMjIuMDQxdjExLjQxMWE3LjQ0NCA3LjQ0NCAwIDAgMS01LjA1NyAyLjA3NWMtMy44MjQgMC02LjYxMy0zLjE3OS02LjYxMy03LjQ1NyAwLTQuNDA4IDIuODU0LTcuNTg1IDYuODczLTcuNTg1YTguMzU4IDguMzU4IDAgMCAxIDQuOCAxLjU1NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzQiIGQ9Ik0uNTc3IDUzLjIzMmMyLjE0NiAyLjMxIDguNzgzLjU5NCA4Ljc4My41OTRsMjIuMTgzLTQuMmM2LjQwNi0xLjA1IDkuNzQ0LjY3NiA5Ljc0NC42NzZsNi4wOSAzLjA0N3YtNS45MDhILjU3N1oiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3NSIgZD0iTS41NzcgNTMuMjMyYzIuMTQ2IDIuMzEgOC43ODMuNTk0IDguNzgzLjU5NGwyMi4xODMtNC4yYzYuNDA2LTEuMDUgOS43NDQuNjc2IDkuNzQ0LjY3Nmw2LjA5IDMuMDQ3di01LjkwOEguNTc3WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTc2IiBkPSJNNDcuMzcgNTUuNDM3Yy0yLjE0Ni0yLjMxLTguNzgyLS41OTQtOC43ODItLjU5NGwtMjIuMTgzIDQuMmMtNi40MDggMS4wNS05Ljc0NS0uNjc2LTkuNzQ1LS42NzZMLjU3NiA1NS4zMnY1Ljc0aDQ2LjhaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzciIGQ9Ik00Ny4zNyA1NS40MzdjLTIuMTQ2LTIuMzEtOC43ODItLjU5NC04Ljc4Mi0uNTk0bC0yMi4xODMgNC4yYy02LjQwOCAxLjA1LTkuNzQ1LS42NzYtOS43NDUtLjY3NkwuNTc2IDU1LjMydjUuNzRoNDYuOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OCIgZD0iTTU1LjkzNSA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3NyAxLjk3NyAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzQgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OSIgZD0iTTYxLjYxMyA1OC40NDFhMy44NDMgMy44NDMgMCAwIDAtLjIxLTEuMDMyIDEuODQ1IDEuODQ1IDAgMCAwLTEuNzgtMS4yNTFjLTEuMjMxIDAtMi4wNjIgMS0yLjA2MiAyLjQ2MWEyLjM4NiAyLjM4NiAwIDAgMCAyLjQyIDIuNTU2IDMuMSAzLjEgMCAwIDAgMS42LS40MzF2LS45MjZhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MyAxLjcwNSAxLjcwNSAwIDAgMS0xLjctMS44NTJ2LS4xNzhabS0uOTE1LS42OTVoLTIuMjA3YTEuMTE0IDEuMTE0IDAgMCAxIDEuMTM2LS44ODMgMS4wMzYgMS4wMzYgMCAwIDEgMS4wNzIuODgzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MCIgZD0iTTY4LjM2IDU2LjM5OWEyLjgxNCAyLjgxNCAwIDAgMC0xLjEzNi0uMjQxYy0uOTY4IDAtMS42MzEuNTI0LTEuNjMxIDEuMyAwIC41NjguMjc1LjgyMSAxLjI5NSAxLjE4OC45NDYuMzU4IDEuMTM0LjUxNiAxLjEzNC45NTggMCAuNTI2LS40NTEuODczLTEuMTQ2Ljg3M2EyLjk0IDIuOTQgMCAwIDEtMS40NjItLjQ0MXYuODM5YTQuNTMyIDQuNTMyIDAgMCAwIDEuNDMuMjk1YzEuMTU3IDAgMS45OS0uNjczIDEuOTktMS42MmExLjMyMSAxLjMyMSAwIDAgMC0uNC0uOTU4IDIuNjcyIDIuNjcyIDAgMCAwLTEuMTQ2LS41NzZjLS43NDgtLjI2My0uODg2LS4zNTgtLjg4Ni0uNjIxIDAtLjMxNi4zNi0uNTM2Ljg1NC0uNTM2YTIuMjIgMi4yMiAwIDAgMSAxLjEuMzI1WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODEiIGQ9Ik03MC42NDQgNTcuMTlhMi42MDggMi42MDggMCAwIDEgMS4zLS4zMjdjLjY5NCAwIDEuMDYyLjI1MyAxLjA2Mi43Mzd2LjNhMi45NjIgMi45NjIgMCAwIDAtLjk2OC0uMTU3IDEuOCAxLjggMCAwIDAtMS45NjMgMS43NzEgMS42MjcgMS42MjcgMCAwIDAgMS42NjMgMS42NjIgMS45MjcgMS45MjcgMCAwIDAgMS4xNjYtLjQuOTUuOTUgMCAwIDAgLjEyNi0uMDg0Ljk2My45NjMgMCAwIDAgLjEyNy4zNTdoLjgzMWExLjUyIDEuNTIgMCAwIDEtLjIxLS45bC4wMDktLjE0N3YtMi40MzRhMi4wNjggMi4wNjggMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQxLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NSAxLjMzNXYxLjQ4NGExLjYwOSAxLjYwOSAwIDAgMS0xLjA3Mi40NzQgMS4wMTEgMS4wMTEgMCAwIDEtMS4wNjItLjk4YzAtLjY0Mi41MzYtMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3Ny4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjE5IiBkPSJNNzUuNjY4IDU0LjA0M2guNzY5djcuMDA1aC0uNzY5eiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTgyIiBkPSJNODIuMTUyIDU2LjI4NWgtLjc3N3YzLjYwOGExLjc3MiAxLjc3MiAwIDAgMS0xLjI1MS41OWMtLjczNyAwLTEuMDQyLS40MTItMS4wNDItMS4zNjh2LTIuODNoLS43NzR2My4wNzJjMCAxLjE3OC42IDEuODE5IDEuNjkzIDEuODE5YTEuOTI4IDEuOTI4IDAgMCAwIDEuNC0uNTU4bC4wMTIuNDMxaC43NDZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MyIgZD0iTTg3Ljk4NiA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3OCAxLjk3OCAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzkgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4NCIgZD0iTTU0LjUxNCA0Ny42YTIuODA5IDIuODA5IDAgMCAwLTEuMTM2LS4yNDFjLS45NjcgMC0xLjYzLjUyNC0xLjYzIDEuMyAwIC41NjguMjczLjgxOSAxLjI5MyAxLjE4OC45NDYuMzU4IDEuMTM2LjUxNiAxLjEzNi45NTggMCAuNTI2LS40NTIuODcxLTEuMTQ2Ljg3MWEyLjkyMSAyLjkyMSAwIDAgMS0xLjQ2Mi0uNDQxdi44NDZhNC41MzIgNC41MzIgMCAwIDAgMS40My4yOTVjMS4xNTcgMCAxLjk4OC0uNjczIDEuOTg4LTEuNjJhMS4zMjEgMS4zMjEgMCAwIDAtLjQtLjk1OCAyLjY2OCAyLjY2OCAwIDAgMC0xLjE0Ni0uNTc4Yy0uNzQ3LS4yNjItLjg4NC0uMzU3LS44ODQtLjYyIDAtLjMxNi4zNTgtLjUzNi44NTItLjUzNmEyLjIyIDIuMjIgMCAwIDEgMS4xLjMyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg1IiBkPSJNNjAuMjM2IDQ5LjY0YTMuOTYxIDMuOTYxIDAgMCAwLS4yMS0xLjAzIDEuODQ0IDEuODQ0IDAgMCAwLTEuNzc3LTEuMjUxYy0xLjIzMSAwLTIuMDYyIDEtMi4wNjIgMi40NjFhMi4zODUgMi4zODUgMCAwIDAgMi40MTkgMi41NTYgMy4wOTMgMy4wOTMgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3OFptLS45MTUtLjY5NGgtMi4yMDhhMS4xMTUgMS4xMTUgMCAwIDEgMS4xMzctLjg4MyAxLjAzNyAxLjAzNyAwIDAgMSAxLjA3Mi44ODMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg2IiBkPSJNNjEuODIgNDcuNDg2djQuNzY0aC43Nzd2LTMuNjA4YTEuMzg0IDEuMzg0IDAgMCAxIDEuMDExLS41IDEuNDM4IDEuNDM4IDAgMCAxIC43NzcuMjUzdi0uOGExLjUzOCAxLjUzOCAwIDAgMC0uNjczLS4xNTcgMS41OSAxLjU5IDAgMCAwLTEuMTQ3LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg3IiBkPSJNNjkuNzExIDQ3LjQ4NmgtLjgzOWwtMS4yOTUgMy43LTEuMzU3LTMuN2gtLjg0MmwxLjc4OSA0Ljc2NGguOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4OCIgZD0iTTcwLjk4NCA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODkiIGQ9Ik03Ni44NTkgNDcuNTY5YTIuMjA4IDIuMjA4IDAgMCAwLTEuMDItLjIxIDIuNDU5IDIuNDU5IDAgMCAwLTIuNDYxIDIuNTU2IDIuMzY3IDIuMzY3IDAgMCAwIDIuMzY1IDIuNDYxIDIuOTUxIDIuOTUxIDAgMCAwIDEuMTE1LS4ydi0uODA5YTEuODQ4IDEuODQ4IDAgMCAxLTEuMDMyLjMxNSAxLjY4NiAxLjY4NiAwIDAgMS0xLjY1MS0xLjc3NyAxLjcxOCAxLjcxOCAwIDAgMSAxLjY2My0xLjgzOSAxLjgyIDEuODIgMCAwIDEgMS4wMi4zMTRaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5MCIgZD0iTTc4LjM5OSA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTEiIGQ9Ik04NS4zNjcgNDkuODgxYTIuMyAyLjMgMCAxIDAtNC41NzQuMDEgMi4zIDIuMyAwIDEgMCA0LjU3NC0uMDFtLS44MDkuMDJjMCAxLjA3Mi0uNiAxLjc3Ny0xLjQ5NCAxLjc3Ny0uODczIDAtMS40NzItLjcxNC0xLjQ3Mi0xLjc3NyAwLTEuMTI2LjU5LTEuODUxIDEuNDk0LTEuODUxczEuNDcyLjcxNSAxLjQ3MiAxLjg1MSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTIiIGQ9Ik04OS45NzggNDguMzlhMi42IDIuNiAwIDAgMSAxLjMtLjMyN2MuNjk1IDAgMS4wNjMuMjUzIDEuMDYzLjczNXYuMzA2YTIuOTY3IDIuOTY3IDAgMCAwLS45NjgtLjE1NyAxLjggMS44IDAgMCAwLTEuOTY2IDEuNzY2IDEuNjI3IDEuNjI3IDAgMCAwIDEuNjY1IDEuNjY4IDEuOTMxIDEuOTMxIDAgMCAwIDEuMTY3LS40LjgzOS44MzkgMCAwIDAgLjEyNi0uMDg1Ljk2MS45NjEgMCAwIDAgLjEyNy4zNThoLjgyOWExLjUyMyAxLjUyMyAwIDAgMS0uMjEtLjlsLjAxLS4xNDd2LTIuNDM4YTIuMDIyIDIuMDIyIDAgMCAwLS4xLS43MDVjLS4xOTEtLjQ0Mi0uODQyLS43LTEuNzE0LS43YTMuNjM3IDMuNjM3IDAgMCAwLTEuMzI2LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxMSAxLjAxMSAwIDAgMS0xLjA2My0uOTc4YzAtLjY0Mi41MzctMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3OS4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTkzIiBkPSJNOTQuOTkzIDQ3LjQ4NnY0Ljc2NGguNzc3di0zLjYwOGExLjM4NCAxLjM4NCAwIDAgMSAxLjAxMS0uNSAxLjQzOCAxLjQzOCAwIDAgMSAuNzc3LjI1M3YtLjhhMS41MzcgMS41MzcgMCAwIDAtLjY3Mi0uMTU3IDEuNTkxIDEuNTkxIDAgMCAwLTEuMTQ5LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk0IiBkPSJNOTkuMjU2IDQ4LjM5YTIuNiAyLjYgMCAwIDEgMS4zLS4zMjdjLjY5NSAwIDEuMDYzLjI1MyAxLjA2My43MzV2LjMwNmEyLjk2OCAyLjk2OCAwIDAgMC0uOTY4LS4xNTcgMS44IDEuOCAwIDAgMC0xLjk2NyAxLjc2NiAxLjYyNiAxLjYyNiAwIDAgMCAxLjY2NiAxLjY2OCAxLjkzMSAxLjkzMSAwIDAgMCAxLjE2Ny0uNC45Mi45MiAwIDAgMCAuMTI2LS4wODUuOTYxLjk2MSAwIDAgMCAuMTI3LjM1OGguODI5YTEuNTIzIDEuNTIzIDAgMCAxLS4yMS0uOWwuMDEtLjE0N3YtMi40MzhhMi4wNTYgMi4wNTYgMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQyLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxIDEuMDEgMCAwIDEtMS4wNjMtLjk3OGMwLS42NDIuNTM3LTEuMDUyIDEuMzU3LTEuMDUyYTUuMTYxIDUuMTYxIDAgMCAxIC43NzkuMDc0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5NSIgZD0iTTEwOC4xODEgNDYuNjMxYS45ODYuOTg2IDAgMCAwLS40NDEtLjA4NWMtLjUzNiAwLS44NzQuMjIzLTEuMzE1Ljg4NGEyLjAyNSAyLjAyNSAwIDAgMC0uNTQ4LS4wNzIgMS42NTUgMS42NTUgMCAwIDAtMS43NTkgMS41OSAxLjQgMS40IDAgMCAwIC44NjEgMS4zYy0uNDQxLjA5NC0uNjYuMjk1LS42Ni42MXMuMjA5LjUuNi41NjhhMS40NDYgMS40NDYgMCAwIDAtMS4yNTEgMS40MmMwIDEgLjkxNiAxLjY3MiAyLjI4MSAxLjY3MiAxLjMyNiAwIDIuMjIxLS43IDIuMjIxLTEuNzY3YTEuNDIxIDEuNDIxIDAgMCAwLS41NzktMS4xNzggMy4wMzMgMy4wMzMgMCAwIDAtMS43ODctLjQzMWMtLjQ3NC0uMDEyLS42NzMtLjEwNS0uNjczLS4zNDggMC0uMjIxLjE4OS0uMzE1LjYyLS4zMTVhMi41MDUgMi41MDUgMCAwIDAgMS4wOTQtLjE1NyAxLjQ2NiAxLjQ2NiAwIDAgMCAuMDc0LTIuNy43MjQuNzI0IDAgMCAxIC42MzEtLjM3OS45NTMuOTUzIDAgMCAxIC42My4yNzVabS0xLjIgMi4zMzVhLjkzOC45MzggMCAwIDEtMS4wNjIuOS44OTIuODkyIDAgMCAxLS45OS0uOS45MjcuOTI3IDAgMCAxIDEuMDMyLS45Ljk0OS45NDkgMCAwIDEgMS4wMi45bS0xLjA2MyAyLjc5OWMuOSAwIDEuNDQxLjM3OSAxLjQ0MSAxLjAxIDAgLjY1My0uNTQ4IDEuMDUtMS40NzIgMS4wNS0uODYzIDAtMS40Mi0uNDE5LTEuNDItMS4wNXMuNTM2LTEuMDEgMS40NTItMS4wMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTYiIGQ9Ik0xMTMuNzg4IDQ5Ljg4MWEyLjMgMi4zIDAgMSAwLTQuNTc0LjAxIDIuMyAyLjMgMCAxIDAgNC41NzQtLjAxbS0uODA5LjAyYzAgMS4wNzItLjYgMS43NzctMS40OTQgMS43NzctLjg3MyAwLTEuNDcyLS43MTQtMS40NzItMS43NzcgMC0xLjEyNi41OS0xLjg1MSAxLjQ5NC0xLjg1MXMxLjQ3Mi43MTUgMS40NzIgMS44NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk3IiBkPSJNMTE1LjQxNCA0Ny40ODF2NC43NjRoLjc3N3YtMy41NjRhMS42MDUgMS42MDUgMCAwIDEgMS4yMzEtLjYyMWMuNzQ3IDAgMS4wNC4zOSAxLjA1MiAxLjM3OHYyLjgwN2guNzY5di0yLjk2NGExLjkwNyAxLjkwNyAwIDAgMC0uMzI3LTEuMyAxLjcgMS43IDAgMCAwLTEuMzc3LS42MiAxLjkgMS45IDAgMCAwLTEuMzguNTY4di0uNDQ4WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTgiIGQ9Ik0xMjQuODk2IDQ5LjY0MWEzLjc4IDMuNzggMCAwIDAtLjIxMS0xLjAzIDEuODQyIDEuODQyIDAgMCAwLTEuNzc4LTEuMjUxYy0xLjIzIDAtMi4wNiAxLTIuMDYgMi40NTlhMi4zODUgMi4zODUgMCAwIDAgMi40MiAyLjU1MyAzLjA5IDMuMDkgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDcgMi4wNDcgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3NFptLS45MTUtLjY5NGgtMi4yMDdhMS4xMTEgMS4xMTEgMCAwIDEgMS4xMzQtLjg4MyAxLjAzOCAxLjAzOCAwIDAgMSAxLjA3NC44ODNtLS4yMTEtMy41NjZoLTEuMDJsLS44MzEgMS4yNzFoLjcyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk5IiBkPSJNMTI5LjAwNCA0Ny42YTIuODExIDIuODExIDAgMCAwLTEuMTM3LS4yNDFjLS45NjcgMC0xLjYyOC41MjQtMS42MjggMS4zIDAgLjU2OC4yNzMuODE5IDEuMjkzIDEuMTg4Ljk0Ni4zNTggMS4xMzYuNTE2IDEuMTM2Ljk1OCAwIC41MjYtLjQ1Mi44NzEtMS4xNDcuODcxYTIuOTI1IDIuOTI1IDAgMCAxLTEuNDYyLS40NDF2Ljg0NmE0LjU0IDQuNTQgMCAwIDAgMS40MzIuMjk1YzEuMTU3IDAgMS45ODgtLjY3MyAxLjk4OC0xLjYyYTEuMzIxIDEuMzIxIDAgMCAwLS40LS45NTggMi42NzcgMi42NzcgMCAwIDAtMS4xNDYtLjU3OGMtLjc0OC0uMjYyLS44ODQtLjM1Ny0uODg0LS42MiAwLS4zMTYuMzU4LS41MzYuODUyLS41MzZhMi4yMiAyLjIyIDAgMCAxIDEuMS4zMjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9nPjwvc3ZnPg==",
-        "alt": "Servicio Aragonés de Salud",
-        "classes": "inline-block w-16 lg:w-28 h-auto mb-base focus:outline-none focus:shadow-outline-black"
-      },
-      "title": {
-        "homepageUrl": "/",
-        "text": "Salud Informa"
-      },
-      "subtitle": {
-        "text": "Te ayudamos a coger las riendas de tu salud y bienestar."
-      },
-      "navigation": {
-        "items": [
-          {
-            "href": "#1",
-            "text": "Inicio"
-          },
-          {
-            "href": "#2",
-            "text": "Navigation item 2",
-            "active": true
-          },
-          {
-            "href": "#3",
-            "text": "Navigation item 3"
-          },
-          {
-            "href": "#4",
-            "text": "Navigation item 4"
-          }
-        ]
-      },
-      "offcanvas": {
-        "text": "Menú",
-        "textClose": "Cerrar menu",
-        "labelledId": "offcanvas-title"
-      }
-    })  %}
-      <nav class="w-full p-2" aria-label="Menú móvil">
-        <h3 class="p-base text-base font-bold">Titulo de cabecera</h3>
-        <!-- nav -->
-        <ul class="text-sm" aria-label="Lista de páginas">
-          <li>
-            <span class="flex items-center px-base py-sm font-semibold"  aria-current="page"  id="nav-mobile-pages">
-              <strong>Inicio</strong>
-            </span>
-          </li>
-          <li>
-            <a href="#" class="flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" id="nav-mobile-pages-2">
-              Navigation item 2
-            </a>
-          </li>
-          <li>
-            <a href="#" class="flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" id="nav-mobile-pages-3">
-              Navigation item 3
-            </a>
-          </li>
-          <li>
-            <a href="#" class="flex items-center px-base py-sm hover:bg-primary-base hover:text-white focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black" id="nav-mobile-pages-3">
-              Navigation item 4
-            </a>
-          </li>
-        </ul>
-      </nav>
-    {% endcall %}
-  </div>
   <div>
 
   </div>