{"id":19923,"date":"2022-01-03T14:59:57","date_gmt":"2022-01-03T14:59:57","guid":{"rendered":"https:\/\/www.s22digital.com\/novedades\/"},"modified":"2026-07-18T20:16:59","modified_gmt":"2026-07-18T20:16:59","slug":"novedades","status":"publish","type":"page","link":"https:\/\/www.s22digital.com\/fr\/novedades\/","title":{"rendered":"Novedades"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"19923\" class=\"elementor elementor-19923 elementor-6786\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6a6a557 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6a6a557\" 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-316d70b\" data-id=\"316d70b\" 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-2ededec elementor-widget elementor-widget-html\" data-id=\"2ededec\" 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  :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\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0*\/\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:0 32px 110px; }  \/* sin \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0padding-top: el banner va a sangre por arriba *\/\n  @media(max-width:640px){ .actualidad{padding:0 20px 80px} }  \/* sin hueco \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0superior en m\u00f3vil: el banner va arriba del todo *\/\n\n  \/* Header *\/\n  .sec-head{ display:flex; justify-content:space-between; align-items:flex-end; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0gap: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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0); 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; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color:var(--ink);\n  }\n  .sec-head h2 i{ font-style:italic; color:var(--accent); }   \/* \"reciente.\" en \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0naranja *\/\n  .sec-head p{ margin-top:16px; max-width:560px; color:var(--gray); font-size:16\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.5px; }\n  .see-all{\n    font-family:'Inter',sans-serif; font-weight:700; font-size:15px; text\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-decoration:none;\n    color:var(--ink); white-space:nowrap; padding-bottom:8px; border-bottom:2px \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0solid 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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--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 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0botones de magenta *\/\n  .actualidad .chip{\n    font-family:'Inter',sans-serif; font-weight:600; font-size:14.5px; color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--gray);\n    background:var(--white) !important; border:1px solid var(--line); border\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-radius:999px;\n    padding:10px 18px; cursor:pointer; transition:all .2s ease; white-space\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:nowrap;\n    display:inline-flex; align-items:center; text-decoration:none;\n    -webkit-appearance:none; appearance:none; box-shadow:none !important; text\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-transform:none; letter-spacing:normal;\n  }\n  .actualidad .chip:hover{ background:var(--white) !important; border-color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent) !important; color:var(--accent) !important; }\n  .actualidad .chip:focus,\n  .actualidad .chip:focus-visible{ background:var(--white) !important; border\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-color:var(--accent) !important; color:var(--accent) !important; outline\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:none !important; box-shadow:none !important; }\n  \/* La categor\u00eda seleccionada, siempre naranja con texto blanco (va despu\u00e9s \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0para ganar a hover\/focus) *\/\n  .actualidad .chip.active,\n  .actualidad .chip.active:hover,\n  .actualidad .chip.active:focus{ background:var(--accent) !important; border\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0: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; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0overflow:hidden; position:relative;\n    transition:transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-color .35s; will-change:transform;\n  }\n  .card:hover{ transform:translateY(-7px); box-shadow:0 22px 44px -22px rgba(12\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0,12,12,.35); border-color:transparent; }\n  .card::before{ content:\"\"; position:absolute; top:0; left:0; right:0; height\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:3px; background:var(--accent); z-index:2; }  \/* toque naranja arriba de \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0cada ficha *\/\n\n  .thumb{ position:relative; aspect-ratio:16\/10; overflow:hidden; background\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:#eceef1; }\n  .thumb .ph{ position:absolute; inset:0; z-index:0; background-size:cover; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-position:center; transform:scale(1.25); filter:blur(22px) \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0saturate(1.15); display:none; }\n  .thumb.fit .ph{ display:block; }\n  .thumb img{ position:relative; z-index:1; width:100%; height:100%; object-fit\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:cover; display:block; transition:transform .6s cubic-bezier(.2,.7,.2,1); \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n  .thumb.fit img{ object-fit:contain; }\n  .card:hover .thumb img{ transform:scale(1.05) }\n  .thumb::after{ content:\"\"; position:absolute; inset:0; z-index:1; background\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:linear-gradient(180deg,rgba(12,12,12,0) 60%,rgba(12,12,12,.28)); opacity\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0: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; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0align-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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-spacing:.06em; text-transform:uppercase;\n    color:#fff; box-shadow:0 6px 16px -6px rgba(242,101,34,.55); max-width:calc\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(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; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0letter-spacing:.04em; text-transform:uppercase; color:#9A9CA1; margin\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-bottom:12px; }\n  .card h3{\n    font-family:'Inter',sans-serif; font-weight:800; font-size:18px; line-height\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:1.28; letter-spacing:-.01em; color:var(--ink);\n    display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0overflow:hidden;\n  }\n  .more{ margin-top:auto; padding-top:20px; display:inline-flex; align-items\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:center; gap:8px; font-family:'Inter',sans-serif; font-weight:700; font\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-size:14px; color:var(--accent); 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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0); font-size:16px; grid-column:1\/-1; }\n\n  \/* Pagination *\/\n  .pager{ display:flex; justify-content:center; align-items:center; gap:8px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0margin-top:52px; flex-wrap:wrap; }\n  .actualidad .pager button{\n    min-width:44px; height:44px; padding:0 14px; border:1px solid var(--line); \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:var(--white) !important;\n    border-radius:12px; font-family:'Inter',sans-serif; font-weight:700; font\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-size:14px; color:var(--ink);\n    cursor:pointer; transition:all .2s ease; display:inline-flex; align-items\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0: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\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--white) !important; border-color:var(--accent) !important; color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent) !important; }\n  .actualidad .pager button:focus{ outline:none !important; box-shadow:none \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0!important; }\n  .actualidad .pager button.active,\n  .actualidad .pager button.active:hover,\n  .actualidad .pager button.active:focus{ background:var(--accent) !important; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0border-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'\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0,sans-serif; font-weight:700; font-size:15px;\n    text-decoration:none; color:#fff; background:var(--accent); padding:15px \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a030px; border-radius:999px;\n  }\n  @media(max-width:820px){ .see-all-m{display:block} }\n  \/* Banner de cabecera A SANGRE (ancho completo, de borde a borde como otras \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0cabeceras).\n     El texto se alinea con la columna de contenido de 1240px. *\/\n  .nov-hero{\n    position:relative; left:50%; right:50%; width:100vw; margin-left:-50vw; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0margin-right:-50vw;\n    margin-bottom:40px; color:#fff; overflow:hidden;\n    padding-top:clamp(30px,4vw,56px); padding-bottom:clamp(30px,4vw,56px);\n    padding-inline:max(24px, calc(50vw - 620px + 32px));\n    background:linear-gradient(90deg, rgba(12,12,12,.80) 0%, rgba(12,12,12,.55) \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a045%, rgba(12,12,12,.28) 100%),\n               url('https:\/\/www.s22digital.com\/wp-content\/uploads\/2025\/10\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/IMG_6007-1536x1024.jpg') center\/cover no-repeat;\n  }\n  .nov-hero__label{ font-family:'Inter',sans-serif; font-weight:700; font-size\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:12.5px; letter-spacing:.22em; text-transform:uppercase; color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent); margin-bottom:10px; display:flex; align-items:center; gap:12px\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0; }\n  .nov-hero__label::before{ content:\"\"; width:26px; height:2px; background:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent); display:inline-block; }\n  .nov-hero h1{ font-family:'Inter',sans-serif; font-weight:900; font-size:clamp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(30px,4.4vw,50px); line-height:1.02; letter-spacing:-.02em; color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent); margin:0; }\n  .nov-hero p{ margin-top:10px; max-width:600px; color:rgba(255,255,255,.92); \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0font-size:clamp(14px,1.7vw,16px); }\n  \/* M\u00f3vil: filtros en una sola fila deslizable (scroll horizontal) para que no \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0ocupen muchas filas *\/\n  @media(max-width:820px){\n    .actualidad .filters{ flex-wrap:nowrap; overflow-x:auto; -webkit-overflow\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-scrolling:touch; scrollbar-width:none; -ms-overflow-style:none; padding\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-bottom:6px; scroll-snap-type:x proximity; }\n    .actualidad .filters::-webkit-scrollbar{ display:none; }\n    .actualidad .filters .chip{ flex:0 0 auto; scroll-snap-align:start; }\n  }\n  \/* Botones contextuales \"Ver informaci\u00f3n...\" (aparecen al filtrar por ciertas \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0categor\u00edas) *\/\n  .cat-info-bar{ display:none; flex-wrap:wrap; gap:10px; margin:0 0 24px; }\n  .cat-info-bar.show{ display:flex; }\n  .cat-info{ display:inline-flex; align-items:center; gap:7px; padding:8px 14px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0border-radius:9px; background:var(--accent) !important; color:#fff \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0!important; text-decoration:none; font-family:'Inter',sans-serif; font\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-weight:700; font-size:13px; box-shadow:0 6px 16px -10px rgba(242,101,34\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0,.5); transition:opacity .2s; }\n  .cat-info:hover{ opacity:.9; }\n  .cat-info svg{ transition:transform .25s ease; }\n  .cat-info:hover svg{ transform:translateX(3px); }\n  \/* Contenido fijo de categor\u00eda (resumen), p.ej. Conseil *\/\n  .cat-content{ display:none; margin:0 0 10px; }\n  .cat-content.show{ display:block; }\n  .cc-head{ font-family:'Inter',sans-serif; font-weight:700; font-size:13px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0letter-spacing:.16em; text-transform:uppercase; color:var(--accent); \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0margin:0 0 12px; }\n  .cc-lead{ font-size:16.5px; color:var(--gray); max-width:820px; margin:0 0 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a026px; line-height:1.55; }\n  .cc-lead b{ color:var(--ink); font-weight:700; }\n  .cc-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }\n  @media(max-width:900px){ .cc-grid{ grid-template-columns:repeat(2,1fr); } }\n  @media(max-width:560px){ .cc-grid{ grid-template-columns:1fr; } }\n  .cc-item{ position:relative; overflow:hidden; border:1px solid var(--line); \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0border-radius:16px; padding:20px 20px 22px; background:var(--white); \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n  .cc-item::before{ content:\"\"; position:absolute; top:0; left:0; right:0; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height:3px; background:var(--accent); }\n  .cc-item:hover{ border-color:var(--accent); transform:translateY(-3px); box\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-shadow:0 16px 30px -22px rgba(12,12,12,.4); }\n  .cc-ic{ display:block; margin-bottom:12px; line-height:0; }\n  .cc-ic svg{ width:28px; height:28px; stroke:var(--accent); fill:none; stroke\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-width:1.8; stroke-linecap:round; stroke-linejoin:round; }\n  .cc-item h4{ font-family:'Inter',sans-serif; font-weight:800; font-size:16px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0line-height:1.25; letter-spacing:-.01em; color:var(--ink); margin:0 0 8px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n  .cc-item p{ font-size:13.5px; color:var(--gray); line-height:1.5; margin:0; }\n  .cc-steps{ display:flex; flex-wrap:wrap; gap:10px; }\n  .cc-steps span{ font-family:'Inter',sans-serif; font-weight:700; font-size\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:13px; color:var(--accent); border:1px solid var(--accent); border-radius\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:999px; padding:8px 16px; }\n  .cc-projects{ font-family:'Inter',sans-serif; font-weight:800; font-size:15px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0color:var(--ink); margin:22px 0 18px; display:flex; align-items:center; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0gap:10px; letter-spacing:-.01em; }\n  .cc-projects::before{ content:\"\"; width:22px; height:2px; background:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent); display:inline-block; }\n  \/* Modal de lectura del art\u00edculo (ventana limpia, sin abrir la plantilla del \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0post) *\/\n  .art-modal{ display:none; position:fixed; inset:0; z-index:99999; }\n  .art-modal.open{ display:block; }\n  .art-backdrop{ position:absolute; inset:0; background:rgba(12,12,12,.62); }\n  .art-panel{ position:relative; max-width:760px; margin:5vh auto; background\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:var(--white); border-radius:20px; max-height:90vh; overflow:auto; box\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-shadow:0 40px 90px -25px rgba(0,0,0,.55); }\n  .art-close{ position:absolute; top:14px; right:14px; z-index:3; width:38px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0height:38px; border-radius:50%; border:none; background:rgba(255,255,255\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0,.92); color:var(--ink); font-size:24px; line-height:36px; text-align\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:center; cursor:pointer; box-shadow:0 4px 12px -4px rgba(0,0,0,.4); }\n  .art-hero{ height:clamp(180px,32vw,300px); background-size:cover; background\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-position:center; background-color:#e7e9ec; }\n  .art-content{ padding:28px clamp(22px,4vw,40px) 36px; }\n  .art-meta{ display:flex; align-items:center; gap:12px; margin-bottom:14px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flex-wrap:wrap; }\n  .art-badge{ background:var(--accent); color:#fff; border-radius:999px; padding\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:5px 12px; font-family:'Inter',sans-serif; font-weight:700; font-size:11px\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0; letter-spacing:.06em; text-transform:uppercase; }\n  .art-date{ font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0letter-spacing:.04em; text-transform:uppercase; color:#9A9CA1; }\n  .art-title{ font-family:'Inter',sans-serif; font-weight:900; font-size:clamp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(24px,3.4vw,34px); line-height:1.12; letter-spacing:-.02em; color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--ink); margin:0 0 18px; }\n  .art-body{ color:#333; font-size:16px; line-height:1.7; }\n  .art-body p{ margin:0 0 16px; }\n  .art-body h2,.art-body h3,.art-body h4{ font-family:'Inter',sans-serif; color\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:var(--ink); margin:22px 0 10px; line-height:1.25; }\n  .art-body img{ max-width:100%; height:auto; border-radius:12px; margin:12px 0; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0}\n  .art-body a{ color:var(--accent); }\n  .art-body ul,.art-body ol{ margin:0 0 16px; padding-left:20px; }\n  .art-body iframe{ max-width:100%; border-radius:12px; }\n  .art-note{ color:var(--gray); font-style:italic; }\n  .art-link{ display:inline-flex; align-items:center; gap:8px; margin-top:20px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background:var(--accent); color:#fff !important; text-decoration:none; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0font-family:'Inter',sans-serif; font-weight:700; font-size:14px; padding\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:11px 20px; border-radius:10px; }\n  \/* S22 Software: pestanas por tecnologia *\/\n  .sw-tabs{ display:flex; flex-wrap:wrap; gap:6px 26px; margin:2px 0 28px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0border-bottom:1px solid var(--line); }\n  .sw-tab{ -webkit-appearance:none; appearance:none; background:none; border\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:none; border-bottom:3px solid transparent; padding:10px 2px; margin\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-bottom:-1px; font-family:'Inter',sans-serif; font-weight:800; font-size\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:15.5px; letter-spacing:-.01em; color:var(--gray); cursor:pointer; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0transition:color .15s ease, border-color .15s ease; }\n  .sw-tab:hover{ color:var(--ink); }\n  .sw-tab.active{ color:var(--accent); border-bottom-color:var(--accent); }\n  @media(max-width:600px){ .sw-tabs{ flex-wrap:nowrap; overflow-x:auto; gap:0 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a020px; -webkit-overflow-scrolling:touch; scrollbar-width:none; } .sw-tabs\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0::-webkit-scrollbar{ display:none; } .sw-tab{ white-space:nowrap; font\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-size:14.5px; } }\n  \/* S22 Software: entrada destacada + casos de \u00e9xito en una columna *\/\n  .feat{ display:flex; gap:26px; align-items:center; margin:6px 0 26px; padding\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:0 0 26px; border-bottom:1px solid var(--line); }\n  .feat-img{ position:relative; flex:0 0 42%; max-width:420px; aspect-ratio:16\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/10; border-radius:16px; overflow:hidden; background:#eceef1; }\n  .feat-img .ph{ position:absolute; inset:0; z-index:0; background-size:cover; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-position:center; transform:scale(1.25); filter:blur(22px) \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0saturate(1.15); display:none; }\n  .feat-img.fit .ph{ display:block; }\n  .feat-img img{ position:relative; z-index:1; width:100%; height:100%; object\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-fit:cover; display:block; }\n  .feat-img.fit img{ object-fit:contain; }\n  .feat-txt{ flex:1; min-width:0; }\n  .feat-txt h3{ font-family:'Inter',sans-serif; font-weight:900; font-size:clamp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(20px,2.3vw,26px); line-height:1.16; letter-spacing:-.02em; color:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--ink); margin:0 0 12px; }\n  .feat-txt p{ font-size:15.5px; color:var(--gray); line-height:1.6; margin:0 0 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a018px; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:vertical; overflow:hidden; }\n  .feat-more{ display:inline-flex; align-items:center; gap:8px; background:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--accent); color:#fff; border:none; border-radius:10px; padding:11px 20px\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0; font-family:'Inter',sans-serif; font-weight:700; font-size:14px; cursor\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:pointer; -webkit-appearance:none; appearance:none; }\n  .feat-more svg{ transition:transform .28s ease; }\n  .feat-more:hover svg{ transform:translateX(4px); }\n  .casos-h{ font-family:'Inter',sans-serif; font-weight:800; font-size:16px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0letter-spacing:-.01em; color:var(--ink); margin:0 0 18px; display:flex; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0align-items:center; gap:10px; }\n  .casos-h::before{ content:\"\"; width:22px; height:2px; background:var(--accent\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0); display:inline-block; }\n  .grid.one-col{ grid-template-columns:1fr; gap:16px; }\n  .caso{ display:flex; text-decoration:none; color:inherit; background:var\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0(--white); border:1px solid var(--line); border-radius:14px; overflow\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:hidden; transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0, border-color .3s; }\n  .caso:hover{ transform:translateY(-3px); box-shadow:0 16px 30px -22px rgba(12\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0,12,12,.4); border-color:transparent; }\n  .caso-thumb{ position:relative; flex:0 0 38%; max-width:260px; min-height\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:150px; overflow:hidden; background:#eceef1; }\n  .caso-thumb .ph{ position:absolute; inset:0; z-index:0; background-size:cover; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0background-position:center; transform:scale(1.25); filter:blur(22px) \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0saturate(1.15); display:none; }\n  .caso-thumb.fit .ph{ display:block; }\n  .caso-thumb img{ position:absolute; inset:0; z-index:1; width:100%; height\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:100%; object-fit:cover; }\n  .caso-thumb.fit img{ object-fit:contain; }\n  .caso-b{ flex:1; min-width:0; padding:16px 20px; display:flex; flex-direction\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:column; justify-content:center; }\n  .caso-b .date{ margin-bottom:6px; }\n  .caso-b h4{ font-family:'Inter',sans-serif; font-weight:800; font-size:17px; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0line-height:1.26; letter-spacing:-.01em; color:var(--ink); margin:0; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0overflow:hidden; }\n  .caso .more{ margin-top:10px; padding-top:0; }\n  @media(max-width:600px){ .feat{ flex-direction:column; align-items:stretch; \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0gap:16px; } .feat-img{ flex:none; width:100%; max-width:none; } .caso{ \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0flex-direction:column; } .caso-thumb{ flex:none; width:100%; max-width\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0:none; aspect-ratio:16\/10; min-height:0; } }\n<\/style>\n\n<section class=\"actualidad\">\n  <header class=\"nov-hero\">\n    <div class=\"nov-hero__label\">Actualit\u00e9s<\/div>\n    <h1>Derni\u00e8res actualit\u00e9s.<\/h1>\n    <p>\u00c9v\u00e9nements, salons professionnels, r\u00e9alit\u00e9 virtuelle et augment\u00e9e, communication et d\u00e9veloppement logiciel. D\u00e9couvrez nos projets en cours.<\/p>\n  <\/header>\n\n  <!-- Filtros: se generan solos desde WordPress, en el orden definido en \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0FILTERS. (Respaldo por si la API no responde) -->\n  <div class=\"filters\" id=\"filters\">\n    <button class=\"chip active\" data-slug=\"all\">Derni\u00e8res actualit\u00e9s<\/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\">RV, r\u00e9alit\u00e9 augment\u00e9e &amp; 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    <button class=\"chip\" data-slug=\"s22software\" data-content=\"s22software\">S22 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Software<\/button>\n    <button class=\"chip\" data-slug=\"consultoria\" data-content=\"consultoria\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0>Conseil<\/button>\n    <button class=\"chip\" data-slug=\"internacional\" data-content=\"internacional\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0>Internationalisation<\/button>\n    <button class=\"chip\" data-slug=\"ai\" data-content=\"ai\">AI Action<\/button>\n  <\/div>\n\n  <!-- Fichas: se generan solas desde WordPress. (Respaldo est\u00e1tico debajo) -->\n  <div id=\"catInfo\" class=\"cat-info-bar\"><\/div>\n\n  <div id=\"catContent\" class=\"cat-content\"><\/div>\n\n  <div class=\"grid\" id=\"grid\">\n    <a class=\"card\" data-cat=\"soluciones-tecnologicas\" href=\"https:\/\/www\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.s22digital.com\/es\/el-girasol-de-carmona-como-convertimos-un-fenomeno\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-natural-en-un-producto-turistico-digital\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/06\/girasoles.png\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class=\"badge\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0><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 transformer un ph\u00e9nom\u00e8ne naturel en produit touristique num\u00e9rique<\/h3><span class=\"more\">Lire la suite <svg width\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/premios-diputacion-de-segovia-2025\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/06\/images.jpeg\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class=\"badge\"><span \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0class=\"txt\">\u00c9v\u00e9nements<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>Prix du Conseil provincial de S\u00e9govie 2026<\/h3><span class=\"more\">Lire la suite <svg width\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"ferias-stands\" href=\"https:\/\/www.s22digital.com\/es\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/la-comision-paritaria-sectorial-de-recuperacion-y-reciclado-participa\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-en-srr-2026\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/06\/redes-sociales-srr.jpg\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"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 la r\u00e9cup\u00e9ration et du recyclage participe au SRR 2026<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\/s22\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-digital-colabora-en-la-jornada-de-aemps-sobre-chessmen-y-los-problemas\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-de-suministro-de-medicamentos\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/06\/1.png\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class=\"badge\"><span class\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"txt\">\u00c9v\u00e9nements<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>S22 Digital collabore \u00e0 la journ\u00e9e de l\u2019AEMPS sur CHESSMEN et les probl\u00e8mes d\u2019approvisionnement en m\u00e9dicaments<\/h3><span class=\"more\">Lire la suite <svg \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\/s22\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-digital-colabora-en-la-organizacion-de-universidad-pyme-madrid-2026\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/06\/WhatsApp-Image-2026-06-12-at-07.53.21.jpeg\" \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class=\"badge\"><span class=\"txt\">\u00c9v\u00e9nements<\/span><\/span\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0><\/div>\n      <div class=\"body\"><div class=\"date\">12 juin 2026<\/div><h3>S22 Digital collabore \u00e0 l\u2019organisation d\u2019Universidad PYME Madrid 2026\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height=\"16\" viewBox\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"ferias-stands\" href=\"https:\/\/www.s22digital.com\/es\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/s22-organiza-la-participacion-de-la-cps-de-industrias-quimicas-en\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-expoquimia\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/06\/Screenshot-2026-06-08-at-08.33.21.png\" alt=\"\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class=\"badge\"><span class=\"txt\">Salons &amp; Stands<\/span\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0><\/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\" \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"docencia\" href=\"https:\/\/www.s22digital.com\/es\/s22\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-digital-colabora-en-la-organizacion-de-la-final-nacional-cansat-2026-en\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-extremadura\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/05\/Cansat_prensa_0013-scaled.jpg\" alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0class=\"badge\"><span class=\"txt\">Formation<\/span><\/span><\/div>\n      <div class=\"body\"><div class=\"date\">15 mai 2026<\/div><h3>S22 Digital collabore \u00e0 l\u2019organisation de la finale nationale CanSat 2026 en Estr\u00e9madure<\/h3><span class=\"more\">Lire la suite <svg width=\"16\" height\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 6\"\/><\/svg><\/span><\/div>\n    <\/a>\n    <a class=\"card\" data-cat=\"eventos\" href=\"https:\/\/www.s22digital.com\/es\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\/celebrado-cansat-de-la-agencia-espacial-europea-con-exito\/\">\n      <div class=\"thumb\"><img decoding=\"async\" data-src=\"https:\/\/www.s22digital.com\/wp\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-content\/uploads\/2026\/05\/WhatsApp-Image-2026-05-14-at-15.34.29-1.jpeg\" \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0alt=\"\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\"><span class=\"badge\"><span class=\"txt\">\u00c9v\u00e9nements<\/span><\/span\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0><\/div>\n      <div class=\"body\"><div class=\"date\">14 mai 2026<\/div><h3>Le CanSat de l\u2019Agence spatiale europ\u00e9enne organis\u00e9 avec succ\u00e8s<\/h3><span class=\"more\"\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0>Lire la suite <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0stroke=\"currentColor\" stroke-width=\"2.4\"><path d=\"M5 12h14M13 6l6 6-6 \n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a06\"\/><\/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=\"Pagination des actualit\u00e9s\"><\/nav>\n\n  <div id=\"artModal\" class=\"art-modal\" role=\"dialog\" aria-modal=\"true\" aria\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0-hidden=\"true\">\n    <div class=\"art-backdrop\"><\/div>\n    <div class=\"art-panel\"><button class=\"art-close\" aria-label=\"Fermer\">&times\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0;<\/button><div class=\"art-inner\"><\/div><\/div>\n  <\/div>\n<\/section>\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>Actualit\u00e9s Derni\u00e8res actualit\u00e9s. \u00c9v\u00e9nements, salons professionnels, r\u00e9alit\u00e9 virtuelle et augment\u00e9e, communication et d\u00e9veloppement logiciel. D\u00e9couvrez nos projets en cours. Derni\u00e8res actualit\u00e9s \u00c9v\u00e9nements Salons &amp; Stands RV, r\u00e9alit\u00e9 augment\u00e9e &amp; mixte Web\/App R\u00e9seaux sociaux Impact Moment S22 \u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0Software Conseil Internationalisation AI Action Web\/App 30 juin 2026 Le Tournesol de Carmona : comment transformer un ph\u00e9nom\u00e8ne naturel [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6810,"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-19923","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>Actualidad y noticias | S22 Digital<\/title>\n<meta name=\"description\" content=\"\u00daltimas noticias de S22 Digital: eventos, ferias, realidad virtual, comunicaci\u00f3n y desarrollo de software. Descubre en qu\u00e9 trabajamos.\" \/>\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\/novedades\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Actualidad y noticias | S22 Digital\" \/>\n<meta property=\"og:description\" content=\"\u00daltimas noticias de S22 Digital: eventos, ferias, realidad virtual, comunicaci\u00f3n y desarrollo de software. Descubre en qu\u00e9 trabajamos.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.s22digital.com\/fr\/novedades\/\" \/>\n<meta property=\"og:site_name\" content=\"S22 Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-18T20:16:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.s22digital.com\/wp-content\/uploads\/2022\/01\/Diseno-sin-titulo-4.png\" \/>\n\t<meta property=\"og:image:width\" content=\"640\" \/>\n\t<meta property=\"og:image:height\" content=\"376\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/\",\"name\":\"Actualidad y noticias | S22 Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Diseno-sin-titulo-4.png\",\"datePublished\":\"2022-01-03T14:59:57+00:00\",\"dateModified\":\"2026-07-18T20:16:59+00:00\",\"description\":\"\u00daltimas noticias de S22 Digital: eventos, ferias, realidad virtual, comunicaci\u00f3n y desarrollo de software. Descubre en qu\u00e9 trabajamos.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Diseno-sin-titulo-4.png\",\"contentUrl\":\"https:\\\/\\\/www.s22digital.com\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/Diseno-sin-titulo-4.png\",\"width\":640,\"height\":376,\"caption\":\"Blog S22 Digital\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/novedades\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.s22digital.com\\\/fr\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Novedades\"}]},{\"@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":"Actualidad y noticias | S22 Digital","description":"\u00daltimas noticias de S22 Digital: eventos, ferias, realidad virtual, comunicaci\u00f3n y desarrollo de software. Descubre en qu\u00e9 trabajamos.","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\/novedades\/","og_locale":"fr_FR","og_type":"article","og_title":"Actualidad y noticias | S22 Digital","og_description":"\u00daltimas noticias de S22 Digital: eventos, ferias, realidad virtual, comunicaci\u00f3n y desarrollo de software. Descubre en qu\u00e9 trabajamos.","og_url":"https:\/\/www.s22digital.com\/fr\/novedades\/","og_site_name":"S22 Digital","article_modified_time":"2026-07-18T20:16:59+00:00","og_image":[{"width":640,"height":376,"url":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2022\/01\/Diseno-sin-titulo-4.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Dur\u00e9e de lecture estim\u00e9e":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.s22digital.com\/fr\/novedades\/","url":"https:\/\/www.s22digital.com\/fr\/novedades\/","name":"Actualidad y noticias | S22 Digital","isPartOf":{"@id":"https:\/\/www.s22digital.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.s22digital.com\/fr\/novedades\/#primaryimage"},"image":{"@id":"https:\/\/www.s22digital.com\/fr\/novedades\/#primaryimage"},"thumbnailUrl":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2022\/01\/Diseno-sin-titulo-4.png","datePublished":"2022-01-03T14:59:57+00:00","dateModified":"2026-07-18T20:16:59+00:00","description":"\u00daltimas noticias de S22 Digital: eventos, ferias, realidad virtual, comunicaci\u00f3n y desarrollo de software. Descubre en qu\u00e9 trabajamos.","breadcrumb":{"@id":"https:\/\/www.s22digital.com\/fr\/novedades\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.s22digital.com\/fr\/novedades\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.s22digital.com\/fr\/novedades\/#primaryimage","url":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2022\/01\/Diseno-sin-titulo-4.png","contentUrl":"https:\/\/www.s22digital.com\/wp-content\/uploads\/2022\/01\/Diseno-sin-titulo-4.png","width":640,"height":376,"caption":"Blog S22 Digital"},{"@type":"BreadcrumbList","@id":"https:\/\/www.s22digital.com\/fr\/novedades\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.s22digital.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Novedades"}]},{"@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\/19923","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=19923"}],"version-history":[{"count":3,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/pages\/19923\/revisions"}],"predecessor-version":[{"id":19931,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/pages\/19923\/revisions\/19931"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/media\/6810"}],"wp:attachment":[{"href":"https:\/\/www.s22digital.com\/fr\/wp-json\/wp\/v2\/media?parent=19923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}