Xabier Madina<\/title>\n<link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n\n<header class=\"header\" id=\"header\">\n <div class=\"container\">\n <a href=\"#\" class=\"logo\">\n <span class=\"logo-mark\">X<\/span>\n Xabier Madina\n <\/a>\n\n <nav class=\"nav\" aria-label=\"Principal\">\n <a href=\"#tecnologia\">Tecnolog\u00eda Adaptativa<\/a>\n <a href=\"#artes\">Artes Esc\u00e9nicas<\/a>\n <a href=\"#deporte\">Deporte Adaptado<\/a>\n <a href=\"#ddhh\">DDHH<\/a>\n <a href=\"#documentos\">Documentos<\/a>\n <a href=\"#blog\">Blog<\/a>\n <\/nav>\n\n <div class=\"cta-wrap\">\n <a href=\"#contacto\" class=\"btn-cta\">Contacto<\/a>\n <\/div>\n\n <button class=\"toggle\" id=\"toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n <svg id=\"icon-menu\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n <svg id=\"icon-close\" style=\"display:none\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n <\/button>\n <\/div>\n\n <div class=\"mobile-panel\" id=\"mobilePanel\">\n <nav class=\"mobile-nav\" aria-label=\"M\u00f3vil\">\n <a href=\"#tecnologia\">Tecnolog\u00eda Adaptativa<\/a>\n <a href=\"#artes\">Artes Esc\u00e9nicas<\/a>\n <a href=\"#deporte\">Deporte Adaptado<\/a>\n <a href=\"#ddhh\">DDHH<\/a>\n <a href=\"#documentos\">Documentos<\/a>\n <a href=\"#blog\">Blog<\/a>\n <a href=\"#contacto\" class=\"btn-cta\">Contacto<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <section class=\"demo\">\n <h1>Demo de scroll<\/h1>\n <p>Haz scroll para ver el cambio del header (transparente \u2192 cream con blur). En m\u00f3vil, pulsa el icono para abrir\/cerrar el men\u00fa.<\/p>\n <\/section>\n\n<script>\n const header = document.getElementById('header');\n const toggle = document.getElementById('toggle');\n const panel = document.getElementById('mobilePanel');\n const iconMenu = document.getElementById('icon-menu');\n const iconClose = document.getElementById('icon-close');\n\n const onScroll = () => header.classList.toggle('scrolled', window.scrollY > 12);\n onScroll();\n window.addEventListener('scroll', onScroll, {passive:true});\n\n toggle.addEventListener('click', () => {\n const isOpen = panel.classList.toggle('open');\n toggle.setAttribute('aria-expanded', String(isOpen));\n iconMenu.style.display = isOpen ? 'none' : '';\n iconClose.style.display = isOpen ? '' : 'none';\n });\n\n panel.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\n panel.classList.remove('open');\n toggle.setAttribute('aria-expanded','false');\n iconMenu.style.display = '';\n iconClose.style.display = 'none';\n }));\n<\/script>\n\n<section id=\"top\" class=\"xm-section\" style=\"background:linear-gradient(135deg,#1A3263 0%,#243d77 100%);color:var(--cream);padding:160px 0 120px;position:relative;overflow:hidden;\">\n<div style=\"position:absolute;inset:0;background-image:linear-gradient(rgba(232,226,219,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(232,226,219,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.5;\"><\/div>\n<div style=\"position:absolute;top:-160px;right:-160px;width:500px;height:500px;border-radius:50%;background:rgba(250,185,91,.15);filter:blur(80px);\"><\/div>\n<div class=\"xm-container\" style=\"position:relative;\">\n<div style=\"display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:center;\" class=\"xm-hero-grid\">\n<div>\n<div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid rgba(232,226,219,.2);background:rgba(232,226,219,.05);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:32px;\"><span style=\"width:6px;height:6px;border-radius:50%;background:var(--amber);\"><\/span>Activista \u00b7 Conferenciante \u00b7 Consultor<\/div>\n<h1 style=\"font-family:'Fraunces',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:.95;color:var(--cream);margin-bottom:32px;letter-spacing:-.02em;\">Dise\u00f1ando un futuro <em style=\"color:var(--amber);font-style:italic;\">accesible<\/em>, juntas y juntos.<\/h1>\n<p style=\"font-size:1.2rem;color:rgba(232,226,219,.75);max-width:640px;line-height:1.65;margin-bottom:40px;\">Trabajo en la intersecci\u00f3n entre tecnolog\u00eda adaptativa, artes esc\u00e9nicas, deporte adaptado y derechos humanos para construir entornos donde todas las personas puedan participar plenamente.<\/p>\n<div style=\"display:flex;flex-wrap:wrap;gap:16px;\">\n<a href=\"#documentos\" style=\"display:inline-flex;align-items:center;gap:10px;background:var(--amber);color:var(--navy);padding:14px 28px;border-radius:10px;font-weight:600;text-decoration:none;\">Explorar mi trabajo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<a href=\"#contacto\" style=\"display:inline-flex;align-items:center;background:transparent;color:var(--cream);padding:14px 28px;border-radius:10px;font-weight:600;border:1px solid rgba(232,226,219,.3);text-decoration:none;\">Hablemos<\/a>\n<\/div><\/div>\n<div style=\"position:relative;\">\n<div style=\"position:absolute;inset:-16px;border:1px solid rgba(250,185,91,.3);border-radius:18px;transform:translate(16px,16px);\"><\/div>\n<div style=\"position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4\/5;background:rgba(84,119,146,.3);box-shadow:0 30px 60px -20px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:rgba(232,226,219,.4);font-family:'Fraunces',serif;font-size:1.2rem;\">[ retrato ]<\/div>\n<div style=\"position:absolute;bottom:-24px;left:-24px;background:var(--amber);color:var(--navy);padding:18px 22px;border-radius:14px;box-shadow:0 20px 40px -10px rgba(250,185,91,.4);\">\n<div style=\"font-family:'Fraunces',serif;font-size:1.75rem;font-weight:700;line-height:1;\">15+<\/div>\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;margin-top:6px;\">a\u00f1os de incidencia<\/div>\n<\/div><\/div><\/div><\/div>\n\n<\/section>\n\n<section id=\"tecnologia\" class=\"xm-section xm-pad xm-bg-bg\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">01<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2\"\/><\/svg><\/div><\/div><\/div><div>\n<div class=\"xm-eyebrow\">\u00c1rea 01<\/div>\n<h2 class=\"xm-title\">Tecnolog\u00eda Adaptativa<\/h2>\n<p class=\"xm-lead\">Investigaci\u00f3n y consultor\u00eda sobre tecnolog\u00edas que eliminan barreras: lectores de pantalla, dispositivos de control alternativo, IA accesible y dise\u00f1o universal de software.<\/p>\n<ul class=\"xm-bullets\"><li>Auditor\u00edas de accesibilidad WCAG 2.2 y EN 301 549<\/li><li>Co-dise\u00f1o con personas usuarias<\/li><li>Formaci\u00f3n en dise\u00f1o inclusivo para equipos producto<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><\/div><\/div>\n<\/section>\n\n<section id=\"artes\" class=\"xm-section xm-pad xm-bg-cream\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div>\n<div class=\"xm-eyebrow\">\u00c1rea 02<\/div>\n<h2 class=\"xm-title\">Artes Esc\u00e9nicas inclusivas<\/h2>\n<p class=\"xm-lead\">Acompa\u00f1amiento a compa\u00f1\u00edas, festivales y espacios culturales en la creaci\u00f3n de experiencias accesibles: lengua de signos, audiodescripci\u00f3n creativa y dramaturgia desde la diversidad.<\/p>\n<ul class=\"xm-bullets\"><li>Dise\u00f1o de programas de mediaci\u00f3n accesible<\/li><li>Producci\u00f3n de espect\u00e1culos adaptados<\/li><li>Programas de inclusi\u00f3n de artistas con discapacidad<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">02<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2 4 7v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7l-8-5z\"\/><circle cx=\"9\" cy=\"11\" r=\"1\"\/><circle cx=\"15\" cy=\"11\" r=\"1\"\/><path d=\"M9 15c1 1 2 1.5 3 1.5s2-.5 3-1.5\"\/><\/svg><\/div><\/div><\/div><\/div><\/div>\n<\/section>\n\n<section id=\"deporte\" class=\"xm-section xm-pad xm-bg-bg\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">03<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9H4a2 2 0 0 1-2-2V5h4M18 9h2a2 2 0 0 0 2-2V5h-4M6 5v6a6 6 0 0 0 12 0V5zM12 17v3M8 22h8\"\/><\/svg><\/div><\/div><\/div><div>\n<div class=\"xm-eyebrow\">\u00c1rea 03<\/div>\n<h2 class=\"xm-title\">Deporte Adaptado<\/h2>\n<p class=\"xm-lead\">Promoci\u00f3n del deporte como herramienta de salud, comunidad y derechos. Trabajo con federaciones, clubes y administraciones p\u00fablicas para ampliar el acceso real a la pr\u00e1ctica deportiva.<\/p>\n<ul class=\"xm-bullets\"><li>Dise\u00f1o de itinerarios deportivos inclusivos<\/li><li>Asesor\u00eda a federaciones y eventos<\/li><li>Comunicaci\u00f3n y visibilidad del deporte adaptado<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><\/div><\/div>\n<\/section>\n\n<section id=\"ddhh\" class=\"xm-section xm-pad xm-bg-cream\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div>\n<div class=\"xm-eyebrow\">\u00c1rea 04<\/div>\n<h2 class=\"xm-title\">DDHH y Vida Independiente<\/h2>\n<p class=\"xm-lead\">Incidencia pol\u00edtica y acompa\u00f1amiento a entidades en la defensa de los derechos de las personas con discapacidad, con foco en el derecho a una vida independiente y a la toma de decisiones.<\/p>\n<ul class=\"xm-bullets\"><li>Asesor\u00eda sobre la Convenci\u00f3n de la ONU (CDPD)<\/li><li>Modelos de asistencia personal<\/li><li>Procesos participativos y de auto-representaci\u00f3n<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">04<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v18M5 8h14M7 8l-3 8a4 4 0 0 0 8 0L9 8M17 8l-3 8a4 4 0 0 0 8 0l-3-8M5 21h14\"\/><\/svg><\/div><\/div><\/div><\/div><\/div>\n<\/section>\n\n<section id=\"documentos\" class=\"xm-section xm-pad xm-bg-navy\">\n<div class=\"xm-container\">\n<div style=\"max-width:720px;margin-bottom:64px;\">\n<div class=\"xm-eyebrow\" style=\"color:var(--amber);\">05 \u2014 Documentos<\/div>\n<h2 class=\"xm-title\">Investigaci\u00f3n, informes y gu\u00edas de descarga libre.<\/h2>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:16px;\"><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2025<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Informe sobre Vida Independiente en Euskadi<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 2.4 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2024<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Gu\u00eda de Tecnolog\u00eda Adaptativa para entornos educativos<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 1.8 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2024<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Artes esc\u00e9nicas inclusivas: marco metodol\u00f3gico<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 3.1 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2023<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Deporte adaptado: pol\u00edticas p\u00fablicas y financiaci\u00f3n<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 2.7 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><\/div>\n<\/div>\n\n<\/section>\n\n<section id=\"blog\" class=\"xm-section xm-pad xm-bg-bg\">\n<div class=\"xm-container\">\n<div style=\"display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:64px;\">\n<div style=\"max-width:640px;\">\n<div class=\"xm-eyebrow\">06 \u2014 Blog<\/div>\n<h2 class=\"xm-title\">Reflexiones desde la pr\u00e1ctica.<\/h2>\n<\/div>\n<a href=\"#\" class=\"xm-link\">Ver todas las entradas <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\" class=\"xm-blog-grid\"><article style=\"background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(26,50,99,.05);display:flex;flex-direction:column;transition:box-shadow .3s;\" onmouseover=\"this.style.boxShadow='0 20px 40px -10px rgba(26,50,99,.15)';\" onmouseout=\"this.style.boxShadow='0 4px 12px rgba(26,50,99,.05)';\">\n<div style=\"display:flex;align-items:center;gap:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;\">\n<span style=\"padding:4px 12px;border-radius:999px;background:rgba(250,185,91,.18);color:var(--navy);font-weight:600;\">Tecnolog\u00eda Adaptativa<\/span>\n<span style=\"color:var(--steel);\">12 Abr 2026<\/span>\n<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.25;\">IA y accesibilidad: el riesgo de dejar a alguien atr\u00e1s<\/h3>\n<p style=\"color:var(--steel);line-height:1.65;flex:1;\">Por qu\u00e9 los modelos generativos deben dise\u00f1arse desde el principio con criterios de accesibilidad universal.<\/p>\n<a href=\"#\" class=\"xm-link\" style=\"margin-top:24px;font-size:.875rem;\">Leer art\u00edculo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/article><article style=\"background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(26,50,99,.05);display:flex;flex-direction:column;transition:box-shadow .3s;\" onmouseover=\"this.style.boxShadow='0 20px 40px -10px rgba(26,50,99,.15)';\" onmouseout=\"this.style.boxShadow='0 4px 12px rgba(26,50,99,.05)';\">\n<div style=\"display:flex;align-items:center;gap:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;\">\n<span style=\"padding:4px 12px;border-radius:999px;background:rgba(250,185,91,.18);color:var(--navy);font-weight:600;\">DDHH<\/span>\n<span style=\"color:var(--steel);\">28 Mar 2026<\/span>\n<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.25;\">Vida independiente: del derecho a la pr\u00e1ctica cotidiana<\/h3>\n<p style=\"color:var(--steel);line-height:1.65;flex:1;\">Un repaso a los avances legislativos y a los obst\u00e1culos reales que persisten en la implementaci\u00f3n.<\/p>\n<a href=\"#\" class=\"xm-link\" style=\"margin-top:24px;font-size:.875rem;\">Leer art\u00edculo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/article><article style=\"background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(26,50,99,.05);display:flex;flex-direction:column;transition:box-shadow .3s;\" onmouseover=\"this.style.boxShadow='0 20px 40px -10px rgba(26,50,99,.15)';\" onmouseout=\"this.style.boxShadow='0 4px 12px rgba(26,50,99,.05)';\">\n<div style=\"display:flex;align-items:center;gap:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;\">\n<span style=\"padding:4px 12px;border-radius:999px;background:rgba(250,185,91,.18);color:var(--navy);font-weight:600;\">Artes Esc\u00e9nicas<\/span>\n<span style=\"color:var(--steel);\">10 Mar 2026<\/span>\n<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.25;\">Audiodescripci\u00f3n creativa: m\u00e1s que una traducci\u00f3n<\/h3>\n<p style=\"color:var(--steel);line-height:1.65;flex:1;\">Cuando la accesibilidad se convierte en lenguaje art\u00edstico, transforma la experiencia de todo el p\u00fablico.<\/p>\n<a href=\"#\" class=\"xm-link\" style=\"margin-top:24px;font-size:.875rem;\">Leer art\u00edculo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/article><\/div>\n<\/div>\n\n<\/section>\n\n<section id=\"contacto\" class=\"xm-section xm-pad xm-bg-cream\">\n<div class=\"xm-container\">\n<div class=\"xm-grid-2\">\n<div>\n<div class=\"xm-eyebrow\">07 \u2014 Contacto<\/div>\n<h2 class=\"xm-title\">Conversemos sobre tu pr\u00f3ximo proyecto.<\/h2>\n<p class=\"xm-lead\" style=\"margin-bottom:40px;\">Conferencias, consultor\u00eda, formaci\u00f3n o colaboraciones de investigaci\u00f3n. Escr\u00edbeme y te responder\u00e9 personalmente.<\/p>\n<ul style=\"list-style:none;display:flex;flex-direction:column;gap:20px;\">\n<li style=\"display:flex;gap:16px;align-items:flex-start;\"><div style=\"width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 7l10 7 10-7\"\/><\/svg><\/span><\/div><div><div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:4px;\">Email<\/div><a href=\"mailto:hola@xabiermadina.com\" style=\"color:var(--navy);font-weight:600;text-decoration:none;\">hola@xabiermadina.com<\/a><\/div><\/li>\n<li style=\"display:flex;gap:16px;align-items:flex-start;\"><div style=\"width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s7-7 7-12a7 7 0 0 0-14 0c0 5 7 12 7 12z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/span><\/div><div><div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:4px;\">Ubicaci\u00f3n<\/div><div style=\"color:var(--navy);font-weight:600;\">Bilbao, Euskadi<\/div><\/div><\/li>\n<li style=\"display:flex;gap:16px;align-items:flex-start;\"><div style=\"width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3A2 2 0 0 1 21 5v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM8.34 18V10.3H5.67V18zM7 9.13a1.55 1.55 0 1 0 0-3.1 1.55 1.55 0 0 0 0 3.1zM18.5 18v-4.43c0-2.4-1.28-3.5-3-3.5a2.6 2.6 0 0 0-2.36 1.3V10.3h-2.6V18h2.6v-4.27c0-1.13.21-2.22 1.6-2.22 1.38 0 1.4 1.3 1.4 2.3V18z\"\/><\/svg><\/span><\/div><div><div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:4px;\">LinkedIn<\/div><a href=\"#\" style=\"color:var(--navy);font-weight:600;text-decoration:none;\">\/in\/xabiermadina<\/a><\/div><\/li>\n<\/ul>\n<\/div>\n<div>\n<form onsubmit=\"event.preventDefault();alert('Mensaje enviado. Gracias.');this.reset();\" style=\"background:var(--card);border-radius:18px;padding:40px;box-shadow:0 20px 50px -20px rgba(26,50,99,.2);border:1px solid var(--border);display:flex;flex-direction:column;gap:20px;\">\n<div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;\" class=\"xm-form-row\">\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Nombre<input required placeholder=\"Tu nombre\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;\"><\/label>\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Email<input type=\"email\" required placeholder=\"tu@email.com\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;\"><\/label>\n<\/div>\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Asunto<input required placeholder=\"\u00bfEn qu\u00e9 puedo ayudarte?\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;\"><\/label>\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Mensaje<textarea required rows=\"6\" placeholder=\"Cu\u00e9ntame sobre tu proyecto\u2026\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;resize:vertical;\"><\/textarea><\/label>\n<button type=\"submit\" style=\"background:var(--navy);color:var(--cream);padding:14px 28px;border-radius:10px;border:0;font-weight:600;font-size:1rem;cursor:pointer;align-self:flex-start;\">Enviar mensaje<\/button>\n<\/form>\n<\/div><\/div><\/div>\n\n<\/section>\n\n<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"grid\">\n <div class=\"brand\">\n <div class=\"logo-box\">\n <span class=\"logo-mark\">X<\/span>\n Xabier Madina\n <\/div>\n <p>Trabajando para construir entornos donde la accesibilidad y los derechos humanos sean la base, no la excepci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"col\">\n <h4>\u00c1reas<\/h4>\n <ul>\n <li><a href=\"#tecnologia\">Tecnolog\u00eda Adaptativa<\/a><\/li>\n <li><a href=\"#artes\">Artes Esc\u00e9nicas<\/a><\/li>\n <li><a href=\"#deporte\">Deporte Adaptado<\/a><\/li>\n <li><a href=\"#ddhh\">DDHH y Vida Independiente<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"col\">\n <h4>Recursos<\/h4>\n <ul>\n <li><a href=\"#documentos\">Documentos<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bottom\">\n <div>\u00a9 <span id=\"year\"><\/span> Xabier Madina. Todos los derechos reservados.<\/div>\n <div class=\"bottom-links\">\n <a href=\"#\">Aviso legal<\/a>\n <a href=\"#\">Privacidad<\/a>\n <a href=\"#\">Accesibilidad<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n<script>\n document.getElementById('year').textContent = new Date().getFullYear();\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Xabier Madina X Xabier Madina Tecnolog\u00eda Adaptativa Artes Esc\u00e9nicas Deporte Adaptado DDHH Documentos Blog Contacto Tecnolog\u00eda Adaptativa Artes Esc\u00e9nicas Deporte Adaptado DDHH Documentos Blog Contacto Demo de scroll Haz scroll para ver el cambio del header (transparente \u2192 cream con blur). En m\u00f3vil, pulsa el icono para abrir\/cerrar el men\u00fa. Activista \u00b7 Conferenciante \u00b7 Consultor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todobliss.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=77"}],"version-history":[{"count":5,"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":77,"date":"2026-05-10T15:22:04","date_gmt":"2026-05-10T15:22:04","guid":{"rendered":"https:\/\/todobliss.net\/?page_id=77"},"modified":"2026-05-10T15:26:58","modified_gmt":"2026-05-10T15:26:58","slug":"home","status":"publish","type":"page","link":"https:\/\/todobliss.net\/?page_id=77","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\nXabier Madina<\/title>\n<link rel=\"stylesheet\" href=\"style.css\">\n<\/head>\n<body>\n\n<header class=\"header\" id=\"header\">\n <div class=\"container\">\n <a href=\"#\" class=\"logo\">\n <span class=\"logo-mark\">X<\/span>\n Xabier Madina\n <\/a>\n\n <nav class=\"nav\" aria-label=\"Principal\">\n <a href=\"#tecnologia\">Tecnolog\u00eda Adaptativa<\/a>\n <a href=\"#artes\">Artes Esc\u00e9nicas<\/a>\n <a href=\"#deporte\">Deporte Adaptado<\/a>\n <a href=\"#ddhh\">DDHH<\/a>\n <a href=\"#documentos\">Documentos<\/a>\n <a href=\"#blog\">Blog<\/a>\n <\/nav>\n\n <div class=\"cta-wrap\">\n <a href=\"#contacto\" class=\"btn-cta\">Contacto<\/a>\n <\/div>\n\n <button class=\"toggle\" id=\"toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\">\n <svg id=\"icon-menu\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\n <svg id=\"icon-close\" style=\"display:none\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\n <\/button>\n <\/div>\n\n <div class=\"mobile-panel\" id=\"mobilePanel\">\n <nav class=\"mobile-nav\" aria-label=\"M\u00f3vil\">\n <a href=\"#tecnologia\">Tecnolog\u00eda Adaptativa<\/a>\n <a href=\"#artes\">Artes Esc\u00e9nicas<\/a>\n <a href=\"#deporte\">Deporte Adaptado<\/a>\n <a href=\"#ddhh\">DDHH<\/a>\n <a href=\"#documentos\">Documentos<\/a>\n <a href=\"#blog\">Blog<\/a>\n <a href=\"#contacto\" class=\"btn-cta\">Contacto<\/a>\n <\/nav>\n <\/div>\n <\/header>\n\n <section class=\"demo\">\n <h1>Demo de scroll<\/h1>\n <p>Haz scroll para ver el cambio del header (transparente \u2192 cream con blur). En m\u00f3vil, pulsa el icono para abrir\/cerrar el men\u00fa.<\/p>\n <\/section>\n\n<script>\n const header = document.getElementById('header');\n const toggle = document.getElementById('toggle');\n const panel = document.getElementById('mobilePanel');\n const iconMenu = document.getElementById('icon-menu');\n const iconClose = document.getElementById('icon-close');\n\n const onScroll = () => header.classList.toggle('scrolled', window.scrollY > 12);\n onScroll();\n window.addEventListener('scroll', onScroll, {passive:true});\n\n toggle.addEventListener('click', () => {\n const isOpen = panel.classList.toggle('open');\n toggle.setAttribute('aria-expanded', String(isOpen));\n iconMenu.style.display = isOpen ? 'none' : '';\n iconClose.style.display = isOpen ? '' : 'none';\n });\n\n panel.querySelectorAll('a').forEach(a => a.addEventListener('click', () => {\n panel.classList.remove('open');\n toggle.setAttribute('aria-expanded','false');\n iconMenu.style.display = '';\n iconClose.style.display = 'none';\n }));\n<\/script>\n\n<section id=\"top\" class=\"xm-section\" style=\"background:linear-gradient(135deg,#1A3263 0%,#243d77 100%);color:var(--cream);padding:160px 0 120px;position:relative;overflow:hidden;\">\n<div style=\"position:absolute;inset:0;background-image:linear-gradient(rgba(232,226,219,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(232,226,219,.06) 1px,transparent 1px);background-size:48px 48px;opacity:.5;\"><\/div>\n<div style=\"position:absolute;top:-160px;right:-160px;width:500px;height:500px;border-radius:50%;background:rgba(250,185,91,.15);filter:blur(80px);\"><\/div>\n<div class=\"xm-container\" style=\"position:relative;\">\n<div style=\"display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:center;\" class=\"xm-hero-grid\">\n<div>\n<div style=\"display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:999px;border:1px solid rgba(232,226,219,.2);background:rgba(232,226,219,.05);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;margin-bottom:32px;\"><span style=\"width:6px;height:6px;border-radius:50%;background:var(--amber);\"><\/span>Activista \u00b7 Conferenciante \u00b7 Consultor<\/div>\n<h1 style=\"font-family:'Fraunces',serif;font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;line-height:.95;color:var(--cream);margin-bottom:32px;letter-spacing:-.02em;\">Dise\u00f1ando un futuro <em style=\"color:var(--amber);font-style:italic;\">accesible<\/em>, juntas y juntos.<\/h1>\n<p style=\"font-size:1.2rem;color:rgba(232,226,219,.75);max-width:640px;line-height:1.65;margin-bottom:40px;\">Trabajo en la intersecci\u00f3n entre tecnolog\u00eda adaptativa, artes esc\u00e9nicas, deporte adaptado y derechos humanos para construir entornos donde todas las personas puedan participar plenamente.<\/p>\n<div style=\"display:flex;flex-wrap:wrap;gap:16px;\">\n<a href=\"#documentos\" style=\"display:inline-flex;align-items:center;gap:10px;background:var(--amber);color:var(--navy);padding:14px 28px;border-radius:10px;font-weight:600;text-decoration:none;\">Explorar mi trabajo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<a href=\"#contacto\" style=\"display:inline-flex;align-items:center;background:transparent;color:var(--cream);padding:14px 28px;border-radius:10px;font-weight:600;border:1px solid rgba(232,226,219,.3);text-decoration:none;\">Hablemos<\/a>\n<\/div><\/div>\n<div style=\"position:relative;\">\n<div style=\"position:absolute;inset:-16px;border:1px solid rgba(250,185,91,.3);border-radius:18px;transform:translate(16px,16px);\"><\/div>\n<div style=\"position:relative;border-radius:18px;overflow:hidden;aspect-ratio:4\/5;background:rgba(84,119,146,.3);box-shadow:0 30px 60px -20px rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;color:rgba(232,226,219,.4);font-family:'Fraunces',serif;font-size:1.2rem;\">[ retrato ]<\/div>\n<div style=\"position:absolute;bottom:-24px;left:-24px;background:var(--amber);color:var(--navy);padding:18px 22px;border-radius:14px;box-shadow:0 20px 40px -10px rgba(250,185,91,.4);\">\n<div style=\"font-family:'Fraunces',serif;font-size:1.75rem;font-weight:700;line-height:1;\">15+<\/div>\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;margin-top:6px;\">a\u00f1os de incidencia<\/div>\n<\/div><\/div><\/div><\/div>\n\n<\/section>\n\n<section id=\"tecnologia\" class=\"xm-section xm-pad xm-bg-bg\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">01<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"4\" y=\"4\" width=\"16\" height=\"16\" rx=\"2\"\/><rect x=\"9\" y=\"9\" width=\"6\" height=\"6\"\/><path d=\"M9 2v2M15 2v2M9 20v2M15 20v2M2 9h2M2 15h2M20 9h2M20 15h2\"\/><\/svg><\/div><\/div><\/div><div>\n<div class=\"xm-eyebrow\">\u00c1rea 01<\/div>\n<h2 class=\"xm-title\">Tecnolog\u00eda Adaptativa<\/h2>\n<p class=\"xm-lead\">Investigaci\u00f3n y consultor\u00eda sobre tecnolog\u00edas que eliminan barreras: lectores de pantalla, dispositivos de control alternativo, IA accesible y dise\u00f1o universal de software.<\/p>\n<ul class=\"xm-bullets\"><li>Auditor\u00edas de accesibilidad WCAG 2.2 y EN 301 549<\/li><li>Co-dise\u00f1o con personas usuarias<\/li><li>Formaci\u00f3n en dise\u00f1o inclusivo para equipos producto<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><\/div><\/div>\n<\/section>\n\n<section id=\"artes\" class=\"xm-section xm-pad xm-bg-cream\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div>\n<div class=\"xm-eyebrow\">\u00c1rea 02<\/div>\n<h2 class=\"xm-title\">Artes Esc\u00e9nicas inclusivas<\/h2>\n<p class=\"xm-lead\">Acompa\u00f1amiento a compa\u00f1\u00edas, festivales y espacios culturales en la creaci\u00f3n de experiencias accesibles: lengua de signos, audiodescripci\u00f3n creativa y dramaturgia desde la diversidad.<\/p>\n<ul class=\"xm-bullets\"><li>Dise\u00f1o de programas de mediaci\u00f3n accesible<\/li><li>Producci\u00f3n de espect\u00e1culos adaptados<\/li><li>Programas de inclusi\u00f3n de artistas con discapacidad<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">02<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 2 4 7v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V7l-8-5z\"\/><circle cx=\"9\" cy=\"11\" r=\"1\"\/><circle cx=\"15\" cy=\"11\" r=\"1\"\/><path d=\"M9 15c1 1 2 1.5 3 1.5s2-.5 3-1.5\"\/><\/svg><\/div><\/div><\/div><\/div><\/div>\n<\/section>\n\n<section id=\"deporte\" class=\"xm-section xm-pad xm-bg-bg\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">03<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M6 9H4a2 2 0 0 1-2-2V5h4M18 9h2a2 2 0 0 0 2-2V5h-4M6 5v6a6 6 0 0 0 12 0V5zM12 17v3M8 22h8\"\/><\/svg><\/div><\/div><\/div><div>\n<div class=\"xm-eyebrow\">\u00c1rea 03<\/div>\n<h2 class=\"xm-title\">Deporte Adaptado<\/h2>\n<p class=\"xm-lead\">Promoci\u00f3n del deporte como herramienta de salud, comunidad y derechos. Trabajo con federaciones, clubes y administraciones p\u00fablicas para ampliar el acceso real a la pr\u00e1ctica deportiva.<\/p>\n<ul class=\"xm-bullets\"><li>Dise\u00f1o de itinerarios deportivos inclusivos<\/li><li>Asesor\u00eda a federaciones y eventos<\/li><li>Comunicaci\u00f3n y visibilidad del deporte adaptado<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><\/div><\/div>\n<\/section>\n\n<section id=\"ddhh\" class=\"xm-section xm-pad xm-bg-cream\">\n<div class=\"xm-container\"><div class=\"xm-grid-2\"><div>\n<div class=\"xm-eyebrow\">\u00c1rea 04<\/div>\n<h2 class=\"xm-title\">DDHH y Vida Independiente<\/h2>\n<p class=\"xm-lead\">Incidencia pol\u00edtica y acompa\u00f1amiento a entidades en la defensa de los derechos de las personas con discapacidad, con foco en el derecho a una vida independiente y a la toma de decisiones.<\/p>\n<ul class=\"xm-bullets\"><li>Asesor\u00eda sobre la Convenci\u00f3n de la ONU (CDPD)<\/li><li>Modelos de asistencia personal<\/li><li>Procesos participativos y de auto-representaci\u00f3n<\/li><\/ul>\n<a href=\"#contacto\" class=\"xm-link\">Saber m\u00e1s <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div><div class=\"xm-card-icon\"><div class=\"xm-card-icon-inner\"><div class=\"xm-card-num\">04<\/div><div class=\"xm-card-icon-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 3v18M5 8h14M7 8l-3 8a4 4 0 0 0 8 0L9 8M17 8l-3 8a4 4 0 0 0 8 0l-3-8M5 21h14\"\/><\/svg><\/div><\/div><\/div><\/div><\/div>\n<\/section>\n\n<section id=\"documentos\" class=\"xm-section xm-pad xm-bg-navy\">\n<div class=\"xm-container\">\n<div style=\"max-width:720px;margin-bottom:64px;\">\n<div class=\"xm-eyebrow\" style=\"color:var(--amber);\">05 \u2014 Documentos<\/div>\n<h2 class=\"xm-title\">Investigaci\u00f3n, informes y gu\u00edas de descarga libre.<\/h2>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(2,1fr);gap:16px;\"><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2025<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Informe sobre Vida Independiente en Euskadi<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 2.4 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2024<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Gu\u00eda de Tecnolog\u00eda Adaptativa para entornos educativos<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 1.8 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2024<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Artes esc\u00e9nicas inclusivas: marco metodol\u00f3gico<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 3.1 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><a href=\"#\" style=\"display:flex;align-items:flex-start;gap:20px;padding:24px;border-radius:12px;border:1px solid rgba(232,226,219,.15);text-decoration:none;color:inherit;transition:all .3s;\" onmouseover=\"this.style.borderColor='rgba(250,185,91,.6)';this.style.background='rgba(232,226,219,.05)';\" onmouseout=\"this.style.borderColor='rgba(232,226,219,.15)';this.style.background='transparent';\">\n<div style=\"width:48px;height:48px;border-radius:10px;background:rgba(232,226,219,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--cream);\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><\/svg><\/span><\/div>\n<div style=\"flex:1;min-width:0;\">\n<div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--amber);margin-bottom:4px;\">2023<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.15rem;font-weight:600;color:var(--cream);margin-bottom:8px;\">Deporte adaptado: pol\u00edticas p\u00fablicas y financiaci\u00f3n<\/h3>\n<div style=\"font-size:.875rem;color:rgba(232,226,219,.6);\">PDF \u00b7 2.7 MB<\/div>\n<\/div>\n<span style=\"width:20px;height:20px;color:rgba(232,226,219,.5);flex-shrink:0;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/><polyline points=\"7 10 12 15 17 10\"\/><line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/><\/svg><\/span>\n<\/a><\/div>\n<\/div>\n\n<\/section>\n\n<section id=\"blog\" class=\"xm-section xm-pad xm-bg-bg\">\n<div class=\"xm-container\">\n<div style=\"display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:24px;margin-bottom:64px;\">\n<div style=\"max-width:640px;\">\n<div class=\"xm-eyebrow\">06 \u2014 Blog<\/div>\n<h2 class=\"xm-title\">Reflexiones desde la pr\u00e1ctica.<\/h2>\n<\/div>\n<a href=\"#\" class=\"xm-link\">Ver todas las entradas <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/div>\n<div style=\"display:grid;grid-template-columns:repeat(3,1fr);gap:24px;\" class=\"xm-blog-grid\"><article style=\"background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(26,50,99,.05);display:flex;flex-direction:column;transition:box-shadow .3s;\" onmouseover=\"this.style.boxShadow='0 20px 40px -10px rgba(26,50,99,.15)';\" onmouseout=\"this.style.boxShadow='0 4px 12px rgba(26,50,99,.05)';\">\n<div style=\"display:flex;align-items:center;gap:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;\">\n<span style=\"padding:4px 12px;border-radius:999px;background:rgba(250,185,91,.18);color:var(--navy);font-weight:600;\">Tecnolog\u00eda Adaptativa<\/span>\n<span style=\"color:var(--steel);\">12 Abr 2026<\/span>\n<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.25;\">IA y accesibilidad: el riesgo de dejar a alguien atr\u00e1s<\/h3>\n<p style=\"color:var(--steel);line-height:1.65;flex:1;\">Por qu\u00e9 los modelos generativos deben dise\u00f1arse desde el principio con criterios de accesibilidad universal.<\/p>\n<a href=\"#\" class=\"xm-link\" style=\"margin-top:24px;font-size:.875rem;\">Leer art\u00edculo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/article><article style=\"background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(26,50,99,.05);display:flex;flex-direction:column;transition:box-shadow .3s;\" onmouseover=\"this.style.boxShadow='0 20px 40px -10px rgba(26,50,99,.15)';\" onmouseout=\"this.style.boxShadow='0 4px 12px rgba(26,50,99,.05)';\">\n<div style=\"display:flex;align-items:center;gap:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;\">\n<span style=\"padding:4px 12px;border-radius:999px;background:rgba(250,185,91,.18);color:var(--navy);font-weight:600;\">DDHH<\/span>\n<span style=\"color:var(--steel);\">28 Mar 2026<\/span>\n<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.25;\">Vida independiente: del derecho a la pr\u00e1ctica cotidiana<\/h3>\n<p style=\"color:var(--steel);line-height:1.65;flex:1;\">Un repaso a los avances legislativos y a los obst\u00e1culos reales que persisten en la implementaci\u00f3n.<\/p>\n<a href=\"#\" class=\"xm-link\" style=\"margin-top:24px;font-size:.875rem;\">Leer art\u00edculo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/article><article style=\"background:var(--card);border-radius:16px;padding:32px;border:1px solid var(--border);box-shadow:0 4px 12px rgba(26,50,99,.05);display:flex;flex-direction:column;transition:box-shadow .3s;\" onmouseover=\"this.style.boxShadow='0 20px 40px -10px rgba(26,50,99,.15)';\" onmouseout=\"this.style.boxShadow='0 4px 12px rgba(26,50,99,.05)';\">\n<div style=\"display:flex;align-items:center;gap:12px;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;margin-bottom:24px;\">\n<span style=\"padding:4px 12px;border-radius:999px;background:rgba(250,185,91,.18);color:var(--navy);font-weight:600;\">Artes Esc\u00e9nicas<\/span>\n<span style=\"color:var(--steel);\">10 Mar 2026<\/span>\n<\/div>\n<h3 style=\"font-family:'Fraunces',serif;font-size:1.4rem;font-weight:700;color:var(--navy);margin-bottom:16px;line-height:1.25;\">Audiodescripci\u00f3n creativa: m\u00e1s que una traducci\u00f3n<\/h3>\n<p style=\"color:var(--steel);line-height:1.65;flex:1;\">Cuando la accesibilidad se convierte en lenguaje art\u00edstico, transforma la experiencia de todo el p\u00fablico.<\/p>\n<a href=\"#\" class=\"xm-link\" style=\"margin-top:24px;font-size:.875rem;\">Leer art\u00edculo <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"7\" y1=\"17\" x2=\"17\" y2=\"7\"\/><polyline points=\"7 7 17 7 17 17\"\/><\/svg><\/a>\n<\/article><\/div>\n<\/div>\n\n<\/section>\n\n<section id=\"contacto\" class=\"xm-section xm-pad xm-bg-cream\">\n<div class=\"xm-container\">\n<div class=\"xm-grid-2\">\n<div>\n<div class=\"xm-eyebrow\">07 \u2014 Contacto<\/div>\n<h2 class=\"xm-title\">Conversemos sobre tu pr\u00f3ximo proyecto.<\/h2>\n<p class=\"xm-lead\" style=\"margin-bottom:40px;\">Conferencias, consultor\u00eda, formaci\u00f3n o colaboraciones de investigaci\u00f3n. Escr\u00edbeme y te responder\u00e9 personalmente.<\/p>\n<ul style=\"list-style:none;display:flex;flex-direction:column;gap:20px;\">\n<li style=\"display:flex;gap:16px;align-items:flex-start;\"><div style=\"width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"\/><path d=\"M2 7l10 7 10-7\"\/><\/svg><\/span><\/div><div><div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:4px;\">Email<\/div><a href=\"mailto:hola@xabiermadina.com\" style=\"color:var(--navy);font-weight:600;text-decoration:none;\">hola@xabiermadina.com<\/a><\/div><\/li>\n<li style=\"display:flex;gap:16px;align-items:flex-start;\"><div style=\"width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M12 22s7-7 7-12a7 7 0 0 0-14 0c0 5 7 12 7 12z\"\/><circle cx=\"12\" cy=\"10\" r=\"2.5\"\/><\/svg><\/span><\/div><div><div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:4px;\">Ubicaci\u00f3n<\/div><div style=\"color:var(--navy);font-weight:600;\">Bilbao, Euskadi<\/div><\/div><\/li>\n<li style=\"display:flex;gap:16px;align-items:flex-start;\"><div style=\"width:44px;height:44px;border-radius:10px;background:var(--navy);color:var(--cream);display:flex;align-items:center;justify-content:center;flex-shrink:0;\"><span style=\"width:20px;height:20px;display:block;\"><svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3A2 2 0 0 1 21 5v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM8.34 18V10.3H5.67V18zM7 9.13a1.55 1.55 0 1 0 0-3.1 1.55 1.55 0 0 0 0 3.1zM18.5 18v-4.43c0-2.4-1.28-3.5-3-3.5a2.6 2.6 0 0 0-2.36 1.3V10.3h-2.6V18h2.6v-4.27c0-1.13.21-2.22 1.6-2.22 1.38 0 1.4 1.3 1.4 2.3V18z\"\/><\/svg><\/span><\/div><div><div style=\"font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--steel);margin-bottom:4px;\">LinkedIn<\/div><a href=\"#\" style=\"color:var(--navy);font-weight:600;text-decoration:none;\">\/in\/xabiermadina<\/a><\/div><\/li>\n<\/ul>\n<\/div>\n<div>\n<form onsubmit=\"event.preventDefault();alert('Mensaje enviado. Gracias.');this.reset();\" style=\"background:var(--card);border-radius:18px;padding:40px;box-shadow:0 20px 50px -20px rgba(26,50,99,.2);border:1px solid var(--border);display:flex;flex-direction:column;gap:20px;\">\n<div style=\"display:grid;grid-template-columns:1fr 1fr;gap:20px;\" class=\"xm-form-row\">\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Nombre<input required placeholder=\"Tu nombre\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;\"><\/label>\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Email<input type=\"email\" required placeholder=\"tu@email.com\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;\"><\/label>\n<\/div>\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Asunto<input required placeholder=\"\u00bfEn qu\u00e9 puedo ayudarte?\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;\"><\/label>\n<label style=\"display:flex;flex-direction:column;gap:8px;font-size:.875rem;font-weight:500;\">Mensaje<textarea required rows=\"6\" placeholder=\"Cu\u00e9ntame sobre tu proyecto\u2026\" style=\"padding:12px 14px;border-radius:8px;border:1px solid var(--border);font:inherit;resize:vertical;\"><\/textarea><\/label>\n<button type=\"submit\" style=\"background:var(--navy);color:var(--cream);padding:14px 28px;border-radius:10px;border:0;font-weight:600;font-size:1rem;cursor:pointer;align-self:flex-start;\">Enviar mensaje<\/button>\n<\/form>\n<\/div><\/div><\/div>\n\n<\/section>\n\n<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"grid\">\n <div class=\"brand\">\n <div class=\"logo-box\">\n <span class=\"logo-mark\">X<\/span>\n Xabier Madina\n <\/div>\n <p>Trabajando para construir entornos donde la accesibilidad y los derechos humanos sean la base, no la excepci\u00f3n.<\/p>\n <\/div>\n\n <div class=\"col\">\n <h4>\u00c1reas<\/h4>\n <ul>\n <li><a href=\"#tecnologia\">Tecnolog\u00eda Adaptativa<\/a><\/li>\n <li><a href=\"#artes\">Artes Esc\u00e9nicas<\/a><\/li>\n <li><a href=\"#deporte\">Deporte Adaptado<\/a><\/li>\n <li><a href=\"#ddhh\">DDHH y Vida Independiente<\/a><\/li>\n <\/ul>\n <\/div>\n\n <div class=\"col\">\n <h4>Recursos<\/h4>\n <ul>\n <li><a href=\"#documentos\">Documentos<\/a><\/li>\n <li><a href=\"#blog\">Blog<\/a><\/li>\n <li><a href=\"#contacto\">Contacto<\/a><\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"bottom\">\n <div>\u00a9 <span id=\"year\"><\/span> Xabier Madina. Todos los derechos reservados.<\/div>\n <div class=\"bottom-links\">\n <a href=\"#\">Aviso legal<\/a>\n <a href=\"#\">Privacidad<\/a>\n <a href=\"#\">Accesibilidad<\/a>\n <\/div>\n <\/div>\n <\/div>\n<\/footer>\n<script>\n document.getElementById('year').textContent = new Date().getFullYear();\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Xabier Madina X Xabier Madina Tecnolog\u00eda Adaptativa Artes Esc\u00e9nicas Deporte Adaptado DDHH Documentos Blog Contacto Tecnolog\u00eda Adaptativa Artes Esc\u00e9nicas Deporte Adaptado DDHH Documentos Blog Contacto Demo de scroll Haz scroll para ver el cambio del header (transparente \u2192 cream con blur). En m\u00f3vil, pulsa el icono para abrir\/cerrar el men\u00fa. Activista \u00b7 Conferenciante \u00b7 Consultor […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"off","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/todobliss.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=77"}],"version-history":[{"count":5,"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":82,"href":"https:\/\/todobliss.net\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions\/82"}],"wp:attachment":[{"href":"https:\/\/todobliss.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}