{"id":38405,"date":"2025-08-17T04:20:12","date_gmt":"2025-08-17T04:20:12","guid":{"rendered":"https:\/\/metachannelcorp.com\/conexion-institucional\/"},"modified":"2026-08-03T01:50:01","modified_gmt":"2026-08-03T01:50:01","slug":"institutional-connection","status":"publish","type":"page","link":"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/institutional-connection\/","title":{"rendered":"Institutional Connection"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38405\" class=\"elementor elementor-38405 elementor-34165\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e83c32 thegem-e-con-layout-thegem e-flex e-con-boxed e-con e-parent\" data-id=\"7e83c32\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-c007776 flex-horizontal-align-default flex-horizontal-align-tablet-default flex-horizontal-align-mobile-default flex-vertical-align-default flex-vertical-align-tablet-default flex-vertical-align-mobile-default elementor-widget elementor-widget-html\" data-id=\"c007776\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n      \/* --- Reset y Base --- *\/\r\n      * {\r\n        box-sizing: border-box;\r\n      }\r\n\r\n      .tokenlab-card {\r\n        --bg: #1c1212;\r\n        --bg-2: #2a1b1b;\r\n        --ink: #ffeae0;\r\n        --muted: #c2a9a0;\r\n        --accent: #ff4d00;\r\n        --accent-2: #ff6a29;\r\n        --gap: clamp(16px, 3vw, 28px);\r\n\r\n        font-family: \"Poppins\", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;\r\n        color: var(--ink);\r\n        background:\r\n          radial-gradient(1200px 600px at 75% 30%, rgba(255, 77, 0, .12), transparent 60%),\r\n          radial-gradient(900px 500px at 20% 80%, rgba(42, 27, 27, .2), transparent 65%),\r\n          linear-gradient(180deg, var(--bg), var(--bg-2));\r\n        padding: clamp(20px, 3.5vw, 40px);\r\n        position: relative;\r\n        overflow: hidden;\r\n        display: flow-root;\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      \/* ===== TOP layout ===== *\/\r\n      .tokenlab-card .top {\r\n        display: grid;\r\n        grid-template-columns: 1.2fr .8fr;\r\n        grid-template-areas: \"copy visual\";\r\n        gap: var(--gap);\r\n        align-items: center;\r\n      }\r\n\r\n      .left {\r\n        grid-area: copy;\r\n      }\r\n\r\n      .right {\r\n        grid-area: visual;\r\n        justify-self: end;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-end;\r\n        gap: 12px;\r\n      }\r\n\r\n      .tokenlab-title {\r\n        font-weight: 800;\r\n        line-height: 1.05;\r\n        font-size: clamp(28px, 5.2vw, 54px);\r\n        letter-spacing: .2px;\r\n        color: #fff;\r\n        margin: 0;\r\n        word-wrap: break-word;\r\n        overflow-wrap: break-word;\r\n        hyphens: auto;\r\n      }\r\n\r\n      .tokenlab-sub {\r\n        margin-top: .65rem;\r\n        font-size: clamp(15px, 2.4vw, 20px);\r\n        color: var(--muted);\r\n        max-width: 55ch;\r\n        word-wrap: break-word;\r\n        overflow-wrap: break-word;\r\n      }\r\n\r\n      .tokenlab-sub b {\r\n        color: var(--ink);\r\n      }\r\n\r\n      \/* ===== Logo como imagen ===== *\/\r\n      .tokenlab-logo {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: flex-end;\r\n        width: 100%;\r\n        gap: 0;\r\n        opacity: .95;\r\n        margin-right: 0;\r\n      }\r\n\r\n      .tokenlab-logo-img {\r\n        display: block;\r\n        height: clamp(36px, 6vw, 48px);\r\n        width: auto;\r\n        max-width: min(240px, 45vw);\r\n      }\r\n\r\n      \/* ===== Hero (SVG) ===== *\/\r\n      .hero-graphic {\r\n        width: min(380px, 48vw);\r\n        max-width: 100%;\r\n        aspect-ratio: 1\/1;\r\n        filter: drop-shadow(0 10px 30px rgba(255, 77, 0,.2));\r\n      }\r\n\r\n      .hero-graphic svg {\r\n        width: 100%;\r\n        height: auto;\r\n        display: block;\r\n      }\r\n\r\n      .hero-graphic .halo-ring {\r\n        transform-origin: 200px 200px;\r\n        stroke-linecap: round;\r\n        stroke-dasharray: 12 12;\r\n        animation: ringSpin 22s linear infinite;\r\n        opacity: .38;\r\n      }\r\n\r\n      \/* ===== Glow (halo externo) ===== *\/\r\n      .glow {\r\n        position: absolute;\r\n        right: -120px;\r\n        top: -80px;\r\n        width: 260px;\r\n        height: 260px;\r\n        border-radius: 50%;\r\n        background: radial-gradient(circle at 50% 50%, rgba(255, 77, 0,.15), transparent 60%);\r\n        filter: blur(18px);\r\n        pointer-events: none;\r\n        animation: haloPulse 6s ease-in-out infinite;\r\n      }\r\n\r\n      \/* ===== Animaciones ===== *\/\r\n      @keyframes haloPulse {\r\n        0% { transform: scale(1); filter: blur(16px); opacity: .32; }\r\n        50% { transform: scale(1.06); filter: blur(22px); opacity: .48; }\r\n        100% { transform: scale(1); filter: blur(16px); opacity: .32; }\r\n      }\r\n\r\n      @keyframes ringSpin {\r\n        0% { transform: rotate(0deg); stroke-dashoffset: 0; }\r\n        100% { transform: rotate(360deg); stroke-dashoffset: -320; }\r\n      }\r\n\r\n      @keyframes cubeFloat {\r\n        0% { transform: translateY(0) rotateX(0deg) rotateZ(0deg); }\r\n        50% { transform: translateY(-6px) rotateX(2deg) rotateZ(.6deg); }\r\n        100% { transform: translateY(0) rotateX(0deg) rotateZ(0deg); }\r\n      }\r\n\r\n      .hero-graphic .cube {\r\n        animation: cubeFloat 7s ease-in-out infinite;\r\n        transform-origin: center;\r\n      }\r\n\r\n      .hero-graphic .twinkle-dot:nth-of-type(1) {\r\n        animation: twinkle 3.6s ease-in-out infinite .1s;\r\n      }\r\n\r\n      .hero-graphic .twinkle-dot:nth-of-type(2) {\r\n        animation: twinkle 4.2s ease-in-out infinite .6s;\r\n      }\r\n\r\n      .hero-graphic .twinkle-dot:nth-of-type(3) {\r\n        animation: twinkle 3.8s ease-in-out infinite 1.1s;\r\n      }\r\n\r\n      @keyframes twinkle {\r\n        0%, 100% { opacity: .25; transform: scale(1); }\r\n        50% { opacity: .6; transform: scale(1.2); }\r\n      }\r\n\r\n      \/* ===== Contenido restante ===== *\/\r\n      .tokenlab-sections {\r\n        margin-top: clamp(18px, 3vw, 28px);\r\n        display: grid;\r\n        gap: var(--gap);\r\n      }\r\n\r\n      .section {\r\n        background: rgba(42, 27, 27,.6);\r\n        border: 1px solid rgba(255,255,255,.06);\r\n        border-radius: 16px;\r\n        padding: clamp(16px, 2.5vw, 22px);\r\n        backdrop-filter: blur(6px);\r\n      }\r\n\r\n      .section h3 {\r\n        font-size: clamp(20px, 3.2vw, 24px);\r\n        margin: 0 0 1.2rem 0;\r\n        color: #fff;\r\n      }\r\n\r\n      .section p,\r\n      .section li,\r\n      .meta {\r\n        color: var(--muted);\r\n        font-size: clamp(14px, 2.2vw, 16px);\r\n        line-height: 1.6;\r\n      }\r\n\r\n      .section p + p {\r\n        margin-top: 1rem;\r\n      }\r\n\r\n      .section b,\r\n      .section strong {\r\n        color: var(--ink);\r\n      }\r\n\r\n      .phases {\r\n        display: grid;\r\n        gap: 12px;\r\n        grid-template-columns: repeat(2, minmax(0, 1fr));\r\n      }\r\n\r\n      .phase {\r\n        border: 1px solid rgba(255, 77, 0,.18);\r\n        border-radius: 12px;\r\n        padding: 16px;\r\n        background: linear-gradient(180deg, rgba(255, 77, 0,.10), rgba(42, 27, 27,.12));\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        display: flex;\r\n        flex-direction: column;\r\n      }\r\n\r\n      .phase:hover {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(255, 77, 0, 0.15);\r\n      }\r\n\r\n      .phase h4 {\r\n        color: #fff;\r\n        font-size: 1.1em;\r\n        margin: 0 0 .5rem 0;\r\n      }\r\n\r\n      .phase p {\r\n        font-size: .95em;\r\n        margin-top: .5rem;\r\n        color: var(--muted);\r\n      }\r\n\r\n      \/* ===== Anti-espacios ===== *\/\r\n      .tokenlab-card > *:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .tokenlab-sections > .section:last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      .tokenlab-card :where(p, h1, h2, h3, h4, ul, ol):last-child {\r\n        margin-bottom: 0;\r\n      }\r\n\r\n      \/* ======== M\u00d3VIL: CENTRAR Y CONTENER TODO ======== *\/\r\n      @media (max-width: 900px) {\r\n        .tokenlab-card {\r\n          padding: clamp(20px, 4vw, 25px);\r\n        }\r\n\r\n        \/* 1) El grid apila y centra su contenido *\/\r\n        .tokenlab-card .top {\r\n          grid-template-columns: 1fr !important;\r\n          grid-template-areas: \"copy\" \"visual\";\r\n          justify-items: center;\r\n          gap: clamp(16px, 3vw, 20px);\r\n        }\r\n\r\n        \/* 2) Bloque izquierdo (t\u00edtulos) CENTRADO + ancho controlado *\/\r\n        .left {\r\n          justify-self: center;\r\n          text-align: center;\r\n          width: 100%;\r\n          display: flex;\r\n          flex-direction: column;\r\n          align-items: center;\r\n        }\r\n\r\n        .tokenlab-title {\r\n          margin: 0 auto;\r\n          max-width: 95vw;\r\n          word-wrap: break-word;\r\n          overflow-wrap: break-word;\r\n          font-size: clamp(24px, 7vw, 36px);\r\n          line-height: 1.15;\r\n        }\r\n\r\n        .tokenlab-sub {\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n          max-width: min(40ch, 92vw);\r\n          padding-inline: 6px;\r\n          font-size: clamp(14px, 3.5vw, 18px);\r\n          line-height: 1.5;\r\n        }\r\n\r\n        \/* 3) Columna derecha CENTRADA *\/\r\n        .right {\r\n          justify-self: center;\r\n          align-items: center;\r\n          width: 100%;\r\n        }\r\n\r\n        \/* 4) Logo CENTRADO y escalado seguro *\/\r\n        .tokenlab-logo {\r\n          justify-content: center !important;\r\n          width: 100%;\r\n          margin-top: 1rem;\r\n        }\r\n\r\n        .tokenlab-logo-img {\r\n          margin: 0 auto;\r\n          height: clamp(32px, 8vw, 44px);\r\n          width: auto;\r\n          max-width: 75vw;\r\n        }\r\n\r\n        \/* 5) Hero (SVG) CENTRADO y contenido *\/\r\n        .hero-graphic {\r\n          margin-left: auto;\r\n          margin-right: auto;\r\n          transform: none;\r\n          transform-origin: center;\r\n          width: min(360px, 88vw);\r\n          max-width: 100%;\r\n        }\r\n\r\n        \/* 6) Halo externo (glow) CENTRADO y m\u00e1s peque\u00f1o *\/\r\n        .glow {\r\n          right: auto;\r\n          left: 50%;\r\n          transform: translateX(-50%);\r\n          top: -56px;\r\n          width: 150px;\r\n          height: 150px;\r\n          filter: blur(14px);\r\n        }\r\n\r\n        \/* 7) Halo interno del SVG: escalar un poco para que no se vaya del borde *\/\r\n        .hero-graphic .halo-ring,\r\n        .hero-graphic .core-halo {\r\n          transform: scale(0.82);\r\n          transform-origin: 200px 200px;\r\n        }\r\n\r\n        .hero-graphic .halo-ring {\r\n          stroke-width: 6;\r\n        }\r\n\r\n        \/* 8) Phases apilados en m\u00f3vil *\/\r\n        .phases {\r\n          grid-template-columns: 1fr;\r\n        }\r\n      }\r\n\r\n      \/* ===== Tablet y abajo: grids apilados ===== *\/\r\n      @media (max-width: 768px) {\r\n        .phases {\r\n          grid-template-columns: 1fr;\r\n        }\r\n      }\r\n\r\n      \/* ===== Pantallas muy peque\u00f1as ===== *\/\r\n      @media (max-width: 480px) {\r\n        .tokenlab-card {\r\n          padding: 16px;\r\n        }\r\n\r\n        .tokenlab-title {\r\n          font-size: clamp(22px, 8vw, 32px) !important;\r\n          line-height: 1.2;\r\n        }\r\n\r\n        .tokenlab-sub {\r\n          font-size: clamp(13px, 4vw, 16px) !important;\r\n        }\r\n\r\n        .tokenlab-logo-img {\r\n          height: clamp(28px, 10vw, 40px) !important;\r\n          max-width: 80vw !important;\r\n        }\r\n\r\n        .hero-graphic {\r\n          width: min(280px, 85vw) !important;\r\n        }\r\n\r\n        .section {\r\n          padding: 14px;\r\n        }\r\n\r\n        .section h3 {\r\n          font-size: clamp(16px, 4.5vw, 20px);\r\n        }\r\n\r\n        .phase {\r\n          padding: 12px;\r\n        }\r\n      }\r\n\r\n      \/* Accesibilidad *\/\r\n      @media (prefers-reduced-motion: reduce) {\r\n        *,\r\n        *::before,\r\n        *::after {\r\n          animation-duration: 0.01ms !important;\r\n          animation-iteration-count: 1 !important;\r\n          transition-duration: 0.01ms !important;\r\n        }\r\n\r\n        .phase:hover {\r\n          transform: none;\r\n        }\r\n      }\r\n    <\/style>\r\n\r\n<div class=\"tokenlab-card\" role=\"region\" aria-labelledby=\"tk-title\">\r\n  <span class=\"glow\" aria-hidden=\"true\"><\/span>\r\n\r\n  <div class=\"top\">\r\n    <div class=\"left\">\r\n      <h2 id=\"tk-title\" class=\"tokenlab-title\">Transnational<br>Business Integration<\/h2>\r\n      <p class=\"tokenlab-sub\">Our institutional platform places our clients at the center of economic flows between Europe, Latin America, and Africa. From this strategic position, we craft execution solutions that no other organization can deliver.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"right\">\r\n      <!-- LOGO como imagen -->\r\n      <div class=\"tokenlab-logo\">\r\n        <img\r\n          class=\"tokenlab-logo-img\"\r\n          src=\"https:\/\/metachannelcorp.com\/wp-content\/uploads\/thegem\/logos\/logo_f7b62a0518e1e8a1aa3bf10c5e75c569_1x.webp\"\r\n          alt=\"META Channel\"\r\n          width=\"200\" height=\"48\" decoding=\"async\" loading=\"eager\"\r\n        \/>\r\n      <\/div>\r\n\r\n      <!-- Hero gr\u00e1fico -->\r\n      <div class=\"hero-graphic\" aria-hidden=\"true\">\r\n        <svg viewBox=\"0 0 400 400\" fill=\"none\">\r\n          <defs>\r\n            <radialGradient id=\"g1\" cx=\"50%\" cy=\"50%\" r=\"60%\">\r\n              <stop offset=\"0%\" stop-color=\"#ff6a29\" stop-opacity=\"0.45\"\/>\r\n              <stop offset=\"60%\" stop-color=\"#ff4d00\" stop-opacity=\"0.20\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#ff4d00\" stop-opacity=\"0\"\/>\r\n            <\/radialGradient>\r\n            <linearGradient id=\"stroke\" x1=\"0\" y1=\"0\" x2=\"1\" y2=\"1\">\r\n              <stop offset=\"0%\" stop-color=\"#ff6a29\"\/>\r\n              <stop offset=\"100%\" stop-color=\"#ff4d00\"\/>\r\n            <\/linearGradient>\r\n          <\/defs>\r\n\r\n          <!-- c\u00edrculo difuso del halo con clase para control en m\u00f3vil -->\r\n          <circle class=\"core-halo\" cx=\"200\" cy=\"200\" r=\"150\" fill=\"url(#g1)\"\/>\r\n          <circle cx=\"200\" cy=\"200\" r=\"120\" stroke=\"url(#stroke)\" stroke-width=\"8\" class=\"halo-ring\"\/>\r\n\r\n          <!-- Cubo animado (posici\u00f3n fija + animaci\u00f3n suave) -->\r\n          <g transform=\"translate(200,200)\">\r\n            <g class=\"cube\">\r\n              <path d=\"M0-70 L60-35 L60 35 L0 70 L-60 35 L-60 -35 Z\" fill=\"#ff4d00\" fill-opacity=\".18\" stroke=\"url(#stroke)\" stroke-width=\"2\"\/>\r\n              <path d=\"M0-70 L60-35 L0 0 L-60 -35 Z\" fill=\"#ff5a1a\" fill-opacity=\".25\"\/>\r\n              <path d=\"M-60 -35 L0 0 L0 70 L-60 35 Z\" fill=\"#e64400\" fill-opacity=\".23\"\/>\r\n              <path d=\"M60 -35 L0 0 L0 70 L60 35 Z\" fill=\"#fa4a00\" fill-opacity=\".20\"\/>\r\n            <\/g>\r\n          <\/g>\r\n\r\n          <g stroke=\"#ffdbc9\" stroke-opacity=\".35\">\r\n            <circle cx=\"75\" cy=\"150\" r=\"4\" fill=\"#ffdbc9\" class=\"twinkle-dot\"\/>\r\n            <line x1=\"75\" y1=\"150\" x2=\"140\" y2=\"180\"\/>\r\n            <circle cx=\"330\" cy=\"110\" r=\"4\" fill=\"#ffdbc9\" class=\"twinkle-dot\"\/>\r\n            <line x1=\"330\" y1=\"110\" x2=\"270\" y2=\"140\"\/>\r\n            <circle cx=\"320\" cy=\"290\" r=\"4\" fill=\"#ffdbc9\" class=\"twinkle-dot\"\/>\r\n            <line x1=\"320\" y1=\"290\" x2=\"250\" y2=\"260\"\/>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"tokenlab-sections\">\r\n\r\n    <section class=\"section\">\r\n        <h3>Transnational Business Integration Platform<\/h3>\r\n        <p>This solution focuses on creating business opportunities and building large-scale strategic alliances. We activate our institutional infrastructure to open real access to commercial and investment flows between regions. We do not replace chambers of commerce or business associations; we complement them by providing the regulatory, technological, and legal infrastructure that enables the execution of opportunities they cannot materialize on their own.\r\n\r\nOur Institutional Layer functions as a Transnational Business Integration Platform that validates, structures, and supports the execution of opportunities for businesses, associations, and economic ecosystems.<\/p>\r\n    <\/section>\r\n\r\n    <section class=\"section\">\r\n        <h3>Strategic Connection Services<\/h3>\r\n        <div class=\"phases\">\r\n            <div class=\"phase\">\r\n                <h4>Access to Institutional Networks<\/h4>\r\n                <p>We facilitate strategic agreements with business organizations, sector clusters, and business ecosystems across Europe, Latin America, and Africa.<\/p>\r\n            <\/div>\r\n            <div class=\"phase\">\r\n                <h4>Business Development and Public Tenders<\/h4>\r\n                <p>We identify and facilitate access to public tenders and large-scale private projects across both continents.<\/p>\r\n            <\/div>\r\n            <div class=\"phase\">\r\n                <h4>Market Intelligence and Alliances<\/h4>\r\n                <p>We provide market analysis for decision-making and connect our clients with strategic partners, distributors, and validated sales channels.<\/p>\r\n            <\/div>\r\n             <div class=\"phase\">\r\n                <h4>Institutional Representation<\/h4>\r\n                <p>We support our clients through institutional processes, facilitating dialogue and providing technical backing in regulatory and business development contexts.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/div>\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>\n\t\t","protected":false},"excerpt":{"rendered":"<p>IntegrationTransnational Business Our institutional platform places our clients at the center of the economic flows between Europe, Latin America and&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":38443,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-38405","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38405","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/comments?post=38405"}],"version-history":[{"count":3,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38405\/revisions"}],"predecessor-version":[{"id":38826,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38405\/revisions\/38826"}],"up":[{"embeddable":true,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38443"}],"wp:attachment":[{"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/media?parent=38405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}