{"id":9,"date":"2026-06-09T18:11:53","date_gmt":"2026-06-09T18:11:53","guid":{"rendered":"https:\/\/micsur.cultura.gov.py\/index.php\/pruebahome\/"},"modified":"2026-06-10T23:53:09","modified_gmt":"2026-06-10T23:53:09","slug":"pruebahome","status":"publish","type":"page","link":"https:\/\/micsur.cultura.gov.py\/","title":{"rendered":"MICSUR Paraguay 2026 \u2014 Home"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n  <meta name=\"description\" content=\"MICSUR Paraguay 2026 \u2014 Mercado de Industrias Culturales del Sur. 19 al 22 de noviembre de 2026. Centro Cultural del Puerto de Asunci\u00f3n.\">\n  <title>MICSUR Paraguay 2026 \u2014 Mercado de Industrias Culturales del Sur<\/title>\n  <style>\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   MICSUR Paraguay 2026 \u2014 Estilo principal\n   Inspiraci\u00f3n: Rio2C \u2014 base blanca, vibrante, clean\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n:root {\n  --orange:    #E8500A;\n  --orange-dk: #C43E06;\n  --celeste:   #29ABE2;\n  --celeste-dk:#1A8AB8;\n  --verde:     #3AAA35;\n  --verde-dk:  #2A8A28;\n  --verde-lt:  #8DC63F;\n  --amarillo:  #F5C842;\n  --dark:      #111111;\n  --gray-dark: #2E2E2E;\n  --gray:      #444444;\n  --gray-lt:   #888888;\n  --gray-line: #E2E2E2;\n  --light:     #F7F6F3;\n  --white:     #FFFFFF;\n  --dot-red:   #D63B2F;\n  --dot-orange:#E8813A;\n  --font: 'Inter', system-ui, -apple-system, sans-serif;\n  --radius: 4px;\n  --radius-lg: 10px;\n  --transition: 0.18s ease;\n  --container: 1200px;\n}\n\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nhtml { scroll-behavior: smooth; font-size: 16px; }\nbody { font-family: var(--font); color: var(--dark); background: var(--white); line-height: 1.6; -webkit-font-smoothing: antialiased; }\nimg { max-width: 100%; height: auto; display: block; }\na { color: inherit; text-decoration: none; }\nul { list-style: none; }\nbutton { cursor: pointer; font-family: var(--font); border: none; background: none; }\n\n.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }\n:focus-visible { outline: 3px solid var(--celeste); outline-offset: 3px; border-radius: var(--radius); }\n\n.container { width: 100%; max-width: var(--container); margin: 0 auto; padding: 0 2.5rem; }\n.grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }\n.grid-2col--reverse { direction: rtl; }\n.grid-2col--reverse > * { direction: ltr; }\n.text-center { text-align: center; }\n.mt-1 { margin-top: 1rem; }\n\n\/* \u2500\u2500\u2500 Tipograf\u00eda \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 *\/\nh1, h2, h3, h4 { line-height: 1.1; font-weight: 900; letter-spacing: -0.03em; }\nh2 { font-size: clamp(2.2rem, 4.5vw, 3.5rem); margin-bottom: 1.25rem; }\nh3 { font-size: 1.2rem; margin-bottom: 0.6rem; font-weight: 700; letter-spacing: -0.01em; }\nh4 { font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.14em; font-weight: 700; margin-bottom: 0.75rem; }\np { margin-bottom: 1rem; line-height: 1.65; }\np:last-child { margin-bottom: 0; }\n.text-small { font-size: 0.875rem; }\n\n.section-label {\n  display: inline-flex; align-items: center; gap: 0.5rem;\n  font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.16em;\n  color: var(--orange); margin-bottom: 0.75rem;\n}\n.section-label::before { content: ''; display: block; width: 18px; height: 3px; background: currentColor; border-radius: 2px; flex-shrink: 0; }\n.section-label--white  { color: rgba(255,255,255,0.6); }\n.section-label--celeste { color: var(--celeste); }\n.section-label--dark   { color: rgba(0,0,0,0.4); }\n\n.section-intro { font-size: 1.1rem; max-width: 660px; color: var(--gray); margin-bottom: 3rem; font-weight: 400; }\n.text-center .section-intro { margin-left: auto; margin-right: auto; }\n\n\/* \u2500\u2500\u2500 Botones \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\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.btn {\n  display: inline-flex; align-items: center; gap: 0.5rem;\n  padding: 0.85rem 1.8rem; border-radius: var(--radius);\n  font-size: 0.9rem; font-weight: 700; letter-spacing: 0.01em;\n  transition: background var(--transition), color var(--transition), transform var(--transition), box-shadow var(--transition);\n}\n.btn:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.15); }\n.btn:active { transform: translateY(0); box-shadow: none; }\n.btn-primary  { background: var(--orange);  color: var(--white); }\n.btn-primary:hover  { background: var(--orange-dk); }\n.btn-celeste  { background: var(--celeste); color: var(--white); }\n.btn-celeste:hover  { background: var(--celeste-dk); }\n.btn-dark     { background: var(--dark);    color: var(--white); }\n.btn-dark:hover     { background: #222; }\n.btn-ghost    { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,0.5); }\n.btn-ghost:hover    { border-color: var(--white); background: rgba(255,255,255,0.08); }\n.btn-outline  { background: transparent; color: var(--orange); border: 2px solid var(--orange); }\n.btn-outline:hover  { background: var(--orange); color: var(--white); }\n.btn-badge { font-size: 0.62rem; background: rgba(255,255,255,0.22); padding: 0.2rem 0.5rem; border-radius: 20px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; }\n\n\/* Botones nav especiales *\/\n.btn-nav-ghost {\n  display: inline-block; padding: 0.45rem 1rem;\n  border: 1.5px solid var(--gray-line); border-radius: var(--radius);\n  color: var(--gray); font-size: 0.82rem; font-weight: 600;\n  transition: border-color var(--transition), color var(--transition);\n}\n.btn-nav-ghost:hover { border-color: var(--orange); color: var(--orange); }\n.btn-nav-solid {\n  display: inline-block; padding: 0.45rem 1rem;\n  background: var(--orange); border-radius: var(--radius);\n  color: var(--white); font-size: 0.82rem; font-weight: 700;\n  transition: background var(--transition);\n}\n.btn-nav-solid:hover { background: var(--orange-dk); }\n\n\/* \u2550\u2550\u2550 HEADER \u2014 blanco, limpio \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\/* Reset wrappers de WordPress *\/\nhtml, body { margin: 0 !important; padding: 0 !important; }\n.wp-site-blocks, .entry-content, .wp-block-group, .wp-block-post-content,\n.has-global-padding, .is-layout-constrained { padding: 0 !important; margin: 0 !important; }\n\/* WP agrega margin-block-start:1.2rem a hijos de .is-layout-flow \u2014 lo cancelamos *\/\n.is-layout-flow > *, .is-layout-constrained > * { margin-block-start: 0 !important; margin-block-end: 0 !important; }\n\n.site-header {\n  position: fixed; top: 0 !important; left: 0; right: 0; z-index: 100;\n  background: var(--white);\n  box-shadow: 0 1px 0 var(--gray-line);\n  transition: box-shadow 0.2s ease;\n}\n.site-header.is-scrolled { box-shadow: 0 4px 24px rgba(0,0,0,0.1); }\n\n\/* Admin bar de WordPress \u2014 desplazar header hacia abajo *\/\nbody.admin-bar .site-header { top: 32px !important; }\n@media screen and (max-width: 782px) {\n  body.admin-bar .site-header { top: 46px !important; }\n}\n\/* Barra multicolor \u2014 \u00fanico gradiente permitido *\/\n.site-header::after {\n  content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 3px;\n  background: linear-gradient(90deg,\n    var(--dot-red) 0%, var(--dot-orange) 16%, var(--amarillo) 32%,\n    var(--verde-lt) 48%, var(--verde) 64%, var(--celeste) 80%, #1A6FB4 100%);\n}\n.header-inner { display: flex; align-items: center; justify-content: space-between; height: 72px; gap: 2rem; }\n.header-logo img { display: block; height: 62px; width: auto; max-width: 240px; object-fit: contain; }\n\n.header-nav ul { display: flex; align-items: center; gap: 1.75rem; }\n.header-nav a:not(.btn-nav-ghost):not(.btn-nav-solid) {\n  color: var(--gray); font-size: 0.875rem; font-weight: 600;\n  transition: color var(--transition); position: relative; padding-bottom: 2px;\n}\n.header-nav a:not(.btn-nav-ghost):not(.btn-nav-solid)::after {\n  content: ''; position: absolute; bottom: -2px; left: 0; width: 0; height: 2px;\n  background: var(--orange); transition: width var(--transition);\n}\n.header-nav a:not(.btn-nav-ghost):not(.btn-nav-solid):hover { color: var(--orange); }\n.header-nav a:not(.btn-nav-ghost):not(.btn-nav-solid):hover::after { width: 100%; }\n\n.nav-toggle { display: none; flex-direction: column; gap: 5px; padding: 6px; }\n.nav-toggle span { display: block; width: 24px; height: 2px; background: var(--dark); border-radius: 2px; }\n\n.mobile-nav { display: none; background: var(--white); padding: 1rem 2.5rem 1.5rem; border-top: 1px solid var(--gray-line); }\n.mobile-nav.is-open { display: block; }\n.mobile-nav li a { display: block; padding: 0.8rem 0; color: var(--gray); font-size: 1rem; font-weight: 600; border-bottom: 1px solid var(--gray-line); transition: color var(--transition); }\n.mobile-nav li:last-child a { border-bottom: none; }\n.mobile-nav li a:hover { color: var(--orange); }\n\n\/* \u2550\u2550\u2550 HERO \u2014 video, todo blanco \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.hero {\n  position: relative; min-height: 100vh;\n  display: flex; align-items: center;\n  padding: 80px 0 4rem; overflow: hidden;\n}\n.hero-bg { position: absolute; inset: 0; z-index: 0; }\n.hero-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }\n\/* Overlay s\u00f3lido \u2014 sin degradado *\/\n.hero-overlay { position: absolute; inset: 0; background: rgba(10,10,10,0.68); }\n\n.hero-content { position: relative; z-index: 1; max-width: 800px; }\n\n.hero-meta { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 2rem; }\n.hero-tag {\n  display: inline-block; padding: 0.35rem 0.9rem;\n  background: rgba(255,255,255,0.1);\n  border: 1px solid rgba(255,255,255,0.3);\n  border-radius: 2px; font-size: 0.72rem; font-weight: 700;\n  text-transform: uppercase; letter-spacing: 0.1em; color: rgba(255,255,255,0.9);\n}\n\n\/* MICSUR y Paraguay 2026 ambos en blanco *\/\n.hero-title-main {\n  display: block; font-size: clamp(2.8rem, 7.5vw, 5.5rem);\n  font-weight: 900; color: var(--white); line-height: 0.95;\n  letter-spacing: -0.05em;\n}\n.hero-title-sub {\n  display: block; font-size: clamp(1.4rem, 3.5vw, 2.4rem);\n  font-weight: 800; color: var(--white); line-height: 1.1;\n  letter-spacing: -0.03em; margin-bottom: 0.5rem;\n}\n.hero-desc {\n  font-size: 0.85rem; font-weight: 600; color: rgba(255,255,255,0.55);\n  text-transform: uppercase; letter-spacing: 0.14em; margin-bottom: 1.5rem;\n}\n.hero-body {\n  font-size: 1.05rem; color: rgba(255,255,255,0.82); max-width: 600px;\n  margin-bottom: 1.5rem; line-height: 1.7; font-weight: 400;\n}\n\/* Lema en naranja s\u00f3lido \u2014 sin degradado *\/\n.hero-date {\n  font-size: 0.9rem; font-weight: 700; color: rgba(255,255,255,0.75);\n  letter-spacing: 0.06em; margin-bottom: 0.5rem;\n}\n.hero-lema {\n  font-size: 1rem; font-weight: 800; letter-spacing: 0.08em;\n  margin-bottom: 2.5rem; color: var(--orange); text-transform: uppercase;\n}\n.hero-ctas { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; }\n\n.hero-dots { position: absolute; right: 4%; top: 50%; transform: translateY(-50%); z-index: 1; display: grid; gap: 1.2rem; }\n.dot { display: block; width: 14px; height: 14px; border-radius: 50%; }\n.d-red    { background: var(--dot-red); }\n.d-orange { background: var(--dot-orange); }\n.d-yellow { background: var(--amarillo); }\n.d-green-l{ background: var(--verde-lt); }\n.d-green-d{ background: var(--verde); }\n.d-blue-l { background: var(--celeste); }\n.d-blue-d { background: #1A6FB4; }\n\n\/* \u2550\u2550\u2550 SECCIONES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.section { padding: 7rem 0; }\n.section-white   { background: var(--white); }\n.section-light   { background: var(--light); }\n.section-dark    { background: var(--dark); color: var(--white); }\n.section-dark h2 { color: var(--white); }\n.section-dark .section-intro { color: rgba(255,255,255,0.65); }\n.section-celeste { background: var(--celeste); color: var(--white); }\n.section-celeste h2 { color: var(--white); }\n.section-celeste .section-intro { color: rgba(255,255,255,0.85); }\n.section-verde   { background: var(--verde); color: var(--white); }\n.section-verde h2 { color: var(--white); }\n.section-verde .section-intro { color: rgba(255,255,255,0.88); }\n.section-naranja { background: var(--orange); color: var(--white); }\n.section-naranja h2 { color: var(--white); }\n.section-naranja .section-intro { color: rgba(255,255,255,0.88); }\n.section-cta { text-align: center; margin-top: 3rem; }\n\n\/* Separador visual entre secciones blancas *\/\n.section-white + .section-white { border-top: 1px solid var(--gray-line); }\n\n\/* \u2550\u2550\u2550 TIMELINE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.recorrido-timeline { display: flex; flex-direction: column; border-left: 3px solid var(--gray-line); padding-left: 2rem; }\n.rt-item { display: flex; align-items: center; gap: 1.25rem; padding: 0.85rem 0; border-bottom: 1px solid var(--gray-line); position: relative; }\n.rt-item:last-child { border-bottom: none; }\n.rt-item::before { content: ''; position: absolute; left: -2.45rem; width: 12px; height: 12px; border-radius: 50%; background: var(--gray-line); border: 2px solid var(--white); box-shadow: 0 0 0 2px var(--gray-line); }\n.rt-item--active::before { background: var(--orange); box-shadow: 0 0 0 3px var(--orange); }\n.rt-year { font-size: 1.6rem; font-weight: 900; color: var(--gray-line); width: 68px; flex-shrink: 0; letter-spacing: -0.04em; }\n.rt-item--active .rt-year { color: var(--orange); }\n.rt-pais { font-size: 1rem; font-weight: 700; color: var(--gray); }\n.rt-item--active .rt-pais { color: var(--dark); }\n\n\/* \u2550\u2550\u2550 STATS \u2014 sobre celeste, plano \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.stats-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 3rem; background: rgba(255,255,255,0.2); border: 1px solid rgba(255,255,255,0.2); border-radius: var(--radius-lg); overflow: hidden; }\n.stat-card--celeste {\n  background: rgba(255,255,255,0.12);\n  padding: 2.5rem 1.5rem; text-align: center;\n  transition: background var(--transition);\n}\n.stat-card--celeste:hover { background: rgba(255,255,255,0.22); }\n.stat-num { display: block; font-size: 3rem; font-weight: 900; color: var(--white); line-height: 1; margin-bottom: 0.5rem; letter-spacing: -0.04em; }\n.stat-label { font-size: 0.82rem; color: rgba(255,255,255,0.75); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }\n\n\/* \u2550\u2550\u2550 EJES \u2014 tarjetas sobre blanco \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.ejes-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; margin-top: 2rem; overflow: hidden; border-radius: var(--radius-lg); }\n.eje-card { padding: 3rem 2.5rem; transition: filter var(--transition); }\n.eje-card:hover { filter: brightness(1.06); }\n.eje-naranja { background: var(--orange); }\n.eje-verde   { background: var(--verde); }\n.eje-celeste { background: var(--celeste); }\n.eje-icon { width: 52px; height: 52px; color: rgba(255,255,255,0.95); margin-bottom: 1.5rem; }\n.eje-card h3 { color: var(--white); font-size: 1.6rem; margin-bottom: 0.75rem; }\n.eje-card p  { color: rgba(255,255,255,0.92); font-size: 0.95rem; line-height: 1.6; }\n\n\/* \u2550\u2550\u2550 POR QU\u00c9 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.geo-block {\n  border-radius: var(--radius-lg); padding: 3.5rem 2.5rem;\n  display: flex; flex-direction: column; gap: 2.5rem;\n  align-items: center; text-align: center;\n  background: var(--celeste); \/* s\u00f3lido, sin degradado *\/\n}\n.gb-num  { display: block; font-size: 4rem; font-weight: 900; color: var(--white); line-height: 1; letter-spacing: -0.05em; }\n.gb-desc { font-size: 0.9rem; color: rgba(255,255,255,0.85); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; }\n\n.list-bullets { margin-top: 1.25rem; display: flex; flex-direction: column; gap: 0.65rem; }\n.list-bullets li { padding-left: 1.25rem; position: relative; font-size: 0.95rem; color: var(--gray); line-height: 1.55; }\n.list-bullets li::before { content: ''; position: absolute; left: 0; top: 0.6em; width: 8px; height: 8px; background: var(--celeste); border-radius: 50%; }\n\n\/* \u2550\u2550\u2550 TAGS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.tags-grid { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 0.5rem; }\n.topic-tag {\n  display: inline-block; padding: 0.55rem 1.1rem; border-radius: 40px;\n  font-size: 0.82rem; font-weight: 700;\n  transition: background var(--transition), color var(--transition), transform var(--transition);\n}\n.topic-tag:hover { transform: translateY(-2px); }\n.topic-tag:nth-child(8n+1) { background: #FEE8DF; color: var(--orange);   border: 1.5px solid #f4bda8; }\n.topic-tag:nth-child(8n+1):hover { background: var(--orange);  color: var(--white); }\n.topic-tag:nth-child(8n+2) { background: #DFF3FC; color: var(--celeste);  border: 1.5px solid #a8ddf4; }\n.topic-tag:nth-child(8n+2):hover { background: var(--celeste); color: var(--white); }\n.topic-tag:nth-child(8n+3) { background: #DFFADF; color: var(--verde);    border: 1.5px solid #a8e4a8; }\n.topic-tag:nth-child(8n+3):hover { background: var(--verde);   color: var(--white); }\n.topic-tag:nth-child(8n+4) { background: #FEF9E0; color: #7a6000;         border: 1.5px solid #e8d888; }\n.topic-tag:nth-child(8n+4):hover { background: var(--amarillo);color: var(--dark); }\n.topic-tag:nth-child(8n+5) { background: #F0FADF; color: var(--verde-lt); border: 1.5px solid #c8e494; }\n.topic-tag:nth-child(8n+5):hover { background: var(--verde-lt);color: var(--white); }\n.topic-tag:nth-child(8n+6) { background: #DFE8F8; color: #1A6FB4;         border: 1.5px solid #a8c0e4; }\n.topic-tag:nth-child(8n+6):hover { background: #1A6FB4;        color: var(--white); }\n.topic-tag:nth-child(8n+7) { background: #FDDEDD; color: var(--dot-red);  border: 1.5px solid #f4b0ae; }\n.topic-tag:nth-child(8n+7):hover { background: var(--dot-red); color: var(--white); }\n.topic-tag:nth-child(8n+8) { background: #FEE8DF; color: var(--orange);   border: 1.5px solid #f4bda8; }\n.topic-tag:nth-child(8n+8):hover { background: var(--orange);  color: var(--white); }\n\n\/* \u2550\u2550\u2550 SECTORES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sectores-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-top: 1.5rem; }\n.sector-item {\n  display: flex; align-items: center; gap: 0.9rem;\n  padding: 1rem 1.1rem; background: var(--white);\n  border: 1.5px solid var(--gray-line); border-radius: var(--radius-lg);\n  font-size: 0.875rem; font-weight: 600; color: var(--dark);\n  transition: border-color var(--transition), box-shadow var(--transition), transform var(--transition);\n}\n.sector-item:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 8px 24px rgba(0,0,0,0.08);\n  border-color: transparent;\n}\n.sector-icon { width: 38px; height: 38px; flex-shrink: 0; }\n\n\/* \u2550\u2550\u2550 FORMATO \u2014 fondo verde, tarjetas planas \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.formato-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 2.5rem; border-radius: var(--radius-lg); overflow: hidden; }\n.formato-card {\n  padding: 2.5rem 2rem;\n  background: transparent;\n  border: 1px solid rgba(255,255,255,0.35);\n  border-radius: var(--radius);\n  transition: background var(--transition), border-color var(--transition);\n}\n.formato-card:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.6); }\n\/* clases de color antiguas ya no aplican fondo *\/\n.fc-blanco, .fc-amarillo, .fc-celeste, .fc-naranja {}\n.formato-card h3 { color: var(--white); font-size: 1rem; font-weight: 800; margin-bottom: 1.25rem; text-transform: uppercase; letter-spacing: 0.06em; }\n.formato-card ul { display: flex; flex-direction: column; gap: 0.5rem; }\n.formato-card li { font-size: 0.875rem; color: rgba(255,255,255,0.88); padding-left: 1rem; position: relative; line-height: 1.45; }\n.formato-card li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,0.5); }\n\n\/* \u2550\u2550\u2550 SEDE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.sede-foto { width: 100%; border-radius: var(--radius-lg); object-fit: cover; max-height: 420px; box-shadow: 0 20px 60px rgba(0,0,0,0.15); }\n\n\/* \u2550\u2550\u2550 PROGRAMA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.programa-preview { margin-bottom: 2.5rem; }\n.programa-fecha {\n  display: inline-flex; align-items: center; gap: 2rem;\n  padding: 1.5rem 2rem; background: var(--white);\n  border-left: 4px solid var(--celeste);\n  border-radius: 0 var(--radius-lg) var(--radius-lg) 0;\n  box-shadow: 0 4px 20px rgba(0,0,0,0.06);\n}\n.pf-day { font-weight: 900; font-size: 1.1rem; color: var(--celeste); min-width: 130px; letter-spacing: -0.02em; }\n.pf-ev  { font-weight: 800; font-size: 1.2rem; color: var(--dark); }\n\n.proximamente-banner {\n  display: flex; align-items: center; justify-content: space-between; gap: 2rem;\n  background: var(--light); border-radius: var(--radius-lg);\n  padding: 1.5rem 2rem; border: 1.5px solid var(--gray-line);\n}\n.proximamente-banner p { margin: 0; font-size: 0.92rem; color: var(--gray); max-width: 560px; }\n.badge-soon {\n  display: inline-block; padding: 0.4rem 1rem;\n  background: var(--dark); color: var(--white); border-radius: 2px;\n  font-size: 0.7rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap;\n}\n\n\/* \u2550\u2550\u2550 FOOTER \u2014 estilo Chile \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n.site-footer { background: #1A1A1A; color: var(--white); }\n.site-footer::before {\n  content: ''; display: block; height: 4px;\n  background: linear-gradient(90deg,\n    var(--dot-red) 0%, var(--dot-orange) 16%, var(--amarillo) 32%,\n    var(--verde-lt) 48%, var(--verde) 64%, var(--celeste) 80%, #1A6FB4 100%);\n}\n.footer-main {\n  display: grid; grid-template-columns: 2fr 1.2fr 1.4fr;\n  gap: 4rem; padding: 4rem 0 3rem;\n  border-bottom: 1px solid rgba(255,255,255,0.08);\n}\n.footer-col h4 {\n  font-size: 0.68rem; font-weight: 800; text-transform: uppercase;\n  letter-spacing: 0.14em; color: rgba(255,255,255,0.38);\n  margin-bottom: 1.25rem;\n}\n.mt-footer { margin-top: 2rem; }\n\n\/* Logo MICSUR blanco *\/\n.footer-logo { height: 52px; width: auto; object-fit: contain; filter: brightness(0) invert(1); margin-bottom: 1rem; display: block; }\n.footer-tagline { font-size: 0.9rem; font-weight: 700; color: rgba(255,255,255,0.85); margin-bottom: 0.25rem; }\n.footer-sub { font-size: 0.8rem; color: rgba(255,255,255,0.42); margin-bottom: 1.5rem; }\n\n\/* Iconos redes *\/\n.footer-social { display: flex; gap: 0.6rem; margin-bottom: 2rem; }\n.social-icon {\n  display: flex; align-items: center; justify-content: center;\n  width: 36px; height: 36px; border-radius: 50%;\n  background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.7);\n  transition: background var(--transition), color var(--transition);\n}\n.social-icon:hover { background: var(--celeste); color: var(--white); }\n\n\/* Logo organiza *\/\n.footer-org { display: flex; flex-direction: column; gap: 0.5rem; }\n.footer-org-label { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.12em; color: rgba(255,255,255,0.3); }\n.footer-gov-logo { height: 58px; width: auto; object-fit: contain; filter: brightness(0) invert(1); opacity: 0.7; }\n\n\/* Links *\/\n.footer-links { display: flex; flex-direction: column; gap: 0.6rem; }\n.footer-links li a {\n  font-size: 0.88rem; color: rgba(255,255,255,0.6); font-weight: 500;\n  transition: color var(--transition); display: inline-flex; align-items: center; gap: 0.35rem;\n}\n.footer-links li a:hover { color: var(--white); }\n\n.footer-contact-link {\n  display: inline-flex !important; align-items: center; gap: 0.45rem;\n  color: rgba(255,255,255,0.6); font-size: 0.88rem; font-weight: 500;\n  transition: color var(--transition);\n}\n.footer-contact-link:hover { color: var(--celeste) !important; }\n\n\/* Footer bottom *\/\n.footer-bottom {\n  padding: 1.5rem 0 2rem; display: flex; flex-wrap: wrap; gap: 1rem;\n  align-items: center; justify-content: space-between;\n}\n.footer-copy { font-size: 0.72rem; color: rgba(255,255,255,0.22); margin: 0; }\n.footer-legal-nav { display: flex; flex-wrap: wrap; gap: 1.25rem; }\n.footer-legal-nav a { font-size: 0.72rem; color: rgba(255,255,255,0.28); transition: color var(--transition); }\n.footer-legal-nav a:hover { color: var(--celeste); }\n\n\/* Fix espacio WordPress admin bar *\/\nbody.admin-bar .site-header { top: 32px; }\n@media screen and (max-width: 782px) {\n  body.admin-bar .site-header { top: 46px; }\n}\n\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@media (max-width: 1024px) {\n  .footer-main { grid-template-columns: 1fr 1fr; gap: 2.5rem; }\n  .footer-col--brand { grid-column: 1 \/ -1; }\n  .sectores-grid { grid-template-columns: repeat(3, 1fr); }\n  .formato-grid { grid-template-columns: repeat(2, 1fr); }\n  .stats-grid { grid-template-columns: repeat(2, 1fr); }\n  .ejes-grid { gap: 2px; }\n}\n@media (max-width: 768px) {\n  .section { padding: 4.5rem 0; }\n  .header-nav { display: none; }\n  .nav-toggle { display: flex; }\n  .hero-dots { display: none; }\n  .grid-2col { grid-template-columns: 1fr; gap: 2.5rem; }\n  .grid-2col--reverse { direction: ltr; }\n  .ejes-grid { grid-template-columns: 1fr; gap: 2px; }\n  .stats-grid { grid-template-columns: repeat(2, 1fr); }\n  .sectores-grid { grid-template-columns: repeat(2, 1fr); }\n  .formato-grid { grid-template-columns: 1fr 1fr; gap: 2px; }\n  .hero-ctas { flex-direction: column; align-items: flex-start; }\n  .hero-ctas .btn { width: 100%; justify-content: center; }\n  .footer-main { grid-template-columns: 1fr; gap: 2rem; }\n  .footer-bottom { flex-direction: column; align-items: flex-start; }\n  .proximamente-banner { flex-direction: column; align-items: flex-start; }\n  .hero-title-main { font-size: clamp(2.4rem, 14vw, 4rem); }\n}\n@media (max-width: 480px) {\n  .container { padding: 0 1.25rem; }\n  .stats-grid { grid-template-columns: 1fr 1fr; gap: 1px; }\n  .sectores-grid { grid-template-columns: 1fr 1fr; }\n  .formato-grid { grid-template-columns: 1fr; gap: 2px; }\n  .footer-top { grid-template-columns: 1fr; }\n}\n\n\/* \u2550\u2550\u2550 ANIMACIONES \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n@keyframes fadeUp {\n  from { opacity: 0; transform: translateY(32px); }\n  to   { opacity: 1; transform: translateY(0); }\n}\n@keyframes fadeIn {\n  from { opacity: 0; }\n  to   { opacity: 1; }\n}\n@keyframes scaleIn {\n  from { opacity: 0; transform: scale(0.94) translateY(20px); }\n  to   { opacity: 1; transform: scale(1) translateY(0); }\n}\n\n\/* Stat cards \u2014 contador *\/\n.stat-card--celeste { opacity: 0; }\n.stat-card--celeste.anim-done { opacity: 1; animation: fadeUp 0.5s ease forwards; }\n\n\/* Ejes conceptuales *\/\n.eje-card { opacity: 0; transform: translateY(28px) scale(0.97); transition: none; }\n.eje-card.anim-done {\n  animation: scaleIn 0.55s cubic-bezier(0.22,1,0.36,1) forwards;\n}\n.eje-card.anim-done:nth-child(1) { animation-delay: 0s; }\n.eje-card.anim-done:nth-child(2) { animation-delay: 0.12s; }\n.eje-card.anim-done:nth-child(3) { animation-delay: 0.24s; }\n\/* mantener hover tras animaci\u00f3n *\/\n.eje-card.anim-done { animation-fill-mode: forwards; }\n\n\/* Geo-block n\u00fameros *\/\n.gb-num { opacity: 0; }\n.gb-num.anim-done { animation: fadeUp 0.5s ease forwards; }\n.geo-block .gb-stat:nth-child(2) .gb-num.anim-done { animation-delay: 0.15s; }\n\n\n\/* === HERO CIRCLES ANIMADOS === *\/\n.hero-circles-layer {\n  position: absolute;\n  inset: 0;\n  z-index: 2;\n  pointer-events: none;\n  overflow: hidden;\n}\n.hero-circle-anim {\n  position: absolute;\n  top: 0;\n  left: 0;\n  border-radius: 50%;\n  will-change: transform, width, height;\n  opacity: 0.88;\n}\n<\/style>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800;900&#038;display=swap\" rel=\"stylesheet\">\n<\/head>\n<body>\n\n  <!-- HEADER -->\n  <header class=\"site-header\" id=\"inicio\">\n    <div class=\"header-inner container\">\n      <a href=\"#inicio\" class=\"header-logo\" aria-label=\"MICSUR Paraguay 2026 \u2014 Inicio\">\n        <img decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/logo-micsur-crop.png\" alt=\"MICSUR Paraguay 2026\">\n      <\/a>\n      <nav class=\"header-nav\" aria-label=\"Navegaci\u00f3n principal\">\n        <ul>\n          <li><a href=\"#que-es\">Qu\u00e9 es MICSUR<\/a><\/li>\n          <li><a href=\"#sectores\">Sectores<\/a><\/li>\n          <li><a href=\"#sede\">Sede<\/a><\/li>\n          <li><a href=\"https:\/\/micsur.cultura.gov.py\/?page_id=24\" class=\"btn-nav-ghost\">Actualizaciones<\/a><\/li>\n          <li><a href=\"https:\/\/micsur.cultura.gov.py\/?page_id=23\" class=\"btn-nav-solid\">Kit de Medios<\/a><\/li>\n        <\/ul>\n      <\/nav>\n      <button class=\"nav-toggle\" aria-label=\"Abrir men\u00fa\" aria-expanded=\"false\" aria-controls=\"mobile-nav\">\n        <span><\/span><span><\/span><span><\/span>\n      <\/button>\n    <\/div>\n    <nav class=\"mobile-nav\" id=\"mobile-nav\" aria-hidden=\"true\">\n      <ul>\n        <li><a href=\"#que-es\">Qu\u00e9 es MICSUR<\/a><\/li>\n        <li><a href=\"#sectores\">Sectores<\/a><\/li>\n        <li><a href=\"#sede\">Sede<\/a><\/li>\n        <li><a href=\"https:\/\/micsur.cultura.gov.py\/?page_id=24\">Actualizaciones<\/a><\/li>\n        <li><a href=\"https:\/\/micsur.cultura.gov.py\/?page_id=23\">Kit de Medios<\/a><\/li>\n      <\/ul>\n    <\/nav>\n  <\/header>\n\n  <main>\n\n    <!-- HERO con video -->\n    <section class=\"hero\" aria-labelledby=\"hero-title\">\n      <div class=\"hero-bg\" aria-hidden=\"true\">\n        <video class=\"hero-video\" autoplay muted loop playsinline webkit-playsinline preload=\"auto\" poster=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/sede-ccpuerto-scaled.jpg\">\n          <source src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/fondo-micsur.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"hero-overlay\"><\/div>\n      <\/div>\n      <div class=\"hero-content container\">\n        <div class=\"hero-meta\">\n          <span class=\"hero-tag\">19 \u2014 22 de noviembre de 2026<\/span>\n          <span class=\"hero-tag\">Centro Cultural del Puerto \u00b7 Asunci\u00f3n<\/span>\n          <span class=\"hero-tag\">Paraguay<\/span>\n        <\/div>\n        <h1 id=\"hero-title\">\n          <span class=\"hero-title-main\">MICSUR<\/span>\n          <span class=\"hero-title-sub\">Paraguay 2026<\/span>\n        <\/h1>\n        <p class=\"hero-desc\">Mercado de Industrias Culturales del Sur<\/p>\n        <p class=\"hero-body\">Durante cuatro d\u00edas, Asunci\u00f3n ser\u00e1 sede de MICSUR Paraguay 2026, el encuentro regional que conecta a las industrias culturales y creativas del sur para generar intercambio, negocios y cooperaci\u00f3n internacional.<\/p>\n        <p class=\"hero-date\">19 al 22 de noviembre de 2026<\/p>\n        <p class=\"hero-lema\">Cultura + Territorio + Futuro Digital<\/p>\n        \n      <\/div>\n      <div class=\"hero-dots\" aria-hidden=\"true\">\n        <span class=\"dot d-red\"><\/span>\n        <span class=\"dot d-orange\"><\/span>\n        <span class=\"dot d-yellow\"><\/span>\n        <span class=\"dot d-green-l\"><\/span>\n        <span class=\"dot d-green-d\"><\/span>\n        <span class=\"dot d-blue-l\"><\/span>\n        <span class=\"dot d-blue-d\"><\/span>\n      <\/div>\n    <\/section>\n\n    <!-- QU\u00c9 ES MICSUR -->\n    <section class=\"section section-white\" id=\"que-es\" aria-labelledby=\"que-es-title\">\n      <div class=\"container grid-2col\">\n        <div class=\"col-text\">\n          <span class=\"section-label\">El mercado<\/span>\n          <h2 id=\"que-es-title\">\u00bfQu\u00e9 es MICSUR?<\/h2>\n          <p>MICSUR es el Mercado de Industrias Culturales del Sur, una plataforma regional orientada a fortalecer la econom\u00eda creativa, conectar a sus agentes y promover la circulaci\u00f3n de bienes, servicios y proyectos culturales entre pa\u00edses de Sudam\u00e9rica.<\/p>\n          <p>Desde su primera edici\u00f3n en Argentina en 2014, MICSUR ha recorrido distintos pa\u00edses de la regi\u00f3n: Colombia en 2016, Brasil en 2018, Chile en 2024 y Paraguay en 2026. Cada edici\u00f3n ha contribuido a consolidar una red regional de colaboraci\u00f3n, intercambio y profesionalizaci\u00f3n para las industrias culturales y creativas.<\/p>\n          <p>MICSUR Paraguay 2026 proyecta ese recorrido hacia una nueva etapa, enfocada en los desaf\u00edos del desarrollo creativo, la identidad de los territorios, el patrimonio cultural y las nuevas tecnolog\u00edas.<\/p>\n        <\/div>\n        <div class=\"col-visual\">\n          <div class=\"recorrido-timeline\">\n            <div class=\"rt-item\"><span class=\"rt-year\">2014<\/span><span class=\"rt-pais\">Argentina<\/span><\/div>\n            <div class=\"rt-item\"><span class=\"rt-year\">2016<\/span><span class=\"rt-pais\">Colombia<\/span><\/div>\n            <div class=\"rt-item\"><span class=\"rt-year\">2018<\/span><span class=\"rt-pais\">Brasil<\/span><\/div>\n            <div class=\"rt-item\"><span class=\"rt-year\">2024<\/span><span class=\"rt-pais\">Chile<\/span><\/div>\n            <div class=\"rt-item rt-item--active\"><span class=\"rt-year\">2026<\/span><span class=\"rt-pais\">Paraguay<\/span><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- LA EDICI\u00d3N \u2014 fondo celeste -->\n    <section class=\"section section-celeste\" id=\"edicion\" aria-labelledby=\"edicion-title\">\n      <div class=\"container\">\n        <span class=\"section-label section-label--white-dim\">La edici\u00f3n<\/span>\n        <h2 id=\"edicion-title\">MICSUR Paraguay 2026<\/h2>\n        <p class=\"section-intro\">Cuatro d\u00edas de encuentro profesional regional e iberoamericano en el coraz\u00f3n de Asunci\u00f3n.<\/p>\n        <div class=\"stats-grid\">\n          <div class=\"stat-card stat-card--celeste\">\n            <span class=\"stat-num\">4<\/span>\n            <span class=\"stat-label\">d\u00edas de cultura creativa<\/span>\n          <\/div>\n          <div class=\"stat-card stat-card--celeste\">\n            <span class=\"stat-num\">10+<\/span>\n            <span class=\"stat-label\">pa\u00edses participantes<\/span>\n          <\/div>\n          <div class=\"stat-card stat-card--celeste\">\n            <span class=\"stat-num\">400+<\/span>\n            <span class=\"stat-label\">profesionales<\/span>\n          <\/div>\n          <div class=\"stat-card stat-card--celeste\">\n            <span class=\"stat-num\">1.000+<\/span>\n            <span class=\"stat-label\">reuniones<\/span>\n          <\/div>\n          <div class=\"stat-card stat-card--celeste\">\n            <span class=\"stat-num\">20+<\/span>\n            <span class=\"stat-label\">showcases<\/span>\n          <\/div>\n          <div class=\"stat-card stat-card--celeste\">\n            <span class=\"stat-num\">20+<\/span>\n            <span class=\"stat-label\">espacios formativos<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- EJES CONCEPTUALES \u2014 fondo blanco, tarjetas de color -->\n    <section class=\"section section-white\" id=\"ejes\" aria-labelledby=\"ejes-title\">\n      <div class=\"container\">\n        <span class=\"section-label\">Narrativa central<\/span>\n        <h2 id=\"ejes-title\">Ejes conceptuales<\/h2>\n        <div class=\"ejes-grid\">\n          <div class=\"eje-card eje-naranja\">\n            <div class=\"eje-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <circle cx=\"30\" cy=\"30\" r=\"28\" stroke=\"currentColor\" stroke-width=\"3\"\/>\n                <circle cx=\"30\" cy=\"30\" r=\"14\" fill=\"currentColor\" opacity=\"0.35\"\/>\n                <circle cx=\"30\" cy=\"30\" r=\"6\" fill=\"currentColor\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Cultura<\/h3>\n            <p>La cultura como motor de desarrollo, identidad, circulaci\u00f3n, cooperaci\u00f3n y producci\u00f3n de valor.<\/p>\n          <\/div>\n          <div class=\"eje-card eje-verde\">\n            <div class=\"eje-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <polygon points=\"30,4 56,20 56,40 30,56 4,40 4,20\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\"\/>\n                <polygon points=\"30,16 44,24 44,36 30,44 16,36 16,24\" fill=\"currentColor\" opacity=\"0.35\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Territorio<\/h3>\n            <p>Los territorios como espacios vivos de creaci\u00f3n, memoria, patrimonio, comunidad e innovaci\u00f3n.<\/p>\n          <\/div>\n          <div class=\"eje-card eje-celeste\">\n            <div class=\"eje-icon\" aria-hidden=\"true\">\n              <svg viewBox=\"0 0 60 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                <rect x=\"6\" y=\"6\" width=\"48\" height=\"48\" rx=\"4\" stroke=\"currentColor\" stroke-width=\"3\" fill=\"none\"\/>\n                <line x1=\"6\" y1=\"22\" x2=\"54\" y2=\"22\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <line x1=\"22\" y1=\"6\" x2=\"22\" y2=\"54\" stroke=\"currentColor\" stroke-width=\"2\"\/>\n                <circle cx=\"38\" cy=\"38\" r=\"8\" fill=\"currentColor\" opacity=\"0.4\"\/>\n              <\/svg>\n            <\/div>\n            <h3>Futuro Digital<\/h3>\n            <p>La tecnolog\u00eda, la inteligencia artificial, los datos y la innovaci\u00f3n como desaf\u00edos centrales para el desarrollo cultural contempor\u00e1neo.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- POR QU\u00c9 PARAGUAY \u2014 como decisi\u00f3n -->\n    <section class=\"section section-light\" id=\"por-que\" aria-labelledby=\"porq-title\">\n      <div class=\"container grid-2col grid-2col--reverse\">\n        <div class=\"col-visual col-visual--geo\" aria-hidden=\"true\">\n          <div class=\"geo-block\">\n            <div class=\"gb-stat\">\n              <span class=\"gb-num\">2,5%<\/span>\n              <span class=\"gb-desc\">del PIB nacional<\/span>\n            <\/div>\n            <div class=\"gb-stat\">\n              <span class=\"gb-num\">50.000<\/span>\n              <span class=\"gb-desc\">empleos directos<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n        <div class=\"col-text\">\n          <span class=\"section-label\">La decisi\u00f3n<\/span>\n          <h2 id=\"porq-title\">\u00bfPor qu\u00e9 un MICSUR en Paraguay?<\/h2>\n          <p>Paraguay decidi\u00f3 ser sede de MICSUR 2026 como parte de una apuesta estrat\u00e9gica por su econom\u00eda creativa. Un sector que ya representa el 2,5% del PIB y genera alrededor de 50.000 empleos directos, y que tiene un enorme potencial de crecimiento regional.<\/p>\n          <p>Esta decisi\u00f3n apunta a:<\/p>\n          <ul class=\"list-bullets\">\n            <li>Escalar la econom\u00eda creativa nacional.<\/li>\n            <li>Ampliar la circulaci\u00f3n regional de artistas, obras, proyectos y servicios.<\/li>\n            <li>Fortalecer la profesionalizaci\u00f3n de los sectores culturales.<\/li>\n            <li>Generar nuevas alianzas entre cultura, econom\u00eda, turismo, tecnolog\u00eda y relaciones exteriores.<\/li>\n            <li>Posicionar a Paraguay como nodo regional de las industrias culturales y creativas.<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- EJES TEM\u00c1TICOS -->\n    <section class=\"section section-white\" id=\"temas\" aria-labelledby=\"temas-title\">\n      <div class=\"container\">\n        <span class=\"section-label\">Agenda profesional<\/span>\n        <h2 id=\"temas-title\">Ejes tem\u00e1ticos centrales<\/h2>\n        <p class=\"section-intro\">MICSUR Paraguay 2026 abordar\u00e1 los principales desaf\u00edos de la econom\u00eda creativa regional desde una mirada contempor\u00e1nea, profesional e intersectorial.<\/p>\n        <div class=\"tags-grid\">\n          <span class=\"topic-tag\">Inteligencia artificial y datos<\/span>\n          <span class=\"topic-tag\">Derechos de autor<\/span>\n          <span class=\"topic-tag\">Econom\u00eda de la cultura<\/span>\n          <span class=\"topic-tag\">Profesionalizaci\u00f3n<\/span>\n          <span class=\"topic-tag\">Sostenibilidad<\/span>\n          <span class=\"topic-tag\">Equidad<\/span>\n          <span class=\"topic-tag\">Pol\u00edticas culturales<\/span>\n          <span class=\"topic-tag\">Modelos de desarrollo creativo<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- SECTORES CREATIVOS con \u00edconos de c\u00edrculos -->\n    <section class=\"section section-light\" id=\"sectores\" aria-labelledby=\"sectores-title\">\n      <div class=\"container\">\n        <span class=\"section-label\">Convocatoria<\/span>\n        <h2 id=\"sectores-title\">Sectores creativos<\/h2>\n        <p class=\"section-intro\">MICSUR Paraguay 2026 convocar\u00e1 a profesionales, empresas, organizaciones y agentes vinculados a los siguientes sectores:<\/p>\n        <div class=\"sectores-grid\">\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-artes-escenicas.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Artes esc\u00e9nicas<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-audiovisual.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Audiovisual<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-musica.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>M\u00fasica<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-editorial.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Editorial<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-artes-visuales.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Artes visuales y dise\u00f1o<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-arquitectura.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Arquitectura<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-videojuegos.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Videojuegos<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-diseno-moda.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Dise\u00f1o de moda<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-artesania.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Artesan\u00eda<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-cultura-comunitaria.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Cultura comunitaria<\/span>\n          <\/div>\n\n          <div class=\"sector-item\">\n            <div class=\"sector-icon\" aria-hidden=\"true\">\n              <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/icono-arte-indigena.png\" alt=\"\" width=\"38\" height=\"38\">\n            <\/div>\n            <span>Arte ind\u00edgena<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- FORMATO DEL EVENTO \u2014 fondo naranja -->\n    <section class=\"section section-naranja\" id=\"formato\" aria-labelledby=\"formato-title\">\n      <div class=\"container\">\n        <span class=\"section-label section-label--white-dim\">Cuatro d\u00edas<\/span>\n        <h2 id=\"formato-title\">Formato del evento<\/h2>\n        <p class=\"section-intro\">MICSUR Paraguay 2026 combinar\u00e1 instancias profesionales, acad\u00e9micas, art\u00edsticas y ciudadanas.<\/p>\n        <div class=\"formato-grid\">\n          <div class=\"formato-card fc-blanco\">\n            <h3>Vinculaci\u00f3n profesional<\/h3>\n            <ul>\n              <li>Rondas de vinculaci\u00f3n<\/li>\n              <li>Sesiones de networking<\/li>\n              <li>Mesas de trabajo<\/li>\n              <li>Zonas de reuniones<\/li>\n              <li>Presentaci\u00f3n de proyectos<\/li>\n              <li>Pitching<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"formato-card fc-amarillo\">\n            <h3>Obras y exhibici\u00f3n<\/h3>\n            <ul>\n              <li>Muestras art\u00edsticas<\/li>\n              <li>Showcases<\/li>\n              <li>Desfiles<\/li>\n              <li>Exposiciones<\/li>\n              <li>Feria de expositores<\/li>\n              <li>Zona gastron\u00f3mica<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"formato-card fc-celeste\">\n            <h3>Zonas acad\u00e9micas<\/h3>\n            <ul>\n              <li>Foros<\/li>\n              <li>Paneles<\/li>\n              <li>Charlas<\/li>\n              <li>Talleres<\/li>\n            <\/ul>\n          <\/div>\n          <div class=\"formato-card fc-naranja\">\n            <h3>Experiencias<\/h3>\n            <ul>\n              <li>Cruces interdisciplinarios<\/li>\n              <li>Nuevas tendencias<\/li>\n              <li>Patrimonio y tecnolog\u00eda<\/li>\n              <li>Eventos ciudadanos<\/li>\n            <\/ul>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- SEDE -->\n    <section class=\"section section-white\" id=\"sede\" aria-labelledby=\"sede-title\">\n      <div class=\"container grid-2col\">\n        <div class=\"col-text\">\n          <span class=\"section-label\">Sede principal<\/span>\n          <h2 id=\"sede-title\">Centro Cultural del Puerto de Asunci\u00f3n<\/h2>\n          <p>El Centro Cultural del Puerto de Asunci\u00f3n ser\u00e1 la sede principal de MICSUR Paraguay 2026. El espacio albergar\u00e1 zonas de acreditaci\u00f3n, auditorios, \u00e1reas de networking, rondas de vinculaci\u00f3n, charlas, espacios multiuso, zonas de experiencias, muestras, desfiles, exhibiciones y actividades vinculadas a los distintos sectores creativos.<\/p>\n          <p><strong>19 al 22 de noviembre de 2026<\/strong><\/p>\n        <\/div>\n        <div class=\"col-visual\">\n          <img decoding=\"async\"\n            src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/sede-ccpuerto-scaled.jpg\"\n            alt=\"Centro Cultural del Puerto de Asunci\u00f3n\"\n            class=\"sede-foto\"\n          >\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- PROGRAMA -->\n    <section class=\"section section-light\" id=\"programa\" aria-labelledby=\"programa-title\">\n      <div class=\"container\">\n        <span class=\"section-label\">Agenda<\/span>\n        <h2 id=\"programa-title\">Programa<\/h2>\n        <div class=\"programa-preview\">\n          <div class=\"programa-fecha programa-fecha--main\">\n            <span class=\"pf-day\">19 \u2014 22 nov.<\/span>\n            <span class=\"pf-ev\">MICSUR Paraguay 2026<\/span>\n          <\/div>\n        <\/div>\n        <div class=\"proximamente-banner\">\n          <p>La programaci\u00f3n completa ser\u00e1 anunciada en una siguiente fase. Incluir\u00e1 rondas de vinculaci\u00f3n, showcases, charlas magistrales, foros, talleres, mesas de trabajo, exposiciones y m\u00e1s.<\/p>\n          <span class=\"badge-soon\">Pr\u00f3ximamente<\/span>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n  <\/main>\n\n  <!-- FOOTER -->\n  <footer class=\"site-footer\" role=\"contentinfo\">\n    <div class=\"footer-main container\">\n\n      <!-- Col 1: Logo + descripci\u00f3n + redes -->\n      <div class=\"footer-col footer-col--brand\">\n        <img decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/logo-micsur-crop.png\" alt=\"MICSUR Paraguay 2026\" class=\"footer-logo\">\n        <p class=\"footer-tagline\">Mercado de Industrias<br>Culturales del Sur<\/p>\n        <p class=\"footer-sub\">17 al 22 de noviembre de 2026<br>Asunci\u00f3n, Paraguay<\/p>\n        <div class=\"footer-social\">\n          <a href=\"#\" aria-label=\"Facebook\" class=\"social-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z\"\/><\/svg>\n          <\/a>\n          <a href=\"#\" aria-label=\"Instagram\" class=\"social-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\"\/><circle cx=\"12\" cy=\"12\" r=\"4\"\/><circle cx=\"17.5\" cy=\"6.5\" r=\"1\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n          <\/a>\n          <a href=\"#\" aria-label=\"YouTube\" class=\"social-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M22.54 6.42a2.78 2.78 0 00-1.95-1.96C18.88 4 12 4 12 4s-6.88 0-8.59.46A2.78 2.78 0 001.46 6.42 29 29 0 001 12a29 29 0 00.46 5.58 2.78 2.78 0 001.95 1.95C5.12 20 12 20 12 20s6.88 0 8.59-.47a2.78 2.78 0 001.95-1.95A29 29 0 0023 12a29 29 0 00-.46-5.58zM9.75 15.02V8.98L15.5 12l-5.75 3.02z\"\/><\/svg>\n          <\/a>\n          <a href=\"#\" aria-label=\"X \/ Twitter\" class=\"social-icon\">\n            <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z\"\/><\/svg>\n          <\/a>\n        <\/div>\n        <div class=\"footer-org\">\n          <span class=\"footer-org-label\">Organiza<\/span>\n          <img decoding=\"async\" src=\"https:\/\/micsur.cultura.gov.py\/wp-content\/uploads\/2026\/06\/logo-snc-color-scaled.png\" alt=\"Secretar\u00eda Nacional de Cultura\" class=\"footer-gov-logo\">\n        <\/div>\n      <\/div>\n\n      <!-- Col 2: Navegaci\u00f3n -->\n      <div class=\"footer-col\">\n        <h4>MICSUR 2026<\/h4>\n        <ul class=\"footer-links\">\n          <li><a href=\"#que-es\">\u00bfQu\u00e9 es MICSUR?<\/a><\/li>\n          <li><a href=\"#sectores\">Sectores creativos<\/a><\/li>\n          <li><a href=\"#sede\">Sede<\/a><\/li>\n          <li><a href=\"#programa\">Programa<\/a><\/li>\n          <li><a href=\"https:\/\/micsur.cultura.gov.py\/?page_id=24\">Actualizaciones<\/a><\/li>\n          <li><a href=\"https:\/\/micsur.cultura.gov.py\/?page_id=23\">Kit de Medios<\/a><\/li>\n        <\/ul>\n      <\/div>\n\n      <!-- Col 3: Contacto -->\n      <div class=\"footer-col\">\n        <h4>Contacto MICSUR<\/h4>\n        <ul class=\"footer-links\">\n          <li>\n            <a href=\"mailto:micsur@cultura.gov.py\" class=\"footer-contact-link\">\n              <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg>\n              micsur@cultura.gov.py\n            <\/a>\n          <\/li>\n        <\/ul>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"footer-bottom container\">\n      <p class=\"footer-copy\">\u00a9 2026 Secretar\u00eda Nacional de Cultura de Paraguay \u2014 MICSUR Paraguay 2026<\/p>\n      <nav class=\"footer-legal-nav\" aria-label=\"Legal\">\n        <a href=\"#\">Uso de datos personales<\/a>\n        <a href=\"#\">Condiciones generales<\/a>\n      <\/nav>\n    <\/div>\n  <\/footer>\n\n  <script>\/\/ --- Hero animated circles ---\nfunction startFloatingCircles(container, opts) {\n  if (!container) return;\n  if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) return;\n\n  var COLORS = (opts && opts.colors) || [\n    '#E8500A', '#E8813A', '#F5C842',\n    '#8DC63F', '#3AAA35', '#29ABE2',\n    '#1A6FB4', '#E8813A'\n  ];\n\n  var DEFS = (opts && opts.defs) || [\n    [0.00, 1.10, 1.00],\n    [1.57, 0.40, 0.82],\n    [3.14, 2.30, 0.65],\n    [0.80, 3.50, 0.74],\n    [2.20, 0.90, 0.91],\n    [4.10, 1.80, 0.58],\n    [1.20, 4.20, 0.70],\n    [3.80, 2.70, 0.86]\n  ];\n\n  var MIN_R   = (opts && opts.minR   != null) ? opts.minR   : 5;\n  var MAX_PCT = (opts && opts.maxPct != null) ? opts.maxPct : 0.14;\n  var SPEED   = (opts && opts.speed  != null) ? opts.speed  : 0.028;\n  var MAX_R_CAP = (opts && opts.maxR) ? opts.maxR : 200;\n\n  if (opts && opts.elevate) {\n    opts.elevate.forEach(function(sel) {\n      var el = container.querySelector(sel);\n      if (el) { el.style.position = 'relative'; el.style.zIndex = '3'; }\n    });\n  }\n\n  var pos = window.getComputedStyle(container).position;\n  if (pos === 'static') container.style.position = 'relative';\n\n  var wrap = document.createElement('div');\n  wrap.setAttribute('aria-hidden', 'true');\n  wrap.className = 'hero-circles-layer';\n  container.appendChild(wrap);\n\n  var els = DEFS.map(function(_, i) {\n    var el = document.createElement('span');\n    el.className = 'hero-circle-anim';\n    el.style.background = COLORS[i % COLORS.length];\n    wrap.appendChild(el);\n    return el;\n  });\n\n  function tick(t) {\n    var br = container.getBoundingClientRect();\n    var W  = br.width;\n    var H  = br.height;\n    if (W === 0) { requestAnimationFrame(tick); return; }\n\n    var maxR    = Math.min(W * MAX_PCT, H * 0.26, MAX_R_CAP);\n    var maxDist = Math.sqrt((W \/ 2) * (W \/ 2) + (H \/ 2) * (H \/ 2));\n    var ts      = t * 0.001;\n\n    els.forEach(function(el, i) {\n      var px = DEFS[i][0], py = DEFS[i][1], sf = DEFS[i][2];\n      var spd = (SPEED + i * 0.004) * sf;\n\n      var nx = 0.5 + 0.46 * Math.sin(ts * spd        + px);\n      var ny = 0.5 + 0.46 * Math.sin(ts * spd * 0.71 + py);\n\n      var cx = nx * W;\n      var cy = ny * H;\n\n      var dx   = cx - W \/ 2;\n      var dy   = cy - H \/ 2;\n      var dist = Math.sqrt(dx * dx + dy * dy);\n      var frac = Math.min(dist \/ maxDist, 1);\n      var r    = MIN_R + (maxR - MIN_R) * (frac * frac);\n\n      el.style.transform = 'translate(' + (cx - r) + 'px,' + (cy - r) + 'px)';\n      el.style.width  = (r * 2) + 'px';\n      el.style.height = (r * 2) + 'px';\n    });\n\n    requestAnimationFrame(tick);\n  }\n\n  requestAnimationFrame(tick);\n}\n\n\/\/ Hero\nstartFloatingCircles(document.querySelector('.hero'), {\n  elevate: ['.hero-content', '.hero-dots']\n});\n\n\/\/ Sede \u2014 circulos sobre la foto\nvar sedeImg = document.querySelector('.col-visual .sede-foto');\nstartFloatingCircles(sedeImg ? sedeImg.parentElement : null, {\n  maxR: 120, maxPct: 0.18, minR: 4, speed: 0.022,\n  defs: [\n    [0.00, 1.10, 1.00],\n    [1.57, 0.40, 0.85],\n    [3.14, 2.30, 0.70],\n    [0.80, 3.50, 0.80],\n    [2.20, 0.90, 0.60]\n  ],\n  colors: ['#E8500A', '#F5C842', '#29ABE2', '#3AAA35', '#8DC63F']\n});\n\n\/\/ MICSUR Paraguay 2026 \u2014 JavaScript\n\n\/\/ \u2500\u2500\u2500 Video autoplay m\u00f3vil \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst heroVideo = document.querySelector('.hero-video');\nif (heroVideo) {\n  heroVideo.muted = true;\n  const tryPlay = () => {\n    heroVideo.play().catch(() => {});\n  };\n  \/\/ Intentar inmediatamente\n  tryPlay();\n  \/\/ Re-intentar en primer toque\/scroll (iOS)\n  document.addEventListener('touchstart', tryPlay, { once: true, passive: true });\n  document.addEventListener('scroll', tryPlay, { once: true, passive: true });\n}\n\n\/\/ \u2500\u2500\u2500 Men\u00fa m\u00f3vil \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst navToggle = document.querySelector('.nav-toggle');\nconst mobileNav = document.querySelector('.mobile-nav');\n\nif (navToggle && mobileNav) {\n  navToggle.addEventListener('click', () => {\n    const isOpen = mobileNav.classList.toggle('is-open');\n    navToggle.setAttribute('aria-expanded', isOpen);\n    mobileNav.setAttribute('aria-hidden', !isOpen);\n  });\n  mobileNav.querySelectorAll('a').forEach(link => {\n    link.addEventListener('click', () => {\n      mobileNav.classList.remove('is-open');\n      navToggle.setAttribute('aria-expanded', 'false');\n      mobileNav.setAttribute('aria-hidden', 'true');\n    });\n  });\n}\n\n\/\/ \u2500\u2500\u2500 Header scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst header = document.querySelector('.site-header');\nif (header) {\n  \/\/ Asegura que no haya gap entre header y contenido\n  function setHeaderScroll() {\n    header.classList.toggle('is-scrolled', window.scrollY > 8);\n  }\n  window.addEventListener('scroll', setHeaderScroll, { passive: true });\n  setHeaderScroll();\n}\n\n\/\/ \u2500\u2500\u2500 Smooth scroll \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', e => {\n    const target = document.querySelector(anchor.getAttribute('href'));\n    if (target) {\n      e.preventDefault();\n      const headerH = header ? header.offsetHeight : 0;\n      const top = target.getBoundingClientRect().top + window.scrollY - headerH - 16;\n      window.scrollTo({ top, behavior: 'smooth' });\n    }\n  });\n});\n\n\/\/ \u2500\u2500\u2500 Newsletter form \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst newsletterForm = document.querySelector('.newsletter-form');\nif (newsletterForm) {\n  newsletterForm.addEventListener('submit', e => {\n    e.preventDefault();\n    const email = newsletterForm.querySelector('input[type=\"email\"]').value;\n    if (email) {\n      alert('\u00a1Gracias! Te avisaremos sobre novedades de MICSUR Paraguay 2026.');\n      newsletterForm.reset();\n    }\n  });\n}\n\n\/\/ \u2500\u2500\u2500 Animaci\u00f3n: contador num\u00e9rico \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nfunction parseNum(str) {\n  \/\/ Extrae el n\u00famero base y sufijo de strings como \"1.000+\", \"2,5%\", \"10+\"\n  const clean = str.replace(\/\\.\/g, '').replace(',', '.');\n  const match = clean.match(\/([\\d.]+)\/);\n  return match ? parseFloat(match[1]) : 0;\n}\n\nfunction formatNum(val, original) {\n  \/\/ Devuelve el n\u00famero formateado igual al original\n  const hasDot  = original.includes('.');   \/\/ separador miles: 1.000\n  const hasComma = original.includes(',');  \/\/ decimal: 2,5\n  const suffix  = original.replace(\/[\\d.,]\/g, ''); \/\/ \"+\", \"%\", etc.\n\n  if (hasComma) {\n    \/\/ decimal con coma: 2,5\n    return val.toFixed(1).replace('.', ',') + suffix;\n  }\n  if (hasDot && parseFloat(original.replace(\/\\.\/g,'').replace(',','.')) >= 1000) {\n    \/\/ miles: 1.000\n    return Math.round(val).toLocaleString('es-PY').replace(\/,\/g, '.') + suffix;\n  }\n  return Math.round(val) + suffix;\n}\n\nfunction animateCounter(el) {\n  const original = el.textContent.trim();\n  const target   = parseNum(original);\n  if (target === 0) return;\n\n  const duration = 1200;\n  const start    = performance.now();\n\n  function step(now) {\n    const elapsed = now - start;\n    const progress = Math.min(elapsed \/ duration, 1);\n    \/\/ ease-out cubic\n    const eased = 1 - Math.pow(1 - progress, 3);\n    el.textContent = formatNum(target * eased, original);\n    if (progress < 1) requestAnimationFrame(step);\n    else el.textContent = original; \/\/ valor exacto al final\n  }\n  requestAnimationFrame(step);\n}\n\n\/\/ \u2500\u2500\u2500 Intersection Observer \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\nconst observer = new IntersectionObserver((entries) => {\n  entries.forEach(entry => {\n    if (!entry.isIntersecting) return;\n    const el = entry.target;\n\n    \/\/ Stat cards (secci\u00f3n La edici\u00f3n)\n    if (el.classList.contains('stat-card--celeste')) {\n      el.classList.add('anim-done');\n      const num = el.querySelector('.stat-num');\n      if (num) setTimeout(() => animateCounter(num), 200);\n    }\n\n    \/\/ Ejes conceptuales\n    if (el.classList.contains('eje-card')) {\n      el.classList.add('anim-done');\n    }\n\n    \/\/ N\u00fameros geo-block (secci\u00f3n La decisi\u00f3n)\n    if (el.classList.contains('gb-num')) {\n      el.classList.add('anim-done');\n      setTimeout(() => animateCounter(el), 150);\n    }\n\n    observer.unobserve(el);\n  });\n}, { threshold: 0.15 });\n\ndocument.querySelectorAll('.stat-card--celeste, .eje-card, .gb-num').forEach(el => {\n  observer.observe(el);\n});\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>MICSUR Paraguay 2026 \u2014 Mercado de Industrias Culturales del Sur Qu\u00e9 es MICSUR Sectores Sede Actualizaciones Kit de Medios Qu\u00e9 es MICSUR Sectores Sede Actualizaciones Kit de Medios 19 \u2014 22 de noviembre de 2026 Centro Cultural del Puerto \u00b7 Asunci\u00f3n Paraguay MICSUR Paraguay 2026 Mercado de Industrias Culturales del Sur Durante cuatro d\u00edas, Asunci\u00f3n [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"blank","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":22,"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":59,"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/59"}],"wp:attachment":[{"href":"https:\/\/micsur.cultura.gov.py\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}