{"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-05T02:57:44","modified_gmt":"2026-04-05T08:57:44","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  }\n\n  .mh-inner {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  \/* EYEBROW \u2014 white, muted *\/\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    border-radius: 999px;\n    flex: 0 0 auto;\n  }\n\n  \/* TITLE *\/\n  .mh-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(80px, 11vw, 160px);\n    line-height: .86;\n    letter-spacing: -.02em;\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 \u2014 purple, brand identity *\/\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 \u2014 white *\/\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 \u2014 yellow, max contrast, conversion CTA *\/\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 ghost white, quiet alternative *\/\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: 1.5px 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: .86; }\n    .mh-typer { white-space: normal; line-height: .86; 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, aqu\u00ed<\/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 \u2192<\/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    \"m\u00e1s 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; }\n\n  .mc {\n    --black:  #0a0a0a;\n    --cream:  #f5f2eb;\n    --purple: #7c3aff;\n    --yellow: #ffe135;\n    --border: 2px solid #0a0a0a;\n    --shadow: 6px 6px 0 #0a0a0a;\n    --shadow-hover: 10px 10px 0 #0a0a0a;\n    background: transparent;\n    padding: 48px 22px 56px;\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n  }\n\n  .mc-inner { max-width: 1180px; margin: 0 auto; }\n\n  \/* HEADER *\/\n  .mc-head { margin-bottom: 28px; }\n\n  .mc-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-bottom: 10px;\n  }\n\n  .mc-eyebrow::before {\n    content: \"\";\n    width: 28px; height: 2px;\n    background: var(--purple);\n    border-radius: 999px;\n    flex: 0 0 auto;\n  }\n\n  .mc-head-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  \/* GRID *\/\n  .mc-grid {\n    display: grid;\n    grid-template-columns: 1.6fr 1fr 1fr;\n    grid-template-rows: 280px 220px;\n    gap: 14px;\n  }\n\n  \/* CARD BASE *\/\n  .mc-card {\n    position: relative;\n    display: block;\n    text-decoration: none;\n    border: var(--border);\n    box-shadow: var(--shadow);\n    overflow: hidden;\n    transition: transform .14s ease, box-shadow .14s ease;\n    padding: 22px;\n  }\n\n  .mc-card:hover {\n    transform: translate(-3px, -3px);\n    box-shadow: var(--shadow-hover);\n  }\n\n  .mc-label {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    display: inline-block;\n    opacity: .55;\n    line-height: 1.4;\n  }\n\n  \/* NAME \u2014 no font-size here, always explicit per card *\/\n  .mc-name {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    text-transform: uppercase;\n    line-height: .88;\n    letter-spacing: -.02em;\n    position: absolute;\n    bottom: 18px;\n    left: 20px;\n    right: 20px;\n  }\n\n  .mc-sub {\n    font-family: 'Space Grotesk', sans-serif;\n    font-weight: 500;\n    font-size: 13px;\n    line-height: 1.4;\n    opacity: .65;\n    margin-top: 8px;\n    letter-spacing: 0;\n    text-transform: none;\n  }\n\n  .mc-arrow {\n    position: absolute;\n    top: 22px; right: 22px;\n    width: 36px; height: 36px;\n    border: 2px solid currentColor;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 16px;\n    font-weight: 900;\n    flex-shrink: 0;\n  }\n\n  \/* \u2500\u2500 ESPACIOS \u2014 tall left card \u2500\u2500 *\/\n  .mc-card-spaces {\n    grid-column: 1 \/ 2; grid-row: 1 \/ 3;\n    background: var(--black);\n    color: var(--cream);\n  }\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  \/* \u2500\u2500 EVENTOS \u2014 small top cell, short word \u2500\u2500 *\/\n  .mc-card-events {\n    grid-column: 2 \/ 3; grid-row: 1 \/ 2;\n    background: var(--cream);\n    color: var(--black);\n  }\n  .mc-card-events .mc-name   { font-size: clamp(32px, 3.2vw, 44px); }\n\n  \/* \u2500\u2500 OPORTUNIDADES \u2014 small top cell, long word \u2500\u2500 *\/\n  .mc-card-opps {\n    grid-column: 3 \/ 4; grid-row: 1 \/ 2;\n    background: #1a6bff;\n    color: #fff;\n    box-shadow: 6px 6px 0 var(--black);\n  }\n  .mc-card-opps:hover { box-shadow: 10px 10px 0 var(--black); }\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); }\n\n  \/* \u2500\u2500 APRENDIZAJE \u2014 wide bottom cell \u2500\u2500 *\/\n  .mc-card-learning {\n    grid-column: 2 \/ 4; grid-row: 2 \/ 3;\n    background: var(--yellow);\n    color: var(--black);\n  }\n  .mc-card-learning .mc-name { font-size: clamp(32px, 3.2vw, 44px); }\n\n  \/* BAR arrow \u2014 static in flex *\/\n  .mc-bar .mc-arrow {\n    position: static;\n    flex-shrink: 0;\n    border-color: rgba(255,255,255,.6);\n    color: #fff;\n  }\n\n  \/* \u2500\u2500 BOTTOM BAR \u2500\u2500 *\/\n  .mc-bar {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 20px;\n    margin-top: 14px;\n    border: var(--border);\n    box-shadow: var(--shadow);\n    padding: 20px 24px;\n    text-decoration: none;\n    background: #ff4d1f;\n    transition: transform .14s ease, box-shadow .14s ease;\n  }\n  .mc-bar:hover { transform: translate(-3px, -3px); box-shadow: var(--shadow-hover); }\n\n  .mc-bar-text {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: clamp(28px, 3vw, 42px);\n    letter-spacing: -.02em;\n    text-transform: uppercase;\n    line-height: 1;\n    color: #fff;\n  }\n\n  .mc-bar-sub {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: 13px;\n    font-weight: 500;\n    color: rgba(255,255,255,.65);\n    margin-top: 4px;\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 860px) {\n    .mc-grid {\n      grid-template-columns: 1fr 1fr;\n      grid-template-rows: 240px 180px 180px;\n    }\n    .mc-card-spaces   { grid-column: 1 \/ 3; grid-row: 1 \/ 2; }\n    .mc-card-spaces .mc-name   { font-size: clamp(60px, 14vw, 92px); }\n    .mc-card-events   { grid-column: 1 \/ 2; grid-row: 2 \/ 3; }\n    .mc-card-events .mc-name   { font-size: clamp(28px, 5.5vw, 40px); }\n    .mc-card-opps     { grid-column: 2 \/ 3; grid-row: 2 \/ 3; }\n    .mc-card-opps .mc-name     { font-size: clamp(28px, 5.5vw, 40px); }\n    .mc-card-learning { grid-column: 1 \/ 3; grid-row: 3 \/ 4; }\n    .mc-card-learning .mc-name { font-size: clamp(28px, 5.5vw, 40px); }\n  }\n\n  @media (max-width: 560px) {\n    .mc { padding: 32px 16px 40px; }\n    .mc-grid { grid-template-columns: 1fr; grid-template-rows: auto; gap: 12px; }\n    .mc-card-spaces,\n    .mc-card-events,\n    .mc-card-opps,\n    .mc-card-learning { grid-column: auto; grid-row: auto; min-height: 160px; }\n    .mc-card-spaces   { min-height: 220px; }\n    \/* Mobile: all single column, font scales by word length *\/\n    .mc-card-spaces .mc-name   { font-size: clamp(56px, 16vw, 80px); }\n    .mc-card-events .mc-name   { font-size: clamp(32px, 9vw, 44px); }\n    .mc-card-opps .mc-name     { font-size: clamp(32px, 9vw, 44px); }\n    .mc-card-learning .mc-name { font-size: clamp(32px, 9vw, 44px); }\n    .mc-bar { flex-direction: row; align-items: center; }\n  }\n<\/style>\n\n<div class=\"mc-inner\">\n\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\">\n        Espa<br>cios\n        <div class=\"mc-sub\">Museos, galer\u00edas y espacios independientes.<\/div>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/events\/\" class=\"mc-card mc-card-events\">\n      <span class=\"mc-label\">Exposiciones \u00b7 Funciones<\/span>\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">\n        Eventos\n        <div class=\"mc-sub\">Lo que est\u00e1 pasando ahora.<\/div>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/opportunities\/\" class=\"mc-card mc-card-opps\">\n      <span class=\"mc-label\">Convocatorias<\/span>\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">\n        Opor&shy;tuni&shy;dades\n        <div class=\"mc-sub\">Becas, residencias y m\u00e1s.<\/div>\n      <\/div>\n    <\/a>\n\n    <a href=\"https:\/\/themesh.art\/en\/learning\/\" class=\"mc-card mc-card-learning\">\n      <span class=\"mc-label\">Cursos \u00b7 Talleres<\/span>\n      <div class=\"mc-arrow\">\u2192<\/div>\n      <div class=\"mc-name\">\n        Aprendizaje\n        <div class=\"mc-sub\">Formaci\u00f3n y masterclasses.<\/div>\n      <\/div>\n    <\/a>\n\n  <\/div>\n\n  <a href=\"https:\/\/themesh.art\/en\/spaces\/\" class=\"mc-bar\">\n    <div>\n      <div class=\"mc-bar-text\">Empresas creativas<\/div>\n      <div class=\"mc-bar-sub\">Servicios culturales que amplifican el ecosistema.<\/div>\n    <\/div>\n    <div class=\"mc-arrow\">\u2192<\/div>\n  <\/a>\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-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<section class=\"mesh-partners\" aria-labelledby=\"mesh-partners-title\">\n  <style>\n    .mesh-partners,\n    .mesh-partners * {\n      box-sizing: border-box;\n      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .mesh-partners {\n      padding: 56px 16px 72px;\n      background: transparent;\n    }\n\n    .mesh-partners__wrap {\n      max-width: 1180px;\n      margin: 0 auto;\n    }\n\n    \/* SECTION HEADER \u2014 outside the boxes *\/\n    .mesh-partners__head {\n      margin-bottom: 32px;\n    }\n\n    .mesh-partners__eyebrow {\n      display: inline-flex;\n      align-items: center;\n      gap: 10px;\n      margin: 0 0 16px 0;\n      font-size: 11px !important;\n      font-weight: 900 !important;\n      letter-spacing: .16em !important;\n      text-transform: uppercase;\n      color: #111 !important;\n    }\n\n    .mesh-partners__eyebrow::before {\n      content: \"\";\n      width: 28px;\n      height: 2px;\n      background: #7c3aff;\n      border-radius: 999px;\n      display: block;\n      flex: 0 0 auto;\n    }\n\n    .mesh-partners__title {\n      margin: 0;\n      font-size: clamp(40px, 5.3vw, 72px) !important;\n      line-height: .92 !important;\n      letter-spacing: -0.06em !important;\n      font-weight: 900 !important;\n      color: #111 !important;\n    }\n\n    \/* TWO-PANEL GRID *\/\n    .mesh-partners__grid {\n      display: grid;\n      grid-template-columns: 1.05fr 0.95fr;\n      gap: 20px;\n      align-items: stretch;\n    }\n\n    .mesh-partners__left,\n    .mesh-partners__right {\n      border: 3px solid #111;\n      border-radius: 30px;\n      overflow: hidden;\n      box-shadow: 10px 10px 0 #111;\n    }\n\n    .mesh-partners__left {\n      background: #c9a8ff;\n      padding: 30px 30px 32px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n      min-height: 380px;\n    }\n\n    .mesh-partners__right {\n      background: #fff;\n      padding: 28px 28px 30px;\n      min-height: 380px;\n      display: flex;\n      flex-direction: column;\n      justify-content: space-between;\n    }\n\n    \/* LEFT PANEL *\/\n    .mesh-partners__lead {\n      margin: 0 0 20px 0;\n      font-size: clamp(19px, 2vw, 26px) !important;\n      line-height: 1.15 !important;\n      letter-spacing: -0.03em !important;\n      font-weight: 700 !important;\n      color: rgba(17,17,17,.85) !important;\n    }\n\n    .mesh-partners__note {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      min-height: 46px;\n      padding: 0 18px;\n      border: 2px solid #111;\n      border-radius: 0;\n      background: #ffe135;\n      color: #111;\n      font-size: 16px !important;\n      font-weight: 900 !important;\n      letter-spacing: .02em !important;\n      text-transform: uppercase;\n      width: fit-content;\n      box-shadow: 4px 4px 0 #111;\n    }\n\n    .mesh-partners__note::before {\n      content: \"\u2605\";\n      font-size: 14px;\n    }\n\n    .mesh-partners__badge-row {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 8px;\n      margin-top: 24px;\n    }\n\n    .mesh-partners__badge {\n      display: inline-flex;\n      align-items: center;\n      min-height: 34px;\n      padding: 0 12px;\n      border: 2px solid #111;\n      border-radius: 999px;\n      background: #fff;\n      color: #111;\n      font-size: 11px !important;\n      font-weight: 900 !important;\n      text-transform: uppercase;\n      letter-spacing: .05em !important;\n    }\n\n    \/* RIGHT PANEL *\/\n    .mesh-partners__card-title {\n      margin: 0 0 16px 0;\n      font-size: 26px !important;\n      line-height: .96 !important;\n      letter-spacing: -0.04em !important;\n      font-weight: 900 !important;\n      color: #111 !important;\n    }\n\n    .mesh-partners__list {\n      display: grid;\n      gap: 0;\n      margin: 0 0 24px 0;\n      padding: 0;\n      list-style: none;\n    }\n\n    .mesh-partners__item {\n      display: grid;\n      grid-template-columns: 34px 1fr;\n      gap: 12px;\n      align-items: start;\n      padding: 10px 0;\n      border-top: 1.5px solid rgba(17,17,17,.12);\n    }\n\n    .mesh-partners__item:first-child {\n      border-top: 0;\n      padding-top: 0;\n    }\n\n    .mesh-partners__num {\n      width: 34px;\n      height: 34px;\n      display: grid;\n      place-items: center;\n      border: 2px solid #111;\n      border-radius: 10px;\n      background: #ffe45c;\n      font-size: 14px !important;\n      font-weight: 900 !important;\n      color: #111 !important;\n      line-height: 1;\n      flex-shrink: 0;\n    }\n\n    .mesh-partners__text {\n      font-size: 15px !important;\n      line-height: 1.45 !important;\n      font-weight: 700 !important;\n      color: #222 !important;\n      padding-top: 6px;\n    }\n\n    .mesh-partners__actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 12px;\n      align-items: center;\n    }\n\n    .mesh-partners__cta,\n    .mesh-partners__cta-secondary {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 54px;\n      padding: 0 22px;\n      border-radius: 999px;\n      text-decoration: none !important;\n      font-size: 16px !important;\n      font-weight: 900 !important;\n      letter-spacing: -0.01em !important;\n      transition: transform .14s ease, box-shadow .14s ease;\n    }\n\n    .mesh-partners__cta {\n      border: 3px solid #111;\n      background: #111;\n      color: #fff !important;\n      box-shadow: 6px 6px 0 #111;\n    }\n\n    .mesh-partners__cta:hover {\n      transform: translate(-2px, -2px);\n      box-shadow: 8px 8px 0 #111;\n    }\n\n    .mesh-partners__cta-secondary {\n      border: 3px solid #111;\n      background: #fff;\n      color: #111 !important;\n      box-shadow: 6px 6px 0 #111;\n    }\n\n    .mesh-partners__cta-secondary:hover {\n      transform: translate(-2px, -2px);\n      box-shadow: 8px 8px 0 #111;\n      background: #f5f5f5;\n    }\n\n    @media (max-width: 920px) {\n      .mesh-partners__grid { grid-template-columns: 1fr; }\n      .mesh-partners__left,\n      .mesh-partners__right { min-height: auto; }\n    }\n\n    @media (max-width: 640px) {\n      .mesh-partners { padding: 40px 16px 52px; }\n\n      .mesh-partners__left,\n      .mesh-partners__right {\n        border-radius: 24px;\n        box-shadow: 7px 7px 0 #111;\n        padding: 22px 20px 24px;\n      }\n\n      .mesh-partners__actions {\n        flex-direction: column;\n        align-items: stretch;\n      }\n\n      .mesh-partners__cta,\n      .mesh-partners__cta-secondary { width: 100%; }\n    }\n  <\/style>\n\n  <div class=\"mesh-partners__wrap\">\n\n    <!-- HEADER \u2014 above the grid -->\n    <div class=\"mesh-partners__head\">\n      <div class=\"mesh-partners__eyebrow\">Para organizaciones<\/div>\n      <h2 class=\"mesh-partners__title\" id=\"mesh-partners-title\">\n        Haz visible tu proyecto en mesh.\n      <\/h2>\n    <\/div>\n\n    <!-- TWO-PANEL GRID -->\n    <div class=\"mesh-partners__grid\">\n\n      <div class=\"mesh-partners__left\">\n        <div>\n          <p class=\"mesh-partners__lead\">\n            Publica tu espacio, proyecto o empresa cultural: perfil, programaci\u00f3n, talleres y oportunidades, y conecta con m\u00e1s personas interesadas en arte y cultura.\n          <\/p>\n          <div class=\"mesh-partners__note\">Sumarte no tiene costo.<\/div>\n        <\/div>\n        <div class=\"mesh-partners__badge-row\">\n          <span class=\"mesh-partners__badge\">Espacios<\/span>\n          <span class=\"mesh-partners__badge\">Proyectos<\/span>\n          <span class=\"mesh-partners__badge\">Educaci\u00f3n<\/span>\n          <span class=\"mesh-partners__badge\">Empresas<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"mesh-partners__right\">\n        <div>\n          <h3 class=\"mesh-partners__card-title\">Qu\u00e9 puedes publicar<\/h3>\n          <ul class=\"mesh-partners__list\">\n            <li class=\"mesh-partners__item\">\n              <span class=\"mesh-partners__num\">1<\/span>\n              <span class=\"mesh-partners__text\">Perfiles de espacios, organizaciones y proyectos culturales<\/span>\n            <\/li>\n            <li class=\"mesh-partners__item\">\n              <span class=\"mesh-partners__num\">2<\/span>\n              <span class=\"mesh-partners__text\">Exposiciones, eventos, ciclos y programaci\u00f3n p\u00fablica<\/span>\n            <\/li>\n            <li class=\"mesh-partners__item\">\n              <span class=\"mesh-partners__num\">3<\/span>\n              <span class=\"mesh-partners__text\">Cursos, talleres y educaci\u00f3n art\u00edstica<\/span>\n            <\/li>\n            <li class=\"mesh-partners__item\">\n              <span class=\"mesh-partners__num\">4<\/span>\n              <span class=\"mesh-partners__text\">Convocatorias, residencias, oportunidades creativas y servicios culturales<\/span>\n            <\/li>\n          <\/ul>\n        <\/div>\n        <div class=\"mesh-partners__actions\">\n          <a class=\"mesh-partners__cta\" href=\"\/en\/sumate\/\">Suma tu organizaci\u00f3n<\/a>\n          <a class=\"mesh-partners__cta-secondary\" href=\"https:\/\/themesh.art\/en\/para-organizaciones\/\">Conoce m\u00e1s<\/a>\n        <\/div>\n      <\/div>\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-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:    12px;\n    --pad:    18px;\n    --max:    1180px;\n    --card-w: clamp(200px, calc((min(100vw, var(--max)) - 2 * var(--pad) - 4 * var(--gap)) \/ 4.2), 268px);\n    font-family: 'Space Grotesk', system-ui, sans-serif;\n    padding: 36px 0 32px;\n    background: transparent;\n  }\n\n  #mesh-partners * { box-sizing: border-box; }\n\n  .mp-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    padding: 0 var(--pad);\n  }\n\n  \/* HEADER *\/\n  .mp-header { margin-bottom: 24px; }\n\n  .mp-eyebrow {\n  display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: #111;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    -webkit-font-smoothing: antialiased;\n  }\n  .mp-eyebrow::before {\n    content: \"\";\n    width: 28px; height: 2px;\n    background: var(--purple);\n    border-radius: 999px;\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: Inter, ui-sans-serif, sans-serif;\n    font-weight: 900;\n    font-size: clamp(36px, 4.5vw, 64px);\n    line-height: .92;\n    letter-spacing: -.06em;\n    color: #111;\n    margin: 0;\n  }\n\n  .mp-see-all {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 13px;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--black);\n    padding: 6px 14px;\n    border: 2px solid var(--black);\n    background: var(--cream);\n    box-shadow: 3px 3px 0 var(--black);\n    transition: box-shadow .1s, transform .1s, background .1s, color .1s, border-color .1s;\n    display: inline-flex;\n    align-items: center;\n    white-space: nowrap;\n    flex-shrink: 0;\n    align-self: flex-end;\n  }\n  .mp-see-all:hover {\n    background: var(--purple);\n    color: #fff;\n    border-color: var(--purple);\n  }\n  .mp-see-all:active {\n    box-shadow: none;\n    transform: translate(3px, 3px);\n  }\n\n  \/* TRACK *\/\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\n  .mp-track {\n    display: flex;\n    gap: var(--gap);\n    width: max-content;\n  }\n\n  \/* CARD *\/\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\n  .mp-card:hover {\n    box-shadow: 9px 9px 0 var(--black);\n    transform: translate(-3px, -3px);\n  }\n\n  \/* IMAGE \u2014 portrait *\/\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  \/* TIPO badge \u2014 top left, hard neobrutalist style *\/\n  .mp-tipo {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 2;\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  \/* BODY \u2014 solid black bar below image *\/\n  .mp-body {\n    background: var(--black);\n    padding: 12px 12px 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: 17px;\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-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  \/* DOTS \u2014 max 8 *\/\n  .mp-dots {\n    display: flex;\n    gap: 6px;\n    padding: 16px 0 0;\n  }\n  .mp-dot {\n    width: 8px; height: 8px;\n    background: #d0ccc4;\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\n  .mp-loading {\n    padding: 40px 0;\n    font-size: 14px;\n    color: #888;\n  }\n\n  \/* RESPONSIVE *\/\n  @media (max-width: 860px) {\n    #mesh-partners { --card-w: clamp(160px, 36vw, 220px); }\n  }\n  @media (max-width: 560px) {\n    #mesh-partners {\n      padding: 28px 0 24px;\n      --card-w: clamp(150px, 50vw, 200px);\n    }\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: 6px; }\n    .mp-see-all { font-size: 12px; }\n    .mp-name { font-size: 14px; }\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 || '')\n      .replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;')\n      .replace(\/>\/g,'&gt;').replace(\/\"\/g,'&quot;');\n  }\n\n  function buildCard(space) {\n    \/\/ Normalize field names \u2014 spaces endpoint may use title or n\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\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\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\n    return card;\n  }\n\n  const PER_PAGE = 4;\n  const MAX_DOTS = 8;\n\n  function buildDots(count) {\n    dotsEl.innerHTML = '';\n    const totalPages = Math.ceil(count \/ PER_PAGE);\n    const visibleDots = Math.min(totalPages, MAX_DOTS);\n    for (let i = 0; i < visibleDots; 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(total) {\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) => {\n      d.classList.toggle('active', i === page);\n    });\n  }\n\n  \/* drag scroll *\/\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  \/* fetch + filter *\/\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)) {\n        track.innerHTML = '<div class=\"mp-loading\">Sin partners disponibles.<\/div>';\n        return;\n      }\n\n      \/\/ Filter featured, shuffle\n      let featured = data.filter(s =>\n        s.featured === true || s.featured === 1 || s.featured === '1'\n      );\n      featured = featured.sort(() => Math.random() - 0.5);\n\n      if (!featured.length) {\n        track.innerHTML = '<div class=\"mp-loading\">Sin partners disponibles.<\/div>';\n        return;\n      }\n\n      featured.forEach(s => track.appendChild(buildCard(s)));\n      buildDots(featured.length);\n      updateDots(featured.length);\n    })\n    .catch(err => {\n      console.error('Partners carousel error:', err);\n      track.innerHTML = '<div class=\"mp-loading\">No se pudo cargar el contenido.<\/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-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-0e7079d elementor-invisible elementor-widget elementor-widget-jet-button\" data-id=\"0e7079d\" data-element_type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeIn&quot;}\" data-widget_type=\"jet-button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"elementor-jet-button jet-elements\"><div class=\"jet-button__container\">\n\t<a class=\"jet-button__instance jet-button__instance--icon-left hover-effect-0\" href=\"https:\/\/themesh.art\/en\/mapa\/\">\n\t\t<div class=\"jet-button__plane jet-button__plane-normal\"><\/div>\n\t\t<div class=\"jet-button__plane jet-button__plane-hover\"><\/div>\n\t\t<div class=\"jet-button__state jet-button__state-normal\">\n\t\t\t<span class=\"jet-button__label\">Explorar el mapa <\/span>\t\t<\/div>\n\t\t<div class=\"jet-button__state jet-button__state-hover\">\n\t\t\t<span class=\"jet-button__label\">Explorar mapa ><\/span>\t\t<\/div>\n\t<\/a>\n<\/div>\n<\/div>\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=Inter:wght@700;800;900&family=Lexend:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n<section class=\"mesh-testimonials\" aria-labelledby=\"mesh-testimonials-title\">\n  <style>\n    .mesh-testimonials,\n    .mesh-testimonials *{\n      box-sizing:border-box;\n      font-family:Lexend, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n      -webkit-font-smoothing:antialiased;\n    }\n\n    .mesh-testimonials{\n      --ink:#111;\n      --paper:#fff;\n      --purple:#7A2EFF;\n      --purple-soft:#F3EEFF;\n      --muted:#51485c;\n      --acid:#D9FF3F;\n      padding:84px 16px;\n      background:transparent;\n      color:var(--ink);\n      overflow:hidden;\n    }\n\n    .mesh-testimonials__wrap{\n      max-width:1180px;\n      margin:0 auto;\n    }\n\n    .mesh-testimonials__top{\n      display:flex;\n      flex-wrap:wrap;\n      align-items:flex-end;\n      justify-content:space-between;\n      gap:20px;\n      margin-bottom:30px;\n    }\n\n    .mesh-testimonials__kicker{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 16px 0;\n      font-size:11px !important;\n      font-weight:900 !important;\n      text-transform:uppercase;\n      letter-spacing:.16em !important;\n      color:var(--ink) !important;\n    }\n\n    .mesh-testimonials__kicker::before{\n      content:\"\";\n      width:28px;\n      height:2px;\n      border-radius:999px;\n      background:var(--purple);\n      flex:0 0 auto;\n    }\n\n    .mesh-testimonials__title{\n      margin:0;\n      max-width:760px;\n      font-family:Inter, ui-sans-serif, system-ui, sans-serif !important;\n      font-size:clamp(40px, 5.3vw, 72px) !important;\n      line-height:.92 !important;\n      letter-spacing:-.06em !important;\n      font-weight:900 !important;\n      color:var(--ink) !important;\n    }\n\n    .mesh-testimonials__sub{\n      margin:14px 0 0 0;\n      max-width:700px;\n      font-size:clamp(20px, 2.2vw, 30px) !important;\n      line-height:1.12 !important;\n      font-weight:700 !important;\n      color:var(--muted) !important;\n      letter-spacing:-.03em !important;\n    }\n\n    .mesh-testimonials__controls{\n      display:flex;\n      gap:12px;\n      flex:0 0 auto;\n    }\n\n    .mesh-testimonials__btn{\n      width:52px;\n      height:52px;\n      border:2px solid var(--ink);\n      border-radius:0;\n      background:#fff;\n      color:var(--ink);\n      display:grid;\n      place-items:center;\n      box-shadow:4px 4px 0 var(--ink);\n      cursor:pointer;\n      font-size:22px !important;\n      font-weight:900 !important;\n      line-height:1;\n      transition:transform .14s ease, box-shadow .14s ease;\n    }\n\n    .mesh-testimonials__btn:hover{\n      transform:translate(-2px,-2px);\n      box-shadow:6px 6px 0 var(--ink);\n    }\n\n    .mesh-testimonials__viewport{\n      overflow:hidden;\n      padding:6px 4px 12px;\n    }\n\n    .mesh-testimonials__track{\n      display:flex;\n      gap:24px;\n      transition:transform .45s ease;\n      will-change:transform;\n    }\n\n    .mesh-testimonial{\n      min-width:calc((100% - 48px) \/ 3);\n      max-width:calc((100% - 48px) \/ 3);\n      background:#fff;\n      border:2px solid var(--ink);\n      border-radius:0;\n      box-shadow:5px 5px 0 var(--ink);\n      padding:20px 18px 18px;\n      display:flex;\n      flex-direction:column;\n      min-height:300px;\n    }\n\n    .mesh-testimonial__quote-mark{\n      width:44px;\n      height:44px;\n      display:grid;\n      place-items:center;\n      border:2px solid var(--ink);\n      border-radius:0;\n      background:var(--acid);\n      box-shadow:3px 3px 0 var(--ink);\n      font-family:Inter, sans-serif !important;\n      font-size:30px !important;\n      font-weight:900 !important;\n      line-height:1;\n      margin-bottom:14px;\n    }\n\n    .mesh-testimonial__text{\n      margin:0 0 18px 0;\n      font-size:17px !important;\n      line-height:1.5 !important;\n      font-weight:600 !important;\n      color:#201c26 !important;\n    }\n\n    .mesh-testimonial__meta{\n      margin-top:auto;\n      padding-top:14px;\n      border-top:1px solid rgba(17,17,17,.12);\n    }\n\n    .mesh-testimonial__org{\n      margin:0 0 5px 0;\n      font-family:Inter, ui-sans-serif, system-ui, sans-serif !important;\n      font-size:22px !important;\n      line-height:1 !important;\n      letter-spacing:-.04em !important;\n      font-weight:900 !important;\n      color:var(--ink) !important;\n    }\n\n    .mesh-testimonial__name{\n      margin:0 0 3px 0;\n      font-size:13px !important;\n      font-weight:900 !important;\n      color:var(--ink) !important;\n    }\n\n    .mesh-testimonial__role{\n      margin:0;\n      font-size:12px !important;\n      font-weight:700 !important;\n      color:var(--muted) !important;\n    }\n\n    @media (max-width: 980px){\n      .mesh-testimonial{\n        min-width:calc((100% - 24px) \/ 2);\n        max-width:calc((100% - 24px) \/ 2);\n      }\n    }\n\n    @media (max-width: 720px){\n      .mesh-testimonials{\n        padding:48px 12px;\n      }\n\n      .mesh-testimonials__top{\n        margin-bottom:20px;\n      }\n\n      .mesh-testimonials__controls{\n        width:100%;\n        justify-content:flex-start;\n      }\n\n      .mesh-testimonials__btn{\n        width:44px;\n        height:44px;\n        box-shadow:3px 3px 0 var(--ink);\n      }\n\n      .mesh-testimonials__viewport{\n        padding:4px 2px 10px;\n      }\n\n      .mesh-testimonials__track{\n        gap:14px;\n      }\n\n      \/* MOBILE CARDS \u2014 compact *\/\n      .mesh-testimonial{\n        min-width:100%;\n        max-width:100%;\n        min-height:auto;\n        padding:14px 14px 14px;\n        box-shadow:4px 4px 0 var(--ink);\n      }\n\n      .mesh-testimonial__quote-mark{\n        width:36px;\n        height:36px;\n        font-size:24px !important;\n        margin-bottom:10px;\n        box-shadow:2px 2px 0 var(--ink);\n      }\n\n      .mesh-testimonial__text{\n        font-size:15px !important;\n        margin-bottom:12px;\n      }\n\n      .mesh-testimonial__meta{\n        padding-top:10px;\n      }\n\n      .mesh-testimonial__org{\n        font-size:18px !important;\n      }\n\n      .mesh-testimonial__name{\n        font-size:12px !important;\n      }\n\n      .mesh-testimonial__role{\n        font-size:11px !important;\n      }\n    }\n  <\/style>\n\n  <div class=\"mesh-testimonials__wrap\">\n    <div class=\"mesh-testimonials__top\">\n      <div>\n        <div class=\"mesh-testimonials__kicker\">Testimonios<\/div>\n        <h2 class=\"mesh-testimonials__title\" id=\"mesh-testimonials-title\">\n          Lo que dicen de nosotros.\n        <\/h2>\n        <p class=\"mesh-testimonials__sub\">\n          Espacios, galer\u00edas y proyectos que ya forman parte de la red mesh.\n        <\/p>\n      <\/div>\n\n      <div class=\"mesh-testimonials__controls\">\n        <button class=\"mesh-testimonials__btn\" type=\"button\" aria-label=\"Anterior\" data-mesh-prev>\u2039<\/button>\n        <button class=\"mesh-testimonials__btn\" type=\"button\" aria-label=\"Siguiente\" data-mesh-next>\u203a<\/button>\n      <\/div>\n    <\/div>\n\n    <div class=\"mesh-testimonials__viewport\" data-mesh-viewport>\n      <div class=\"mesh-testimonials__track\" data-mesh-track>\n\n        <article class=\"mesh-testimonial\">\n          <div class=\"mesh-testimonial__quote-mark\">\"<\/div>\n          <p class=\"mesh-testimonial__text\">\n            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!\n          <\/p>\n          <div class=\"mesh-testimonial__meta\">\n            <h3 class=\"mesh-testimonial__org\">Hashtag Gallery<\/h3>\n            <p class=\"mesh-testimonial__name\">Graeme Luey<\/p>\n            <p class=\"mesh-testimonial__role\">Director \u00b7 Gallery and Residencies<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"mesh-testimonial\">\n          <div class=\"mesh-testimonial__quote-mark\">\"<\/div>\n          <p class=\"mesh-testimonial__text\">\n            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.\n          <\/p>\n          <div class=\"mesh-testimonial__meta\">\n            <h3 class=\"mesh-testimonial__org\">Lux Arte Contempor\u00e1neo<\/h3>\n            <p class=\"mesh-testimonial__name\">Mar\u00eda Torres<\/p>\n            <p class=\"mesh-testimonial__role\">Director \u00b7 Independent Gallery<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"mesh-testimonial\">\n          <div class=\"mesh-testimonial__quote-mark\">\"<\/div>\n          <p class=\"mesh-testimonial__text\">\n            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.\n          <\/p>\n          <div class=\"mesh-testimonial__meta\">\n            <h3 class=\"mesh-testimonial__org\">Boom Art House<\/h3>\n            <p class=\"mesh-testimonial__name\">Elena Rivas<\/p>\n            <p class=\"mesh-testimonial__role\">Programs Lead \u00b7 Cultural Center<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"mesh-testimonial\">\n          <div class=\"mesh-testimonial__quote-mark\">\"<\/div>\n          <p class=\"mesh-testimonial__text\">\n            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.\n          <\/p>\n          <div class=\"mesh-testimonial__meta\">\n            <h3 class=\"mesh-testimonial__org\">S.O.D.A<\/h3>\n            <p class=\"mesh-testimonial__name\">Nicol\u00e1s Vega<\/p>\n            <p class=\"mesh-testimonial__role\">Founder \u00b7 Residency Program<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"mesh-testimonial\">\n          <div class=\"mesh-testimonial__quote-mark\">\"<\/div>\n          <p class=\"mesh-testimonial__text\">\n            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.\n          <\/p>\n          <div class=\"mesh-testimonial__meta\">\n            <h3 class=\"mesh-testimonial__org\">Patio Abierto<\/h3>\n            <p class=\"mesh-testimonial__name\">Armando<\/p>\n            <p class=\"mesh-testimonial__role\">Co-Director \u00b7 Arx Space<\/p>\n          <\/div>\n        <\/article>\n\n        <article class=\"mesh-testimonial\">\n          <div class=\"mesh-testimonial__quote-mark\">\"<\/div>\n          <p class=\"mesh-testimonial__text\">\n            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.\n          <\/p>\n          <div class=\"mesh-testimonial__meta\">\n            <h3 class=\"mesh-testimonial__org\">Taller de Pintura Condesa<\/h3>\n            <p class=\"mesh-testimonial__name\">Cayetano S\u00e1nchez<\/p>\n            <p class=\"mesh-testimonial__role\">Director Asociado \u00b7 Art School<\/p>\n          <\/div>\n        <\/article>\n\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <script>\n    (function(){\n      const section  = document.currentScript.closest('.mesh-testimonials');\n      const track    = section.querySelector('[data-mesh-track]');\n      const prevBtn  = section.querySelector('[data-mesh-prev]');\n      const nextBtn  = section.querySelector('[data-mesh-next]');\n\n      \/\/ Shuffle order\n      const cards = Array.from(track.children).sort(() => Math.random() - 0.5);\n      cards.forEach(c => track.appendChild(c));\n\n      let index    = 0;\n      let perView  = getPerView();\n      let pages    = getPages();\n      let autoTimer = null;\n\n      function getPerView(){\n        if(window.innerWidth <= 720) return 1;\n        if(window.innerWidth <= 980) return 2;\n        return 3;\n      }\n\n      function getPages(){\n        return Math.max(1, Math.ceil(cards.length \/ perView));\n      }\n\n      function updateCarousel(){\n        const firstCard = cards[0];\n        const gap = parseFloat(getComputedStyle(track).gap) || 0;\n        const cardWidth = firstCard.getBoundingClientRect().width;\n        const offset = index * ((cardWidth + gap) * perView);\n        track.style.transform = `translateX(-${offset}px)`;\n      }\n\n      function goNext(){\n        index = index >= pages - 1 ? 0 : index + 1;\n        updateCarousel();\n      }\n\n      function goPrev(){\n        index = index <= 0 ? pages - 1 : index - 1;\n        updateCarousel();\n      }\n\n      function startAuto(){\n        stopAuto();\n        autoTimer = setInterval(goNext, 4500);\n      }\n\n      function stopAuto(){\n        if(autoTimer) { clearInterval(autoTimer); autoTimer = null; }\n      }\n\n      function rebuild(){\n        perView = getPerView();\n        pages   = getPages();\n        if(index > pages - 1) index = pages - 1;\n        updateCarousel();\n      }\n\n      prevBtn.addEventListener('click', () => { goPrev(); stopAuto(); });\n      nextBtn.addEventListener('click', () => { goNext(); stopAuto(); });\n\n      \/\/ Pause on hover\n      section.addEventListener('mouseenter', stopAuto);\n      section.addEventListener('mouseleave', startAuto);\n\n      window.addEventListener('resize', rebuild);\n      updateCarousel();\n      startAuto();\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=Inter:wght@700;800;900&family=Lexend:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\n\n<section id=\"mesh-app-strip\">\n  <div class=\"mesh-app-wrap\">\n    <div class=\"mesh-app-band\">\n      \n      <div class=\"mesh-app-copy\">\n        <div class=\"mesh-app-kicker\">MESH APP YA DISPONIBLE<\/div>\n        <h2 class=\"mesh-app-title\">Conecta con arte y cultura desde tu m\u00f3vil.<\/h2>\n        <p class=\"mesh-app-text\">\n          Explora por ciudad y disciplinas art\u00edsticas. Encuentra espacios, exposiciones, educaci\u00f3n y oportunidades culturales donde est\u00e9s.\n        <\/p>\n      <\/div>\n\n      <div class=\"mesh-app-actions\">\n        <a class=\"mesh-store-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\n        <a class=\"mesh-store-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-green:#C8FF2E;\n    --mesh-ink:#0B0B0B;\n    --mesh-white:#FFFFFF;\n    --mesh-border:4px solid #0B0B0B;\n    --mesh-shadow:8px 8px 0 #0B0B0B;\n    background:transparent;\n    margin:0;\n    padding:28px 0 34px;\n    font-family:Lexend, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n  }\n\n  #mesh-app-strip *{\n    box-sizing:border-box;\n  }\n\n  #mesh-app-strip .mesh-app-wrap{\n    max-width:1180px;\n    margin:0 auto;\n    padding:0 18px;\n  }\n\n  #mesh-app-strip .mesh-app-band{\n    display:grid;\n    grid-template-columns:minmax(0, 1.3fr) minmax(280px, .7fr);\n    gap:26px;\n    align-items:center;\n    padding:28px 30px;\n    border:var(--mesh-border);\n    box-shadow:var(--mesh-shadow);\n    background:var(--mesh-green);\n    color:var(--mesh-ink);\n  }\n\n  #mesh-app-strip .mesh-app-kicker{\n    font-size:13px;\n    line-height:1;\n    font-weight:900;\n    letter-spacing:.16em;\n    margin:0 0 12px 0;\n    color:#2D3A00;\n  }\n\n  #mesh-app-strip .mesh-app-title{\n    font-family:Inter, sans-serif;\n    font-size:clamp(34px, 4.4vw, 58px);\n    line-height:.93;\n    letter-spacing:-.06em;\n    font-weight:900;\n    margin:0 0 12px 0;\n    color:#0B0B0B;\n    max-width:760px;\n  }\n\n  #mesh-app-strip .mesh-app-text{\n    font-size:20px;\n    line-height:1.45;\n    margin:0;\n    max-width:760px;\n    color:#161616;\n  }\n\n  #mesh-app-strip .mesh-app-actions{\n    display:flex;\n    flex-direction:column;\n    gap:14px;\n    align-items:stretch;\n    justify-content:center;\n  }\n\n  #mesh-app-strip .mesh-store-btn{\n    display:block;\n    text-decoration:none;\n    background:var(--mesh-white);\n    color:var(--mesh-ink);\n    border:4px solid var(--mesh-ink);\n    box-shadow:6px 6px 0 var(--mesh-ink);\n    padding:18px 18px 16px;\n    transition:transform .18s ease, box-shadow .18s ease, background .18s ease;\n  }\n\n  #mesh-app-strip .mesh-store-btn:hover{\n    transform:translate(-2px,-2px);\n    box-shadow:8px 8px 0 var(--mesh-ink);\n    background:#F8F8F8;\n  }\n\n  #mesh-app-strip .mesh-store-btn small{\n    display:block;\n    font-size:12px;\n    line-height:1;\n    font-weight:800;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    margin:0 0 7px 0;\n    opacity:.75;\n  }\n\n  #mesh-app-strip .mesh-store-btn strong{\n    display:block;\n    font-family:Inter, sans-serif;\n    font-size:32px;\n    line-height:1;\n    letter-spacing:-.04em;\n    font-weight:900;\n  }\n\n  @media (max-width: 980px){\n    #mesh-app-strip .mesh-app-band{\n      grid-template-columns:1fr;\n      gap:20px;\n      padding:24px 22px;\n    }\n\n    #mesh-app-strip .mesh-app-actions{\n      flex-direction:row;\n      flex-wrap:wrap;\n    }\n\n    #mesh-app-strip .mesh-store-btn{\n      flex:1 1 260px;\n    }\n  }\n\n  @media (max-width: 640px){\n    #mesh-app-strip{\n      padding:22px 0 26px;\n    }\n\n    #mesh-app-strip .mesh-app-wrap{\n      padding:0 16px;\n    }\n\n    #mesh-app-strip .mesh-app-band{\n      padding:20px 18px;\n      gap:18px;\n      border-width:3px;\n      box-shadow:6px 6px 0 var(--mesh-ink);\n    }\n\n    #mesh-app-strip .mesh-app-title{\n      font-size:clamp(30px, 10vw, 42px);\n    }\n\n    #mesh-app-strip .mesh-app-text{\n      font-size:18px;\n      line-height:1.42;\n    }\n\n    #mesh-app-strip .mesh-app-actions{\n      flex-direction:column;\n    }\n\n    #mesh-app-strip .mesh-store-btn{\n      width:100%;\n      border-width:3px;\n      box-shadow:5px 5px 0 var(--mesh-ink);\n      padding:16px 16px 14px;\n    }\n\n    #mesh-app-strip .mesh-store-btn:hover{\n      box-shadow:6px 6px 0 var(--mesh-ink);\n    }\n\n    #mesh-app-strip .mesh-store-btn strong{\n      font-size:28px;\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<section class=\"mesh-how\" aria-labelledby=\"mesh-how-title\">\n  <style>\n    .mesh-how,\n    .mesh-how *{\n      box-sizing:border-box;\n      font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .mesh-how{\n      background: transparent !important;\n      padding: 26px 16px 110px;\n    }\n\n    .mesh-how__wrap{\n      max-width:1180px;\n      margin:0 auto;\n    }\n\n    .mesh-how__head{\n      margin-bottom:40px;\n    }\n\n    .mesh-how__eyebrow{\n     display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: #111;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    -webkit-font-smoothing: antialiased;\n    }\n\n    .mesh-how__eyebrow::before{\n      content:\"\";\n      width:28px;\n      height:2px;\n      background:#7A2EFF;\n      border-radius:999px;\n      display:block;\n      flex:0 0 auto;\n    }\n\n    .mesh-how__title{\n      margin:0 !important;\n      font-size:clamp(40px, 5.3vw, 72px) !important;\n      line-height:.92 !important;\n      letter-spacing:-.06em !important;\n      font-weight:900 !important;\n      color:#111 !important;\n    }\n\n    .mesh-how__lead{\n      margin:14px 0 0 0 !important;\n      max-width:860px;\n      font-size:clamp(20px, 2.2vw, 30px) !important;\n      line-height:1.12 !important;\n      letter-spacing:-.03em !important;\n      font-weight:700 !important;\n      color:#433d4b !important;\n    }\n\n    .mesh-how__steps{\n      display:grid;\n      grid-template-columns:repeat(3, 1fr);\n      gap:22px;\n    }\n\n    .mesh-how__step{\n      background:#fff !important;\n      border:3px solid #111 !important;\n      border-radius:28px;\n      padding:26px 26px 28px;\n      box-shadow:10px 10px 0 #111;\n      transition:transform .16s ease, box-shadow .16s ease;\n      min-height:240px;\n      display:flex;\n      flex-direction:column;\n    }\n\n    .mesh-how__step:hover{\n      transform:translate(-4px,-4px);\n      box-shadow:14px 14px 0 #111;\n    }\n\n    .mesh-how__num{\n      width:42px;\n      height:42px;\n      display:grid;\n      place-items:center;\n      border:3px solid #111 !important;\n      border-radius:12px;\n      background:#7A2EFF !important;\n      color:#fff !important;\n      font-size:16px !important;\n      font-weight:900 !important;\n      line-height:1 !important;\n      box-shadow:4px 4px 0 #111;\n      margin:0 0 20px 0 !important;\n    }\n\n    .mesh-how__step-title{\n      margin:0 0 12px 0 !important;\n      font-size:28px !important;\n      line-height:.98 !important;\n      letter-spacing:-.04em !important;\n      font-weight:900 !important;\n      color:#111 !important;\n    }\n\n    .mesh-how__step-copy{\n      margin:0 !important;\n      font-size:16px !important;\n      line-height:1.45 !important;\n      font-weight:700 !important;\n      color:#4a4552 !important;\n      max-width:95%;\n    }\n\n    @media (max-width: 960px){\n      .mesh-how{\n        padding:18px 16px 84px;\n      }\n\n      .mesh-how__head{\n        margin-bottom:30px;\n      }\n\n      .mesh-how__steps{\n        grid-template-columns:1fr;\n        gap:18px;\n      }\n\n      .mesh-how__step{\n        min-height:auto;\n      }\n    }\n\n    @media (max-width: 640px){\n      .mesh-how{\n        padding:10px 16px 68px;\n      }\n\n      .mesh-how__head{\n        margin-bottom:24px;\n      }\n\n      .mesh-how__step{\n        padding:20px 18px 22px;\n        border-radius:24px;\n        box-shadow:8px 8px 0 #111;\n      }\n\n      .mesh-how__step:hover{\n        transform:none;\n        box-shadow:8px 8px 0 #111;\n      }\n    }\n  <\/style>\n\n  <div class=\"mesh-how__wrap\">\n    <div class=\"mesh-how__head\">\n      <div class=\"mesh-how__eyebrow\">Una forma m\u00e1s simple de encontrar arte<\/div>\n\n      <h2 class=\"mesh-how__title\" id=\"mesh-how-title\">\n        Explora. Descubre. Participa.\n      <\/h2>\n\n      <p class=\"mesh-how__lead\">\n       mesh te conecta con espacios creativos, eventos, educaci\u00f3n, oportunidades, servicios y empresas culturales.\n      <\/p>\n    <\/div>\n\n    <div class=\"mesh-how__steps\">\n      <article class=\"mesh-how__step\">\n        <div class=\"mesh-how__num\">1<\/div>\n        <h3 class=\"mesh-how__step-title\">\n          Explora por ciudad, espacio o disciplina\n        <\/h3>\n        <p class=\"mesh-how__step-copy\">\n          Filtra mejor lo que te interesa y encuentra opciones m\u00e1s r\u00e1pido.\n        <\/p>\n      <\/article>\n\n      <article class=\"mesh-how__step\">\n        <div class=\"mesh-how__num\">2<\/div>\n        <h3 class=\"mesh-how__step-title\">\n          Descubre qu\u00e9 est\u00e1 pasando\n        <\/h3>\n        <p class=\"mesh-how__step-copy\">\n          Desde exposiciones y talleres hasta convocatorias y programas.\n        <\/p>\n      <\/article>\n\n      <article class=\"mesh-how__step\">\n        <div class=\"mesh-how__num\">3<\/div>\n        <h3 class=\"mesh-how__step-title\">\n          Vive el arte\n        <\/h3>\n        <p class=\"mesh-how__step-copy\">\n          Una plataforma pensada para involucrarse en el ecosistema cultural.\n        <\/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<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    --black:  #0a0a0a;\n    --white:  #f5f2eb;\n    --yellow: #ffe135;\n    --purple: #7c3aff;\n    --red:    #ff3c3c;\n    --green:  #22c55e;\n    --gap:    18px;\n    --pad:    18px;\n    --max:    1180px;\n    --card-w: clamp(300px, calc((min(100vw, var(--max)) - 2 * var(--pad) - 2 * var(--gap)) \/ 2.5), 444px);\n    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n    padding: 36px 0 32px;\n    background: transparent;\n  }\n\n  #mesh-feat * { box-sizing: border-box; }\n\n  .mf-inner {\n    max-width: var(--max);\n    margin: 0 auto;\n    padding: 0 var(--pad);\n  }\n\n  \/* \u2500\u2500 HEADER \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  .mf-header { margin-bottom: 28px; }\n\n  .mf-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n    font-size: 11px;\n    font-weight: 900;\n    letter-spacing: .16em;\n    text-transform: uppercase;\n    color: #111;\n    margin: 0 0 14px;\n    line-height: 1.1;\n    -webkit-font-smoothing: antialiased;\n  }\n  .mf-eyebrow::before {\n    content: \"\";\n    width: 28px;\n    height: 2px;\n    background: var(--purple);\n    border-radius: 999px;\n    display: block;\n    flex: 0 0 auto;\n  }\n\n  .mf-title {\n    margin: 0 0 18px;\n    font-family: Inter, ui-sans-serif, system-ui, sans-serif;\n    font-size: clamp(40px, 5.3vw, 72px);\n    line-height: .92;\n    letter-spacing: -.06em;\n    font-weight: 900;\n    color: #111;\n  }\n\n  .mf-nav-tags {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 10px;\n  }\n\n  .mf-nav-tag {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 13px;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    text-decoration: none;\n    color: var(--black);\n    padding: 6px 14px;\n    border: 2px solid var(--black);\n    background: var(--white);\n    box-shadow: 3px 3px 0 var(--black);\n    transition: box-shadow .1s, transform .1s, background .1s, color .1s, border-color .1s;\n    display: inline-flex;\n    align-items: center;\n  }\n  .mf-nav-tag:hover {\n    background: var(--purple);\n    color: #fff;\n    border-color: var(--purple);\n  }\n  .mf-nav-tag:active {\n    box-shadow: none;\n    transform: translate(3px, 3px);\n  }\n\n  \/* \u2500\u2500 TRACK \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  .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\n  .mf-track {\n    display: flex;\n    gap: var(--gap);\n    width: max-content;\n  }\n\n  \/* \u2500\u2500 CARD \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  .mf-card {\n    width: var(--card-w);\n    flex: 0 0 var(--card-w);\n    border: 2px solid var(--black);\n    background: var(--white);\n    scroll-snap-align: start;\n    text-decoration: none;\n    color: var(--black);\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    box-shadow: 4px 4px 0 var(--black);\n    transition: box-shadow .15s ease, transform .15s ease;\n  }\n  .mf-card:hover {\n    box-shadow: 10px 10px 0 var(--black);\n    transform: translate(-3px, -3px);\n  }\n\n  \/* IMAGE \u2014 background-image approach: guaranteed zoom-to-fill, no empty space *\/\n  .mf-img-wrap {\n    width: 100%;\n    aspect-ratio: 4 \/ 3;\n    flex-shrink: 0;\n    border-bottom: 2px solid var(--black);\n    background-color: #ddd8cc;\n    background-size: cover;          \/* zoom to fill \u2014 always *\/\n    background-position: center;     \/* centered crop *\/\n    background-repeat: no-repeat;\n  }\n\n  \/* BODY *\/\n  .mf-body {\n    padding: 16px 16px 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 9px;\n    flex: 1;\n  }\n\n  .mf-badges {\n    display: flex;\n    gap: 6px;\n    flex-wrap: wrap;\n    align-items: center;\n  }\n\n  .mf-badge {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 10px;\n    letter-spacing: .1em;\n    text-transform: uppercase;\n    padding: 3px 8px;\n    border: 1.5px solid var(--black);\n    line-height: 1.2;\n  }\n\n  .mf-badge-type-evento      { background: var(--purple); color: #fff; border-color: var(--purple); }\n  .mf-badge-type-learning    { background: var(--black);  color: var(--white); }\n  .mf-badge-type-oportunidad { background: var(--green);  color: var(--black); border-color: var(--green); }\n  .mf-badge-dest             { background: var(--yellow); color: var(--black); }\n  .mf-badge-free             { color: var(--green); border-color: var(--green); }\n  .mf-badge-urgent           { color: var(--red);   border-color: var(--red); }\n\n  .mf-card-title {\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 22px;\n    line-height: 1.0;\n    letter-spacing: .01em;\n    text-transform: uppercase;\n    color: var(--black);\n    display: -webkit-box;\n    -webkit-line-clamp: 3;\n    -webkit-box-orient: vertical;\n    overflow: hidden;\n  }\n\n  .mf-venue {\n    font-size: 13px;\n    font-weight: 600;\n    color: #555;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .mf-date {\n    font-size: 12px;\n    font-weight: 500;\n    color: #888;\n    margin-top: auto;\n    padding-top: 10px;\n    border-top: 1px solid #e0dcd4;\n  }\n\n  \/* \u2500\u2500 DOTS \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  .mf-dots { display: flex; gap: 6px; padding: 18px 0 0; }\n  .mf-dot {\n    width: 8px; height: 8px;\n    background: #d0ccc4;\n    border: 1.5px solid var(--black);\n    cursor: pointer;\n    transition: background .15s;\n    flex-shrink: 0;\n  }\n  .mf-dot.active { background: var(--purple); }\n\n  .mf-loading { padding: 40px 0; font-size: 14px; color: #888; }\n\n  \/* \u2500\u2500 RESPONSIVE \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  @media (max-width: 900px) {\n    #mesh-feat { --card-w: clamp(260px, 48vw, 360px); }\n  }\n  @media (max-width: 640px) {\n    #mesh-feat { padding: 28px 0 24px; --card-w: clamp(240px, 80vw, 320px); }\n    .mf-track-wrap { padding-left: 16px; padding-right: 16px; }\n    .mf-card-title { font-size: 19px; }\n    .mf-title { font-size: clamp(36px, 10vw, 52px); }\n    .mf-card:hover { box-shadow: 6px 6px 0 var(--black); transform: translate(-2px, -2px); }\n    .mf-nav-tags { gap: 8px; }\n    .mf-nav-tag { font-size: 12px; padding: 5px 12px; }\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\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 || '')\n      .replace(\/&\/g,'&amp;').replace(\/<\/g,'&lt;')\n      .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\n      ? `<div class=\"mf-venue\">${esc(item.venue_name)}<\/div>` : '';\n    const dateEl = dateStr\n      ? `<div class=\"mf-date\">${dateStr}<\/div>` : '';\n\n    \/\/ background-image on wrapper \u2014 guaranteed zoom-to-fill\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\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}\n        ${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) => {\n      d.classList.toggle('active', i === page);\n    });\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<section class=\"mesh-for\" aria-labelledby=\"mesh-for-title\">\n  <style>\n    .mesh-for,\n    .mesh-for *{\n      box-sizing:border-box;\n      font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif !important;\n      -webkit-font-smoothing:antialiased;\n    }\n\n    .mesh-for{\n      position:relative;\n      padding:56px 16px 72px;\n      background:#0a0a0a;\n      border-top:2px solid #1e1e1e;\n      border-bottom:2px solid #1e1e1e;\n      overflow:hidden;\n      width:100vw;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n    }\n\n    .mesh-for__wrap{\n      position:relative;\n      z-index:1;\n      max-width:1180px;\n      margin:0 auto;\n    }\n\n    .mesh-for__head{\n      margin-bottom:40px;\n    }\n\n    .mesh-for__eyebrow{\n      display:inline-flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 16px 0;\n      font-size:11px !important;\n      font-weight:900 !important;\n      letter-spacing:.16em !important;\n      text-transform:uppercase;\n      color:#f5f2eb !important;\n    }\n\n    .mesh-for__eyebrow::before{\n      content:\"\";\n      width:28px;\n      height:2px;\n      background:#7c3aff;\n      border-radius:999px;\n      flex:0 0 auto;\n    }\n\n    .mesh-for__title{\n      margin:0;\n      font-size:clamp(40px, 5.3vw, 72px) !important;\n      line-height:.92 !important;\n      letter-spacing:-.06em !important;\n      font-weight:900 !important;\n      color:#f5f2eb !important;\n    }\n\n    .mesh-for__lead{\n      margin:14px 0 0 0;\n      max-width:780px;\n      font-size:clamp(20px, 2.2vw, 28px) !important;\n      line-height:1.12 !important;\n      letter-spacing:-.03em !important;\n      font-weight:700 !important;\n      color:#f5f2eb !important;\n    }\n\n    .mesh-for__grid{\n      display:grid;\n      grid-template-columns:repeat(12,1fr);\n      gap:18px;\n    }\n\n    .mesh-for__card{\n      grid-column:span 6;\n      background:#161616;\n      border:2px solid #2a2a2a;\n      border-radius:0;\n      padding:28px;\n      box-shadow:6px 6px 0 #ffe135;\n      transition:transform .16s ease, box-shadow .16s ease;\n    }\n\n    .mesh-for__card:hover{\n      transform:translate(-4px,-4px);\n      box-shadow:10px 10px 0 #ffe135;\n    }\n\n    .mesh-for__icon{\n      width:46px;\n      height:46px;\n      display:grid;\n      place-items:center;\n      border:2px solid #f5f2eb;\n      border-radius:0;\n      box-shadow:4px 4px 0 #ffe135;\n      margin-bottom:20px;\n    }\n\n    .mesh-for__icon svg{\n      width:22px;\n      height:22px;\n      display:block;\n      stroke:#fff;\n      fill:none;\n      stroke-width:2.4;\n      stroke-linecap:round;\n      stroke-linejoin:round;\n    }\n\n    .mesh-for__icon--audiences,\n    .mesh-for__icon--spaces,\n    .mesh-for__icon--artists,\n    .mesh-for__icon--companies { background:#0a0a0a; }\n\n    .mesh-for__persona{\n      display:block;\n      font-size:11px !important;\n      font-weight:900 !important;\n      text-transform:uppercase;\n      letter-spacing:.1em !important;\n      margin-bottom:10px;\n      color:#f5f2eb !important;\n      opacity:.5;\n    }\n\n    .mesh-for__line{\n      font-size:22px !important;\n      font-weight:900 !important;\n      letter-spacing:-.02em !important;\n      line-height:1.15 !important;\n      margin:0 0 20px !important;\n      color:#f5f2eb !important;\n    }\n\n    .mesh-for__cta{\n      border-top:1px solid #2a2a2a;\n      padding-top:14px;\n      font-weight:900 !important;\n      font-size:13px !important;\n      color:#f5f2eb !important;\n      letter-spacing:.02em;\n    }\n\n    @media (max-width:960px){\n      .mesh-for{ padding:40px 16px 56px; }\n      .mesh-for__grid{ grid-template-columns:1fr; gap:14px; }\n      .mesh-for__card{ grid-column:span 12; }\n    }\n\n    @media (max-width:640px){\n      .mesh-for{ padding:32px 16px 48px; }\n      .mesh-for__card{ padding:22px 20px 24px; box-shadow:6px 6px 0 #ffe135; }\n      .mesh-for__card:hover{ transform:none; box-shadow:6px 6px 0 #ffe135; }\n    }\n  <\/style>\n\n  <div class=\"mesh-for__wrap\">\n\n    <div class=\"mesh-for__head\">\n      <div class=\"mesh-for__eyebrow\">Para qui\u00e9n es mesh<\/div>\n      <h2 class=\"mesh-for__title\" id=\"mesh-for-title\">Organizaciones. Artistas. Entusiastas.<\/h2>\n      <p class=\"mesh-for__lead\">\n        mesh conecta a personas, espacios, artistas y organizaciones dentro del ecosistema cultural.\n      <\/p>\n    <\/div>\n\n    <div class=\"mesh-for__grid\">\n\n      <article class=\"mesh-for__card\">\n        <div class=\"mesh-for__icon mesh-for__icon--audiences\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n            <path d=\"M3.5 18c.8-2.7 3-4 5.5-4s4.7 1.3 5.5 4\"><\/path>\n            <circle cx=\"17.5\" cy=\"9\" r=\"2.2\"><\/circle>\n            <path d=\"M15.5 18c.4-1.9 1.8-3 4-3\"><\/path>\n          <\/svg>\n        <\/div>\n        <span class=\"mesh-for__persona\">Audiencias culturales<\/span>\n        <h3 class=\"mesh-for__line\">Encuentra exposiciones, talleres y experiencias culturales en un solo lugar.<\/h3>\n        <div class=\"mesh-for__cta\">Explora actividades culturales \u2192<\/div>\n      <\/article>\n\n      <article class=\"mesh-for__card\">\n        <div class=\"mesh-for__icon mesh-for__icon--spaces\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 20V9l8-5 8 5v11\"><\/path>\n            <path d=\"M9 20v-5h6v5\"><\/path>\n            <path d=\"M8 11h.01\"><\/path>\n            <path d=\"M16 11h.01\"><\/path>\n          <\/svg>\n        <\/div>\n        <span class=\"mesh-for__persona\">Espacios culturales<\/span>\n        <h3 class=\"mesh-for__line\">Publica tu espacio y tu programaci\u00f3n para mantenerte visible.<\/h3>\n        <div class=\"mesh-for__cta\">Suma tu espacio \u2192<\/div>\n      <\/article>\n\n      <article class=\"mesh-for__card\">\n        <div class=\"mesh-for__icon mesh-for__icon--artists\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <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\"><\/path>\n            <circle cx=\"9\" cy=\"10\" r=\".8\" fill=\"#fff\" stroke=\"none\"><\/circle>\n            <circle cx=\"12\" cy=\"8.7\" r=\".8\" fill=\"#fff\" stroke=\"none\"><\/circle>\n            <circle cx=\"15\" cy=\"10.2\" r=\".8\" fill=\"#fff\" stroke=\"none\"><\/circle>\n            <circle cx=\"11.2\" cy=\"12.3\" r=\".8\" fill=\"#fff\" stroke=\"none\"><\/circle>\n          <\/svg>\n        <\/div>\n        <span class=\"mesh-for__persona\">Artistas & creativos<\/span>\n        <h3 class=\"mesh-for__line\">Accede a cursos, convocatorias y oportunidades para tu pr\u00e1ctica.<\/h3>\n        <div class=\"mesh-for__cta\">Explora oportunidades \u2192<\/div>\n      <\/article>\n\n      <article class=\"mesh-for__card\">\n        <div class=\"mesh-for__icon mesh-for__icon--companies\" aria-hidden=\"true\">\n          <svg viewbox=\"0 0 24 24\">\n            <path d=\"M4 20V8h10v12\"><\/path>\n            <path d=\"M14 20v-6h6v6\"><\/path>\n            <path d=\"M8 12h.01\"><\/path>\n            <path d=\"M8 16h.01\"><\/path>\n            <path d=\"M12 12h.01\"><\/path>\n            <path d=\"M12 16h.01\"><\/path>\n          <\/svg>\n        <\/div>\n        <span class=\"mesh-for__persona\">Empresas creativas<\/span>\n        <h3 class=\"mesh-for__line\">Conecta tus servicios con proyectos dentro del ecosistema cultural.<\/h3>\n        <div class=\"mesh-for__cta\">Publica tu proyecto \u2192<\/div>\n      <\/article>\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;motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;motion_fx_scale_effect&quot;:&quot;yes&quot;,&quot;_animation&quot;:&quot;fadeIn&quot;,&quot;motion_fx_scale_speed&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:2,&quot;sizes&quot;:[]},&quot;motion_fx_scale_direction&quot;:&quot;out-in&quot;,&quot;motion_fx_scale_range&quot;:{&quot;unit&quot;:&quot;%&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:{&quot;start&quot;:20,&quot;end&quot;:80}},&quot;motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;laptop&quot;,&quot;tablet&quot;,&quot;mobile&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 * {\n    box-sizing: border-box;\n    -webkit-font-smoothing: antialiased;\n  }\n\n  .mesh-cta2 {\n    width: 100vw;\n    margin-left: calc(50% - 50vw);\n    background: #0a0a0a;\n    padding: 80px 22px 88px;\n    border-top: 2px solid #1e1e1e;\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  \/* LEFT \u2014 headline *\/\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 16px;\n  }\n\n  .mesh-cta2__sub {\n    font-family: 'Space Grotesk', sans-serif;\n    font-size: clamp(16px, 1.8vw, 20px);\n    font-weight: 500;\n    line-height: 1.45;\n    color: #f5f2eb;\n    margin: 0;\n    max-width: 480px;\n  }\n\n  \/* RIGHT \u2014 actions *\/\n  .mesh-cta2__actions {\n    display: flex;\n    flex-direction: column;\n    gap: 14px;\n    align-items: flex-start;\n    flex-shrink: 0;\n  }\n\n  \/* PRIMARY \u2014 yellow *\/\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 28px;\n    height: 58px;\n    border: 2px solid #f5f2eb;\n    box-shadow: 5px 5px 0 #f5f2eb;\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  .mesh-cta2__btn:hover {\n    box-shadow: 2px 2px 0 #f5f2eb;\n    transform: translate(3px, 3px);\n  }\n\n  .mesh-cta2__btn:active {\n    box-shadow: none;\n    transform: translate(5px, 5px);\n  }\n\n  \/* SECONDARY \u2014 outlined tag *\/\n  .mesh-cta2__link {\n    display: inline-flex;\n    align-items: center;\n    height: 44px;\n    padding: 0 20px;\n    border: 1.5px solid #f5f2eb;\n    color: #f5f2eb;\n    text-decoration: none;\n    font-family: 'Barlow Condensed', sans-serif;\n    font-weight: 900;\n    font-size: 15px;\n    letter-spacing: .08em;\n    text-transform: uppercase;\n    white-space: nowrap;\n    transition: background .15s;\n  }\n\n  .mesh-cta2__link:hover {\n    background: rgba(245,242,235,.08);\n  }\n\n  @media (max-width: 860px) {\n    .mesh-cta2__wrap {\n      grid-template-columns: 1fr;\n      gap: 32px;\n    }\n    .mesh-cta2__actions {\n      flex-direction: row;\n      flex-wrap: wrap;\n      align-items: center;\n    }\n  }\n\n  @media (max-width: 560px) {\n    .mesh-cta2 { padding: 56px 16px 64px; }\n    .mesh-cta2__actions {\n      flex-direction: column;\n      align-items: stretch;\n      width: 100%;\n    }\n    .mesh-cta2__btn,\n    .mesh-cta2__link { width: 100%; justify-content: center; }\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, aqu\u00ed 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":1466,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/40988\/revisions"}],"predecessor-version":[{"id":48340,"href":"https:\/\/themesh.art\/en\/wp-json\/wp\/v2\/pages\/40988\/revisions\/48340"}],"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}]}}