{"id":7008,"date":"2021-12-26T10:48:08","date_gmt":"2021-12-26T10:48:08","guid":{"rendered":"https:\/\/www.s22digital.com\/home\/"},"modified":"2026-07-27T18:05:34","modified_gmt":"2026-07-27T18:05:34","slug":"home","status":"publish","type":"page","link":"https:\/\/www.s22digital.com\/fr\/","title":{"rendered":"Organisation internationale de congr\u00e8s et d\u2019\u00e9v\u00e9nements | S22 Digital"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7008\" class=\"elementor elementor-7008 elementor-4384\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ce44def elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ce44def\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-46b2e33\" data-id=\"46b2e33\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-34ca52e elementor-widget elementor-widget-html\" data-id=\"34ca52e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<style>\n.s22-hero {\n  min-height: auto;\n  background: #ffffff;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: start;\n  padding: 32px 56px 48px;\n  position: relative;\n  overflow: hidden;\n  gap: 40px;\n}\n.s22-hero::before {\n  content: '';\n  position: absolute;\n  top: -10%; right: -5%;\n  width: 55%; height: 120%;\n  background: #f4f3ef;\n  border-radius: 0 0 0 80px;\n  z-index: 0;\n}\n.s22-hero__left {\n  position: relative;\n  z-index: 2;\n}\n.s22-hero__brand {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(36px, 4vw, 56px);\n  font-weight: 900;\n  color: #F26522;\n  letter-spacing: -2px;\n  line-height: 1;\n  margin-bottom: 28px;\n  animation: s22rise .8s cubic-bezier(.16,1,.3,1) .05s both;\n}\n.s22-hero__kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 32px;\n}\n.s22-hero__kicker-dot {\n  width: 7px; height: 7px; border-radius: 50%;\n  background: #F26522;\n  animation: s22pulse 2.2s ease-in-out infinite;\n}\n@keyframes s22pulse { 0%,100%{opacity:1} 50%{opacity:.35} }\n.s22-hero__kicker-text {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; font-weight: 600;\n  color: #666; letter-spacing: 2px; text-transform: uppercase;\n}\n.s22-hero__h1 {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(48px, 5.5vw, 78px);\n  font-weight: 900; color: #080808;\n  line-height: .92; letter-spacing: -3.5px;\n  margin-bottom: 28px;\n  animation: s22rise .9s cubic-bezier(.16,1,.3,1) .2s both;\n}\n@keyframes s22rise { from{opacity:0;transform:translateY(24px)} to{opacity:1;transform:translateY(0)} }\n.s22-hero__h1 em { font-style: normal; color: #F26522; }\n.s22-hero__desc {\n  font-family: 'Inter', sans-serif;\n  font-size: 17px; font-weight: 300;\n  color: #666; line-height: 1.72;\n  max-width: 420px; margin-bottom: 44px;\n  animation: s22rise .8s ease .35s both;\n}\n.s22-hero__ctas {\n  display: flex; gap: 14px; align-items: center;\n  animation: s22rise .8s ease .5s both;\n}\n.s22-btn-primary {\n  font-family: 'Inter', sans-serif;\n  font-size: 13px; font-weight: 700;\n  background: #F26522; color: #fff;\n  border: none; border-radius: 50px;\n  padding: 15px 30px; cursor: pointer;\n  transition: background .2s;\n  text-transform: uppercase; letter-spacing: .5px;\n  text-decoration: none; display: inline-block;\n}\n.s22-btn-primary:hover { background: #c9521c; }\n.s22-btn-outline {\n  font-family: 'Inter', sans-serif;\n  font-size: 13px; font-weight: 600;\n  color: #080808; background: transparent;\n  border: 1.5px solid #e0e0e0; border-radius: 50px;\n  padding: 14px 28px; cursor: pointer;\n  transition: all .2s;\n  text-decoration: none; display: inline-block;\n}\n.s22-btn-outline:hover { border-color: #080808; }\n.s22-hero__stats {\n  display: flex; gap: 36px; margin-top: 48px; padding-top: 40px;\n  border-top: 1px solid #ebebeb;\n  animation: s22rise .7s ease .65s both;\n}\n.s22-hero__stat-n {\n  font-family: 'Inter', sans-serif;\n  font-size: 28px; font-weight: 900; letter-spacing: -1px;\n  color: #080808; line-height: 1;\n}\n.s22-hero__stat-n em { font-style: normal; color: #F26522; }\n.s22-hero__stat-l {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; color: #666; margin-top: 5px;\n  letter-spacing: .3px; line-height: 1.4;\n}\n.s22-hero__right {\n  position: relative; z-index: 2;\n  display: flex; flex-direction: column; gap: 16px;\n  animation: s22rise .9s ease .15s both;\n}\n.s22-hero__video-wrap {\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 24px 80px rgba(0,0,0,.12);\n  position: relative;\n  aspect-ratio: 16\/9;\n  background: #111;\n}\n.s22-hero__video-wrap video {\n  width: 100%; height: 100%; object-fit: cover;\n  display: block;\n}\n.s22-hero__video-badge {\n  position: absolute;\n  bottom: 18px; left: 18px;\n  background: rgba(8,8,8,.75);\n  backdrop-filter: blur(12px);\n  border-radius: 10px;\n  padding: 10px 16px;\n  display: flex; align-items: center; gap: 10px;\n}\n.s22-hero__video-badge-dot {\n  width: 8px; height: 8px; border-radius: 50%;\n  background: #F26522;\n  animation: s22pulse 2s infinite;\n}\n.s22-hero__video-badge-text {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; font-weight: 600;\n  color: rgba(255,255,255,.8); letter-spacing: .5px;\n}\n.s22-hero__social-proof {\n  display: flex; gap: 10px; align-items: center;\n}\n.s22-hero__sp-label {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; color: #666; font-weight: 500;\n  white-space: nowrap; letter-spacing: .3px;\n}\n.s22-hero__sp-logos {\n  display: flex; gap: 6px; align-items: center;\n}\n.s22-hero__sp-logo {\n  height: 24px; width: auto; opacity: .45;\n  filter: grayscale(1);\n  transition: opacity .2s;\n}\n.s22-hero__sp-logo:hover { opacity: .8; }\n@media (max-width:768px){\n  .s22-hero{\n    grid-template-columns:1fr;\n    min-height:auto;\n    padding:80px 20px 48px;\n    gap:0;\n  }\n  .s22-hero::before{ display:none; }\n  .s22-hero__right{ display:none; }\n  .s22-hero__h1{ font-size:clamp(40px,12vw,64px); letter-spacing:-3px; }\n  .s22-hero__desc{ font-size:15px; margin-bottom:32px; }\n  .s22-hero__ctas{ flex-direction:column; gap:12px; }\n  .s22-btn-primary,\n  .s22-btn-outline{ width:100%; text-align:center; }\n  .s22-hero__stats{ flex-direction:row; flex-wrap:wrap; gap:24px; margin-top:36px; padding-top:28px; }\n  .s22-hero__stat-n{ font-size:22px; }\n}\n@media (max-width:480px){\n  .s22-hero__stats{ flex-direction:column; gap:16px; }\n}\n\n.s22-hero__stats{flex-wrap:wrap;row-gap:22px}\/*s22statswrap*\/\n\n@keyframes s22FadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}\n.s22-hero__right{margin-top:0}\n.s22-hero__tagline{animation:s22FadeUp 1s cubic-bezier(.16,1,.3,1) .3s both}\n\/*s22tweaks*\/\n\n@keyframes s22Bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(7px)}}\n.s22-hero__scroll{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:6;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:50%;background:rgba(242,101,34,.10);border:1px solid rgba(242,101,34,.38);cursor:pointer;text-decoration:none;animation:s22Bounce 1.8s ease-in-out infinite}\n.s22-hero__scroll:hover{background:rgba(242,101,34,.20)}\n\/*s22arrow*\/\n\n\/* premium *\/\n.s22-hero__kicker-text{color:#64748B !important;letter-spacing:.16em !important}\n.s22-hero__desc{color:#334155 !important}\n.s22-hero__stats{flex-wrap:nowrap !important;gap:0 !important;border-top:1px solid #E5E7EB;padding-top:20px;margin-top:6px}\n.s22-hero__stats>div{flex:1 1 0;padding:0 20px;position:relative}\n.s22-hero__stats>div:first-child{padding-left:0}\n.s22-hero__stats>div+div::before{content:\"\";position:absolute;left:0;top:2px;bottom:2px;width:1px;background:#E5E7EB}\n.s22-hero__stat-n{color:#0F172A}\n.s22-hero__stat-l{color:#64748B;text-transform:uppercase;letter-spacing:.06em;font-size:11px !important;line-height:1.35}\n\/*s22premium*\/\n\n@keyframes s22BounceY{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}\n.s22-hero__scroll{position:fixed !important;left:auto !important;right:26px;bottom:162px;transform:none !important;z-index:120;animation:s22BounceY 1.8s ease-in-out infinite;background:#fff !important;border:1px solid rgba(242,101,34,.55) !important;box-shadow:0 6px 20px rgba(15,23,42,.14);transition:opacity .3s ease,background .2s ease}\n.s22-hero__scroll:hover{background:#F26522 !important}\n.s22-hero__scroll:hover svg{stroke:#fff !important}\n@media(max-width:1024px){.s22-hero__scroll{display:none !important}}\n\/*s22arrowfixed*\/\n\n.s22-hero__mail{position:fixed;right:26px;bottom:30px;z-index:121;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F26522;box-shadow:0 8px 24px rgba(242,101,34,.45);transition:transform .2s ease,background .2s ease;text-decoration:none}\n.s22-hero__mail:hover{background:#d9531a;transform:translateY(-3px)}\n.s22-hero__mail::after{content:\"info@s22digital.com\";position:absolute;right:64px;top:50%;transform:translateY(-50%);background:#0F172A;color:#fff;font:600 12px\/1 Inter,sans-serif;padding:9px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}\n.s22-hero__mail:hover::after{opacity:1}\n\/*s22mail*\/\n\n.s22-hero__tel{position:fixed;right:26px;bottom:96px;z-index:121;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#F26522;box-shadow:0 8px 24px rgba(242,101,34,.45);transition:transform .2s ease,background .2s ease;text-decoration:none}\n.s22-hero__tel:hover{background:#d9531a;transform:translateY(-3px)}\n.s22-hero__tel::after{content:\"921 70 33 22\";position:absolute;right:66px;top:50%;transform:translateY(-50%);background:#0F172A;color:#fff;font:600 12px\/1 Inter,sans-serif;padding:9px 11px;border-radius:8px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease}\n.s22-hero__tel:hover::after{opacity:1}\n\/*s22tel*\/\n\n@media(max-width:768px){.s22-hero{grid-template-columns:1fr !important}.s22-hero__h1-sub{white-space:normal !important}.s22-hero__stats{display:grid !important;grid-template-columns:1fr 1fr !important;gap:18px 16px !important;border-top:none !important}.s22-hero__stats>div{width:auto !important;max-width:none !important;padding:0 !important;min-width:0 !important}.s22-hero__stats>div::before{display:none !important}.s22-hero__stat-l{font-size:10px !important;letter-spacing:.04em !important}.s22-hero__mail,.s22-hero__tel{width:46px !important;height:46px !important;right:16px !important;background:#111 !important;box-shadow:0 6px 18px rgba(0,0,0,.3) !important}.s22-hero__mail{bottom:18px !important}.s22-hero__tel{bottom:72px !important}}\n\/*s22mobile*\/\n\n.s22-hero__h1-sub i{color:#d2d2d2;font-weight:400;font-style:normal;margin:0 .1em}\n.s22-hero__h1-sub .s22svcbr{display:none}\n@media(max-width:768px){.s22-hero__h1-sub .s22svcbr{display:block !important}.s22-hero__h1-sub .s22sepmid{display:none !important}}\n\/*s22break*\/\n\n@media(max-width:768px){.s22-hero__mail.s22-over-footer,.s22-hero__tel.s22-over-footer{background:#F26522 !important;box-shadow:0 6px 18px rgba(242,101,34,.45) !important}}\n\/*s22footerbub*\/\n<\/style>\n<section class=\"s22-hero\" id=\"s22-hero\">\n  <a class=\"s22-hero__tel\" href=\"tel:+34921703322\" aria-label=\"Llamanos al 921 70 33 22\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.9.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/a>\n      <a class=\"s22-hero__mail\" href=\"mailto:info@s22digital.com\" aria-label=\"Escribenos a info@s22digital.com\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#fff\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"5\" width=\"18\" height=\"14\" rx=\"2\"><\/rect><path d=\"M3 7l9 6 9-6\"><\/path><\/svg><\/a>\n      <a class=\"s22-hero__scroll\" href=\"#\" aria-label=\"Bajar a la siguiente seccion\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#F26522\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg><\/a>\n      <div class=\"s22-hero__left\">\n    <div class=\"s22-hero__kicker\">\n      <div class=\"s22-hero__kicker-dot\"><\/div>\n      <span class=\"s22-hero__kicker-text\">Agence int\u00e9grale \u00b7 \u00c9v\u00e9nements, communication et technologie<\/span>\n    <\/div>\n    <h1 class=\"s22-hero__h1\">\n      <em>S22 Digital<\/em><span class=\"s22-hero__h1-sub\" style=\"display:block;margin-top:.12em;font-size:.3em;line-height:1.2;font-weight:700;letter-spacing:-.3px;color:#1b1b1b;font-style:normal;white-space:nowrap\"><span class=\"s22svcg\">\u00c9v\u00e9nements &amp; Salons <i>|<\/i> Communication<\/span> <i class=\"s22sepmid\">|<\/i><br class=\"s22svcbr\"><span class=\"s22svcg\">Web\/App <i>|<\/i> Conseil<\/span><\/span>\n    <\/h1>\n    <p class=\"s22-hero__desc\">Nous organisons <strong style=\"color:#F26522;font-weight:600\">des \u00e9v\u00e9nements<\/strong>, cr\u00e9ons des <strong style=\"color:#F26522;font-weight:600\">sites web<\/strong> et <strong style=\"color:#F26522;font-weight:600\">applis<\/strong>, montons des <strong style=\"color:#F26522;font-weight:600\">exp\u00e9riences immersives<\/strong> et de la <strong style=\"color:#F26522;font-weight:600\">r\u00e9alit\u00e9 virtuelle<\/strong>. Nous cr\u00e9ons, concevons et livrons. Le tout dans une seule agence.<\/p>\n    <div class=\"s22-hero__ctas\">\n      <a href=\"https:\/\/www.s22digital.com\/es\/casos-de-exito\/\" class=\"s22-btn-primary\">Voir les \u00e9tudes de cas<\/a>\n      <a href=\"https:\/\/www.s22digital.com\/es\/contacto\/\" class=\"s22-btn-outline\">Demander une proposition \u2192<\/a>\n    <\/div>\n    <div class=\"s22-hero__stats\">\n      <div>\n        <div class=\"s22-hero__stat-n\"><em>+<\/em>50<\/div>\n        <div class=\"s22-hero__stat-l\">Institutions et entreprises<\/div>\n      <\/div>\n      <div>\n        <div class=\"s22-hero__stat-n\"><em>+<\/em>100<\/div>\n        <div class=\"s22-hero__stat-l\">\u00c9v\u00e9nements organis\u00e9s<\/div>\n      <\/div>\n      <div>\n        <div class=\"s22-hero__stat-n\">5<\/div>\n        <div class=\"s22-hero__stat-l\">Certifications<br><span style=\"font-size:.82em;opacity:.7\">ISO 9001 \u00b7 14001 \u00b7 20121 \u00b7 27001 \u00b7 ENS<\/span><\/div>\n      <\/div>\n      <div>\n        <div class=\"s22-hero__stat-n\">5<\/div>\n        <div class=\"s22-hero__stat-l\">Langues<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n  <div class=\"s22-hero__right\">\n    <div class=\"s22-hero__video-wrap\">\n      <video src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2022\/01\/Video-S22-Digital.mp4\" autoplay=\"\" muted=\"\" loop=\"\" playsinline=\"\" preload=\"auto\" poster=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2025\/10\/IMG_6007-1536x1024.jpg\">\n      <\/video>\n      <div class=\"s22-hero__video-badge\">\n        <div class=\"s22-hero__video-badge-dot\"><\/div>\n        <span class=\"s22-hero__video-badge-text\">\u00c9v\u00e9nements r\u00e9els \u00b7 S22 Digital<\/span>\n      <\/div>\n    <\/div>\n      <p class=\"s22-hero__tagline\" style=\"margin-top:26px;color:#222;font-size:20px;line-height:1.55;max-width:540px;font-weight:500\">Depuis des ann\u00e9es, nous transformons les objectifs en exp\u00e9riences m\u00e9morables. Nous sommes le partenaire qui couvre <em style=\"color:#F26522;font-style:normal;font-weight:600\">chaque phase<\/em> de votre projet : strat\u00e9gie, cr\u00e9ativit\u00e9, technologie et ex\u00e9cution.<\/p>\n  <\/div>\n<\/section>\n\n<script>\n(function s22ScrollInit(){\n  function ready(fn){ if(document.readyState!==\"loading\"){fn();} else {document.addEventListener(\"DOMContentLoaded\",fn);} }\n  ready(function(){\n    var btn=document.querySelector(\".s22-hero__scroll\"); if(!btn) return;\n    function blocks(){ var p=document.querySelector('[data-elementor-type=\"wp-page\"]')||document.body; return [].slice.call(document.querySelectorAll(\".elementor-top-section\")); }\n    btn.addEventListener(\"click\",function(ev){ ev.preventDefault(); var y=window.scrollY+Math.round(window.innerHeight*0.55), s=blocks(), n=null; for(var i=0;i<s.length;i++){ var t=Math.round(s[i].getBoundingClientRect().top+window.scrollY); if(t>y){ n=t; break; } } window.scrollTo({top:(n==null?document.body.scrollHeight:n),behavior:\"smooth\"}); });\n    function toggle(){ var atBottom=(window.innerHeight+window.scrollY)>=(document.body.scrollHeight-120); btn.style.opacity=atBottom?\"0\":\"1\"; btn.style.pointerEvents=atBottom?\"none\":\"auto\"; }\n    window.addEventListener(\"scroll\",toggle,{passive:true}); toggle();\n  });\n})();\n<\/script>\n\n<script>\n(function s22FooterBubbles(){function ready(fn){if(document.readyState!==\"loading\")fn();else document.addEventListener(\"DOMContentLoaded\",fn);}ready(function(){var bs=document.querySelectorAll(\".s22-hero__mail,.s22-hero__tel\");if(!bs.length)return;function foot(){return document.querySelector(\".elementor-location-footer\")||document.querySelector(\"footer\");}function upd(){var f=foot();if(!f)return;var over=f.getBoundingClientRect().top<(window.innerHeight-36);for(var i=0;i<bs.length;i++){bs[i].classList.toggle(\"s22-over-footer\",over);}}window.addEventListener(\"scroll\",upd,{passive:true});window.addEventListener(\"resize\",upd,{passive:true});upd();});})();\n<\/script>\n<style>\/*taglinefix*\/.s22-hero__h1-sub{white-space:normal!important;overflow-wrap:break-word}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-12675c6 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"12675c6\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ce13664\" data-id=\"ce13664\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-328305a elementor-widget elementor-widget-html\" data-id=\"328305a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.s22-logos { padding: 80px 56px; background: #f4f3ef; }\n.s22-logos__header { text-align:center; margin-bottom:48px; }\n.s22-logos__label { font-family:'Inter',sans-serif; font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#F26522; margin-bottom:16px; display:block; }\n.s22-logos__h2 { font-family:'Inter',sans-serif; font-size:clamp(28px,3vw,40px); font-weight:900; letter-spacing:-1.5px; color:#080808; }\n.s22-logos__sub { font-family:'Inter',sans-serif; font-size:14px; color:#5a5a5a; margin-top:10px; line-height:1.6; }\n\/* Tabs *\/\n.s22-logos__tabs { display:flex; justify-content:center; gap:8px; margin-bottom:44px; flex-wrap:wrap; }\n.s22-logos__tab {\n  font-family:'Inter',sans-serif; font-size:12px; font-weight:600;\n  border:1.5px solid #d0cfc9; border-radius:50px;\n  padding:9px 22px; background:#fff; color:#5a5a5a; cursor:pointer;\n  transition:all .2s; letter-spacing:.3px;\n}\n.s22-logos__tab:hover { border-color:#F26522; color:#F26522; }\n.s22-logos__tab.active { background:#F26522; border-color:#F26522; color:#fff; }\n\/* Panels *\/\n.s22-logos__panel { display:none; }\n.s22-logos__panel.active { display:block; }\n.s22-logos__img-wrap {\n  background:#fff; border-radius:12px; padding:40px 48px;\n  box-shadow: 0 2px 20px rgba(0,0,0,.04);\n}\n.s22-logos__img-wrap img {\n  width:100%; max-width:1000px; margin:0 auto; display:block;\n  filter:grayscale(1) contrast(.65); opacity:.75;\n  transition:filter .4s, opacity .4s;\n}\n.s22-logos__img-wrap img:hover { filter:grayscale(0) contrast(1); opacity:1; }\n.s22-logos__cat-label {\n  font-family:'Inter',sans-serif; font-size:11px; font-weight:700;\n  text-transform:uppercase; letter-spacing:2px; color:#666;\n  text-align:center; margin-bottom:28px;\n}\n\n\n\n\n\n\n\n\/* \u2500\u2500\u2500 RESPONSIVE M\u00d3VIL \u2500\u2500\u2500 *\/\n@media (max-width:768px){\n  .s22-logos{ padding:60px 20px; }\n  .s22-logos__tabs{\n    flex-direction:row;\n    flex-wrap:wrap;\n    gap:6px;\n    justify-content:center;\n  }\n  .s22-logos__tab{ font-size:11px; padding:8px 14px; }\n  .s22-logos__img-wrap{\n    padding:28px 16px;\n    \/* Remove height restriction \u2014 images need space *\/\n  }\n  .s22-logos__img-wrap img{ max-width:100%; }\n}\n\n<\/style>\n\n<section class=\"s22-logos\">\n  <div class=\"s22-logos__header\">\n    <span class=\"s22-logos__label\">Ils font confiance \u00e0 S22 Digital<\/span>\n    <h2 class=\"s22-logos__h2\">Institutions et entreprises qui nous choisissent.<\/h2>\n    <p class=\"s22-logos__sub\">Nous travaillons avec les principaux organismes d'Espagne en \u00e9v\u00e9nements, communication et technologie.<\/p>\n  <\/div>\n\n  <div class=\"s22-logos__tabs\">\n    <button class=\"s22-logos__tab active\" onclick=\"s22LogosTab(this,'inst')\">Institutions<\/button>\n    <button class=\"s22-logos__tab\" onclick=\"s22LogosTab(this,'min')\">Minist\u00e8res<\/button>\n    <button class=\"s22-logos__tab\" onclick=\"s22LogosTab(this,'uni')\">Universit\u00e9s<\/button>\n    <button class=\"s22-logos__tab\" onclick=\"s22LogosTab(this,'otros')\">Autres<\/button>\n  <\/div>\n\n  <div id=\"s22-logos-inst\" class=\"s22-logos__panel active\">\n    <div class=\"s22-logos__img-wrap\">\n      <p class=\"s22-logos__cat-label\">Grandes institutions<\/p>\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/insittuciones-potentes.png\" alt=\"Logotipos de instituciones clientes de S22 Digital\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/469;\">\n    <\/div>\n  <\/div>\n\n  <div id=\"s22-logos-min\" class=\"s22-logos__panel\">\n    <div class=\"s22-logos__img-wrap\">\n      <p class=\"s22-logos__cat-label\">Minist\u00e8res<\/p>\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/Ministerios.png\" alt=\"Logotipos de Ministerios clientes de S22 Digital\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/448;\">\n    <\/div>\n  <\/div>\n\n  <div id=\"s22-logos-uni\" class=\"s22-logos__panel\">\n    <div class=\"s22-logos__img-wrap\">\n      <p class=\"s22-logos__cat-label\">Universit\u00e9s<\/p>\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/universidades.png\" alt=\"Logotipos de universidades clientes de S22 Digital\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1168px; --smush-placeholder-aspect-ratio: 1168\/313;\">\n    <\/div>\n  <\/div>\n\n  <div id=\"s22-logos-otros\" class=\"s22-logos__panel\">\n    <div class=\"s22-logos__img-wrap\">\n      <p class=\"s22-logos__cat-label\">Autres organismes et entreprises<\/p>\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/otros.png\" alt=\"Logotipos de otros clientes de S22 Digital\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920\/862;\">\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction s22LogosTab(btn, id) {\n  document.querySelectorAll('.s22-logos__tab').forEach(function(t){ t.classList.remove('active'); });\n  document.querySelectorAll('.s22-logos__panel').forEach(function(p){ p.classList.remove('active'); });\n  btn.classList.add('active');\n  document.getElementById('s22-logos-' + id).classList.add('active');\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac65d20 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac65d20\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7474578\" data-id=\"7474578\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-47c0d03 elementor-widget elementor-widget-html\" data-id=\"47c0d03\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.s22-svc-wrap { background: #f4f3ef; padding: 100px 56px; }\n.s22-svc-inner { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 360px 1fr; gap: 80px; }\n.s22-svc-intro { }\n.s22-svc-intro__label { font-family:'Inter',sans-serif; font-size:10px; font-weight:700; letter-spacing:3px; text-transform:uppercase; color:#F26522; margin-bottom:28px; display:block; }\n.s22-svc-intro__h2 { font-family:'Inter',sans-serif; font-size:clamp(26px,2.6vw,36px); font-weight:900; letter-spacing:-1.5px; line-height:1.1; margin-bottom:20px; color:#080808; }\n.s22-svc-intro__p { font-family:'Inter',sans-serif; font-size:14px; font-weight:300; color:#5a5a5a; line-height:1.75; }\n.s22-svc-list { padding-top: 4px; }\n.s22-svc-item { border-top: 1px solid #e0dfd9; }\n.s22-svc-item:last-child { border-bottom: 1px solid #e0dfd9; }\n.s22-svc-head {\n  display: flex; align-items: center; justify-content: space-between;\n  padding: 24px 0; cursor: pointer;\n  transition: padding-left .22s;\n}\n.s22-svc-item:hover .s22-svc-head { padding-left: 6px; }\n.s22-svc-item.open .s22-svc-head { padding-left: 0; }\n.s22-svc-head-left { display: flex; align-items: center; gap: 20px; }\n.s22-svc-num { font-family:'Inter',sans-serif; font-size:11px; color:#777; font-weight:500; width:24px; }\n.s22-svc-name { font-family:'Inter',sans-serif; font-size:clamp(17px,1.7vw,22px); font-weight:700; letter-spacing:-.5px; color:#080808; transition:color .2s; }\n.s22-svc-item.open .s22-svc-name, .s22-svc-item:hover .s22-svc-name { color:#F26522; }\n.s22-svc-icon {\n  width:28px; height:28px; border-radius:50%; border:1.5px solid #ccc;\n  display:flex; align-items:center; justify-content:center;\n  font-size:16px; font-weight:300; color:#666;\n  transition:all .25s; flex-shrink:0; line-height:1; font-family:'Inter',sans-serif;\n}\n.s22-svc-item.open .s22-svc-icon { background:#F26522; border-color:#F26522; color:#fff; transform:rotate(45deg); }\n.s22-svc-body { max-height:0; overflow:hidden; transition:max-height .42s cubic-bezier(.16,1,.3,1); }\n.s22-svc-item.open .s22-svc-body { max-height:220px; }\n.s22-svc-body-inner { display:grid; grid-template-columns:1fr 1fr; gap:20px; padding:4px 0 28px 44px; }\n.s22-svc-desc { font-family:'Inter',sans-serif; font-size:13px; font-weight:300; color:#555; line-height:1.75; }\n.s22-svc-tags { display:flex; flex-wrap:wrap; gap:6px; align-content:flex-start; }\n.s22-svc-tag { font-family:'Inter',sans-serif; font-size:11px; color:#5a5a5a; border:1px solid #ddd; border-radius:20px; padding:4px 12px; background:#fff; }\n.s22-svc-link { grid-column:span 2; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; color:#F26522; letter-spacing:1px; text-transform:uppercase; text-decoration:none; display:inline-flex; align-items:center; gap:6px; transition:gap .2s; }\n.s22-svc-link:hover { gap:11px; }\n\n\n\n\n\n\n\n\/* \u2500\u2500\u2500 RESPONSIVE M\u00d3VIL \u2500\u2500\u2500 *\/\n@media (max-width:768px){\n  .s22-svc{ padding:60px 20px; }\n  .s22-svc-inner{\n    grid-template-columns:1fr !important;\n    gap:32px !important;\n  }\n  .s22-svc-body-inner{\n    grid-template-columns:1fr !important;\n    gap:20px !important;\n  }\n  .s22-svc-sidebar{ position:static; }\n  .s22-svc-menu{ flex-direction:row; flex-wrap:wrap; gap:8px; }\n  .s22-svc-tab{ padding:10px 16px; font-size:12px; }\n  .s22-svc__h2{ font-size:clamp(28px,8vw,44px); letter-spacing:-2px; }\n  .s22-svc-content-tags{ flex-wrap:wrap; }\n}\n\n<\/style>\n\n<section class=\"s22-svc-wrap\">\n  <div class=\"s22-svc-inner\">\n    <div class=\"s22-svc-intro\">\n      <span class=\"s22-svc-intro__label\">Nos services<\/span>\n      <h2 class=\"s22-svc-intro__h2\">Tout ce dont vous avez besoin,<br>sous un m\u00eame toit.<\/h2>\n      <p class=\"s22-svc-intro__p\">Nous couvrons chaque phase du projet, de la strat\u00e9gie initiale \u00e0 l'ex\u00e9cution et \u00e0 la mesure des r\u00e9sultats.<\/p>\n    <\/div>\n    <div class=\"s22-svc-list\">\n\n      <div class=\"s22-svc-item open\">\n        <div class=\"s22-svc-head\" onclick=\"s22SvcToggle(this)\">\n          <div class=\"s22-svc-head-left\"><span class=\"s22-svc-num\">01<\/span><span class=\"s22-svc-name\">Organisation d'\u00e9v\u00e9nements<\/span><\/div>\n          <div class=\"s22-svc-icon\">+<\/div>\n        <\/div>\n        <div class=\"s22-svc-body\"><div class=\"s22-svc-body-inner\">\n          <p class=\"s22-svc-desc\">Congr\u00e8s, salons, galas, remises de prix et \u00e9v\u00e9nements d'entreprise de toute envergure. Gestion int\u00e9grale du concept \u00e0 l'ex\u00e9cution et \u00e0 la cl\u00f4ture.<\/p>\n          <div class=\"s22-svc-tags\"><span class=\"s22-svc-tag\">Congr\u00e8s<\/span><span class=\"s22-svc-tag\">Salons &amp; Stands<\/span><span class=\"s22-svc-tag\">Galas<\/span><span class=\"s22-svc-tag\">D\u00e9fil\u00e9s<\/span><\/div>\n          <a href=\"https:\/\/www.s22digital.com\/es\/organizacion-eventos\/\" class=\"s22-svc-link\">Voir le service \u2192<\/a>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"s22-svc-item\">\n        <div class=\"s22-svc-head\" onclick=\"s22SvcToggle(this)\">\n          <div class=\"s22-svc-head-left\"><span class=\"s22-svc-num\">02<\/span><span class=\"s22-svc-name\">Communication et Marketing<\/span><\/div>\n          <div class=\"s22-svc-icon\">+<\/div>\n        <\/div>\n        <div class=\"s22-svc-body\"><div class=\"s22-svc-body-inner\">\n          <p class=\"s22-svc-desc\">Strat\u00e9gie de communication, r\u00e9seaux sociaux, design graphique, audiovisuel et relations presse pour renforcer la visibilit\u00e9 de votre marque.<\/p>\n          <div class=\"s22-svc-tags\"><span class=\"s22-svc-tag\">R\u00e9seaux sociaux<\/span><span class=\"s22-svc-tag\">Design<\/span><span class=\"s22-svc-tag\">Audiovisuel<\/span><span class=\"s22-svc-tag\">RP &amp; M\u00e9dias<\/span><\/div>\n          <a href=\"https:\/\/www.s22digital.com\/es\/comunicacion-y-marketing\/\" class=\"s22-svc-link\">Voir le service \u2192<\/a>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"s22-svc-item\">\n        <div class=\"s22-svc-head\" onclick=\"s22SvcToggle(this)\">\n          <div class=\"s22-svc-head-left\"><span class=\"s22-svc-num\">03<\/span><span class=\"s22-svc-name\">D\u00e9veloppement technologique<\/span><\/div>\n          <div class=\"s22-svc-icon\">+<\/div>\n        <\/div>\n        <div class=\"s22-svc-body\"><div class=\"s22-svc-body-inner\">\n          <p class=\"s22-svc-desc\">Sites web, applications, plateformes et solutions sur mesure. Nous sommes prestataire de services technologiques pour les secteurs public et priv\u00e9.<\/p>\n          <div class=\"s22-svc-tags\"><span class=\"s22-svc-tag\">Sites web<\/span><span class=\"s22-svc-tag\">Applis<\/span><span class=\"s22-svc-tag\">Plateformes<\/span><span class=\"s22-svc-tag\">Prestataire TIC<\/span><\/div>\n          <a href=\"https:\/\/www.s22digital.com\/es\/servicios\/\" class=\"s22-svc-link\">Voir le service \u2192<\/a>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"s22-svc-item\">\n        <div class=\"s22-svc-head\" onclick=\"s22SvcToggle(this)\">\n          <div class=\"s22-svc-head-left\"><span class=\"s22-svc-num\">04<\/span><span class=\"s22-svc-name\">IA, XR &amp; Innovation<\/span><\/div>\n          <div class=\"s22-svc-icon\">+<\/div>\n        <\/div>\n        <div class=\"s22-svc-body\"><div class=\"s22-svc-body-inner\">\n          <p class=\"s22-svc-desc\">R\u00e9alit\u00e9 augment\u00e9e, virtuelle et mixte appliqu\u00e9e aux \u00e9v\u00e9nements et \u00e0 la formation. Intelligence artificielle int\u00e9gr\u00e9e \u00e0 la communication et \u00e0 la gestion de contenu.<\/p>\n          <div class=\"s22-svc-tags\"><span class=\"s22-svc-tag\">VR &amp; AR<\/span><span class=\"s22-svc-tag\">R\u00e9alit\u00e9 mixte<\/span><span class=\"s22-svc-tag\">IA g\u00e9n\u00e9rative<\/span><\/div>\n          <a href=\"https:\/\/www.s22digital.com\/es\/experiencias-inmersivas\/\" class=\"s22-svc-link\">Voir le service \u2192<\/a>\n        <\/div><\/div>\n      <\/div>\n\n      <div class=\"s22-svc-item\">\n        <div class=\"s22-svc-head\" onclick=\"s22SvcToggle(this)\">\n          <div class=\"s22-svc-head-left\"><span class=\"s22-svc-num\">05<\/span><span class=\"s22-svc-name\">Conseil strat\u00e9gique<\/span><\/div>\n          <div class=\"s22-svc-icon\">+<\/div>\n        <\/div>\n        <div class=\"s22-svc-body\"><div class=\"s22-svc-body-inner\">\n          <p class=\"s22-svc-desc\">Nous accompagnons institutions et entreprises dans leur strat\u00e9gie de communication, pr\u00e9sence digitale et positionnement. Avec un objectif de r\u00e9sultats mesurables.<\/p>\n          <div class=\"s22-svc-tags\"><span class=\"s22-svc-tag\">Strat\u00e9gie<\/span><span class=\"s22-svc-tag\">Formation<\/span><span class=\"s22-svc-tag\">Durabilit\u00e9<\/span><span class=\"s22-svc-tag\">RSE<\/span><\/div>\n          <a href=\"https:\/\/www.s22digital.com\/es\/consultoria\/\" class=\"s22-svc-link\">Voir le service \u2192<\/a>\n        <\/div><\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\nfunction s22SvcToggle(head) {\n  var item = head.closest('.s22-svc-item');\n  var isOpen = item.classList.contains('open');\n  document.querySelectorAll('.s22-svc-item').forEach(function(i){ i.classList.remove('open'); });\n  if (!isOpen) item.classList.add('open');\n}\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e826d82 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e826d82\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a30124e\" data-id=\"a30124e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-43c4826 elementor-widget elementor-widget-html\" data-id=\"43c4826\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.s22-work { }\n.s22-work__header {\n  padding: 80px 56px 48px; max-width: 1300px; margin: 0 auto;\n  display: flex; align-items: flex-end; justify-content: space-between;\n}\n.s22-work__h2 {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(36px, 4vw, 54px); font-weight: 900;\n  letter-spacing: -2.5px; line-height: 1; color: #080808;\n}\n.s22-work__h2 em { font-style: normal; color: #F26522; }\n.s22-work__more {\n  font-family: 'Inter', sans-serif;\n  font-size: 13px; color: #5a5a5a; font-weight: 500;\n  text-decoration: none; transition: color .2s; padding-bottom: 4px;\n}\n.s22-work__more:hover { color: #080808; }\n\n.s22-work-item {\n  display: grid; grid-template-columns: 1fr 1fr;\n  min-height: 460px; overflow: hidden;\n}\n.s22-work-photo { overflow: hidden; position: relative; }\n.s22-work-photo img {\n  width: 100%; height: 100%; object-fit: cover;\n  transition: transform .65s cubic-bezier(.25,.46,.45,.94);\n  filter: brightness(.88);\n}\n.s22-work-item:hover .s22-work-photo img { transform: scale(1.04); }\n.s22-work-info {\n  display: flex; flex-direction: column; justify-content: center;\n  padding: 56px 60px;\n}\n.s22-work-item.dark .s22-work-info { background: #080808; }\n.s22-work-item.light .s22-work-info { background: #f4f3ef; }\n.s22-work-num {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; color: #F26522; font-weight: 700;\n  letter-spacing: 2px; text-transform: uppercase; margin-bottom: 12px;\n}\n.s22-work-cat {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 18px;\n}\n.s22-work-item.dark .s22-work-cat { color: rgba(255,255,255,.72); }\n.s22-work-item.light .s22-work-cat { color: #5a5a5a; }\n.s22-work-title {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(20px, 2vw, 28px); font-weight: 800;\n  letter-spacing: -1px; line-height: 1.15; margin-bottom: 18px;\n}\n.s22-work-item.dark .s22-work-title { color: #fff; }\n.s22-work-item.light .s22-work-title { color: #080808; }\n.s22-work-meta {\n  font-family: 'Inter', sans-serif;\n  font-size: 13px; line-height: 1.65; margin-bottom: 32px;\n}\n.s22-work-item.dark .s22-work-meta { color: rgba(255,255,255,.72); }\n.s22-work-item.light .s22-work-meta { color: #5a5a5a; }\n.s22-work-link {\n  font-family: 'Inter', sans-serif;\n  font-size: 11px; font-weight: 700; text-transform: uppercase;\n  letter-spacing: 1px; color: #F26522; text-decoration: none;\n  display: inline-flex; align-items: center; gap: 8px; transition: gap .2s;\n}\n.s22-work-link:hover { gap: 14px; }\n\n\n\n\n\n\n\n\/* \u2500\u2500\u2500 RESPONSIVE M\u00d3VIL \u2500\u2500\u2500 *\/\n@media (max-width:768px){\n  .s22-work{ padding:60px 20px; }\n  .s22-work__h2{ font-size:clamp(28px,8vw,44px); letter-spacing:-2px; }\n  .s22-work-item{\n    grid-template-columns:1fr !important;\n    min-height:auto !important;\n  }\n  .s22-work-photo{ height:240px; order:0 !important; }\n  .s22-work-info{ padding:28px 20px; order:1 !important; }\n  .s22-work-tags{ flex-wrap:wrap; }\n}\n\n<\/style>\n\n<section class=\"s22-work\">\n  <div class=\"s22-work__header\">\n    <h2 class=\"s22-work__h2\">Projets<br><em>r\u00e9cents.<\/em><\/h2>\n    <a href=\"https:\/\/www.s22digital.com\/es\/casos-exito-soluciones-tecnologicas\/\" class=\"s22-work__more\">Voir tous les projets \u2192<\/a>\n  <\/div>\n\n  <!-- 01: foto izq \/ texto dcha \u2014 dark -->\n  <article class=\"s22-work-item dark\">\n    <div class=\"s22-work-photo\">\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/04\/WhatsApp-Image-2026-04-24-at-14.16.09-1024x768.jpeg\" alt=\"XL Congreso Nacional Coordinadores Trasplantes\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/768;\">\n    <\/div>\n    <div class=\"s22-work-info\">\n      <span class=\"s22-work-num\">01 \/ 04<\/span>\n      <span class=\"s22-work-cat\">Congr\u00e8s \u00b7 Sant\u00e9<\/span>\n      <h3 class=\"s22-work-title\">40e Congr\u00e8s national des coordinateurs de transplantation<\/h3>\n      <p class=\"s22-work-meta\">Majorque, Bal\u00e9ares \u00b7 Avril 2026<br>Organisation int\u00e9grale \u00b7 +400 participants<\/p>\n      <a href=\"https:\/\/www.s22digital.com\/es\/s22-digital-culmina-con-exito-la-organizacion-del-xl-congreso-nacional-de-coordinadores-de-trasplantes\/\" class=\"s22-work-link\">Voir le projet \u2192<\/a>\n    <\/div>\n  <\/article>\n\n  <!-- 02: texto izq \/ foto dcha \u2014 light -->\n  <article class=\"s22-work-item light\">\n    <div class=\"s22-work-info\">\n      <span class=\"s22-work-num\">02 \/ 04<\/span>\n      <span class=\"s22-work-cat\">\u00c9v\u00e9nement \u00b7 Cybers\u00e9curit\u00e9<\/span>\n      <h3 class=\"s22-work-title\">Journ\u00e9e pour un Internet plus s\u00fbr 2024 \u2014 INCIBE<\/h3>\n      <p class=\"s22-work-meta\">Le\u00f3n \u00b7 F\u00e9vrier 2024<br>Communication, diffusion et organisation de l'\u00e9v\u00e9nement<\/p>\n      <a href=\"https:\/\/www.s22digital.com\/es\/asi-fue-el-dia-de-internet-segura-2024-de-incibe\/\" class=\"s22-work-link\">Voir le projet \u2192<\/a>\n    <\/div>\n    <div class=\"s22-work-photo\">\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2024\/02\/SID2-1024x683.jpeg\" alt=\"D\u00eda de Internet Segura INCIBE 2024\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/683;\">\n    <\/div>\n  <\/article>\n\n  <!-- 03: foto izq \/ texto dcha \u2014 dark -->\n  <article class=\"s22-work-item dark\">\n    <div class=\"s22-work-photo\">\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2025\/05\/295.webp\" alt=\"INTA y CDTI presentan Plataforma A\u00e9rea Airbus C295\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/600;\">\n    <\/div>\n    <div class=\"s22-work-info\">\n      <span class=\"s22-work-num\">03 \/ 04<\/span>\n      <span class=\"s22-work-cat\">Pr\u00e9sentation \u00b7 A\u00e9ronautique<\/span>\n      <h3 class=\"s22-work-title\">INTA &amp; CDTI \u2014 Plateforme a\u00e9rienne de recherche Airbus C295<\/h3>\n      <p class=\"s22-work-meta\">Espagne \u00b7 Juillet 2024<br>Organisation et communication de l'\u00e9v\u00e9nement de pr\u00e9sentation<\/p>\n      <a href=\"https:\/\/www.s22digital.com\/es\/el-inta-y-el-cdti-presentan-la-nueva-plataforma-aerea-de-investigacion-a-bordo-del-airbus-c295\/\" class=\"s22-work-link\">Voir le projet \u2192<\/a>\n    <\/div>\n  <\/article>\n\n  <!-- 04: texto izq \/ foto dcha \u2014 light -->\n  <article class=\"s22-work-item light\">\n    <div class=\"s22-work-info\">\n      <span class=\"s22-work-num\">04 \/ 04<\/span>\n      <span class=\"s22-work-cat\">Congr\u00e8s \u00b7 Social<\/span>\n      <h3 class=\"s22-work-title\">1er Congr\u00e8s de la Famille<\/h3>\n      <p class=\"s22-work-meta\">Vitoria, Pays basque \u00b7 Mai 2026<br>Coordination logistique et communication digitale<\/p>\n      <a href=\"https:\/\/www.s22digital.com\/es\/s22-digital-en-el-i-congreso-de-la-familia-vitoria-euskadi\/\" class=\"s22-work-link\">Voir le projet \u2192<\/a>\n    <\/div>\n    <div class=\"s22-work-photo\">\n      <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/S5A7752-1024x683.jpg\" alt=\"I Congreso de la Familia Vitoria\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/683;\">\n    <\/div>\n  <\/article>\n\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d327410 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"d327410\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-feb523b\" data-id=\"feb523b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b33cb42 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b33cb42\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b247281\" data-id=\"b247281\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-907ad3a elementor-widget elementor-widget-html\" data-id=\"907ad3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.s22-socios {\n  background: #f4f3ef;\n  padding: 90px 56px;\n}\n.s22-socios * { box-sizing: border-box; }\n\n.s22-socios__inner {\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n\/* Cabecera centrada *\/\n.s22-socios__header {\n  text-align: center;\n  margin-bottom: 56px;\n}\n.s22-socios__label {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 3px; text-transform: uppercase;\n  color: #F26522; margin-bottom: 16px; display: block;\n}\n.s22-socios__h2 {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(28px, 3vw, 40px);\n  font-weight: 900; color: #080808;\n  letter-spacing: -1.5px; line-height: 1.05;\n  margin-bottom: 14px;\n}\n.s22-socios__h2 em { font-style: normal; color: #F26522; }\n.s22-socios__sub {\n  font-family: 'Inter', sans-serif;\n  font-size: 15px; font-weight: 300;\n  color: #5a5a5a; line-height: 1.7;\n  max-width: 520px; margin: 0 auto 0;\n}\n\n\/* Grid de 3 tarjetas *\/\n.s22-socios__cards {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 20px;\n  margin-bottom: 40px;\n}\n\n.s22-socios__card {\n  background: #ffffff;\n  border: 1px solid #e8e7e3;\n  border-radius: 16px;\n  padding: 44px 36px 36px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  text-decoration: none;\n  transition: all .25s;\n  position: relative;\n  overflow: hidden;\n}\n.s22-socios__card::after {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 3px;\n  background: #F26522;\n  transform: scaleX(0);\n  transform-origin: left;\n  transition: transform .3s;\n}\n.s22-socios__card:hover {\n  border-color: #F26522;\n  transform: translateY(-5px);\n  box-shadow: 0 16px 48px rgba(0,0,0,.08);\n}\n.s22-socios__card:hover::after {\n  transform: scaleX(1);\n}\n\n\/* Logo dentro de la tarjeta *\/\n.s22-socios__logo-box {\n  width: 120px; height: 72px;\n  display: flex; align-items: center; justify-content: center;\n  margin-bottom: 28px;\n}\n.s22-socios__logo-box img {\n  max-width: 100%; max-height: 100%;\n  width: auto; height: auto;\n  object-fit: contain;\n  filter: grayscale(1) contrast(.7) brightness(.9);\n  opacity: .7;\n  transition: all .3s;\n}\n.s22-socios__card:hover .s22-socios__logo-box img {\n  filter: none;\n  opacity: 1;\n}\n\n\/* Separador *\/\n.s22-socios__card-divider {\n  width: 32px; height: 1px;\n  background: #e8e7e3;\n  margin: 0 auto 20px;\n}\n\n.s22-socios__card-name {\n  font-family: 'Inter', sans-serif;\n  font-size: 16px; font-weight: 800;\n  color: #080808; letter-spacing: -.3px;\n  margin-bottom: 10px;\n}\n.s22-socios__card-desc {\n  font-family: 'Inter', sans-serif;\n  font-size: 13px; font-weight: 300;\n  color: #5a5a5a; line-height: 1.65;\n  flex: 1; margin-bottom: 24px;\n}\n.s22-socios__card-tag {\n  font-family: 'Inter', sans-serif;\n  font-size: 10px; font-weight: 700;\n  color: #F26522; text-transform: uppercase;\n  letter-spacing: 1.5px; border: 1px solid #ffd4b8;\n  background: #fff3ed; border-radius: 20px;\n  padding: 4px 14px; margin-top: auto;\n}\n\n\/* Link final *\/\n.s22-socios__footer {\n  text-align: center;\n}\n.s22-socios__link {\n  font-family: 'Inter', sans-serif;\n  font-size: 12px; font-weight: 700;\n  color: #F26522; text-transform: uppercase;\n  letter-spacing: 1px; text-decoration: none;\n  display: inline-flex; align-items: center; gap: 7px;\n  transition: gap .2s;\n}\n.s22-socios__link:hover { gap: 12px; }\n\n\n\n\n\n\n\n\/* \u2500\u2500\u2500 RESPONSIVE M\u00d3VIL \u2500\u2500\u2500 *\/\n@media (max-width:768px){\n  .s22-socios{ padding:60px 20px; }\n  .s22-socios__cards{ grid-template-columns:1fr; gap:16px; }\n  .s22-socios__h2{ font-size:clamp(24px,7vw,36px); }\n}\n\n<\/style>\n\n<section class=\"s22-socios\">\n  <div class=\"s22-socios__inner\">\n\n    <div class=\"s22-socios__header\">\n      <span class=\"s22-socios__label\">Adh\u00e9sions<\/span>\n      <h2 class=\"s22-socios__h2\">Chez S22 Digital, nous sommes membres <em>de...<\/em><\/h2>\n      <p class=\"s22-socios__sub\">Nous faisons partie des associations de r\u00e9f\u00e9rence en \u00e9v\u00e9nements, technologie et solutions audiovisuelles, renfor\u00e7ant notre engagement envers la qualit\u00e9 et l'innovation.<\/p>\n    <\/div>\n\n    <div class=\"s22-socios__cards\">\n\n      <!-- OPC Espa\u00f1a -->\n      <a href=\"https:\/\/www.opc-spain.org\/\" target=\"_blank\" rel=\"noopener\" class=\"s22-socios__card\">\n        <div class=\"s22-socios__logo-box\">\n          <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2025\/07\/2.png\" alt=\"OPC Espa\u00f1a\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/500;\">\n        <\/div>\n        <div class=\"s22-socios__card-divider\"><\/div>\n        <div class=\"s22-socios__card-name\">OPC Espa\u00f1a<\/div>\n        <p class=\"s22-socios__card-desc\">Association espagnole des organisateurs professionnels de congr\u00e8s \u2014 un gage d'excellence dans la gestion d'\u00e9v\u00e9nements.<\/p>\n        <span class=\"s22-socios__card-tag\">\u00c9v\u00e9nements &amp; Congr\u00e8s<\/span>\n      <\/a>\n\n      <!-- AMETIC -->\n      <a href=\"https:\/\/ametic.es\/\" target=\"_blank\" rel=\"noopener\" class=\"s22-socios__card\">\n        <div class=\"s22-socios__logo-box\">\n          <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2025\/07\/3.png\" alt=\"AMETIC\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/500;\">\n        <\/div>\n        <div class=\"s22-socios__card-divider\"><\/div>\n        <div class=\"s22-socios__card-name\">AMETIC<\/div>\n        <p class=\"s22-socios__card-desc\">Association repr\u00e9sentant l'industrie num\u00e9rique en Espagne : entreprises de TI, t\u00e9l\u00e9communications, \u00e9lectronique et contenus num\u00e9riques.<\/p>\n        <span class=\"s22-socios__card-tag\">Industrie num\u00e9rique<\/span>\n      <\/a>\n\n      <!-- AVIXA -->\n      <a href=\"https:\/\/www.avixa.org\/\" target=\"_blank\" rel=\"noopener\" class=\"s22-socios__card\">\n        <div class=\"s22-socios__logo-box\">\n          <img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2025\/07\/1.png\" alt=\"AVIXA\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500\/500;\">\n        <\/div>\n        <div class=\"s22-socios__card-divider\"><\/div>\n        <div class=\"s22-socios__card-name\">AVIXA<\/div>\n        <p class=\"s22-socios__card-desc\">Association internationale de l'industrie audiovisuelle professionnelle. Membre Bronze, engag\u00e9s envers les normes AV les plus exigeantes.<\/p>\n        <span class=\"s22-socios__card-tag\">Audiovisuel Pro<\/span>\n      <\/a>\n\n    <\/div>\n\n    <div class=\"s22-socios__footer\">\n      <a href=\"https:\/\/www.s22digital.com\/es\/asociaciones\/\" class=\"s22-socios__link\">\n        En savoir plus sur nos adh\u00e9sions \u2192\n      <\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a06267 elementor-widget elementor-widget-html\" data-id=\"5a06267\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Actualit\u00e9s \u00b7 S22 Digital<\/title>\n<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=Inter:ital,wght@0,400;0,600;0,700;0,800;0,900;1,800;1,900&amp;family=Roboto:wght@400;500;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n  :root{\n    --ink:#0C0C0C;\n    --gray:#5F5F5F;\n    --line:#E9EAEC;\n    --surface:#F5F6F7;\n    --white:#FFFFFF;\n    --accent:#F26522;          \/* Naranja de marca S22 (\u00fanico color de acento) *\/\n  }\n  *{box-sizing:border-box;margin:0;padding:0}\n  body{\n    font-family:'Roboto',-apple-system,'Segoe UI',Arial,sans-serif;\n    color:var(--ink);\n    background:var(--white);\n    -webkit-font-smoothing:antialiased;\n    line-height:1.5;\n  }\n\n  .actualidad{ max-width:1240px; margin:0 auto; padding:96px 32px 110px; }\n  @media(max-width:640px){ .actualidad{padding:64px 20px 80px} }\n\n  \/* Header *\/\n  .sec-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:40px; }\n  .eyebrow{\n    font-family:'Inter',sans-serif; font-weight:700; font-size:13px;\n    letter-spacing:.22em; text-transform:uppercase; color:var(--accent);\n    display:flex; align-items:center; gap:12px; margin-bottom:18px;\n  }\n  .eyebrow::before{ content:\"\"; width:28px; height:2px; background:var(--accent); display:inline-block; }\n  .sec-head h2{\n    font-family:'Inter',sans-serif; font-weight:900;\n    font-size:clamp(34px,5vw,58px); line-height:1.02; letter-spacing:-.02em; color:var(--ink);\n  }\n  .sec-head h2 i{ font-style:italic; color:var(--accent); }   \/* \"reciente.\" en naranja *\/\n  .sec-head p{ margin-top:16px; max-width:560px; color:var(--gray); font-size:16.5px; }\n  .see-all{\n    font-family:'Inter',sans-serif; font-weight:700; font-size:15px; text-decoration:none;\n    color:var(--ink); white-space:nowrap; padding-bottom:8px; border-bottom:2px solid var(--accent);\n    transition:opacity .2s; display:inline-flex; align-items:center; gap:8px;\n  }\n  .see-all:hover{ opacity:.6 }\n  .see-all span{ transition:transform .25s ease; display:inline-block; color:var(--accent) }\n  .see-all:hover span{ transform:translateX(5px) }\n  @media(max-width:820px){ .see-all{display:none} }\n\n  \/* Filters *\/\n  .filters{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:38px; }\n  \/* !important y scope .actualidad para que el tema de WordPress no pinte los botones de magenta *\/\n  .actualidad .chip{\n    font-family:'Inter',sans-serif; font-weight:600; font-size:14.5px; color:var(--gray);\n    background:var(--white) !important; border:1px solid var(--line); border-radius:999px;\n    padding:10px 18px; cursor:pointer; transition:all .2s ease; white-space:nowrap;\n    display:inline-flex; align-items:center; text-decoration:none;\n    -webkit-appearance:none; appearance:none; box-shadow:none !important; text-transform:none; letter-spacing:normal;\n  }\n  .actualidad .chip:hover{ background:var(--white) !important; border-color:var(--accent) !important; color:var(--accent) !important; }\n  .actualidad .chip:focus,\n  .actualidad .chip:focus-visible{ background:var(--white) !important; border-color:var(--accent) !important; color:var(--accent) !important; outline:none !important; box-shadow:none !important; }\n  \/* La categor\u00eda seleccionada, siempre naranja con texto blanco (va despu\u00e9s para ganar a hover\/focus) *\/\n  .actualidad .chip.active,\n  .actualidad .chip.active:hover,\n  .actualidad .chip.active:focus{ background:var(--accent) !important; border-color:var(--accent) !important; color:#fff !important; }\n\n  \/* Grid \u2014 4 fichas por fila *\/\n  .grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; transition:opacity .25s ease; min-height:200px; }\n  .grid.loading{ opacity:.35; pointer-events:none; }\n  @media(max-width:1100px){ .grid{grid-template-columns:repeat(3,1fr)} }\n  @media(max-width:820px){ .grid{grid-template-columns:repeat(2,1fr)} }\n  @media(max-width:520px){ .grid{grid-template-columns:1fr} }\n\n  .card{\n    display:flex; flex-direction:column; text-decoration:none; color:inherit;\n    background:var(--white); border:1px solid var(--line); border-radius:18px; overflow:hidden;\n    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s; will-change:transform;\n  }\n  .card:hover{ transform:translateY(-7px); box-shadow:0 22px 44px -22px rgba(12,12,12,.35); border-color:transparent; }\n\n  .thumb{ position:relative; aspect-ratio:16\/10; overflow:hidden; background:linear-gradient(135deg,#e7e9ec,#f5f6f7); }\n  .thumb img{ width:100%; height:100%; object-fit:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1); }\n  .card:hover .thumb img{ transform:scale(1.07) }\n  .thumb::after{ content:\"\"; position:absolute; inset:0; background:linear-gradient(180deg,rgba(12,12,12,0) 55%,rgba(12,12,12,.28)); opacity:0; transition:opacity .35s; }\n  .card:hover .thumb::after{ opacity:1 }\n\n  \/* Etiqueta de categor\u00eda: naranja de marca + texto blanco *\/\n  .badge{\n    position:absolute; left:14px; bottom:14px; z-index:2; display:inline-flex; align-items:center;\n    background:var(--accent); border-radius:999px; padding:6px 14px;\n    font-family:'Inter',sans-serif; font-weight:700; font-size:11.5px; letter-spacing:.06em; text-transform:uppercase;\n    color:#fff; box-shadow:0 6px 16px -6px rgba(242,101,34,.55); max-width:calc(100% - 28px);\n  }\n  .badge .txt{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }\n\n  .body{ padding:22px 22px 24px; display:flex; flex-direction:column; flex:1; }\n  .date{ font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600; letter-spacing:.04em; text-transform:uppercase; color:#9A9CA1; margin-bottom:12px; }\n  .card h3{\n    font-family:'Inter',sans-serif; font-weight:800; font-size:18px; line-height:1.28; letter-spacing:-.01em; color:var(--ink);\n    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;\n  }\n  .more{ margin-top:auto; padding-top:20px; display:inline-flex; align-items:center; gap:8px; font-family:'Inter',sans-serif; font-weight:700; font-size:14px; color:var(--gray); transition:color .25s; }\n  .more svg{ transition:transform .28s ease }\n  .card:hover .more{ color:var(--accent) }\n  .card:hover .more svg{ transform:translateX(5px) }\n\n  .empty{ display:none; padding:40px 0 10px; text-align:center; color:var(--gray); font-size:16px; grid-column:1\/-1; }\n\n  \/* Pagination *\/\n  .pager{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:52px; flex-wrap:wrap; }\n  .actualidad .pager button{\n    min-width:44px; height:44px; padding:0 14px; border:1px solid var(--line); background:var(--white) !important;\n    border-radius:12px; font-family:'Inter',sans-serif; font-weight:700; font-size:14px; color:var(--ink);\n    cursor:pointer; transition:all .2s ease; display:inline-flex; align-items:center; justify-content:center; gap:6px;\n    -webkit-appearance:none; appearance:none; box-shadow:none !important;\n  }\n  .actualidad .pager button:hover:not(:disabled):not(.active){ background:var(--white) !important; border-color:var(--accent) !important; color:var(--accent) !important; }\n  .actualidad .pager button:focus{ outline:none !important; box-shadow:none !important; }\n  .actualidad .pager button.active,\n  .actualidad .pager button.active:hover,\n  .actualidad .pager button.active:focus{ background:var(--accent) !important; border-color:var(--accent) !important; color:#fff !important; }\n  .actualidad .pager button:disabled{ opacity:.35; cursor:default; }\n  .pager .dots{ color:var(--gray); padding:0 2px; user-select:none; }\n  .pager .nav svg{ display:block }\n\n  .see-all-m{\n    display:none; margin:44px auto 0; width:fit-content; font-family:'Inter',sans-serif; font-weight:700; font-size:15px;\n    text-decoration:none; color:#fff; background:var(--accent); padding:15px 30px; border-radius:999px;\n  }\n  @media(max-width:820px){ .see-all-m{display:block} }\n<\/style>\n\n\n\n<section class=\"actualidad\">\n  <div class=\"sec-head\">\n    <div>\n      <div class=\"eyebrow\">Actualit\u00e9s<\/div>\n      <h2>Les derni\u00e8res <i>nouveaut\u00e9s.<\/i><\/h2>\n      <p>\u00c9v\u00e9nements, salons, r\u00e9alit\u00e9 virtuelle et augment\u00e9e, communication et d\u00e9veloppement logiciel. D\u00e9couvrez ce sur quoi nous travaillons en ce moment.<\/p>\n    <\/div>\n    <a class=\"see-all\" href=\"https:\/\/www.s22digital.com\/es\/novedades\/\">Voir toute l'actualit\u00e9 <span>\u2192<\/span><\/a>\n  <\/div>\n\n  <!-- Filtros: se generan solos desde WordPress, en el orden definido en FILTERS. (Respaldo por si la API no responde) -->\n  <div class=\"filters\" id=\"filters\">\n    <button class=\"chip active\" data-slug=\"all\">Le plus r\u00e9cent<\/button>\n    <button class=\"chip\" data-slug=\"eventos\">\u00c9v\u00e9nements<\/button>\n    <button class=\"chip\" data-slug=\"ferias-stands\">Salons &amp; Stands<\/button>\n    <button class=\"chip\" data-slug=\"vr\">VR &amp; R\u00e9alit\u00e9 augment\u00e9e &amp; R\u00e9alit\u00e9 mixte<\/button>\n    <button class=\"chip\" data-slug=\"soluciones-tecnologicas\">Web\/App<\/button>\n    <button class=\"chip\" data-slug=\"redes-sociales\">R\u00e9seaux sociaux<\/button>\n    <button class=\"chip\" data-slug=\"impact-moment\">Impact Moment<\/button>\n    <a class=\"chip chip-link\" href=\"https:\/\/www.s22digital.com\/es\/software\/\" target=\"_blank\" rel=\"noopener\">S22 Software<\/a>\n    <a class=\"chip chip-link\" href=\"https:\/\/www.s22digital.com\/es\/consultoria\/\" target=\"_blank\" rel=\"noopener\">Conseil<\/a>\n    <a class=\"chip chip-link\" href=\"https:\/\/www.s22digital.com\/es\/internacionalizacion\/\" target=\"_blank\" rel=\"noopener\">Internationalisation<\/a>\n    <a class=\"chip chip-link\" href=\"https:\/\/www.s22digital.com\/es\/ai-driven-digital-experiences\/\" target=\"_blank\" rel=\"noopener\">AI Action<\/a>\n  <\/div>\n\n  <!-- Fichas: se generan solas desde WordPress. (Respaldo est\u00e1tico debajo) -->\n  <div class=\"grid\" id=\"grid\">\n    <a class=\"card\" data-cat=\"soluciones-tecnologicas\" href=\"https:\/\/www.s22digital.com\/es\/el-girasol-de-carmona-como-convertimos-un-fenomeno-natural-en-un-producto-turistico-digital\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/06\/girasoles.png\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2434px; --smush-placeholder-aspect-ratio: 2434\/1324;\"><span class=\"badge\"><span class=\"txt\">Web\/App<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">30 juin 2026<\/div><h3>Le Tournesol de Carmona : comment nous avons transform\u00e9 un ph\u00e9nom\u00e8ne naturel en produit touristique digital<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\/premios-diputacion-de-segovia-2025\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/06\/images.jpeg\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 638px; --smush-placeholder-aspect-ratio: 638\/480;\"><span class=\"badge\"><span class=\"txt\">\u00c9v\u00e9nements<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>Prix de la D\u00e9putation de S\u00e9govie 2026<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"ferias-stands\" href=\"https:\/\/www.s22digital.com\/es\/la-comision-paritaria-sectorial-de-recuperacion-y-reciclado-participa-en-srr-2026\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/06\/redes-sociales-srr.jpg\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1200px; --smush-placeholder-aspect-ratio: 1200\/800;\"><span class=\"badge\"><span class=\"txt\">Salons &amp; Stands<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>La Commission paritaire sectorielle de r\u00e9cup\u00e9ration et recyclage participe \u00e0 SRR 2026<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\/s22-digital-colabora-en-la-jornada-de-aemps-sobre-chessmen-y-los-problemas-de-suministro-de-medicamentos\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/06\/1.png\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1353px; --smush-placeholder-aspect-ratio: 1353\/717;\"><span class=\"badge\"><span class=\"txt\">\u00c9v\u00e9nements<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>S22 Digital participe \u00e0 la journ\u00e9e de l'AEMPS sur CHESSMEN et les probl\u00e8mes d'approvisionnement en m\u00e9dicaments<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\/s22-digital-colabora-en-la-organizacion-de-universidad-pyme-madrid-2026\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-12-at-07.53.21.jpeg\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2048px; --smush-placeholder-aspect-ratio: 2048\/1536;\"><span class=\"badge\"><span class=\"txt\">\u00c9v\u00e9nements<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>S22 Digital participe \u00e0 l'organisation d'Universidad PYME Madrid 2026<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"ferias-stands\" href=\"https:\/\/www.s22digital.com\/es\/s22-organiza-la-participacion-de-la-cps-de-industrias-quimicas-en-expoquimia\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/06\/Screenshot-2026-06-08-at-08.33.21.png\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 2152px; --smush-placeholder-aspect-ratio: 2152\/1170;\"><span class=\"badge\"><span class=\"txt\">Salons &amp; Stands<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">8 juin 2026<\/div><h3>S22 organise la participation de la CPS des Industries chimiques \u00e0 EXPOQUIMIA<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"docencia\" href=\"https:\/\/www.s22digital.com\/es\/s22-digital-colabora-en-la-organizacion-de-la-final-nacional-cansat-2026-en-extremadura\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/Cansat_prensa_0013-scaled.jpg\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1707px; --smush-placeholder-aspect-ratio: 1707\/2560;\"><span class=\"badge\"><span class=\"txt\">Formation<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">15 mai 2026<\/div><h3>S22 Digital participe \u00e0 l'organisation de la Finale nationale CanSat 2026 en Estr\u00e9madure<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\/celebrado-cansat-de-la-agencia-espacial-europea-con-exito\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-14-at-15.34.29-1.jpeg\" alt=\"\" onerror=\"this.style.display='none'\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1365px; --smush-placeholder-aspect-ratio: 1365\/2048;\"><span class=\"badge\"><span class=\"txt\">\u00c9v\u00e9nements<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">14 mai 2026<\/div><h3>CanSat de l'Agence spatiale europ\u00e9enne organis\u00e9 avec succ\u00e8s<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/span><\/div>\n    <\/a>\n  <\/div>\n\n  <p class=\"empty\" id=\"empty\">Aucune publication dans cette cat\u00e9gorie.<\/p>\n\n  <nav class=\"pager\" id=\"pager\" aria-label=\"Paginaci\u00f3n de actualidad\"><\/nav>\n\n  <a class=\"see-all-m\" href=\"https:\/\/www.s22digital.com\/es\/novedades\/\">Voir toute l'actualit\u00e9 \u2192<\/a>\n<\/section>\n\n<script>\n\/* =====================================================================\n   ACTUALIDAD S22 \u2014 se actualiza sola desde WordPress (API REST).\n   - Filtros = categor\u00edas reales, con sus nombres tal cual, en el orden FILTERS.\n   - \"Lo m\u00e1s reciente\" = todas las entradas.\n   - 8 entradas por p\u00e1gina y por categor\u00eda, con paginaci\u00f3n abajo.\n   - \u00danico color de acento: el naranja de marca (#F26522).\n   ===================================================================== *\/\n(function(){\n  const BASE     = 'https:\/\/www.s22digital.com\/wp-json\/wp\/v2';\n  const PER_PAGE = 8;\n  const EXCLUDE  = ['sin-categorizar','uncategorized','sin-categoria'];\n  \/\/ Orden de los filtros. Cada entrada es una categor\u00eda (cat: slug de WordPress)\n  \/\/ o un bot\u00f3n que enlaza a una p\u00e1gina (link + href). Reordena\/a\u00f1ade aqu\u00ed a tu gusto.\n  const FILTERS = [\n    { cat:'eventos' },\n    { cat:'ferias-stands' },\n    { cat:'vr' },\n    { cat:'soluciones-tecnologicas' },\n    { cat:'redes-sociales' },\n    { cat:'impact-moment' },\n    { link:'S22 Software', href:'https:\/\/www.s22digital.com\/es\/software\/' },\n    { link:'Consultor\u00eda', href:'https:\/\/www.s22digital.com\/es\/consultoria\/' },\n    { link:'Internacionalizaci\u00f3n', href:'https:\/\/www.s22digital.com\/es\/internacionalizacion\/' },\n    { link:'AI Action', href:'https:\/\/www.s22digital.com\/es\/ai-driven-digital-experiences\/' }\n  ];\n  const ARROW = '<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg>';\n\n  const grid    = document.getElementById('grid');\n  const filters = document.getElementById('filters');\n  const pager   = document.getElementById('pager');\n  const empty   = document.getElementById('empty');\n  const section = document.querySelector('.actualidad');\n\n  const state = { slug:'all', catId:null, page:1, totalPages:1 };\n\n  const decode = s => { const t=document.createElement('textarea'); t.innerHTML=s||''; return t.value; };\n  const fmtDate = iso => { try { return new Date(iso).toLocaleDateString('es-ES',{day:'numeric',month:'long',year:'numeric'}); } catch(e){ return ''; } };\n\n  function pickCatName(post){\n    const terms = (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0]) || [];\n    const good = terms.find(t => !EXCLUDE.includes((t.slug||'').toLowerCase()));\n    const c = good || terms[0];\n    return c ? decode(c.name) : 'Actualidad';\n  }\n  function imgFor(post){\n    const m = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0];\n    if(!m) return '';\n    const s = m.media_details && m.media_details.sizes;\n    return (s && ((s.large&&s.large.source_url)||(s.medium_large&&s.medium_large.source_url))) || m.source_url || '';\n  }\n  function cardHTML(post){\n    const img = imgFor(post);\n    const title = (post.title && post.title.rendered) || '';\n    return '<a class=\"card\" href=\"'+post.link+'\">'\n      + '<div class=\"thumb\">'\n      + (img ? '<img decoding=\"async\" loading=\"lazy\" src=\"'+img+'\" alt=\"\" onerror=\"this.style.display=\\'none\\'\">' : '')\n      + '<span class=\"badge\"><span class=\"txt\">'+pickCatName(post)+'<\/span><\/span>'\n      + '<\/div>'\n      + '<div class=\"body\"><div class=\"date\">'+fmtDate(post.date)+'<\/div><h3>'+title+'<\/h3>'\n      + '<span class=\"more\">Leer m\u00e1s '+ARROW+'<\/span><\/div><\/a>';\n  }\n\n  function buildFilters(cats){\n    const bySlug = {};\n    cats.forEach(c => { if(c.count>0) bySlug[(c.slug||'').toLowerCase()] = c; });\n    let html = '<button class=\"chip active\" data-slug=\"all\" data-id=\"\">Lo m\u00e1s reciente<\/button>';\n    FILTERS.forEach(f => {\n      if(f.link){ html += '<a class=\"chip chip-link\" href=\"'+f.href+'\" target=\"_blank\" rel=\"noopener\">'+f.link+'<\/a>'; return; }\n      const c = bySlug[f.cat];\n      if(c && !EXCLUDE.includes(f.cat)) html += '<button class=\"chip\" data-slug=\"'+c.slug+'\" data-id=\"'+c.id+'\">'+decode(c.name)+'<\/button>';\n    });\n    filters.innerHTML = html;\n  }\n\n  function setActive(slug){ filters.querySelectorAll('.chip').forEach(ch => ch.classList.toggle('active', ch.dataset.slug===slug)); }\n\n  function pageItems(cur, total){\n    const set = new Set([1, total, cur-1, cur, cur+1]);\n    const arr = [...set].filter(p=>p>=1 && p<=total).sort((a,b)=>a-b);\n    const out = []; let prev = 0;\n    arr.forEach(p => { if(p-prev>1) out.push('...'); out.push(p); prev = p; });\n    return out;\n  }\n  function renderPager(){\n    const total = state.totalPages;\n    if(!total || total<=1){ pager.innerHTML=''; return; }\n    const cur = state.page;\n    let html = '<button class=\"nav\" data-page=\"'+(cur-1)+'\"'+(cur<=1?' disabled':'')+' aria-label=\"Anterior\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M15 6l-6 6 6 6\"\/><\/svg><\/button>';\n    pageItems(cur, total).forEach(p => { html += (p==='...') ? '<span class=\"dots\">\u2026<\/span>' : '<button data-page=\"'+p+'\"'+(p===cur?' class=\"active\"':'')+'>'+p+'<\/button>'; });\n    html += '<button class=\"nav\" data-page=\"'+(cur+1)+'\"'+(cur>=total?' disabled':'')+' aria-label=\"Siguiente\"><svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M9 6l6 6-6 6\"\/><\/svg><\/button>';\n    pager.innerHTML = html;\n  }\n\n  async function load(scroll){\n    grid.classList.add('loading');\n    const url = BASE+'\/posts?_embed&per_page='+PER_PAGE+'&page='+state.page+(state.catId?('&categories='+state.catId):'');\n    try{\n      const r = await fetch(url, { headers:{ 'Accept':'application\/json' } });\n      if(!r.ok) throw new Error('HTTP '+r.status);\n      const posts = await r.json();\n      const tp = parseInt(r.headers.get('X-WP-TotalPages'),10);\n      state.totalPages = tp || (posts.length<PER_PAGE ? state.page : state.page+1);\n      grid.innerHTML = posts.length ? posts.map(cardHTML).join('') : '';\n      empty.style.display = posts.length ? 'none' : 'block';\n      renderPager();\n      if(scroll) section.scrollIntoView({behavior:'smooth', block:'start'});\n    }catch(e){ console.warn('[Actualidad] No se pudo cargar:', e.message); }\n    finally{ grid.classList.remove('loading'); }\n  }\n\n  filters.addEventListener('click', e => {\n    const b = e.target.closest('.chip'); if(!b) return;\n    if(b.classList.contains('chip-link')) return;   \/\/ enlace a otra p\u00e1gina: deja navegar\n    state.slug = b.dataset.slug; state.catId = b.dataset.id || null; state.page = 1;\n    setActive(state.slug); load(true);\n  });\n  pager.addEventListener('click', e => {\n    const b = e.target.closest('button[data-page]'); if(!b || b.disabled) return;\n    const p = parseInt(b.dataset.page,10); if(p===state.page) return;\n    state.page = p; load(true);\n  });\n\n  (async function init(){\n    try{\n      const cats = await fetch(BASE+'\/categories?per_page=100&hide_empty=true&orderby=count&order=desc',{headers:{Accept:'application\/json'}}).then(r=>r.ok?r.json():Promise.reject());\n      if(Array.isArray(cats) && cats.length) buildFilters(cats);\n      await load(false);\n    }catch(e){\n      console.warn('[Actualidad] Respaldo est\u00e1tico:', e && e.message);\n      const cards = [...grid.querySelectorAll('.card')];\n      filters.addEventListener('click', ev => {\n        const b = ev.target.closest('.chip'); if(!b) return;\n        if(b.classList.contains('chip-link')) return;\n        const f = b.dataset.slug; let shown=0;\n        cards.forEach(c => { const m = (f==='all'||c.dataset.cat===f); c.style.display = m?'':'none'; if(m) shown++; });\n        empty.style.display = shown?'none':'block';\n      }, true);\n    }\n  })();\n})();\n<\/script>\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dba98eb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dba98eb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ec56f1e\" data-id=\"ec56f1e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8557dc1 elementor-widget elementor-widget-html\" data-id=\"8557dc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.s22-cta {\n  padding: 110px 56px;\n  background: #ffffff;\n  position: relative;\n  overflow: hidden;\n}\n.s22-cta * { box-sizing: border-box; }\n\n\/* C\u00edrculo decorativo de fondo *\/\n.s22-cta::before {\n  content: '';\n  position: absolute;\n  top: -200px; right: -200px;\n  width: 600px; height: 600px;\n  background: radial-gradient(circle, #fff3ed 0%, transparent 70%);\n  pointer-events: none;\n}\n.s22-cta::after {\n  content: '';\n  position: absolute;\n  bottom: -150px; left: -100px;\n  width: 400px; height: 400px;\n  background: radial-gradient(circle, #fff3ed 0%, transparent 70%);\n  pointer-events: none;\n}\n\n.s22-cta__inner {\n  max-width: 860px;\n  margin: 0 auto;\n  text-align: center;\n  position: relative;\n  z-index: 1;\n}\n\n\/* Etiqueta *\/\n.s22-cta__label {\n  font-family: 'Inter', sans-serif;\n  display: inline-flex; align-items: center; gap: 10px;\n  font-size: 10px; font-weight: 700;\n  letter-spacing: 3px; text-transform: uppercase;\n  color: #F26522; margin-bottom: 28px;\n}\n.s22-cta__label::before,\n.s22-cta__label::after {\n  content: ''; width: 28px; height: 1px; background: #F26522;\n}\n\n\/* T\u00edtulo grande *\/\n.s22-cta__h2 {\n  font-family: 'Inter', sans-serif;\n  font-size: clamp(44px, 6vw, 80px);\n  font-weight: 900;\n  color: #080808;\n  letter-spacing: -3px;\n  line-height: .95;\n  margin-bottom: 24px;\n}\n.s22-cta__h2 em {\n  font-style: normal;\n  color: #F26522;\n}\n\n\/* Subtexto *\/\n.s22-cta__sub {\n  font-family: 'Inter', sans-serif;\n  font-size: 17px; font-weight: 300;\n  color: #888; line-height: 1.7;\n  max-width: 480px; margin: 0 auto 48px;\n}\n\n\/* Botones *\/\n.s22-cta__btns {\n  display: flex;\n  gap: 14px;\n  justify-content: center;\n  align-items: center;\n  margin-bottom: 48px;\n  flex-wrap: wrap;\n}\n.s22-cta__btn-main {\n  font-family: 'Inter', sans-serif;\n  font-size: 15px; font-weight: 700;\n  background: #F26522; color: #fff;\n  border: none; border-radius: 50px;\n  padding: 18px 44px;\n  cursor: pointer; transition: all .2s;\n  text-decoration: none; display: inline-block;\n  text-transform: uppercase; letter-spacing: .5px;\n  box-shadow: 0 8px 32px rgba(242,101,34,.35);\n}\n.s22-cta__btn-main:hover {\n  background: #c9521c;\n  box-shadow: 0 12px 40px rgba(242,101,34,.45);\n  transform: translateY(-2px);\n}\n.s22-cta__btn-tel {\n  font-family: 'Inter', sans-serif;\n  font-size: 15px; font-weight: 600;\n  color: #080808; background: transparent;\n  border: 1.5px solid #e0e0e0; border-radius: 50px;\n  padding: 17px 36px;\n  cursor: pointer; transition: all .2s;\n  text-decoration: none; display: inline-flex;\n  align-items: center; gap: 10px;\n}\n.s22-cta__btn-tel:hover {\n  border-color: #080808;\n}\n\n\/* Garant\u00edas *\/\n.s22-cta__guarantees {\n  display: flex;\n  gap: 32px;\n  justify-content: center;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.s22-cta__guarantee {\n  font-family: 'Inter', sans-serif;\n  font-size: 12px; color: #bbb;\n  display: flex; align-items: center; gap: 7px;\n}\n.s22-cta__guarantee::before {\n  content: '\u2713';\n  color: #F26522;\n  font-weight: 700;\n  font-size: 13px;\n}\n<\/style>\n\n<section class=\"s22-cta\">\n  <div class=\"s22-cta__inner\">\n\n    <span class=\"s22-cta__label\">Travaillons ensemble<\/span>\n\n    <h2 class=\"s22-cta__h2\">\n      Vous avez un projet ?<br><em>Parlons-en.<\/em>\n    <\/h2>\n\n    <p class=\"s22-cta__sub\">\n      Parlez-nous de votre id\u00e9e et nous pr\u00e9parons une proposition sur mesure. Sans engagement. Nous r\u00e9pondons en moins de 24 heures.\n    <\/p>\n\n    <div class=\"s22-cta__btns\">\n      <a href=\"https:\/\/www.s22digital.com\/es\/contacto\/\" class=\"s22-cta__btn-main\">\n        Demander un devis \u2192\n      <\/a>\n      <a href=\"tel:921703322\" class=\"s22-cta__btn-tel\">\n        \ud83d\udcde 921 70 33 22\n      <\/a>\n    <\/div>\n\n    <div class=\"s22-cta__guarantees\">\n      <span class=\"s22-cta__guarantee\">Sans engagement<\/span>\n      <span class=\"s22-cta__guarantee\">R\u00e9ponse en 24h<\/span>\n      <span class=\"s22-cta__guarantee\">Devis gratuit<\/span>\n    <\/div>\n\n  <\/div>\n<\/section>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Agence int\u00e9grale \u00b7 \u00c9v\u00e9nements, communication et technologie S22 Digital\u00c9v\u00e9nements &amp; Salons | Communication | Web\/App | Conseil Nous organisons des \u00e9v\u00e9nements, cr\u00e9ons des sites web et applis, montons des exp\u00e9riences immersives et de la r\u00e9alit\u00e9 virtuelle. Nous cr\u00e9ons, concevons et livrons. Le tout dans une seule agence. Voir les \u00e9tudes de cas Demander une proposition [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":4472,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"class_list":["post-7008","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Agence \u00e9v\u00e9nements, communication &amp; technologie | S22 Digital<\/title>\n<meta name=\"description\" content=\"S22 Digital organise des congr\u00e8s, conf\u00e9rences et \u00e9v\u00e9nements institutionnels en Europe, avec secr\u00e9tariat technique, technologie \u00e9v\u00e9nementielle, streaming et gestion durable.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.s22digital.com\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Agence \u00e9v\u00e9nements, communication &amp; technologie | S22 Digital\" \/>\n<meta property=\"og:description\" content=\"S22 Digital organise des congr\u00e8s, conf\u00e9rences et \u00e9v\u00e9nements institutionnels en Europe, avec secr\u00e9tariat technique, technologie \u00e9v\u00e9nementielle, streaming et gestion durable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.s22digital.com\/fr\/\" \/>\n<meta property=\"og:site_name\" content=\"S22 Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-27T18:05:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1340\" \/>\n\t<meta property=\"og:image:height\" content=\"627\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/\",\"name\":\"Agence \u00e9v\u00e9nements, communication & technologie | S22 Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/2.png\",\"datePublished\":\"2021-12-26T10:48:08+00:00\",\"dateModified\":\"2026-07-27T18:05:34+00:00\",\"description\":\"S22 Digital organise des congr\u00e8s, conf\u00e9rences et \u00e9v\u00e9nements institutionnels en Europe, avec secr\u00e9tariat technique, technologie \u00e9v\u00e9nementielle, streaming et gestion durable.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/2.png\",\"contentUrl\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/2.png\",\"width\":1340,\"height\":627,\"caption\":\"S22 DIGITAL CABECERA\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Organisation internationale de congr\u00e8s et d\u2019\u00e9v\u00e9nements | S22 Digital\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#website\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/\",\"name\":\"S22 Digital\",\"description\":\"Agence d\u2019\u00e9v\u00e9nements, communication, technologie, intelligence artificielle et conseil.\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\",\"alternateName\":\"S22 Digital\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/#organization\",\"name\":\"S22 Digital\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/cropped-cropped-Disen\u0303o-sin-ti\u0301tulo.png\",\"contentUrl\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2021\\\/12\\\/cropped-cropped-Disen\u0303o-sin-ti\u0301tulo.png\",\"width\":347,\"height\":152,\"caption\":\"S22 Digital\"},\"image\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"legalName\":\"S22 Digital, S.L.\",\"email\":\"info@s22digital.com\",\"telephone\":\"+34 921 70 33 22\",\"sameAs\":[\"https:\\\/\\\/www.linkedin.com\\\/company\\\/73455807\\\/\"],\"address\":{\"@type\":\"PostalAddress\",\"addressLocality\":\"Madrid\",\"addressCountry\":\"ES\"},\"contactPoint\":[{\"@type\":\"ContactPoint\",\"contactType\":\"customer service\",\"telephone\":\"+34 921 70 33 22\",\"email\":\"info@s22digital.com\",\"areaServed\":\"ES\",\"availableLanguage\":[\"es\",\"en\",\"fr\"]}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Agence \u00e9v\u00e9nements, communication & technologie | S22 Digital","description":"S22 Digital organise des congr\u00e8s, conf\u00e9rences et \u00e9v\u00e9nements institutionnels en Europe, avec secr\u00e9tariat technique, technologie \u00e9v\u00e9nementielle, streaming et gestion durable.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.s22digital.com\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"Agence \u00e9v\u00e9nements, communication & technologie | S22 Digital","og_description":"S22 Digital organise des congr\u00e8s, conf\u00e9rences et \u00e9v\u00e9nements institutionnels en Europe, avec secr\u00e9tariat technique, technologie \u00e9v\u00e9nementielle, streaming et gestion durable.","og_url":"https:\/\/www.s22digital.com\/fr\/","og_site_name":"S22 Digital","article_modified_time":"2026-07-27T18:05:34+00:00","og_image":[{"width":1340,"height":627,"url":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/2.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.s22digital.com\/fr\/","url":"https:\/\/www.s22digital.com\/fr\/","name":"Agence \u00e9v\u00e9nements, communication & technologie | S22 Digital","isPartOf":{"@id":"https:\/\/www.s22digital.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.s22digital.com\/fr\/#primaryimage"},"image":{"@id":"https:\/\/www.s22digital.com\/fr\/#primaryimage"},"thumbnailUrl":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/2.png","datePublished":"2021-12-26T10:48:08+00:00","dateModified":"2026-07-27T18:05:34+00:00","description":"S22 Digital organise des congr\u00e8s, conf\u00e9rences et \u00e9v\u00e9nements institutionnels en Europe, avec secr\u00e9tariat technique, technologie \u00e9v\u00e9nementielle, streaming et gestion durable.","breadcrumb":{"@id":"https:\/\/www.s22digital.com\/fr\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.s22digital.com\/fr\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.s22digital.com\/fr\/#primaryimage","url":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/2.png","contentUrl":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/2.png","width":1340,"height":627,"caption":"S22 DIGITAL CABECERA"},{"@type":"BreadcrumbList","@id":"https:\/\/www.s22digital.com\/fr\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.s22digital.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Organisation internationale de congr\u00e8s et d\u2019\u00e9v\u00e9nements | S22 Digital"}]},{"@type":"WebSite","@id":"https:\/\/www.s22digital.com\/fr\/#website","url":"https:\/\/www.s22digital.com\/fr\/","name":"S22 Digital","description":"Agence d\u2019\u00e9v\u00e9nements, communication, technologie, intelligence artificielle et conseil.","publisher":{"@id":"https:\/\/www.s22digital.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.s22digital.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR","alternateName":"S22 Digital"},{"@type":"Organization","@id":"https:\/\/www.s22digital.com\/#organization","name":"S22 Digital","url":"https:\/\/www.s22digital.com\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.s22digital.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/cropped-cropped-Disen\u0303o-sin-ti\u0301tulo.png","contentUrl":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2021\/12\/cropped-cropped-Disen\u0303o-sin-ti\u0301tulo.png","width":347,"height":152,"caption":"S22 Digital"},"image":{"@id":"https:\/\/www.s22digital.com\/fr\/#\/schema\/logo\/image\/"},"legalName":"S22 Digital, S.L.","email":"info@s22digital.com","telephone":"+34 921 70 33 22","sameAs":["https:\/\/www.linkedin.com\/company\/73455807\/"],"address":{"@type":"PostalAddress","addressLocality":"Madrid","addressCountry":"ES"},"contactPoint":[{"@type":"ContactPoint","contactType":"customer service","telephone":"+34 921 70 33 22","email":"info@s22digital.com","areaServed":"ES","availableLanguage":["es","en","fr"]}]}]}},"_links":{"self":[{"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/pages\/7008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/comments?post=7008"}],"version-history":[{"count":104,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/pages\/7008\/revisions"}],"predecessor-version":[{"id":20748,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/pages\/7008\/revisions\/20748"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/media\/4472"}],"wp:attachment":[{"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/media?parent=7008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}