{"id":2267,"date":"2026-10-21T13:05:48","date_gmt":"2026-10-21T11:05:48","guid":{"rendered":"https:\/\/onode.es\/clara\/"},"modified":"2026-10-25T19:29:00","modified_gmt":"2026-10-25T18:29:00","slug":"clara","status":"publish","type":"page","link":"https:\/\/onode.es\/en\/clara\/","title":{"rendered":"CLARA"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_block_section et_animated hero-manchas onode-fluid-section\">\n<div class=\"et_pb_row_0 et_pb_row et_block_row\">\n<div class=\"et_pb_column_0 et_pb_column et_pb_column_4_4 et-last-child et_block_column et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- ============================================================\n  EFECTO MANCHAS ANIMADAS \u2014 onode.thelab.es\n  Pegar en un m\u00f3dulo \"C\u00f3digo\" de Divi dentro de la secci\u00f3n hero.\n  La secci\u00f3n debe tener la clase CSS personalizada: hero-manchas\n  ============================================================ --><style id=\"blob-style\">.hero-manchas {\n    position: fixed !important;\n    overflow: hidden !important;\n    top: 0px!important;\n  }\n  #blob-canvas-wrapper {\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n    z-index: 0;\n  }\n  \/* Degradado inferior hacia blanco *\/\n  #blob-canvas-wrapper::after {\n    content: '';\n    position: absolute;\n    bottom: 0; left: 0; right: 0;\n    height: 45%;\n    \/*background: linear-gradient(to bottom, transparent, #91C0DB);*\/\n    pointer-events: none;\n    z-index: 2;\n  }\n  #blob-canvas {\n    width: 100%;\n    height: 100%;\n    display: block;\n    filter: blur(72px) saturate(1.4);\n  }\n  .hero-manchas > *:not(#blob-canvas-wrapper) {\n    position: relative;\n    z-index: 1;\n  }\n<\/style><script>(function () {\n  function initBlobs() {\n    var hero = document.querySelector('.hero-manchas');\n    if (!hero || document.getElementById('blob-canvas-wrapper')) return;\n \n    \/* --- Canvas --- *\/\n    var wrapper = document.createElement('div');\n    wrapper.id = 'blob-canvas-wrapper';\n    var canvas = document.createElement('canvas');\n    canvas.id = 'blob-canvas';\n    wrapper.appendChild(canvas);\n    hero.insertBefore(wrapper, hero.firstChild);\n \n    var ctx = canvas.getContext('2d');\n    var W, H;\n    function resize() { W = canvas.width = hero.offsetWidth; H = canvas.height = hero.offsetHeight; }\n    resize();\n    window.addEventListener('resize', resize);\n \n    \/* --- Rat\u00f3n: solo activo mientras se mueve --- *\/\n    var mouse = { x: 0, y: 0, active: false };\n    var mouseTimer = null;\n    document.addEventListener('mousemove', function (e) {\n      var rect = hero.getBoundingClientRect();\n      mouse.x = e.clientX - rect.left;\n      mouse.y = e.clientY - rect.top;\n      mouse.active = true;\n      clearTimeout(mouseTimer);\n      mouseTimer = setTimeout(function () { mouse.active = false; }, 300);\n    });\n \n    \/* --- Manchas (color #55C0D0) --- *\/\n    var blobs = [\n      {\n        x: W * 0.28, y: H * 0.45,\n        vx: 1.1, vy: 0.75,\n        r: 680,\n        color: [85, 192, 208], alpha: 0.82,\n        ox: [{ a: 1.4, f: 0.009 }, { a: 0.7, f: 0.017 }],\n        oy: [{ a: 1.0, f: 0.007 }, { a: 0.8, f: 0.013 }],\n        phase: 0,\n        attract: 0.008\n      },\n      {\n        x: W * 0.68, y: H * 0.52,\n        vx: -0.9, vy: 0.85,\n        r: 600,\n        color: [85, 192, 208], alpha: 0.48,\n        ox: [{ a: 1.2, f: 0.008 }, { a: 0.7, f: 0.015 }],\n        oy: [{ a: 1.1, f: 0.011 }, { a: 0.6, f: 0.006 }],\n        phase: 2.5,\n        attract: 0.007\n      }\n    ];\n \n    function drawBlob(b) {\n      var r = b.color[0], g = b.color[1], bl = b.color[2];\n      var grad = ctx.createRadialGradient(b.x, b.y, 0, b.x, b.y, b.r);\n      grad.addColorStop(0,   'rgba('+r+','+g+','+bl+','+b.alpha+')');\n      grad.addColorStop(0.5, 'rgba('+r+','+g+','+bl+','+(b.alpha*0.45)+')');\n      grad.addColorStop(1,   'rgba('+r+','+g+','+bl+',0)');\n      ctx.beginPath();\n      ctx.arc(b.x, b.y, b.r, 0, Math.PI * 2);\n      ctx.fillStyle = grad;\n      ctx.fill();\n    }\n \n    var t = 0;\n    function animate() {\n      t++;\n      ctx.clearRect(0, 0, W, H);\n \n      blobs.forEach(function (b) {\n        \/* Movimiento aut\u00f3nomo: velocidad base + oscilaciones en capas *\/\n        var driftX = b.ox.reduce(function (s, o) { return s + Math.sin(t * o.f + b.phase) * o.a; }, 0);\n        var driftY = b.oy.reduce(function (s, o) { return s + Math.cos(t * o.f + b.phase) * o.a; }, 0);\n        b.x += b.vx + driftX;\n        b.y += b.vy + driftY;\n \n        \/* Atracci\u00f3n solo cuando el rat\u00f3n se est\u00e1 moviendo *\/\n        if (mouse.active) {\n          b.x += (mouse.x - b.x) * b.attract;\n          b.y += (mouse.y - b.y) * b.attract;\n        }\n \n        \/* Rebote suave en bordes *\/\n        var m = b.r * 0.2;\n        if (b.x < m)     { b.x = m;     b.vx =  Math.abs(b.vx); }\n        if (b.x > W - m) { b.x = W - m; b.vx = -Math.abs(b.vx); }\n        if (b.y < m)     { b.y = m;     b.vy =  Math.abs(b.vy); }\n        if (b.y > H - m) { b.y = H - m; b.vy = -Math.abs(b.vy); }\n \n        drawBlob(b);\n      });\n \n      requestAnimationFrame(animate);\n    }\n    animate();\n  }\n \n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', initBlobs);\n  } else {\n    initBlobs();\n  }\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section et_animated\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_animated et_flex_column_3_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n\n\n<div class=\"et_pb_image_0 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Logo-Clara.svg\" alt=\"Clara Logo\" title=\"Clara Logo\" class=\"wp-image-2268\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_1 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module text-typing\"><div class=\"et_pb_text_inner\"><h1>Economic information portal turned into clear and connected dashboards<\/h1>\n<\/div><\/div>\n\n<div class=\"et_pb_text_2 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Interactive viewer software that allows for easy access to the administration's budget, public works, contracts, and grants.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_0_wrapper\"><a class=\"et_pb_button_0 et_pb_button et_pb_bg_layout_light et_pb_module et_flex_module btn-degradado-clara\" href=\"#asistente-chatbot-onode\">Request a demo<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row et_animated\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_3 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h3><span>Economy Viewers<\/span><\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_4 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>From economic data to information that citizens understand<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_5 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjE1NzE5ODcwMDksImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE3OjU0fDMxfDAifQo=(\/figmeta)-->\"><\/span>Publishing data doesn't make it understandable. CLARA turns it into clear dashboards that bring economic information closer to all citizens.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_group_carousel_0 et_pb_group_carousel et_pb_group et_pb_module et_pb_group_carousel_arrows_outside et_pb_group_carousel_dots_center et_pb_group_carousel_dots_below et_pb_group_carousel_slides_3 carrusel-drag\"><div class=\"et_pb_group_carousel_container\"><div class=\"et_pb_group_carousel_track\"><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_0 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_1 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/BUSCADOR-INTEACTIVO.gif\" title=\"INTERACTIVE SEARCH TOOL\" width=\"1280\" height=\"703\" srcset=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/BUSCADOR-INTEACTIVO.gif 1280w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1280px, 100vw\" class=\"wp-image-2281\" alt=\"Clara&#039;s Economic Charts\" \/><\/span><\/div>\n\n<div class=\"et_pb_image_2 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/AUTOMATITZACI__DE_DADES.svg\" title=\"DATA_AUTOMATION\" class=\"wp-image-2297\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_6 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjIwMDYzOTQ4NzQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE0fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>Data automation<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_7 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjE3NTg5NTE4NjQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE1fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>Automatically loads your entity's information from official sources (PCSP, BDNS, Ministry of Finance...) or from its own files.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_1 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_3 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/COMUNICACION-CLARA.gif\" title=\"CLEAR COMMUNICATION\" width=\"1280\" height=\"705\" srcset=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/COMUNICACION-CLARA.gif 1280w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1280px, 100vw\" class=\"wp-image-2279\" alt=\"Clara&#039;s Economic Charts\" \/><\/span><\/div>\n\n<div class=\"et_pb_image_4 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/COMUNICACI__CLARA.svg\" title=\"COMUNICACI__CLARA\" class=\"wp-image-2289\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_8 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjIwMDYzOTQ4NzQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE0fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>Clear communication (graphics)<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_9 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Show each dataset with charts, explanations, and the option to download it in open formats (open data).<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_2 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_5 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/FLEXIBILIDAD-ABSOLUTA.gif\" title=\"ABSOLUTE FLEXIBILITY\" width=\"1280\" height=\"698\" srcset=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/FLEXIBILIDAD-ABSOLUTA.gif 1280w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1280px, 100vw\" class=\"wp-image-2280\" alt=\"Map of Construction Sites in Clara\" \/><\/span><\/div>\n\n<div class=\"et_pb_image_6 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/FLEXIBILITAT_ABSOLUTA.svg\" title=\"ABSOLUTE FLEXIBILITY\" class=\"wp-image-2286\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_10 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjIwMDYzOTQ4NzQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE0fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>Absolute flexibility<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_11 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjE3NTg5NTE4NjQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE1fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>Aplica los criterios de publicaci\u00f3n, calcula los indicadores y elabora las estad\u00edsticas.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_3 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_7 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/AUTOMATIZACION-DE-DATOS.gif\" title=\"DATA AUTOMATION\" width=\"1280\" height=\"702\" srcset=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/AUTOMATIZACION-DE-DATOS.gif 1280w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1280px, 100vw\" class=\"wp-image-2278\" alt=\"Clara&#039;s Economic Charts\" \/><\/span><\/div>\n\n<div class=\"et_pb_image_8 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/CERCADOR_INTERACTIU.svg\" title=\"Interactive Search\" class=\"wp-image-2295\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_12 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjIwMDYzOTQ4NzQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE0fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>Interactive search<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_13 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjE3NTg5NTE4NjQsImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE1OjE1fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>The public follows the day-to-day of your activity and can compare all the available information.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div><span class=\"et_pb_group_carousel_arrow et_pb_group_carousel_arrow_prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\"><span class=\"et-pb-icon\">4<\/span><\/span><span class=\"et_pb_group_carousel_arrow et_pb_group_carousel_arrow_next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\"><span class=\"et-pb-icon\">5<\/span><\/span><div class=\"et_pb_group_carousel_dots\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row et_animated\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_14 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h3>The platform in detail<\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_15 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Four perspectives for a complete view of public management<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n<style>\n.onode-sec {\n\t--sec-azul: #335673;\n\t--sec-turquesa: #55C0D0;\n\t--sec-linea: #DFE4E8; \/* gris de las l\u00edneas separadoras *\/\n\t--sec-multiplicar: rgba(51, 86, 115, .32); \/* #335673 al 32% *\/\n\t--sec-columnas: minmax(0, 1.6fr) minmax(0, 1fr); \/* listado | foto *\/\n\t--sec-hueco: 48px;\n\t--sec-num-ajuste: 9px; \/* cu\u00e1nto baja el n\u00famero para quedar centrado con el t\u00edtulo (m\u00e1s = m\u00e1s abajo) *\/\n\tbackground: #ffffff;\n\tborder-radius: 16px;\n\tpadding: 36px 48px 40px;\n\tfont-family: 'Outfit', sans-serif;\n\tcolor: var(--sec-azul);\n\tbox-sizing: border-box;\n\twidth: 100%;\n}\n.onode-sec *, .onode-sec *::before, .onode-sec *::after { box-sizing: border-box; }\n.onode-sec :where(p, h2, h3, ol, li) { margin: 0; padding: 0; }\n.onode-sec p { max-width: none !important; }\n\/* ---------- Pesta\u00f1as ---------- *\/\n.sec-tabs {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 10px 48px;\n\tmargin: 0 0 28px;\n}\n.sec-tab {\n\tappearance: none;\n\tbackground: none !important;\n\tborder: 0 !important;\n\tborder-bottom: 1px solid var(--sec-azul) !important;\n\tborder-radius: 0 !important;\n\tmargin: 0 !important;\n\tpadding: 0 2px 5px !important;\n\tfont-family: 'Outfit', sans-serif !important;\n\tfont-size: 22px !important;\n\tfont-weight: 400 !important;\n\tline-height: 1.2 !important;\n\tcolor: var(--sec-azul) !important;\n\topacity: .75;\n\tcursor: pointer;\n\ttransition: opacity .25s ease;\n}\n.sec-tab:hover { opacity: 1; }\n.sec-tab[aria-selected=\"true\"] {\n\topacity: 1;\n\tfont-weight: 500 !important;\n\tbox-shadow: inset 0 -1px 0 var(--sec-azul); \/* subrayado un poco m\u00e1s grueso en la activa *\/\n}\n.sec-tab:focus-visible { outline: 2px solid var(--sec-azul); outline-offset: 4px; }\n\/* ---------- Paneles (todos ocupan el mismo sitio: la altura es la del m\u00e1s grande) ---------- *\/\n.sec-paneles { display: grid; }\n.sec-panel {\n\tgrid-area: 1 \/ 1;\n\topacity: 0;\n\tvisibility: hidden;\n\ttransition: opacity .35s ease, visibility 0s linear .35s;\n}\n.sec-panel.is-activo {\n\topacity: 1;\n\tvisibility: visible;\n\ttransition: opacity .35s ease, visibility 0s;\n}\n.sec-cabecera { margin-bottom: 18px; }\n.sec-titulo {\n\tfont-family: 'Outfit', sans-serif !important;\n\tfont-size: 38px !important;\n\tfont-weight: 600 !important;\n\tline-height: 1.15 !important;\n\tcolor: var(--sec-azul) !important;\n\tmargin: 0 0 8px !important;\n\tpadding: 0 !important;\n}\n.sec-desc {\n\tfont-size: 22px !important;\n\tline-height: 1.4 !important;\n\tcolor: var(--sec-azul) !important;\n}\n\/* Listado a la izquierda y foto a la derecha *\/\n.sec-cuerpo {\n\tdisplay: grid;\n\tgrid-template-columns: var(--sec-columnas);\n\tgap: var(--sec-hueco);\n\talign-items: start;\n}\n\/* ---------- Listado numerado ---------- *\/\n.sec-lista {\n\tlist-style: none !important;\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n}\n.sec-item {\n\tlist-style: none !important;\n\tdisplay: grid;\n\tgrid-template-columns: 58px minmax(0, 1fr);\n\tcolumn-gap: 18px;\n\trow-gap: 4px;\n\tmargin: 0 !important;\n\tpadding: 16px 0 !important;\n\tborder-top: 1px solid var(--sec-linea);\n}\n.sec-item:first-child { border-top: 0; padding-top: 4px !important; }\n.sec-item:last-child { padding-bottom: 0 !important; }\n.sec-item::marker { content: ''; }\n\/* N\u00famero y t\u00edtulo en la misma fila: primero se alinean por la l\u00ednea base (la parte de abajo de las letras)\n   y despu\u00e9s el n\u00famero baja un poco para que su centro coincida con el del t\u00edtulo *\/\n.sec-num,\n.sec-item h3 {\n\tgrid-row: 1;\n\talign-self: baseline;\n}\n.sec-num {\n\tgrid-column: 1;\n\tposition: relative;\n\ttop: var(--sec-num-ajuste);\n\tfont-size: 38px;\n\tfont-weight: 400;\n\tline-height: 1;\n\tcolor: var(--sec-turquesa);\n}\n\/* T\u00edtulo de cada punto: mismo color que el n\u00famero *\/\n.sec-item h3 {\n\tgrid-column: 2;\n\tfont-family: 'Outfit', sans-serif !important;\n\tfont-size: 24px !important;\n\tfont-weight: 600 !important;\n\tline-height: 1.25 !important;\n\tcolor: var(--sec-turquesa) !important;\n\tmargin: 0 !important;\n\tpadding: 0 !important;\n}\n.sec-item p {\n\tgrid-column: 2;\n\tgrid-row: 2;\n\tfont-size: 20px !important;\n\tline-height: 1.4 !important;\n\tcolor: var(--sec-azul) !important;\n}\n\/* ---------- Foto con efecto multiplicar ----------\n   Todas las fotos tienen la misma altura: la del listado m\u00e1s largo de todas las pesta\u00f1as\n   (la calcula el script; mientras tanto, la foto se ajusta a su propio listado) *\/\n.sec-foto {\n\tposition: relative;\n\twidth: 100%;\n\tmax-width: 480px;\n\theight: var(--sec-foto-alto);\n\talign-self: stretch;\n\tmin-height: 0;\n\tjustify-self: center;\n\tborder-radius: 14px;\n\toverflow: hidden;\n}\n.sec-foto img {\n\tposition: absolute;\n\tinset: 0;\n\tdisplay: block;\n\twidth: 100% !important;\n\theight: 100% !important;\n\tobject-fit: cover;\n\tmargin: 0 !important;\n}\n.sec-foto::after {\n\tcontent: '';\n\tposition: absolute;\n\tinset: 0;\n\tbackground: var(--sec-multiplicar);\n\tmix-blend-mode: multiply;\n\tpointer-events: none;\n}\n\/* ---------- Port\u00e1tiles ---------- *\/\n@media (max-width: 1440px) {\n\t.onode-sec { padding: 32px 36px 36px; --sec-hueco: 32px; }\n\t.sec-tabs { gap: 10px 32px; margin-bottom: 22px; }\n\t.sec-titulo { font-size: 34px !important; }\n\t.sec-item { padding: 14px 0 !important; }\n\t.sec-item:first-child { padding-top: 4px !important; }\n\t.sec-item:last-child { padding-bottom: 0 !important; }\n\t.sec-foto { max-width: 400px; }\n}\n\/* ---------- Tablet y m\u00f3vil: la foto pasa debajo ---------- *\/\n@media (max-width: 980px) {\n\t.onode-sec { --sec-columnas: minmax(0, 1fr); --sec-hueco: 24px; }\n\t.sec-foto { max-width: none; height: auto; align-self: start; aspect-ratio: 16 \/ 9; }\n}\n@media (max-width: 767px) {\n\t\/* CAMBIO M\u00d3VIL: el n\u00famero baja algo m\u00e1s para seguir centrado con el t\u00edtulo, ahora m\u00e1s peque\u00f1o (antes 3px) *\/\n\t.onode-sec { padding: 26px 18px 28px; --sec-num-ajuste: 7px; }\n\t.sec-tabs { gap: 10px 22px; margin-bottom: 22px; }\n\t.sec-tab { font-size: 20px !important; }\n\t.sec-titulo { font-size: 30px !important; }\n\t.sec-desc { font-size: 18px !important; }       \/* CAMBIO M\u00d3VIL: subt\u00edtulo a 18px (antes 20px) *\/\n\t.sec-item { grid-template-columns: 44px minmax(0, 1fr); column-gap: 12px; }\n\t.sec-num { font-size: 32px; }\n\t.sec-item h3 { font-size: 20px !important; }    \/* CAMBIO M\u00d3VIL: t\u00edtulo de cada punto a 20px (antes 22px) *\/\n\t.sec-item p { font-size: 16px !important; }     \/* CAMBIO M\u00d3VIL: texto de cada punto a 16px (antes 19px) *\/\n}\n<\/style>\n<div id=\"onode-sec-1\" class=\"onode-sec\">\n\t<div class=\"sec-tabs\" role=\"tablist\">\n\t\t\t\t\t<button type=\"button\" class=\"sec-tab\" role=\"tab\" aria-selected=\"true\">Budget<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"sec-tab\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\">Works and investments<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"sec-tab\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\">Contracts<\/button>\n\t\t\t\t\t<button type=\"button\" class=\"sec-tab\" role=\"tab\" aria-selected=\"false\" tabindex=\"-1\">Grants<\/button>\n\t\t\t<\/div>\n\t<div class=\"sec-paneles\">\n\t\t\t\t\t<div class=\"sec-panel is-activo\" role=\"tabpanel\">\n\t\t\t\t<div class=\"sec-cabecera\">\n\t\t\t\t\t<h2 class=\"sec-titulo\">Budget<\/h2>\n\t\t\t\t\t<p class=\"sec-desc\">Check the budget, how it is being executed and the breakdown of income and expenditure.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sec-cuerpo\">\n\t\t\t\t\t<ol class=\"sec-lista\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">01<\/span>\n\t\t\t\t\t\t\t\t<h3>Annual budgets<\/h3>\n\t\t\t\t\t\t\t\t<p>The key figures for the year: how much is expected to be collected and spent, and on what.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">02<\/span>\n\t\t\t\t\t\t\t\t<h3>Budget execution<\/h3>\n\t\t\t\t\t\t\t\t<p>How much has actually been collected and spent to date compared with the forecast.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">03<\/span>\n\t\t\t\t\t\t\t\t<h3>Economic indicators<\/h3>\n\t\t\t\t\t\t\t\t<p>Savings, fiscal autonomy, debt, average payment period (PMP) and other indicators.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">04<\/span>\n\t\t\t\t\t\t\t\t<h3>Statistical information<\/h3>\n\t\t\t\t\t\t\t\t<p>The most relevant statistical data on the annual budget.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t<div class=\"sec-foto\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Presupuesto-clara-scaled.jpg\" alt=\"Person reviewing accounts with a calculator\" loading=\"lazy\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"sec-panel\" role=\"tabpanel\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"sec-cabecera\">\n\t\t\t\t\t<h2 class=\"sec-titulo\">Works and investments<\/h2>\n\t\t\t\t\t<p class=\"sec-desc\">Locate projects, view their details, and track progress on construction and investments.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sec-cuerpo\">\n\t\t\t\t\t<ol class=\"sec-lista\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">01<\/span>\n\t\t\t\t\t\t\t\t<h3>Projects map<\/h3>\n\t\t\t\t\t\t\t\t<p>All works and investments located on the map.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">02<\/span>\n\t\t\t\t\t\t\t\t<h3>Investments<\/h3>\n\t\t\t\t\t\t\t\t<p>Planned investment by area or project.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">03<\/span>\n\t\t\t\t\t\t\t\t<h3>Find a project<\/h3>\n\t\t\t\t\t\t\t\t<p>Search for any project and open its detailed record.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">04<\/span>\n\t\t\t\t\t\t\t\t<h3>Before and after<\/h3>\n\t\t\t\t\t\t\t\t<p>The initial state and the result of each project, to see the change at a glance.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t<div class=\"sec-foto\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Obras-e-inversiones-clara-scaled.jpg\" alt=\"Building plans with a compass and pencil\" loading=\"lazy\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"sec-panel\" role=\"tabpanel\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"sec-cabecera\">\n\t\t\t\t\t<h2 class=\"sec-titulo\">Contracts<\/h2>\n\t\t\t\t\t<p class=\"sec-desc\">Search public contracts, find out who the main contractors are and review the statistics.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sec-cuerpo\">\n\t\t\t\t\t<ol class=\"sec-lista\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">01<\/span>\n\t\t\t\t\t\t\t\t<h3>Contracts database<\/h3>\n\t\t\t\t\t\t\t\t<p>Find any contract awarded by the organisation and check its purpose, amount and contractor.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">02<\/span>\n\t\t\t\t\t\t\t\t<h3>Statistical information<\/h3>\n\t\t\t\t\t\t\t\t<p>The most relevant statistical data on awarded and formalised contracts.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">03<\/span>\n\t\t\t\t\t\t\t\t<h3>Main contractors<\/h3>\n\t\t\t\t\t\t\t\t<p>The companies that win the most contracts from the organisation and the amount awarded to each.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t<div class=\"sec-foto\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Contratos-Clara-scaled.jpg\" alt=\"Two people reviewing and signing a contract\" loading=\"lazy\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<div class=\"sec-panel\" role=\"tabpanel\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"sec-cabecera\">\n\t\t\t\t\t<h2 class=\"sec-titulo\">Grants<\/h2>\n\t\t\t\t\t<p class=\"sec-desc\">Explore the grants the organisation awards and those it receives from other administrations.<\/p>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"sec-cuerpo\">\n\t\t\t\t\t<ol class=\"sec-lista\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">01<\/span>\n\t\t\t\t\t\t\t\t<h3>Grants awarded<\/h3>\n\t\t\t\t\t\t\t\t<p>The grants the organisation awards: to whom, what for and for how much.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"sec-item\">\n\t\t\t\t\t\t\t\t<span class=\"sec-num\" aria-hidden=\"true\">02<\/span>\n\t\t\t\t\t\t\t\t<h3>Grants received<\/h3>\n\t\t\t\t\t\t\t\t<p>The funds the organisation receives from other administrations and what they are used for.<\/p>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\t<div class=\"sec-foto\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Subvenciones-Clara-scaled.jpg\" alt=\"Person reviewing documents with glasses on the table\" loading=\"lazy\"><\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n<\/div>\n<script>\n(function () {\n\tvar bloque = document.getElementById('onode-sec-1');\n\tif (!bloque) return;\n\t\/* ----- Pesta\u00f1as ----- *\/\n\tvar tabs = Array.prototype.slice.call(bloque.querySelectorAll('.sec-tab'));\n\tvar paneles = bloque.querySelectorAll('.sec-panel');\n\tfunction activar(i, enfocar) {\n\t\ttabs.forEach(function (tab, j) {\n\t\t\tvar activo = (i === j);\n\t\t\ttab.setAttribute('aria-selected', activo ? 'true' : 'false');\n\t\t\ttab.setAttribute('tabindex', activo ? '0' : '-1');\n\t\t\tpaneles[j].classList.toggle('is-activo', activo);\n\t\t\tpaneles[j].setAttribute('aria-hidden', activo ? 'false' : 'true');\n\t\t});\n\t\tif (enfocar) tabs[i].focus();\n\t}\n\ttabs.forEach(function (tab, i) {\n\t\ttab.addEventListener('click', function () { activar(i, false); });\n\t\ttab.addEventListener('keydown', function (e) {\n\t\t\tif (e.key === 'ArrowRight') { e.preventDefault(); activar((i + 1) % tabs.length, true); }\n\t\t\tif (e.key === 'ArrowLeft')  { e.preventDefault(); activar((i - 1 + tabs.length) % tabs.length, true); }\n\t\t});\n\t});\n\t\/* ----- Todas las fotos con la altura del listado m\u00e1s largo ----- *\/\n\tvar listas = Array.prototype.slice.call(bloque.querySelectorAll('.sec-lista'));\n\tfunction igualarFotos() {\n\t\tvar maximo = 0;\n\t\tlistas.forEach(function (lista) {\n\t\t\tmaximo = Math.max(maximo, lista.offsetHeight);\n\t\t});\n\t\tif (maximo > 0) bloque.style.setProperty('--sec-foto-alto', maximo + 'px');\n\t}\n\tif ('ResizeObserver' in window) {\n\t\tvar observador = new ResizeObserver(igualarFotos);\n\t\tlistas.forEach(function (lista) { observador.observe(lista); });\n\t} else {\n\t\twindow.addEventListener('resize', igualarFotos);\n\t\twindow.addEventListener('load', igualarFotos);\n\t}\n\tigualarFotos();\n})();\n<\/script>\n\t<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section et_pb_section_parallax\"><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background-module--divi-section-4 et_parallax_bg_hover_exist\" style=\"background-image:url(https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/fondo_beneficios_borroso.png);background-color:hsl(from #0d1b28 calc(h + 0) calc(s + 0) calc(l + 0) \/ 0.5);background-blend-mode:multiply\"><\/span><\/span><span class=\"et-pb-parallax-wrapper\"><span class=\"et-pb-parallax-background et-pb-parallax-background--css et-pb-parallax-background__hover et-pb-parallax-background__hover-module--divi-section-4\" style=\"background-image:url(https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/fondo_beneficios_borroso.png);background-color:hsl(from #0d1b28 calc(h + 0) calc(s + 0) calc(l + 0) \/ 0.5);background-blend-mode:multiply\"><\/span><\/span>\n<div class=\"et_pb_row_4 et_pb_row et_flex_row et_animated\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_16 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h3>Benefits<\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_17 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>For entities that want to be accountable, and for those who demand it.<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_animated et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_18 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h3><span>For public administrations<\/span><\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_19 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Economic transparency that builds trust<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_group_4 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\/* Lista de caracter\u00edsticas (completa, no depende del CSS de otras p\u00e1ginas) *\/\n.lista-caracteristicas--celeste {\n\t--car-color: #ffffff;   \/* color de t\u00edtulos y textos *\/\n\t--car-celeste: #55C0D0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n}\n.lista-caracteristicas--celeste .caracteristica {\n\tposition: relative;\n\tpadding: 14px 0;\n\tcursor: pointer;\n\toutline: none;\n}\n.lista-caracteristicas--celeste .caracteristica-titulo {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 18px;\n\tfont-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;\n\tfont-weight: 500;\n\tcolor: var(--car-color);\n\tline-height: 1.2;\n}\n.lista-caracteristicas--celeste .caracteristica-punto {\n\tposition: relative;\n\tflex: 0 0 26px;\n\twidth: 26px;\n\theight: 26px;\n\tborder-radius: 50%;\n\tbackground: #55C0D063;\n\ttransition: transform .3s ease, background-color .3s ease;\n}\n.lista-caracteristicas--celeste .caracteristica-punto::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 9px;\n\theight: 9px;\n\tborder-radius: 50%;\n\tbackground: var(--car-celeste);\n\ttransform: translate(-50%, -50%);\n\ttransition: transform .3s ease;\n}\n.lista-caracteristicas--celeste .caracteristica-descripcion {\n\tmax-height: 0;\n\toverflow: hidden;\n\topacity: 0;\n\tcolor: var(--car-color);\n\tpadding-left: 44px;\n\ttransition: max-height .45s ease, opacity .3s ease, margin-top .45s ease;\n}\n.lista-caracteristicas--celeste .caracteristica-descripcion p {\n\tmargin: 0;\n\tpadding: 0;\n\tfont-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;\n\tline-height: 1.6;\n\tcolor: var(--car-color);\n}\n.lista-caracteristicas--celeste .caracteristica:hover .caracteristica-descripcion,\n.lista-caracteristicas--celeste .caracteristica:focus-within .caracteristica-descripcion,\n.lista-caracteristicas--celeste .caracteristica.activa .caracteristica-descripcion {\n\tmax-height: 200px;\n\topacity: 1;\n\tmargin-top: 12px;\n}\n.lista-caracteristicas--celeste .caracteristica:hover .caracteristica-punto,\n.lista-caracteristicas--celeste .caracteristica:focus-within .caracteristica-punto,\n.lista-caracteristicas--celeste .caracteristica.activa .caracteristica-punto {\n\tbackground: rgba(85, 192, 208, .6);\n\ttransform: scale(1.08);\n}\n.lista-caracteristicas--celeste .caracteristica:hover .caracteristica-punto::after,\n.lista-caracteristicas--celeste .caracteristica:focus-within .caracteristica-punto::after,\n.lista-caracteristicas--celeste .caracteristica.activa .caracteristica-punto::after {\n\ttransform: translate(-50%, -50%) scale(1.15);\n}\n@media (max-width: 767px) {\n\t.lista-caracteristicas--celeste .caracteristica-titulo { gap: 14px; }\n\t.lista-caracteristicas--celeste .caracteristica-descripcion { padding-left: 40px; }\n\t\/* CAMBIO M\u00d3VIL: t\u00edtulos a 18px (en el HTML est\u00e1n a 20px, por eso el !important) *\/\n\t.lista-caracteristicas--celeste .caracteristica-titulo > span:not(.caracteristica-punto) {\n\t\tfont-size: 18px !important;\n\t}\n\t\/* CAMBIO M\u00d3VIL: descripciones a 16px *\/\n\t.lista-caracteristicas--celeste .caracteristica-descripcion p {\n\t\tfont-size: 16px !important;\n\t}\n\t\/* CAMBIO M\u00d3VIL: el primer desplegable sale abierto al cargar,\n\t   con exactamente el mismo aspecto que cuando se toca *\/\n\t.lista-caracteristicas--celeste .caracteristica.is-abierto .caracteristica-descripcion {\n\t\tmax-height: 200px;\n\t\topacity: 1;\n\t\tmargin-top: 12px;\n\t}\n\t.lista-caracteristicas--celeste .caracteristica.is-abierto .caracteristica-punto {\n\t\tbackground: rgba(85, 192, 208, .6);\n\t\ttransform: scale(1.08);\n\t}\n\t.lista-caracteristicas--celeste .caracteristica.is-abierto .caracteristica-punto::after {\n\t\ttransform: translate(-50%, -50%) scale(1.15);\n\t}\n}\n<\/style><div class=\"lista-caracteristicas lista-caracteristicas--celeste\"><div class=\"caracteristica is-abierto\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Automatitzaci\u00f3 i efici\u00e8ncia operativa<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Redu\u00efx el treball manual i els errors en actualitzar la informaci\u00f3 de manera autom\u00e0tica en els visors.\n\t\t\t<\/p><\/div><\/div><div class=\"caracteristica\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Compliment normatiu i informaci\u00f3 estructurada<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Facilita el compliment de les exig\u00e8ncies legals organitzant obres, contractes, pressupostos i ajudes en formats homogenis i accessibles.\n\t\t\t<\/p><\/div><\/div><div class=\"caracteristica\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Reducci\u00f3 de la c\u00e0rrega de gesti\u00f3<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Disminu\u00efx la tramitaci\u00f3 de sol\u00b7licituds d'acc\u00e9s en oferir les dades de manera directa, visible i f\u00e0cil de localitzar.\n\t\t\t<\/p><\/div><\/div><div class=\"caracteristica\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Dades obertes i reutilitzables<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Facilita l'an\u00e0lisi i el seguiment de la gesti\u00f3 municipal publicant, a m\u00e9s, dades reutilitzables i en formats oberts.\n\t\t\t<\/p><\/div><\/div><\/div><script>(function () {\n\t\/* En cuanto se toca cualquier desplegable, el primero deja de estar abierto por defecto\n\t   y cada uno vuelve a funcionar como siempre (se abre el que se toca) *\/\n\tdocument.querySelectorAll('.lista-caracteristicas--celeste').forEach(function (lista) {\n\t\tif (lista.dataset.listo) return;\n\t\tlista.dataset.listo = '1';\n\t\tvar items = Array.prototype.slice.call(lista.querySelectorAll('.caracteristica'));\n\t\tfunction quitarAbiertoInicial() {\n\t\t\titems.forEach(function (item) {\n\t\t\t\titem.classList.remove('is-abierto');\n\t\t\t});\n\t\t}\n\t\titems.forEach(function (item) {\n\t\t\titem.addEventListener('click', quitarAbiertoInicial);\n\t\t\titem.addEventListener('focusin', quitarAbiertoInicial);\n\t\t});\n\t});\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_animated et_flex_column_12_24 et_flex_column_12_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_20 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><h3><span>For citizens and supervisory agents<\/span><\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_21 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Understanding and ability to oversee public management<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\/* Lista de caracter\u00edsticas (completa, no depende del CSS de otras p\u00e1ginas) *\/\n.lista-caracteristicas--celeste {\n\t--car-color: #ffffff;   \/* color de t\u00edtulos y textos *\/\n\t--car-celeste: #55C0D0;\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 10px;\n}\n.lista-caracteristicas--celeste .caracteristica {\n\tposition: relative;\n\tpadding: 14px 0;\n\tcursor: pointer;\n\toutline: none;\n}\n.lista-caracteristicas--celeste .caracteristica-titulo {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: 18px;\n\tfont-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;\n\tfont-weight: 500;\n\tcolor: var(--car-color);\n\tline-height: 1.2;\n}\n.lista-caracteristicas--celeste .caracteristica-punto {\n\tposition: relative;\n\tflex: 0 0 26px;\n\twidth: 26px;\n\theight: 26px;\n\tborder-radius: 50%;\n\tbackground: #55C0D063;\n\ttransition: transform .3s ease, background-color .3s ease;\n}\n.lista-caracteristicas--celeste .caracteristica-punto::after {\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 9px;\n\theight: 9px;\n\tborder-radius: 50%;\n\tbackground: var(--car-celeste);\n\ttransform: translate(-50%, -50%);\n\ttransition: transform .3s ease;\n}\n.lista-caracteristicas--celeste .caracteristica-descripcion {\n\tmax-height: 0;\n\toverflow: hidden;\n\topacity: 0;\n\tcolor: var(--car-color);\n\tpadding-left: 44px;\n\ttransition: max-height .45s ease, opacity .3s ease, margin-top .45s ease;\n}\n.lista-caracteristicas--celeste .caracteristica-descripcion p {\n\tmargin: 0;\n\tpadding: 0;\n\tfont-family: 'Mulish', Helvetica, Arial, Lucida, sans-serif;\n\tline-height: 1.6;\n\tcolor: var(--car-color);\n}\n.lista-caracteristicas--celeste .caracteristica:hover .caracteristica-descripcion,\n.lista-caracteristicas--celeste .caracteristica:focus-within .caracteristica-descripcion,\n.lista-caracteristicas--celeste .caracteristica.activa .caracteristica-descripcion {\n\tmax-height: 200px;\n\topacity: 1;\n\tmargin-top: 12px;\n}\n.lista-caracteristicas--celeste .caracteristica:hover .caracteristica-punto,\n.lista-caracteristicas--celeste .caracteristica:focus-within .caracteristica-punto,\n.lista-caracteristicas--celeste .caracteristica.activa .caracteristica-punto {\n\tbackground: rgba(85, 192, 208, .6);\n\ttransform: scale(1.08);\n}\n.lista-caracteristicas--celeste .caracteristica:hover .caracteristica-punto::after,\n.lista-caracteristicas--celeste .caracteristica:focus-within .caracteristica-punto::after,\n.lista-caracteristicas--celeste .caracteristica.activa .caracteristica-punto::after {\n\ttransform: translate(-50%, -50%) scale(1.15);\n}\n@media (max-width: 767px) {\n\t.lista-caracteristicas--celeste .caracteristica-titulo { gap: 14px; }\n\t.lista-caracteristicas--celeste .caracteristica-descripcion { padding-left: 40px; }\n\t\/* CAMBIO M\u00d3VIL: t\u00edtulos a 18px (en el HTML est\u00e1n a 20px, por eso el !important) *\/\n\t.lista-caracteristicas--celeste .caracteristica-titulo > span:not(.caracteristica-punto) {\n\t\tfont-size: 18px !important;\n\t}\n\t\/* CAMBIO M\u00d3VIL: descripciones a 16px *\/\n\t.lista-caracteristicas--celeste .caracteristica-descripcion p {\n\t\tfont-size: 16px !important;\n\t}\n\t\/* CAMBIO M\u00d3VIL: el primer desplegable sale abierto al cargar,\n\t   con exactamente el mismo aspecto que cuando se toca *\/\n\t.lista-caracteristicas--celeste .caracteristica.is-abierto .caracteristica-descripcion {\n\t\tmax-height: 200px;\n\t\topacity: 1;\n\t\tmargin-top: 12px;\n\t}\n\t.lista-caracteristicas--celeste .caracteristica.is-abierto .caracteristica-punto {\n\t\tbackground: rgba(85, 192, 208, .6);\n\t\ttransform: scale(1.08);\n\t}\n\t.lista-caracteristicas--celeste .caracteristica.is-abierto .caracteristica-punto::after {\n\t\ttransform: translate(-50%, -50%) scale(1.15);\n\t}\n}\n<\/style><div class=\"lista-caracteristicas lista-caracteristicas--celeste\"><div class=\"caracteristica is-abierto\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Acc\u00e9s \u00e0gil i comprensi\u00f3 de la despesa p\u00fablica<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Permet entendre de manera clara on van els recursos sense haver de revisar documents extensos o t\u00e8cnics.\n\t\t\t<\/p><\/div><\/div><div class=\"caracteristica\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Detall d'obres, contractes i ajudes<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Centralitza la consulta sobre l'avan\u00e7 d'inversions, adjudicacions a empreses i concessi\u00f3 de subvencions.\n\t\t\t<\/p><\/div><\/div><div class=\"caracteristica\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Avaluaci\u00f3 de prioritats i rendici\u00f3 de comptes<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Ajuda a identificar les prioritats reals d'inversi\u00f3 i a contrastar les decisions p\u00fabliques amb els compromisos anunciats.\n\t\t\t<\/p><\/div><\/div><div class=\"caracteristica\" tabindex=\"0\"><div class=\"caracteristica-titulo\"><span class=\"caracteristica-punto\"><\/span><span style=\"font-size: 20px;\">Generaci\u00f3 de valor social i c\u00edvic<\/span><\/div><div class=\"caracteristica-descripcion\"><p style=\"font-size: 16px;\">Posa la informaci\u00f3 a l'abast de persones, col\u00b7lectius i empreses per a impulsar iniciatives, investigaci\u00f3 i valor comunitari.\n\t\t\t<\/p><\/div><\/div><\/div><script>(function () {\n\t\/* En cuanto se toca cualquier desplegable, el primero deja de estar abierto por defecto\n\t   y cada uno vuelve a funcionar como siempre (se abre el que se toca) *\/\n\tdocument.querySelectorAll('.lista-caracteristicas--celeste').forEach(function (lista) {\n\t\tif (lista.dataset.listo) return;\n\t\tlista.dataset.listo = '1';\n\t\tvar items = Array.prototype.slice.call(lista.querySelectorAll('.caracteristica'));\n\t\tfunction quitarAbiertoInicial() {\n\t\t\titems.forEach(function (item) {\n\t\t\t\titem.classList.remove('is-abierto');\n\t\t\t});\n\t\t}\n\t\titems.forEach(function (item) {\n\t\t\titem.addEventListener('click', quitarAbiertoInicial);\n\t\t\titem.addEventListener('focusin', quitarAbiertoInicial);\n\t\t});\n\t});\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row et_animated\">\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_22 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h3><span>Features and Functionalities<\/span><\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_23 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Operational efficiency, automation, and better public management<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_24 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span data-metadata=\"<!--(figmeta)eyJmaWxlS2V5IjoiRE85QWFnTG5VQnBndkQ0d09tajVucyIsInBhc3RlSUQiOjE1NzE5ODcwMDksImRhdGFUeXBlIjoic2NlbmUiLCJlbnZpcm9ubWVudCI6Ind3dy5maWdtYS5jb20iLCJzZWxlY3RlZE5vZGVEYXRhIjoiMTE3OjU0fDMxfDAifQo=(\/figmeta)-->\"><\/span><span>CLARA goes beyond active advertising: it explains how each figure is calculated, opens up the data for reuse, and gives citizens tools to monitor management.<\/span><\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_row_7 et_pb_row et_flex_row et_animated\">\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_group_carousel_1 et_pb_group_carousel et_pb_group et_pb_module et_pb_group_carousel_arrows_outside et_pb_group_carousel_dots_center et_pb_group_carousel_dots_below et_pb_group_carousel_slides_3 carrusel-misma-altura carrusel-drag\"><div class=\"et_pb_group_carousel_container\"><div class=\"et_pb_group_carousel_track\"><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_5 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_9 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/ARQUITECTURA_MODULAR.svg\" title=\"Modular Architecture\" class=\"wp-image-2296\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_25 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Modular Architecture<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_26 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Allows you to organize information in different specific views through a single platform, with a coherent presentation tailored to the organization.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_6 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_10 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Actualitzaci__automatitzada_de_dades.svg\" title=\"Automated data update\" class=\"wp-image-2293\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_27 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Automated data update<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_28 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Automate the ingestion and updating of information from available data sources, minimizing manual intervention.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_7 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_11 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Integraci__amb_fonts_d_informaci_.svg\" title=\"Integration with information sources\" class=\"wp-image-2288\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_29 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Integration with information sources<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_30 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Facilitates connection to systems, databases, and financial management files, according to your entity's integration capabilities.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_8 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_12 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Visualitzaci__interactiva.svg\" title=\"Interactive visualization\" class=\"wp-image-2282\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_31 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Interactive visualization<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_32 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Graphs, indicators, and tables that allow you to explore, search, and filter information to find the specific data.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_9 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_13 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Rendici__de_comptes.svg\" title=\"Accountability\" class=\"wp-image-2285\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_33 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Accountability<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_34 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Mandate commitments and public service results, with planning and compliance levels in view.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_10 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_14 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Llenguatge_clar.svg\" title=\"Clear language\" class=\"wp-image-2283\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_35 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Clear language<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_36 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>The same data, with the technical rigor required by regulations and the level of comprehensibility and clarity that the public needs.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_11 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_15 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Dades_obertes_i_reutilitzables.svg\" title=\"Open and Reusable Data\" class=\"wp-image-2290\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_37 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Open and Reusable Data<\/span><span><\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_38 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Facilitates access to and reuse of information through query and download options, promoting open data.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_12 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_16 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Disseny_responsive_i_accessible.svg\" title=\"Responsive and accessible design\" class=\"wp-image-2292\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_39 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Responsive and accessible design<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_40 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Allows you to access information from different devices, with a presentation designed to facilitate navigation and understanding.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_13 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_17 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Adaptada_a_la_teua_imatge.svg\" title=\"Adapted to your image\" class=\"wp-image-2294\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_41 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Adapted to your image<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_42 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>The viewer adopts the entity's colors, logo, and text, without needing to program or requiring any technical knowledge.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_14 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_18 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Dashboard_operatiu.svg\" title=\"Operational Dashboard\" class=\"wp-image-2291\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_43 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Operational Dashboard<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_44 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p>Detects outdated information, identifies its responsible party, and measures what information the public is viewing.<\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_15 et_pb_group et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_19 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Manteniment_i_control_de_la_informaci_.svg\" title=\"Maintenance and control of information\" class=\"wp-image-2284\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_45 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Maintenance and control of information<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_46 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Facilitates the oversight of published data and the maintenance of dashboards in accordance with your organization's needs.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><div class=\"et_pb_group_carousel_slide\"><div class=\"et_pb_group_16 et_pb_group et-last-child et_pb_module et_flex_group et_pb_css_mix_blend_mode_passthrough\">\n<div class=\"et_pb_image_20 et_pb_image et_pb_module et_flex_module icono-slider\"><span class=\"et_pb_image_wrap\"><img decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/10\/Gesti__aut_noma.svg\" title=\"Self-management\" class=\"wp-image-2287\" \/><\/span><\/div>\n\n<div class=\"et_pb_text_47 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Self-management<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_48 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>Each department or user manages their own information with the roles and permissions assigned to them.<\/span><\/p>\n<\/div><\/div>\n<\/div><\/div><\/div><\/div><span class=\"et_pb_group_carousel_arrow et_pb_group_carousel_arrow_prev\" role=\"button\" tabindex=\"0\" aria-label=\"Previous slide\"><span class=\"et-pb-icon\">4<\/span><\/span><span class=\"et_pb_group_carousel_arrow et_pb_group_carousel_arrow_next\" role=\"button\" tabindex=\"0\" aria-label=\"Next slide\"><span class=\"et-pb-icon\">5<\/span><\/span><div class=\"et_pb_group_carousel_dots\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row et_animated\">\n<div class=\"et_pb_column_9 et_pb_column et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_3_5 et_flex_column_3_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_text_49 et_pb_text et_pb_bg_layout_light et_pb_module et_block_module\"><div class=\"et_pb_text_inner\"><h3>Our team<\/h3>\n<\/div><\/div>\n\n<div class=\"et_pb_text_50 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p><span>ONode<\/span><span>, the team that supports your transparency<\/span><\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_51 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: justify;\">At ONode, we combine technological development with direct expertise in intervention, accounting, and public procurement. Beyond the Clara platform, we support each administration in structuring, connecting, and refining data so that budgetary and management information reaches citizens with absolute rigor and in clear language.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_52 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: justify;\">Startup, connection of sources, and initial loading of economic data<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_53 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: justify;\">Aesthetic and functional adaptation of the visors to the entity's identity.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_54 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: justify;\">Technical structuring of budgets, construction projects, contracting, and grants<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_55 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: justify;\">Practical training for the organization's staff for agile and autonomous management.<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_text_56 et_pb_text et_pb_bg_layout_light et_pb_module et_flex_module\"><div class=\"et_pb_text_inner\"><p style=\"text-align: justify;\">Legal advice on transparency and accountability<\/p>\n<\/div><\/div>\n\n<div class=\"et_pb_module et_pb_button_module_wrapper et_pb_button_1_wrapper\"><a class=\"et_pb_button_1 et_pb_button et_pb_bg_layout_dark et_pb_module et_flex_module onode-btn-conoce\" href=\"https:\/\/onode.es\/en\/about-onode\/\">Meet us<\/a><\/div>\n<\/div>\n\n<div class=\"et_pb_column_10 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_2_5 et_flex_column_2_5_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_image_21 et_pb_image et_pb_module et_flex_module\"><span class=\"et_pb_image_wrap\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/09\/imagen-estatica-2-1.jpg\" alt=\"Office\" title=\"static-image-2\" width=\"1066\" height=\"1268\" srcset=\"https:\/\/onode.es\/wp-content\/uploads\/2026\/09\/imagen-estatica-2-1.jpg 1066w, https:\/\/onode.es\/wp-content\/uploads\/2026\/09\/imagen-estatica-2-1-980x1166.jpg 980w, https:\/\/onode.es\/wp-content\/uploads\/2026\/09\/imagen-estatica-2-1-480x571.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1066px, 100vw\" class=\"wp-image-1377\" \/><\/span><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2267","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/pages\/2267","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/comments?post=2267"}],"version-history":[{"count":2,"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/pages\/2267\/revisions"}],"predecessor-version":[{"id":2299,"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/pages\/2267\/revisions\/2299"}],"wp:attachment":[{"href":"https:\/\/onode.es\/en\/wp-json\/wp\/v2\/media?parent=2267"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}