desy-html 6.5.0 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/config/tailwind.config.js +32 -2
  2. package/docs/_global.head.njk +2 -0
  3. package/docs/_include.template-header.njk +8 -0
  4. package/docs/_macro.example-render.njk +8 -0
  5. package/docs/catalogo.html +2 -0
  6. package/docs/componentes.html +6 -0
  7. package/docs/ds/_ds.example.card.njk +199 -0
  8. package/docs/ds/_ds.example.checkboxes.njk +4 -4
  9. package/docs/ds/_ds.example.header-advanced.njk +0 -75
  10. package/docs/ds/_ds.example.links-list.njk +171 -0
  11. package/docs/ds/_ds.example.pills.njk +1 -1
  12. package/docs/ds/_ds.example.textos.njk +3 -1
  13. package/docs/ds/_ds.section.informacion.njk +13 -0
  14. package/docs/ds/_ds.section.navigation.njk +4 -0
  15. package/docs/ds/_ds.section.textos.njk +44 -20
  16. package/docs/examples-card.html +5 -0
  17. package/docs/examples-links-list.html +5 -0
  18. package/docs/index.html +9 -17
  19. package/package.json +1 -2
  20. package/src/css/component.text.css +14 -0
  21. package/src/js/aria/tabs.js +3 -1
  22. package/src/templates/components/button-loader/_template.button-loader.njk +3 -15
  23. package/src/templates/components/card/_examples.card.njk +277 -0
  24. package/src/templates/components/card/_macro.card.njk +3 -0
  25. package/src/templates/components/card/_template.card.njk +35 -0
  26. package/src/templates/components/card/params.card.yaml +113 -0
  27. package/src/templates/components/collapsible/_template.collapsible.njk +1 -1
  28. package/src/templates/components/header/_template.header.njk +1 -1
  29. package/src/templates/components/header-advanced/_template.header-advanced.njk +1 -1
  30. package/src/templates/components/links-list/_examples.links-list.njk +504 -0
  31. package/src/templates/components/links-list/_macro.links-list.njk +3 -0
  32. package/src/templates/components/links-list/_template.links-list.njk +92 -0
  33. package/src/templates/components/links-list/params.links-list.yaml +82 -0
  34. package/src/templates/components/menu-vertical/params.menu-vertical.yaml +0 -4
  35. package/src/templates/components/table/_examples.table.njk +4 -48
  36. package/src/templates/components/table-advanced/_examples.table-advanced.njk +6 -51
  37. package/test/backstop_config/backstop.config.js +0 -35
  38. package/test/backstop_config/scenarios/components_a.js +0 -31
  39. package/test/backstop_config/scenarios/components_b.js +0 -31
  40. package/test/backstop_config/scenarios/components_c.js +0 -31
  41. package/test/backstop_config/scenarios/components_d.js +0 -49
  42. package/test/backstop_config/scenarios/components_e.js +0 -22
  43. package/test/backstop_config/scenarios/components_f.js +0 -31
  44. package/test/backstop_config/scenarios/components_h.js +0 -40
  45. package/test/backstop_config/scenarios/components_i.js +0 -40
  46. package/test/backstop_config/scenarios/components_l.js +0 -22
  47. package/test/backstop_config/scenarios/components_m.js +0 -58
  48. package/test/backstop_config/scenarios/components_n.js +0 -22
  49. package/test/backstop_config/scenarios/components_p.js +0 -22
  50. package/test/backstop_config/scenarios/components_r.js +0 -13
  51. package/test/backstop_config/scenarios/components_s.js +0 -58
  52. package/test/backstop_config/scenarios/components_t.js +0 -67
  53. package/test/backstop_config/scenarios/home.js +0 -12
  54. package/test/backstop_config/scenarios/styles.js +0 -13
  55. package/test/backstop_config/scenarios.js +0 -39
  56. package/test/backstop_data/bitmaps_reference/Desy_Accordion_0_document_0_desktop.png +0 -0
  57. package/test/backstop_data/bitmaps_reference/Desy_Accordion_history_0_document_0_desktop.png +0 -0
  58. package/test/backstop_data/bitmaps_reference/Desy_Alert_0_document_0_desktop.png +0 -0
  59. package/test/backstop_data/bitmaps_reference/Desy_Breadcrumbs_0_document_0_desktop.png +0 -0
  60. package/test/backstop_data/bitmaps_reference/Desy_Button_0_document_0_desktop.png +0 -0
  61. package/test/backstop_data/bitmaps_reference/Desy_Button_loader_0_document_0_desktop.png +0 -0
  62. package/test/backstop_data/bitmaps_reference/Desy_Character_count_0_document_0_desktop.png +0 -0
  63. package/test/backstop_data/bitmaps_reference/Desy_Checkboxes_0_document_0_desktop.png +0 -0
  64. package/test/backstop_data/bitmaps_reference/Desy_Collapsible_0_document_0_desktop.png +0 -0
  65. package/test/backstop_data/bitmaps_reference/Desy_Date_input_0_document_0_desktop.png +0 -0
  66. package/test/backstop_data/bitmaps_reference/Desy_Description_list_0_document_0_desktop.png +0 -0
  67. package/test/backstop_data/bitmaps_reference/Desy_Details_0_document_0_desktop.png +0 -0
  68. package/test/backstop_data/bitmaps_reference/Desy_Dialog_0_document_0_desktop.png +0 -0
  69. package/test/backstop_data/bitmaps_reference/Desy_Dropdown_0_document_0_desktop.png +0 -0
  70. package/test/backstop_data/bitmaps_reference/Desy_Error_message_0_document_0_desktop.png +0 -0
  71. package/test/backstop_data/bitmaps_reference/Desy_Error_summary_0_document_0_desktop.png +0 -0
  72. package/test/backstop_data/bitmaps_reference/Desy_Fieldset_0_document_0_desktop.png +0 -0
  73. package/test/backstop_data/bitmaps_reference/Desy_File_upload_0_document_0_desktop.png +0 -0
  74. package/test/backstop_data/bitmaps_reference/Desy_Footer_0_document_0_desktop.png +0 -0
  75. package/test/backstop_data/bitmaps_reference/Desy_Header_0_document_0_desktop.png +0 -0
  76. package/test/backstop_data/bitmaps_reference/Desy_Header_advanced_0_document_0_desktop.png +0 -0
  77. package/test/backstop_data/bitmaps_reference/Desy_Header_mini_0_document_0_desktop.png +0 -0
  78. package/test/backstop_data/bitmaps_reference/Desy_Hint_0_document_0_desktop.png +0 -0
  79. package/test/backstop_data/bitmaps_reference/Desy_Home_0_document_0_desktop.png +0 -0
  80. package/test/backstop_data/bitmaps_reference/Desy_Input_0_document_0_desktop.png +0 -0
  81. package/test/backstop_data/bitmaps_reference/Desy_Input_group_0_document_0_desktop.png +0 -0
  82. package/test/backstop_data/bitmaps_reference/Desy_Item_0_document_0_desktop.png +0 -0
  83. package/test/backstop_data/bitmaps_reference/Desy_Label_0_document_0_desktop.png +0 -0
  84. package/test/backstop_data/bitmaps_reference/Desy_Listbox_0_document_0_desktop.png +0 -0
  85. package/test/backstop_data/bitmaps_reference/Desy_Media_object_0_document_0_desktop.png +0 -0
  86. package/test/backstop_data/bitmaps_reference/Desy_Menu_horizontal_0_document_0_desktop.png +0 -0
  87. package/test/backstop_data/bitmaps_reference/Desy_Menu_navigation_0_document_0_desktop.png +0 -0
  88. package/test/backstop_data/bitmaps_reference/Desy_Menu_vertical_0_document_0_desktop.png +0 -0
  89. package/test/backstop_data/bitmaps_reference/Desy_Menubar_0_document_0_desktop.png +0 -0
  90. package/test/backstop_data/bitmaps_reference/Desy_Modal_0_document_0_desktop.png +0 -0
  91. package/test/backstop_data/bitmaps_reference/Desy_Nav_0_document_0_desktop.png +0 -0
  92. package/test/backstop_data/bitmaps_reference/Desy_Notification_0_document_0_desktop.png +0 -0
  93. package/test/backstop_data/bitmaps_reference/Desy_Pagination_0_document_0_desktop.png +0 -0
  94. package/test/backstop_data/bitmaps_reference/Desy_Pill_0_document_0_desktop.png +0 -0
  95. package/test/backstop_data/bitmaps_reference/Desy_Searchbar_0_document_0_desktop.png +0 -0
  96. package/test/backstop_data/bitmaps_reference/Desy_Select_0_document_0_desktop.png +0 -0
  97. package/test/backstop_data/bitmaps_reference/Desy_Skip_link_0_document_0_desktop.png +0 -0
  98. package/test/backstop_data/bitmaps_reference/Desy_Spinner_0_document_0_desktop.png +0 -0
  99. package/test/backstop_data/bitmaps_reference/Desy_Status_0_document_0_desktop.png +0 -0
  100. package/test/backstop_data/bitmaps_reference/Desy_Status_item_0_document_0_desktop.png +0 -0
  101. package/test/backstop_data/bitmaps_reference/Desy_Styles_0_document_0_desktop.png +0 -0
  102. package/test/backstop_data/bitmaps_reference/Desy_Table_0_document_0_desktop.png +0 -0
  103. package/test/backstop_data/bitmaps_reference/Desy_Table_advanced_0_document_0_desktop.png +0 -0
  104. package/test/backstop_data/bitmaps_reference/Desy_Tabs_0_document_0_desktop.png +0 -0
  105. package/test/backstop_data/bitmaps_reference/Desy_Textarea_0_document_0_desktop.png +0 -0
  106. package/test/backstop_data/bitmaps_reference/Desy_Toggle_0_document_0_desktop.png +0 -0
  107. package/test/backstop_data/bitmaps_reference/Desy_Tooltip_0_document_0_desktop.png +0 -0
  108. package/test/backstop_data/bitmaps_reference/Desy_Tree_0_document_0_desktop.png +0 -0
  109. package/test/backstop_data/engine_scripts/cookies.json +0 -14
  110. package/test/backstop_data/engine_scripts/imageStub.jpg +0 -0
  111. package/test/backstop_data/engine_scripts/playwright/clickAndHoverHelper.js +0 -43
  112. package/test/backstop_data/engine_scripts/playwright/interceptImages.js +0 -31
  113. package/test/backstop_data/engine_scripts/playwright/loadCookies.js +0 -16
  114. package/test/backstop_data/engine_scripts/playwright/onBefore.js +0 -5
  115. package/test/backstop_data/engine_scripts/playwright/onReady.js +0 -6
  116. package/test/backstop_data/engine_scripts/playwright/overrideCSS.js +0 -27
  117. package/test/backstop_data/engine_scripts/puppet/clickAndHoverHelper.js +0 -39
  118. package/test/backstop_data/engine_scripts/puppet/ignoreCSP.js +0 -65
  119. package/test/backstop_data/engine_scripts/puppet/interceptImages.js +0 -37
  120. package/test/backstop_data/engine_scripts/puppet/loadCookies.js +0 -33
  121. package/test/backstop_data/engine_scripts/puppet/onBefore.js +0 -3
  122. package/test/backstop_data/engine_scripts/puppet/onReady.js +0 -6
  123. package/test/backstop_data/engine_scripts/puppet/overrideCSS.js +0 -15
  124. package/test/backstop_data/html_report/a96f14595379b7c348d66e115ec65a93.png +0 -0
  125. package/test/backstop_data/html_report/assets/fonts/Lato-Bold.ttf +0 -0
  126. package/test/backstop_data/html_report/assets/fonts/Lato-Regular.ttf +0 -0
  127. package/test/backstop_data/html_report/assets/fonts/lato-bold-webfont.woff +0 -0
  128. package/test/backstop_data/html_report/assets/fonts/lato-bold-webfont.woff2 +0 -0
  129. package/test/backstop_data/html_report/assets/fonts/lato-regular-webfont.woff +0 -0
  130. package/test/backstop_data/html_report/assets/fonts/lato-regular-webfont.woff2 +0 -0
  131. package/test/backstop_data/html_report/b815e28b1e230cff6e9d7b749edcd562.png +0 -0
  132. package/test/backstop_data/html_report/config.js +0 -1335
  133. package/test/backstop_data/html_report/diff.js +0 -1843
  134. package/test/backstop_data/html_report/diverged.js +0 -340
  135. package/test/backstop_data/html_report/divergedWorker.js +0 -6
  136. package/test/backstop_data/html_report/index.html +0 -49
  137. package/test/backstop_data/html_report/index_bundle.js +0 -2
@@ -1,5 +1,13 @@
1
1
  const defaultTheme = require('tailwindcss/defaultTheme')
2
2
 
3
+ // Helper funcions from: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
4
+ const round = (num) =>
5
+ num
6
+ .toFixed(7)
7
+ .replace(/(\.[0-9]+?)0+$/, '$1')
8
+ .replace(/\.0$/, '')
9
+ const rem = (px) => `${round(px / 16)}rem`
10
+ const em = (px, base) => `${round(px / base)}em`
3
11
 
4
12
  module.exports = {
5
13
  content: ['./src/**/*.html',
@@ -151,10 +159,34 @@ module.exports = {
151
159
  textDecoration: 'none'
152
160
  },
153
161
  },
162
+ 'h1': {
163
+ // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
164
+ fontSize: em(30, 16),
165
+ marginTop: '0',
166
+ marginBottom: em(28, 30),
167
+ lineHeight: round(38 / 30),
168
+ fontWeight: '700',
169
+ },
170
+ 'h2': {
171
+ // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
172
+ fontSize: em(24, 16),
173
+ marginTop: em(32, 24),
174
+ marginBottom: em(16, 24),
175
+ lineHeight: round(30 / 24),
176
+ },
154
177
  'h3': {
178
+ // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
179
+ fontSize: em(18, 16),
180
+ marginTop: em(24, 18),
181
+ marginBottom: em(8, 18),
182
+ lineHeight: round(22 / 18),
155
183
  fontWeight: '700',
156
184
  },
157
185
  'h4': {
186
+ // From: https://github.com/tailwindlabs/tailwindcss-typography/blob/master/src/styles.js
187
+ marginTop: em(24, 16),
188
+ marginBottom: em(8, 16),
189
+ lineHeight: round(20 / 16),
158
190
  fontWeight: '700',
159
191
  },
160
192
  'ul > li::before': {
@@ -169,8 +201,6 @@ module.exports = {
169
201
  backgroundImage: {
170
202
  'salud-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iIzA2ODU3ZSIvPjxwYXRoIGQ9Ik01MDguMiwxMDkuOTYxYzEuODYyLDEyLjM4NiwxOS44NTcsMTAuNTY1LDE3LjAwNS0zLjM4LTEuNjA5LTEzLjE2Ny0zLjY0NC0yNi4yODctNS4xMjQtMzkuNDY4LS43NDQtNi42MzYtMi4yNS0xMS4wMzYtMTAuNTctOS45NDktOC4wNTYsMS4wNDgtMTEuMDIzLDUuMTg3LTkuNjI2LDEyLjYsMi41MjgsMTMuNDQ3LDUuMzMyLDI2Ljg0NCw4LjMxNyw0MC4yIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyMjIuMjE1IC0yLjk3MikiIGZpbGw9IiMwYjZjNjQiLz48cGF0aCBkPSJNMTEyMjcuOSwxNDQuNDA2aDBhMTIuNzIsMTIuNzIsMCwwLDEtNS44LTEuNjJjLTMuMzYyLTEuNzQ4LTUuNDU2LTMuOTU3LTYuMjI1LTYuNTY4YTkuNjE5LDkuNjE5LDAsMCwxLS4wOTItNC43NSwxOS4wNzksMTkuMDc5LDAsMCwxLDIuMTc4LTUuMzc5YzIuODkxLTUuMDY1LDUuNzQtMTAuMjY4LDguNS0xNS4zbC4wMjktLjA1M2MyLjkxNC01LjMyMiw1LjkyOC0xMC44MjUsOS4wMjktMTYuMjM1aDIwLjAxM2MtMi4zMTksMTMuMzMtMTQuMTg3LDM1LjQtMTguMDg3LDQyLjY1MmExNi44NCwxNi44NCwwLDAsMS00LjIwNyw1LjM0OEE4LjUsOC41LDAsMCwxLDExMjI3LjksMTQ0LjQwNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU0OSAtOTUpIiBmaWxsPSIjMGI2YzY0IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTI4Ni4wNjMsODIuOWMzLjAxLTIuMDMxLDUuNjk1LTguMTg0LDIuNi0xMi41MzlhMTg4LjgzOCwxODguODM4LDAsMCwwLTE5LTI5LjI4M2MtMS42NzItMi4xMjQtNy40LTUuMDU3LTExLjkxOC0zLjExNi0xLjUyMy42NTQtNC42MzgsNC43NC00LjYzOCw0Ljc0LTEuNjcxLDIuNzc5LTEuNjEzLDYuMzA1LDEuNzA4LDEwLjIxNiwzLjUsNC4xMjEsMTQuMTQ5LDIwLjM0NywxOS4wNTMsMjYuMjQsNS45MjYsNy4xODEsMTIuMiwzLjc0MiwxMi4yLDMuNzQyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg4OS40NDEgMC45MjIpIiBmaWxsPSIjMGI2YzY0Ii8+PHBhdGggZD0iTTMwNy41MjEsNDguMWMtMi45MTksMi40NTgtMi4xMDUsOC41NTgtMS45ODcsMTAuODIuMTA5LDIuMDU5LDIuODYxLDUuMDg4LDUuMDIxLDUuNzQ1QTI3NS43MzEsMjc1LjczMSwwLDAsMCwzMzkuNCw3MS44NTNjNC43NzMsMS4zNzYsNi45NDgtMS41NTMsNy42NzMtMy40OTUsMS4zMS0zLjUsMy40MjMtOC43NjMuMzkxLTExLjI4NEMzNDUuMiw1My44MTgsMzExLjcsNDQuNTg4LDMwNy41MjEsNDguMSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMyLjkgMjYuMTQ3KSIgZmlsbD0iIzBiNmM2NCIvPjxwYXRoIGQ9Ik0xMTE3NC41NTUsMTk0LjVIMTExMDNjMy4yMjUtMjUuNTM3LDYuOTY0LTU1LjI4NiwxMC41MzUtODUuMi41MTktNC4zMzMsMS43MzctNy40MDUsMy43MjUtOS4zOTJzNC44MTMtMi45NTYsOC42My0yLjk1NmEyNy45MTUsMjcuOTE1LDAsMCwxLDIuOTM2LjE2NmMyNy4xNTgsMi44NzgsNTMuNyw1LjYyNyw3OS45LDcuNjIsMy44NzEuMjkxLDYuMzMxLjkzMSw4LjIyOCwyLjE0MSwyLjE2OSwxLjM4MiwzLjU5NCwzLjU2Myw0LjQ4NCw2Ljg2NGEyOTIuMTE5LDI5Mi4xMTksMCwwLDAsMjIuNiw0My45OTMsMjk4LjgzOSwyOTguODM5LDAsMCwwLDI3LjE1NSwzNi43NTdsLTgzLjkzMSwwYTU5LjczOCw1OS43MzgsMCwwLDEsMy45NDMtMTAuODY3LDc0LjA4NSw3NC4wODUsMCwwLDEsNS45NDYtMTAuMjI0LDEzLjEyNCwxMy4xMjQsMCwwLDEsMi45ODgtMy40MjgsOC40MTQsOC40MTQsMCwwLDAsLjg5MS0uNzcxLDguNzQyLDguNzQyLDAsMCwwLC4wNjctMTIuMzQ1bC0uMDA2LDBhNC41LDQuNSwwLDAsMC00LjAxLS42MTdjLTYuNzI3LDMuMjg5LTEwLjk0NCw3Ljc5MS0xMi45LDEzLjc2NS0uNSwxLjUzMi0xLjAzNiwzLjAzOS0xLjY1Nyw0Ljc4M2wtLjA0Mi4xMTctLjAyOS4wODFjLS4zODIsMS4wNjctLjc1LDIuMS0xLjA5NCwzLjA4MS0uOTQ4LTEuODA5LTEuODU5LTMuNTY2LTIuNzg3LTUuMzU3bC0uMTA3LS4yMDctLjA1Mi0uMWMtMi4xMTYtNC4wODMtNC4zLTguMzA1LTYuNTQyLTEyLjMxNWE0LjM2Myw0LjM2MywwLDAsMC0xLjUyNC0yLjE1MywzLjU2NCwzLjU2NCwwLDAsMC0yLjA5Mi0uNjIsOS4zMzQsOS4zMzQsMCwwLDAtNi4yODUsMy4yNzZjLS43NSwxLjEyMy42MjMsNC4wNTUsMS4yNDgsNS4yNjMuNzYsMS40NjIsMS42NjYsMi44NjIsMi41NDMsNC4yMTZsLjAxNS4wMjRhMzQuNDkxLDM0LjQ5MSwwLDAsMSwzLjQ4Myw2LjI4NSw4OSw4OSwwLDAsMSw1LjMsMTguMTA5Wm0yMTYuMDEyLDBoLTUuODE2YTExOS4xOCwxMTkuMTgsMCwwLDEtMTEuMjk1LTE5LjI2NCwxMDQuNDc0LDEwNC40NzQsMCwwLDEtNy43NzctMjMuNmMtMy44MDktMTkuMTcyLTEuNjk0LTM4LjU2LDYuMjg1LTU3LjYyOGE4Ny4xNzcsODcuMTc3LDAsMCwxLDE2LjA1NS0yNC4wODloMi41NDlaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA1OTAuMDY2IC02OSkiIGZpbGw9IiMwYjZjNjQiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMzA3LjgyNyw1MS4zNThjOC4yMTYtNi40MjEsMTYuMDQzLTEzLjM1MiwyNC4zNTUtMTkuNjQ2LDUuNzcxLTQuMzcyLDYuODc4LTguNzIyLDIuNTktMTQuODA4cy04LjkzNC02Ljc1MS0xNC44NDctMi42MzljLTQuNDUxLDMuMTA1LTkuMDY5LDUuOTYtMTUuMjU3LDEwbC0xMS42LDguMzg0Yy02LjcwNiw0Ljg1NS03LjQzNCwxMC40MzItMi40NzMsMTcuMTA5LDUuMjY5LDcuMDk0LDExLjE2Myw2LjM1NiwxNy4yMzQsMS42MDUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyMi45NzEgNi40NDMpIiBmaWxsPSIjMGI2YzY0Ii8+PHBhdGggZD0iTTExNDIyLjY0OCwxMDMuMTEyaC0xNjguOTY0Yy0yLjc5My00LjU3My02LjAyLTkuOTEtOC45ODktMTUuNGExMTguMTkzLDExOC4xOTMsMCwwLDEtNy41MjItMTYuMzI1Yy0yLjA1OS01Ljc3MS0zLjAxLTEwLjc5NS0yLjgyNi0xNC45MzFhMTcuMzI2LDE3LjMyNiwwLDAsMSwxLjM1OC02LjIxNywxMy43NDUsMTMuNzQ1LDAsMCwxLDMuNzQ0LTUsMTkuMzUxLDE5LjM1MSwwLDAsMSw5LjgtMi41ODMsMjIuMjM2LDIyLjIzNiwwLDAsMSw4LjQ1NywxLjcwNSwyMS42NiwyMS42NiwwLDAsMSw3LjI4MSw0LjkyN2MyLjI1OSwyLjMyOCw0LjUsNC43MzMsNi42NjcsNy4wNTlhMjAzLjksMjAzLjksMCwwLDAsMTYuMjg0LDE2LjIwNmM0LjA2LDMuNDc4LDkuNzM0LDYuMzczLDE3LjM0Nyw4Ljg1YTExLjc0MSwxMS43NDEsMCwwLDAsMy42LjYzNSw1LjQsNS40LDAsMCwwLDQuNDg3LTEuOTU0YzEuMjQ5LTEuNjI2LDEuNS00LjE1OS43MDgtNy4xMzMtMS4zNTgtNS4xLTMuMDYtMTAuMi00LjctMTUuMTNsLS4wMTMtLjA0YTE5NS4zODgsMTk1LjM4OCwwLDAsMS01Ljg1OS0xOS45LDgwLjg3Nyw4MC44NzcsMCwwLDEtMS44OTEtMTIuNTg0LDMyLjcxNiwzMi43MTYsMCwwLDEsMS4yNDctMTIuMTU0LDE4LjQsMTguNCwwLDAsMSw2LjEyOS05QTE1LjEyMywxNS4xMjMsMCwwLDEsMTEzMTguMjY2LDFhMTguNTg1LDE4LjU4NSwwLDAsMSwxMS4xNzMsNC4wMTksMzUzLjAyMywzNTMuMDIzLDAsMCwxLDMyLDI0LjU1NiwzMDkuNzQyLDMwOS43NDIsMCwwLDEsMjUuNzcxLDI1LjAxLDI2NC45MjksMjY0LjkyOSwwLDAsMSwzNS40MzcsNDguNTI4djBoMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTA2MSAyMi4zODgpIiBmaWxsPSIjMGI2YzY0IiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTE1Mi4yNDEsMGMtNy40MTgsOC4xMTEtNy44NzgsMjMuOC0xLjE5NCw1NC44MTIsMTIuMDI4LDU1LjgyNC03OC4zNDEsOS4zNzgtMTMxLjQ3Mi0zNy41QzEyLjUsMTEuMDYyLDUuOTkxLDUuMzE4LDAsMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNTA3IDApIiBmaWxsPSIjMGI2YzY0Ii8+PC9nPjwvc3ZnPg==')",
171
203
  'salud': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzA2ODU3ZSIvPjxwYXRoIGQ9Ik02MTQuMTEyLDE1LjQ3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1MS40OCA4LjU1MikiIGZpbGw9IiMwYjZjNjQiLz48cGF0aCBkPSJNMTA1NjAuMTY1LDE4NS4zODZoLTI2NC4zMjZjLTIuNTI1LTIuOTI1LTQuNzY5LTUuNjQ1LTYuODU4LTguMzE4YTY2LjMyMiw2Ni4zMjIsMCwwLDEtMTEuMjMtMjEuOSwyNS4yNCwyNS4yNCwwLDAsMS0xLTkuOTM1LDE2LjQ0NiwxNi40NDYsMCwwLDEsMi45ODgtNy45LDE2LjE0MiwxNi4xNDIsMCwwLDEsNi40MTUtNS4xNDgsMjQuMzgsMjQuMzgsMCwwLDEsOS41MzQtMi4wNTFjLjMzMy0uMDA5LjY3Mi0uMDE0LDEuMDA4LS4wMTQsNy40NjEsMCwxNS4xMTMsMi4zLDIyLjUxMyw0LjUzM2wuMTEuMDMzYzEuMTM4LjM0MiwyLjMxMy43LDMuNDYxLDEuMDMzYTExOC4wNzksMTE4LjA3OSwwLDAsMSwxMS4yNDUsNC4xNWwuMDA2LDBjNC45MDcsMiw5Ljk4LDQuMDcyLDE1LjE4LDUuMTIyYTI1LjcsMjUuNywwLDAsMCw0Ljk2Mi40NDUsMjcuNjI0LDI3LjYyNCwwLDAsMCw3LjE1Mi0uODgyYzIuMzI1LS42NDYsMy45NDgtMS42LDQuNjkzLTIuNzU1LDIuNzI0LTQuMjE5LDEuODg2LTEyLjc4NS0uNjA1LTE4LjEzOS0xLjUzNC0zLjI4Mi00LjQyMi04LTcuNzY2LTEzLjQ3bC0uMDA5LS4wMTRjLTYuMTI2LTEwLjAxOC0xMy43NTEtMjIuNDg2LTE4LjA4My0zNC4xMTRhNjEuODUyLDYxLjg1MiwwLDAsMS0yLjU0NS04LjQ5NSwzMy40NTUsMzMuNDU1LDAsMCwxLS44MjItNy44MTEsMTguNjQzLDE4LjY0MywwLDAsMSwxLjM2NC02Ljc5MywxNC40NTEsMTQuNDUxLDAsMCwxLDQuMDE3LTUuNDQxLDIwLjM1NCwyMC4zNTQsMCwwLDEsMTAuMy0yLjcxNSwyMy4zODMsMjMuMzgzLDAsMCwxLDguODkzLDEuNzkzLDIyLjc2NywyMi43NjcsMCwwLDEsNy42NTYsNS4xOGMyLjM3NywyLjQ1MSw0LjczMyw0Ljk4LDcuMDEzLDcuNDI1bC4wMTEuMDEyYTIxNS4wMzIsMjE1LjAzMiwwLDAsMCwxNy4xMTEsMTcuMDNjNC4yNjEsMy42NSwxMC4yMjcsNi42OTQsMTguMjQsOS4zYTEyLjM0MSwxMi4zNDEsMCwwLDAsMy43OTEuNjY4LDUuNjcxLDUuNjcxLDAsMCwwLDQuNzE2LTIuMDU0YzEuMzE0LTEuNzA5LDEuNTc5LTQuMzc0Ljc0Ni03LjUtMS40My01LjM2OS0zLjIxOS0xMC43MzMtNC45NDktMTUuOTIxbC0uMDA3LS4wMjFhMjA1LjY0NiwyMDUuNjQ2LDAsMCwxLTYuMTY1LTIwLjkzNiw4NS4yMTIsODUuMjEyLDAsMCwxLTEuOTg3LTEzLjIzNCwzNC4zNzYsMzQuMzc2LDAsMCwxLDEuMzExLTEyLjc3OCwxOS4zNTIsMTkuMzUyLDAsMCwxLDYuNDQ1LTkuNDY4QTE1LjksMTUuOSwwLDAsMSwxMDQyNC40NDMsMWExOS41NDIsMTkuNTQyLDAsMCwxLDExLjc1LDQuMjI4LDM3MC41MjgsMzcwLjUyOCwwLDAsMSwzNC40MjYsMjYuNDkzLDMyNC4xNTUsMzI0LjE1NSwwLDAsMSwyNy41NTMsMjYuOTc0LDI3Ni41NjYsMjc2LjU2NiwwLDAsMSwzNy40MTUsNTIuMTU4LDIyNS4wMzcsMjI1LjAzNywwLDAsMSwxOC43MTIsNDQuMzg1YzQuMzMsMTQuNjc5LDUuNTM0LDI1LjE4OCw1Ljg2NiwzMC4xNDdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAwODcgMTQuNTk0KSIgZmlsbD0iIzBiNmM2NCIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDQzNC45OTQsMTYyLjQ3MmMtNi44MDgsMC0xNS40Mi0xLjkxMS0yNS42LTUuNjhhMjI2LjUxLDIyNi41MSwwLDAsMS0zMS41OC0xNC45OSwzNzQuNjM4LDM3NC42MzgsMCwwLDEtMzMuMzQ2LTIxLjIyMywzNzUuNzU1LDM3NS43NTUsMCwwLDEtMzAuODg4LTI0LjM3OGMtMy45LTMuNDM4LTcuMzg3LTYuNTItMTAuOTg2LTkuN2gxNDUuODczYy0yLjksOS43MzQtMS44NTgsMjQuODg5LDMuMzY4LDQ5LjE0YTQwLjA1Myw0MC4wNTMsMCwwLDEsLjk2NiwxMi44MzQsMTYuMjI0LDE2LjIyNCwwLDAsMS0zLjI1Nyw4LjQ2NUMxMDQ0Ni41ODIsMTYwLjYxLDEwNDQxLjY4NiwxNjIuNDcyLDEwNDM0Ljk5NCwxNjIuNDcyWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwMjU1IC04NykiIGZpbGw9IiMwYjZjNjQiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
172
- 'empleo-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iI2ExMmE0OCIvPjxwYXRoIGQ9Ik0xMTI1My42OS00MjUuMzg1YTMyLjA1OCwzMi4wNTgsMCwwLDEtMy4yNzktLjE2OWwtNzEuNzM4LTcuMzQ3YTE2LjEyOSwxNi4xMjksMCwwLDEtMTQuNDY4LTE2LjgyNGwzLjI4Ni02Ny43NzNIMTEyNThsLTEuNDQyLDMyLjkzNSwzNC4zLDQ3LjU4N2ExNDIuODEsMTQyLjgxLDAsMCwxLTE4LjI3OSw3LjU1NCwxMDguNjQ4LDEwOC42NDgsMCwwLDEtMTIuNjcsMy40MTdBMzEuNDI2LDMxLjQyNiwwLDAsMSwxMTI1My42OS00MjUuMzg1Wm00OC40NzgtMTcuNzY5LDUuMTYyLTc0LjM0NWg2Ni40ODZhMjYzLjE2NSwyNjMuMTY1LDAsMCwxLTE4LjAzLDI2LjA5NSwyMjQuOTE4LDIyNC45MTgsMCwwLDEtMTguNCwyMC42NywxODYuOCwxODYuOCwwLDAsMS0zNS4yMiwyNy41NzloMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE1OCA1MTcpIiBmaWxsPSIjODYyMjNhIiBzdHJva2U9InJnYmEoMCwwLDAsMCkiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIgc3Ryb2tlLXdpZHRoPSIxIi8+PHBhdGggZD0iTTExMjMzLjU0OC00NDcuNDE2aDBsLTYzLjQ3LTEwMS4wODNoMTA0LjMzNGwtNDAuODYzLDEwMS4wODV2MGgwWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTEwNTc0IDU0OCkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTE1MTEuNjg3LTU2Ny41aC0zMjcuNTM1Yy0uMTI1LTguMi0uMjExLTE0LjI3Ni0uMjM0LTE1Ljk0M3YtLjA2bDguMDYzLTUuNDM2LDIuMjIxLTEuNSwyLjY4NC0xLjgwOSw4LjM5LTUuNjU3Vi02NDFoMzkuNDI5Yy4xMTQsMy42MDkuMzM5LDQ2LjI5MS4zMzksNjQuMzI1LjUsMCwxMy41NzktMTIuMzc4LDIxLjM4LTIwLjM2OSwzLjYzNy0zLjcyNiw1LjU1NC01LjkxOCw1LjU0NC02LjM0MS0uMjE5LTkuOTYxLS41LTIwLjIxMS0uNzUxLTI5LjI1M2wwLS4xODZxLS4xMTQtNC4wODgtLjIyNS04LjE3NmgzNC41Yy4xOCwxMywxLjE5LDQ1LjkxNywyLjUxNiw0Ni40NTYsMy44OTMsMS41ODgsMTEuNywyLjMsMTcuNzA2LDIuM2E0NS43MTQsNDUuNzE0LDAsMCwwLDYuMzgtLjM2NmMxLjcxNi0uMjU2LDIuNjMtLjYzMSwyLjY0NS0xLjA4NC4zNzgtMTEuOTYuMzU1LTI0LjEzNS4zMzQtMzUuOTA5di0uNjE5Yy0uMDA3LTMuNTM0LS4wMTQtNy4xODgtLjAwOC0xMC43NzdoNDcuNjRjLS4wOTQsMS43OSwxLDEwLjA1MiwyLjQsMTguMDQzLjgyMiw0LjcxNywyLjkxMiwxNS45NTMsNC41NDgsMTguNDA3LDIuMDIsMy4wMzIsOS4yMTQsNS42MTYsMTUuNTYxLDcuOWwuMDA2LDBhNzYuMDE1LDc2LjAxNSwwLDAsMSw4LjcsMy40ODNWLTY0MWg0NC4zNTZjLjAyLDIuMDI3LjAyOCw0LjA5Mi4wMzYsNi4wOWwwLC41ODRjLjAyMSw1Ljg0My4wNDIsMTEuODg1LjMyMiwxNy44NjEuMDk1LDIuMDQxLDEuMTUzLDQuODM1LDIuNzYyLDUuOTc3LDQuODc4LDMuNDY0LDkuOTczLDYuNzY5LDE0LjksOS45NjUsMi44MjEsMS44MzEsNS43NCwzLjcyNCw4LjYxMSw1LjY0MywyLjk2NCwxLjk3OSw1LjgwOCw0LjAxNyw5LjQwOSw2LjYsMS41MjksMS4xLDMuNjI1LDIuNiw1Ljg4Niw0LjIsMC0zLjg2My0uMDA5LTcuNDg4LS4wMTgtMTAuOTkzdi0uNTk0Yy0uMDIxLTguMTk1LS4wMzgtMTUuMjcyLjA1MS0yMi41MjMuMDY0LTUuMjA5LjI3NS0xMC41LjQ3OS0xNS42MjRsMC0uMDgzLjAxNC0uMzUzYy4wODktMi4yMTIuMTgtNC41LjI1Ny02Ljc0Nmg0Ny42NDNjLjEwNywyLjgzNS4yMTksNS43MTkuMzI3LDguNTA5bC4wMS4yNDd2LjAyYy40MjcsMTAuOTg1Ljg2NywyMi4zNDUsMS4xMjMsMzMuNTE5LjAzMiwxLjMzNS0xLjk3NSwyLjk4NC0yLjgzOCwzLjYzMS0uMTQ2LjExNy0xNS44ODcsMTIuNjg0LTM1LjU1NywyNy41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA5OTAgNjkyLjk5OSkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTExNzEuOTE1LTU2Ni4yMzRhMTEuMDQxLDExLjA0MSwwLDAsMS00LjczOC0xLjA4MywxNS44MjksMTUuODI5LDAsMCwxLTUuMzY2LTQuMzY2Yy0zLjA5NS0zLjcxOC04LjAwOC0xMC43NDMtMTIuNzU5LTE3LjUzNmwtLjAzMS0uMDQ0LS4wMjgtLjA0MWMtNC4wOTQtNS44NTQtNy45Ni0xMS4zODQtOS45MTktMTMuNjlhMTYuMTUyLDE2LjE1MiwwLDAsMS0yLjMxOC0zLjUwN2gyNy45MjRhMjI2LjM4NiwyMjYuMzg2LDAsMCwxLDE0Ljc4MywyNC4zMjIsOS41NDgsOS41NDgsMCwwLDEsMS40NTUsNy4zNSwxMi4yMzUsMTIuMjM1LDAsMCwxLTQuNTU0LDcuNjEyQTEwLjE4MiwxMC4xODIsMCwwLDEsMTExNzEuOTE1LTU2Ni4yMzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTA2ODcgNjA2KSIgZmlsbD0iIzg2MjIzYSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0zNy44NDgsNTAuNjhjMy4zNDgtMi4yNTgsNi4zMzMtOS4xLDIuODg4LTEzLjk0NEEyMTAsMjEwLDAsMCwwLDE5LjYwOSw0LjE3MUMxNy43NDksMS44MDksMTEuMzgyLTEuNDUyLDYuMzU2LjcwNiw0LjY2MiwxLjQzMywxLjIsNS45NzcsMS4yLDUuOTc3LS42NTksOS4wNjgtLjYsMTIuOTg5LDMuMSwxNy4zMzhjMy44OSw0LjU4MiwxNS43MzQsMjIuNjI3LDIxLjE4OSwyOS4xODEsNi41OSw3Ljk4NSwxMy41NjIsNC4xNjEsMTMuNTYyLDQuMTYxIiB0cmFuc2Zvcm09Im1hdHJpeCgwLjU4OCwgMC44MDksIC0wLjgwOSwgMC41ODgsIDczNi4yLCAyNy43NTEpIiBmaWxsPSIjODYyMjNhIi8+PHBhdGggZD0iTTExMTQyLjA3My01MTMuNTM3aDBhMTAuOCwxMC44LDAsMCwxLTEuMi0uMjc0LDMwOC4xNTYsMzA4LjE1NiwwLDAsMS0zMi4wNzctNy45ODgsOC44MzIsOC44MzIsMCwwLDEtMy42NDgtMi42MSw2Ljg2OSw2Ljg2OSwwLDAsMS0xLjkzNS0zLjc4Yy0uMDEzLS4yNDUtLjAzMy0uNTI1LS4wNTctLjg0OWwtLjAwNy0uMWMtLjIxOC0zLjAyNC0uNjIzLTguNjQ3LDIuMjcyLTExLjA4NC42ODktLjU4LDIuMTMyLS44NzUsNC4yODktLjg3NWE3OC42NTksNzguNjU5LDAsMCwxLDE1LjU2MSwyLjI4OCwxNTYuNzcxLDE1Ni43NzEsMCwwLDEsMTYuOCw0Ljc3NnYyMC40OTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAzNDEuNTcyIDYxNCkiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
173
- 'empleo': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iI2ExMmE0OCIvPjxwYXRoIGQ9Ik0xMDU3Mi43Mi0xMjAuMTE4aDBMMTA0ODQuNTUtMjI3LjVoMTQ0LjkzM2wtNTYuNzYzLDEwNy4zODN2MGgwdjBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTAxNTYgMjI3KSIgZmlsbD0iIzg2MjIzYSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDEzNC4wNjctNDUyLjVoLTEwNi4yNDFjMC0xLjU1OS0uMDA2LTMuMjMyLS4wMTItNS4xMTRxMC0uNzc4LDAtMS41NTMsMC0uNzU1LDAtMS41MDdsMC0uMjI5di0uMTg1Yy0uMDQ5LTE5Ljc1MS0uMDkxLTM2LjgwOC4xMjUtNTQuMjcxLjE1Ni0xMi43MTUuNjctMjUuNjIsMS4xNjctMzguMWwuMDA3LS4xNzIsMC0uMDY0LDAtLjA2OS4wMjEtLjUyNWMuMjA1LTUuMTE5LjQzOC0xMC45MjIuNjMyLTE2LjU4MmgxMTUuOTU0Yy4yNTksNi44NDUuNTE5LDEzLjU3My44MywyMS41NjlsLjAwNi4xNTRjMS4wMzIsMjYuNTgxLDIuMSw1NC4wNjUsMi43MjMsODEuMjIyLjA3NiwzLjIzMy00LjgwNiw3LjI1Ni02LjkwOCw4LjgzNiwwLDAtMi44MDksMi4yNDQtOC4zLDYuNTg3Wm0tMTM0LjUxOCwwSDk4MzYuNVYtNTcwLjg2OGg4OS4zYy4wNTEsNS4zOC4wNywxMC43MjMuMDksMTUuODg5di41MTVjLjA1NCwxNC4yLjEwOSwyOC44OS43ODUsNDMuMzA3YTIzLjk4MiwyMy45ODIsMCwwLDAsMi4wMSw4LjE0MywxNS41MjksMTUuNTI5LDAsMCwwLDQuNzEyLDYuNDA5YzExLjkyMiw4LjQ2OCwyNC4zLDE2LjUsMzYuMjc2LDI0LjI2bC4wNDEuMDI3LjM1NC4yM2M2Ljc0Miw0LjM3NCwxMy43MTQsOC45LDIwLjU1NSwxMy40NzEsMi44MjcsMS44OSw1Ljc0NiwzLjg5MSw4LjkyMSw2LjExNloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC05ODM3IDY1MykiIGZpbGw9IiM4NjIyM2EiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
174
204
  'general-lg': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgdmlld0JveD0iMCAwIDgwMCAxMjUiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjgwMCIgaGVpZ2h0PSIxMjUiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iODAwIiBoZWlnaHQ9IjEyNSIgZmlsbD0iIzNjNGM1YyIvPjxwYXRoIGQ9Ik0xMTMyOS4yMjctMTIxOS4xNzgsMTExOTUuMy0xMjk2LjVoMTMzLjkzbDAsNTQuNHYyMi45MjRoMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTE5MyAxMjk2KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik0xMDcuNzcxLDg2LjI1OWg2OS40MTRjLTExLjYzNS0yMC4xMzUtMjMuMDc0LTM5LjkzMS0zNC43MjMtNjAuMDktMTEuNjc4LDIwLjIzLTIzLjA5Myw0MC0zNC42OTEsNjAuMDkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDM1NC4yMDcgLTEuMTA2KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik04My4zMzIsNzIuODY0LDcxLjQyNiw5My40N0g5NC40OTRjLTMuMzYxLTUuOTMzLTYuOC0xMy4yOTItMTAuMjIyLTE5LjE5Mi0uMjI4LS4zOTMtLjUtLjc2LS45NC0xLjQxNSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzM0LjUwOCAtNTguMTA0KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik0xMTI5NS4xNzctMTM2My45OWgtNjcuODE0YTE2MC40MjksMTYwLjQyOSwwLDAsMSwxOC44MTEtMzMuMzI3bDE2LjExNS0yMS45MzFhNjguNDYzLDY4LjQ2MywwLDAsMSwxNi4yODctMTUuODMsNjcuNzExLDY3LjcxMSwwLDAsMSwyMC41LTkuNTgyYzcuNC0yLjA0NCwxMy40MzItMy43MTYsMTguOTc2LTUuMjYyYTE5Mi44NywxOTIuODcsMCwwLDEsNTEuNzY0LTcuMDc4LDE5My4xMTQsMTkzLjExNCwwLDAsMSw0NC40NzQsNS4ybDkuMTMxLDIuMTY0YTExMy45LDExMy45LDAsMCwxLDI1LjMyOCw5LjI5MiwxMTQuNjQ3LDExNC42NDcsMCwwLDEsMjIuMjA4LDE0Ljc4NUExMTUuNTc5LDExNS41NzksMCwwLDEsMTE0ODkuMi0xNDA2YTExNi4zOTQsMTE2LjM5NCwwLDAsMSwxMy40MzMsMjMuNjE5LDE0NS4wNzksMTQ1LjA3OSwwLDAsMSw2LjM1MiwxOC4zOTFoLTc1LjI2MWE2NC4zLDY0LjMsMCwwLDAtNi41NDgtMTAuNDg4LDYzLjkxNiw2My45MTYsMCwwLDAtOC4zNS04Ljk1Miw2My41MTQsNjMuNTE0LDAsMCwwLTkuOS03LjE4LDYzLjE3NCw2My4xNzQsMCwwLDAtMTEuMTkzLTUuMTczbC04LjcwNy0zLjAzMWE2Mi42MTYsNjIuNjE2LDAsMCwwLTIwLjYzNS0zLjQ5MSw2Mi44MzgsNjIuODM4LDAsMCwwLTE1LjQ2NSwxLjkzNSw2My4wMzcsNjMuMDM3LDAsMCwwLTE0LjY2OSw1Ljc2NWwtMjIsMTIuMDExYTYzLjQ4Myw2My40ODMsMCwwLDAtMTEuNjM5LDguMTcyLDY0LDY0LDAsMCwwLTkuNDQ2LDEwLjQzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMTA3NiAxNDg5LjQ4OSkiIGZpbGw9IiMyNjM3NGEiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48cGF0aCBkPSJNMTEzNTAuMDg0LTEzMTIuNWgtMjI0LjU0M2MtMTMuNDg0LTE4LjY5LTIwLjg4MS0yOS43LTIxLjk4Ni0zMi43MTZhOC4yNiw4LjI2LDAsMCwxLC41OTUtNy4xODljMS4yODQtMi4yNzMsMy42NjYtNC40NjQsNy4wNzctNi41MTFhNTcuNTc4LDU3LjU3OCwwLDAsMSwxMC4wNzEtNC42LDk5Ljc2Miw5OS43NjIsMCwwLDEsMTIuOTE5LTMuNjJsNjUuMjgxLDQ0LjlMMTExODIuMi0xNDM4LjVoNDIuMTczYzYuMjU4LDYuNDkzLDEzLjMzLDEzLjg5MSwyMS4wMjEsMjEuOTksMjEuMywyMi40MjMsNDEuMjM4LDQzLjc2LDQ1LjAxOSw0Ny44MWwuMTU5LjE3MWEuMDYxLjA2MSwwLDAsMS0uMDA3LS4wMTVsMC0uMDA5YS4yODkuMjg5LDAsMCwwLS4wMTMtLjAzMWwtLjAyNS0uMDYzYy0uMDA3LS4wMTYtLjAxNC0uMDMzLS4wMjEtLjA1MnMtLjAyNy0uMDY5LS4wNDUtLjExMWwtLjA0Ni0uMTE0Yy0yLjU5NC02LjQ0OC0xMS43NTctMjkuMjg1LTIwLjc2NC01Mi40MjctMi4zMjQtNS45NzctNC41NDgtMTEuNzQ3LTYuNjExLTE3LjE0OWgzOS4yM2w0Ny44MTQsODUuNzEzdjQwLjI4N1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU0OS41ODIgMTQzOCkiIGZpbGw9IiMyNjM3NGEiIHN0cm9rZT0icmdiYSgwLDAsMCwwKSIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjEiLz48L2c+PC9zdmc+')",
175
205
  'general': "url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDUwMCAyMDAiPjxkZWZzPjxjbGlwUGF0aCBpZD0iYiI+PHJlY3Qgd2lkdGg9IjUwMCIgaGVpZ2h0PSIyMDAiLz48L2NsaXBQYXRoPjwvZGVmcz48ZyBpZD0iYSIgY2xpcC1wYXRoPSJ1cmwoI2IpIj48cmVjdCB3aWR0aD0iNTAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0iIzNjNGM1YyIvPjxwYXRoIGQ9Ik0xMDM5My41LTE3NzAuNGgtMTM5LjM2OHExMy40NTMtMjMuMzA1LDI2LjgwNy00Ni40M2w1LjYyOC05Ljc0OCwxMS44MzgtMjAuNSwyLjM0Ny00LjA2NywyNy45MTYtNDguMzU0aDEzLjk3OXE2Ljk3NywxMi4wNzUsMTMuOTI1LDI0LjA5NWw1LjAyLDguNjg5cTQuNDE4LDcuNjQ4LDguODMyLDE1LjI4NmwyLjkxOSw1LjA1MS41MDguODc5cTUuMzY0LDkuMjgxLDEwLjcyNiwxOC41NjJsOC45MjUsMTUuNDQzdjQxLjFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTg5MyAxODk5KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik05NS44MTQsNzIuODY0LDcxLjQyNiwxMTUuMDcxaDQ3LjI1Yy02Ljg4NC0xMi4xNTItMTMuOTMzLTI3LjIyNS0yMC45MzctMzkuMzEtLjQ2Ny0uOC0xLjAzLTEuNTU2LTEuOTI1LTIuOSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE2LjYzNSAtNTcuOTY4KSIgZmlsbD0iIzI2Mzc0YSIvPjxwYXRoIGQ9Ik0xMDg0MS4yOTItMTcyNS41aC0xMTguMzgzYTEwNC44NTcsMTA0Ljg1NywwLDAsMC03Ljg0OS0yOC4wNDMsMTA0LjYzMSwxMDQuNjMxLDAsMCwwLTEwLjUzNS0xOC42MTYsMTAzLjY0MSwxMDMuNjQxLDAsMCwwLTEzLjkzMS0xNS44ODQsMTAzLjE2MywxMDMuMTYzLDAsMCwwLTE2LjgzLTEyLjY5LDEwMi40NDEsMTAyLjQ0MSwwLDAsMC0xOS4yMzctOS4wMzZsLTE0LjExMi00LjkxNGExMDEuNTE1LDEwMS41MTUsMCwwLDAtMzMuNDQ3LTUuNjU5LDEwMS44MTMsMTAxLjgxMywwLDAsMC0yNS4wNjYsMy4xMzcsMTAyLjEwOSwxMDIuMTA5LDAsMCwwLTIzLjc4LDkuMzQ2bC0zLjYyMSwxLjk3N3YtOTguMjc4YTMxMy4zMDksMzEzLjMwOSwwLDAsMSw1NC43NzUtNC44MzksMzEyLjk3MywzMTIuOTczLDAsMCwxLDcyLjA5Myw4LjQyOWwxNC44LDMuNWExODQuNjU1LDE4NC42NTUsMCwwLDEsNDEuMDU3LDE1LjA2MiwxODUuNzU3LDE4NS43NTcsMCwwLDEsMzYsMjMuOTY1LDE4Ny4yNDUsMTg3LjI0NSwwLDAsMSwyOS41NjksMzEuNzA2LDE4OC41MiwxODguNTIsMCwwLDEsMjEuNzcyLDM4LjI4NywyMzQuMjgzLDIzNC4yODMsMCwwLDEsMTYuNzI4LDYyLjU0NloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDU1NSAxOTI2KSIgZmlsbD0iIzI2Mzc0YSIgc3Ryb2tlPSJyZ2JhKDAsMCwwLDApIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMSIvPjxwYXRoIGQ9Ik02MTQuMTEyLDE1LjQ3NiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTU1MS40OCA1LjU1MikiIGZpbGw9IiMyNjM3NGEiLz48L2c+PC9zdmc+')",
176
206
  },
@@ -6,6 +6,8 @@
6
6
  <title>{{ title if title else "desy-html docs" }}</title>
7
7
  {% if description %}<meta name="description" content="{{ description }}">{% endif %}
8
8
  <link rel="icon" type="image/x-icon" href="https://aplicaciones.aragon.es/favicon.ico">
9
+ <link rel="preconnect" href="https://fonts.googleapis.com">
10
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
9
11
  <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">
10
12
  <link rel="stylesheet" href="css/styles.css">
11
13
  <style>
@@ -90,6 +90,10 @@
90
90
  href: "examples-button-loader.html",
91
91
  text: "Button loader"
92
92
  },
93
+ {
94
+ href: "examples-card.html",
95
+ text: "Card"
96
+ },
93
97
  {
94
98
  href: "examples-character-count.html",
95
99
  text: "Character count"
@@ -174,6 +178,10 @@
174
178
  href: "examples-label.html",
175
179
  text: "Label"
176
180
  },
181
+ {
182
+ href: "examples-links-list.html",
183
+ text: "Links list"
184
+ },
177
185
  {
178
186
  href: "examples-listbox.html",
179
187
  text: "Listbox"
@@ -11,6 +11,8 @@ import componentBreadcrumbs %}
11
11
  import componentButton %}
12
12
  {% from "components/button-loader/_macro.button-loader.njk"
13
13
  import componentButtonLoader %}
14
+ {% from "components/card/_macro.card.njk"
15
+ import componentCard %}
14
16
  {% from "components/character-count/_macro.character-count.njk"
15
17
  import componentCharacterCount %}
16
18
  {% from "components/checkboxes/_macro.checkboxes.njk"
@@ -53,6 +55,8 @@ import componentInputGroup %}
53
55
  import componentItem %}
54
56
  {% from "components/label/_macro.label.njk"
55
57
  import componentLabel %}
58
+ {% from "components/links-list/_macro.links-list.njk"
59
+ import componentLinksList %}
56
60
  {% from "components/listbox/_macro.listbox.njk"
57
61
  import componentListbox %}
58
62
  {% from "components/media-object/_macro.media-object.njk"
@@ -140,6 +144,8 @@ import componentTree %}
140
144
  {{ componentButton(example.data) }}
141
145
  {% elseif exampleComponent == "button-loader" %}
142
146
  {{ componentButtonLoader(example.data) }}
147
+ {% elseif exampleComponent == "card" %}
148
+ {% call componentCard(example.data) %}{{ example.data.caller | safe }}{% endcall %}
143
149
  {% elseif exampleComponent == "character-count" %}
144
150
  {{ componentCharacterCount(example.data) }}
145
151
  {% elseif exampleComponent == "checkboxes" %}
@@ -182,6 +188,8 @@ import componentTree %}
182
188
  {% call componentItem(example.data) %}{{ example.data.caller | safe }}{% endcall %}
183
189
  {% elseif exampleComponent == "label" %}
184
190
  {{ componentLabel(example.data) }}
191
+ {% elseif exampleComponent == "links-list" %}
192
+ {{ componentLinksList(example.data) }}
185
193
  {% elseif exampleComponent == "listbox" %}
186
194
  {% call componentListbox(example.data) %}{{ example.data.caller | safe }}{% endcall %}
187
195
  {% elseif exampleComponent == "media-object" %}
@@ -21,4 +21,6 @@
21
21
  <div class="pb-2xl"></div>
22
22
  {% include "ds/_ds.section.avisos.njk" %}
23
23
  <div class="pb-2xl"></div>
24
+ {% include "ds/_ds.section.informacion.njk" %}
25
+ <div class="pb-2xl"></div>
24
26
  {% endblock %}
@@ -28,6 +28,9 @@
28
28
  <div>
29
29
  <p class="c-paragraph-base"><a href="examples-button-loader.html" class="c-link">Button loader</a></p>
30
30
  </div>
31
+ <div>
32
+ <p class="c-paragraph-base"><a href="examples-card.html" class="c-link">Card</a></p>
33
+ </div>
31
34
  <div>
32
35
  <p class="c-paragraph-base"><a href="examples-character-count.html" class="c-link">Character count</a></p>
33
36
  </div>
@@ -91,6 +94,9 @@
91
94
  <div>
92
95
  <p class="c-paragraph-base"><a href="examples-label.html" class="c-link">Label</a></p>
93
96
  </div>
97
+ <div>
98
+ <p class="c-paragraph-base"><a href="examples-links-list.html" class="c-link">Links list</a></p>
99
+ </div>
94
100
  <div>
95
101
  <p class="c-paragraph-base"><a href="examples-listbox.html" class="c-link">Listbox</a></p>
96
102
  </div>
@@ -0,0 +1,199 @@
1
+ {% from "components/card/_macro.card.njk" import componentCard %}
2
+ {% from "components/button/_macro.button.njk" import componentButton %}
3
+
4
+ {% set defaultContent %}
5
+ <h3 class="c-h3"><a href="#" class="c-link">Título card</a></h3>
6
+ <div class="prose max-w-none">
7
+ <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>
8
+ </div>
9
+ {% endset %}
10
+
11
+ {% set linksContent %}
12
+ <h2 class="c-h1">Tus datos médicos e información personal</h2>
13
+ <ul class="text-lg">
14
+ <li class="mb-base"><a href="#" class="c-link">Cambiar tus datos de contacto</a></li>
15
+ <li class="mb-base"><a href="#" class="c-link">Dónde y cómo solicitar tu PIN Salud</a></li>
16
+ <li class="mb-base"><a href="#" class="c-link">Cómo solicitar un cambio de centro de salud</a></li>
17
+ <li class="mb-base"><a href="#" class="c-link">Historia Clínica e informes médicos</a></li>
18
+ <li class="mb-base"><a href="#" class="c-link">Derechos de protección de datos</a></li>
19
+ </ul>
20
+ {% endset %}
21
+
22
+ {% set verButton %}
23
+ {{ componentButton({
24
+ "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>",
25
+ "classes": "c-button--transparent",
26
+ "href": "#",
27
+ "attributes": {
28
+ "id": "boton-card-1",
29
+ "aria-labelledby": "boton-card-1 titulo-card-1"
30
+ }
31
+ }) }}
32
+ {% endset %}
33
+
34
+ {% set verDetalleButton %}
35
+ {{ componentButton({
36
+ "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>",
37
+ "classes": "c-button--transparent",
38
+ "href": "#",
39
+ "attributes": {
40
+ "id": "boton-card-1",
41
+ "aria-labelledby": "boton-card-1 titulo-card-1"
42
+ }
43
+ }) }}
44
+ {% endset %}
45
+
46
+ {% set withIconContent %}
47
+ <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>
48
+ <h3 id="titulo-card-1" class="c-h3">Título card</h3>
49
+ <div class="prose max-w-none mb-base">
50
+ <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>
51
+ </div>
52
+ {{ verButton | safe }}
53
+ {% endset %}
54
+
55
+ {% set withButton %}
56
+ <h3 id="titulo-card-1" class="c-h3">Título card</h3>
57
+ <div class="prose max-w-none mb-base">
58
+ <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>
59
+ </div>
60
+ {{ verButton | safe }}
61
+ {% endset %}
62
+
63
+ {% set areaPersonalContent %}
64
+ <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>
65
+ <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>
66
+ <ul class="flex flex-wrap gap-base">
67
+ <li>
68
+ {{ componentButton({
69
+ "text": "Acceder a Tu área personal",
70
+ "classes": "c-button--primary"
71
+ }) }}
72
+ </li>
73
+ <li>
74
+ {{ componentButton({
75
+ "text": "Descargar la app"
76
+ }) }}
77
+ </li>
78
+ </ul>
79
+ {% endset %}
80
+
81
+ {% set postContent %}
82
+ <p class="c-paragraph-sm mb-base">
83
+ <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>
84
+ <strong>18 octubre 2022</strong>
85
+ </p>
86
+ <h3 id="titulo-card-1" class="c-h3">Título de noticia</h3>
87
+ <div class="prose max-w-none mb-base">
88
+ <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>
89
+ </div>
90
+ {{ verDetalleButton | safe }}
91
+ {% endset %}
92
+
93
+
94
+ <div class="grid lg:grid-cols-3 gap-xl mb-lg">
95
+ <div>
96
+ {% call componentCard({
97
+ "containerClasses": "p-base border border-neutral-base rounded"
98
+ }) %}
99
+ {{ defaultContent | safe }}
100
+ {% endcall %}
101
+ </div>
102
+ <div>
103
+ {% call componentCard({
104
+ "containerClasses": "p-base border border-neutral-base rounded"
105
+ }) %}
106
+ {{ withIconContent | safe }}
107
+ {% endcall %}
108
+ </div>
109
+ <div>
110
+ {% call componentCard({
111
+ "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark"
112
+ }) %}
113
+ {{ withButton | safe }}
114
+ {% endcall %}
115
+ </div>
116
+ </div>
117
+ <div class="grid lg:grid-cols-3 gap-xl mb-lg">
118
+ <div>
119
+ {% call componentCard({
120
+ "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
121
+ "super": {
122
+ "backgroundFullColor": "transparent",
123
+ "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
124
+ "classes": "h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
125
+ "attributes": {
126
+ "role": "img",
127
+ "aria-label": "Alt de la imagen"
128
+ }
129
+ }
130
+ }) %}
131
+ {{ withButton | safe }}
132
+ {% endcall %}
133
+ </div>
134
+ <div>
135
+ {% call componentCard({
136
+ "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
137
+ "sub": {
138
+ "backgroundFullColor": "transparent",
139
+ "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
140
+ "classes": "h-60 -m-base mt-base bg-cover bg-center bg-no-repeat overflow-hidden",
141
+ "attributes": {
142
+ "role": "img",
143
+ "aria-label": "Alt de la imagen"
144
+ }
145
+ }
146
+ }) %}
147
+ {{ withButton | safe }}
148
+ {% endcall %}
149
+ </div>
150
+ </div>
151
+ {% call componentCard({
152
+ "classes": "lg:w-2/3 mb-lg",
153
+ "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
154
+ "super": {
155
+ "backgroundFullColor": "transparent",
156
+ "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
157
+ "classes": "lg:hidden h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
158
+ "attributes": {
159
+ "role": "img",
160
+ "aria-label": "Alt de la imagen"
161
+ }
162
+ },
163
+ "left": {
164
+ "backgroundFullColor": "transparent",
165
+ "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
166
+ "classes": "hidden lg:block w-1/2 -m-base mr-base bg-cover bg-center bg-no-repeat overflow-hidden",
167
+ "attributes": {
168
+ "role": "img",
169
+ "aria-label": "Alt de la imagen"
170
+ }
171
+ }
172
+ }) %}
173
+ {{ withButton | safe }}
174
+ {% endcall %}
175
+
176
+ {% call componentCard({
177
+ "classes": "lg:w-2/3 mb-lg",
178
+ "containerClasses": "p-base bg-neutral-lighter border-t-8 border-neutral-dark",
179
+ "super": {
180
+ "backgroundFullColor": "transparent",
181
+ "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
182
+ "classes": "lg:hidden h-60 -m-base mb-base bg-cover bg-center bg-no-repeat overflow-hidden",
183
+ "attributes": {
184
+ "role": "img",
185
+ "aria-label": "Alt de la imagen"
186
+ }
187
+ },
188
+ "right": {
189
+ "backgroundFullColor": "transparent",
190
+ "backgroundFullUrl": "https://dummyimage.com/320x240/92949b/fff.jpg&text=Imagen",
191
+ "classes": "hidden lg:block w-1/2 -m-base ml-base bg-cover bg-center bg-no-repeat overflow-hidden",
192
+ "attributes": {
193
+ "role": "img",
194
+ "aria-label": "Alt de la imagen"
195
+ }
196
+ }
197
+ }) %}
198
+ {{ withButton | safe }}
199
+ {% endcall %}
@@ -225,7 +225,7 @@
225
225
  "value": "opcion-1",
226
226
  "text": "Opción 1",
227
227
  "conditional": {
228
- "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"
228
+ "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"
229
229
  }
230
230
  },
231
231
  {
@@ -263,7 +263,7 @@
263
263
  "value": "opcion-1",
264
264
  "text": "Opción 1",
265
265
  "conditional": {
266
- "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"
266
+ "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"
267
267
  }
268
268
  },
269
269
  {
@@ -271,14 +271,14 @@
271
271
  "text": "Opción 2",
272
272
  "checked": true,
273
273
  "conditional": {
274
- "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"
274
+ "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"
275
275
  }
276
276
  },
277
277
  {
278
278
  "value": "opcion-3",
279
279
  "text": "Opción 3",
280
280
  "conditional": {
281
- "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"
281
+ "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"
282
282
  }
283
283
  }
284
284
  ]
@@ -65,81 +65,6 @@
65
65
  </nav>
66
66
  {% endcall %}
67
67
  </div>
68
- <div>
69
- {% from "components/header-advanced/_macro.header-advanced.njk" import componentHeaderAdvanced %}
70
- {% call componentHeaderAdvanced({
71
- "classes": "c-header-advanced--salud",
72
- "titleContainer": {
73
- "backgroundColor": "#06857E",
74
- "classes": "bg-no-repeat bg-cover lg:bg-auto bg-center lg:bg-right bg-salud lg:bg-salud-lg text-white"
75
- },
76
- "logo": {
77
- "url": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMjkuNDc3IiBoZWlnaHQ9IjYxLjE3NSIgdmlld0JveD0iMCAwIDEyOS40NzcgNjEuMTc1Ij48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjIwIiBmaWxsPSIjZmZmIiBkPSJNMCAwaDEyOS40Nzd2NjEuMTc1SDB6Ii8+PC9jbGlwUGF0aD48L2RlZnM+PGcgZGF0YS1uYW1lPSJHcnVwbyAxNTY1Ij48ZyBkYXRhLW5hbWU9IkdydXBvIDE1NjQiIGNsaXAtcGF0aD0idXJsKCNhKSIgZmlsbD0iI2ZmZiI+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzAiIGQ9Ik0yMC4yMjYgMTQuMTMxYTI0LjY0NSAyNC42NDUgMCAwIDAtOC4yMzMtMS40OTFDNS4xMjEgMTIuNjQuNjQ3IDE2LjE0MS42NDcgMjEuNTIzYzAgMy44OSAyLjIgNi4yMjMgNy41ODcgNy45MDlsMi4wMDguNTgyYzIuODUzLjkwOCAzLjc1OCAxLjYyMSAzLjc1OCAzLjE3NyAwIDEuODgtMS44MTUgMy4wNDctNC42NjcgMy4wNDdBMjAuNzY0IDIwLjc2NCAwIDAgMSAwIDMzLjU4djguMTY5YTI3LjEyNCAyNy4xMjQgMCAwIDAgMTAuMjQyIDIuMDFjNy42NSAwIDEyLjktNC4xNSAxMi45LTEwLjM3M2E4LjQ3MSA4LjQ3MSAwIDAgMC0yLjQ2My02LjAyOWMtMS40MjYtMS40MjYtMi4yNjgtMS44MTUtNi45MzUtMy4zMDctMy4zNzItMS4wMzctNC4wMi0xLjQyNi00LjAyLTIuNTkyIDAtMS4yMzIgMS41NTYtMi4wNzUgMy43NTktMi4wNzVhMTQuMzgyIDE0LjM4MiAwIDAgMSA2Ljc0MiAxLjg4WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTcxIiBkPSJNMjkuMTMzIDIxLjY1MWExNS4yNzIgMTUuMjcyIDAgMCAxIDguMS0yLjJjNC4wMiAwIDYuMDk0IDEuMzYxIDYuMDk0IDQuMDg1di41ODJhMTYuNTczIDE2LjU3MyAwIDAgMC01LjM4Mi0uODQyYy03LjMyNCAwLTEyLjE4NyA0LjE1LTEyLjE4NyAxMC40MzggMCA1LjgzNCA0LjQwOCAxMC4wNDkgMTAuMzA3IDEwLjA0OWExMS43NzEgMTEuNzcxIDAgMCAwIDcuNjUtMi43ODcgNy4zMzkgNy4zMzkgMCAwIDAgLjcxNCAyLjJoOS4wMTFjLTEuMjIzLTEuNjg1LTEuNjA3LTMuMjQzLTEuNjA3LTcuMTMyVjIyLjgxOWMwLTIuNzg5LS4yNi00LjQxLTEuMDM3LTUuNy0xLjY4Ni0yLjg1NC02LjAyOS00LjQ3NS0xMS44NjQtNC40NzVhMzMuODk0IDMzLjg5NCAwIDAgMC05Ljc5OSAxLjQ4N1ptMTQuMiA4LjA0djUuNjRjLTEuOTQyIDEuMTY2LTIuOTggMS41Ni00LjQwNiAxLjU2LTIuNTI4IDAtNC4zNDMtMS41NTYtNC4zNDMtMy43NTkgMC0yLjQgMi4wMS0zLjk1NiA1LjE4Ni0zLjk1NmExMS42IDExLjYgMCAwIDEgMy41NjMuNTE1IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlJlY3TDoW5ndWxvIDIxOCIgZD0iTTU2LjQ3NSAwaDguNDkzdjQzLjE3OGgtOC40OTN6Ii8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzIiIGQ9Ik05Ni4yNTUgMTMuMjkxaC04LjU1NlYzMy41OGE3LjczMiA3LjczMiAwIDAgMS01LjE4OCAyLjJjLTMuMTc2IDAtNC40NzItMS45NDUtNC40NzItNi40ODNWMTMuMjkxaC04LjU1OHYxOC44YzAgMy43NjEuNjQ3IDYuMjI0IDIuMiA4LjE2OWExMC4zMzUgMTAuMzM1IDAgMCAwIDguMTY5IDMuNSAxMS4xNiAxMS4xNiAwIDAgMCA4LjMtMy40MzZ2Mi44NTJoOC4xWiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTczIiBkPSJNMTI5LjM3NiAwaC04LjQ5M3YxNC4zMjdhMTIuODk0IDEyLjg5NCAwIDAgMC02LjYxMi0xLjY4NmMtOC4yMzQgMC0xNC4yIDYuNjc4LTE0LjIgMTUuODgzIDAgOC45NDggNS41NzQgMTUuMjM2IDEzLjM1NSAxNS4yMzZhMTAuMjMzIDEwLjIzMyAwIDAgMCA3Ljc4LTMuMTc3djIuNTkzaDguMTY4Wm0tOC40OTMgMjIuMDQxdjExLjQxMWE3LjQ0NCA3LjQ0NCAwIDAgMS01LjA1NyAyLjA3NWMtMy44MjQgMC02LjYxMy0zLjE3OS02LjYxMy03LjQ1NyAwLTQuNDA4IDIuODU0LTcuNTg1IDYuODczLTcuNTg1YTguMzU4IDguMzU4IDAgMCAxIDQuOCAxLjU1NiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzQiIGQ9Ik0uNTc3IDUzLjIzMmMyLjE0NiAyLjMxIDguNzgzLjU5NCA4Ljc4My41OTRsMjIuMTgzLTQuMmM2LjQwNi0xLjA1IDkuNzQ0LjY3NiA5Ljc0NC42NzZsNi4wOSAzLjA0N3YtNS45MDhILjU3N1oiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3NSIgZD0iTS41NzcgNTMuMjMyYzIuMTQ2IDIuMzEgOC43ODMuNTk0IDguNzgzLjU5NGwyMi4xODMtNC4yYzYuNDA2LTEuMDUgOS43NDQuNjc2IDkuNzQ0LjY3Nmw2LjA5IDMuMDQ3di01LjkwOEguNTc3WiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTc2IiBkPSJNNDcuMzcgNTUuNDM3Yy0yLjE0Ni0yLjMxLTguNzgyLS41OTQtOC43ODItLjU5NGwtMjIuMTgzIDQuMmMtNi40MDggMS4wNS05Ljc0NS0uNjc2LTkuNzQ1LS42NzZMLjU3NiA1NS4zMnY1Ljc0aDQ2LjhaIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1NzciIGQ9Ik00Ny4zNyA1NS40MzdjLTIuMTQ2LTIuMzEtOC43ODItLjU5NC04Ljc4Mi0uNTk0bC0yMi4xODMgNC4yYy02LjQwOCAxLjA1LTkuNzQ1LS42NzYtOS43NDUtLjY3NkwuNTc2IDU1LjMydjUuNzRoNDYuOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OCIgZD0iTTU1LjkzNSA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3NyAxLjk3NyAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzQgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU3OSIgZD0iTTYxLjYxMyA1OC40NDFhMy44NDMgMy44NDMgMCAwIDAtLjIxLTEuMDMyIDEuODQ1IDEuODQ1IDAgMCAwLTEuNzgtMS4yNTFjLTEuMjMxIDAtMi4wNjIgMS0yLjA2MiAyLjQ2MWEyLjM4NiAyLjM4NiAwIDAgMCAyLjQyIDIuNTU2IDMuMSAzLjEgMCAwIDAgMS42LS40MzF2LS45MjZhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MyAxLjcwNSAxLjcwNSAwIDAgMS0xLjctMS44NTJ2LS4xNzhabS0uOTE1LS42OTVoLTIuMjA3YTEuMTE0IDEuMTE0IDAgMCAxIDEuMTM2LS44ODMgMS4wMzYgMS4wMzYgMCAwIDEgMS4wNzIuODgzIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MCIgZD0iTTY4LjM2IDU2LjM5OWEyLjgxNCAyLjgxNCAwIDAgMC0xLjEzNi0uMjQxYy0uOTY4IDAtMS42MzEuNTI0LTEuNjMxIDEuMyAwIC41NjguMjc1LjgyMSAxLjI5NSAxLjE4OC45NDYuMzU4IDEuMTM0LjUxNiAxLjEzNC45NTggMCAuNTI2LS40NTEuODczLTEuMTQ2Ljg3M2EyLjk0IDIuOTQgMCAwIDEtMS40NjItLjQ0MXYuODM5YTQuNTMyIDQuNTMyIDAgMCAwIDEuNDMuMjk1YzEuMTU3IDAgMS45OS0uNjczIDEuOTktMS42MmExLjMyMSAxLjMyMSAwIDAgMC0uNC0uOTU4IDIuNjcyIDIuNjcyIDAgMCAwLTEuMTQ2LS41NzZjLS43NDgtLjI2My0uODg2LS4zNTgtLjg4Ni0uNjIxIDAtLjMxNi4zNi0uNTM2Ljg1NC0uNTM2YTIuMjIgMi4yMiAwIDAgMSAxLjEuMzI1WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODEiIGQ9Ik03MC42NDQgNTcuMTlhMi42MDggMi42MDggMCAwIDEgMS4zLS4zMjdjLjY5NCAwIDEuMDYyLjI1MyAxLjA2Mi43Mzd2LjNhMi45NjIgMi45NjIgMCAwIDAtLjk2OC0uMTU3IDEuOCAxLjggMCAwIDAtMS45NjMgMS43NzEgMS42MjcgMS42MjcgMCAwIDAgMS42NjMgMS42NjIgMS45MjcgMS45MjcgMCAwIDAgMS4xNjYtLjQuOTUuOTUgMCAwIDAgLjEyNi0uMDg0Ljk2My45NjMgMCAwIDAgLjEyNy4zNTdoLjgzMWExLjUyIDEuNTIgMCAwIDEtLjIxLS45bC4wMDktLjE0N3YtMi40MzRhMi4wNjggMi4wNjggMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQxLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NSAxLjMzNXYxLjQ4NGExLjYwOSAxLjYwOSAwIDAgMS0xLjA3Mi40NzQgMS4wMTEgMS4wMTEgMCAwIDEtMS4wNjItLjk4YzAtLjY0Mi41MzYtMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3Ny4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iUmVjdMOhbmd1bG8gMjE5IiBkPSJNNzUuNjY4IDU0LjA0M2guNzY5djcuMDA1aC0uNzY5eiIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTgyIiBkPSJNODIuMTUyIDU2LjI4NWgtLjc3N3YzLjYwOGExLjc3MiAxLjc3MiAwIDAgMS0xLjI1MS41OWMtLjczNyAwLTEuMDQyLS40MTItMS4wNDItMS4zNjh2LTIuODNoLS43NzR2My4wNzJjMCAxLjE3OC42IDEuODE5IDEuNjkzIDEuODE5YTEuOTI4IDEuOTI4IDAgMCAwIDEuNC0uNTU4bC4wMTIuNDMxaC43NDZaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4MyIgZD0iTTg3Ljk4NiA1NC4wMzhoLS43Njl2Mi40MzJhMS45MzUgMS45MzUgMCAwIDAtMS4xMjYtLjMxNiAyLjM1NCAyLjM1NCAwIDAgMC0yLjMxMyAyLjYgMi4xODEgMi4xODEgMCAwIDAgMi4xNDYgMi40MiAxLjk3OCAxLjk3OCAwIDAgMCAxLjMyNS0uNDgzdi4zNTdoLjczN1ptLS43NjkgMy4xNzd2Mi43ODdhMS42IDEuNiAwIDAgMS0xLjEyNi40NzQgMS41NzQgMS41NzQgMCAwIDEtMS41MTQtMS43NzkgMS42MzkgMS42MzkgMCAwIDEgMS41NzgtMS44MzkgMS43NjQgMS43NjQgMCAwIDEgMS4wNjIuMzU3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4NCIgZD0iTTU0LjUxNCA0Ny42YTIuODA5IDIuODA5IDAgMCAwLTEuMTM2LS4yNDFjLS45NjcgMC0xLjYzLjUyNC0xLjYzIDEuMyAwIC41NjguMjczLjgxOSAxLjI5MyAxLjE4OC45NDYuMzU4IDEuMTM2LjUxNiAxLjEzNi45NTggMCAuNTI2LS40NTIuODcxLTEuMTQ2Ljg3MWEyLjkyMSAyLjkyMSAwIDAgMS0xLjQ2Mi0uNDQxdi44NDZhNC41MzIgNC41MzIgMCAwIDAgMS40My4yOTVjMS4xNTcgMCAxLjk4OC0uNjczIDEuOTg4LTEuNjJhMS4zMjEgMS4zMjEgMCAwIDAtLjQtLjk1OCAyLjY2OCAyLjY2OCAwIDAgMC0xLjE0Ni0uNTc4Yy0uNzQ3LS4yNjItLjg4NC0uMzU3LS44ODQtLjYyIDAtLjMxNi4zNTgtLjUzNi44NTItLjUzNmEyLjIyIDIuMjIgMCAwIDEgMS4xLjMyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg1IiBkPSJNNjAuMjM2IDQ5LjY0YTMuOTYxIDMuOTYxIDAgMCAwLS4yMS0xLjAzIDEuODQ0IDEuODQ0IDAgMCAwLTEuNzc3LTEuMjUxYy0xLjIzMSAwLTIuMDYyIDEtMi4wNjIgMi40NjFhMi4zODUgMi4zODUgMCAwIDAgMi40MTkgMi41NTYgMy4wOTMgMy4wOTMgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDEgMi4wNDEgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3OFptLS45MTUtLjY5NGgtMi4yMDhhMS4xMTUgMS4xMTUgMCAwIDEgMS4xMzctLjg4MyAxLjAzNyAxLjAzNyAwIDAgMSAxLjA3Mi44ODMiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg2IiBkPSJNNjEuODIgNDcuNDg2djQuNzY0aC43Nzd2LTMuNjA4YTEuMzg0IDEuMzg0IDAgMCAxIDEuMDExLS41IDEuNDM4IDEuNDM4IDAgMCAxIC43NzcuMjUzdi0uOGExLjUzOCAxLjUzOCAwIDAgMC0uNjczLS4xNTcgMS41OSAxLjU5IDAgMCAwLTEuMTQ3LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTg3IiBkPSJNNjkuNzExIDQ3LjQ4NmgtLjgzOWwtMS4yOTUgMy43LTEuMzU3LTMuN2gtLjg0MmwxLjc4OSA0Ljc2NGguOFoiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU4OCIgZD0iTTcwLjk4NCA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1ODkiIGQ9Ik03Ni44NTkgNDcuNTY5YTIuMjA4IDIuMjA4IDAgMCAwLTEuMDItLjIxIDIuNDU5IDIuNDU5IDAgMCAwLTIuNDYxIDIuNTU2IDIuMzY3IDIuMzY3IDAgMCAwIDIuMzY1IDIuNDYxIDIuOTUxIDIuOTUxIDAgMCAwIDEuMTE1LS4ydi0uODA5YTEuODQ4IDEuODQ4IDAgMCAxLTEuMDMyLjMxNSAxLjY4NiAxLjY4NiAwIDAgMS0xLjY1MS0xLjc3NyAxLjcxOCAxLjcxOCAwIDAgMSAxLjY2My0xLjgzOSAxLjgyIDEuODIgMCAwIDEgMS4wMi4zMTRaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5MCIgZD0iTTc4LjM5OSA1Mi4yNTFoLjc2OXYtNC43NjRoLS43NjlabS45MzYtNi4xNzVhLjU1Mi41NTIgMCAwIDAtLjU0Ni0uNTU2LjU2MS41NjEgMCAwIDAtLjU1OC41NTYuNTUyLjU1MiAwIDAgMCAxLjEgMCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTEiIGQ9Ik04NS4zNjcgNDkuODgxYTIuMyAyLjMgMCAxIDAtNC41NzQuMDEgMi4zIDIuMyAwIDEgMCA0LjU3NC0uMDFtLS44MDkuMDJjMCAxLjA3Mi0uNiAxLjc3Ny0xLjQ5NCAxLjc3Ny0uODczIDAtMS40NzItLjcxNC0xLjQ3Mi0xLjc3NyAwLTEuMTI2LjU5LTEuODUxIDEuNDk0LTEuODUxczEuNDcyLjcxNSAxLjQ3MiAxLjg1MSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTIiIGQ9Ik04OS45NzggNDguMzlhMi42IDIuNiAwIDAgMSAxLjMtLjMyN2MuNjk1IDAgMS4wNjMuMjUzIDEuMDYzLjczNXYuMzA2YTIuOTY3IDIuOTY3IDAgMCAwLS45NjgtLjE1NyAxLjggMS44IDAgMCAwLTEuOTY2IDEuNzY2IDEuNjI3IDEuNjI3IDAgMCAwIDEuNjY1IDEuNjY4IDEuOTMxIDEuOTMxIDAgMCAwIDEuMTY3LS40LjgzOS44MzkgMCAwIDAgLjEyNi0uMDg1Ljk2MS45NjEgMCAwIDAgLjEyNy4zNThoLjgyOWExLjUyMyAxLjUyMyAwIDAgMS0uMjEtLjlsLjAxLS4xNDd2LTIuNDM4YTIuMDIyIDIuMDIyIDAgMCAwLS4xLS43MDVjLS4xOTEtLjQ0Mi0uODQyLS43LTEuNzE0LS43YTMuNjM3IDMuNjM3IDAgMCAwLTEuMzI2LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxMSAxLjAxMSAwIDAgMS0xLjA2My0uOTc4YzAtLjY0Mi41MzctMS4wNTIgMS4zNTctMS4wNTJhNS4xNDQgNS4xNDQgMCAwIDEgLjc3OS4wNzQiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTkzIiBkPSJNOTQuOTkzIDQ3LjQ4NnY0Ljc2NGguNzc3di0zLjYwOGExLjM4NCAxLjM4NCAwIDAgMSAxLjAxMS0uNSAxLjQzOCAxLjQzOCAwIDAgMSAuNzc3LjI1M3YtLjhhMS41MzcgMS41MzcgMCAwIDAtLjY3Mi0uMTU3IDEuNTkxIDEuNTkxIDAgMCAwLTEuMTQ5LjQ5NHYtLjQ0MloiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk0IiBkPSJNOTkuMjU2IDQ4LjM5YTIuNiAyLjYgMCAwIDEgMS4zLS4zMjdjLjY5NSAwIDEuMDYzLjI1MyAxLjA2My43MzV2LjMwNmEyLjk2OCAyLjk2OCAwIDAgMC0uOTY4LS4xNTcgMS44IDEuOCAwIDAgMC0xLjk2NyAxLjc2NiAxLjYyNiAxLjYyNiAwIDAgMCAxLjY2NiAxLjY2OCAxLjkzMSAxLjkzMSAwIDAgMCAxLjE2Ny0uNC45Mi45MiAwIDAgMCAuMTI2LS4wODUuOTYxLjk2MSAwIDAgMCAuMTI3LjM1OGguODI5YTEuNTIzIDEuNTIzIDAgMCAxLS4yMS0uOWwuMDEtLjE0N3YtMi40MzhhMi4wNTYgMi4wNTYgMCAwIDAtLjEtLjcwNWMtLjE5MS0uNDQyLS44NDItLjctMS43MTUtLjdhMy42MyAzLjYzIDAgMCAwLTEuMzI1LjI0Wm0yLjM2NyAxLjMzNXYxLjQ4MmExLjYgMS42IDAgMCAxLTEuMDcyLjQ3NCAxLjAxIDEuMDEgMCAwIDEtMS4wNjMtLjk3OGMwLS42NDIuNTM3LTEuMDUyIDEuMzU3LTEuMDUyYTUuMTYxIDUuMTYxIDAgMCAxIC43NzkuMDc0IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBkYXRhLW5hbWU9IlRyYXphZG8gMTU5NSIgZD0iTTEwOC4xODEgNDYuNjMxYS45ODYuOTg2IDAgMCAwLS40NDEtLjA4NWMtLjUzNiAwLS44NzQuMjIzLTEuMzE1Ljg4NGEyLjAyNSAyLjAyNSAwIDAgMC0uNTQ4LS4wNzIgMS42NTUgMS42NTUgMCAwIDAtMS43NTkgMS41OSAxLjQgMS40IDAgMCAwIC44NjEgMS4zYy0uNDQxLjA5NC0uNjYuMjk1LS42Ni42MXMuMjA5LjUuNi41NjhhMS40NDYgMS40NDYgMCAwIDAtMS4yNTEgMS40MmMwIDEgLjkxNiAxLjY3MiAyLjI4MSAxLjY3MiAxLjMyNiAwIDIuMjIxLS43IDIuMjIxLTEuNzY3YTEuNDIxIDEuNDIxIDAgMCAwLS41NzktMS4xNzggMy4wMzMgMy4wMzMgMCAwIDAtMS43ODctLjQzMWMtLjQ3NC0uMDEyLS42NzMtLjEwNS0uNjczLS4zNDggMC0uMjIxLjE4OS0uMzE1LjYyLS4zMTVhMi41MDUgMi41MDUgMCAwIDAgMS4wOTQtLjE1NyAxLjQ2NiAxLjQ2NiAwIDAgMCAuMDc0LTIuNy43MjQuNzI0IDAgMCAxIC42MzEtLjM3OS45NTMuOTUzIDAgMCAxIC42My4yNzVabS0xLjIgMi4zMzVhLjkzOC45MzggMCAwIDEtMS4wNjIuOS44OTIuODkyIDAgMCAxLS45OS0uOS45MjcuOTI3IDAgMCAxIDEuMDMyLS45Ljk0OS45NDkgMCAwIDEgMS4wMi45bS0xLjA2MyAyLjc5OWMuOSAwIDEuNDQxLjM3OSAxLjQ0MSAxLjAxIDAgLjY1My0uNTQ4IDEuMDUtMS40NzIgMS4wNS0uODYzIDAtMS40Mi0uNDE5LTEuNDItMS4wNXMuNTM2LTEuMDEgMS40NTItMS4wMSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTYiIGQ9Ik0xMTMuNzg4IDQ5Ljg4MWEyLjMgMi4zIDAgMSAwLTQuNTc0LjAxIDIuMyAyLjMgMCAxIDAgNC41NzQtLjAxbS0uODA5LjAyYzAgMS4wNzItLjYgMS43NzctMS40OTQgMS43NzctLjg3MyAwLTEuNDcyLS43MTQtMS40NzItMS43NzcgMC0xLjEyNi41OS0xLjg1MSAxLjQ5NC0xLjg1MXMxLjQ3Mi43MTUgMS40NzIgMS44NTEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk3IiBkPSJNMTE1LjQxNCA0Ny40ODF2NC43NjRoLjc3N3YtMy41NjRhMS42MDUgMS42MDUgMCAwIDEgMS4yMzEtLjYyMWMuNzQ3IDAgMS4wNC4zOSAxLjA1MiAxLjM3OHYyLjgwN2guNzY5di0yLjk2NGExLjkwNyAxLjkwNyAwIDAgMC0uMzI3LTEuMyAxLjcgMS43IDAgMCAwLTEuMzc3LS42MiAxLjkgMS45IDAgMCAwLTEuMzguNTY4di0uNDQ4WiIgZmlsbC1ydWxlPSJldmVub2RkIi8+PHBhdGggZGF0YS1uYW1lPSJUcmF6YWRvIDE1OTgiIGQ9Ik0xMjQuODk2IDQ5LjY0MWEzLjc4IDMuNzggMCAwIDAtLjIxMS0xLjAzIDEuODQyIDEuODQyIDAgMCAwLTEuNzc4LTEuMjUxYy0xLjIzIDAtMi4wNiAxLTIuMDYgMi40NTlhMi4zODUgMi4zODUgMCAwIDAgMi40MiAyLjU1MyAzLjA5IDMuMDkgMCAwIDAgMS42LS40MzJ2LS45MjVhMi4wNDcgMi4wNDcgMCAwIDEtMS41LjY2MiAxLjcgMS43IDAgMCAxLTEuNy0xLjg1MXYtLjE3NFptLS45MTUtLjY5NGgtMi4yMDdhMS4xMTEgMS4xMTEgMCAwIDEgMS4xMzQtLjg4MyAxLjAzOCAxLjAzOCAwIDAgMSAxLjA3NC44ODNtLS4yMTEtMy41NjZoLTEuMDJsLS44MzEgMS4yNzFoLjcyNVoiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjxwYXRoIGRhdGEtbmFtZT0iVHJhemFkbyAxNTk5IiBkPSJNMTI5LjAwNCA0Ny42YTIuODExIDIuODExIDAgMCAwLTEuMTM3LS4yNDFjLS45NjcgMC0xLjYyOC41MjQtMS42MjggMS4zIDAgLjU2OC4yNzMuODE5IDEuMjkzIDEuMTg4Ljk0Ni4zNTggMS4xMzYuNTE2IDEuMTM2Ljk1OCAwIC41MjYtLjQ1Mi44NzEtMS4xNDcuODcxYTIuOTI1IDIuOTI1IDAgMCAxLTEuNDYyLS40NDF2Ljg0NmE0LjU0IDQuNTQgMCAwIDAgMS40MzIuMjk1YzEuMTU3IDAgMS45ODgtLjY3MyAxLjk4OC0xLjYyYTEuMzIxIDEuMzIxIDAgMCAwLS40LS45NTggMi42NzcgMi42NzcgMCAwIDAtMS4xNDYtLjU3OGMtLjc0OC0uMjYyLS44ODQtLjM1Ny0uODg0LS42MiAwLS4zMTYuMzU4LS41MzYuODUyLS41MzZhMi4yMiAyLjIyIDAgMCAxIDEuMS4zMjVaIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L2c+PC9nPjwvc3ZnPg==",
78
- "alt": "Servicio Aragonés de Salud",
79
- "classes": "inline-block w-16 lg:w-28 h-auto mb-base focus:outline-none focus:shadow-outline-black"
80
- },
81
- "title": {
82
- "homepageUrl": "/",
83
- "text": "Salud Informa"
84
- },
85
- "subtitle": {
86
- "text": "Te ayudamos a coger las riendas de tu salud y bienestar."
87
- },
88
- "navigation": {
89
- "items": [
90
- {
91
- "href": "#1",
92
- "text": "Inicio"
93
- },
94
- {
95
- "href": "#2",
96
- "text": "Navigation item 2",
97
- "active": true
98
- },
99
- {
100
- "href": "#3",
101
- "text": "Navigation item 3"
102
- },
103
- {
104
- "href": "#4",
105
- "text": "Navigation item 4"
106
- }
107
- ]
108
- },
109
- "offcanvas": {
110
- "text": "Menú",
111
- "textClose": "Cerrar menu",
112
- "labelledId": "offcanvas-title"
113
- }
114
- }) %}
115
- <nav class="w-full p-2" aria-label="Menú móvil">
116
- <h3 class="p-base text-base font-bold">Titulo de cabecera</h3>
117
- <!-- nav -->
118
- <ul class="text-sm" aria-label="Lista de páginas">
119
- <li>
120
- <span class="flex items-center px-base py-sm font-semibold" aria-current="page" id="nav-mobile-pages">
121
- <strong>Inicio</strong>
122
- </span>
123
- </li>
124
- <li>
125
- <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">
126
- Navigation item 2
127
- </a>
128
- </li>
129
- <li>
130
- <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">
131
- Navigation item 3
132
- </a>
133
- </li>
134
- <li>
135
- <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">
136
- Navigation item 4
137
- </a>
138
- </li>
139
- </ul>
140
- </nav>
141
- {% endcall %}
142
- </div>
143
68
  <div>
144
69
 
145
70
  </div>