{"id":40988,"date":"2026-01-14T21:21:40","date_gmt":"2026-01-15T03:21:40","guid":{"rendered":"https:\/\/themesh.art\/?page_id=40988"},"modified":"2026-04-09T13:29:48","modified_gmt":"2026-04-09T19:29:48","slug":"brutalist-home","status":"publish","type":"page","link":"https:\/\/themesh.art\/en\/","title":{"rendered":"Brutalist Home"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"40988\" class=\"elementor elementor-40988\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0105c6 e-flex e-con-boxed e-con e-parent\" data-id=\"b0105c6\" data-element_type=\"container\" id=\"mesh-hero\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-055ca2f elementor-widget elementor-widget-html\" data-id=\"055ca2f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mh\">\n<style>\n  .mh, .mh * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }\n\n  .mh {\n    --black:  #0a0a0a;\n    --cream:  #f5f2eb;\n    --purple: #7c3aff;\n    --yellow: #ffe135;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    background: var(--black);\n    padding: 72px 22px 80px;\n    border-bottom: 2px solid #1e1e1e;\n    position: relative;\n    overflow: hidden;\n  }\n\n  \/* GRID BACKGROUND *\/\n  .mh::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background-image:\n      linear-gradient(rgba(255,225,53,.04) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(255,225,53,.04) 1px, transparent 1px);\n    background-size: 40px 40px;\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  \/* Subtle vignette so grid fades at edges *\/\n  .mh::after {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse at 50% 0%, transparent 40%, var(--black) 100%);\n    pointer-events: none;\n    z-index: 0;\n  }\n\n  .mh-inner {\n    max-width: 1180px;\n    margin: 0 auto;\n    position: relative;\n    z-index: 1;\n  }\n\n  \/* EYEBROW *\/\n  .mh-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .18em;\n    text-transform: uppercase;\n    color: rgba(245,242,235,.85);\n    margin-bottom: 20px;\n  }\n\n  .mh-eyebrow::before {\n    content: \"\";\n    width: 28px; height: 2px;\n    background: var(--purple);\n    flex: 0 0 auto;\n  }\n\n  \/* TITLE \u2014 tightened for sharper feel *\/\n  .mh-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(84px, 12vw, 168px);\n    line-height: .84;\n    letter-spacing: -.035em;\n    text-transform: uppercase;\n    color: var(--cream);\n    margin: 0 0 28px;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n\n  .mh-line1 { display: block; }\n\n  .mh-line2 {\n    display: block;\n    width: 100%;\n    overflow: hidden;\n    position: relative;\n    min-height: 1em;\n  }\n\n  .mh-sizer {\n    visibility: hidden;\n    display: block;\n    white-space: nowrap;\n  }\n\n  \/* TYPER *\/\n  .mh-typer {\n    position: absolute;\n    left: 0; top: 0;\n    color: var(--purple);\n    display: block;\n    white-space: nowrap;\n  }\n\n  .mh-typer::after {\n    content: \"\";\n    display: inline-block;\n    width: .06em; height: .78em;\n    margin-left: .06em;\n    vertical-align: middle;\n    background: var(--cream);\n    opacity: .55;\n    animation: mh-blink .8s steps(2) infinite;\n  }\n\n  @keyframes mh-blink {\n    0%,49% { opacity: 0; }\n    50%,100% { opacity: .55; }\n  }\n\n  \/* SUBHEAD *\/\n  .mh-sub {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 500;\n    font-size: clamp(17px, 2vw, 22px);\n    line-height: 1.5;\n    color: var(--cream);\n    margin: 0 0 32px;\n    max-width: 560px;\n  }\n\n  \/* PROOF PILLS *\/\n  .mh-proof {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 36px;\n    align-items: center;\n  }\n\n  .mh-pill {\n    display: inline-flex;\n    align-items: center;\n    height: 36px;\n    padding: 0 14px;\n    border: 1px solid rgba(245,242,235,.12);\n    color: rgba(245,242,235,.45);\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 12px;\n    font-weight: 700;\n    letter-spacing: .04em;\n    white-space: nowrap;\n  }\n\n  .mh-pill b {\n    color: var(--cream);\n    font-weight: 900;\n    margin-right: 4px;\n  }\n\n  \/* ACTIONS *\/\n  .mh-actions {\n    display: flex;\n    gap: 14px;\n    align-items: center;\n    flex-wrap: wrap;\n  }\n\n  \/* PRIMARY *\/\n  .mh-btn-primary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    background: var(--yellow);\n    color: var(--black);\n    text-decoration: none;\n    padding: 0 30px;\n    height: 58px;\n    border: 2px solid var(--cream);\n    box-shadow: 5px 5px 0 var(--cream);\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 20px;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition: box-shadow .1s, transform .1s;\n  }\n\n  .mh-btn-primary:hover {\n    box-shadow: 2px 2px 0 var(--cream);\n    transform: translate(3px, 3px);\n  }\n\n  .mh-btn-primary:active {\n    box-shadow: none;\n    transform: translate(5px, 5px);\n  }\n\n  \/* SECONDARY \u2014 fixed to 2px border to match design system *\/\n  .mh-btn-secondary {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    height: 58px;\n    padding: 0 24px;\n    border: 2px solid rgba(245,242,235,.25);\n    color: var(--cream);\n    text-decoration: none;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 20px;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition: border-color .15s, background .15s;\n  }\n\n  .mh-btn-secondary:hover {\n    border-color: rgba(245,242,235,.55);\n    background: rgba(245,242,235,.06);\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 680px) {\n    .mh { padding: 52px 16px 60px; }\n    .mh-title { font-size: clamp(72px, 18vw, 110px); }\n    .mh-line2 { min-height: 1.9em; }\n    .mh-sizer { white-space: normal; line-height: .84; }\n    .mh-typer { white-space: normal; line-height: .84; word-break: break-word; }\n    .mh-proof {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: 8px;\n    }\n    .mh-pill-wide { grid-column: 1 \/ -1; }\n    .mh-actions { flex-direction: column; align-items: stretch; }\n    .mh-btn-primary,\n    .mh-btn-secondary { width: 100%; height: 54px; font-size: 18px; }\n  }\n\n  @media (max-width: 420px) {\n    .mh-title { font-size: clamp(64px, 17vw, 90px); }\n  }\n<\/style>\n\n<div class=\"mh-inner\">\n  <div class=\"mh-eyebrow\">Todo el ecosistema cultural, aqui<\/div>\n\n  <h1 class=\"mh-title\">\n    <span class=\"mh-line1\">Arte,<\/span>\n    <span class=\"mh-line2\">\n      <span class=\"mh-sizer\">en movimiento.<\/span>\n      <span class=\"mh-typer\" id=\"mh-typer\"><\/span>\n    <\/span>\n  <\/h1>\n\n  <p class=\"mh-sub\">\n    Descubre espacios, eventos, cursos y oportunidades culturales.\n  <\/p>\n\n  <div class=\"mh-proof\">\n    <span class=\"mh-pill mh-pill-wide\"><b>Web<\/b> + iPhone + Android<\/span>\n    <span class=\"mh-pill\"><b>+3k<\/b> experiencias<\/span>\n    <span class=\"mh-pill\"><b>+1k<\/b> espacios<\/span>\n  <\/div>\n\n  <div class=\"mh-actions\">\n    <a class=\"mh-btn-primary\" href=\"https:\/\/themesh.art\/en\/spaces\/\">Empieza a explorar<\/a>\n    <a class=\"mh-btn-secondary\" href=\"https:\/\/themesh.art\/en\/mapa\/\">Ver mapa<\/a>\n  <\/div>\n<\/div>\n<\/section>\n\n<script>\n(function(){\n  const WORDS = [\n    \"para todos.\",\n    \"en tiempo real.\",\n    \"para inspirar.\",\n    \"en todos lados.\",\n    \"mas cerca.\",\n    \"en movimiento.\",\n    \"por descubrir.\",\n    \"mesh.\"\n  ];\n\n  const el = document.getElementById('mh-typer');\n  if (!el || el.dataset.started) return;\n  el.dataset.started = \"1\";\n\n  let w = 0, i = 0, mode = \"type\";\n  const TYPE = 90, DELETE = 50, PAUSE = 1600;\n\n  function tick() {\n    const word = WORDS[w];\n    if (mode === \"type\") {\n      el.textContent = word.slice(0, ++i);\n      if (i === word.length) { mode = \"pause\"; return setTimeout(tick, PAUSE); }\n      return setTimeout(tick, TYPE);\n    }\n    if (mode === \"pause\") { mode = \"delete\"; return setTimeout(tick, DELETE); }\n    el.textContent = word.slice(0, --i);\n    if (i === 0) { w = (w + 1) % WORDS.length; mode = \"type\"; }\n    setTimeout(tick, DELETE);\n  }\n\n  tick();\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4603ba e-con-full e-flex e-con e-parent\" data-id=\"c4603ba\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fbf25f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9fbf25f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"ticker-wrap\">\n  <div class=\"ticker\">\n    <div class=\"ticker-track\">MUSEOS \u2022 GALER\u00cdAS \u2022 ESPACIOS \u2022 EVENTOS \u2022 EDUCACI\u00d3N \u2022 OPORTUNIDADES \u2022 INFRAESTRUCTURA DIGITAL PARA EL ECOSISTEMA CULTURAL \u2022&nbsp;<\/div>\n    <div class=\"ticker-track\" aria-hidden=\"true\">MUSEOS \u2022 GALER\u00cdAS \u2022 ESPACIOS \u2022 EVENTOS \u2022 EDUCACI\u00d3N \u2022 OPORTUNIDADES \u2022 CULTURA EN MOVIMIENTO \u2022&nbsp;<\/div>\n  <\/div>\n<\/div>\n<style>\n  .ticker-wrap {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    border-top: 1px solid rgba(13,13,15,.06);\n    border-bottom: 1px solid rgba(13,13,15,.06);\n    background: #111;\n    overflow: hidden;\n  }\n  .ticker {\n    display: flex;\n    width: max-content;\n    animation: ticker 12s linear infinite;\n    will-change: transform;\n  }\n  .ticker-track {\n    white-space: nowrap;\n    flex: 0 0 auto;\n    padding: 11px 0;\n    font-size: 13px;\n    font-weight: 900;\n    letter-spacing: .10em;\n    text-transform: uppercase;\n    color: #ffe135;\n  }\n  @keyframes ticker {\n    0%   { transform: translateX(0); }\n    100% { transform: translateX(-50%); }\n  }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-428920d elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"428920d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mc\">\n<style>\n  .mc,.mc *{box-sizing:border-box;-webkit-font-smoothing:antialiased;}\n  .mc{\n    --black:#0a0a0a;--cream:#f5f2eb;--purple:#7c3aff;\n    --yellow:#ffe135;--green:#0ea874;\n    --border:2px solid #0a0a0a;\n    --shadow:6px 6px 0 #0a0a0a;\n    --shadow-lg:10px 10px 0 #0a0a0a;\n    background:transparent;padding:48px 22px 56px;\n    width:100vw;margin-left:calc(50% - 50vw);\n  }\n  .mc-inner{max-width:1180px;margin:0 auto;}\n  .mc-head{margin-bottom:28px;}\n  .mc-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--black);margin-bottom:10px;}\n  .mc-eyebrow::before{content:\"\";width:28px;height:2px;background:var(--purple);flex:0 0 auto;}\n  .mc-head-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(38px,4.8vw,64px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:var(--black);margin:0;}\n\n  \/* \u2500\u2500 DESKTOP GRID \u2500\u2500 *\/\n  .mc-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;grid-template-rows:280px 220px 80px;gap:14px;}\n\n  .mc-card{position:relative;display:block;text-decoration:none;border:var(--border);box-shadow:var(--shadow);overflow:hidden;transition:transform .14s ease,box-shadow .14s ease;padding:22px;}\n  .mc-card:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);}\n\n  .mc-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;display:inline-block;opacity:.55;line-height:1.4;}\n\n  .mc-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;text-transform:uppercase;line-height:.88;letter-spacing:-.02em;position:absolute;bottom:18px;left:20px;right:20px;}\n  .mc-sub{font-family:'Space Grotesk',sans-serif;font-weight:500;font-size:13px;line-height:1.4;opacity:.65;margin-top:8px;letter-spacing:0;text-transform:none;}\n  .mc-arrow{position:absolute;top:22px;right:22px;width:36px;height:36px;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;}\n\n  \/* Card variants *\/\n  .mc-card-spaces{grid-column:1\/2;grid-row:1\/3;background:var(--black);color:var(--cream);}\n  .mc-card-spaces .mc-arrow{border-color:rgba(245,242,235,.5);color:var(--cream);}\n  .mc-card-spaces .mc-name{font-size:clamp(68px,7.5vw,108px);color:var(--cream);}\n\n  .mc-card-events{grid-column:2\/3;grid-row:1\/2;background:var(--cream);color:var(--black);}\n  .mc-card-events .mc-name{font-size:clamp(32px,3.2vw,44px);}\n\n  .mc-card-opps{grid-column:3\/4;grid-row:1\/2;background:var(--purple);color:#fff;}\n  .mc-card-opps .mc-arrow{border-color:rgba(255,255,255,.5);color:#fff;}\n  .mc-card-opps .mc-name{font-size:clamp(32px,3.2vw,44px);color:#fff;}\n\n  .mc-card-learning{grid-column:2\/4;grid-row:2\/3;background:var(--green);color:#fff;}\n  .mc-card-learning .mc-name{font-size:clamp(32px,3.2vw,44px);color:#fff;}\n\n  \/* Bar \u2014 spans full width in row 3 *\/\n  .mc-bar{\n    grid-column:1\/4;grid-row:3\/4;\n    position:relative;\n    display:flex;align-items:center;justify-content:space-between;\n    border:var(--border);box-shadow:var(--shadow);padding:16px 24px;\n    text-decoration:none;background:var(--yellow);\n    transition:transform .14s ease,box-shadow .14s ease;\n  }\n  .mc-bar .mc-bar-label{ display:none; }\n  .mc-bar:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg);}\n  .mc-bar-label{color:rgba(10,10,10,.55);}\n  .mc-bar-name{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(24px,3vw,38px);letter-spacing:-.02em;text-transform:uppercase;line-height:1;color:var(--black);}\n  .mc-bar-sub{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;line-height:1.4;opacity:.65;margin-top:8px;letter-spacing:0;text-transform:none;}\n  .mc-bar .mc-arrow{position:static;flex-shrink:0;border-color:rgba(10,10,10,.35);color:var(--black);}\n\n  \/* \u2500\u2500 TABLET \u2264 860px \u2500\u2500 *\/\n  @media(max-width:860px){\n    .mc-grid{grid-template-columns:1fr 1fr;grid-template-rows:200px 160px 160px 70px;gap:12px;}\n    .mc-card-spaces{grid-column:1\/3;grid-row:1\/2;}\n    .mc-card-spaces .mc-name{font-size:clamp(52px,12vw,80px);}\n    .mc-card-events{grid-column:1\/2;grid-row:2\/3;}\n    .mc-card-opps{grid-column:2\/3;grid-row:2\/3;}\n    .mc-card-learning{grid-column:1\/3;grid-row:3\/4;}\n    .mc-card-events .mc-name,.mc-card-opps .mc-name,.mc-card-learning .mc-name{font-size:clamp(26px,5vw,38px);}\n    .mc-bar{grid-column:1\/3;grid-row:4\/5;}\n  }\n\n  \/* \u2500\u2500 MOBILE \u2264 560px \u2014 horizontal carousel \u2500\u2500 *\/\n  @media(max-width:560px){\n    .mc{padding:32px 0 40px;}\n    .mc-head{padding:0 16px;}\n    .mc-grid{\n      display:flex;\n      overflow-x:auto;\n      scroll-snap-type:x mandatory;\n      -webkit-overflow-scrolling:touch;\n      scrollbar-width:none;\n      gap:10px;\n      padding:0 16px 10px;\n      \/* Reset grid *\/\n      grid-template-columns:unset;\n      grid-template-rows:unset;\n    }\n    .mc-grid::-webkit-scrollbar{display:none;}\n    \/* All cards become carousel items *\/\n    .mc-card{\n      flex:0 0 72vw!important;\n      min-height:270px;\n      scroll-snap-align:start;\n      grid-column:auto!important;\n      grid-row:auto!important;\n    }\n    .mc-card-spaces{flex:0 0 80vw!important;min-height:300px;}\n    .mc-card-spaces .mc-name{font-size:52px;}\n    .mc-card-events .mc-name,.mc-card-opps .mc-name,.mc-card-learning .mc-name{font-size:28px;}\n    \/* Bar becomes a carousel card too *\/\n    .mc-bar{\n      flex:0 0 72vw!important;\n      min-height:270px;\n      scroll-snap-align:start;\n      grid-column:auto!important;\n      grid-row:auto!important;\n      align-items:flex-start;\n      justify-content:flex-start;\n      padding:22px 20px;\n    }\n    .mc-bar .mc-bar-label{ display:inline-block; }\n    .mc-bar .mc-bar-name{ position:absolute; bottom:18px; left:20px; right:20px; }\n    .mc-bar .mc-arrow{ position:absolute; top:16px; right:16px; }\n    .mc-arrow{width:30px;height:30px;font-size:14px;top:16px;right:16px;}\n    .mc-sub{font-size:12px;}\n  }\n<\/style>\n\n<div class=\"mc-inner\">\n  <div class=\"mc-head\">\n    <div class=\"mc-eyebrow\">Explora mesh<\/div>\n    <h2 class=\"mc-head-title\">Todo el ecosistema,<br>en un solo lugar.<\/h2>\n  <\/div>\n\n  <div class=\"mc-grid\">\n\n    <a href=\"https:\/\/themesh.art\/en\/spaces\/\" class=\"mc-card mc-card-spaces\">\n      <span class=\"mc-label\">+1k espacios<\/span>\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">Espa<br>cios<div class=\"mc-sub\">Proyectos culturales f\u00edsicos y digitales.<\/div><\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/events\/\" class=\"mc-card mc-card-events\">\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">Eventos<div class=\"mc-sub\">Lo que est\u00e1 pasando ahora.<\/div><\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/opportunities\/\" class=\"mc-card mc-card-opps\">\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">Opor&shy;tuni&shy;dades<div class=\"mc-sub\">Becas, residencias, jobs y m\u00e1s.<\/div><\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/learning\/\" class=\"mc-card mc-card-learning\">\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">Aprendizaje<div class=\"mc-sub\">Talleres y formaci\u00f3n art\u00edstica.<\/div><\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/spaces\/\" class=\"mc-bar\">\n      <div class=\"mc-bar-name\">\n        Empresas creativas\n        <div class=\"mc-bar-sub\">Servicios culturales.<\/div>\n      <\/div>\n      <div class=\"mc-arrow\">\u2192<\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ea720d elementor-invisible elementor-widget elementor-widget-html\" data-id=\"6ea720d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mpo\" aria-labelledby=\"mpo-title\">\n<style>\n.mpo,.mpo *{box-sizing:border-box;-webkit-font-smoothing:antialiased;}\n.mpo{--bl:#0a0a0a;--cr:#f5f2eb;--pu:#7c3aff;--ye:#ffe135;background:transparent;padding:64px 0 72px;}\n.mpo-inner{max-width:1180px;margin:0 auto;padding:0 24px;}\n\n\/* \u2500\u2500 Eyebrow \u2500\u2500 *\/\n.mpo-ey{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bl);margin:0 0 20px;}\n.mpo-ey::before{content:\"\";width:28px;height:2px;background:var(--pu);flex:0 0 auto;}\n\n\/* \u2500\u2500 Hero row \u2500\u2500 *\/\n.mpo-hero{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:32px;}\n\n.mpo-hero-left{}\n\n.mpo-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(48px,6.5vw,88px);line-height:.86;letter-spacing:-.02em;text-transform:uppercase;color:var(--bl);margin:0 0 20px;}\n.mpo-title em{color:var(--pu);font-style:normal;}\n\n.mpo-value{display:flex;flex-direction:column;gap:14px;margin:0;}\n.mpo-value-item{display:flex;align-items:flex-start;gap:12px;}\n.mpo-value-num{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:13px;color:var(--pu);letter-spacing:.08em;flex-shrink:0;margin-top:2px;min-width:24px;}\n.mpo-value-text{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:500;line-height:1.45;color:rgba(10,10,10,.75);}\n.mpo-value-text strong{font-weight:700;color:var(--bl);}\n\n\/* \u2500\u2500 Right: conversion block \u2500\u2500 *\/\n.mpo-hero-right{background:var(--bl);padding:32px 28px;display:flex;flex-direction:column;gap:24px;box-shadow:8px 8px 0 var(--pu);}\n\n.mpo-hook{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(28px,3vw,38px);line-height:.92;letter-spacing:-.01em;text-transform:uppercase;color:var(--cr);margin:0;}\n.mpo-hook span{color:var(--ye);}\n\n.mpo-proof-row{display:flex;flex-direction:column;gap:10px;}\n.mpo-proof-item{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:500;color:rgba(245,242,235,.65);}\n.mpo-proof-item::before{content:\"\";width:6px;height:6px;background:var(--pu);border-radius:50%;flex-shrink:0;}\n.mpo-proof-item strong{color:var(--cr);font-weight:700;}\n\n.mpo-cta-block{display:flex;flex-direction:column;gap:10px;padding-top:20px;border-top:1px solid rgba(245,242,235,.1);}\n\n.mpo-btn{display:flex;align-items:center;justify-content:center;background:var(--ye);color:#0a0a0a;text-decoration:none;font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;letter-spacing:.06em;text-transform:uppercase;border:2px solid rgba(245,242,235,.25);height:64px;transition:opacity .1s;}\n.mpo-btn:hover{opacity:.88;}\n\n.mpo-secondary{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:rgba(245,242,235,.4);text-decoration:none;text-align:center;border-bottom:1px solid rgba(245,242,235,.15);padding-bottom:1px;align-self:center;transition:color .1s;}\n.mpo-secondary:hover{color:var(--cr);}\n\n\/* \u2500\u2500 Space types strip \u2500\u2500 *\/\n.mpo-types{display:flex;flex-wrap:wrap;gap:6px;padding-top:24px;border-top:1px solid rgba(10,10,10,.08);}\n.mpo-type{display:inline-flex;align-items:center;height:28px;padding:0 10px;border:2px solid var(--bl);font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--bl);background:transparent;}\n\n\/* \u2550\u2550\u2550\u2550 TABLET \u2264 860px \u2550\u2550\u2550\u2550 *\/\n@media(max-width:860px){\n  .mpo-hero{grid-template-columns:1fr;gap:28px;}\n  .mpo-hero-right{box-shadow:5px 5px 0 var(--pu);}\n  .mpo-btn{width:100%;}\n}\n\n\/* \u2550\u2550\u2550\u2550 MOBILE \u2264 600px \u2550\u2550\u2550\u2550 *\/\n@media(max-width:600px){\n  .mpo{padding:44px 0 52px;}\n  .mpo-inner{padding:0 16px;}\n  .mpo-title{font-size:clamp(40px,13vw,60px);}\n  .mpo-hero-right{padding:24px 20px;}\n  .mpo-btn{height:62px;font-size:22px;}\n}\n<\/style>\n\n<div class=\"mpo-inner\">\n\n  <div class=\"mpo-ey\">Para organizaciones culturales<\/div>\n\n  <div class=\"mpo-hero\">\n\n    <!-- Left: value prop -->\n    <div class=\"mpo-hero-left\">\n      <h2 class=\"mpo-title\" id=\"mpo-title\">Tu espacio,<br> en  <br> <em> mesh. <\/em><\/h2>\n\n      <div class=\"mpo-value\">\n        <div class=\"mpo-value-item\">\n          <span class=\"mpo-value-num\">01<\/span>\n          <span class=\"mpo-value-text\"><strong>Visibilidad inmediata.<\/strong> Tu espacio, programaci\u00f3n y actividad aparecen en la red de arte y cultura en crecimiento. <\/span>\n        <\/div>\n        <div class=\"mpo-value-item\">\n          <span class=\"mpo-value-num\">02<\/span>\n          <span class=\"mpo-value-text\"><strong>Todo en un solo lugar.<\/strong> Perfil, eventos, talleres, convocatorias y servicios  gestionados desde un portal propio.<\/span>\n        <\/div>\n        <div class=\"mpo-value-item\">\n          <span class=\"mpo-value-num\">03<\/span>\n          <span class=\"mpo-value-text\"><strong>Red global.<\/strong> Conecta con m\u00e1s de 1,000 espacios y proyectos culturales en difrentes latitudes del mundo. <\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- Right: conversion block -->\n    <div class=\"mpo-hero-right\">\n      <h3 class=\"mpo-hook\">Empieza hoy.<br><span>Es gratis.<\/span><\/h3>\n\n      <div class=\"mpo-proof-row\">\n        <div class=\"mpo-proof-item\"><strong>Sin costo<\/strong> \u2014 siempre.<\/div>\n        <div class=\"mpo-proof-item\">Registro en <strong>menos de 2 minutos.<\/strong><\/div>\n        <div class=\"mpo-proof-item\">M\u00e1s de <strong>1,000 espacios<\/strong> ya en la red.<\/div>\n        <div class=\"mpo-proof-item\">Portal de partners <strong>incluido.<\/strong><\/div>\n      <\/div>\n\n      <div class=\"mpo-cta-block\">\n        <a class=\"mpo-btn\" href=\"\/en\/sumate\/\">Crear perfil gratis \u2192<\/a>\n        <a class=\"mpo-secondary\" href=\"\/en\/para-organizaciones\/\">\u00bfC\u00f3mo funciona? Conoce m\u00e1s \u2192<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- Space types -->\n  <div class=\"mpo-types\">\n    <span class=\"mpo-type\">Museos<\/span>\n    <span class=\"mpo-type\">Galer\u00edas<\/span>\n    <span class=\"mpo-type\">Centros culturales<\/span>\n    <span class=\"mpo-type\">Teatros<\/span>\n    <span class=\"mpo-type\">Estudios<\/span>\n    <span class=\"mpo-type\">Escuelas de arte<\/span>\n    <span class=\"mpo-type\">Fundaciones<\/span>\n    <span class=\"mpo-type\">Residencias<\/span>\n    <span class=\"mpo-type\">Proyectos independientes<\/span>\n  <\/div>\n\n<\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f213ca7 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f213ca7\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInLeft&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"mesh-partners\">\n  <div class=\"mp-inner\">\n    <div class=\"mp-header\">\n      <div class=\"mp-eyebrow\">Espacios que conf\u00edan en mesh<\/div>\n      <div class=\"mp-title-row\">\n        <h2 class=\"mp-title\">Nuestros partners.<\/h2>\n        <a class=\"mp-see-all\" href=\"https:\/\/themesh.art\/en\/spaces\/\">Ver todos los espacios \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"mp-track-wrap\">\n    <div class=\"mp-track\" id=\"mp-track\"><\/div>\n  <\/div>\n\n  <div class=\"mp-inner\">\n    <div class=\"mp-dots\" id=\"mp-dots\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  #mesh-partners {\n    --black:  #0a0a0a;\n    --cream:  #f5f2eb;\n    --purple: #7c3aff;\n    --yellow: #ffe135;\n    --gap:    14px;\n    --pad:    24px;\n    --max:    1180px;\n    --card-w: clamp(240px, calc((min(100vw, var(--max)) - 2*var(--pad) - 3*var(--gap)) \/ 3.4), 340px);\n    padding: 48px 0 56px;\n    background: transparent;\n  }\n  #mesh-partners * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }\n\n  .mp-inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }\n\n  .mp-header { margin-bottom: 24px; }\n\n  .mp-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: var(--black);\n    margin: 0 0 12px;\n  }\n  .mp-eyebrow::before {\n    content: \"\";\n    width: 28px; height: 2px;\n    background: var(--purple);\n    flex: 0 0 auto;\n  }\n\n  .mp-title-row {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 16px;\n    flex-wrap: wrap;\n  }\n\n  .mp-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(38px, 4.8vw, 64px);\n    line-height: .9;\n    letter-spacing: -.02em;\n    text-transform: uppercase;\n    color: var(--black);\n    margin: 0;\n  }\n\n  .mp-see-all {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 14px;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--black);\n    padding: 0 14px;\n    height: 36px;\n    display: inline-flex;\n    align-items: center;\n    border: 2px solid var(--black);\n    background: var(--cream);\n    box-shadow: 3px 3px 0 var(--black);\n    white-space: nowrap;\n    flex-shrink: 0;\n    transition: background .1s, color .1s, border-color .1s, transform .1s, box-shadow .1s;\n  }\n  .mp-see-all:hover {\n    background: var(--purple);\n    color: #fff;\n    border-color: var(--purple);\n    transform: translate(-1px,-1px);\n    box-shadow: 4px 4px 0 var(--black);\n  }\n\n  \/* \u2500\u2500 Track \u2500\u2500 *\/\n  .mp-track-wrap {\n    overflow-x: auto;\n    overflow-y: visible;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    padding-left: max(var(--pad), calc((100% - var(--max)) \/ 2 + var(--pad)));\n    padding-right: var(--pad);\n    padding-bottom: 10px;\n    cursor: grab;\n  }\n  .mp-track-wrap::-webkit-scrollbar { display: none; }\n  .mp-track-wrap.dragging { cursor: grabbing; user-select: none; }\n  .mp-track { display: flex; gap: var(--gap); width: max-content; }\n\n  \/* \u2500\u2500 Card \u2500\u2500 *\/\n  .mp-card {\n    width: var(--card-w);\n    flex: 0 0 var(--card-w);\n    scroll-snap-align: start;\n    text-decoration: none;\n    color: var(--black);\n    display: flex;\n    flex-direction: column;\n    border: 2px solid var(--black);\n    box-shadow: 5px 5px 0 var(--black);\n    background: var(--cream);\n    transition: box-shadow .12s ease, transform .12s ease;\n    overflow: hidden;\n  }\n  .mp-card:hover { box-shadow: 9px 9px 0 var(--black); transform: translate(-3px,-3px); }\n\n  .mp-img {\n    width: 100%;\n    aspect-ratio: 3\/4;\n    flex-shrink: 0;\n    background-color: #c8c4bc;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n    position: relative;\n    border-bottom: 2px solid var(--black);\n  }\n\n  .mp-tipo {\n    position: absolute;\n    top: 0; left: 0;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 10px;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n    color: var(--cream);\n    background: var(--black);\n    padding: 4px 10px;\n    border-bottom: 2px solid var(--black);\n    border-right: 2px solid var(--black);\n  }\n\n  .mp-body {\n    background: var(--black);\n    padding: 12px 14px 14px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .mp-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 19px;\n    line-height: 1.0;\n    letter-spacing: .02em;\n    text-transform: uppercase;\n    color: var(--cream);\n    display: -webkit-box;\n    -webkit-line-clamp: 2;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .mp-city {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    color: rgba(245,242,235,.45);\n    letter-spacing: .02em;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  \/* \u2500\u2500 Dots \u2500\u2500 *\/\n  .mp-dots { display: flex; gap: 6px; padding: 16px 0 0; }\n  .mp-dot {\n    width: 8px; height: 8px;\n    background: rgba(10,10,10,.15);\n    border: 1.5px solid var(--black);\n    cursor: pointer;\n    transition: background .15s;\n    flex-shrink: 0;\n  }\n  .mp-dot.active { background: var(--purple); }\n  .mp-loading { font-family: 'Space Grotesk', sans-serif; padding: 40px 0; font-size: 14px; font-weight: 500; color: rgba(10,10,10,.4); }\n\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 860px) {\n    #mesh-partners { --card-w: clamp(200px, 42vw, 280px); }\n  }\n  @media (max-width: 560px) {\n    #mesh-partners { padding: 36px 0 40px; --card-w: clamp(200px, 64vw, 260px); }\n    .mp-track-wrap { padding-left: 16px; padding-right: 16px; }\n    .mp-title { font-size: clamp(32px, 9vw, 48px); }\n    .mp-title-row { flex-direction: column; gap: 8px; }\n    .mp-name { font-size: 16px; }\n  }\n<\/style>\n\n<script>\n(function () {\n  const API    = 'https:\/\/themesh.art\/wp-json\/mesh\/v1\/spaces';\n  const track  = document.getElementById('mp-track');\n  const dotsEl = document.getElementById('mp-dots');\n  const wrap   = track.parentElement;\n\n  function esc(str) {\n    return String(str||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n  }\n\n  function buildCard(space) {\n    const name    = space.title || space.n || space.name || '';\n    const tipo    = space.tipo  || space.t || '';\n    const city    = space.ciudad|| space.c || '';\n    const pais    = space.pais  || '';\n    const img     = space.img   || space.image || '';\n    const url     = space.url   || space.link  || '#';\n    const cityStr = [city, pais].filter(Boolean).join(', ');\n    const imgStyle= img ? `background-image:url('${img.replace(\/'\/g,\"\\\\'\")}')` : '';\n\n    const card = document.createElement('a');\n    card.className = 'mp-card';\n    card.href = url;\n    card.setAttribute('aria-label', name);\n    card.innerHTML = `\n      <div class=\"mp-img\" style=\"${imgStyle}\">\n        ${tipo ? `<span class=\"mp-tipo\">${esc(tipo)}<\/span>` : ''}\n      <\/div>\n      <div class=\"mp-body\">\n        <div class=\"mp-name\">${esc(name)}<\/div>\n        ${cityStr ? `<div class=\"mp-city\">${esc(cityStr)}<\/div>` : ''}\n      <\/div>`;\n    return card;\n  }\n\n  const PER_PAGE = 4, MAX_DOTS = 8;\n\n  function buildDots(count) {\n    dotsEl.innerHTML = '';\n    const pages = Math.min(Math.ceil(count \/ PER_PAGE), MAX_DOTS);\n    for (let i = 0; i < pages; i++) {\n      const d = document.createElement('div');\n      d.className = 'mp-dot' + (i === 0 ? ' active' : '');\n      d.addEventListener('click', () => {\n        const card = track.children[i * PER_PAGE];\n        if (card) card.scrollIntoView({ behavior:'smooth', block:'nearest', inline:'start' });\n      });\n      dotsEl.appendChild(d);\n    }\n  }\n\n  function updateDots() {\n    const cards = track.children;\n    if (!cards.length) return;\n    const wLeft = wrap.getBoundingClientRect().left;\n    let closest = 0, minDist = Infinity;\n    for (let i = 0; i < cards.length; i++) {\n      const dist = Math.abs(cards[i].getBoundingClientRect().left - wLeft);\n      if (dist < minDist) { minDist = dist; closest = i; }\n    }\n    const page = Math.min(Math.floor(closest \/ PER_PAGE), MAX_DOTS - 1);\n    dotsEl.querySelectorAll('.mp-dot').forEach((d, i) => d.classList.toggle('active', i === page));\n  }\n\n  let isDown = false, startX = 0, scrollLeft = 0;\n  wrap.addEventListener('mousedown', e => { isDown = true; wrap.classList.add('dragging'); startX = e.pageX - wrap.offsetLeft; scrollLeft = wrap.scrollLeft; });\n  wrap.addEventListener('mouseleave', () => { isDown = false; wrap.classList.remove('dragging'); });\n  wrap.addEventListener('mouseup',    () => { isDown = false; wrap.classList.remove('dragging'); });\n  wrap.addEventListener('mousemove',  e => { if (!isDown) return; e.preventDefault(); wrap.scrollLeft = scrollLeft - (e.pageX - wrap.offsetLeft - startX); });\n  wrap.addEventListener('scroll', updateDots, { passive: true });\n\n  track.innerHTML = '<div class=\"mp-loading\">Cargando partners\u2026<\/div>';\n\n  fetch(API)\n    .then(r => r.json())\n    .then(data => {\n      track.innerHTML = '';\n      if (!Array.isArray(data)) { track.innerHTML = '<div class=\"mp-loading\">Sin partners disponibles.<\/div>'; return; }\n      let featured = data.filter(s => s.featured === true || s.featured === 1 || s.featured === '1');\n      featured = featured.sort(() => Math.random() - 0.5);\n      if (!featured.length) { track.innerHTML = '<div class=\"mp-loading\">Sin partners disponibles.<\/div>'; return; }\n      featured.forEach(s => track.appendChild(buildCard(s)));\n      buildDots(featured.length);\n      updateDots();\n    })\n    .catch(() => { track.innerHTML = '<div class=\"mp-loading\">No se pudo cargar el contenido.<\/div>'; });\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0b9beae elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0b9beae\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.css\"\/>\n\n<section class=\"mmap-section\">\n<style>\n  .mmap-section {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    padding: 0 22px;\n    font-family: 'Space Grotesk', sans-serif;\n  }\n  .mmap-inner { max-width: 1180px; margin: 0 auto; }\n\n  .mmap-wrap {\n    position: relative;\n    width: 100%;\n    height: 460px;\n    border: 2px solid #0a0a0a;\n    overflow: hidden;\n    box-shadow: 6px 6px 0 #0a0a0a;\n  }\n\n  #mmap-leaflet { width: 100%; height: 100%; }\n  .mmap-wrap .leaflet-control-attribution,\n  .mmap-wrap .leaflet-control-zoom { display: none !important; }\n\n  \/* LIVE BADGE *\/\n  .mmap-live {\n    position: absolute;\n    top: 16px;\n    left: 16px;\n    z-index: 1000;\n    display: inline-flex;\n    align-items: center;\n    gap: 9px;\n    background: #0a0a0a;\n    border: 2px solid rgba(255,255,255,.15);\n    box-shadow: 3px 3px 0 #7c3aff;\n    padding: 10px 16px;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-size: 18px;\n    font-weight: 900;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n    color: #f5f2eb;\n    pointer-events: none;\n  }\n\n  .mmap-live-dot {\n    width: 9px; height: 9px;\n    border-radius: 999px;\n    background: #22c55e;\n    flex-shrink: 0;\n    animation: mmap-blink 1.8s ease-in-out infinite;\n  }\n\n  @keyframes mmap-blink {\n    0%,100% { opacity:1; } 50% { opacity:.25; }\n  }\n\n  \/* LABEL BOX \u2014 bottom right *\/\n  .mmap-box {\n    position: absolute;\n    right: 16px;\n    bottom: 16px;\n    z-index: 1000;\n    background: #f5f2eb;\n    border: 2px solid #0a0a0a;\n    box-shadow: 4px 4px 0 #7c3aff;\n    padding: 12px 14px;\n    pointer-events: none;\n    max-width: 260px;\n  }\n\n  .mmap-box-title {\n    font-size: 9px;\n    font-weight: 700;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: #0a0a0a;\n    opacity: .4;\n    margin-bottom: 8px;\n  }\n\n  .mmap-chips { display: flex; gap: 5px; flex-wrap: wrap; }\n\n  .mmap-chip {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 10px;\n    letter-spacing: .05em;\n    text-transform: uppercase;\n    padding: 3px 8px;\n    border: 1.5px solid #0a0a0a;\n    color: #0a0a0a;\n    white-space: nowrap;\n  }\n\n  \/* \u2500\u2500 MOBILE \u2500\u2500 *\/\n  @media (max-width: 680px) {\n    .mmap-section { padding: 0 14px; }\n    .mmap-wrap { height: 300px; box-shadow: 4px 4px 0 #0a0a0a; }\n    .mmap-live { font-size: 14px; padding: 7px 12px; top: 10px; left: 10px; gap: 7px; }\n    .mmap-live-dot { width: 7px; height: 7px; }\n\n    \/* on mobile: box goes bottom-left so it doesn't fight with map content *\/\n    .mmap-box {\n      right: auto;\n      left: 10px;\n      bottom: 10px;\n      max-width: calc(100% - 20px);\n      padding: 8px 10px;\n      box-shadow: 3px 3px 0 #7c3aff;\n    }\n    .mmap-box-title { display: none; }\n    .mmap-chips { gap: 4px; }\n    .mmap-chip { font-size: 9px; padding: 2px 7px; }\n  }\n<\/style>\n\n<div class=\"mmap-inner\">\n  <div class=\"mmap-wrap\">\n    <div class=\"mmap-live\"><span class=\"mmap-live-dot\"><\/span>Live<\/div>\n    <div id=\"mmap-leaflet\"><\/div>\n    <div class=\"mmap-box\">\n      <div class=\"mmap-box-title\">Explora el ecosistema<\/div>\n      <div class=\"mmap-chips\">\n        <span class=\"mmap-chip\">Espacios<\/span>\n        <span class=\"mmap-chip\">Eventos<\/span>\n        <span class=\"mmap-chip\">Cursos<\/span>\n        <span class=\"mmap-chip\">Convocatorias<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n<\/section>\n\n<!-- \u2500\u2500 STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 -->\n<div class=\"mst-wrap\">\n<style>\n  .mst-wrap {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    padding: 0 22px;\n  }\n\n  .mst-inner {\n    max-width: 1180px;\n    margin: 0 auto;\n    padding: 44px 0 52px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: nowrap;\n    gap: 0;\n  }\n\n  .mst-item { flex: 1; text-align: center; padding: 0 24px; }\n\n  .mst-value {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(48px, 5.5vw, 84px);\n    line-height: 1;\n    letter-spacing: -.03em;\n    color: #0a0a0a;\n    transition: opacity .3s;\n  }\n\n  .mst-value.loading { opacity: .15; }\n\n  .mst-label {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 10px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: #0a0a0a;\n    opacity: .4;\n    margin-top: 8px;\n  }\n\n  .mst-div {\n    width: 1px; height: 56px;\n    background: #0a0a0a; opacity: .1;\n    flex-shrink: 0;\n  }\n\n  \/* MOBILE \u2014 all 3 in a row, smaller *\/\n  @media (max-width: 680px) {\n    .mst-wrap { padding: 0 14px; }\n    .mst-inner {\n      padding: 28px 0 32px;\n      flex-wrap: nowrap; \/* force single row *\/\n    }\n    .mst-item { padding: 0 8px; }\n    .mst-value { font-size: clamp(28px, 8vw, 44px); }\n    .mst-label { font-size: 9px; letter-spacing: .1em; margin-top: 5px; }\n    .mst-div { height: 36px; }\n  }\n\n  @media (max-width: 380px) {\n    .mst-value { font-size: clamp(24px, 7.5vw, 36px); }\n    .mst-label { font-size: 8px; letter-spacing: .08em; }\n  }\n<\/style>\n\n<div class=\"mst-inner\">\n  <div class=\"mst-item\">\n    <div class=\"mst-value loading\" id=\"mst-spaces\">\u2014<\/div>\n    <div class=\"mst-label\">Espacios<\/div>\n  <\/div>\n  <div class=\"mst-div\"><\/div>\n  <div class=\"mst-item\">\n    <div class=\"mst-value loading\" id=\"mst-exp\">\u2014<\/div>\n    <div class=\"mst-label\">Experiencias<\/div>\n  <\/div>\n  <div class=\"mst-div\"><\/div>\n  <div class=\"mst-item\">\n    <div class=\"mst-value loading\" id=\"mst-cities\">\u2014<\/div>\n    <div class=\"mst-label\">Ciudades<\/div>\n  <\/div>\n<\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/leaflet\/1.9.4\/leaflet.min.js\"><\/script>\n<script>\n(function () {\n\n  const isMobile = window.innerWidth <= 680;\n\n  const CITIES = [\n    [19.43, -99.13,  795],\n    [20.66, -103.35,  44],\n    [25.67, -100.31,  23],\n    [40.71, -74.00,   87],\n    [40.42,  -3.70,   36],\n    [51.51,  -0.13,    8],\n    [-34.60, -58.38,  21],\n    [  4.71, -74.07,  19],\n    [-33.45, -70.67,  15],\n    [-34.90, -56.19,  13],\n    [-12.05, -77.04,   7],\n    [ 18.48, -69.90,  11],\n    [ 10.49, -66.88,   8],\n  ];\n\n  const EDGES = [\n    [0,1],[0,2],[0,3],[0,7],[0,11],\n    [3,4],[4,5],[3,7],\n    [7,10],[7,6],[10,8],[8,6],[6,9],\n    [0,12],[11,12],\n  ];\n\n  \/* \u2500\u2500 MAP \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const map = L.map('mmap-leaflet', {\n    center: isMobile ? [12, -85] : [8, -72],\n    zoom:   isMobile ? 2 : 3,\n    minZoom: 2,\n    zoomControl: false,\n    scrollWheelZoom: false,\n    dragging: !L.Browser.mobile,\n    touchZoom: true,\n    doubleClickZoom: false,\n    attributionControl: false,\n  });\n\n  L.tileLayer('https:\/\/{s}.basemaps.cartocdn.com\/light_all\/{z}\/{x}\/{y}{r}.png', {\n    maxZoom: 19,\n  }).addTo(map);\n\n  \/* \u2500\u2500 MARKERS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  CITIES.forEach(([lat, lng, n]) => {\n    const base = isMobile ? 0.7 : 1;\n    const size = Math.round((n > 99 ? 44 : n > 9 ? 38 : 32) * base);\n    const fs   = Math.round((n > 99 ? 13 : 14) * base);\n    L.marker([lat, lng], {\n      icon: L.divIcon({\n        html: `<div style=\"width:${size}px;height:${size}px;background:#7c3aff;border:2px solid #0a0a0a;box-shadow:2px 2px 0 #0a0a0a;display:flex;align-items:center;justify-content:center;font-family:-apple-system,sans-serif;font-size:${fs}px;font-weight:900;color:#fff;line-height:1;\">${n}<\/div>`,\n        className:'', iconSize:[size,size], iconAnchor:[size\/2,size\/2],\n      }),\n    }).addTo(map);\n  });\n\n  \/* \u2500\u2500 CANVAS MESH \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  const canvas = document.createElement('canvas');\n  canvas.style.cssText = 'position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:450;';\n  map.getContainer().appendChild(canvas);\n\n  const ctx = canvas.getContext('2d');\n\n  function syncSize() {\n    const c = map.getContainer();\n    canvas.width  = c.offsetWidth;\n    canvas.height = c.offsetHeight;\n  }\n  syncSize();\n  map.on('resize', syncSize);\n\n  const packets = EDGES.map(([a,b]) => ({\n    a, b,\n    t:     Math.random(),\n    speed: (isMobile ? 0.0012 : 0.0007) + Math.random() * 0.001,\n    r:     isMobile ? 2 : 2.5 + Math.random() * 1.5,\n  }));\n\n  function toXY(lat, lng) {\n    const p = map.latLngToContainerPoint([lat, lng]);\n    return [p.x, p.y];\n  }\n\n  let animating = false;\n\n  function draw() {\n    ctx.clearRect(0, 0, canvas.width, canvas.height);\n\n    EDGES.forEach(([ai, bi], i) => {\n      const [ax, ay] = toXY(CITIES[ai][0], CITIES[ai][1]);\n      const [bx, by] = toXY(CITIES[bi][0], CITIES[bi][1]);\n\n      \/\/ Connection line\n      const g = ctx.createLinearGradient(ax, ay, bx, by);\n      g.addColorStop(0,   'rgba(124,58,255,0)');\n      g.addColorStop(0.3, 'rgba(124,58,255,0.22)');\n      g.addColorStop(0.7, 'rgba(124,58,255,0.22)');\n      g.addColorStop(1,   'rgba(124,58,255,0)');\n      ctx.beginPath();\n      ctx.moveTo(ax, ay);\n      ctx.lineTo(bx, by);\n      ctx.strokeStyle = g;\n      ctx.lineWidth = 1;\n      ctx.stroke();\n\n      \/\/ Packet\n      const pk = packets[i];\n      pk.t = (pk.t + pk.speed) % 1;\n      const px = ax + (bx - ax) * pk.t;\n      const py = ay + (by - ay) * pk.t;\n\n      \/\/ Glow\n      const glow = ctx.createRadialGradient(px, py, 0, px, py, pk.r * 5);\n      glow.addColorStop(0,   'rgba(124,58,255,0.6)');\n      glow.addColorStop(0.5, 'rgba(124,58,255,0.15)');\n      glow.addColorStop(1,   'rgba(124,58,255,0)');\n      ctx.beginPath();\n      ctx.arc(px, py, pk.r * 5, 0, Math.PI * 2);\n      ctx.fillStyle = glow;\n      ctx.fill();\n\n      \/\/ Core dot\n      ctx.beginPath();\n      ctx.arc(px, py, pk.r, 0, Math.PI * 2);\n      ctx.fillStyle = '#7c3aff';\n      ctx.fill();\n    });\n\n    requestAnimationFrame(draw);\n  }\n\n  function startAnim() {\n    if (!animating) { animating = true; draw(); }\n  }\n\n  map.once('layeradd', () => setTimeout(startAnim, 150));\n  setTimeout(startAnim, 800); \/\/ fallback\n\n  \/* \u2500\u2500 STATS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\n  function animateCount(el, target, suffix) {\n    el.classList.remove('loading');\n    const t0 = performance.now(), dur = 1100;\n    (function step(now) {\n      const p = Math.min((now - t0) \/ dur, 1);\n      el.textContent = Math.round(target * (1 - Math.pow(1-p, 3))) + (suffix||'');\n      if (p < 1) requestAnimationFrame(step);\n    })(t0);\n  }\n\n  function fallback() {\n    ['mst-spaces','mst-exp','mst-cities'].forEach(id =>\n      document.getElementById(id).classList.remove('loading'));\n    document.getElementById('mst-spaces').textContent = '1k+';\n    document.getElementById('mst-exp').textContent    = '3k+';\n    document.getElementById('mst-cities').textContent = '50+';\n  }\n\n  Promise.all([\n    fetch('https:\/\/themesh.art\/wp-json\/mesh\/v1\/spaces').then(r=>r.json()),\n    fetch('https:\/\/themesh.art\/wp-json\/mesh\/v1\/events').then(r=>r.json()).catch(()=>[]),\n    fetch('https:\/\/themesh.art\/wp-json\/mesh\/v1\/learning').then(r=>r.json()).catch(()=>[]),\n    fetch('https:\/\/themesh.art\/wp-json\/mesh\/v1\/opportunities').then(r=>r.json()).catch(()=>[]),\n  ]).then(([spaces,ev,lrn,op]) => {\n    if (!Array.isArray(spaces)) { fallback(); return; }\n    animateCount(document.getElementById('mst-spaces'), spaces.length, '+');\n    animateCount(document.getElementById('mst-exp'),\n      [ev,lrn,op].reduce((s,a)=>s+(Array.isArray(a)?a.length:0),0), '+');\n    animateCount(document.getElementById('mst-cities'),\n      new Set(spaces.map(s=>(s.ciudad||s.c||'').trim().toLowerCase()).filter(Boolean)).size, '');\n  }).catch(fallback);\n\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9c60cf3 elementor-widget elementor-widget-html\" data-id=\"9c60cf3\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<a href=\"https:\/\/themesh.art\/en\/mapa\/\" class=\"mesh-map-btn\">\n  <span>Explorar mapa \u2192<\/span>\n<\/a>\n\n<style>\n.mesh-map-btn {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #0a0a0a;\n  color: #f5f2eb;\n  text-decoration: none;\n  font-family: 'Barlow Condensed', sans-serif;\n  font-weight: 900;\n  font-size: 26px;\n  letter-spacing: .06em;\n  text-transform: uppercase;\n  border: 2px solid #0a0a0a;\n  box-shadow: 5px 5px 0 rgba(10,10,10,.4);\n  height: 68px;\n  padding: 0 48px;\n  transition: transform .1s ease, box-shadow .1s ease;\n}\n.mesh-map-btn:hover {\n  transform: translate(-2px,-2px);\n  box-shadow: 8px 8px 0 #0a0a0a;\n  color: #f5f2eb;\n}\n.mesh-map-btn span { color: #f5f2eb; }\n\n@media (max-width: 560px) {\n  .mesh-map-btn {\n    width: 100%;\n    height: 64px;\n    font-size: 24px;\n    padding: 0 24px;\n  }\n}\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d99a971 elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d99a971\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mst\">\n<style>\n.mst,.mst *{box-sizing:border-box;-webkit-font-smoothing:antialiased;}\n.mst{--bl:#0a0a0a;--pu:#7c3aff;--ye:#ffe135;background:transparent;padding:56px 0 64px;}\n.mst-wrap{max-width:1180px;margin:0 auto;padding:0 24px 0 16px;}\n.mst-top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:24px;}\n.mst-left{flex:1;min-width:0;}\n.mst-ey{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bl);margin:0 0 12px;}\n.mst-ey::before{content:\"\";width:28px;height:2px;background:var(--pu);flex:0 0 auto;}\n.mst-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(32px,7vw,64px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:var(--bl);margin:0 0 8px;word-break:break-word;}\n.mst-sub{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:500;color:rgba(10,10,10,.6);margin:0;word-break:break-word;}\n.mst-nav{display:flex;gap:10px;flex-shrink:0;align-self:flex-end;margin-right:14px;}\n.mst-btn{width:46px;height:46px;border:2px solid var(--bl)!important;background:#fff!important;color:var(--bl)!important;display:grid;place-items:center;box-shadow:4px 4px 0 var(--bl);cursor:pointer;font-family:'Barlow Condensed',sans-serif;font-size:22px;font-weight:900;padding:0!important;border-radius:0!important;-webkit-appearance:none;appearance:none;}\n.mst-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--bl);}\n.mst-vp{overflow:hidden;padding-right:10px;box-sizing:content-box;}\n.mst-track{display:flex;gap:14px;transition:transform .4s ease;will-change:transform;}\n.mst-card{flex:0 0 calc(33.333% - 10px);background:#fff;border:2px solid var(--bl);box-shadow:5px 5px 0 var(--bl);padding:20px 18px;display:flex;flex-direction:column;}\n.mst-q{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--bl);background:var(--ye);box-shadow:3px 3px 0 var(--bl);font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:900;color:var(--bl);margin-bottom:12px;flex-shrink:0;}\n.mst-txt{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:500;line-height:1.55;color:rgba(10,10,10,.8);margin:0 0 14px;flex:1;}\n.mst-meta{padding-top:12px;border-top:1px solid rgba(10,10,10,.1);margin-top:auto;}\n.mst-org{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:18px;text-transform:uppercase;color:var(--bl);margin:0 0 3px;line-height:1;}\n.mst-org a{color:inherit;text-decoration:none;border-bottom:2px solid rgba(10,10,10,.2);}\n.mst-org a:hover{border-bottom-color:var(--pu);}\n.mst-name{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--bl);margin:0 0 2px;}\n.mst-role{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:500;color:rgba(10,10,10,.45);margin:0;}\n@media(max-width:900px){.mst-card{flex:0 0 calc(50% - 7px);}}\n@media(max-width:560px){.mst-card{flex:0 0 100%;box-shadow:3px 3px 0 var(--bl);}}\n<\/style>\n\n<div class=\"mst-wrap\">\n  <div class=\"mst-top\">\n    <div class=\"mst-left\">\n      <div class=\"mst-ey\">Testimonios<\/div>\n      <h2 class=\"mst-h\">Lo que dicen de mesh.<\/h2>\n      <p class=\"mst-sub\">Espacios, galer\u00edas y proyectos que ya forman parte de la red.<\/p>\n    <\/div>\n    <div class=\"mst-nav\">\n      <button class=\"mst-btn\" data-prev type=\"button\" aria-label=\"Anterior\">&#8249;<\/button>\n      <button class=\"mst-btn\" data-next type=\"button\" aria-label=\"Siguiente\">&#8250;<\/button>\n    <\/div>\n  <\/div>\n\n  <div class=\"mst-vp\" data-vp>\n    <div class=\"mst-track\" data-track>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\/venues\/hashtag-gallery\/\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">We love using mesh! It helps us find out what's going on around us in the art world, as well as easily share our own shows to the community. Always nice when everything is in one place!<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/venues\/hashtag-gallery\/\" target=\"_blank\" rel=\"noopener\">Hashtag Gallery<\/a><\/p>\n          <p class=\"mst-name\">Graeme Luey<\/p>\n          <p class=\"mst-role\">Director \u00b7 Gallery and Residencies<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">mesh facilita mucho mantener nuestras actividades visibles en un solo lugar. Se siente m\u00e1s claro, m\u00e1s organizado y m\u00e1s alineado con la manera en que la gente realmente descubre cultura hoy.<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/\" target=\"_blank\" rel=\"noopener\">Lux Arte Contempor\u00e1neo<\/a><\/p>\n          <p class=\"mst-name\">Mar\u00eda Torres<\/p>\n          <p class=\"mst-role\">Director \u00b7 Independent Gallery<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">Compartimos constantemente talleres, charlas y programas p\u00fablicos. mesh nos da una forma m\u00e1s sencilla de presentar todo sin perder contexto ni mandar a la gente a enlaces dispersos.<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/\" target=\"_blank\" rel=\"noopener\">Boom Art House<\/a><\/p>\n          <p class=\"mst-name\">Elena Rivas<\/p>\n          <p class=\"mst-role\">Programs Lead \u00b7 Cultural Center<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">As a residency space, visibility matters. mesh helps us be discoverable not just as a venue, but as an active project with calls, events, and opportunities people can actually follow.<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/\" target=\"_blank\" rel=\"noopener\">S.O.D.A<\/a><\/p>\n          <p class=\"mst-name\">Nicol\u00e1s Vega<\/p>\n          <p class=\"mst-role\">Founder \u00b7 Residency Program<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">I love that mesh doesn't feel like just another directory. It feels alive. You can sense the broader cultural landscape, and that makes our programming feel more connected too.<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/\" target=\"_blank\" rel=\"noopener\">Patio Abierto<\/a><\/p>\n          <p class=\"mst-name\">Armando<\/p>\n          <p class=\"mst-role\">Co-Director \u00b7 Arx Space<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\/venues\/taller-pintura-condesa-condesa\/\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">Es una opci\u00f3n de visibilidad para nuestra comunidad interna y la comunidad art\u00edstica de la ciudad que valoramos mucho, tambi\u00e9n como espacio para colaborar entre artistas.<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/venues\/taller-pintura-condesa-condesa\/\" target=\"_blank\" rel=\"noopener\">Taller de Pintura Condesa<\/a><\/p>\n          <p class=\"mst-name\">Cayetano S\u00e1nchez<\/p>\n          <p class=\"mst-role\">Director Asociado \u00b7 Art School<\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"mst-card\" data-url=\"https:\/\/themesh.art\/venues\/servidor-local\/\">\n        <div class=\"mst-q\">\"<\/div>\n        <p class=\"mst-txt\">Formar parte de mesh ha sido para nosotras una ventana compartida con proyectos que admiramos en la CDMX y Latinoam\u00e9rica, nos ha funcionado como plataforma de intercambio y p\u00fablico internacional.<\/p>\n        <div class=\"mst-meta\">\n          <p class=\"mst-org\"><a href=\"https:\/\/themesh.art\/en\/venues\/servidor-local\/\" target=\"_blank\" rel=\"noopener\">Servidor Local<\/a><\/p>\n          <p class=\"mst-name\">Mar\u00eda Jos\u00e9 Argumedo<\/p>\n          <p class=\"mst-role\">Coordinaci\u00f3n<\/p>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n(function(){\n  var s=document.currentScript.closest('.mst');\n  var track=s.querySelector('[data-track]');\n  var prev=s.querySelector('[data-prev]');\n  var next=s.querySelector('[data-next]');\n  var cards=Array.from(track.children);\n\n  \/\/ Shuffle\n  for(var i=cards.length-1;i>0;i--){\n    var j=Math.floor(Math.random()*(i+1));\n    track.insertBefore(cards[j],track.children[i]||null);\n    var t=cards[i];cards[i]=cards[j];cards[j]=t;\n  }\n  cards=Array.from(track.children);\n\n  var idx=0,timer=null;\n\n  function pv(){return window.innerWidth<=560?1:window.innerWidth<=900?2:3;}\n  function total(){return Math.ceil(cards.length\/pv());}\n\n  function move(){\n    var c=cards[0];\n    var w=c.getBoundingClientRect().width;\n    var gap=14;\n    track.style.transform='translateX(-'+(idx*pv()*(w+gap))+'px)';\n  }\n\n  function goNext(){idx=idx>=total()-1?0:idx+1;move();}\n  function goPrev(){idx=idx<=0?total()-1:idx-1;move();}\n\n  prev.addEventListener('click',function(){goPrev();clearInterval(timer);});\n  next.addEventListener('click',function(){goNext();clearInterval(timer);});\n  s.addEventListener('mouseenter',function(){clearInterval(timer);});\n  s.addEventListener('mouseleave',function(){timer=setInterval(goNext,4500);});\n  window.addEventListener('resize',function(){idx=0;move();});\n\n  idx=Math.floor(Math.random()*total());\n  move();\n  timer=setInterval(goNext,4500);\n})();\n<\/script>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ae2cef elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0ae2cef\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"mesh-app-strip\">\n  <div class=\"mas-wrap\">\n    <div class=\"mas-band\">\n\n      <div class=\"mas-copy\">\n        <div class=\"mas-kicker\">MESH APP YA DISPONIBLE<\/div>\n        <h2 class=\"mas-title\">Conecta con arte y cultura desde tu movil.<\/h2>\n        <p class=\"mas-text\">Explora por ciudad y disciplinas artisticas. Encuentra espacios, exposiciones, educacion y oportunidades culturales donde estes.<\/p>\n      <\/div>\n\n      <div class=\"mas-actions\">\n        <a class=\"mas-btn\" href=\"https:\/\/apps.apple.com\/mx\/app\/mesh\/id6759111568\" target=\"_blank\" rel=\"noopener\">\n          <small>Descargar en<\/small>\n          <strong>iOS<\/strong>\n        <\/a>\n        <a class=\"mas-btn\" href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.mesh.natively\" target=\"_blank\" rel=\"noopener\">\n          <small>Descargar en<\/small>\n          <strong>Android<\/strong>\n        <\/a>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n  #mesh-app-strip,\n  #mesh-app-strip * { box-sizing:border-box; -webkit-font-smoothing:antialiased; }\n\n  #mesh-app-strip {\n    background:transparent;\n    margin:0;\n    padding:28px 0 34px;\n    font-family:'Space Grotesk',sans-serif;\n  }\n\n  #mesh-app-strip .mas-wrap {\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 18px;\n  }\n\n  #mesh-app-strip .mas-band {\n    display:grid;\n    grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);\n    gap:26px;\n    align-items:center;\n    padding:32px 36px;\n    background:#C8FF2E;\n    border:2px solid #0a0a0a;\n    box-shadow:8px 8px 0 #0a0a0a;\n  }\n\n  \/* Grid texture inside the band *\/\n\n  #mesh-app-strip .mas-kicker {\n    font-family:'Space Grotesk',sans-serif;\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:.2em;\n    text-transform:uppercase;\n    color:#0a0a0a;\n    opacity:1;\n    margin:0 0 12px;\n  }\n\n\n\n  #mesh-app-strip .mas-title {\n    font-family:'Barlow Condensed',Impact,sans-serif;\n    font-size:clamp(36px, 4.6vw, 62px);\n    line-height:.9;\n    letter-spacing:-.03em;\n    font-weight:900;\n    text-transform:uppercase;\n    color:#0a0a0a;\n    margin:0 0 14px;\n    max-width:680px;\n  }\n\n  #mesh-app-strip .mas-text {\n    font-family:'Space Grotesk',sans-serif;\n    font-size:16px;\n    line-height:1.6;\n    font-weight:500;\n    color:#0a0a0a;\n    opacity:.75;\n    margin:0;\n    max-width:560px;\n  }\n\n  #mesh-app-strip .mas-actions {\n    display:flex;\n    flex-direction:column;\n    gap:12px;\n    align-items:stretch;\n    justify-content:center;\n  }\n\n  #mesh-app-strip .mas-btn {\n    display:inline-block;\n    text-decoration:none;\n    background:#0a0a0a;\n    color:#f5f2eb;\n    border:2px solid #0a0a0a;\n    box-shadow:4px 4px 0 #7c3aff;\n    padding:16px 20px 14px;\n    transition:transform .12s, box-shadow .12s;\n  }\n\n  #mesh-app-strip .mas-btn:hover {\n    transform:translate(-2px,-2px);\n    box-shadow:6px 6px 0 #7c3aff;\n  }\n\n  #mesh-app-strip .mas-btn:active {\n    transform:translate(2px,2px);\n    box-shadow:2px 2px 0 #7c3aff;\n  }\n\n  #mesh-app-strip .mas-btn small {\n    display:block;\n    font-family:'Space Grotesk',sans-serif;\n    font-size:10px;\n    font-weight:700;\n    letter-spacing:.18em;\n    text-transform:uppercase;\n    margin:0 0 6px;\n    opacity:.55;\n    color:#f5f2eb;\n  }\n\n  #mesh-app-strip .mas-btn strong {\n    display:block;\n    font-family:'Barlow Condensed',Impact,sans-serif;\n    font-size:30px;\n    font-weight:900;\n    letter-spacing:-.01em;\n    text-transform:uppercase;\n    line-height:1;\n    color:#f5f2eb;\n  }\n\n  \/* Tablet *\/\n  @media (max-width:980px) {\n    #mesh-app-strip .mas-band {\n      grid-template-columns:1fr;\n      gap:24px;\n      padding:28px 28px;\n    }\n    #mesh-app-strip .mas-actions {\n      flex-direction:row;\n      flex-wrap:wrap;\n    }\n    #mesh-app-strip .mas-btn {\n      flex:0 0 auto;\n    }\n  }\n\n  \/* Mobile *\/\n  @media (max-width:640px) {\n    #mesh-app-strip {\n      padding:20px 0 28px;\n    }\n    #mesh-app-strip .mas-wrap {\n      padding:0 16px;\n    }\n    #mesh-app-strip .mas-band {\n      padding:22px 20px;\n      box-shadow:6px 6px 0 #0a0a0a;\n      gap:20px;\n    }\n    #mesh-app-strip .mas-title {\n      font-size:clamp(32px, 10vw, 48px);\n    }\n    #mesh-app-strip .mas-text {\n      font-size:15px;\n    }\n    #mesh-app-strip .mas-actions {\n      flex-direction:row;\n      align-items:flex-start;\n      flex-wrap:wrap;\n      gap:10px;\n    }\n    #mesh-app-strip .mas-btn {\n      display:block;\n      flex:1 1 0;\n      min-width:0;\n      height:auto;\n    }\n  }\n<\/style>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d858699 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"d858699\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mhw\" aria-labelledby=\"mhw-title\">\n<style>\n.mhw,.mhw *{box-sizing:border-box;-webkit-font-smoothing:antialiased;}\n.mhw{--bl:#0a0a0a;--pu:#7c3aff;--ye:#ffe135;background:transparent;padding:56px 0 64px;}\n.mhw-wrap{max-width:1180px;margin:0 auto;padding:0 24px;}\n.mhw-head{margin-bottom:36px;}\n.mhw-ey{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bl);margin:0 0 14px;}\n.mhw-ey::before{content:\"\";width:28px;height:2px;background:var(--pu);flex:0 0 auto;}\n.mhw-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(42px,5.5vw,72px);line-height:.88;letter-spacing:-.02em;text-transform:uppercase;color:var(--bl);margin:0 0 12px;}\n.mhw-lead{font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,1.8vw,19px);font-weight:500;line-height:1.5;color:rgba(10,10,10,.65);margin:0;max-width:760px;}\n.mhw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}\n.mhw-step{background:#fff;border:2px solid var(--bl);box-shadow:6px 6px 0 var(--bl);padding:26px 24px 24px;display:flex;flex-direction:column;transition:transform .14s ease,box-shadow .14s ease;}\n.mhw-step:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--bl);}\n.mhw-num{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bl);background:var(--pu);box-shadow:4px 4px 0 var(--bl);font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:900;color:#fff;line-height:1;margin:0 0 18px;flex-shrink:0;}\n.mhw-step-title{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:28px;line-height:.92;letter-spacing:-.01em;text-transform:uppercase;color:var(--bl);margin:0 0 10px;}\n.mhw-step-copy{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:500;line-height:1.5;color:rgba(10,10,10,.65);margin:0;}\n@media(max-width:860px){.mhw-steps{grid-template-columns:1fr;gap:12px;}.mhw-step{box-shadow:4px 4px 0 var(--bl);}}\n@media(max-width:600px){.mhw{padding:40px 0 48px;}.mhw-wrap{padding:0 16px;}.mhw-step{padding:20px 18px;}.mhw-step-title{font-size:24px;}}\n<\/style>\n\n<div class=\"mhw-wrap\">\n  <div class=\"mhw-head\">\n    <div class=\"mhw-ey\">Una forma m\u00e1s simple de encontrar arte<\/div>\n    <h2 class=\"mhw-h\" id=\"mhw-title\">Explora. Descubre. Participa.<\/h2>\n    <p class=\"mhw-lead\">mesh te conecta con espacios creativos, eventos, educaci\u00f3n, oportunidades, servicios y empresas culturales.<\/p>\n  <\/div>\n\n  <div class=\"mhw-steps\">\n    <article class=\"mhw-step\">\n      <div class=\"mhw-num\">1<\/div>\n      <h3 class=\"mhw-step-title\">Explora por ciudad, espacio o disciplina<\/h3>\n      <p class=\"mhw-step-copy\">Filtra mejor lo que te interesa y encuentra opciones m\u00e1s r\u00e1pido.<\/p>\n    <\/article>\n    <article class=\"mhw-step\">\n      <div class=\"mhw-num\">2<\/div>\n      <h3 class=\"mhw-step-title\">Descubre qu\u00e9 est\u00e1 pasando<\/h3>\n      <p class=\"mhw-step-copy\">Desde exposiciones y talleres hasta convocatorias y programas.<\/p>\n    <\/article>\n    <article class=\"mhw-step\">\n      <div class=\"mhw-num\">3<\/div>\n      <h3 class=\"mhw-step-title\">Vive el arte<\/h3>\n      <p class=\"mhw-step-copy\">Una plataforma pensada para involucrarse en el ecosistema cultural.<\/p>\n    <\/article>\n  <\/div>\n<\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bd06c5a elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"bd06c5a\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<div id=\"mesh-feat\">\n  <div class=\"mf-inner\">\n    <div class=\"mf-header\">\n      <div class=\"mf-eyebrow\">Qu\u00e9 est\u00e1 pasando<\/div>\n      <h2 class=\"mf-title\">Destacados.<\/h2>\n      <div class=\"mf-nav-tags\">\n        <a class=\"mf-nav-tag\" href=\"https:\/\/themesh.art\/en\/events\/\">Eventos \u2192<\/a>\n        <a class=\"mf-nav-tag\" href=\"https:\/\/themesh.art\/en\/learning\/\">Cursos \u2192<\/a>\n        <a class=\"mf-nav-tag\" href=\"https:\/\/themesh.art\/en\/opportunities\/\">Oportunidades \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"mf-track-wrap\">\n    <div class=\"mf-track\" id=\"mf-track\"><\/div>\n  <\/div>\n\n  <div class=\"mf-inner\">\n    <div class=\"mf-dots\" id=\"mf-dots\"><\/div>\n  <\/div>\n<\/div>\n\n<style>\n  #mesh-feat {\n    --bl: #0a0a0a;\n    --cr: #f5f2eb;\n    --ye: #ffe135;\n    --pu: #7c3aff;\n    --gr: #22c55e;\n    --rd: #ff3c3c;\n    --gap: 14px;\n    --pad: 24px;\n    --max: 1180px;\n    --card-w: clamp(300px, calc((min(100vw, var(--max)) - 2*var(--pad) - 2*var(--gap)) \/ 2.5), 440px);\n    background: transparent;\n    padding: 56px 0 64px;\n  }\n  #mesh-feat * { box-sizing: border-box; }\n\n  .mf-inner { max-width: var(--max); margin: 0 auto; padding: 0 var(--pad); }\n\n  \/* \u2500\u2500 Header \u2500\u2500 *\/\n  .mf-header { margin-bottom: 28px; }\n\n  .mf-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: var(--bl);\n    margin: 0 0 14px;\n  }\n  .mf-eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: var(--pu);\n    flex: 0 0 auto;\n  }\n\n  .mf-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(42px, 5.5vw, 72px);\n    line-height: .88;\n    letter-spacing: -.02em;\n    text-transform: uppercase;\n    color: var(--bl);\n    margin: 0 0 18px;\n  }\n\n  .mf-nav-tags { display: flex; flex-wrap: wrap; gap: 8px; }\n\n  .mf-nav-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 14px;\n    letter-spacing: .06em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--bl);\n    padding: 0 14px;\n    height: 36px;\n    display: inline-flex;\n    align-items: center;\n    border: 2px solid var(--bl);\n    background: var(--cr);\n    box-shadow: 3px 3px 0 var(--bl);\n    transition: transform .1s, box-shadow .1s, background .1s, color .1s;\n  }\n  .mf-nav-tag:hover {\n    background: var(--pu);\n    color: #fff;\n    border-color: var(--pu);\n    transform: translate(-1px,-1px);\n    box-shadow: 4px 4px 0 var(--bl);\n  }\n\n  \/* \u2500\u2500 Track \u2500\u2500 *\/\n  .mf-track-wrap {\n    overflow-x: auto;\n    overflow-y: visible;\n    scroll-snap-type: x mandatory;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    padding-left: max(var(--pad), calc((100% - var(--max)) \/ 2 + var(--pad)));\n    padding-right: var(--pad);\n    padding-bottom: 10px;\n    cursor: grab;\n  }\n  .mf-track-wrap::-webkit-scrollbar { display: none; }\n  .mf-track-wrap.dragging { cursor: grabbing; user-select: none; }\n  .mf-track { display: flex; gap: var(--gap); width: max-content; }\n\n  \/* \u2500\u2500 Card \u2500\u2500 *\/\n  .mf-card {\n    width: var(--card-w);\n    flex: 0 0 var(--card-w);\n    border: 2px solid var(--bl);\n    background: #fff;\n    scroll-snap-align: start;\n    text-decoration: none;\n    color: var(--bl);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: 5px 5px 0 var(--bl);\n    transition: box-shadow .14s ease, transform .14s ease;\n  }\n  .mf-card:hover { box-shadow: 8px 8px 0 var(--bl); transform: translate(-2px,-2px); }\n\n  .mf-img-wrap {\n    width: 100%;\n    aspect-ratio: 4\/3;\n    flex-shrink: 0;\n    border-bottom: 2px solid var(--bl);\n    background-color: #ddd8cc;\n    background-size: cover;\n    background-position: center;\n    background-repeat: no-repeat;\n  }\n\n  .mf-body { padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 8px; flex: 1; }\n\n  .mf-badges { display: flex; gap: 5px; flex-wrap: wrap; align-items: center; }\n\n  .mf-badge {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 700;\n    font-size: 10px;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    padding: 3px 7px;\n    border: 1.5px solid var(--bl);\n    line-height: 1.2;\n  }\n  .mf-badge-type-evento      { background: var(--pu); color: #fff; border-color: var(--pu); }\n  .mf-badge-type-learning    { background: var(--bl); color: var(--cr); }\n  .mf-badge-type-oportunidad { background: var(--gr); color: var(--bl); border-color: var(--gr); }\n  .mf-badge-dest             { background: var(--ye); color: var(--bl); }\n  .mf-badge-free             { color: var(--gr); border-color: var(--gr); }\n  .mf-badge-urgent           { color: var(--rd); border-color: var(--rd); }\n\n  .mf-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 20px;\n    line-height: 1.0;\n    letter-spacing: .01em;\n    text-transform: uppercase;\n    color: var(--bl);\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .mf-venue {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 12px;\n    font-weight: 600;\n    color: rgba(10,10,10,.5);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .mf-date {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 11px;\n    font-weight: 500;\n    color: rgba(10,10,10,.4);\n    margin-top: auto;\n    padding-top: 10px;\n    border-top: 1px solid rgba(10,10,10,.08);\n  }\n\n  \/* \u2500\u2500 Dots \u2500\u2500 *\/\n  .mf-dots { display: flex; gap: 6px; padding: 16px 0 0; }\n  .mf-dot {\n    width: 8px; height: 8px;\n    background: rgba(10,10,10,.15);\n    border: 1.5px solid var(--bl);\n    cursor: pointer;\n    transition: background .15s;\n    flex-shrink: 0;\n  }\n  .mf-dot.active { background: var(--pu); }\n\n  .mf-loading {\n    font-family: 'Space Grotesk', sans-serif;\n    padding: 40px 0;\n    font-size: 14px;\n    font-weight: 500;\n    color: rgba(10,10,10,.4);\n  }\n\n  \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n  @media (max-width: 900px) {\n    #mesh-feat { --card-w: clamp(260px, 48vw, 360px); }\n  }\n  @media (max-width: 640px) {\n    #mesh-feat { padding: 40px 0 48px; --card-w: clamp(240px, 80vw, 320px); }\n    .mf-track-wrap { padding-left: 16px; padding-right: 16px; }\n    .mf-card-title { font-size: 18px; }\n    .mf-nav-tag { font-size: 13px; height: 34px; }\n  }\n<\/style>\n\n<script>\n(function () {\n  const API    = 'https:\/\/themesh.art\/wp-json\/mesh\/v1\/featured-mix';\n  const track  = document.getElementById('mf-track');\n  const dotsEl = document.getElementById('mf-dots');\n  const wrap   = track.parentElement;\n  const MONTHS = ['ENE','FEB','MAR','ABR','MAY','JUN','JUL','AGO','SEP','OCT','NOV','DIC'];\n\n  function fmtDate(str) {\n    if (!str) return null;\n    const d = new Date(str + 'T12:00:00');\n    return d.getDate() + ' ' + MONTHS[d.getMonth()] + ' ' + d.getFullYear();\n  }\n\n  function daysLeft(str) {\n    if (!str) return null;\n    return Math.ceil((new Date(str + 'T23:59:59') - Date.now()) \/ 86400000);\n  }\n\n  function buildDateStr(item) {\n    const s = item.date_start, e = item.date_end, dur = item.duracion;\n    if (item.type === 'oportunidad') {\n      if (e) return 'Plazo: ' + fmtDate(e);\n      if (s) return 'Desde ' + fmtDate(s);\n      return 'Convocatoria permanente';\n    }\n    if (s && e) return fmtDate(s) + ' \u2013 ' + fmtDate(e);\n    if (s)      return 'Desde ' + fmtDate(s);\n    if (e)      return 'Hasta ' + fmtDate(e);\n    if (dur === 'permanente') return 'Siempre disponible';\n    if (dur === 'recurrente') return 'Recurrente';\n    return '';\n  }\n\n  const TYPE_LABEL = { evento:'Evento', learning:'Curso', oportunidad:'Convocatoria' };\n  const TYPE_ICON  = { evento:'\ud83c\udfad', learning:'\ud83d\udcda', oportunidad:'\ud83d\udccb' };\n\n  function esc(str) {\n    return String(str||'').replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;').replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n  }\n\n  function buildCard(item) {\n    const days    = item.date_end ? daysLeft(item.date_end) : null;\n    const urgent  = days !== null && days <= 7 && days >= 0;\n    const free    = (item.acceso||'').toLowerCase() === 'gratuito';\n    const dateStr = buildDateStr(item);\n    const label   = TYPE_LABEL[item.type] || item.type;\n\n    let badges = `<span class=\"mf-badge mf-badge-type-${item.type}\">${label}<\/span>`;\n    badges    += `<span class=\"mf-badge mf-badge-dest\">\u2605 Dest.<\/span>`;\n    if (free)   badges += `<span class=\"mf-badge mf-badge-free\">Gratis<\/span>`;\n    if (urgent) badges += `<span class=\"mf-badge mf-badge-urgent\">\u2691 Cierra pronto<\/span>`;\n\n    const venueEl = item.venue_name ? `<div class=\"mf-venue\">${esc(item.venue_name)}<\/div>` : '';\n    const dateEl  = dateStr ? `<div class=\"mf-date\">${dateStr}<\/div>` : '';\n\n    const imgStyle = item.img\n      ? `style=\"background-image:url('${item.img.replace(\/'\/g,\"\\\\'\")}')\"` \n      : `style=\"font-size:48px;display:flex;align-items:center;justify-content:center;\"`;\n    const imgContent = item.img ? '' : (TYPE_ICON[item.type]||'\ud83c\udfa8');\n\n    const card = document.createElement('a');\n    card.className = 'mf-card';\n    card.href = item.url;\n    card.setAttribute('aria-label', item.title);\n    card.innerHTML = `\n      <div class=\"mf-img-wrap\" ${imgStyle}>${imgContent}<\/div>\n      <div class=\"mf-body\">\n        <div class=\"mf-badges\">${badges}<\/div>\n        <div class=\"mf-card-title\">${esc(item.title)}<\/div>\n        ${venueEl}${dateEl}\n      <\/div>`;\n    return card;\n  }\n\n  function buildDots(count) {\n    dotsEl.innerHTML = '';\n    const pages = Math.ceil(count \/ 2.5);\n    for (let i = 0; i < pages; i++) {\n      const d = document.createElement('div');\n      d.className = 'mf-dot' + (i === 0 ? ' active' : '');\n      d.addEventListener('click', () => {\n        const idx  = Math.round(i * 2.5);\n        const card = track.children[Math.min(idx, track.children.length - 1)];\n        if (card) card.scrollIntoView({ behavior:'smooth', block:'nearest', inline:'start' });\n      });\n      dotsEl.appendChild(d);\n    }\n  }\n\n  function updateDots() {\n    const cards = track.children;\n    if (!cards.length) return;\n    const wLeft = wrap.getBoundingClientRect().left;\n    let closest = 0, minDist = Infinity;\n    for (let i = 0; i < cards.length; i++) {\n      const dist = Math.abs(cards[i].getBoundingClientRect().left - wLeft);\n      if (dist < minDist) { minDist = dist; closest = i; }\n    }\n    const page = Math.round(closest \/ 2.5);\n    dotsEl.querySelectorAll('.mf-dot').forEach((d, i) => d.classList.toggle('active', i === page));\n  }\n\n  let isDown = false, startX = 0, scrollLeft = 0;\n  wrap.addEventListener('mousedown', e => {\n    isDown = true; wrap.classList.add('dragging');\n    startX = e.pageX - wrap.offsetLeft; scrollLeft = wrap.scrollLeft;\n  });\n  wrap.addEventListener('mouseleave', () => { isDown = false; wrap.classList.remove('dragging'); });\n  wrap.addEventListener('mouseup',    () => { isDown = false; wrap.classList.remove('dragging'); });\n  wrap.addEventListener('mousemove',  e => {\n    if (!isDown) return;\n    e.preventDefault();\n    wrap.scrollLeft = scrollLeft - (e.pageX - wrap.offsetLeft - startX);\n  });\n  wrap.addEventListener('scroll', updateDots, { passive: true });\n\n  track.innerHTML = '<div class=\"mf-loading\">Cargando destacados\u2026<\/div>';\n\n  fetch(API)\n    .then(r => r.json())\n    .then(data => {\n      track.innerHTML = '';\n      if (!data || !data.length) {\n        track.innerHTML = '<div class=\"mf-loading\">Sin destacados disponibles.<\/div>';\n        return;\n      }\n      data.forEach(item => track.appendChild(buildCard(item)));\n      buildDots(data.length);\n      updateDots();\n    })\n    .catch(() => {\n      track.innerHTML = '<div class=\"mf-loading\">No se pudo cargar el contenido destacado.<\/div>';\n    });\n})();\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1d20c8 elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html\" data-id=\"f1d20c8\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;slideInUp&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mfo\" aria-labelledby=\"mfo-title\">\n<style>\n.mfo,.mfo *{box-sizing:border-box;-webkit-font-smoothing:antialiased;}\n.mfo{\n  --bl:#0a0a0a;--cr:#f5f2eb;--pu:#7c3aff;--ye:#ffe135;\n  position:relative;\n  background:#0a0a0a;\n  border-top:2px solid #1e1e1e;\n  border-bottom:2px solid #1e1e1e;\n  padding:56px 24px 64px;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  overflow:hidden;\n}\n.mfo::before{\n  content:\"\";\n  position:absolute;\n  inset:0;\n  background-image:\n    linear-gradient(rgba(255,225,53,.04) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(255,225,53,.04) 1px, transparent 1px);\n  background-size:40px 40px;\n  pointer-events:none;\n  z-index:0;\n}\n.mfo-wrap{max-width:1180px;margin:0 auto;position:relative;z-index:1;}\n.mfo-head{margin-bottom:36px;}\n.mfo-ey{display:inline-flex;align-items:center;gap:10px;font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(245,242,235,.7);margin:0 0 14px;}\n.mfo-ey::before{content:\"\";width:28px;height:2px;background:var(--pu);flex:0 0 auto;}\n.mfo-h{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:clamp(42px,5.5vw,72px);line-height:.88;letter-spacing:-.02em;text-transform:uppercase;color:var(--cr);margin:0 0 12px;}\n.mfo-lead{font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,1.8vw,19px);font-weight:500;line-height:1.5;color:rgba(245,242,235,.6);margin:0;max-width:680px;}\n.mfo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;}\n.mfo-card{text-decoration:none;background:#161616;border:2px solid #2a2a2a;padding:26px 24px 24px;box-shadow:6px 6px 0 var(--ye)!important;transition:transform .14s ease,box-shadow .14s ease;display:flex;flex-direction:column;-webkit-appearance:none;}\n.mfo-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--ye)!important;}\n.mfo-icon{width:44px;height:44px;display:grid;place-items:center;border:2px solid rgba(245,242,235,.3);background:var(--bl);box-shadow:3px 3px 0 var(--ye);margin-bottom:18px;flex-shrink:0;}\n.mfo-icon svg{width:22px;height:22px;display:block;stroke:#fff;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;}\n.mfo-persona{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:rgba(245,242,235,.85);margin:0 0 8px;display:block;}\n.mfo-line{font-family:'Barlow Condensed',sans-serif;font-weight:900;font-size:24px;letter-spacing:-.01em;line-height:1.0;text-transform:uppercase;color:var(--cr);margin:0 0 18px;}\n.mfo-cta{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(245,242,235,.45);border-top:1px solid #2a2a2a;padding-top:12px;margin-top:auto;}\n@media(max-width:860px){.mfo-grid{grid-template-columns:1fr;}.mfo-card{box-shadow:4px 4px 0 var(--ye);}}\n@media(max-width:600px){.mfo{padding:40px 18px 48px;}.mfo-card{padding:20px 18px;}.mfo-card:hover{transform:none;box-shadow:4px 4px 0 var(--ye);}}\n<\/style>\n\n<div class=\"mfo-wrap\">\n  <div class=\"mfo-head\">\n    <div class=\"mfo-ey\">Para qui\u00e9n es mesh<\/div>\n    <h2 class=\"mfo-h\" id=\"mfo-title\">Organizaciones. Artistas. Entusiastas.<\/h2>\n    <p class=\"mfo-lead\">mesh conecta a personas, espacios, artistas y organizaciones dentro del ecosistema cultural.<\/p>\n  <\/div>\n\n  <div class=\"mfo-grid\">\n\n    <a class=\"mfo-card\" href=\"https:\/\/themesh.art\/en\/mapa\/\">\n      <div class=\"mfo-icon\">\n        <svg viewbox=\"0 0 24 24\"><circle cx=\"9\" cy=\"8\" r=\"3\"\/><path d=\"M3.5 18c.8-2.7 3-4 5.5-4s4.7 1.3 5.5 4\"\/><circle cx=\"17.5\" cy=\"9\" r=\"2.2\"\/><path d=\"M15.5 18c.4-1.9 1.8-3 4-3\"\/><\/svg>\n      <\/div>\n      <span class=\"mfo-persona\">Audiencias culturales<\/span>\n      <h3 class=\"mfo-line\">Encuentra exposiciones, talleres y experiencias en un solo lugar.<\/h3>\n      <div class=\"mfo-cta\">Explora actividades culturales \u2192<\/div>\n    <\/a>\n\n    <a class=\"mfo-card\" href=\"https:\/\/themesh.art\/en\/sumate\/\">\n      <div class=\"mfo-icon\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M4 20V9l8-5 8 5v11\"\/><path d=\"M9 20v-5h6v5\"\/><path d=\"M8 11h.01\"\/><path d=\"M16 11h.01\"\/><\/svg>\n      <\/div>\n      <span class=\"mfo-persona\">Espacios culturales<\/span>\n      <h3 class=\"mfo-line\">Publica tu espacio y programaci\u00f3n para mantenerte visible.<\/h3>\n      <div class=\"mfo-cta\">Suma tu espacio \u2192<\/div>\n    <\/a>\n\n    <a class=\"mfo-card\" href=\"https:\/\/themesh.art\/en\/mapa\/\">\n      <div class=\"mfo-icon\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M12 4c4.4 0 8 2.9 8 6.5S16.4 17 12 17c-.9 0-1.7-.1-2.5-.4-.6-.2-1.2.3-1.1.9.1 1-.7 1.8-1.8 1.8-1.5 0-2.6-1.2-2.6-2.6 0-.7.2-1.3.7-1.8.3-.4.4-.9.2-1.3-.6-1-1-2-1-3.1C4 6.9 7.6 4 12 4z\"\/><circle cx=\"9\" cy=\"10\" r=\".8\" fill=\"#fff\" stroke=\"none\"\/><circle cx=\"12\" cy=\"8.7\" r=\".8\" fill=\"#fff\" stroke=\"none\"\/><circle cx=\"15\" cy=\"10.2\" r=\".8\" fill=\"#fff\" stroke=\"none\"\/><circle cx=\"11.2\" cy=\"12.3\" r=\".8\" fill=\"#fff\" stroke=\"none\"\/><\/svg>\n      <\/div>\n      <span class=\"mfo-persona\">Artistas y creativos<\/span>\n      <h3 class=\"mfo-line\">Accede a cursos, convocatorias y oportunidades para tu pr\u00e1ctica.<\/h3>\n      <div class=\"mfo-cta\">Explora oportunidades \u2192<\/div>\n    <\/a>\n\n    <a class=\"mfo-card\" href=\"https:\/\/themesh.art\/en\/sumate\/\">\n      <div class=\"mfo-icon\">\n        <svg viewbox=\"0 0 24 24\"><path d=\"M4 20V8h10v12\"\/><path d=\"M14 20v-6h6v6\"\/><path d=\"M8 12h.01\"\/><path d=\"M8 16h.01\"\/><path d=\"M12 12h.01\"\/><path d=\"M12 16h.01\"\/><\/svg>\n      <\/div>\n      <span class=\"mfo-persona\">Empresas creativas<\/span>\n      <h3 class=\"mfo-line\">Conecta tus servicios con proyectos dentro del ecosistema cultural.<\/h3>\n      <div class=\"mfo-cta\">Publica tu proyecto \u2192<\/div>\n    <\/a>\n\n  <\/div>\n<\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d793638 elementor-widget elementor-widget-html\" data-id=\"d793638\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- MESH \u2014 Single continuous random ecosystem strip (COMPREHENSIVE + PURPLE ICONS) -->\n<section id=\"mesh-expressions\" aria-label=\"Ecosistema cultural mesh\">\n  <div class=\"mesh-exp__wrap\">\n    <div class=\"mesh-exp__row\" data-speed=\"85\" role=\"list\">\n      <div class=\"mesh-exp__track\">\n        <div class=\"mesh-exp__lane\">\n\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\uddbc<\/span>Exposiciones<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\uddf1<\/span>Montaje<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udf93<\/span>Masterclasses<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcf7<\/span>Fotograf\u00eda<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfdb<\/span>Ferias<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udce6<\/span>Log\u00edstica<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfad<\/span>Performance<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\uddd1\u200d\ud83c\udfeb<\/span>Cursos<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udf89<\/span>Festivales<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfaf<\/span>Curadur\u00eda<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfa8<\/span>Pintura<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcb8<\/span>Becas<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udee0<\/span>Workshops<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfb5<\/span>Conciertos<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udd8c<\/span>Museograf\u00eda<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcbc<\/span>Jobs<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\udde0<\/span>Dise\u00f1o<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udde3<\/span>Charlas<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfe0<\/span>Residencias<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfac<\/span>Cine<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udce3<\/span>Convocatorias<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\u270f\ufe0f<\/span>Dibujo<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udf9f<\/span>Estrenos<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\udded<\/span>Gesti\u00f3n cultural<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcd0<\/span>Dise\u00f1o expositivo<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\udd1d<\/span>Voluntariados<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\uddff<\/span>Escultura<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\ude70<\/span>Danza<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfb6<\/span>M\u00fasica<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfd7<\/span>Arquitectura<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcda<\/span>Literatura<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udfae<\/span>Arte digital<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udf0d<\/span>Mediaci\u00f3n cultural<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udce2<\/span>Comunicaci\u00f3n cultural<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcdd<\/span>Producci\u00f3n<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83d\udcca<\/span>Evaluaci\u00f3n<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\uddf5<\/span>Textil<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83c\udf93<\/span>Congresos<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\uddd1\u200d\ud83c\udfa8<\/span>Laboratorios<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\uddea<\/span>Cl\u00ednicas<\/span>\n          <span class=\"mesh-exp__chip\"><span class=\"mesh-exp__ico\">\ud83e\uddd1\u200d\ud83e\udd1d\u200d\ud83e\uddd1<\/span>Networking<\/span>\n\n          <span class=\"mesh-exp__chip mesh-exp__chip--bold\">\n            <span class=\"mesh-exp__ico\">\u2728<\/span>Todas las artes\n          <\/span>\n\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <style>\n    #mesh-expressions{ width:100%; background:transparent; }\n\n    #mesh-expressions .mesh-exp__wrap{\n      position:relative;\n      overflow:hidden;\n      padding:18px 0;\n    }\n\n    #mesh-expressions .mesh-exp__row{ overflow:hidden; }\n\n    #mesh-expressions .mesh-exp__track{\n      display:flex;\n      width:max-content;\n      will-change:transform;\n      transform:translate3d(0,0,0);\n    }\n\n    #mesh-expressions .mesh-exp__lane{\n      display:flex;\n      gap:12px;\n      padding:6px 12px;\n      width:max-content;\n      flex:0 0 auto;\n    }\n\n    #mesh-expressions .mesh-exp__chip{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      padding:12px 16px;\n      border:2px solid #111;\n      border-radius:999px;\n      background:#fff;\n      color:#111;\n      font:600 14px\/1 system-ui,-apple-system,Segoe UI,Roboto,Arial;\n      white-space:nowrap;\n      box-shadow:0 2px 0 #111;\n      flex:0 0 auto;\n    }\n\n    \/* PURPLE ICON BACKGROUNDS *\/\n    #mesh-expressions .mesh-exp__ico{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      width:22px;\n      height:22px;\n      border-radius:8px;\n      background:#7A2EFF;\n      box-shadow:0 2px 0 #3A0CA3;\n      color:#fff;\n      font-size:14px;\n      line-height:1;\n      flex:0 0 auto;\n    }\n\n    #mesh-expressions .mesh-exp__chip--bold{\n      background:#111;\n      color:#fff;\n    }\n\n    #mesh-expressions .mesh-exp__chip--bold .mesh-exp__ico{\n      background:#B388FF;\n      box-shadow:0 2px 0 #FFFFFF;\n      color:#111;\n    }\n\n    @media (max-width:560px){\n      #mesh-expressions .mesh-exp__chip{\n        padding:10px 14px;\n        font-size:13px;\n      }\n    }\n\n    @media (prefers-reduced-motion: reduce){\n      #mesh-expressions .mesh-exp__track{\n        transform:none !important;\n      }\n    }\n  <\/style>\n\n  <script>\n  (function(){\n    const root = document.getElementById('mesh-expressions');\n    if(!root) return;\n\n    const row = root.querySelector('.mesh-exp__row');\n    const track = root.querySelector('.mesh-exp__track');\n    const lane0 = root.querySelector('.mesh-exp__lane');\n    if(!row || !track || !lane0) return;\n\n    function rebuild(){\n      Array.from(track.children).forEach((c,i)=>{ if(i!==0) c.remove(); });\n\n      const baseW = lane0.scrollWidth || lane0.getBoundingClientRect().width || 0;\n      const viewW = row.clientWidth || 0;\n      if(baseW < 50 || viewW < 50) return;\n\n      const target = viewW + (4 * baseW);\n      let total = baseW;\n\n      while(total < target){\n        const clone = lane0.cloneNode(true);\n        clone.setAttribute('aria-hidden','true');\n        track.appendChild(clone);\n        total += baseW;\n      }\n\n      row._baseW = baseW;\n    }\n\n    rebuild();\n    setTimeout(rebuild, 300);\n    setTimeout(rebuild, 900);\n\n    let x = 0;\n    let last = performance.now();\n\n    function tick(now){\n      const dt = (now - last) \/ 1000;\n      last = now;\n\n      const baseW = row._baseW || (lane0.scrollWidth || 1);\n      const speed = parseFloat(row.dataset.speed || 65);\n\n      x += speed * dt;\n      if(x >= baseW) x -= baseW;\n\n      track.style.transform = `translate3d(${-x}px,0,0)`;\n      requestAnimationFrame(tick);\n    }\n    requestAnimationFrame(tick);\n\n    let rt;\n    window.addEventListener('resize', ()=>{\n      clearTimeout(rt);\n      rt = setTimeout(()=>{ x = 0; rebuild(); }, 180);\n    }, { passive:true });\n  })();\n  <\/script>\n<\/section>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b80377f elementor-widget elementor-widget-html\" data-id=\"b80377f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- Hotjar Tracking Code for themesh.art -->\n<script>\n    (function(h,o,t,j,a,r){\n        h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};\n        h._hjSettings={hjid:4934836,hjsv:6};\n        a=o.getElementsByTagName('head')[0];\n        r=o.createElement('script');r.async=1;\n        r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;\n        a.appendChild(r);\n    })(window,document,'https:\/\/static.hotjar.com\/c\/hotjar-','.js?sv=');\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8f6ce20 e-flex e-con-boxed e-con e-parent\" data-id=\"8f6ce20\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-38aa5b0 e-con-full e-flex e-con e-child\" data-id=\"38aa5b0\" data-element_type=\"container\" data-settings=\"{&quot;jet_parallax_layout_list&quot;:[]}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e5c4fc elementor-invisible elementor-widget elementor-widget-html\" data-id=\"0e5c4fc\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow+Condensed:wght@900&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mesh-cta2\" aria-label=\"CTA mesh\">\n  <style>\n    .mesh-cta2, .mesh-cta2 * { box-sizing: border-box; -webkit-font-smoothing: antialiased; }\n\n    .mesh-cta2 {\n      width: 100vw;\n      margin-left: calc(50% - 50vw);\n      background: #0a0a0a;\n      padding: 80px 24px 88px;\n      border-top: 2px solid #1e1e1e;\n      margin-bottom: 0 !important;\n    }\n\n    .mesh-cta2__wrap {\n      max-width: 1180px;\n      margin: 0 auto;\n      display: grid;\n      grid-template-columns: 1fr auto;\n      gap: 48px;\n      align-items: center;\n    }\n\n    .mesh-cta2__title {\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: clamp(52px, 7vw, 96px);\n      line-height: .88;\n      letter-spacing: -.02em;\n      text-transform: uppercase;\n      color: #f5f2eb;\n      margin: 0 0 14px;\n    }\n\n    .mesh-cta2__sub {\n      font-family: 'Space Grotesk', sans-serif;\n      font-size: clamp(16px, 1.8vw, 19px);\n      font-weight: 500;\n      line-height: 1.5;\n      color: rgba(245,242,235,.6);\n      margin: 0;\n      max-width: 480px;\n    }\n\n    \/* \u2500\u2500 Actions \u2500\u2500 *\/\n    .mesh-cta2__actions {\n      display: flex;\n      flex-direction: row;\n      gap: 14px;\n      align-items: center;\n      flex-wrap: wrap;\n      flex-shrink: 0;\n    }\n\n    \/* PRIMARY \u2014 yellow, big *\/\n    .mesh-cta2__btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: #ffe135;\n      color: #0a0a0a;\n      text-decoration: none;\n      padding: 0 40px;\n      height: 72px;\n      border: 2px solid #f5f2eb;\n      box-shadow: 6px 6px 0 rgba(245,242,235,.25);\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: 26px;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n      white-space: nowrap;\n      transition: box-shadow .1s, transform .1s;\n    }\n\n    .mesh-cta2__btn:hover {\n      box-shadow: 2px 2px 0 rgba(245,242,235,.25);\n      transform: translate(3px, 3px);\n    }\n\n    \/* SECONDARY \u2014 ghost button, same scale as primary *\/\n    .mesh-cta2__link {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      background: transparent;\n      color: #f5f2eb;\n      text-decoration: none;\n      padding: 0 40px;\n      height: 72px;\n      border: 2px solid rgba(245,242,235,.45);\n      font-family: 'Barlow Condensed', sans-serif;\n      font-weight: 900;\n      font-size: 26px;\n      letter-spacing: .06em;\n      text-transform: uppercase;\n      white-space: nowrap;\n      box-shadow: 6px 6px 0 rgba(245,242,235,.12);\n      transition: border-color .1s, background .1s, transform .1s, box-shadow .1s;\n    }\n\n    .mesh-cta2__link:hover {\n      border-color: #f5f2eb;\n      background: rgba(245,242,235,.06);\n      box-shadow: 2px 2px 0 rgba(245,242,235,.12);\n      transform: translate(3px,3px);\n    }\n\n    \/* \u2500\u2500 Responsive \u2500\u2500 *\/\n    @media (max-width: 860px) {\n      .mesh-cta2__wrap { grid-template-columns: 1fr; gap: 32px; }\n      .mesh-cta2__actions { flex-direction: row; flex-wrap: wrap; align-items: center; }\n    }\n\n    @media (max-width: 560px) {\n      .mesh-cta2 { padding: 56px 18px 64px; }\n      .mesh-cta2__actions { flex-direction: column; align-items: stretch; width: 100%; }\n      .mesh-cta2__btn,\n      .mesh-cta2__link { width: 100%; height: 66px; font-size: 24px; padding: 0 28px; }\n    }\n  <\/style>\n\n  <div class=\"mesh-cta2__wrap\">\n    <div>\n      <h2 class=\"mesh-cta2__title\">\n        Empieza a explorar<br>cultura ahora.\n      <\/h2>\n      <p class=\"mesh-cta2__sub\">\n        Descubre qu\u00e9 est\u00e1 pasando cerca de ti o en cualquier parte del mundo.\n      <\/p>\n    <\/div>\n\n    <div class=\"mesh-cta2__actions\">\n      <a class=\"mesh-cta2__btn\" href=\"https:\/\/themesh.art\/en\/mapa\/\">Ver mapa \u2192<\/a>\n      <a class=\"mesh-cta2__link\" href=\"https:\/\/themesh.art\/en\/sumate\/\">Publica tu proyecto \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Todo el ecosistema cultural, aqui Arte, en movimiento. Descubre espacios, eventos, cursos y oportunidades culturales. Web + iPhone + Android [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-40988","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/40988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/comments?post=40988"}],"version-history":[{"count":1655,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/40988\/revisions"}],"predecessor-version":[{"id":49077,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/40988\/revisions\/49077"}],"wp:attachment":[{"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/media?parent=40988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}