{"id":38643,"date":"2026-03-02T12:24:57","date_gmt":"2026-03-02T12:24:57","guid":{"rendered":"https:\/\/metachannelcorp.com\/strategic-capabilities\/legal-desk\/"},"modified":"2026-07-31T16:12:46","modified_gmt":"2026-07-31T16:12:46","slug":"legal-desk","status":"publish","type":"page","link":"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/","title":{"rendered":"META Channel Legal Desk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"38643\" class=\"elementor elementor-38643 elementor-37813\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-686b675 e-con-full thegem-e-con-layout-thegem e-flex e-con e-parent\" data-id=\"686b675\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;thegem_container_layout&quot;:&quot;thegem&quot;}\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-075dd31 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=\"075dd31\" 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<link href=\"https:\/\/fonts.googleapis.com\" rel=\"preconnect\"\/>\r\n<link crossorigin=\"\" href=\"https:\/\/fonts.gstatic.com\" rel=\"preconnect\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Public+Sans:wght@400;500;700;900&display=swap\" rel=\"stylesheet\"\/>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" rel=\"stylesheet\"\/>\r\n\r\n<script src=\"https:\/\/unpkg.com\/react@18\/umd\/react.production.min.js\" crossorigin><\/script>\r\n<script src=\"https:\/\/unpkg.com\/react-dom@18\/umd\/react-dom.production.min.js\" crossorigin><\/script>\r\n<script src=\"https:\/\/unpkg.com\/@babel\/standalone\/babel.min.js\"><\/script>\r\n\r\n<style>\r\n  .legaldesk-wrapper {\r\n    --primary: #135bec;\r\n    --primary-hover: #0e45b8;\r\n    --primary-light: rgba(19, 91, 236, 0.15);\r\n    --bg-dark: #071222;\r\n    --surface-dark: #0d1a30;\r\n    --surface-lighter: #132442;\r\n    --border-color: rgba(255, 255, 255, 0.08);\r\n    --border-hover: rgba(19, 91, 236, 0.4);\r\n    --text-main: #ffffff;\r\n    --text-light: #e6f0ff; \r\n    --text-muted: #b8cadd;\r\n    --gap-xl: clamp(30px, 5vw, 60px);\r\n    --gap-lg: clamp(20px, 3vw, 40px);\r\n    --gap-md: clamp(15px, 2vw, 24px);\r\n    font-family: \"Public Sans\", system-ui, -apple-system, sans-serif;\r\n    background-color: var(--bg-dark);\r\n    color: var(--text-light);\r\n    width: 100%;\r\n    position: relative;\r\n    overflow: hidden;\r\n    line-height: 1.6;\r\n    display: flow-root;\r\n    box-sizing: border-box;\r\n  }\r\n  .legaldesk-wrapper *, .legaldesk-wrapper *::before, .legaldesk-wrapper *::after { box-sizing: inherit; }\r\n  .legaldesk-wrapper img { max-width: 100%; height: auto; display: block; }\r\n  .legaldesk-wrapper a { color: var(--primary); text-decoration: none; transition: color 0.3s ease; }\r\n  .legaldesk-wrapper a:hover { color: #6da2ff; }\r\n\r\n  .ld-container {\r\n    width: 100%;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n    padding: clamp(50px, 6vw, 90px) clamp(20px, 4vw, 40px);\r\n    position: relative;\r\n    z-index: 2;\r\n  }\r\n\r\n  .ld-title-xl { font-size: clamp(26px, 3.5vw, 38px); font-weight: 900; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 16px 0; color: var(--text-main) !important; }\r\n  .ld-title-lg { font-size: clamp(22px, 3vw, 32px); font-weight: 800; line-height: 1.2; letter-spacing: -0.01em; margin: 0 0 16px 0; color: var(--text-main) !important; }\r\n  .ld-title-md { font-size: clamp(17px, 2vw, 20px); font-weight: 700; margin: 0 0 12px 0; color: var(--text-main) !important; }\r\n  .ld-title-sm { font-size: clamp(15px, 1.8vw, 17px); font-weight: 700; margin: 0 0 8px 0; color: var(--text-main) !important; }\r\n  \r\n  .ld-text-lead { font-size: clamp(16px, 2vw, 18px); color: var(--text-light) !important; margin: 0 0 30px 0; max-width: 800px; line-height: 1.5; }\r\n  .ld-text-body { font-size: clamp(14px, 1.6vw, 16px); color: var(--text-muted) !important; margin: 0 0 16px 0; line-height: 1.6; }\r\n  .ld-text-small { font-size: clamp(13px, 1.4vw, 14px); color: var(--text-muted) !important; margin: 0; }\r\n\r\n  .ld-gradient-text { background: linear-gradient(90deg, #60a5fa, var(--primary)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\r\n\r\n  .ld-btn-group { display: flex; flex-wrap: wrap; gap: 12px; }\r\n  .ld-btn {\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    padding: 0 24px; height: clamp(40px, 4.5vw, 48px);\r\n    font-size: clamp(14px, 1.6vw, 15px); font-weight: 700; border-radius: 8px;\r\n    cursor: pointer; transition: all 0.3s ease; border: none; text-decoration: none;\r\n  }\r\n  .ld-btn-primary { background-color: var(--primary); color: #ffffff !important; box-shadow: 0 6px 20px rgba(19, 91, 236, 0.25); }\r\n  .ld-btn-primary:hover { background-color: var(--primary-hover); transform: translateY(-2px); box-shadow: 0 10px 25px rgba(19, 91, 236, 0.35); }\r\n  .ld-btn-outline { background-color: rgba(255, 255, 255, 0.05); color: #ffffff !important; border: 1px solid var(--border-color); }\r\n  .ld-btn-outline:hover { background-color: rgba(255, 255, 255, 0.1); border-color: rgba(255,255,255,0.3); transform: translateY(-2px); }\r\n\r\n  \/* Special enrollment button *\/\r\n  .ld-btn-inscribirse {\r\n    background: linear-gradient(135deg, #22C55E 0%, #16A34A 100%);\r\n    color: #ffffff !important;\r\n    box-shadow: 0 6px 20px rgba(34, 197, 94, 0.25);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .ld-btn-inscribirse:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 10px 25px rgba(34, 197, 94, 0.35);\r\n    filter: brightness(1.1);\r\n  }\r\n  .ld-btn-inscribirse .material-symbols-outlined {\r\n    font-size: 18px;\r\n    margin-right: 6px;\r\n  }\r\n\r\n  .ld-badge {\r\n    display: inline-flex; align-items: center; padding: 6px 14px;\r\n    background-color: var(--primary-light); border: 1px solid rgba(19, 91, 236, 0.4);\r\n    border-radius: 50px; color: #8bb6ff !important;\r\n    font-size: clamp(11px, 1.3vw, 13px); font-weight: 700; text-transform: uppercase;\r\n    letter-spacing: 1px; margin-bottom: 20px; backdrop-filter: blur(4px);\r\n  }\r\n\r\n  .ld-icon-box {\r\n    display: inline-flex; align-items: center; justify-content: center;\r\n    width: clamp(40px, 4.5vw, 50px); height: clamp(40px, 4.5vw, 50px);\r\n    background-color: var(--surface-lighter); border: 1px solid var(--border-color);\r\n    border-radius: 12px; color: #60a5fa; margin-bottom: 16px; transition: all 0.3s ease;\r\n  }\r\n  .ld-icon-box .material-symbols-outlined { font-size: clamp(20px, 2.5vw, 24px); }\r\n\r\n  .ld-hero { position: relative; padding-top: clamp(120px, 14vw, 200px); padding-bottom: clamp(120px, 14vw, 200px); }\r\n  .ld-hero-bg {\r\n    position: absolute; inset: 0; z-index: 1;\r\n    background-image: url(\"https:\/\/lh3.googleusercontent.com\/aida-public\/AB6AXuAnmYd4K6c3LCMVAkX5i3Rgk18zlA_k-RrbzAOYBgGEiRV7zfEQyIk129vyE4a0K0Er-6QQUzmNlLcIyGQYz38xN-7mE3utxKqYyKDCxW7lICHgzaL0IRrn1HOXM3bI1B4vHzsmu8pZ8l2yYjNUssyTKAKPm26WaTZFcVcq5Xyt6Jcds2YNHTR4gvfXxJ1S1rUjGh04d_ikXwXuGiqgHmgVVLeJiUQw8KhLw7jRKlhfkJrdI06brpV5p5hb_EMOU_FJsQXnI2PoSG4X\"); \r\n    background-size: cover; background-position: center; opacity: 0.15; mix-blend-mode: luminosity;\r\n  }\r\n  .ld-hero-gradient {\r\n    position: absolute; inset: 0; z-index: 1;\r\n    background: radial-gradient(circle at 75% 40%, rgba(19,91,236,0.18) 0%, transparent 60%),\r\n                linear-gradient(180deg, var(--bg-dark) 0%, rgba(7,18,34,0.8) 50%, var(--bg-dark) 100%);\r\n  }\r\n  .ld-hero-layout { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: clamp(30px, 5vw, 60px); align-items: center; }\r\n  .ld-hero-content { text-align: left; }\r\n  .ld-hero-logo { display: flex; justify-content: flex-end; align-items: center; }\r\n  .ld-hero-logo img { width: 100%; max-width: 420px; height: auto; filter: drop-shadow(0 15px 35px rgba(0, 162, 255, 0.15)); }\r\n  .ld-hero .ld-container { max-width: 1200px; margin: 0 auto; padding-left: clamp(20px, 4vw, 40px); padding-right: clamp(20px, 4vw, 40px); }\r\n\r\n  .ld-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gap-xl); align-items: center; }\r\n  .ld-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--gap-lg); align-items: stretch; }\r\n  .ld-grid-4 { display: grid; grid-template-columns: repeat(auto-fit, minmax(350px, 1fr)); gap: var(--gap-lg); align-items: stretch; }\r\n  \r\n  .ld-concepto { border-top: 1px solid var(--border-color); background-color: var(--surface-dark); }\r\n  .ld-image-card {\r\n    position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 4\/3;\r\n    border: 1px solid var(--border-color); box-shadow: 0 15px 40px rgba(0,0,0,0.6);\r\n  }\r\n  .ld-image-card img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }\r\n  .ld-image-overlay {\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(to top, var(--bg-dark) 0%, transparent 100%);\r\n    display: flex; flex-direction: column; justify-content: flex-end; padding: clamp(20px, 4vw, 35px);\r\n  }\r\n\r\n  .ld-card {\r\n    background-color: var(--bg-dark); border: 1px solid var(--border-color); border-radius: 20px;\r\n    padding: clamp(20px, 3vw, 30px); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\r\n    display: flex; flex-direction: column;\r\n  }\r\n  .ld-card:hover { transform: translateY(-4px); border-color: var(--border-hover); box-shadow: 0 10px 30px rgba(0,0,0,0.4), 0 0 15px rgba(19, 91, 236, 0.15); }\r\n  .ld-card:hover .ld-icon-box { background-color: var(--primary); color: #ffffff; border-color: var(--primary); }\r\n\r\n  .ld-steps { display: flex; flex-direction: column; gap: clamp(30px, 4vw, 50px); max-width: 800px; margin: 0 auto; position: relative; }\r\n  .ld-steps::before {\r\n    content: ''; position: absolute; top: 0; bottom: 0; left: clamp(25px, 3.5vw, 32.5px); width: 2px;\r\n    background: repeating-linear-gradient(180deg, rgba(255,255,255,0.15) 0, rgba(255,255,255,0.15) 8px, transparent 8px, transparent 16px); z-index: 1;\r\n  }\r\n  .ld-step { display: flex; align-items: flex-start; gap: clamp(15px, 3vw, 25px); position: relative; z-index: 2; text-align: left; }\r\n  .ld-step-number {\r\n    display: flex; align-items: center; justify-content: center;\r\n    width: clamp(50px, 7vw, 65px); height: clamp(50px, 7vw, 65px);\r\n    background-color: var(--surface-dark); border: 3px solid var(--bg-dark); border-radius: 50%; flex-shrink: 0;\r\n    font-size: clamp(20px, 3vw, 24px); font-weight: 900; color: #60a5fa; box-shadow: 0 10px 25px rgba(0,0,0,0.4);\r\n  }\r\n  .ld-step:last-child .ld-step-number { background-color: var(--primary); color: #ffffff; box-shadow: 0 0 25px rgba(19, 91, 236, 0.5); }\r\n  .ld-step-text { padding-top: clamp(8px, 1.5vw, 14px); }\r\n\r\n  .ld-list { list-style: none; padding: 0; margin: 0 0 20px 0; }\r\n  .ld-list li { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; font-size: clamp(14px, 1.6vw, 15px); color: var(--text-muted); }\r\n  .ld-list .material-symbols-outlined { color: #60a5fa; font-size: 20px; flex-shrink: 0; margin-top: 2px; }\r\n\r\n  .ld-transparencia-box {\r\n    background: rgba(255, 255, 255, 0.02); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);\r\n    border: 1px solid rgba(255, 255, 255, 0.08); border-top: 1px solid rgba(255, 255, 255, 0.2);\r\n    border-left: 1px solid rgba(255, 255, 255, 0.15); border-radius: 24px;\r\n    padding: clamp(30px, 5vw, 50px); margin-top: 60px;\r\n    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.5), inset 0 0 20px rgba(255, 255, 255, 0.02);\r\n    position: relative; overflow: hidden; text-align: center;\r\n  }\r\n  .ld-transparencia-box::before {\r\n    content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%;\r\n    background: radial-gradient(circle at 50% 0%, rgba(96, 165, 250, 0.15) 0%, transparent 50%);\r\n    pointer-events: none; z-index: 0;\r\n  }\r\n  .ld-transparencia-box > * { position: relative; z-index: 1; }\r\n\r\n  .ld-cta-section { background-color: rgba(19, 91, 236, 0.08); border-top: 1px solid var(--border-color); text-align: center; }\r\n  .ld-cta-section .ld-container { max-width: 800px; }\r\n\r\n  \/* Enrollment CTA banner *\/\r\n  .ld-inscripcion-banner {\r\n    background: linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(19, 91, 236, 0.08) 100%);\r\n    border: 1px solid rgba(34, 197, 94, 0.25);\r\n    border-radius: 20px;\r\n    padding: clamp(28px, 4vw, 40px);\r\n    text-align: center;\r\n    margin-top: clamp(35px, 5vw, 50px);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n  .ld-inscripcion-banner::before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -50%;\r\n    left: -50%;\r\n    width: 200%;\r\n    height: 200%;\r\n    background: radial-gradient(circle at 50% 100%, rgba(34, 197, 94, 0.06) 0%, transparent 50%);\r\n    pointer-events: none;\r\n  }\r\n  .ld-inscripcion-banner > * { position: relative; z-index: 1; }\r\n  .ld-inscripcion-banner .ld-btn-inscribirse {\r\n    height: clamp(44px, 5vw, 52px);\r\n    padding: 0 32px;\r\n    font-size: clamp(15px, 1.7vw, 16px);\r\n    border-radius: 10px;\r\n  }\r\n\r\n  @media (max-width: 900px) {\r\n    .ld-hero-layout { grid-template-columns: 1fr; gap: 30px; }\r\n    .ld-hero-logo { display: none; } \r\n    .ld-grid-2 { grid-template-columns: 1fr; gap: 40px; }\r\n    .ld-btn-group { justify-content: flex-start; }\r\n    .ld-steps::before { left: 25px; } \r\n    .ld-grid-4 { grid-template-columns: 1fr; } \r\n  }\r\n\r\n  .ld-footer { padding: clamp(40px, 6vw, 60px) 20px; background-color: var(--bg-dark); text-align: center; border-top: 1px solid rgba(255, 255, 255, 0.03); }\r\n  .ld-footer-text { color: #5575a0; font-size: clamp(12px, 1.4vw, 14px); line-height: 1.8; margin-bottom: 35px; }\r\n  .ld-footer-text p { margin: 0 0 6px 0; }\r\n  .ld-footer-links { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: clamp(15px, 3vw, 40px); }\r\n  .ld-footer-links a { color: #5575a0; font-size: clamp(11px, 1.2vw, 13px); font-weight: 500; letter-spacing: 1.5px; text-transform: uppercase; text-decoration: none; transition: color 0.3s ease; }\r\n  .ld-footer-links a:hover { color: #8bb6ff; }\r\n<\/style>\r\n\r\n<div class=\"legaldesk-wrapper\">\r\n  \r\n  <!-- ===================== HERO ===================== -->\r\n  <section class=\"ld-hero\">\r\n    <div class=\"ld-hero-bg\"><\/div>\r\n    <div class=\"ld-hero-gradient\"><\/div>\r\n    \r\n    <div class=\"ld-container\">\r\n      <div class=\"ld-hero-layout\">\r\n        \r\n        <div class=\"ld-hero-content\">\r\n          <div class=\"ld-badge\">by META Channel Corporation<\/div>\r\n          \r\n          <h1 class=\"ld-title-xl\">\r\n            META Channel Legal Desk<br>\r\n            <span class=\"ld-gradient-text\">Local legal execution within an international architecture<\/span>\r\n          <\/h1>\r\n          \r\n          <p class=\"ld-text-lead\">\r\n            A single point of coordination. The right professional. An international structure that organizes and guides the flow of the engagement.\r\n          <\/p>\r\n          \r\n          <div class=\"ld-btn-group\">\r\n            <a href=\"#concepto\" class=\"ld-btn ld-btn-primary\">Discover Legal Desk<\/a>\r\n            <a href=\"#servicios\" class=\"ld-btn ld-btn-outline\">Explore<\/a>\r\n            <a href=\"#vias\" class=\"ld-btn ld-btn-inscribirse\"><span class=\"material-symbols-outlined\">how_to_reg<\/span> Join<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ld-hero-logo\">\r\n          <img src=\"https:\/\/metachannelcorp.com\/wp-content\/uploads\/2026\/03\/solo-META-Channel-Legal-Desk-2.png\" alt=\"Logo META Channel Legal Desk\">\r\n        <\/div>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== CONCEPTO ===================== -->\r\n  <section class=\"ld-concepto\" id=\"concepto\">\r\n    <div class=\"ld-container ld-grid-2\">\r\n      <div>\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Concept<\/span>\r\n        <h2 class=\"ld-title-lg\">What is META Channel Legal Desk<\/h2>\r\n        <div style=\"height: 4px; width: 50px; background-color: var(--primary); border-radius: 4px; margin-bottom: 20px;\"><\/div>\r\n        \r\n        <p class=\"ld-text-body\">\r\n          META Channel Legal Desk is the division of META Channel Corporation dedicated to organizing, structuring and coordinating legal engagements for businesses and individuals that require an orderly and specialized professional execution.\r\n        <\/p>\r\n        <p class=\"ld-text-body\">\r\n          META Channel Legal Desk analyzes the matter, assesses its complexity, structures the engagement and channels the intervention of the corresponding professional in the applicable jurisdiction. When the matter requires it, the legal action is integrated within the broader strategic vision of the META Channel Corporation ecosystem.\r\n        <\/p>\r\n        <p class=\"ld-text-body\">\r\n          Legal Desk constitutes the local legal execution layer within the operational infrastructure of META Channel Corporation. Legal services are provided exclusively by independent lawyers licensed in each territory.\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div class=\"ld-image-card\" style=\"align-self: center;\">\r\n        <img src=\"https:\/\/metachannelcorp.com\/wp-content\/uploads\/2026\/03\/capa-de-ejecucion-juridica-meta-channel-legal-desk.jpg\" alt=\"Concept Legal\">\r\n        <div class=\"ld-image-overlay\">\r\n          <p class=\"ld-title-md\" style=\"margin:0;\">Legal Desk, the local legal execution layer of META Channel Corporation<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== RAZ\u00d3N DE SER ===================== -->\r\n  <section style=\"position: relative; border-bottom: 1px solid var(--border-color);\">\r\n    <div style=\"position: absolute; top: 0; right: 0; width: 600px; height: 600px; background: radial-gradient(circle, rgba(19,91,236,0.06) 0%, transparent 70%); pointer-events: none;\"><\/div>\r\n    \r\n    <div class=\"ld-container\" style=\"text-align: center;\">\r\n      <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 2px; text-transform: uppercase; font-size: 11px;\">Raison d'Etre<\/span>\r\n      <h2 class=\"ld-title-lg\" style=\"margin-top: 12px;\">Why Legal Desk Exists<\/h2>\r\n      <p class=\"ld-text-lead\" style=\"margin-left: auto; margin-right: auto;\">\r\n        Legal execution always takes place in specific jurisdictions, but business operations increasingly have cross-border and regulatory components that go beyond the purely local scope.\r\n      <\/p>\r\n      <p class=\"ld-text-body\" style=\"font-size: clamp(15px, 1.8vw, 17px); max-width: 800px; margin: 0 auto;\">\r\n        META Channel Corporation was born as an international infrastructure for strategy, regulation and implementation operating across Europe, Latin America and Africa. Legal Desk enables that capacity to be extended to the field of local legal execution, connecting each matter with the right professional and coordinating its development within a structure with a global vision.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== \u00c1REAS DE PR\u00c1CTICA ===================== -->\r\n  <section class=\"ld-concepto\" id=\"servicios\">\r\n    <div class=\"ld-container\">\r\n      <div style=\"display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; margin-bottom: 40px; gap: 20px;\">\r\n        <div style=\"max-width: 650px;\">\r\n          <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Practice Areas<\/span>\r\n          <h2 class=\"ld-title-lg\">Legal Coordination Areas<\/h2>\r\n          <p class=\"ld-text-body\" style=\"margin:0;\">META Channel Legal Desk coordinates local legal engagements through specialized professionals in the main areas of Law.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"ld-grid-3\">\r\n        <div class=\"ld-card\" style=\"background-color: var(--surface-lighter); padding: 20px;\">\r\n          <div class=\"ld-icon-box\" style=\"background-color: var(--bg-dark); border-color: transparent;\"><span class=\"material-symbols-outlined\">balance<\/span><\/div>\r\n          <h3 class=\"ld-title-md\" style=\"font-size: 15px; margin: 0;\">Civil and Property Law<\/h3>\r\n        <\/div>\r\n        <div class=\"ld-card\" style=\"background-color: var(--surface-lighter); padding: 20px;\">\r\n          <div class=\"ld-icon-box\" style=\"background-color: var(--bg-dark); border-color: transparent;\"><span class=\"material-symbols-outlined\">storefront<\/span><\/div>\r\n          <h3 class=\"ld-title-md\" style=\"font-size: 15px; margin: 0;\">Commercial and Corporate Law<\/h3>\r\n        <\/div>\r\n        <div class=\"ld-card\" style=\"background-color: var(--surface-lighter); padding: 20px;\">\r\n          <div class=\"ld-icon-box\" style=\"background-color: var(--bg-dark); border-color: transparent;\"><span class=\"material-symbols-outlined\">gavel<\/span><\/div>\r\n          <h3 class=\"ld-title-md\" style=\"font-size: 15px; margin: 0;\">Criminal Defense and Regulatory Compliance<\/h3>\r\n        <\/div>\r\n        <div class=\"ld-card\" style=\"background-color: var(--surface-lighter); padding: 20px;\">\r\n          <div class=\"ld-icon-box\" style=\"background-color: var(--bg-dark); border-color: transparent;\"><span class=\"material-symbols-outlined\">account_balance<\/span><\/div>\r\n          <h3 class=\"ld-title-md\" style=\"font-size: 15px; margin: 0;\">Administrative and Regulatory Law<\/h3>\r\n        <\/div>\r\n        <div class=\"ld-card\" style=\"background-color: var(--surface-lighter); padding: 20px;\">\r\n          <div class=\"ld-icon-box\" style=\"background-color: var(--bg-dark); border-color: transparent;\"><span class=\"material-symbols-outlined\">desktop_mac<\/span><\/div>\r\n          <h3 class=\"ld-title-md\" style=\"font-size: 15px; margin: 0;\">Digital and Technology Law<\/h3>\r\n        <\/div>\r\n        <div class=\"ld-card\" style=\"background-color: var(--surface-lighter); padding: 20px;\">\r\n          <div class=\"ld-icon-box\" style=\"background-color: var(--bg-dark); border-color: transparent;\"><span class=\"material-symbols-outlined\">public<\/span><\/div>\r\n          <h3 class=\"ld-title-md\" style=\"font-size: 15px; margin: 0;\">Transnational Operations and Private International Law<\/h3>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <p class=\"ld-text-small\" style=\"text-align: center; margin-top: 25px; opacity: 0.8;\">\r\n        Each matter is arranged with the corresponding independent professional according to the nature of the case and the applicable jurisdiction.\r\n      <\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== PROCESO ===================== -->\r\n  <section style=\"border-bottom: 1px solid var(--border-color);\">\r\n    <div class=\"ld-container\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Process<\/span>\r\n        <h2 class=\"ld-title-lg\">How It Works<\/h2>\r\n      <\/div>\r\n      \r\n      <div class=\"ld-steps\">\r\n        <div class=\"ld-step\">\r\n          <div class=\"ld-step-number\">01<\/div>\r\n          <div class=\"ld-step-text\">\r\n            <h3 class=\"ld-title-md\">Engagement Assessment and Structuring<\/h3>\r\n            <p class=\"ld-text-small\">Legal Desk analyzes the situation, assesses the complexity of the matter and defines the appropriate engagement structure, identifying whether there are regulatory, cross-border or local strategic components that require specific coordination.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ld-step\">\r\n          <div class=\"ld-step-number\">02<\/div>\r\n          <div class=\"ld-step-text\">\r\n            <h3 class=\"ld-title-md\">Designation of the Independent Lawyer<\/h3>\r\n            <p class=\"ld-text-small\">The intervention of the corresponding independent professional is arranged according to subject matter, jurisdiction and case profile. The intervening lawyer assumes legal direction and professional responsibility in accordance with applicable regulations.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ld-step\">\r\n          <div class=\"ld-step-number\">03<\/div>\r\n          <div class=\"ld-step-text\">\r\n            <h3 class=\"ld-title-md\">Formalization of the Professional Engagement<\/h3>\r\n            <p class=\"ld-text-small\">The engagement is formalized through the corresponding contractual instruments, distinguishing the coordination of META Channel Corporation from the provision of legal services by the independent lawyer.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"ld-step\">\r\n          <div class=\"ld-step-number\">04<\/div>\r\n          <div class=\"ld-step-text\">\r\n            <h3 class=\"ld-title-md\">Operational Coordination and Monitoring<\/h3>\r\n            <p class=\"ld-text-small\">META Channel Corporation coordinates the flow of information, the traceability of the engagement and the operational coherence of the process, especially when the matter is connected to other areas of the ecosystem.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== COBERTURA + HONORARIOS ===================== -->\r\n  <section class=\"ld-concepto\">\r\n    <div class=\"ld-container ld-grid-2\">\r\n      <div>\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Coverage<\/span>\r\n        <h3 class=\"ld-title-lg\">Where We Operate<\/h3>\r\n        \r\n        <p class=\"ld-text-body\">\r\n          META Channel Corporation coordinates legal actions through independent professionals in the following jurisdictions:\r\n        <\/p>\r\n        \r\n        <div class=\"ld-card\" style=\"margin-top: 20px; margin-bottom: 20px;\">\r\n          <ul class=\"ld-list\" style=\"margin: 0;\">\r\n            <li><span class=\"material-symbols-outlined\">location_on<\/span><span>Ireland and European Union<\/span><\/li>\r\n            <li><span class=\"material-symbols-outlined\">location_on<\/span><span>Spain (incl. Canary Islands)<\/span><\/li>\r\n            <li><span class=\"material-symbols-outlined\">location_on<\/span><span>Latin America<\/span><\/li>\r\n            <li><span class=\"material-symbols-outlined\">explore<\/span><span>Angola and Mozambique. Progressive expansion into Africa<\/span><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        \r\n        <p class=\"ld-text-small\" style=\"opacity: 0.8;\">\r\n          The intervention of the corresponding professional is arranged according to the jurisdiction and the specific nature of each matter.\r\n        <\/p>\r\n      <\/div>\r\n      \r\n      <div>\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Economic Terms<\/span>\r\n        <h3 class=\"ld-title-lg\">Coordination Fees<\/h3>\r\n        \r\n        <p class=\"ld-text-body\">\r\n          META Channel Corporation exclusively invoices coordination, structuring and management fees for the legal engagement.\r\n        <\/p>\r\n        <p class=\"ld-text-body\" style=\"margin-bottom: 10px;\">Coordination fees may include:<\/p>\r\n        \r\n        <ul class=\"ld-list\">\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Initial assessment and complexity analysis<\/li>\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Engagement structuring and professional selection<\/li>\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Operational coordination and communications management<\/li>\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Monitoring, reporting and quality control of the process<\/li>\r\n        <\/ul>\r\n        \r\n        <p class=\"ld-text-small\" style=\"margin-bottom: 10px;\">\r\n          META Channel Corporation Ltd. exclusively invoices its own coordination, organization and operational support services. The lawyer's professional fees for the legal service are invoiced directly by the corresponding professional. Both concepts remain contractually and documentarily separate.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== DEMOS INTERACTIVOS ===================== -->\r\n  <section class=\"ld-concepto\" style=\"padding-top: 0; padding-bottom: 0;\">\r\n    <div id=\"legal-desk-demos-root\"><\/div>\r\n  <\/section>\r\n  \r\n  <script type=\"text\/babel\">\r\n    const { useState } = React;\r\n\r\n    const COLORS = {\r\n      navy: \"#071222\", navyLight: \"#0d1a30\", navyMid: \"#132442\",\r\n      gold: \"#C9A84C\", goldLight: \"#E2C97E\", white: \"#FFFFFF\",\r\n      gray100: \"#F4F5F7\", gray200: \"#E2E4E8\", gray300: \"#B0B5C0\", gray500: \"#6B7280\",\r\n      green: \"#22C55E\", greenDark: \"#16A34A\", blue: \"#3B82F6\", orange: \"#F59E0B\", purple: \"#8B5CF6\",\r\n    };\r\n\r\n    const tabs = [\r\n      { id: \"colab\", label: \"Collaborators Network\", icon: \"\u2696\ufe0f\" },\r\n      { id: \"club\", label: \"Business Club\", icon: \"\ud83c\udfdb\ufe0f\" },\r\n      { id: \"intl\", label: \"International Network\", icon: \"\ud83c\udf0d\" },\r\n      { id: \"uni\", label: \"University Programme\", icon: \"\ud83c\udf93\" },\r\n    ];\r\n\r\n    function ColaboradoresDemo() {\r\n      const [scenario, setScenario] = useState(null);\r\n      const [step, setStep] = useState(0);\r\n\r\n      const scenarioA = [\r\n        { icon: \"\ud83d\udc64\", title: \"Client contacts META Channel\", desc: \"A client arrives through the website, Pacto Orbital or contact network.\", side: \"meta\" },\r\n        { icon: \"\ud83d\udd0d\", title: \"META Channel assesses and structures\", desc: \"Jurisdiction, complexity and required lawyer profile are analyzed.\", side: \"meta\" },\r\n        { icon: \"\ud83d\udccb\", title: \"The collaborator is selected\", desc: \"META Channel arranges the intervention of the corresponding independent professional from the collaborators network and transfers the structured engagement.\", side: \"meta\" },\r\n        { icon: \"\u270d\ufe0f\", title: \"Contractual Formalization\", desc: \"META Channel \u2194 Client contract (coordination) + Engagement letter Lawyer \u2194 Client (execution).\", side: \"both\" },\r\n        { icon: \"\u2696\ufe0f\", title: \"The lawyer executes\", desc: \"Legal direction and professional responsibility of the lawyer. META Channel Corporation coordinates.\", side: \"abogado\" },\r\n        { icon: \"\ud83d\udcb6\", title: \"Economic Structure\", desc: \"META Channel Corporation coordination fee + lawyer's fees for the legal service. Two separate concepts, two separate providers.\", side: \"both\" },\r\n      ];\r\n\r\n      const scenarioB = [\r\n        { icon: \"\ud83d\udc64\", title: \"The lawyer has a case\", desc: \"A client of the lawyer's own needs international structure, branding or coordination.\", side: \"abogado\" },\r\n        { icon: \"\ud83d\udcde\", title: \"Channels it through Legal Desk\", desc: \"The lawyer decides to use the META Channel Corporation infrastructure to give the case an excellence reach.\", side: \"abogado\" },\r\n        { icon: \"\ud83c\udfd7\ufe0f\", title: \"META Channel Corporation provides structure\", desc: \"International brand, operational coordination, ecosystem access if applicable.\", side: \"meta\" },\r\n        { icon: \"\u270d\ufe0f\", title: \"Contractual Formalization\", desc: \"META \u2194 Client coordination contract + Lawyer \u2194 Client engagement letter. Clear documentary separation between coordination and legal service provision.\", side: \"both\" },\r\n        { icon: \"\u2696\ufe0f\", title: \"The lawyer executes\", desc: \"Maintains the relationship with their client. META coordinates and provides infrastructure.\", side: \"abogado\" },\r\n        { icon: \"\ud83d\udcb6\", title: \"Economic Structure\", desc: \"META Channel Corporation coordination and infrastructure fee + lawyer's fees for the legal service. Separate concepts, separate providers.\", side: \"both\" },\r\n      ];\r\n\r\n      const steps = scenario === \"A\" ? scenarioA : scenarioB;\r\n\r\n      return (\r\n        <div>\r\n          <p style={{ color: COLORS.gray300, marginBottom: 24, fontSize: 15, lineHeight: 1.6 }}>\r\n            Two models of professional collaboration. Select a scenario to see the complete step-by-step flow.\r\n          <\/p>\r\n          <div style={{ display: \"flex\", gap: 16, marginBottom: 32, flexWrap: \"wrap\" }}>\r\n            {[\r\n              { id: \"A\", title: \"Case brought by META Channel\", sub: \"Matter originated through META Channel Legal Desk \u00b7 remuneration structured according to the engagement framework\", color: COLORS.gold },\r\n              { id: \"B\", title: \"Case brought by the lawyer\", sub: \"The lawyer integrates their case into the ecosystem \u00b7 remuneration structured according to the scope of the intervention\", color: COLORS.blue },\r\n            ].map((s) => (\r\n              <button key={s.id} onClick={() => { setScenario(s.id); setStep(0); }}\r\n                style={{ flex: \"1 1 250px\", padding: \"20px 16px\", borderRadius: 12, cursor: \"pointer\",\r\n                  border: scenario === s.id ? `2px solid ${s.color}` : `1px solid ${COLORS.navyMid}`,\r\n                  background: scenario === s.id ? `${s.color}15` : COLORS.navyLight, transition: \"all 0.3s\", }}>\r\n                <div style={{ fontSize: 13, color: s.color, fontWeight: 700, letterSpacing: 1, marginBottom: 6 }}>SCENARIO {s.id}<\/div>\r\n                <div style={{ fontSize: 16, color: COLORS.white, fontWeight: 600, marginBottom: 4 }}>{s.title}<\/div>\r\n                <div style={{ fontSize: 13, color: COLORS.gray300 }}>{s.sub}<\/div>\r\n              <\/button>\r\n            ))}\r\n          <\/div>\r\n          {scenario && (\r\n            <div>\r\n              <div style={{ display: \"flex\", gap: 8, marginBottom: 24, flexWrap: \"wrap\" }}>\r\n                {steps.map((_, i) => (\r\n                  <button key={i} onClick={() => setStep(i)}\r\n                    style={{ width: 36, height: 36, borderRadius: \"50%\", border: \"none\", cursor: \"pointer\",\r\n                      background: i === step ? (scenario === \"A\" ? COLORS.gold : COLORS.blue) : i < step ? COLORS.greenDark : COLORS.navyMid,\r\n                      color: COLORS.white, fontWeight: 700, fontSize: 14, transition: \"all 0.3s\", }}>\r\n                    {i + 1}\r\n                  <\/button>\r\n                ))}\r\n              <\/div>\r\n              <div style={{ background: COLORS.navyLight, borderRadius: 16, padding: 28,\r\n                borderLeft: `4px solid ${scenario === \"A\" ? COLORS.gold : COLORS.blue}`, transition: \"all 0.3s\", }}>\r\n                <div style={{ display: \"flex\", alignItems: \"center\", gap: 12, marginBottom: 12 }}>\r\n                  <span style={{ fontSize: 28 }}>{steps[step].icon}<\/span>\r\n                  <div>\r\n                    <div style={{ fontSize: 11, color: COLORS.gray300, textTransform: \"uppercase\", letterSpacing: 1 }}>\r\n                      Step {step + 1} of {steps.length} \u2014 {steps[step].side === \"meta\" ? \"META Channel acts\" : steps[step].side === \"abogado\" ? \"The lawyer acts\" : \"Both participate\"}\r\n                    <\/div>\r\n                    <div style={{ fontSize: 20, color: COLORS.white, fontWeight: 700 }}>{steps[step].title}<\/div>\r\n                  <\/div>\r\n                <\/div>\r\n                <p style={{ color: COLORS.gray200, fontSize: 15, lineHeight: 1.7, whiteSpace: \"pre-line\", margin: 0 }}>\r\n                  {steps[step].desc}\r\n                <\/p>\r\n                <div style={{ display: \"flex\", justifyContent: \"space-between\", marginTop: 20 }}>\r\n                  <button onClick={() => setStep(Math.max(0, step - 1))} disabled={step === 0}\r\n                    style={{ padding: \"8px 20px\", borderRadius: 8, border: `1px solid ${COLORS.navyMid}`,\r\n                      background: \"transparent\", color: step === 0 ? COLORS.gray500 : COLORS.white,\r\n                      cursor: step === 0 ? \"default\" : \"pointer\", fontSize: 14, }}>\u2190 Previous<\/button>\r\n                  <button onClick={() => setStep(Math.min(steps.length - 1, step + 1))} disabled={step === steps.length - 1}\r\n                    style={{ padding: \"8px 20px\", borderRadius: 8, border: \"none\",\r\n                      background: step === steps.length - 1 ? COLORS.navyMid : (scenario === \"A\" ? COLORS.gold : COLORS.blue),\r\n                      color: COLORS.white, cursor: step === steps.length - 1 ? \"default\" : \"pointer\",\r\n                      fontSize: 14, fontWeight: 600, }}>Next \u2192<\/button>\r\n                <\/div>\r\n              <\/div>\r\n              {step === steps.length - 1 && (\r\n                <div style={{ marginTop: 20, padding: 20, borderRadius: 12,\r\n                  background: `${COLORS.green}15`, border: `1px solid ${COLORS.green}40`, }}>\r\n                  <div style={{ color: COLORS.green, fontWeight: 700, fontSize: 14, marginBottom: 6 }}>KEY RESULT<\/div>\r\n                  <div style={{ color: COLORS.gray200, fontSize: 14, lineHeight: 1.6 }}>\r\n                    {scenario === \"A\"\r\n                      ? \"The lawyer receives business they would not otherwise have. META Channel Corporation charges for coordination and client acquisition. Separate invoicing, no sharing of professional fees.\"\r\n                      : \"The lawyer amplifies their case with international infrastructure. META Channel Corporation charges for the coordination and infrastructure services contributed to the engagement. The lawyer maintains control and the relationship with their client.\"}\r\n                  <\/div>\r\n                <\/div>\r\n              )}\r\n            <\/div>\r\n          )}\r\n        <\/div>\r\n      );\r\n    }\r\n\r\n    function ClubDemo() {\r\n      const [profile, setProfile] = useState(null);\r\n      const profiles = [\r\n        { id: \"abogado\", label: \"Practicing Lawyer\", icon: \"\u2696\ufe0f\" },\r\n        { id: \"magistrado\", label: \"Judge \/ Former Regulator\", icon: \"\ud83c\udfdb\ufe0f\" },\r\n        { id: \"estudiante\", label: \"Final-Year Student\", icon: \"\ud83c\udf93\" },\r\n        { id: \"academico\", label: \"Academic \/ Researcher\", icon: \"\ud83d\udcda\" },\r\n      ];\r\n      const levels = {\r\n        abogado: {\r\n          recommended: \"Strategic Member\",\r\n          options: [\r\n            { name: \"Business Member\", cost: \"\u20ac150\/year\", color: COLORS.blue,\r\n              benefits: [\"Professional network directory\", \"Webinars and legal business training\", \"META Channel Legal Desk credential\", \"Private professional community\", \"May be considered for case referrals\"],\r\n              noAccess: [\"Absolute priority in case referrals\", \"Internal case calls\", \"Thematic committees\"], },\r\n            { name: \"Strategic Member\", cost: \"\u20ac300\/year\", color: COLORS.gold, recommended: true,\r\n              benefits: [\"Everything in Business Member\", \"Real priority in case referrals\", \"Access to internal opportunity calls\", \"Participation in thematic committees\", \"Full access to the META Channel ecosystem\", \"Preferred candidate for Framework Collaboration Agreement\"],\r\n              noAccess: [], },\r\n          ],\r\n        },\r\n        magistrado: {\r\n          recommended: \"Leadership Member\",\r\n          options: [\r\n            { name: \"Leadership Member\", cost: \"Free (by invitation)\", color: COLORS.purple, recommended: true,\r\n              benefits: [\"Maximum institutional visibility\", \"Presidency of thematic committees\", \"Participation as speaker at events\", \"Prestige credential\", \"Full access to training and community\", \"Reference role within the ecosystem\"],\r\n              noAccess: [\"Does not execute cases (not their function)\"], },\r\n          ],\r\n        },\r\n        estudiante: {\r\n          recommended: \"Young Member\",\r\n          options: [\r\n            { name: \"Young Member\", cost: \"\u20ac40\u201350\/year\", color: COLORS.green,\r\n              benefits: [\"International credential before graduating\", \"Access to webinars and masterclasses\", \"Training certificates for your CV\", \"Networking with lawyers from 15+ countries\", \"Professional resource library\", \"Transition to Business Member with 50% discount upon bar admission\"],\r\n              noAccess: [\"Cannot execute or refer cases (not licensed)\"], },\r\n          ],\r\n        },\r\n        academico: {\r\n          recommended: \"Business Member\",\r\n          options: [\r\n            { name: \"Business Member\", cost: \"\u20ac150\/year\", color: COLORS.blue,\r\n              benefits: [\"Professional directory\", \"Legal business training\", \"META Channel credential\", \"Connection with CEA Digital Law for research\", \"International professional community\"],\r\n              noAccess: [\"Internal case calls (available in Strategic)\"], },\r\n            { name: \"Strategic Member\", cost: \"\u20ac300\/year\", color: COLORS.gold,\r\n              benefits: [\"Everything in Business\", \"If also practicing: priority in referrals\", \"Thematic committees\", \"Joint publications with Euro-American Committee for Digital Law - CEA Digital Law\"],\r\n              noAccess: [], },\r\n          ],\r\n        },\r\n      };\r\n      const data = profile ? levels[profile] : null;\r\n      return (\r\n        <div>\r\n          <p style={{ color: COLORS.gray300, marginBottom: 24, fontSize: 15, lineHeight: 1.6 }}>\r\n            Select your professional profile to see which membership level suits you and what you receive.\r\n          <\/p>\r\n          <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(200px, 1fr))\", gap: 12, marginBottom: 28 }}>\r\n            {profiles.map((p) => (\r\n              <button key={p.id} onClick={() => setProfile(p.id)}\r\n                style={{ padding: \"16px 14px\", borderRadius: 12, cursor: \"pointer\",\r\n                  border: profile === p.id ? `2px solid ${COLORS.gold}` : `1px solid ${COLORS.navyMid}`,\r\n                  background: profile === p.id ? `${COLORS.gold}12` : COLORS.navyLight,\r\n                  display: \"flex\", alignItems: \"center\", gap: 10, transition: \"all 0.3s\", }}>\r\n                <span style={{ fontSize: 24 }}>{p.icon}<\/span>\r\n                <span style={{ color: COLORS.white, fontSize: 14, fontWeight: 600, textAlign: \"left\" }}>{p.label}<\/span>\r\n              <\/button>\r\n            ))}\r\n          <\/div>\r\n          {data && (\r\n            <div>\r\n              <div style={{ fontSize: 12, color: COLORS.gold, fontWeight: 700, letterSpacing: 1, marginBottom: 16 }}>\r\n                RECOMMENDED LEVEL: {data.recommended.toUpperCase()}\r\n              <\/div>\r\n              <div style={{ display: \"flex\", gap: 16, flexWrap: \"wrap\" }}>\r\n                {data.options.map((opt) => (\r\n                  <div key={opt.name}\r\n                    style={{ flex: \"1 1 280px\", background: COLORS.navyLight, borderRadius: 16, padding: 24,\r\n                      border: opt.recommended ? `2px solid ${opt.color}` : `1px solid ${COLORS.navyMid}`, position: \"relative\", }}>\r\n                    {opt.recommended && (\r\n                      <div style={{ position: \"absolute\", top: -10, right: 16, background: opt.color,\r\n                        color: COLORS.navy, fontSize: 11, fontWeight: 800, padding: \"3px 10px\", borderRadius: 6, letterSpacing: 0.5, }}>RECOMMENDED<\/div>\r\n                    )}\r\n                    <div style={{ fontSize: 18, fontWeight: 700, color: COLORS.white, marginBottom: 4 }}>{opt.name}<\/div>\r\n                    <div style={{ fontSize: 22, fontWeight: 800, color: opt.color, marginBottom: 16 }}>{opt.cost}<\/div>\r\n                    <div style={{ fontSize: 12, color: COLORS.gray300, fontWeight: 700, letterSpacing: 1, marginBottom: 8 }}>INCLUDES<\/div>\r\n                    {opt.benefits.map((b, i) => (\r\n                      <div key={i} style={{ display: \"flex\", gap: 8, marginBottom: 6, alignItems: \"flex-start\" }}>\r\n                        <span style={{ color: COLORS.green, fontSize: 14, marginTop: 2 }}>\u2713<\/span>\r\n                        <span style={{ color: COLORS.gray200, fontSize: 13, lineHeight: 1.5 }}>{b}<\/span>\r\n                      <\/div>\r\n                    ))}\r\n                    {opt.noAccess.length > 0 && (\r\n                      <>\r\n                        <div style={{ fontSize: 12, color: COLORS.gray500, fontWeight: 700, letterSpacing: 1, marginTop: 12, marginBottom: 8 }}>NOT INCLUDED<\/div>\r\n                        {opt.noAccess.map((b, i) => (\r\n                          <div key={i} style={{ display: \"flex\", gap: 8, marginBottom: 6, alignItems: \"flex-start\" }}>\r\n                            <span style={{ color: COLORS.gray500, fontSize: 14, marginTop: 2 }}>\u2717<\/span>\r\n                            <span style={{ color: COLORS.gray500, fontSize: 13, lineHeight: 1.5 }}>{b}<\/span>\r\n                          <\/div>\r\n                        ))}\r\n                      <\/>\r\n                    )}\r\n                  <\/div>\r\n                ))}\r\n              <\/div>\r\n            <\/div>\r\n          )}\r\n        <\/div>\r\n      );\r\n    }\r\n\r\n    function InternacionalDemo() {\r\n      const green = \"#22C55E\";\r\n      const groups = [\r\n        { label: \"Europe\", icon: \"\ud83c\uddea\ud83c\uddfa\", countries: [\"Spain (incl. Canary Islands)\", \"Ireland\", \"United Kingdom\", \"Portugal\", \"France\", \"Germany\", \"Belgium\", \"Malta\", \"Poland\"] },\r\n        { label: \"North and Central America\", icon: \"\ud83c\udf0e\", countries: [\"Mexico\", \"El Salvador\", \"Costa Rica\", \"Nicaragua\", \"Honduras\", \"Panama\", \"Dominican Republic\"] },\r\n        { label: \"South America\", icon: \"\ud83c\udf0e\", countries: [\"Colombia\", \"Venezuela\", \"Ecuador\", \"Peru\", \"Brazil\", \"Uruguay\", \"Argentina\", \"Paraguay\", \"Chile\"] },\r\n        { label: \"Mediterranean and Middle East\", icon: \"\ud83c\udf0d\", countries: [\"Turkey\"] },\r\n        { label: \"Africa\", icon: \"\ud83c\udf0d\", countries: [\"Angola\", \"Mozambique\"] },\r\n      ];\r\n      const total = groups.reduce((s, g) => s + g.countries.length, 0);\r\n      return (<div>\r\n        <p style={{color:COLORS.gray300,marginBottom:8,fontSize:15,lineHeight:1.6}}>{total} operational jurisdictions organized by region.<\/p>\r\n        <div style={{display:\"flex\",alignItems:\"center\",gap:8,marginBottom:24}}>\r\n          <div style={{width:10,height:10,borderRadius:\"50%\",background:green}} \/>\r\n          <span style={{fontSize:13,color:COLORS.gray300}}>Operational<\/span>\r\n        <\/div>\r\n        {groups.map(g => (\r\n          <div key={g.label} style={{marginBottom:24}}>\r\n            <div style={{display:\"flex\",alignItems:\"center\",gap:10,marginBottom:12}}>\r\n              <span style={{fontSize:18}}>{g.icon}<\/span>\r\n              <span style={{fontSize:15,fontWeight:700,color:COLORS.white}}>{g.label}<\/span>\r\n              <span style={{fontSize:12,color:green,fontWeight:600}}>({g.countries.length})<\/span>\r\n              <div style={{flex:1,height:1,background:COLORS.navyMid,marginLeft:8}} \/>\r\n            <\/div>\r\n            <div style={{display:\"grid\",gridTemplateColumns:\"repeat(auto-fill, minmax(220px, 1fr))\",gap:8}}>\r\n              {g.countries.map(name => (\r\n                <div key={name} style={{ display:\"flex\",alignItems:\"center\",gap:10, padding:\"11px 16px\",borderRadius:10,\r\n                  background:COLORS.navyLight, border:`1px solid ${COLORS.navyMid}`, }}>\r\n                  <div style={{width:8,height:8,borderRadius:\"50%\",background:green,flexShrink:0}} \/>\r\n                  <span style={{color:COLORS.gray200,fontSize:14}}>{name}<\/span>\r\n                <\/div>\r\n              ))}\r\n            <\/div>\r\n          <\/div>\r\n        ))}\r\n      <\/div>);\r\n    }\r\n\r\n    function UniversidadDemo() {\r\n      const [activePhase, setActivePhase] = useState(0);\r\n      const phases = [\r\n        { icon: \"\ud83d\udcda\", title: \"Final Year of Law\", time: \"Year 0\",\r\n          desc: \"You're finishing your degree. You enroll as a Young Member for \u20ac50\/year.\",\r\n          detail: \"You receive an international credential based in Dublin, access to webinars and masterclasses, training certificates for your CV, and networking with lawyers from 15+ countries.\",\r\n          color: COLORS.blue, },\r\n        { icon: \"\ud83c\udf93\", title: \"You Graduate\", time: \"Year 1\",\r\n          desc: \"You already have 12+ international training certificates and an active professional network.\",\r\n          detail: \"While your classmates are looking for internships without contacts, you already know practicing lawyers in multiple jurisdictions and understand tokenization, litigation finance and AI compliance.\",\r\n          color: COLORS.purple, },\r\n        { icon: \"\u2696\ufe0f\", title: \"Bar Admission\", time: \"Year 1-2\",\r\n          desc: \"You automatically transition to Business Member with a 50% discount the first year (\u20ac75 instead of \u20ac150).\",\r\n          detail: \"You are no longer a student: you are a professional member. Your profile appears in the directory. You may be considered for case referrals. The transition is automatic upon proof of bar admission.\",\r\n          color: COLORS.gold, },\r\n        { icon: \"\ud83d\udccb\", title: \"First Referrals\", time: \"Year 2-3\",\r\n          desc: \"You start receiving cases through the network. First as support, then as executor.\",\r\n          detail: \"A senior lawyer in the network needs support on a case with a cross-border component. You're assigned to it. You learn, get paid, and build your first track record within Legal Desk.\",\r\n          color: COLORS.green, },\r\n        { icon: \"\ud83d\ude80\", title: \"Strategic Member\", time: \"Year 3+\",\r\n          desc: \"With 3+ cases executed, you advance to Strategic Member (\u20ac300\/year). Real priority in referrals.\",\r\n          detail: \"You are a lawyer with verifiable international experience, you belong to a network with a presence in 15+ countries, and you can offer your clients capabilities that no other lawyer in your graduating class has.\",\r\n          color: COLORS.gold, },\r\n      ];\r\n      return (\r\n        <div>\r\n          <p style={{ color: COLORS.gray300, marginBottom: 24, fontSize: 15, lineHeight: 1.6 }}>\r\n            The journey of a student from their final year to becoming an international lawyer.\r\n          <\/p>\r\n          <div style={{ position: \"relative\", marginBottom: 28, paddingLeft: 20 }}>\r\n            <div style={{ position: \"absolute\", left: 9, top: 0, bottom: 0, width: 2,\r\n              background: `linear-gradient(to bottom, ${COLORS.blue}, ${COLORS.gold})`, }} \/>\r\n            {phases.map((p, i) => (\r\n              <button key={i} onClick={() => setActivePhase(i)}\r\n                style={{ display: \"flex\", alignItems: \"flex-start\", gap: 16,\r\n                  marginBottom: i < phases.length - 1 ? 8 : 0,\r\n                  padding: \"12px 16px\", borderRadius: 12, border: \"none\",\r\n                  background: activePhase === i ? `${p.color}15` : \"transparent\",\r\n                  cursor: \"pointer\", width: \"100%\", textAlign: \"left\",\r\n                  position: \"relative\", transition: \"all 0.3s\", }}>\r\n                <div style={{ width: 20, height: 20, borderRadius: \"50%\", flexShrink: 0,\r\n                  background: activePhase === i ? p.color : COLORS.navyMid,\r\n                  border: `2px solid ${activePhase === i ? p.color : COLORS.gray500}`,\r\n                  display: \"flex\", alignItems: \"center\", justifyContent: \"center\",\r\n                  fontSize: 10, marginTop: 2, position: \"relative\", zIndex: 1, transition: \"all 0.3s\", }} \/>\r\n                <div>\r\n                  <div style={{ display: \"flex\", alignItems: \"center\", gap: 8, marginBottom: 2 }}>\r\n                    <span style={{ fontSize: 16 }}>{p.icon}<\/span>\r\n                    <span style={{ fontSize: 15, fontWeight: 700, color: activePhase === i ? COLORS.white : COLORS.gray300 }}>{p.title}<\/span>\r\n                    <span style={{ fontSize: 11, color: p.color, fontWeight: 600 }}>{p.time}<\/span>\r\n                  <\/div>\r\n                  <div style={{ fontSize: 13, color: COLORS.gray300, lineHeight: 1.5 }}>{p.desc}<\/div>\r\n                <\/div>\r\n              <\/button>\r\n            ))}\r\n          <\/div>\r\n          <div style={{ background: COLORS.navyLight, borderRadius: 16, padding: 24,\r\n            borderLeft: `4px solid ${phases[activePhase].color}`, }}>\r\n            <div style={{ fontSize: 11, color: phases[activePhase].color, fontWeight: 700, letterSpacing: 1, marginBottom: 6 }}>\r\n              {phases[activePhase].time} \u2014 {phases[activePhase].title.toUpperCase()}\r\n            <\/div>\r\n            <p style={{ color: COLORS.gray200, fontSize: 15, lineHeight: 1.7, margin: 0 }}>\r\n              {phases[activePhase].detail}\r\n            <\/p>\r\n          <\/div>\r\n          <div style={{ marginTop: 20, padding: 20, borderRadius: 12,\r\n            background: `${COLORS.gold}10`, border: `1px solid ${COLORS.gold}30`, }}>\r\n            <div style={{ color: COLORS.gold, fontWeight: 700, fontSize: 14, marginBottom: 6 }}>THE NUMBER<\/div>\r\n            <div style={{ color: COLORS.gray200, fontSize: 14, lineHeight: 1.6 }}>\r\n              \u20ac50 per year = \u20ac4.16 per month. Less than a dinner. In return: international credential, professional training, networking in 15+ countries, and a direct path to a career with global reach.\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      );\r\n    }\r\n\r\n    function LegalDeskDemos() {\r\n      const [activeTab, setActiveTab] = useState(\"colab\");\r\n      const components = { colab: ColaboradoresDemo, club: ClubDemo, intl: InternacionalDemo, uni: UniversidadDemo };\r\n      const ActiveComponent = components[activeTab];\r\n      return (\r\n        <div style={{ background: COLORS.navy, fontFamily: \"'Public Sans', 'Segoe UI', sans-serif\", paddingBottom: 40 }}>\r\n          <div style={{ maxWidth: 1000, margin: \"0 auto\", padding: \"32px 20px\" }}>\r\n            <div style={{ marginBottom: 32, textAlign: \"center\" }}>\r\n              <div style={{ fontSize: 11, color: COLORS.gold, fontWeight: 700, letterSpacing: 2, marginBottom: 8 }}>META CHANNEL LEGAL DESK<\/div>\r\n              <h1 style={{ fontSize: 26, fontWeight: 800, color: COLORS.white, margin: \"0 0 8px 0\" }}>Interactive Examples<\/h1>\r\n              <p style={{ fontSize: 14, color: COLORS.gray300, margin: 0 }}>\r\n                Discover in a practical way how we structure collaboration and benefits at each level of the ecosystem.\r\n              <\/p>\r\n            <\/div>\r\n            <div style={{ display: \"flex\", gap: 4, marginBottom: 28, flexWrap: \"wrap\",\r\n              background: COLORS.navyLight, borderRadius: 14, padding: 4, }}>\r\n              {tabs.map((t) => (\r\n                <button key={t.id} onClick={() => setActiveTab(t.id)}\r\n                  style={{ flex: \"1 1 120px\", padding: \"10px 8px\", borderRadius: 10, border: \"none\",\r\n                    background: activeTab === t.id ? COLORS.navyMid : \"transparent\",\r\n                    color: activeTab === t.id ? COLORS.white : COLORS.gray500,\r\n                    cursor: \"pointer\", fontSize: 12, fontWeight: 600, transition: \"all 0.2s\", }}>\r\n                  <span style={{ fontSize: 16, display: \"block\", marginBottom: 2 }}>{t.icon}<\/span>\r\n                  {t.label}\r\n                <\/button>\r\n              ))}\r\n            <\/div>\r\n            <div style={{ background: `${COLORS.navyLight}80`, borderRadius: 20, padding: 28,\r\n              border: `1px solid ${COLORS.navyMid}`, }}>\r\n              <ActiveComponent \/>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      );\r\n    }\r\n\r\n    const root = ReactDOM.createRoot(document.getElementById('legal-desk-demos-root'));\r\n    root.render(<LegalDeskDemos \/>);\r\n  <\/script>\r\n\r\n  <!-- ===================== 4 V\u00cdAS DE INTEGRACI\u00d3N (con ancla #vias) ===================== -->\r\n  <section class=\"ld-concepto\" style=\"border-bottom: 1px solid var(--border-color);\" id=\"vias\">\r\n    <div class=\"ld-container\">\r\n      <div style=\"text-align: center; margin-bottom: 50px;\">\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">META Channel Corporation Professional Ecosystem<\/span>\r\n        <h2 class=\"ld-title-lg\">Four Integration Pathways for Legal Professionals and Independent Law Firms<\/h2>\r\n        <p class=\"ld-text-body\" style=\"max-width: 700px; margin: 0 auto;\">\r\n          Professional collaboration, international execution, real business and university access \u2014 all from the META Channel Corporation infrastructure.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ld-grid-4\">\r\n        <div class=\"ld-card\">\r\n          <div class=\"ld-icon-box\"><span class=\"material-symbols-outlined\">handshake<\/span><\/div>\r\n          <h3 class=\"ld-title-md\">Professional Network<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Two collaboration models for lawyers in Spain. Execute coordinated engagements from our infrastructure.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/professional-network\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">View Collaboration<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ld-card\">\r\n          <div class=\"ld-icon-box\"><span class=\"material-symbols-outlined\">public<\/span><\/div>\r\n          <h3 class=\"ld-title-md\">International Network<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Local legal execution in multiple jurisdictions. Globally coordinated independent lawyers.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/international-network\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">View International Network<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ld-card\">\r\n          <div class=\"ld-icon-box\"><span class=\"material-symbols-outlined\">workspace_premium<\/span><\/div>\r\n          <h3 class=\"ld-title-md\">Legal Business Club<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Membership programme that connects legal professionals with an ecosystem that generates real business, not just networking.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/legal-business-club\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">Discover the Club<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"ld-card\">\r\n          <div class=\"ld-icon-box\"><span class=\"material-symbols-outlined\">school<\/span><\/div>\r\n          <h3 class=\"ld-title-md\">University Programme<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Your connection to international professional practice from the final year of your Law degree.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/university-programme\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">Student Info<\/a>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u2605 CTA DE INSCRIPCI\u00d3N DEBAJO DE LAS 4 TARJETAS \u2605 -->\r\n      <div class=\"ld-inscripcion-banner\">\r\n        <span style=\"color: #22C55E; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 10px;\">Take the First Step<\/span>\r\n        <h3 class=\"ld-title-lg\" style=\"margin-bottom: 10px;\">Ready to Join the Ecosystem?<\/h3>\r\n        <p class=\"ld-text-body\" style=\"max-width: 600px; margin: 0 auto 24px auto; font-size: 15px;\">\r\n          Choose the pathway that best suits your professional profile and complete your enrollment. Lawyers, students, academics and judges: there is a place for you.\r\n        <\/p>\r\n        <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/forms\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-inscribirse\">\r\n          <span class=\"material-symbols-outlined\">how_to_reg<\/span> Join Now\r\n        <\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== BENEFICIO + TRANSPARENCIA ===================== -->\r\n  <section class=\"ld-section\">\r\n    <div class=\"ld-container\" style=\"max-width: 900px;\">\r\n      \r\n      <div style=\"text-align: center;\">\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Benefit<\/span>\r\n        <h2 class=\"ld-title-lg\">One Architecture. One Structured Execution.<\/h2>\r\n        <p class=\"ld-text-body\" style=\"font-size: clamp(15px, 1.8vw, 17px); margin-top: 15px;\">\r\n          META Channel Legal Desk provides access to specialized legal defense while maintaining a single point of coordination and a coherent operational structure from the start of the engagement. Each client benefits from a solid international framework and orderly local legal execution within a single architecture.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"ld-transparencia-box\">\r\n        <span style=\"color: #60a5fa; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 8px;\">Professional Framework<\/span>\r\n        <h3 class=\"ld-title-lg\" style=\"margin-bottom: 25px;\">Transparency<\/h3>\r\n        <p class=\"ld-text-body\" style=\"font-size: 15px;\">\r\n          META Channel Corporation Ltd. is an Irish trading company that acts as a coordination, structuring and operational support infrastructure for engagements. It does not directly provide legal services reserved for lawyers nor does it act as a professional law firm.\r\n        <\/p>\r\n        <p class=\"ld-text-body\" style=\"font-size: 15px;\">\r\n          Legal services are provided exclusively by independent lawyers licensed in each jurisdiction, who assume the corresponding legal direction and professional responsibility.\r\n        <\/p>\r\n        <p class=\"ld-text-body\" style=\"font-size: 15px; margin-bottom: 0;\">\r\n          Each engagement is formalized through contractual instruments that clearly delineate the coordination functions of META Channel Corporation and the legal service provision functions of the designated lawyer.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== CTA CONTACT (CASOS) ===================== -->\r\n  <section class=\"ld-section-alt\" style=\"text-align: center;\">\r\n    <div class=\"ld-container\" style=\"max-width: 700px;\">\r\n      <h2 class=\"ld-title-lg\">Do you need a legal coordination structure with local or international scope?<\/h2>\r\n      <p class=\"ld-text-body\" style=\"margin-bottom: 30px; font-size: clamp(15px, 1.8vw, 17px);\">\r\n        Contact META Channel Legal Desk to evaluate your matter and arrange the appropriate engagement.\r\n      <\/p>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/contact\/\" class=\"ld-btn ld-btn-primary\">Contact<\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== CTA INSCRIPCI\u00d3N (PROFESIONALES) ===================== -->\r\n  <section style=\"text-align: center; border-top: 1px solid var(--border-color); background: linear-gradient(180deg, rgba(34, 197, 94, 0.04) 0%, var(--bg-dark) 100%);\">\r\n    <div class=\"ld-container\" style=\"max-width: 750px;\">\r\n      <span style=\"color: #22C55E; font-weight: 800; letter-spacing: 1.5px; text-transform: uppercase; font-size: 11px; display: block; margin-bottom: 12px;\">For Legal Professionals<\/span>\r\n      <h2 class=\"ld-title-lg\">Professional Integration into the Legal Desk Ecosystem<\/h2>\r\n      <p class=\"ld-text-body\" style=\"margin-bottom: 30px; font-size: clamp(15px, 1.8vw, 17px); max-width: 600px; margin-left: auto; margin-right: auto;\">\r\n        Lawyers, students, academics and judges: access an international infrastructure for coordination, execution and professional connection structured from META Channel Corporation.\r\n      <\/p>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/legal-desk\/forms\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-inscribirse\" style=\"height: clamp(44px, 5vw, 52px); padding: 0 32px; font-size: clamp(15px, 1.7vw, 16px); border-radius: 10px;\">\r\n        <span class=\"material-symbols-outlined\">how_to_reg<\/span> Join Legal Desk\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== FOOTER ===================== -->\r\n  <footer class=\"ld-footer\">\r\n    <div class=\"ld-footer-text\">\r\n      <p>META Channel Corporation Ltd. \u2014 Irish trading company.<\/p>\r\n      <p>Legal Desk is an operational division of META Channel Corporation. It does not constitute a professional law firm.<\/p>\r\n      <p>Legal services are provided by independent professionals licensed in each jurisdiction.<\/p>\r\n    <\/div>\r\n    <div class=\"ld-footer-links\">\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/strategic-capabilities\/\">STRATEGIC CAPABILITIES<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/privacy-policy\/\">PRIVACY POLICY<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/legal-notice\/\">Legal Notice<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/cookies-policy\/\">Cookies Policy<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/security-policy\/\">Security Policy<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/en\/contact\/\">CONTACT<\/a>\r\n    <\/div>\r\n  <\/footer>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\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>by META Channel Corporation META Channel Legal Desk Local legal execution within an international architecture A single point of coordination&#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-38643","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38643","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=38643"}],"version-history":[{"count":1,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38643\/revisions"}],"predecessor-version":[{"id":38824,"href":"https:\/\/metachannelcorp.com\/en\/wp-json\/wp\/v2\/pages\/38643\/revisions\/38824"}],"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=38643"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}