{"id":37813,"date":"2026-03-02T12:24:57","date_gmt":"2026-03-02T12:24:57","guid":{"rendered":"https:\/\/metachannelcorp.com\/?page_id=37813"},"modified":"2026-04-12T12:28:50","modified_gmt":"2026-04-12T12:28:50","slug":"legal-desk","status":"publish","type":"page","link":"https:\/\/metachannelcorp.com\/es\/capacidades-estrategicas\/legal-desk\/","title":{"rendered":"META Channel Legal Desk"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"37813\" class=\"elementor 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  \/* Bot\u00f3n de inscripci\u00f3n especial *\/\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  \/* CTA Banner de inscripci\u00f3n *\/\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\">Ejecuci\u00f3n jur\u00eddica local dentro de una arquitectura internacional<\/span>\r\n          <\/h1>\r\n          \r\n          <p class=\"ld-text-lead\">\r\n            Un \u00fanico punto de coordinaci\u00f3n. El profesional adecuado. Una estructura internacional que ordena y acompa\u00f1a el flujo del encargo.\r\n          <\/p>\r\n          \r\n          <div class=\"ld-btn-group\">\r\n            <a href=\"#concepto\" class=\"ld-btn ld-btn-primary\">Descubrir Legal Desk<\/a>\r\n            <a href=\"#servicios\" class=\"ld-btn ld-btn-outline\">Explorar<\/a>\r\n            <a href=\"#vias\" class=\"ld-btn ld-btn-inscribirse\"><span class=\"material-symbols-outlined\">how_to_reg<\/span> Inscribirse<\/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;\">Concepto<\/span>\r\n        <h2 class=\"ld-title-lg\">Qu\u00e9 es 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 es la divisi\u00f3n de META Channel Corporation dedicada a organizar, estructurar y coordinar encargos jur\u00eddicos para empresas y particulares que requieren una ejecuci\u00f3n profesional ordenada y especializada.\r\n        <\/p>\r\n        <p class=\"ld-text-body\">\r\n          META Channel Legal Desk analiza el asunto, eval\u00faa su complejidad, estructura el encargo y canaliza la intervenci\u00f3n del profesional correspondiente en la jurisdicci\u00f3n aplicable. Cuando el asunto lo requiere, la actuaci\u00f3n jur\u00eddica se integra dentro de la visi\u00f3n estrat\u00e9gica m\u00e1s amplia del ecosistema META Channel Corporation.\r\n        <\/p>\r\n        <p class=\"ld-text-body\">\r\n          Legal Desk constituye la capa de ejecuci\u00f3n jur\u00eddica local dentro de la infraestructura operativa de META Channel Corporation. Los servicios jur\u00eddicos son prestados exclusivamente por abogados independientes habilitados en cada territorio.\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=\"Concepto Legal\">\r\n        <div class=\"ld-image-overlay\">\r\n          <p class=\"ld-title-md\" style=\"margin:0;\">Legal Desk, la capa de ejecuci\u00f3n jur\u00eddica local de 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;\">Raz\u00f3n de ser<\/span>\r\n      <h2 class=\"ld-title-lg\" style=\"margin-top: 12px;\">Por qu\u00e9 existe Legal Desk<\/h2>\r\n      <p class=\"ld-text-lead\" style=\"margin-left: auto; margin-right: auto;\">\r\n        La ejecuci\u00f3n jur\u00eddica se produce siempre en jurisdicciones concretas, pero las operaciones empresariales cada vez tienen m\u00e1s componentes transfronterizos y regulatorios que desbordan el \u00e1mbito puramente local.\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 nace como una infraestructura internacional de estrategia, regulaci\u00f3n e implementaci\u00f3n que opera entre Europa, Am\u00e9rica Latina y \u00c1frica. Legal Desk permite trasladar esa capacidad al \u00e1mbito de la ejecuci\u00f3n jur\u00eddica local, conectando cada asunto con el profesional adecuado y coordinando su desarrollo dentro de una estructura con visi\u00f3n global.\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;\">\u00c1reas de pr\u00e1ctica<\/span>\r\n          <h2 class=\"ld-title-lg\">\u00c1mbitos de coordinaci\u00f3n jur\u00eddica<\/h2>\r\n          <p class=\"ld-text-body\" style=\"margin:0;\">META Channel Legal Desk coordina encargos jur\u00eddicos locales a trav\u00e9s de profesionales especializados en las principales \u00e1reas del Derecho.<\/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;\">Derecho civil y patrimonial<\/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;\">Derecho mercantil y societario<\/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;\">Defensa penal y cumplimiento normativo<\/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;\">Derecho administrativo y regulatorio<\/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;\">Derecho digital y tecnol\u00f3gico<\/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;\">Operaciones transnacionales y Derecho internacional privado<\/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        Cada asunto se articula con el profesional independiente correspondiente seg\u00fan la naturaleza del caso y la jurisdicci\u00f3n aplicable.\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;\">Proceso<\/span>\r\n        <h2 class=\"ld-title-lg\">C\u00f3mo funciona<\/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\">Evaluaci\u00f3n y estructuraci\u00f3n del encargo<\/h3>\r\n            <p class=\"ld-text-small\">Legal Desk analiza la situaci\u00f3n, eval\u00faa la complejidad del asunto y define la estructura adecuada del encargo, identificando si existen componentes regulatorios, transfronterizos o estrat\u00e9gicos locales que requieran una coordinaci\u00f3n espec\u00edfica.<\/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\">Designaci\u00f3n del abogado independiente<\/h3>\r\n            <p class=\"ld-text-small\">Se articula la intervenci\u00f3n del profesional independiente correspondiente seg\u00fan materia, jurisdicci\u00f3n y perfil del asunto. El abogado interviniente asume la direcci\u00f3n letrada y responsabilidad profesional conforme a la normativa aplicable.<\/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\">Formalizaci\u00f3n del encargo profesional<\/h3>\r\n            <p class=\"ld-text-small\">El encargo se formaliza mediante los instrumentos contractuales correspondientes, diferenciando la coordinaci\u00f3n de META Channel Corporation de la prestaci\u00f3n de servicios jur\u00eddicos del abogado independiente.<\/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\">Coordinaci\u00f3n y seguimiento operativo<\/h3>\r\n            <p class=\"ld-text-small\">META Channel Corporation coordina el flujo de informaci\u00f3n, la trazabilidad del encargo y la coherencia operativa del proceso, especialmente cuando el asunto tiene conexi\u00f3n con otras \u00e1reas del ecosistema.<\/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;\">Cobertura<\/span>\r\n        <h3 class=\"ld-title-lg\">D\u00f3nde operamos<\/h3>\r\n        \r\n        <p class=\"ld-text-body\">\r\n          META Channel Corporation coordina actuaciones jur\u00eddicas mediante profesionales independientes en las siguientes jurisdicciones:\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>Irlanda y Uni\u00f3n Europea<\/span><\/li>\r\n            <li><span class=\"material-symbols-outlined\">location_on<\/span><span>Espa\u00f1a (incl. Canarias)<\/span><\/li>\r\n            <li><span class=\"material-symbols-outlined\">location_on<\/span><span>Am\u00e9rica Latina<\/span><\/li>\r\n            <li><span class=\"material-symbols-outlined\">explore<\/span><span>Angola y Mozambique. Expansi\u00f3n progresiva a \u00c1frica<\/span><\/li>\r\n          <\/ul>\r\n        <\/div>\r\n        \r\n        <p class=\"ld-text-small\" style=\"opacity: 0.8;\">\r\n          La intervenci\u00f3n del profesional correspondiente se articula en funci\u00f3n de la jurisdicci\u00f3n y de la naturaleza espec\u00edfica de cada asunto.\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;\">Condiciones econ\u00f3micas<\/span>\r\n        <h3 class=\"ld-title-lg\">Honorarios de coordinaci\u00f3n<\/h3>\r\n        \r\n        <p class=\"ld-text-body\">\r\n          META Channel Corporation factura exclusivamente honorarios de coordinaci\u00f3n, estructuraci\u00f3n y gesti\u00f3n del encargo jur\u00eddico.\r\n        <\/p>\r\n        <p class=\"ld-text-body\" style=\"margin-bottom: 10px;\">Los honorarios de coordinaci\u00f3n pueden incluir:<\/p>\r\n        \r\n        <ul class=\"ld-list\">\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Evaluaci\u00f3n inicial y an\u00e1lisis de complejidad<\/li>\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Estructuraci\u00f3n del encargo y selecci\u00f3n del profesional<\/li>\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Coordinaci\u00f3n operativa y gesti\u00f3n de comunicaciones<\/li>\r\n          <li><span class=\"material-symbols-outlined\">check_circle<\/span> Seguimiento, reporting y control de calidad del proceso<\/li>\r\n        <\/ul>\r\n        \r\n        <p class=\"ld-text-small\" style=\"margin-bottom: 10px;\">\r\n          META Channel Corporation Ltd. factura exclusivamente sus propios servicios de coordinaci\u00f3n, organizaci\u00f3n y soporte operativo. Los honorarios profesionales del abogado por la prestaci\u00f3n jur\u00eddica son facturados directamente por el profesional correspondiente. Ambos conceptos se mantienen separados de forma contractual y documental.\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: \"Red Colaboradores\", icon: \"\u2696\ufe0f\" },\r\n      { id: \"club\", label: \"Club de Negocios\", icon: \"\ud83c\udfdb\ufe0f\" },\r\n      { id: \"intl\", label: \"Red Internacional\", icon: \"\ud83c\udf0d\" },\r\n      { id: \"uni\", label: \"Programa Universitario\", 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: \"Cliente contacta META Channel\", desc: \"Un cliente llega a trav\u00e9s de la web, Pacto Orbital o red de contactos.\", side: \"meta\" },\r\n        { icon: \"\ud83d\udd0d\", title: \"META Channel eval\u00faa y estructura\", desc: \"Se analiza jurisdicci\u00f3n, complejidad y perfil necesario del abogado.\", side: \"meta\" },\r\n        { icon: \"\ud83d\udccb\", title: \"Se selecciona al colaborador\", desc: \"META Channel articula la intervenci\u00f3n del profesional independiente correspondiente de la red de colaboradores y le traslada el encargo estructurado.\", side: \"meta\" },\r\n        { icon: \"\u270d\ufe0f\", title: \"Formalizaci\u00f3n contractual\", desc: \"Contrato META Channel \u2194 Cliente (coordinaci\u00f3n) + Hoja de encargo Abogado \u2194 Cliente (ejecuci\u00f3n).\", side: \"both\" },\r\n        { icon: \"\u2696\ufe0f\", title: \"El abogado ejecuta\", desc: \"Direcci\u00f3n letrada y responsabilidad profesional del abogado. META Channel Corporation coordina.\", side: \"abogado\" },\r\n        { icon: \"\ud83d\udcb6\", title: \"Estructura econ\u00f3mica\", desc: \"Fee de coordinaci\u00f3n de META Channel Corporation + honorarios del abogado por la prestaci\u00f3n jur\u00eddica. Dos conceptos distintos, dos prestadores distintos.\", side: \"both\" },\r\n      ];\r\n\r\n      const scenarioB = [\r\n        { icon: \"\ud83d\udc64\", title: \"El abogado tiene un caso\", desc: \"Un cliente del propio abogado necesita estructura internacional, marca o coordinaci\u00f3n.\", side: \"abogado\" },\r\n        { icon: \"\ud83d\udcde\", title: \"Lo canaliza por Legal Desk\", desc: \"El abogado decide usar la infraestructura de META Channel Corporation para darle alcance de excelencia al caso.\", side: \"abogado\" },\r\n        { icon: \"\ud83c\udfd7\ufe0f\", title: \"META Channel Corporation aporta estructura\", desc: \"Marca internacional, coordinaci\u00f3n operativa, acceso al ecosistema si procede.\", side: \"meta\" },\r\n        { icon: \"\u270d\ufe0f\", title: \"Formalizaci\u00f3n contractual\", desc: \"Contrato de coordinaci\u00f3n META \u2194 Cliente + Hoja de encargo Abogado \u2194 Cliente. Separaci\u00f3n documental clara entre coordinaci\u00f3n y prestaci\u00f3n jur\u00eddica.\", side: \"both\" },\r\n        { icon: \"\u2696\ufe0f\", title: \"El abogado ejecuta\", desc: \"Mantiene la relaci\u00f3n con su cliente. META coordina y aporta infraestructura.\", side: \"abogado\" },\r\n        { icon: \"\ud83d\udcb6\", title: \"Estructura econ\u00f3mica\", desc: \"Fee de coordinaci\u00f3n e infraestructura de META Channel Corporation + honorarios del abogado por la prestaci\u00f3n jur\u00eddica. Conceptos separados, prestadores distintos.\", 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            Dos modelos de colaboraci\u00f3n profesional. Selecciona un escenario para ver el flujo completo paso a paso.\r\n          <\/p>\r\n          <div style={{ display: \"flex\", gap: 16, marginBottom: 32, flexWrap: \"wrap\" }}>\r\n            {[\r\n              { id: \"A\", title: \"Caso aportado por META Channel\", sub: \"Asunto originado a trav\u00e9s de META Channel Legal Desk \u00b7 retribuci\u00f3n articulada conforme a la estructura del encargo\", color: COLORS.gold },\r\n              { id: \"B\", title: \"Caso aportado por el abogado\", sub: \"El abogado incorpora su caso al ecosistema \u00b7 remuneraci\u00f3n articulada seg\u00fan el alcance de la intervenci\u00f3n\", 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 }}>ESCENARIO {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                      Paso {step + 1} de {steps.length} \u2014 {steps[step].side === \"meta\" ? \"META Channel act\u00faa\" : steps[step].side === \"abogado\" ? \"El abogado act\u00faa\" : \"Ambos participan\"}\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 Anterior<\/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, }}>Siguiente \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 }}>RESULTADO CLAVE<\/div>\r\n                  <div style={{ color: COLORS.gray200, fontSize: 14, lineHeight: 1.6 }}>\r\n                    {scenario === \"A\"\r\n                      ? \"El abogado recibe negocio que no tendr\u00eda de otra forma. META Channel Corporation cobra por la coordinaci\u00f3n y captaci\u00f3n. Facturaci\u00f3n separada, sin reparto de honorarios profesionales.\"\r\n                      : \"El abogado amplifica su caso con infraestructura internacional. META Channel Corporation cobra por los servicios de coordinaci\u00f3n e infraestructura aportados al encargo. El abogado mantiene el control y la relaci\u00f3n con su cliente.\"}\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: \"Abogado en ejercicio\", icon: \"\u2696\ufe0f\" },\r\n        { id: \"magistrado\", label: \"Magistrado \/ Ex regulador\", icon: \"\ud83c\udfdb\ufe0f\" },\r\n        { id: \"estudiante\", label: \"Estudiante \u00faltimo curso\", icon: \"\ud83c\udf93\" },\r\n        { id: \"academico\", label: \"Acad\u00e9mico \/ Investigador\", 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: \"150 \u20ac\/a\u00f1o\", color: COLORS.blue,\r\n              benefits: [\"Directorio profesional de la red\", \"Webinars y formaci\u00f3n de negocio jur\u00eddico\", \"Credencial META Channel Legal Desk\", \"Comunidad privada de profesionales\", \"Puede ser considerado para derivaciones\"],\r\n              noAccess: [\"Prioridad absoluta en derivaciones de casos\", \"Convocatorias internas de casos\", \"Comit\u00e9s tem\u00e1ticos\"], },\r\n            { name: \"Strategic Member\", cost: \"300 \u20ac\/a\u00f1o\", color: COLORS.gold, recommended: true,\r\n              benefits: [\"Todo lo de Business Member\", \"Prioridad real en derivaciones de casos\", \"Acceso a convocatorias internas de oportunidades\", \"Participaci\u00f3n en comit\u00e9s tem\u00e1ticos\", \"Acceso completo al ecosistema META Channel\", \"Candidato preferente para Acuerdo Marco de Colaboraci\u00f3n\"],\r\n              noAccess: [], },\r\n          ],\r\n        },\r\n        magistrado: {\r\n          recommended: \"Leadership Member\",\r\n          options: [\r\n            { name: \"Leadership Member\", cost: \"Gratuita (por invitaci\u00f3n)\", color: COLORS.purple, recommended: true,\r\n              benefits: [\"M\u00e1xima visibilidad institucional\", \"Presidencia de comit\u00e9s tem\u00e1ticos\", \"Participaci\u00f3n como ponente en eventos\", \"Credencial de prestigio\", \"Acceso completo a formaci\u00f3n y comunidad\", \"Rol de referencia dentro del ecosistema\"],\r\n              noAccess: [\"No ejecuta casos (no es su funci\u00f3n)\"], },\r\n          ],\r\n        },\r\n        estudiante: {\r\n          recommended: \"Young Member\",\r\n          options: [\r\n            { name: \"Young Member\", cost: \"40\u201350 \u20ac\/a\u00f1o\", color: COLORS.green,\r\n              benefits: [\"Credencial internacional antes de graduarte\", \"Acceso a webinars y masterclasses\", \"Certificados de formaci\u00f3n para tu CV\", \"Networking con abogados de 15+ pa\u00edses\", \"Biblioteca de recursos profesionales\", \"Transici\u00f3n a Business Member con 50% dto al colegiarte\"],\r\n              noAccess: [\"No puede ejecutar ni derivar casos (no est\u00e1 habilitado)\"], },\r\n          ],\r\n        },\r\n        academico: {\r\n          recommended: \"Business Member\",\r\n          options: [\r\n            { name: \"Business Member\", cost: \"150 \u20ac\/a\u00f1o\", color: COLORS.blue,\r\n              benefits: [\"Directorio profesional\", \"Formaci\u00f3n de negocio jur\u00eddico\", \"Credencial META Channel\", \"Conexi\u00f3n con CEA Digital Law para investigaci\u00f3n\", \"Comunidad internacional de profesionales\"],\r\n              noAccess: [\"Convocatorias internas de casos (disponible en Strategic)\"], },\r\n            { name: \"Strategic Member\", cost: \"300 \u20ac\/a\u00f1o\", color: COLORS.gold,\r\n              benefits: [\"Todo lo de Business\", \"Si tambi\u00e9n ejerce: prioridad en derivaciones\", \"Comit\u00e9s tem\u00e1ticos\", \"Publicaciones conjuntas con Comit\u00e9 Euroa Americano de Derecho Digital -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            Selecciona tu perfil profesional para ver qu\u00e9 nivel de membres\u00eda te corresponde y qu\u00e9 recibes.\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                NIVEL RECOMENDADO: {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, }}>RECOMENDADO<\/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 }}>INCLUYE<\/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 }}>NO INCLUYE<\/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: \"Europa\", icon: \"\ud83c\uddea\ud83c\uddfa\", countries: [\"Espa\u00f1a (incl. Canarias)\", \"Irlanda\", \"Reino Unido\", \"Portugal\", \"Francia\", \"Alemania\", \"B\u00e9lgica\", \"Malta\", \"Polonia\"] },\r\n        { label: \"Am\u00e9rica del Norte y Centroam\u00e9rica\", icon: \"\ud83c\udf0e\", countries: [\"M\u00e9xico\", \"El Salvador\", \"Costa Rica\", \"Nicaragua\", \"Honduras\", \"Panam\u00e1\", \"Rep\u00fablica Dominicana\"] },\r\n        { label: \"Am\u00e9rica del Sur\", icon: \"\ud83c\udf0e\", countries: [\"Colombia\", \"Venezuela\", \"Ecuador\", \"Per\u00fa\", \"Brasil\", \"Uruguay\", \"Argentina\", \"Paraguay\", \"Chile\"] },\r\n        { label: \"Mediterr\u00e1neo y Oriente\", icon: \"\ud83c\udf0d\", countries: [\"Turqu\u00eda\"] },\r\n        { label: \"\u00c1frica\", 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} jurisdicciones operativas organizadas por regi\u00f3n.<\/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}}>Operativo<\/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: \"\u00daltimo curso de Derecho\", time: \"A\u00f1o 0\",\r\n          desc: \"Est\u00e1s terminando la carrera. Te inscribes como Young Member por 50 \u20ac\/a\u00f1o.\",\r\n          detail: \"Recibes credencial internacional con sede en Dubl\u00edn, acceso a webinars y masterclasses, certificados de formaci\u00f3n para tu CV, y networking con abogados de 15+ pa\u00edses.\",\r\n          color: COLORS.blue, },\r\n        { icon: \"\ud83c\udf93\", title: \"Te grad\u00faas\", time: \"A\u00f1o 1\",\r\n          desc: \"Tienes ya 12+ certificados de formaci\u00f3n internacional y una red profesional activa.\",\r\n          detail: \"Mientras tus compa\u00f1eros de promoci\u00f3n buscan pr\u00e1cticas sin contactos, t\u00fa ya conoces abogados en ejercicio en m\u00faltiples jurisdicciones y entiendes tokenizaci\u00f3n, litigation finance y compliance de IA.\",\r\n          color: COLORS.purple, },\r\n        { icon: \"\u2696\ufe0f\", title: \"Te colegias\", time: \"A\u00f1o 1-2\",\r\n          desc: \"Pasas autom\u00e1ticamente a Business Member con un 50% de descuento el primer a\u00f1o (75 \u20ac en vez de 150 \u20ac).\",\r\n          detail: \"Ya no eres estudiante: eres miembro profesional. Tu perfil aparece en el directorio. Puedes ser considerado para derivaciones de casos. La transici\u00f3n es autom\u00e1tica al acreditar colegiaci\u00f3n.\",\r\n          color: COLORS.gold, },\r\n        { icon: \"\ud83d\udccb\", title: \"Primeras derivaciones\", time: \"A\u00f1o 2-3\",\r\n          desc: \"Empiezas a recibir casos a trav\u00e9s de la red. Primero como apoyo, luego como ejecutor.\",\r\n          detail: \"Un abogado senior de la red necesita apoyo en un caso con componente transfronterizo. Te lo asignan. Aprendes, cobras, y generas tu primer historial dentro de Legal Desk.\",\r\n          color: COLORS.green, },\r\n        { icon: \"\ud83d\ude80\", title: \"Strategic Member\", time: \"A\u00f1o 3+\",\r\n          desc: \"Con 3+ casos ejecutados, asciendes a Strategic Member (300 \u20ac\/a\u00f1o). Prioridad real en derivaciones.\",\r\n          detail: \"Eres abogado con experiencia internacional verificable, perteneces a una red con presencia en 15+ pa\u00edses, y puedes ofrecer a tus clientes capacidades que ning\u00fan otro abogado de tu promoci\u00f3n tiene.\",\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            El recorrido de un estudiante desde el \u00faltimo curso hasta convertirse en abogado internacional.\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 }}>EL N\u00daMERO<\/div>\r\n            <div style={{ color: COLORS.gray200, fontSize: 14, lineHeight: 1.6 }}>\r\n              50 \u20ac al a\u00f1o = 4,16 \u20ac al mes. Menos que una cena. A cambio: credencial internacional, formaci\u00f3n profesional, networking en 15+ pa\u00edses, y un camino directo hacia una carrera con alcance global.\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\" }}>Ejemplos Interactivos<\/h1>\r\n              <p style={{ fontSize: 14, color: COLORS.gray300, margin: 0 }}>\r\n                Descubre de forma pr\u00e1ctica c\u00f3mo estructuramos la colaboraci\u00f3n y los beneficios en cada nivel del ecosistema.\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;\">Ecosistema profesional de META Channel Corporation<\/span>\r\n        <h2 class=\"ld-title-lg\">Cuatro v\u00edas de integraci\u00f3n para juristas y despachos independientes<\/h2>\r\n        <p class=\"ld-text-body\" style=\"max-width: 700px; margin: 0 auto;\">\r\n          Colaboraci\u00f3n profesional, ejecuci\u00f3n internacional, negocio real y acceso universitario \u2014 todo desde la infraestructura de META Channel Corporation.\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\">Red Profesional<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Dos modelos de colaboraci\u00f3n para abogados en Espa\u00f1a. Ejecuta encargos coordinados desde nuestra infraestructura.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/legal-desk\/red-profesional\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">Ver colaboraci\u00f3n<\/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\">Red Internacional<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Ejecuci\u00f3n jur\u00eddica local en m\u00faltiples jurisdicciones. Abogados independientes coordinados globalmente.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/legal-desk\/red-internacional\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">Ver red internacional<\/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\">Club de Negocios Jur\u00eddico<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Programa de membres\u00eda que conecta juristas con un ecosistema que genera negocio real, no solo networking.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/legal-desk\/club-negocios-juridicos\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">Descubrir el 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\">Programa Universitario<\/h3>\r\n          <p class=\"ld-text-body\" style=\"flex-grow: 1; font-size: 14px;\">\r\n            Tu conexi\u00f3n con el ejercicio profesional internacional desde el \u00faltimo curso de carrera de Derecho.\r\n          <\/p>\r\n          <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/legal-desk\/programa-universitario\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-outline\" style=\"width: 100%; margin-top: 15px;\">Info estudiantes<\/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;\">Da el primer paso<\/span>\r\n        <h3 class=\"ld-title-lg\" style=\"margin-bottom: 10px;\">\u00bfListo para formar parte del ecosistema?<\/h3>\r\n        <p class=\"ld-text-body\" style=\"max-width: 600px; margin: 0 auto 24px auto; font-size: 15px;\">\r\n          Elige la v\u00eda que mejor se adapte a tu perfil profesional y completa tu inscripci\u00f3n. Abogados, estudiantes, acad\u00e9micos y magistrados: hay un lugar para ti.\r\n        <\/p>\r\n        <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/legal-desk\/formularios\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"ld-btn ld-btn-inscribirse\">\r\n          <span class=\"material-symbols-outlined\">how_to_reg<\/span> Inscribirse ahora\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;\">Beneficio<\/span>\r\n        <h2 class=\"ld-title-lg\">Una arquitectura. Una ejecuci\u00f3n ordenada.<\/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 permite acceder a defensa jur\u00eddica especializada manteniendo un \u00fanico punto de coordinaci\u00f3n y una estructura operativa coherente desde el inicio del encargo. Cada cliente dispone de un marco internacional s\u00f3lido y de una ejecuci\u00f3n jur\u00eddica local ordenada en una sola arquitectura.\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;\">Marco profesional<\/span>\r\n        <h3 class=\"ld-title-lg\" style=\"margin-bottom: 25px;\">Transparencia<\/h3>\r\n        <p class=\"ld-text-body\" style=\"font-size: 15px;\">\r\n          META Channel Corporation Ltd. es una sociedad mercantil irlandesa que act\u00faa como infraestructura de coordinaci\u00f3n, estructuraci\u00f3n y soporte operativo de encargos. No presta directamente servicios jur\u00eddicos reservados a abogados ni act\u00faa como despacho profesional.\r\n        <\/p>\r\n        <p class=\"ld-text-body\" style=\"font-size: 15px;\">\r\n          Los servicios jur\u00eddicos son prestados exclusivamente por abogados independientes habilitados en cada jurisdicci\u00f3n, quienes asumen la direcci\u00f3n letrada y responsabilidad profesional correspondiente.\r\n        <\/p>\r\n        <p class=\"ld-text-body\" style=\"font-size: 15px; margin-bottom: 0;\">\r\n          Cada encargo se formaliza mediante instrumentos contractuales que delimitan con claridad las funciones de coordinaci\u00f3n de META Channel Corporation y las funciones de prestaci\u00f3n jur\u00eddica del abogado designado.\r\n        <\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== CTA CONTACTO (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\">\u00bfNecesita una estructura de coordinaci\u00f3n jur\u00eddica con visi\u00f3n local o internacional?<\/h2>\r\n      <p class=\"ld-text-body\" style=\"margin-bottom: 30px; font-size: clamp(15px, 1.8vw, 17px);\">\r\n        Contacte con META Channel Legal Desk para evaluar su asunto y articular el encargo adecuado.\r\n      <\/p>\r\n      <a href=\"https:\/\/metachannelcorp.com\/contacto\/\" class=\"ld-btn ld-btn-primary\">Contactar<\/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;\">Para profesionales del Derecho<\/span>\r\n      <h2 class=\"ld-title-lg\">Integraci\u00f3n profesional en el ecosistema Legal Desk<\/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        Abogados, estudiantes, acad\u00e9micos y magistrados: accede a una infraestructura internacional de coordinaci\u00f3n, ejecuci\u00f3n y conexi\u00f3n profesional articulada desde META Channel Corporation.\r\n      <\/p>\r\n      <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/legal-desk\/formularios\/\" 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> Inscribirse en 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 Sociedad mercantil irlandesa.<\/p>\r\n      <p>Legal Desk es una divisi\u00f3n operativa de META Channel Corporation. No constituye un despacho profesional de abogados.<\/p>\r\n      <p>Los servicios jur\u00eddicos son prestados por profesionales independientes habilitados en cada jurisdicci\u00f3n.<\/p>\r\n    <\/div>\r\n    <div class=\"ld-footer-links\">\r\n      <a href=\"https:\/\/metachannelcorp.com\/capacidades-estrategicas\/\">CAPACIDADES ESTRAT\u00c9GICAS<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/politica-de-privacidad\/\">POL\u00cdTICAS DE PRIVACIDAD<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/aviso-legal\/\">Aviso Legal<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/politica-de-cookies\/\">Pol\u00edtica de Cookies<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/politica-de-seguridad\/\">Pol\u00edtica de Seguridad<\/a>\r\n      <a href=\"https:\/\/metachannelcorp.com\/contacto\/\">CONTACTO<\/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 Ejecuci\u00f3n jur\u00eddica local dentro de una arquitectura internacional Un \u00fanico punto de&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":37265,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-37813","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/pages\/37813","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/comments?post=37813"}],"version-history":[{"count":5,"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/pages\/37813\/revisions"}],"predecessor-version":[{"id":38384,"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/pages\/37813\/revisions\/38384"}],"up":[{"embeddable":true,"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/pages\/37265"}],"wp:attachment":[{"href":"https:\/\/metachannelcorp.com\/es\/wp-json\/wp\/v2\/media?parent=37813"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}