PageSourceSearch

https://ctx-tech.com/en/news

html ctx-tech.com collected 2026-10-04 10:17:37 UTC 140,589 bytes, 1,747 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5    <meta charset="utf-8">
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<meta name="csrf-token" content="7kvdvACe94FCz606Z64CjkF6ZVQMaSWYntK6ZuEz">
8
9<!-- Script inline para aplicar tema ANTES de que se renderice la página -->
10<script>
11    (function() {
12        const theme = localStorage.getItem('theme') || 'dark'; // Oscuro por defecto
13        if (theme === 'dark') {
14            document.documentElement.classList.add('dark');
15        }
16    })();
17</script>
17
18
19<!-- Favicon -->
20<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
21<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
22<link rel="shortcut icon" href="/favicon.ico" />
23<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
24<meta name="apple-mobile-web-app-title" content="CTx" />
25
26<title>News - CTx Tech Experience Hub</title>
27<meta name="description" content="Stay up to date with the latest news and updates from CTx Tech Experience Hub.">
28<meta name="keywords" content="Tech News, CTx">
29<link rel="canonical" href="https://ctx-tech.com/en/news">
30<meta name="robots" content="index, follow">
31<meta property="og:title" content="News - CTx Tech Experience Hub">
32<meta property="og:description" content="Stay up to date with the latest news and updates from CTx Tech Experience Hub.">
33<meta property="og:url" content="https://ctx-tech.com/en/news">
34<meta property="og:image" content="https://ctx-tech.com/og-image.jpg">
35
36<meta name="twitter:card" content="summary">
37<meta name="twitter:site" content="@ctx_tech">
38<meta name="twitter:title" content="News - CTx Tech Experience Hub">
39<meta name="twitter:description" content="Stay up to date with the latest news and updates from CTx Tech Experience Hub.">
40<meta name="twitter:url" content="https://ctx-tech.com/en/news">
41<meta name="twitter:domain" content="ctx-tech.com">
42<meta name="twitter:image" content="https://ctx-tech.com/og-image.jpg">
43<meta name="twitter:creator" content="@ctx_tech">
44<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage"}</script>
44
45
46<!-- Fonts -->
47<link rel="preconnect" href="https://fonts.bunny.net">
48<link href="https://fonts.bunny.net/css?family=instrument-sans:400,500,600" rel="stylesheet" />
49
50<!-- Theme color for mobile browsers -->
51<meta name="theme-color" content="#000000" />
52
53<!-- Scripts -->
54<link rel="preload" as="style" href="https://ctx-tech.com/build/assets/app-CxvWHlS3.css" /><link rel="modulepreload" as="script" href="https://ctx-tech.com/build/assets/app-Bh1sUMw5.js" /><link rel="stylesheet" href="https://ctx-tech.com/build/assets/app-CxvWHlS3.css" data-navigate-track="reload" />
54<script type="module" src="https://ctx-tech.com/build/assets/app-Bh1sUMw5.js" data-navigate-track="reload"></script>
54
55<!-- Livewire Styles -->
56<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
57
58<script id="becookie" src="https://becookie.beonww.tech/uc.js"
59  data-cbid="9756b05c-5ba3-4971-969f-036497eb6e8e" data-api="https://becookie.beonww.tech" data-blockingmode="auto"></script>
59
60
61<!-- TikTok Pixel Code Start -->
62<script>
63!function (w, d, t) {
64  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
65var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
66;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
67
68
69  ttq.load('D5J2SAJC77U6R4DE0BP0');
70  ttq.page();
71}(window, document, 'ttq');
72</script>
72
73<!-- TikTok Pixel Code End -->
74    <!-- Google tag (gtag.js) -->
75    <link rel="preconnect" href="https://www.googletagmanager.com">
76    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
vendor: 68 bytes, lines 76-77
76
77    <script async src="https://www.googletagmanager.com/gtag/js?id=
77G-QGGBLL89SZ
vendor: 16 bytes, lines 77-78
77"></script>
78    
78<script>
79        
vendor: 155 bytes, lines 79-83
79window.dataLayer = window.dataLayer || [];
80        function gtag() { dataLayer.push(arguments); }
81        gtag('js', new Date());
82
83        gtag('config', '
83G-QGGBLL89SZ
vendor: 8 bytes, lines 83-84
83');
84    
84</script>
84
85
86
87    <!-- Google Tag Manager -->
88    
88<script>
vendor: 478 bytes, lines 88-95
88(function (w, d, s, l, i) {
89            w[l] = w[l] || []; w[l].push({
90                'gtm.start':
91                    new Date().getTime(), event: 'gtm.js'
92            }); var f = d.getElementsByTagName(s)[0],
93                j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
94                    'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
95        })(window, document, 'script', 'dataLayer', '
95GTM-5F7N4J9C
vendor: 3 bytes, line 95
95');
95</script>
95
96    <!-- End Google Tag Manager -->
97
98
99<!-- E-commerce Tracking Helpers (Available in all environments) -->
100<script src="https://ctx-tech.com/js/ecommerce-tracking.js"></script>
vendor: 1 bytes, line 100
100
101<script src="https://ctx-tech.com/js/tiktok-tracking.js"></script>
101
102
103    <!-- Meta Pixel Code -->
104    
104<script>
vendor: 471 bytes, lines 104-113
104
105        !function(f,b,e,v,n,t,s)
106        {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
107        n.callMethod.apply(n,arguments):n.queue.push(arguments)};
108        if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
109        n.queue=[];t=b.createElement(e);t.async=!0;
110        t.src=v;s=b.getElementsByTagName(e)[0];
111        s.parentNode.insertBefore(t,s)}(window, document,'script',
112        'https://connect.facebook.net/en_US/fbevents.js');
113        fbq('init', '
1131344238390126661
vendor: 42 bytes, lines 113-115
113');
114        fbq('track', 'PageView');
115    
115</script>
115
116    <noscript><img height="1" width="1" style="display:none"
117        src="https://www.facebook.com/tr?id=1344238390126661&ev=PageView&noscript=1"
118    /></noscript>
119    <!-- End Meta Pixel Code -->
120
121    <!-- LinkedIn Ads Code -->
122    
122<script type="text/javascript">
123        _linkedin_partner_id = "8515610";
124        window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
125        window._linkedin_data_partner_ids.push(_linkedin_partner_id);
126    </script>
126
127    
127<script type="text/javascript">
128        (function(l) {
129            if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
130            window.lintrk.q=[]}
131            var s = document.getElementsByTagName("script")[0];
132            var b = document.createElement("script");
133            b.type = "text/javascript";b.async = true;
134            b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
135            s.parentNode.insertBefore(b, s);
136        })(window.lintrk);
137    </script>
137
138    <noscript>
139        <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8515610&fmt=gif" />
140    </noscript>
141    <!-- End LinkedIn Ads Code -->
142
143    <!-- TikTok Pixel Code -->
144    
144<script>
145        !function (w, d, t) {
146            w.TiktokAnalyticsObject = t;
147            var ttq = w[t] = w[t] || [];
148            ttq.methods = [
149                "pageview", "track", "identify", "instances", "debug", "on",
150                "off", "once", "ready", "alias", "group", "dropIdentifyParams"
151            ];
152            ttq.setAndDefer = function (t, e) {
153                t[e] = function () {
154                    t.push([e].concat(Array.prototype.slice.call(arguments, 0)))
155                }
156            };
157            for (var i = 0; i < ttq.methods.length; ++i) ttq.setAndDefer(ttq, ttq.methods[i]);
158            ttq.instance = function (t) {
159                for (var e = ttq._i[t] || [], n = 0; n < e.length; ++n) e[n] && e[n].queue && e[n].queue(ttq);
160                var r = {};
161                return r.push = function () {
162                    return ttq.push.apply(ttq, [t].concat(Array.prototype.slice.call(arguments, 0)))
163                }, r.disp = function (e) {
164                    return ttq.disp.apply(ttq, [t].concat(Array.prototype.slice.call(arguments, 0)))
165                }, r
166            }, ttq.storeRevision = function (t, e) {
167                ttq._rev[t] = e
168            }, ttq._i = {}, ttq._rev = {}, ttq._t = {}, ttq._td = {}, ttq.event = function (t) {
169                return function () {
170                    ttq.push([t].concat(Array.prototype.slice.call(arguments, 0)))
171                }
172            }, ttq.pageview = function () {
173                ttq.push(["pageview"])
174            }, ttq.identify = function (t) {
175                ttq.push(["identify", t])
176            }, ttq.track = function (t, e) {
177                ttq.push(["track", t, e])
178            }, ttq.pageLink = function (t) {
179                ttq.push(["pageLink", t])
180            }, ttq.addToCart = function (t) {
181                ttq.push(["track", "AddToCart", t])
182            }, ttq.addPaymentInfo = function (t) {
183                ttq.push(["track", "AddPaymentInfo", t])
184            }, ttq.purchase = function (t) {
185                ttq.push(["track", "Purchase", t])
186            }, ttq.viewContent = function (t) {
187                ttq.push(["track", "ViewContent", t])
188            };
189            var o = d.createElement("script");
190            o.type = "text/javascript", o.async = !0, o.src = "https://analytics.tiktok.com/i18n/pixel/events.js";
191            var s = d.getElementsByTagName("script")[0];
192            s.parentNode.insertBefore(o, s), ttq._i["D5J2SAJC77U6R4DE0BP0"] = [], ttq._t["D5J2SAJC77U6R4DE0BP0"] = {}, ttq._t["D5J2SAJC77U6R4DE0BP0"].token = "D5J2SAJC77U6R4DE0BP0", ttq._x = function (e, t) {
193                ttq.push(["_x", e, t])
194            }, ttq.pageview(), ttq.track("PageView")
195        }(window, document, "ttq");
196    </script>
196
197    <!-- End TikTok Pixel Code -->
198
199    </head>
200
201<body class="font-sans antialiased">
202    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 202-203
202
203    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
203GTM-5F7N4J9C
vendor: 99 bytes, lines 203-205
203" height="0" width="0"
204            style="display:none;visibility:hidden"></iframe></noscript>
205    
205<!-- End Google Tag Manager (noscript) -->
206
207
208    
209    <div id="scroll-progress-bar"></div>
210
211    <div id="app" class="min-h-screen bg-primary overflow-hidden">
212        <!-- <ctx-pattern variant="subtle" :fixed="true" opacity="0.15" class="z-[1]" /> -->
213        <!-- Fixed background with WebGL Lightning effect and CTX pattern -->
214        <div class="fixed inset-0 overflow-hidden z-0">
215        <!-- CTX Pattern Overlay -->
216    <div
217        class="absolute inset-0 pointer-events-none z-10"
218        style="background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNDAiIGhlaWdodD0iMjQwIiB2aWV3Qm94PSIwIDAgMjQwIDI0MCI+CiAgICAgICAgPGcgb3BhY2l0eT0iMC4wNSI+CiAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDgwLCA4MCkiPgogICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJzY2FsZSgyLjE4MTc5ODM0NzI4NzgpIj4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMTIuMjIyLDM3LjMzN2ExMi4yMjIsMTIuMjIyLDAsMSwxLDAtMjQuNDQ0WiIgZmlsbD0iI2ZmZmZmZiIvPgogICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0zNy4zMzcsMTIuNDYzYTEyLjIyMiwxMi4yMjIsMCwxLDEtMjQuNDQ0LDBaIiBmaWxsPSIjZmZmZmZmIi8+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMEExMi4yMjIsMTIuMjIyLDAsMCwwLDEyLjIyMiwxMi4yMjJWMFoiIGZpbGw9IiNmZmZmZmYiLz4KICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMzAuMTExLDYuMTEyQTYuMTExLDYuMTExLDAsMSwxLDI0LDAsNi4xMTEsNi4xMTEsMCwwLDEsMzAuMTExLDYuMTEyIiBmaWxsPSIjZmZmZmZmIi8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L3N2Zz4='); background-repeat: repeat; background-size: 240px 240px; background-attachment: fixed;"
219    ></div>
220</div>
221
222
223        <div>
224            <nav x-data="{
225        open: false,
226        scrolled: false,
227        mainInfoOpen: false,
228        agendaOpen: false,
229        participateOpen: false
230    }" x-init="window.addEventListener('scroll', () => { scrolled = window.scrollY > 50 })"
231    :class="scrolled ? 'bg-slate/80 dark:bg-slate/80 backdrop-blur-md shadow-lg' : 'bg-slate/80 backdrop-blur-md shadow-lg 2xl:bg-transparent 2xl:backdrop-blur-none 2xl:shadow-none'"
232    class="fixed top-0 left-0 right-0 z-20 transition-all duration-300">
233    <!-- Primary Navigation Menu -->
234    <div class="mx-auto px-4 sm:px-6 2xl:px-12">
235        <div class="flex items-center justify-between h-32">
236            <div class="flex">
237                <!-- Logo -->
238                <div class="shrink-0 flex items-center">
239                    <a href="/">
240                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="block h-16 w-auto fill-current text-secondary hover:text-accent transition duration-150 ease-in-out" viewBox="0 0 121.271 68.133">
241    <defs>
242      <clipPath id="clip-path">
243        <rect id="Rectángulo_36" data-name="Rectángulo 36" width="121.271" height="68.133" fill="none"/>
244      </clipPath>
245    </defs>
246    <g id="Grupo_100" data-name="Grupo 100" transform="translate(0 0)">
247      <path id="Trazado_617" data-name="Trazado 617" d="M916.432,0v8.64H911.72V16.1h4.712V48.7h20.422V41.236H924.68V16.1h12.174V8.639H924.68V0Z" transform="translate(-872.028)" fill="currentColor"/>
248      <path id="Trazado_618" data-name="Trazado 618" d="M1600.5,198.45h-9.426l-9.032,16.1h-1.964l-9.033-16.1h-9.425l11.782,20.029-12.175,20.029h9.425l9.425-16.494h1.964l9.424,16.494h9.426l-12.175-20.029Z" transform="translate(-1493.261 -189.811)" fill="currentColor"/>
249      <g id="Grupo_101" data-name="Grupo 101" transform="translate(0 0)">
250        <g id="Grupo_100-2" data-name="Grupo 100" clip-path="url(#clip-path)">
251          <path id="Trazado_619" data-name="Trazado 619" d="M29.855,224.506a9.3,9.3,0,0,1-2.041,3.4,11.992,11.992,0,0,1-3.25,2.342,11.477,11.477,0,0,1-5.29,1.058,10.242,10.242,0,0,1-7.747-3.477,12.462,12.462,0,0,1-2.344-4.044,16.771,16.771,0,0,1,0-10.657,12.472,12.472,0,0,1,2.344-4.044,10.245,10.245,0,0,1,7.747-3.476,10.843,10.843,0,0,1,5.14,1.058,11.116,11.116,0,0,1,3.1,2.343,9.272,9.272,0,0,1,1.966,3.4H37.79a18.835,18.835,0,0,0-3.477-6.954A28.51,28.51,0,0,0,31.9,202.89a14.656,14.656,0,0,0-3.212-2.267,19.228,19.228,0,0,0-4.194-1.587,20.9,20.9,0,0,0-5.216-.605,19.716,19.716,0,0,0-7.634,1.474,17.823,17.823,0,0,0-6.122,4.157,19.676,19.676,0,0,0-4.044,6.349,22.721,22.721,0,0,0,0,16.1,19.643,19.643,0,0,0,4.044,6.349,17.809,17.809,0,0,0,6.122,4.157,19.708,19.708,0,0,0,7.634,1.474,20.9,20.9,0,0,0,5.216-.605,19.073,19.073,0,0,0,4.194-1.587,15.4,15.4,0,0,0,3.212-2.23,25.009,25.009,0,0,0,2.418-2.532,18.77,18.77,0,0,0,3.477-7.029H29.855Z" transform="translate(0 -189.791)" fill="currentColor"/>
252          <path id="Trazado_620" data-name="Trazado 620" d="M2509.64,848.8a6.14,6.14,0,1,0-6.14-6.14,6.14,6.14,0,0,0,6.14,6.14" transform="translate(-2394.509 -800.102)" fill="currentColor"/>
253          <path id="Trazado_621" data-name="Trazado 621" d="M113.32,1305.186h2.848v8.561h.276v-8.561h2.848v-.276H113.32Z" transform="translate(-108.387 -1248.1)" fill="currentColor"/>
254          <path id="Trazado_622" data-name="Trazado 622" d="M277.3,1356.411a3.73,3.73,0,0,1,.334-1.354,2.8
25461,2.861,0,0,1,.885-1.1,2.038,2.038,0,0,1,1.234-.406,2.089,2.089,0,0,1,1.226.384,2.734,2.734,0,0,1,.88,1.034,3.165,3.165,0,0,1,.328,1.448H277.3Zm4.387-2.214a2.678,2.678,0,0,0-.861-.682,2.374,2.374,0,0,0-1.072-.246,2.32,2.32,0,0,0-1.4.453,3.094,3.094,0,0,0-.982,1.229,4.451,4.451,0,0,0,0,3.5,2.984,2.984,0,0,0,1.008,1.229,2.583,2.583,0,0,0,1.517.453,2.488,2.488,0,0,0,1.1-.225,2.632,2.632,0,0,0,.751-.531,3.152,3.152,0,0,0,.44-.557l-.225-.155a3.465,3.465,0,0,1-.373.479,2.344,2.344,0,0,1-.669.5,2.218,2.218,0,0,1-1.029.215,2.294,2.294,0,0,1-1.416-.436,2.733,2.733,0,0,1-.887-1.163,4.078,4.078,0,0,1-.3-1.577h5.177v-.277a3.537,3.537,0,0,0-.205-1.21,3.275,3.275,0,0,0-.572-1" transform="translate(-264.95 -1294.355)" fill="currentColor"/>
255          <path id="Trazado_623" data-name="Trazado 623" d="M434.094,1359.023a2.022,2.022,0,0,1-.74.628,2.143,2.143,0,0,1-.975.222,2.117,2.117,0,0,1-1.3-.423,2.809,2.809,0,0,1-.883-1.139,4.176,4.176,0,0,1,.011-3.217,2.8,2.8,0,0,1,.9-1.126,2.123,2.123,0,0,1,1.28-.412,2.034,2.034,0,0,1,1.362.49,2.067,2.067,0,0,1,.71,1.271h.293a2.443,2.443,0,0,0-.436-1.064,2.437,2.437,0,0,0-3.364-.52,3.057,3.057,0,0,0-.986,1.232,4.46,4.46,0,0,0,0,3.506,3.05,3.05,0,0,0,.988,1.227,2.505,2.505,0,0,0,2.539.194,2.328,2.328,0,0,0,.842-.723,2.467,2.467,0,0,0,.431-1.092h-.293a2.082,2.082,0,0,1-.374.945" transform="translate(-410.897 -1294.364)" fill="currentColor"/>
256          <path id="Trazado_624" data-name="Trazado 624" d="M588.039,1307.312a2.334,2.334,0,0,0-1.173-.289,2.412,2.412,0,0,0-1.219.31,1.808,1.808,0,0,0-.766.828h-.034V1304.9h-.276v8.837h.276v-4.453a2,2,0,0,1,.261-1.027,1.873,1.873,0,0,1,.716-.7,2.1,2.1,0,0,1,1.042-.255,1.894,1.894,0,0,1,1.985,1.985v4.453h.276v-4.453a2.332,2.332,0,0,0-.289-1.173,2.089,2.089,0,0,0-.8-.8" transform="translate(-559.12 -1248.09)" fill="currentColor"/>
257          <path id="Trazado_625" data-name="Trazado 625" d="M790.331,1309.993h3.849v-1.342h-3.849v-2.4h4.147v-1.342H788.73v8.837h5.783v-1.342h-4.182Z" transform="translate(-754.392 -1248.1)" fill="currentColor"/>
258          <path id="Trazado_626" data-name="Trazado 626" d="M944.518,1355.65h-1.653l-1.359,2.447-1.337-2.447h-1.657l1.967,3.314-2.019,3.314h1.657l1.389-2.386,1.4,2.386h1.644l-2.032-3.314Z" transform="translate(-897.604 -1296.631)" fill="currentColor"/>
259          <path id="Trazado_627" data-name="Trazado 627" d="M1101.476,1358.177a1.708,1.708,0,0,1-.529.764,1.349,1.349,0,0,1-.867.278,1.307,1.307,0,0,1-.843-.27,1.675,1.675,0,0,1-.531-.753,3.565,3.565,0,0,1,0-2.244,1.6,1.6,0,0,1,.528-.738,1.373,1.373,0,0,1,.85-.263,1.407,1.407,0,0,1,.872.272,1.648,1.648,0,0,1,.526.751,3.143,3.143,0,0,1,.177,1.1,3.211,3.211,0,0,1-.179,1.107m.422-4.116a2.543,2.543,0,0,0-1.387-.391,2.059,2.059,0,0,0-.958.2,1.843,1.843,0,0,0-.6.47,2.912,2.912,0,0,0-.341.516h-.091v-1.1h-1.536v9.114h1.563v-3.53h.064a2.809,2.809,0,0,0,.352.511,1.879,1.879,0,0,0,.6.46,2.082,2.082,0,0,0,.945.19,2.505,2.505,0,0,0,1.4-.4,2.728,2.728,0,0,0,.975-1.165,4.972,4.972,0,0,0-.006-3.721,2.7,2.7,0,0,0-.984-1.152" transform="translate(-1049.232 -1294.737)" fill="currentColor"/>
260          <path id="Trazado_628" data-name="Trazado 628" d="M1257.976,1356.445a1.719,1.719,0,0,1,.2-.723,1.607,1.607,0,0,1,.563-.6,1.532,1.532,0,0,1,.842-.231,1.5,1.5,0,0,1,.787.2,1.416,1.416,0,0,1,.529.555,1.692,1.692,0,0,1,.195.8h-3.114Zm3.707-1.972a2.648,2.648,0,0,0-.967-.606,3.4,3.4,0,0,0-1.158-.2,3.087,3.087,0,0,0-1.653.434,2.938,2.938,0,0,0-1.094,1.208,3.934,3.934,0,0,0-.391,1.8,3.981,3.981,0,0,0,.388,1.806,2.788,2.788,0,0,0,1.111,1.182,3.391,3.391,0,0,0,1.72.416,3.738,3.738,0,0,0,1.372-.235,2.557,2.557,0,0,0,.986-.664,2.263,2.263,0,0,0,.524-1.008l-1.458-.164a1.2,1.2,0,0,1-.306.471,1.347,1.347,0,0,1-.479.287,1.847,1.847,0,0,1-.617.1,1.758,1.758,0,0,1-.889-.218,1.493,1.493,0,0,1-.591-.63,2.124,2.124,0,0,1-.21-.952h4.615v-.479a4.208,4.208,0,0,0-.241-1.5,2.854,2.854,0,0,0-.662-1.042" transform="translate(-1201.721 -1294.737)" fill="currentColor"/>
261          <path id="Trazado_629" data-name="Trazado 629" d="M1423.229,1353.47a1.707,1.707,0,0,0-1.012.313,1.657,1.657,0,0,0-.623.887h-.07v-1.1h-1.515v6.628h1.563v-3.9a1.425,1.425,0,0,1,.194-.747,1.372,1.372,0,0,1,.533-.507,1.582,1.582,0,0,1,.766-.183,3.242,3.242,0,0,1,.412.028,1.758,1.758,0,0,1,.313.063v-1.437a2.1,2.1,0,0,0-.27-.033c-.108-.007-.205-.01-.291-.01" transform="translate(-1358.189 -1294.546)" fill="currentColor"/>
262          <rect id="Rectángulo_35" data-name="Rectángulo 35" width="1.562" height="6.628" transform="translate(66.277 59.019)" fill="currentColor"/>
263          <path id="Trazado_630" data-name="Trazado 630" d="M1520.486,1295.08a.909.909,0,0,0-.639.248.8.8,0,0,0,0,1.2.947.947,0,0,0,1.28,0,.807.807,0,0,0,0-1.2.9.9,0,0,0-.641-.251" transform="translate(-1453.424 -1238.698)" fill="currentColor"/>
264          <path id="Trazado_631" data-name="Trazado 631" d="M1581.745,1356.445a1.721,1.721,0,0,1,.2-.723,1.607,1.607,0,0,1,.563-.6,1.531,1.531,0,0,1,.842-.231,1.5,1.5,0,0,1,.787.2,1.416,1.416,0,0,1,.529.555,1.7,1.7,0,0,1,.195.8h-3.114Zm3.707-1.972a2.656,2.656,0,0,0-.967-.606,3.394,3.394,0,0,0-1.158-.2,3.087,3.087,0,0,0-1.653.434,2.939,2.939,0,0,0-1.094,1.208,3.934,3.934,0,0,0-.391,1.8,3.979,3.979,0,0,0,.388,1.806,2.787,2.787,0,0,0,1.111,1.182,3.39,3.39,0,0,0,1.72.416,3.738,3.738,0,0,0,1.372-.235,2.556,2.556,0,0,0,.986-.664,2.263,2.263,0,0,0,.524-1.008l-1.458-.164a1.2,1.2,0,0,1-.306.471,1.347,1.347,0,0,1-.479.287,1.846,1.846,0,0,1-.617.1,1.758,1.758,0,0,1-.889-.218,1.492,1.492,0,0,1-.591-.63,2.124,2.124,0,0,1-.21-.952h4.615v-.479a4.205,4.205,0,0,0-.242-1.5,2.854,2.854,0,0,0-.662-1.042" transform="translate(-1511.396 -1294.737)" fill="currentColor"/>
265          <path id="Trazado_632" data-name="Trazado 632" d="M1748.544,1353.964a2.366,2.366,0,0,0-1.2-.293,2.234,2.234,0,0,0-1.245.328,1.886,1.886,0,0,0-.731.885h-.078v-1.126H1743.8v6.628h1.562V1356.5a1.716,1.716,0,0,1,.179-.815,1.246,1.246,0,0,1,.5-.515,1.452,1.452,0,0,1,.727-.179,1.219,1.219,0,0,1,.947.376,1.484,1.484,0,0,1,.343,1.04v3.979h1.563v-4.22a2.928,2.928,0,0,0-.278-1.35,1.992,1.992,0,0,0-.794-.85" transform="translate(-1667.883 -1294.737)" fill="currentColor"/>
266          <path id="Trazado_633" data-name="Trazado 633" d="M1901.378,1355.187a1.42,1.42,0,0,1,.842-.257,1.258,1.258,0,0,1,.9.322,1.441,1.441,0,0,1,.429.8h1.493a2.418,2.418,0,0,0-1.418-2.086,3.3,3.3,0,0,0-1.43-.3,3.16,3.16,0,0,0-1.681.434,2.915,2.915,0,0,0-1.1,1.208,4.305,4.305,0,0,0-.006,3.56,2.882,2.882,0,0,0,1.091,1.205,3.192,3.192,0,0,0,1.7.436,3.251,3.251,0,0,0,1.45-.3,2.437,2.437,0,0,0,.975-.845,2.6,2.6,0,0,0,.414-1.245h-1.493a1.475,1.475,0,0,1-.254.609,1.226,1.226,0,0,1-.459.382,1.513,1.513,0,0,1-1.467-.13,1.67,1.67,0,0,1-.559-.747,3.068,3.068,0,0,1-.2-1.163,2.938,2.938,0,0,1,.2-1.148,1.659,1.659,0,0,1,.563-.736" transform="translate(-1816.355 -1294.737)" fill="currentColor"/>
267          <path id="Trazado_634" data-name="Trazado 634" d="M2053.386,1356.445a1.732,1.732,0,0,1,.2-.723,1.608,1.608,0,0,1,.563-.6,1.531,1.531,0,0,1,.841-.231,1.5,1.5,0,0,1,.788.2,1.418,1.418,0,0,1,.529.555,1.7,1.7,0,0,1,.195.8h-3.114Zm3.707-1.972a2.659,2.659,0,0,0-.967-.606,3.4,3.4,0,0,0-1.158-.2,3.086,3.086,0,0,0-1.653.434,2.942,2.942,0,0,0-1.094,1.208,3.944,3.944,0,0,0-.391,1.8,4,4,0,0,0,.388,1.806,2.791,2.791,0,0,0,1.111,1.182,3.389,3.389,0,0,0,1.719.416,3.739,3.739,0,0,0,1.372-.235,2.56,2.56,0,0,0,.986-.664,2.262,2.262,0,0,0,.524-1.008l-1.458-.164a1.207,1.207,0,0,1-.306.471,1.348,1.348,0,0,1-.479.287,1.85,1.85,0,0,1-.617.1,1.757,1.757,0,0,1-.889-.218,1.5,1.5,0,0,1-.592-.63,2.135,2.135,0,0,1-.209-.952H2058v-.479a4.205,4.205,0,0,0-.242-1.5,2.856,2.856,0,0,0-.662-1.042" transform="translate(-1962.503 -1294.737)" fill="currentColor"/>
268          <path id="Trazado_635" data-name="Trazado 635" d="M2283.626,1308.641h-4.095V1304.9h-1.6v8.837h1.6v-3.754h4.095v3.754h1.6V1304.9h-1.6Z" transform="translate(-2178.759 -1248.09)" fill="currentColor"/>
269          <path id="Trazado_636" data-name="Trazado 636" d="M2479.835,1359.5a1.556,1.556,0,0,1-.209.839,1.368,1.368,0,0,1-.532.5,1.434,1.434,0,0,1-.669.168,1.177,1.177,0,0,1-.906-.371,1.411,1.411,0,0,1-.346-1v-3.979h-1.562v4.22a2.986,2.986,0,0,0,.28,1.353,1.987,1.987,0,0,0,.778.85,2.236,2.236,0,0,0,1.15.291,2.158,2.158,0,0,0,1.258-.354,2,2,0,0,0,.736-.911h.069v1.178h1.515v-6.628h-1.562v3.84Z" transform="translate(-2367.833 -1296.641)" fill="currentColor"/>
270          <path id="Trazado_637" data-name="Trazado 637" d="M2643.115,1311.54a1.7,1.7,0,0,1-.529.764,1.348,1.348,0,0,1-.867.278,1.31,1.31,0,0,1-.844-.27,1.673,1.673,0,0,1-.531-.753,3.564,3.564,0,0,1,0-2.244,1.6,1.6,0,0,1,.529-.738,1.368,1.368,0,0,1,.85-.263,1.4,1.4,0,0,1,.871.272,1.649,1.649,0,0,1,.526.75,3.144,3.144,0,0,1,.177,1.1,3.2,3.2,0,0,1-.179,1.107m.423-4.116a2.542,2.542,0,0,0-1.387-.391,2.056,2.056,0,0,0-.958.2,1.83,1.83,0,0,0-.6.47,3.006,3.006,0,0,0-.342.516h-.064v-3.305h-1.562v8.837h1.535V1312.7h.091a2.867,2.867,0,0,0,.352.511,1.88,1.88,0,0,0,.6.46,2.083,2.083,0,0,0,.945.19,2.5,2.5,0,0,0,1.4-.4,2.728,2.728,0,0,0,.975-1.165,4.972,4.972,0,0,0-.006-3.721,2.7,2.7,0,0,0-.984-1.152" transform="translate(-2523.756 -1248.1)" fill="currentColor"/>
271        </g>
272      </g>
273    </g>
274  </svg>
275                    </a>
276                </div>
277            </div>
278            <div class="flex">
279                <!-- Navigation Links -->
280                <div class="hidden space-x-6 xl:space-x-16 2xl:ms-6 2xl:flex 2xl:items-center 2xl:h-24">
281                    <!-- Main Info Dropdown -->
282                    <div class="relative flex items-center" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
283    <div>
284        <button class="inline-flex items-center px-1 py-2 text-lg font-medium leading-5 text-secondary hover:text-accent transition duration-150 ease-in-out">
285            About CTx
286            <svg class="ml-1 h-4 w-4 transition-transform duration-200" :class="{ 'rotate-180': open }" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
287                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
288            </svg>
289        </button>
290    </div>
291
292    <div x-show="open"
293            x-transition:enter="transition ease-out duration-200"
294            x-transition:enter-start="opacity-0 scale-95"
295            x-transition:enter-end="opacity-100 scale-100"
296            x-transition:leave="transition ease-in duration-75"
297            x-transition:leave-start="opacity-100 scale-100"
298            x-transition:leave-end="opacity-0 scale-95"
299            class="absolute z-50 top-full mt-1 w-46 rounded-md shadow-lg ltr:origin-top-left rtl:origin-top-right start-0"
300            style="display: none;">
301        <div class="rounded-md bg-[#707070] backdrop-blur-md text-center py-1">
302            <a href="https://ctx-tech.com/en/experience" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
303    Experience
304</a>
305                                                            <a href="https://ctx-tech.com/en/venue" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
306    Venue
307</a>
308                                                            <a href="https://ctx-tech.com/en/enjoy-seville" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
309    Enjoy Seville
310</a>
311                                                            <a href="https://ctx-tech.com/en/accommodation" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
312    Accommodation
313</a>
314                                                            <a href="https://ctx-tech.com/en/advisory-committee" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
315    Advisory Committee
316</a>
317                                                            <a href="https://ctx-tech.com/en/our-partners" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
318    Our Partners
319</a>
320        </div>
321    </div>
322</div>
323
324                    <!-- Agenda Dropdown -->
325                    <div class="relative flex items-center" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
326    <div>
327        <button class="inline-flex items-center px-1 py-2 text-lg font-medium leading-5 text-secondary hover:text-accent transition duration-150 ease-in-out">
328            Agenda
329            <svg class="ml-1 h-4 w-4 transition-transform duration-200" :class="{ 'rotate-180': open }" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
330                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
331            </svg>
332        </button>
333    </div>
334
335    <div x-show="open"
336            x-transition:enter="transition ease-out duration-200"
337            x-transition:enter-start="opacity-0 scale-95"
338            x-transition:enter-end="opacity-100 scale-100"
339            x-transition:leave="transition ease-in duration-75"
340            x-transition:leave-start="opacity-100 scale-100"
341            x-transition:leave-end="opacity-0 scale-95"
342            class="absolute z-50 top-full mt-1 w-46 rounded-md shadow-lg ltr:origin-top-left rtl:origin-top-right start-0"
343            style="display: none;">
344        <div class="rounded-md bg-[#707070] backdrop-blur-md text-center py-1">
345            <a href="https://ctx-tech.com/en/programme" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
346    CTx Programme
347</a>
348                                                            <a href="https://ctx-tech.com/en/speakers" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
349    Speakers
350</a>
351                                                            <a href="https://ctx-tech.com/en/side-events" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
352    Side Events
353</a>
354        </div>
355    </div>
356</div>
357
358                    <!-- Networking Link (unchanged) -->
359                    <a class="inline-flex items-center px-1 py-2 text-lg font-medium leading-5 text-secondary hover:text-accent transition duration-150 ease-in-out" href="https://ctx-tech.com/en/networking">
360    Networking
361</a>
362
363                    <!-- Participate Dropdown -->
364                    <div class="relative flex items-center" x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false">
365    <div>
366        <button class="inline-flex items-center px-1 py-2 text-lg font-medium leading-5 text-secondary hover:text-accent transition duration-150 ease-in-out">
367            Participate
368            <svg class="ml-1 h-4 w-4 transition-transform duration-200" :class="{ 'rotate-180': open }" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor">
369                <path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd" />
370            </svg>
371        </button>
372    </div>
373
374    <div x-show="open"
375            x-transition:enter="transition ease-out duration-200"
376            x-transition:enter-start="opacity-0 scale-95"
377            x-transition:enter-end="opacity-100 scale-100"
378            x-transition:leave="transition ease-in duration-75"
379            x-transition:leave-start="opacity-100 scale-100"
380            x-transition:leave-end="opacity-0 scale-95"
381            class="absolute z-50 top-full mt-1 w-46 rounded-md shadow-lg ltr:origin-top-left rtl:origin-top-right start-0"
382            style="display: none;">
383        <div class="rounded-md bg-[#707070] backdrop-blur-md text-center py-1">
384            <a href="https://ctx-tech.com/en/join-us" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
385    Join us
386</a>
387                                                            <a href="https://ctx-tech.com/en/press-kit" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
388    Press Kit
389</a>
390                                                            <a href="https://ctx-tech.com/en/media-kit" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
391    Graphic Materials
392</a>
393                                                            <a href="https://ctx-tech.com/en/volunteers" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
394    Volunteers
395</a>
396                                                            <a href="https://ctx-tech.com/en/partners" class="block px-4 py-2 text-md text-secondary hover:bg-secondary/10 hover:text-accent transition duration-150 ease-in-out">
397    Partners
398</a>
399        </div>
400    </div>
401</div>
402
403                    <!-- News Link -->
404                    <a class="inline-flex items-center px-1 py-2 text-lg font-medium leading-5 text-secondary hover:text-accent transition duration-150 ease-in-out" href="https://ctx-tech.com/en/news">
405    News
406</a>
407
408                    <!-- Gallery Link -->
409                                            <a class="inline-flex items-center px-1 py-2 text-lg font-medium leading-5 text-secondary hover:text-accent transition duration-150 ease-in-out" href="https://ctx-tech.com/en/gallery">
410    Gallery
411</a>
412                                    </div>
413
414                <!-- CTA Area personal -->
415                                <!-- CTA -->
416                
417                <div class="hidden 2xl:flex 2xl:items-center 2xl:ms-6">
418                    <a href="https://aurora.ctx-tech.com/">
419                        <button type="button" class="inline-flex items-center gap-2 px-6 py-2.5 bg-gradient-to-r from-[#5B1470] to-[#E7248
4190] rounded-full font-semibold text-lg text-white tracking-wide hover:shadow-lg hover:scale-105 focus:outline-none focus:ring-2 focus:ring-[#E72480] focus:ring-offset-2 active:scale-95 transition-all ease-in-out duration-200 cursor-pointer">
420            <span class="inline-flex items-center gap-2">
421                                    <span class="text-white/80 text-xl font-bold">by</span>
422                                    <img src="https://ctx-tech.com/assets/images/logos/logo-aurora-white.svg" alt="Aurora" class="h-9 w-auto text-center mx-auto p-1">
423                                </span>
424        
425</button>
426                    </a>
427                </div>
428
429                <!-- Language Selector -->
430                <div class="hidden 2xl:flex 2xl:items-center 2xl:ms-6">
431                    <div class="relative" x-data="{ open: false }" @click.outside="open = false" @close.stop="open = false">
432    <div @click="open = ! open">
433        <button
434                                class="inline-flex items-center px-3 py-2 border border-secondary/30 text-sm leading-4 font-medium rounded-md text-secondary/70 bg-transparent hover:text-secondary focus:outline-none transition ease-in-out duration-150">
435                                <div>EN</div>
436
437                                <div class="ms-1">
438                                    <svg class="fill-current h-4 w-4" xmlns="http://www.w3.org/2000/svg"
439                                        viewBox="0 0 20 20">
440                                        <path fill-rule="evenodd"
441                                            d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
442                                            clip-rule="evenodd" />
443                                    </svg>
444                                </div>
445                            </button>
446    </div>
447
448    <div x-show="open"
449            x-transition:enter="transition ease-out duration-200"
450            x-transition:enter-start="opacity-0 scale-95"
451            x-transition:enter-end="opacity-100 scale-100"
452            x-transition:leave="transition ease-in duration-75"
453            x-transition:leave-start="opacity-100 scale-100"
454            x-transition:leave-end="opacity-0 scale-95"
455            class="absolute z-50 mt-2 origin-top-right right-0 rounded-md shadow-lg 32"
456            style="display: none;"
457            @click="open = false">
458        <div class="rounded-md bg-primary ring-1 ring-black ring-opacity-5 py-1">
459            <a class="block w-full px-4 py-2 text-left text-sm leading-5 text-secondary hover:bg-secondary/10 bg-primary focus:outline-none focus:bg-secondary/10 transition duration-150 ease-in-out"
460                                    href="https://ctx-tech.com/es/actualidad">
461                                    ES
462                                </a>
463                                                            <a class="block w-full px-4 py-2 text-left text-sm leading-5 text-secondary hover:bg-secondary/10 bg-primary focus:outline-none focus:bg-secondary/10 transition duration-150 ease-in-out"
464                                    href="https://ctx-tech.com/en/news">
465                                    EN
466                                </a>
467        </div>
468    </div>
469</div>
470                </div>
471                <!-- Theme Selector -->
472                <!-- <div class="hidden sm:flex sm:items-center sm:ms-6">
473                    <div class="relative" x-data="{ open: false }" @click.outside="open = false" @close.stop="open = false">
474    <div @click="open = ! open">
475        <button class="inline-flex items-center px-3 py-2 border border-transparent text-sm leading-4 font-medium rounded-md text-secondary/70 bg-primary hover:text-secondary focus:outline-none transition ease-in-out duration-150">
476                                <div>
477                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
478                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" class="dark:hidden" />
479                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" class="hidden dark:block" />
480                                    </svg>
481                                </div>
482                            </button>
483    </div>
484
485    <div x-show="open"
486            x-transition:enter="transition ease-out duration-200"
487            x-transition:enter-start="transform opacity-0 scale-95"
488            x-transition:enter-end="transform opacity-100 scale-100"
489            x-transition:leave="transition ease-in duration-75"
490            x-transition:leave-start="transform opacity-100 scale-100"
491            x-transition:leave-end="transform opacity-0 scale-95"
492            class="absolute z-50 mt-2 w-36 rounded-md shadow-lg origin-top-right right-0"
493            style="display: none;"
494            @click="open = false">
495        <div class="rounded-md ring-1 ring-black ring-opacity-5 py-1 bg-primary">
496            <button onclick="toggleTheme()" class="block w-full px-4 py-2 text-left text-sm leading-5 text-secondary hover:bg-secondary/10 focus:outline-none focus:bg-secondary/10 transition duration-150 ease-in-out">
497                                <div class="flex items-center">
498                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 dark:hidden" fill="none" viewBox="0 0 24 24" stroke="currentColor">
499                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z" />
500                                    </svg>
501                                    <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2 hidden dark:block" fill="none" viewBox="0 0 24 24" stroke="currentColor">
502                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
503                                    </svg>
504                                    <span class="dark:hidden">Modo oscuro</span>
505                                    <span class="hidden dark:block">Modo claro</span>
506                                </div>
507                            </button>
508        </div>
509    </div>
510</div>
511                </div> -->
512
513
514                <!-- Settings Dropdown -->
515                <!-- <div class="hidden sm:flex sm:items-center sm:ms-6">
516                                        <div class="space-x-4">
517                        <a href="https://ctx-tech.com/en/user/login" class="text-sm text-secondary/70 hover:text-secondary focus:outline-none focus:bg-secondary/10 transition ease-in-out duration-150">Iniciar sesión</a>
518                        <a href="https://ctx-tech.com/register" class="text-sm text-secondary/70 hover:text-secondary focus:outline-none focus:bg-secondary/10 transition ease-in-out duration-150">Registrarse</a>
519                    </div>
520                                    </div> -->
521
522            </div>
523            <!-- Hamburger -->
524            <div class="-me-2 flex items-center 2xl:hidden">
525                <button @click="open = ! open"
526                    class="inline-flex items-center justify-center p-2 rounded-md text-gray-400 dark:text-gray-500 hover:text-gray-500 dark:hover:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-900 focus:outline-none focus:bg-gray-100 dark:focus:bg-gray-900 focus:text-gray-500 dark:focus:text-gray-400 transition duration-150 ease-in-out">
527                    <svg class="h-6 w-6" stroke="currentColor" fill="none" viewBox="0 0 24 24">
528                        <path :class="{'hidden': open, 'inline-flex': ! open }" class="inline-flex"
529                            stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
530                            d="M4 6h16M4 12h16M4 18h16" />
531                        <path :class="{'hidden': ! open, 'inline-flex': open }" class="hidden" stroke-linecap="round"
532                            stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
533                    </svg>
534                </button>
535            </div>
536        </div>
537    </div>
538
539    <!-- Responsive Navigation Menu -->
540    <div :class="{'block': open, 'hidden': ! open}"
541        class="hidden 2xl:hidden bg-slate/95 dark:bg-slate/95 backdrop-blur-md">
542        <div class="pt-2 pb-3 space-y-1">
543            <!-- Main Info Section -->
544            <div>
545                <button @click="mainInfoOpen = !mainInfoOpen"
546                    class="w-full flex items-center justify-between px-4 py-2 font-medium text-base text-secondary border-b border-secondary/10 hover:bg-secondary/5 transition-colors duration-200">
547                    <span>About CTx</span>
548                    <svg :class="{'rotate-180': mainInfoOpen}" class="w-4 h-4 transition-transform duration-200"
549                        fill="none" stroke="currentColor" viewBox="0 0 24 24">
550                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
551                    </svg>
552                </button>
553                <div x-show="mainInfoOpen" x-transition:enter="transition ease-out duration-200"
554                    x-transition:enter-start="opacity-0 transform -translate-y-2"
555                    x-transition:enter-end="opacity-100 transform translate-y-0"
556                    x-transition:leave="transition ease-in duration-150"
557                    x-transition:leave-start="opacity-100 transform translate-y-0"
558                    x-transition:leave-end="opacity-0 transform -translate-y-2" class="bg-secondary/5 text-white">
559                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.c
559om/en/experience">
560    Experience
561</a>
562                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/venue">
563    Venue
564</a>
565                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/enjoy-seville">
566    Enjoy Seville
567</a>
568                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/accommodation">
569    Accommodation
570</a>
571                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/advisory-committee">
572    Advisory Committee
573</a>
574                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/our-partners">
575    Our Partners
576</a>
577                                    </div>
578            </div>
579
580            <!-- Agenda Section -->
581            <div>
582                <button @click="agendaOpen = !agendaOpen"
583                    class="w-full flex items-center justify-between px-4 py-2 font-medium text-base text-secondary border-b border-secondary/10 hover:bg-secondary/5 transition-colors duration-200 mt-4">
584                    <span>Agenda</span>
585                    <svg :class="{'rotate-180': agendaOpen}" class="w-4 h-4 transition-transform duration-200"
586                        fill="none" stroke="currentColor" viewBox="0 0 24 24">
587                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
588                    </svg>
589                </button>
590                <div x-show="agendaOpen" x-transition:enter="transition ease-out duration-200"
591                    x-transition:enter-start="opacity-0 transform -translate-y-2"
592                    x-transition:enter-end="opacity-100 transform translate-y-0"
593                    x-transition:leave="transition ease-in duration-150"
594                    x-transition:leave-start="opacity-100 transform translate-y-0"
595                    x-transition:leave-end="opacity-0 transform -translate-y-2" class="bg-secondary/5">
596                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.c
596om/en/programme">
597    CTx Programme
598</a>
599                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/speakers">
600    Speakers
601</a>
602                                            <a class="block w-full ps-3 pe-4 py-2 border-l-4 border-transparent text-start text-base font-medium text-gray-600 dark:text-gray-400 hover:text-gray-800 dark:hover:text-gray-200 hover:bg-gray-50 dark:hover:bg-gray-700 hover:border-gray-300 dark:hover:border-gray-600 focus:outline-none focus:text-gray-800 dark:focus:text-gray-200 focus:bg-gray-50 dark:focus:bg-gray-700 focus:border-gray-300 dark:focus:border-gray-600 transition duration-150 ease-in-out pl-8" href="https://ctx-tech.com/en/side-events">
603    Side Events
604</a>
605                                    </div>
606            </div>
607
608            <!-- Networking Section -->
609            <div class="px-4 py-2 font-medium text-base text-secondary border-b border-secondary/10 mt-4">
610                <a href="https://ctx-tech.com/en/networking">Networking</a>
611            </div>
612
613            <!-- Participate Section -->
614            <div class="px-4 py-2 font-medium text-base text-secondary border-b border-secondary/10 mt-4">
615                <a href="https://ctx-tech.com/en/participate">Participate</a>
616            </div>
617
618            <!-- News Section -->
619            <div class="px-4 py-2 font-medium text-base text-secondary border-b border-secondary/10 mt-4">
620                <a href="https://ctx-tech.com/en/news">News</a>
621            </div>
622
623            <!-- Gallery Section -->
624                            <div class="px-4 py-2 font-medium text-base text-secondary border-b border-secondary/10 mt-4">
625                    <a href="https://ctx-tech.com/en/gallery">Gallery</a>
626                </div>
627                    </div>
628
629        <!-- Bottom Actions Bar - Mobile -->
630        <div class="py-4">
631            <div class="flex items-center justify-center space-x-6">
632                <!-- CTA Button -->
633                
634                <div class="flex 2xl:items-center 2xl:ms-6">
635                    <a href="https://aurora.ctx-tech.com/">
636                        <button type="button" class="inline-flex items-center gap-2 px-6 py-2.5 bg-gradient-to-r from-[#5B1470] to-[#E7248
6360] rounded-full font-semibold text-lg text-white tracking-wide hover:shadow-lg hover:scale-105 focus:outline-none focus:ring-2 focus:ring-[#E72480] focus:ring-offset-2 active:scale-95 transition-all ease-in-out duration-200 cursor-pointer">
637            <span class="inline-flex items-center gap-2">
638                                    <span class="text-white/80 text-xl font-bold">by</span>
639                                    <img src="https://ctx-tech.com/assets/images/logos/logo-aurora-white.svg" alt="Aurora" class="h-7 w-auto text-center mx-auto p-1">
640                                </span>
641        
642</button>
643                    </a>
644                </div>
645
646                <!-- Language Selector -->
647                <div x-data="{ languageOpen: false }" class="relative">
648                    <button @click="languageOpen = !languageOpen"
649                        class="inline-flex items-center px-3 py-2 border border-secondary/30 text-sm leading-4 font-medium rounded-md text-secondary/70 bg-transparent hover:text-secondary focus:outline-none transition ease-in-out duration-150">
650                        <div>EN</div>
651                        <div class="ms-1">
652                            <svg :class="{'rotate-180': languageOpen}"
653                                class="fill-current h-4 w-4 transition-transform duration-200"
654                                xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">
655                                <path fill-rule="evenodd"
656                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
657                                    clip-rule="evenodd" />
658                            </svg>
659                        </div>
660                    </button>
661                    <div x-show="languageOpen" @click.away="languageOpen = false"
662                        x-transition:enter="transition ease-out duration-200"
663                        x-transition:enter-start="opacity-0 transform scale-95"
664                        x-transition:enter-end="opacity-100 transform scale-100"
665                        x-transition:leave="transition ease-in duration-75"
666                        x-transition:leave-start="opacity-100 transform scale-100"
667                        x-transition:leave-end="opacity-0 transform scale-95"
668                        class="absolute bottom-full mb-2 right-0 w-32 rounded-md shadow-lg bg-primary ring-1 ring-black ring-opacity-5 z-50">
669                        <div class="py-1">
670                                                            <a href="https://ctx-tech.com/es/actualidad"
671                                    class="block w-full px-4 py-2 text-left text-sm leading-5 text-secondary hover:bg-secondary/10 focus:outline-none focus:bg-secondary/10 transition duration-150 ease-in-out">
672                                    ES
673                                </a>
674                                                            <a href="https://ctx-tech.com/en/news"
675                                    class="block w-full px-4 py-2 text-left text-sm leading-5 text-secondary hover:bg-secondary/10 focus:outline-none focus:bg-secondary/10 transition duration-150 ease-in-out">
676                                    EN
677                                </a>
678                                                    </div>
679                    </div>
680                </div>
681
682                <!-- User Area -->
683                
684            </div>
685        </div>
686
687        <!-- Responsive Settings Options (Removed) -->
688        
689        </div>
690</nav>
691                    </div>
692
693        
694        <main class="relative z-10">
695            <!-- Hero Section -->
696    <section class="relative bg-black text-white py-20 px-6 lg:px-12 overflow-hidden">
697        <!-- Background gradient -->
698        <div class="absolute inset-0 bg-gradient-to-br from-purple-900/20 via-black to-pink-900/20"></div>
699
700        <!-- Animated background elements -->
701        <div class="absolute inset-0 overflow-hidden">
702            <div class="absolute top-1/4 left-1/4 w-96 h-96 bg-purple-500/10 rounded-full blur-3xl animate-pulse"></div>
703            <div class="absolute bottom-1/4 right-1/4 w-96 h-96 bg-pink-500/10 rounded-full blur-3xl animate-pulse delay-1000"></div>
704        </div>
705
706        <div class="container mx-auto relative z-10" x-data="{ inView: false, show: false }" x-intersect.once="inView = true" x-init="setTimeout(() => show = true, 100)">
707            <div class="relative flex flex-row lg:items-center justify-between py-12 lg:py-16">
708                <h1 class="text-secondary font-bold text-4xl lg:text-6xl transition-all duration-700 ease-out opacity-0"
709                    :class="{ 'opacity-100 translate-y-0': show }">
710                    News
711                </h1>
712                <div class="flex-shrink-0 text-secondary/80"
713                    x-show="inView"
714                    x-transition:enter="transition ease-out duration-1000 delay-500"
715                    x-transition:enter-start="opacity-0 transform translate-x-8"
716                    x-transition:enter-end="opacity-100 transform translate-x-0">
717                    <svg xmlns="http://www.w3.org/2000/svg" width="36.667" height="36.667" viewBox="0 0 36.667 36.667" class="w-9 h-9 lg:w-12 lg:h-12">
718                        <g id="SHAPE" transform="translate(0.1 -0.241)">
719                            <path id="Trazado_608" data-name="Trazado 608" d="M12.222,69.337a12.222,12.222,0,1,1,0-24.444Z" transform="translate(-0.1 -32.43)" fill="currentColor"/>
720                            <path id="Trazado_609" data-name="Trazado 609" d="M69.337,44.893a12.222,12.222,0,1,1-24.444,0Z" transform="translate(-32.771 -32.43)" fill="currentColor"/>
721                            <path id="Trazado_610" data-name="Trazado 610" d="M0,0A12.222,12.222,0,0,0,12.222,12.222V0Z" transform="translate(-0.1 0.241)" fill="currentColor"/>
722                            <path id="Trazado_611" data-name="Trazado 611" d="M78.3,6.112A6.111,6.111,0,1,1,72.189,0,6.111,6.111,0,0,1,78.3,6.112" transform="translate(-48.188 0.24)" fill="currentColor"/>
723                        </g>
724                    </svg>
725                </div>
726            </div>
727
728            <!-- Category Filter -->
729                            <div class="flex flex-wrap gap-3 mb-8">
730                    <a href="https://ctx-tech.com/en/news"
731                       class="px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 bg-secondary text-black">
732                        All
733                    </a>
734                                            <a href="https://ctx-tech.com/en/news?category=eventos"
735                           class="px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 bg-white/10 text-white hover:bg-white/20">
736                            Events
737                        </a>
738                                            <a href="https://ctx-tech.com/en/news?category=institucional"
739                           class="px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 bg-white/10 text-white hover:bg-white/20">
740                            Institutional
741                        </a>
742                                            <a href="https://ctx-tech.com/en/news?category=prensa"
743                           class="px-4 py-2 rounded-full text-sm font-medium transition-all duration-300 bg-white/10 text-white hover:bg-white/20">
744                            Press
745                        </a>
746                                    </div>
747            
748            <!-- News Grid -->
749                            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
750                                            <article class="bg-white/5 backdrop-blur-md rounded-3xl overflow-hidden border border-white/10 shadow-2xl hover:shadow-secondary/20 transition-all duration-300 hover:border-secondary/30 group">
751                            <!-- Image -->
752                            <a href="https://ctx-tech.com/en/news/ctx-se-situa-como-el-segundo-gran-evento-tecnologico-de-espana-por-detras-del-mwc" class="block relative h-48 overflow-hidden">
753                                                                    <img src="https://ctx-tech.com/storage/news/lzfewct93FxmLYyESBxIlTpoG9LlZzS17lye4Opv.jpg"
754                                         alt="(ANDALUCÍA ECONÓMICA) CTX se sitúa como el segundo gran evento tecnológico de España sólo por detrás del MWC"
755                                         class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
756                                
757                                <!-- Categories overlay -->
758                                                                    <div class="absolute top-4 left-4 flex flex-wrap gap-2">
759                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
760                                                Events
761                                            </span>
762                                                                            </div>
763                                                            </a>
764
765                            <!-- Content -->
766                            <div class="p-6">
767                                <!-- Date -->
768                                <div class="flex items-center gap-2 text-gray-400 text-sm mb-3">
769                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
770                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
771                                    </svg>
772                                    12 Jun 2026
773                                </div>
774
775                                <!-- Title -->
776                                <h2 class="text-xl font-bold text-white mb-3 line-clamp-2 group-hover:text-secondary transition-colors">
777                                    <a href="https://ctx-tech.com/en/news/ctx-se-situa-como-el-segundo-gran-evento-tecnologico-de-espana-por-detras-del-mwc">
778                                        (ANDALUCÍA ECONÓMICA) CTX se sitúa como el segundo gran evento tecnológico de España sólo por detrás del MWC
779                                    </a>
780                                </h2>
781
782                                <!-- Excerpt -->
783                                <p class="text-gray-400 text-sm line-clamp-3 mb-4">
784                                    La cita, celebrada en Sevilla en marzo, reunió a multinacionales, ponentes, fondos, inversores y startups de 61 países.
785
786
787                                </p>
788
789                                <!-- Read more -->
790                                <a href="https://ctx-tech.com/en/news/ctx-se-situa-como-el-segundo-gran-evento-tecnologico-de-espana-por-detras-del-mwc"
791                                   class="inline-flex items-center text-secondary font-semibold text-sm hover:gap-3 gap-2 transition-all">
792                                    Read more
793                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
794                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
795                                    </svg>
796                                </a>
797                            </div>
798                        </article>
799                                            <article class="bg-white/5 backdrop-blur-md rounded-3xl overflow-hidden border border-white/10 shadow-2xl hover:shadow-secondary/20 transition-all duration-300 hover:border-secondary/30 group">
800                            <!-- Image -->
801                            <a href="https://ctx-tech.com/en/news/angel-nino-la-administracion-mas-proxima-al-ciudadano-esta-marcando-tendencia" class="block relative h-48 overflow-hidden">
802                                                                    <img src="https://ctx-tech.com/storage/news/64a32dIjKBr6VUTtq7TLirNNP6VpFXtbgZ6FS0e9.png"
803                                         alt="(ANGEL NIÑO) &quot;la administración más próxima al ciudadano está marcando tendencia con la transformación digital&quot;"
804                                         class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
805                                
806                                <!-- Categories overlay -->
807                                                                    <div class="absolute top-4 left-4 flex flex-wrap gap-2">
808                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
809                                                Institutional
810                                            </span>
811                                                                            </div>
812                                                            </a>
813
814                            <!-- Content -->
815                            <div class="p-6">
816                                <!-- Date -->
817                                <div class="flex items-center gap-2 text-gray-400 text-sm mb-3">
818                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
819                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
820                                    </svg>
821                                    28 May 2026
822                                </div>
823
824                                <!-- Title -->
825                                <h2 class="text-xl font-bold text-white mb-3 line-clamp-2 group-hover:text-secondary transition-colors">
826                                    <a href="https://ctx-tech.com/en/news/angel-nino-la-administracion-mas-proxima-al-ciudadano-esta-marcando-tendencia">
827                                        (ANGEL NIÑO) &quot;la administración más próxima al ciudadano está marcando tendencia con la transformación digital&quot;
828                                    </a>
829                                </h2>
830
831                                <!-- Excerpt -->
832                                <p class="text-gray-400 text-sm line-clamp-3 mb-4">
833                                    La colaboración público-privada también ha contado en CTx con ponentes que están al frente de ayuntamientos, la administración más próxima al ciudadano, que están marcando tendencia en gestión pública de la transformación digital. 
834                                </p>
835
836                                <!-- Read more -->
837                                <a href="https://ctx-tech.com/en/news/angel-nino-la-administracion-mas-proxima-al-ciudadano-esta-marcando-tendencia"
838                                   class="inline-flex items-center text-secondary font-semibold text-sm hover:gap-3 gap-2 transition-all">
839                                    Read more
840                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
841                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
842                                    </svg>
843                                </a>
844                            </div>
845                        </article>
846                                            <article class="bg-white/5 backdrop-blur-md rounded-3xl overflow-hidden border border-white/10 shadow-2xl hover:shadow-secondary/20 transition-all duration-300 hover:border-secondary/30 group">
847                            <!-- Image -->
848                            <a href="https://ctx-tech.com/en/news/el-espanol-mauricio-hoyos-e
848n-ctx-las-reglas-de-juego" class="block relative h-48 overflow-hidden">
849                                                                    <img src="https://ctx-tech.com/storage/news/ZtS9SMUCNoVg3H6ZIUxBTCTc4SJC90vuUdkvOUiF.png"
850                                         alt="(EL ESPAÑOL) Mauricio Hoyos en CTx &quot;Estamos viviendo un momento único que cambia las reglas de juego&quot;"
851                                         class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
852                                
853                                <!-- Categories overlay -->
854                                                                    <div class="absolute top-4 left-4 flex flex-wrap gap-2">
855                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
856                                                Press
857                                            </span>
858                                                                            </div>
859                                                            </a>
860
861                            <!-- Content -->
862                            <div class="p-6">
863                                <!-- Date -->
864                                <div class="flex items-center gap-2 text-gray-400 text-sm mb-3">
865                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
866                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
867                                    </svg>
868                                    20 May 2026
869                                </div>
870
871                                <!-- Title -->
872                                <h2 class="text-xl font-bold text-white mb-3 line-clamp-2 group-hover:text-secondary transition-colors">
873                                    <a href="https://ctx-tech.com/en/news/el-espanol-mauricio-hoyos-e
873n-ctx-las-reglas-de-juego">
874                                        (EL ESPAÑOL) Mauricio Hoyos en CTx &quot;Estamos viviendo un momento único que cambia las reglas de juego&quot;
875                                    </a>
876                                </h2>
877
878                                <!-- Excerpt -->
879                                <p class="text-gray-400 text-sm line-clamp-3 mb-4">
880                                    Mauricio Hoyos se erige en una voz autorizada en CTx para pulsar cómo la irrupción de la inteligencia artificial obliga a repensarlo todo.
881                                </p>
882
883                                <!-- Read more -->
884                                <a href="https://ctx-tech.com/en/news/el-espanol-mauricio-hoyos-en-ctx-las-reglas-de-juego"
885                                   class="inline-flex items-center text-secondary font-semibold text-sm hover:gap-3 gap-2 transition-all">
886                                    Read more
887                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
888                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
889                                    </svg>
890                                </a>
891                            </div>
892                        </article>
893                                            <article class="bg-white/5 backdrop-blur-md rounded-3xl overflow-hidden border border-white/10 shadow-2xl hover:shadow-secondary/20 transition-all duration-300 hover:border-secondary/30 group">
894                            <!-- Image -->
895                            <a href="https://ctx-tech.com/en/news/eurofirms-una-ia-con-proposito-para-transformar-el-talento-sin-perder-el-factor-humano" class="block relative h-48 overflow-hidden">
896                                                                    <img src="https://ctx-tech.com/storage/news/Bm5e0Lllwd6vbKq1RaPAIjYvldLWeXlbaLcw6cXS.jpg"
897                                         alt="(EUROFIRMS) &quot;Una IA con propósito para transformar el talento sin perder el factor humano&quot;"
898                                         class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
899                                
900                                <!-- Categories overlay -->
901                                                                    <div class="absolute top-4 left-4 flex flex-wrap gap-2">
902                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
903                                                Press
904                                            </span>
905                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
906                                                Events
907                                            </span>
908                                                                            </div>
909                                                            </a>
910
911                            <!-- Content -->
912                            <div class="p-6">
913                                <!-- Date -->
914                                <div class="flex items-center gap-2 text-gray-400 text-sm mb-3">
915                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
916                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
917                                    </svg>
918                                    12 May 2026
919                                </div>
920
921                                <!-- Title -->
922                                <h2 class="text-xl font-bold text-white mb-3 line-clamp-2 group-hover:text-secondary transition-colors">
923                                    <a href="https://ctx-tech.com/en/news/eurofirms-una-ia-con-proposito-para-transformar-el-talento-sin-perder-el-factor-humano">
924                                        (EUROFIRMS) &quot;Una IA con propósito para transformar el talento sin perder el factor humano&quot;
925                                    </a>
926                                </h2>
927
928                                <!-- Excerpt -->
929                                <p class="text-gray-400 text-sm line-clamp-3 mb-4">
930                                    Jaume Dulsat, country leader de Eurofirms Group en España, subrayó en CTX Tech Experience Sevilla, celebrado los días 19 y 20 de marzo, que la inteligencia artificial debe servir para ampliar oportunidades laborales, mejorar la eficiencia y reforzar el encaje entre personas y empresas, sin sustituir el criterio humano en la gestión del talento.
931
932
933                                </p>
934
935                                <!-- Read more -->
936                                <a href="https://ctx-tech.com/en/news/eurofirms-una-ia-con-proposito-para-transformar-el-talento-sin-perder-el-factor-humano"
937                                   class="inline-flex items-center text-secondary font-semibold text-sm hover:gap-3 gap-2 transition-all">
938                                    Read more
939                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
940                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
941                                    </svg>
942                                </a>
943                            </div>
944                        </article>
945                                            <article class="bg-white/5 backdrop-blur-md rounded-3xl overflow-hidden border border-white/10 shadow-2xl hover:shadow-secondary/20 transition-all duration-300 hover:border-secondary/30 group">
946                            <!-- Image -->
947                            <a href="https://ctx-tech.com/en/news/la-junta-de-andalucia-anuncia-en-ctx-su-inversion-en-emprendimiento-digital" class="block relative h-48 overflow-hidden">
948                                                                    <img src="https://ctx-tech.com/storage/news/YtxiprN70K0BDu57vC7eTUZmLBGMZ4fTmt5gEbro.png"
949                                         alt="(INVERSIÓN DIGITAL) La Junta de Andalucia anuncia en CTx su inversión en emprendimiento digital"
950                                         class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
951                                
952                                <!-- Categories overlay -->
953                                                                    <div class="absolute top-4 left-4 flex flex-wrap gap-2">
954                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
955                                                Institutional
956                                            </span>
957                                                                            </div>
958                                                            </a>
959
960                            <!-- Content -->
961                            <div class="p-6">
962                                <!-- Date -->
963                                <div class="flex items-center gap-2 text-gray-400 text-sm mb-3">
964                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
965                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
966                                    </svg>
967                                    10 May 2026
968                                </div>
969
970                                <!-- Title -->
971                                <h2 class="text-xl font-bold text-white mb-3 line-clamp-2 group-hover:text-secondary transition-colors">
972                                    <a href="https://ctx-tech.com/en/news/la-junta-de-andalucia-anuncia-en-ctx-su-inversion-en-emprendimiento-digital">
973                                        (INVERSIÓN DIGITAL) La Junta de Andalucia anuncia en CTx su inversión en emprendimiento digital
974                                    </a>
975                                </h2>
976
977                                <!-- Excerpt -->
978                                <p class="text-gray-400 text-sm line-clamp-3 mb-4">
979                                    La Junta de Andalucía destina 17,1 millones de euros a más de 1.100 proyectos de emprendimiento digital, fortaleciendo la economía regional y consolidando su posición como líder en el sector tecnológico.
980                                </p>
981
982                                <!-- Read more -->
983                                <a href="https://ctx-tech.com/en/news/la-junta-de-andalucia-anuncia-en-ctx-su-inversion-en-emprendimiento-digital"
984                                   class="inline-flex items-center text-secondary font-semibold text-sm hover:gap-3 gap-2 transition-all">
985                                    Read more
986                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
987                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
988                                    </svg>
989                                </a>
990                            </div>
991                        </article>
992                                            <article class="bg-white/5 backdrop-blur-md rounded-3xl overflow-hidden border border-white/10 shadow-2xl hover:shadow-secondary/20 transition-all duration-300 hover:border-secondary/30 group">
993                            <!-- Image -->
994                            <a href="https://ctx-tech.com/en/news/andalucia-economica-los-grandes-hitos-de-ctx-el-programa-supersprint" class="block relative h-48 overflow-hidden">
995                                                                    <img src="https://ctx-tech.com/storage/news/OShm24v4o8x0RejjivoSy0OGmbDgYpmfvbpSjt60.jpg"
996                                         alt="(ANDALUCIA ECONÓMICA) Los grandes hitos de CTx. El programa SUPERSPRINT"
997                                         class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-110">
998                                
999                                <!-- Categories overlay -->
1000                                                                    <div class="absolute top-4 left-4 flex flex-wrap gap-2">
1001                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
1002                                                Institutional
1003                                            </span>
1004                                                                                    <span class="px-3 py-1 bg-secondary/90 text-black text-xs font-semibold rounded-full">
1005                                                Press
1006                                            </span>
1007                                                                            </div>
1008                                                            </a>
1009
1010                            <!-- Content -->
1011                            <div class="p-6">
1012                                <!-- Date -->
1013                                <div class="flex items-center gap-2 text-gray-400 text-sm mb-3">
1014                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1015                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"></path>
1016                                    </svg>
1017                                    08 May 2026
1018                                </div>
1019
1020                                <!-- Title -->
1021                                <h2 class="text-xl font-bold text-white mb-3 line-clamp-2 group-hover:text-secondary transition-colors">
1022                                    <a href="https://ctx-tech.com/en/news/andalucia-economica-los-grandes-hitos-de-ctx-el-programa-supersprint">
1023                                        (ANDALUCIA ECONÓMICA) Los grandes hitos de CTx. El programa SUPERSPRINT
1024                                    </a>
1025                                </h2>
1026
1027                                <!-- Excerpt -->
1028                                <p class="text-gray-400 text-sm line-clamp-3 mb-4">
1029                                    El programa, celebrado en el entorno de CTx Tech Experience Hub en Sevilla TechPark, reunió a más de 110 inscritos y generó más de 20 proyectos en fase inicial.
1030                                </p>
1031
1032                                <!-- Read more -->
1033                                <a href="https://ctx-tech.com/en/news/andalucia-economica-los-grandes-hitos-de-ctx-el-programa-supersprint"
1034                                   class="inline-flex items-center text-secondary font-semibold text-sm hover:gap-3 gap-2 transition-all">
1035                                    Read more
1036                                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
1037                                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 8l4 4m0 0l-4 4m4-4H3"></path>
1038                                    </svg>
1039                                </a>
1040                            </div>
1041                        </article>
1042                                    </div>
1043
1044                <!-- Pagination -->
1045                <div class="mt-12">
1046                    <nav role="navigation" aria-label="Pagination Navigation" class="flex items-center justify-center gap-2">
1047
1048        
1049                    <span class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/10 text-white/20 cursor-not-allowed">
1050                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
1051                    <path fill-rule="evenodd" d="M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z" clip-rule="evenodd" />
1052                </svg>
1053            </span>
1054        
1055        
1056                    
1057                                                                        <span aria-current="page"
1058                              class="inline-flex items-center justify-center w-9 h-9 rounded-full bg-secondary text-black text-sm font-semibold cursor-default">
1059                            1
1060                        </span>
1061                                                                                <a href="https://ctx-tech.com/en/news?page=2"
1062                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1063                            2
1064                        </a>
1065                                                                                <a href="https://ctx-tech.com/en/news?page=3"
1066                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1067                            3
1068                        </a>
1069                                                                                <a href="https://ctx-tech.com/en/news?page=4"
1070                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1071                            4
1072                        </a>
1073                                                                                <a href="https://ctx-tech.com/en/news?page=5"
1074                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1075                            5
1076                        </a>
1077                                                                                <a href="https://ctx-tech.c
1077om/en/news?page=6"
1078                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1079                            6
1080                        </a>
1081                                                                                <a href="https://ctx-tech.com/en/news?page=7"
1082                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1083                            7
1084                        </a>
1085                                                                                <a href="https://ctx-tech.com/en/news?page=8"
1086                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1087                            8
1088                        </a>
1089                                                                                <a href="https://ctx-tech.com/en/news?page=9"
1090                           class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 text-sm hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200">
1091                            9
1092                        </a>
1093                                                        
1094        
1095                    <a href="https://ctx-tech.com/en/news?page=2" rel="next"
1096               class="inline-flex items-center justify-center w-9 h-9 rounded-full border border-white/20 text-secondary/70 hover:bg-secondary/10 hover:border-secondary/40 hover:text-secondary transition-all duration-200"
1097               aria-label="Next &amp;raquo;">
1098                <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
1099                    <path fill-rule="evenodd" d="M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z" clip-rule="evenodd" />
1100                </svg>
1101            </a>
1102        
1103    </nav>
1104
1105                </div>
1106                    </div>
1107    </section>
1108        </main>
1109
1110        <!-- Banner Misión Andalucía -->
1111<div class="relative w-full bg-black pb-12">
1112    <a href="https://www.misionandalucia.es"
1113       target="_blank"
1114       rel="noopener noreferrer"
1115       class="inline-block w-full hover:opacity-90 transition-opacity duration-300"
1116       aria-label="Visitar Misión Andalucía">
1117        <img src="https://ctx-tech.com/assets/images/CTX-BANNER-ADA-1920x300.jpg"
1118             alt="Misión Andalucía"
1119             class="w-full h-auto object-cover block"
1120             loading="lazy" />
1121    </a>
1122</div>
1123<footer class="relative bg-black text-tertiary text-md pt-16 pb-8 px-4 md:px-0">
1124    <div class="max-w-8xl mx-auto px-4 sm:px-6 lg:px-12">
1125        <!-- Main Footer Content -->
1126        <div class="grid grid-cols-1 md:grid-cols-3 gap-12 mb-12">
1127            <!-- Logo Column -->
1128            <div class="md:col-span-1">
1129                <div class="w-full max-w-md text-left">
1130                    <div wire:snapshot="{&quot;data&quot;:{&quot;variant&quot;:&quot;footer&quot;,&quot;email&quot;:&quot;&quot;,&quot;policy_acceptance&quot;:false,&quot;submitted&quot;:false,&quot;messageType&quot;:&quot;success&quot;,&quot;messageText&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;7lIAIGM3xtOzlI9lZX1b&quot;,&quot;name&quot;:&quot;newsletter-subscribe-form&quot;,&quot;path&quot;:&quot;en\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b5958da017704c36c01f7b8be711b9d3696dc44c1b3ba2f7e2124dea1d30ac79&quot;}" wire:effects="[]" wire:id="7lIAIGM3xtOzlI9lZX1b">
1131    <!--[if BLOCK]><![endif]-->        
1132        <div>
1133            <p class="text-white text-2xl mb-4">Subscribe to our newsletter</p>
1134
1135            <!--[if BLOCK]><![endif]-->                <form wire:submit="submit" class="space-y-3">
1136                    <div class="flex flex-col sm:flex-row gap-2">
1137                        <input
1138                            type="email"
1139                            wire:model="email"
1140                            placeholder="Email"
1141                            class="flex-1 rounded-lg border border-white/20 bg-white/5 text-white placeholder-gray-400 px-4 py-2.5 text-sm focus:border-secondary focus:ring-2 focus:ring-secondary/40 focu
1141s:outline-none"
1142                            aria-label="Email"
1143                            required
1144                        >
1145                        <button
1146                            type="submit"
1147                            class="rounded-lg bg-secondary text-black font-semibold px-5 py-2.5 text-sm hover:bg-secondary/90 transition-colors disabled:opacity-60 disabled:cursor-not-allowed"
1148                            wire:loading.attr="disabled"
1149                            wire:target="submit"
1150                        >
1151                            <span wire:loading.remove wire:target="submit">Subscribe</span>
1152                            <span wire:loading wire:target="submit">Sending...</span>
1153                        </button>
1154                    </div>
1155                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1156                    <label class="flex items-center gap-2 text-xs text-tertiary">
1157                        <input
1158                            type="checkbox"
1159                            wire:model="policy_acceptance"
1160                            class="mt-0.5 size-4 rounded border-white/30 bg-white/5 text-secondary focus:ring-secondary"
1161                        >
1162                        <span>
1163                            I have read and accept the <a href="https://ctx-tech.com/en/legal-notice" target="_blank" rel="noopener" class="underline hover:text-secondary">Legal Notice</a> and the <a href="https://ctx-tech.com/en/privacy-policy" target="_blank" rel="noopener" class="underline hover:text-secondary">Privacy Policy</a>
1164                        </span>
1165                    </label>
1166                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1167                    <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                </form>
1168            <!--[if ENDBLOCK]><![endif]-->        </div>
1169    <!--[if ENDBLOCK]><![endif]--></div>
1170                </div>
1171                <a href="https://ctx-tech.com/en">
1172                    <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" class="w-64 h-64 lg:w-96 lg:h-96 mb-6 opacity-60 hover:opacity-100 hover:text-white transition duration-300 cursor-pointer" viewBox="0 0 121.271 68.133">
1173    <defs>
1174      <clipPath id="clip-path">
1175        <rect id="Rectángulo_36" data-name="Rectángulo 36" width="121.271" height="68.133" fill="none"/>
1176      </clipPath>
1177    </defs>
1178    <g id="Grupo_100" data-name="Grupo 100" transform="translate(0 0)">
1179      <path id="Trazado_617" data-name="Trazado 617" d="M916.432,0v8.64H911.72V16.1h4.712V48.7h20.422V41.236H924.68V16.1h12.174V8.639H924.68V0Z" transform="translate(-872.028)" fill="currentColor"/>
1180      <path id="Trazado_618" data-name="Trazado 618" d="M1600.5,198.45h-9.426l-9.032,16.1h-1.964l-9.033-16.1h-9.425l11.782,20.029-12.175,20.029h9.425l9.425-16.494h1.964l9.424,16.494h9.426l-12.175-20.029Z" transform="translate(-1493.261 -189.811)" fill="currentColor"/>
1181      <g id="Grupo_101" data-name="Grupo 101" transform="translate(0 0)">
1182        <g id="Grupo_100-2" data-name="Grupo 100" clip-path="url(#clip-path)">
1183          <path id="Trazado_619" data-name="Trazado 619" d="M29.855,224.506a9.3,9.3,0,0,1-2.041,3.4,11.992,11.992,0,0,1-3.25,2.342,11.477,11.477,0,0,1-5.29,1.058,10.242,10.242,0,0,1-7.747-3.477,12.462,12.462,0,0,1-2.344-4.044,16.771,16.771,0,0,1,0-10.657,12.472,12.472,0,0,1,2.344-4.044,10.245,10.245,0,0,1,7.747-3.476,10.843,10.843,0,0,1,5.14,1.058,11.116,11.116,0,0,1,3.1,2.343,9.272,9.272,0,0,1,1.966,3.4H37.79a18.835,18.835,0,0,0-3.477-6.954A28.51,28.51,0,0,0,31.9,202.89a14.656,14.656,0,0,0-3.212-2.267,19.228,19.228,0,0,0-4.194-1.587,20.9,20.9,0,0,0-5.216-.605,19.716,19.716,0,0,0-7.634,1.474,17.823,17.823,0,0,0-6.122,4.157,19.676,19.676,0,0,0-4.044,6.349,22.721,22.721,0,0,0,0,16.1,19.643,19.643,0,0,0,4.044,6.349,17.809,17.809,0,0,0,6.122,4.157,19.708,19.708,0,0,0,7.634,1.474,20.9,20.9,0,0,0,5.216-.605,19.073,19.073,0,0,0,4.194-1.587,15.4,15.4,0,0,0,3.212-2.23,25.009,25.009,0,0,0,2.418-2.532,18.77,18.77,0,0,0,3.477-7.029H29.855Z" transform="translate(0 -189.791)" fill="currentColor"/>
1184          <path id="Trazado_620" data-name="Trazado 620" d="M2509.64,848.8a6.14,6.14,0,1,0-6.14-6.14,6.14,6.14,0,0,0,6.14,6.14" transform="translate(-2394.509 -800.102)" fill="currentColor"/>
1185          <path id="Trazado_621" data-name="Trazado 621" d="M113.32,1305.186h2.848v8.561h.276v-8.561h2.848v-.276H113.32Z" transform="translate(-108.387 -1248.1)" fill="currentColor"/>
1186          <path id="Trazado_622" data-name="Trazado 622" d="M277.3,1356.411a3.73,3.73,0,0,1,.334-1.354,2.8
118661,2.861,0,0,1,.885-1.1,2.038,2.038,0,0,1,1.234-.406,2.089,2.089,0,0,1,1.226.384,2.734,2.734,0,0,1,.88,1.034,3.165,3.165,0,0,1,.328,1.448H277.3Zm4.387-2.214a2.678,2.678,0,0,0-.861-.682,2.374,2.374,0,0,0-1.072-.246,2.32,2.32,0,0,0-1.4.453,3.094,3.094,0,0,0-.982,1.229,4.451,4.451,0,0,0,0,3.5,2.984,2.984,0,0,0,1.008,1.229,2.583,2.583,0,0,0,1.517.453,2.488,2.488,0,0,0,1.1-.225,2.632,2.632,0,0,0,.751-.531,3.152,3.152,0,0,0,.44-.557l-.225-.155a3.465,3.465,0,0,1-.373.479,2.344,2.344,0,0,1-.669.5,2.218,2.218,0,0,1-1.029.215,2.294,2.294,0,0,1-1.416-.436,2.733,2.733,0,0,1-.887-1.163,4.078,4.078,0,0,1-.3-1.577h5.177v-.277a3.537,3.537,0,0,0-.205-1.21,3.275,3.275,0,0,0-.572-1" transform="translate(-264.95 -1294.355)" fill="currentColor"/>
1187          <path id="Trazado_623" data-name="Trazado 623" d="M434.094,1359.023a2.022,2.022,0,0,1-.74.628,2.143,2.143,0,0,1-.975.222,2.117,2.117,0,0,1-1.3-.423,2.809,2.809,0,0,1-.883-1.139,4.176,4.176,0,0,1,.011-3.217,2.8,2.8,0,0,1,.9-1.126,2.123,2.123,0,0,1,1.28-.412,2.034,2.034,0,0,1,1.362.49,2.067,2.067,0,0,1,.71,1.271h.293a2.443,2.443,0,0,0-.436-1.064,2.437,2.437,0,0,0-3.364-.52,3.057,3.057,0,0,0-.986,1.232,4.46,4.46,0,0,0,0,3.506,3.05,3.05,0,0,0,.988,1.227,2.505,2.505,0,0,0,2.539.194,2.328,2.328,0,0,0,.842-.723,2.467,2.467,0,0,0,.431-1.092h-.293a2.082,2.082,0,0,1-.374.945" transform="translate(-410.897 -1294.364)" fill="currentColor"/>
1188          <path id="Trazado_624" data-name="Trazado 624" d="M588.039,1307.312a2.334,2.334,0,0,0-1.173-.289,2.412,2.412,0,0,0-1.219.31,1.808,1.808,0,0,0-.766.828h-.034V1304.9h-.276v8.837h.276v-4.453a2,2,0,0,1,.261-1.027,1.873,1.873,0,0,1,.716-.7,2.1,2.1,0,0,1,1.042-.255,1.894,1.894,0,0,1,1.985,1.985v4.453h.276v-4.453a2.332,2.332,0,0,0-.289-1.173,2.089,2.089,0,0,0-.8-.8" transform="translate(-559.12 -1248.09)" fill="currentColor"/>
1189          <path id="Trazado_625" data-name="Trazado 625" d="M790.331,1309.993h3.849v-1.342h-3.849v-2.4h4.147v-1.342H788.73v8.837h5.783v-1.342h-4.182Z" transform="translate(-754.392 -1248.1)" fill="currentColor"/>
1190          <path id="Trazado_626" data-name="Trazado 626" d="M944.518,1355.65h-1.653l-1.359,2.447-1.337-2.447h-1.657l1.967,3.314-2.019,3.314h1.657l1.389-2.386,1.4,2.386h1.644l-2.032-3.314Z" transform="translate(-897.604 -1296.631)" fill="currentColor"/>
1191          <path id="Trazado_627" data-name="Trazado 627" d="M1101.476,1358.177a1.708,1.708,0,0,1-.529.764,1.349,1.349,0,0,1-.867.278,1.307,1.307,0,0,1-.843-.27,1.675,1.675,0,0,1-.531-.753,3.565,3.565,0,0,1,0-2.244,1.6,1.6,0,0,1,.528-.738,1.373,1.373,0,0,1,.85-.263,1.407,1.407,0,0,1,.872.272,1.648,1.648,0,0,1,.526.751,3.143,3.143,0,0,1,.177,1.1,3.211,3.211,0,0,1-.179,1.107m.422-4.116a2.543,2.543,0,0,0-1.387-.391,2.059,2.059,0,0,0-.958.2,1.843,1.843,0,0,0-.6.47,2.912,2.912,0,0,0-.341.516h-.091v-1.1h-1.536v9.114h1.563v-3.53h.064a2.809,2.809,0,0,0,.352.511,1.879,1.879,0,0,0,.6.46,2.082,2.082,0,0,0,.945.19,2.505,2.505,0,0,0,1.4-.4,2.728,2.728,0,0,0,.975-1.165,4.972,4.972,0,0,0-.006-3.721,2.7,2.7,0,0,0-.984-1.152" transform="translate(-1049.232 -1294.737)" fill="currentColor"/>
1192          <path id="Trazado_628" data-name="Trazado 628" d="M1257.976,1356.445a1.719,1.719,0,0,1,.2-.723,1.607,1.607,0,0,1,.563-.6,1.532,1.532,0,0,1,.842-.231,1.5,1.5,0,0,1,.787.2,1.416,1.416,0,0,1,.529.555,1.692,1.692,0,0,1,.195.8h-3.114Zm3.707-1.972a2.648,2.648,0,0,0-.967-.606,3.4,3.4,0,0,0-1.158-.2,3.087,3.087,0,0,0-1.653.434,2.938,2.938,0,0,0-1.094,1.208,3.934,3.934,0,0,0-.391,1.8,3.981,3.981,0,0,0,.388,1.806,2.788,2.788,0,0,0,1.111,1.182,3.391,3.391,0,0,0,1.72.416,3.738,3.738,0,0,0,1.372-.235,2.557,2.557,0,0,0,.986-.664,2.263,2.263,0,0,0,.524-1.008l-1.458-.164a1.2,1.2,0,0,1-.306.471,1.347,1.347,0,0,1-.479.287,1.847,1.847,0,0,1-.617.1,1.758,1.758,0,0,1-.889-.218,1.493,1.493,0,0,1-.591-.63,2.124,2.124,0,0,1-.21-.952h4.615v-.479a4.208,4.208,0,0,0-.241-1.5,2.854,2.854,0,0,0-.662-1.042" transform="translate(-1201.721 -1294.737)" fill="currentColor"/>
1193          <path id="Trazado_629" data-name="Trazado 629" d="M1423.229,1353.47a1.707,1.707,0,0,0-1.012.313,1.657,1.657,0,0,0-.623.887h-.07v-1.1h-1.515v6.628h1.563v-3.9a1.425,1.425,0,0,1,.194-.747,1.372,1.372,0,0,1,.533-.507,1.582,1.582,0,0,1,.766-.183,3.242,3.242,0,0,1,.412.028,1.758,1.758,0,0,1,.313.063v-1.437a2.1,2.1,0,0,0-.27-.033c-.108-.007-.205-.01-.291-.01" transform="translate(-1358.189 -1294.546)" fill="currentColor"/>
1194          <rect id="Rectángulo_35" data-name="Rectángulo 35" width="1.562" height="6.628" transform="translate(66.277 59.019)" fill="currentColor"/>
1195          <path id="Trazado_630" data-name="Trazado 630" d="M1520.486,1295.08a.909.909,0,0,0-.639.248.8.8,0,0,0,0,1.2.947.947,0,0,0,1.28,0,.807.807,0,0,0,0-1.2.9.9,0,0,0-.641-.251" transform="translate(-1453.424 -1238.698)" fill="currentColor"/>
1196          <path id="Trazado_631" data-name="Trazado 631" d="M1581.745,1356.445a1.721,1.721,0,0,1,.2-.723,1.607,1.607,0,0,1,.563-.6,1.531,1.531,0,0,1,.842-.231,1.5,1.5,0,0,1,.787.2,1.416,1.416,0,0,1,.529.555,1.7,1.7,0,0,1,.195.8h-3.114Zm3.707-1.972a2.656,2.656,0,0,0-.967-.606,3.394,3.394,0,0,0-1.158-.2,3.087,3.087,0,0,0-1.653.434,2.939,2.939,0,0,0-1.094,1.208,3.934,3.934,0,0,0-.391,1.8,3.979,3.979,0,0,0,.388,1.806,2.787,2.787,0,0,0,1.111,1.182,3.39,3.39,0,0,0,1.72.416,3.738,3.738,0,0,0,1.372-.235,2.556,2.556,0,0,0,.986-.664,2.263,2.263,0,0,0,.524-1.008l-1.458-.164a1.2,1.2,0,0,1-.306.471,1.347,1.347,0,0,1-.479.287,1.846,1.846,0,0,1-.617.1,1.758,1.758,0,0,1-.889-.218,1.492,1.492,0,0,1-.591-.63,2.124,2.124,0,0,1-.21-.952h4.615v-.479a4.205,4.205,0,0,0-.242-1.5,2.854,2.854,0,0,0-.662-1.042" transform="translate(-1511.396 -1294.737)" fill="currentColor"/>
1197          <path id="Trazado_632" data-name="Trazado 632" d="M1748.544,1353.964a2.366,2.366,0,0,0-1.2-.293,2.234,2.234,0,0,0-1.245.328,1.886,1.886,0,0,0-.731.885h-.078v-1.126H1743.8v6.628h1.562V1356.5a1.716,1.716,0,0,1,.179-.815,1.246,1.246,0,0,1,.5-.515,1.452,1.452,0,0,1,.727-.179,1.219,1.219,0,0,1,.947.376,1.484,1.484,0,0,1,.343,1.04v3.979h1.563v-4.22a2.928,2.928,0,0,0-.278-1.35,1.992,1.992,0,0,0-.794-.85" transform="translate(-1667.883 -1294.737)" fill="currentColor"/>
1198          <path id="Trazado_633" data-name="Trazado 633" d="M1901.378,1355.187a1.42,1.42,0,0,1,.842-.257,1.258,1.258,0,0,1,.9.322,1.441,1.441,0,0,1,.429.8h1.493a2.418,2.418,0,0,0-1.418-2.086,3.3,3.3,0,0,0-1.43-.3,3.16,3.16,0,0,0-1.681.434,2.915,2.915,0,0,0-1.1,1.208,4.305,4.305,0,0,0-.006,3.56,2.882,2.882,0,0,0,1.091,1.205,3.192,3.192,0,0,0,1.7.436,3.251,3.251,0,0,0,1.45-.3,2.437,2.437,0,0,0,.975-.845,2.6,2.6,0,0,0,.414-1.245h-1.493a1.475,1.475,0,0,1-.254.609,1.226,1.226,0,0,1-.459.382,1.513,1.513,0,0,1-1.467-.13,1.67,1.67,0,0,1-.559-.747,3.068,3.068,0,0,1-.2-1.163,2.938,2.938,0,0,1,.2-1.148,1.659,1.659,0,0,1,.563-.736" transform="translate(-1816.355 -1294.737)" fill="currentColor"/>
1199          <path id="Trazado_634" data-name="Trazado 634" d="M2053.386,1356.445a1.732,1.732,0,0,1,.2-.723,1.608,1.608,0,0,1,.563-.6,1.531,1.531,0,0,1,.841-.231,1.5,1.5,0,0,1,.788.2,1.418,1.418,0,0,1,.529.555,1.7,1.7,0,0,1,.195.8h-3.114Zm3.707-1.972a2.659,2.659,0,0,0-.967-.606,3.4,3.4,0,0,0-1.158-.2,3.086,3.086,0,0,0-1.653.434,2.942,2.942,0,0,0-1.094,1.208,3.944,3.944,0,0,0-.391,1.8,4,4,0,0,0,.388,1.806,2.791,2.791,0,0,0,1.111,1.182,3.389,3.389,0,0,0,1.719.416,3.739,3.739,0,0,0,1.372-.235,2.56,2.56,0,0,0,.986-.664,2.262,2.262,0,0,0,.524-1.008l-1.458-.164a1.207,1.207,0,0,1-.306.471,1.348,1.348,0,0,1-.479.287,1.85,1.85,0,0,1-.617.1,1.757,1.757,0,0,1-.889-.218,1.5,1.5,0,0,1-.592-.63,2.135,2.135,0,0,1-.209-.952H2058v-.479a4.205,4.205,0,0,0-.242-1.5,2.856,2.856,0,0,0-.662-1.042" transform="translate(-1962.503 -1294.737)" fill="currentColor"/>
1200          <path id="Trazado_635" data-name="Trazado 635" d="M2283.626,1308.641h-4.095V1304.9h-1.6v8.837h1.6v-3.754h4.095v3.754h1.6V1304.9h-1.6Z" transform="translate(-2178.759 -1248.09)" fill="currentColor"/>
1201          <path id="Trazado_636" data-name="Trazado 636" d="M2479.835,1359.5a1.556,1.556,0,0,1-.209.839,1.368,1.368,0,0,1-.532.5,1.434,1.434,0,0,1-.669.168,1.177,1.177,0,0,1-.906-.371,1.411,1.411,0,0,1-.346-1v-3.979h-1.562v4.22a2.986,2.986,0,0,0,.28,1.353,1.987,1.987,0,0,0,.778.85,2.236,2.236,0,0,0,1.15.291,2.158,2.158,0,0,0,1.258-.354,2,2,0,0,0,.736-.911h.069v1.178h1.515v-6.628h-1.562v3.84Z" transform="translate(-2367.833 -1296.641)" fill="currentColor"/>
1202          <path id="Trazado_637" data-name="Trazado 637" d="M2643.115,1311.54a1.7,1.7,0,0,1-.529.764,1.348,1.348,0,0,1-.867.278,1.31,1.31,0,0,1-.844-.27,1.673,1.673,0,0,1-.531-.753,3.564,3.564,0,0,1,0-2.244,1.6,1.6,0,0,1,.529-.738,1.368,1.368,0,0,1,.85-.263,1.4,1.4,0,0,1,.871.272,1.649,1.649,0,0,1,.526.75,3.144,3.144,0,0,1,.177,1.1,3.2,3.2,0,0,1-.179,1.107m.423-4.116a2.542,2.542,0,0,0-1.387-.391,2.056,2.056,0,0,0-.958.2,1.83,1.83,0,0,0-.6.47,3.006,3.006,0,0,0-.342.516h-.064v-3.305h-1.562v8.837h1.535V1312.7h.091a2.867,2.867,0,0,0,.352.511,1.88,1.88,0,0,0,.6.46,2.083,2.083,0,0,0,.945.19,2.5,2.5,0,0,0,1.4-.4,2.728,2.728,0,0,0,.975-1.165,4.972,4.972,0,0,0-.006-3.721,2.7,2.7,0,0,0-.984-1.152" transform="translate(-2523.756 -1248.1)" fill="currentColor"/>
1203        </g>
1204      </g>
1205    </g>
1206  </svg>
1207                </a>
1208            </div>
1209
1210            <!-- Contact Column -->
1211            <div class="md:col-span-1 justify-items-end">
1212                <p class="text-white text-3xl mb-4 text-right">Contact</p>
1213                <ul class="space-y-3 text-right">
1214                    <li>
1214<a href="mailto:[email protected]" class="hover:text-white transition" aria-label="Enviar correo a [email protected]">[email protected]</a></li>
1215                </ul>
1216
1217
1218
1219                <p class="mt-12 text-right">
1220                    CTx is an event promoted<br>and organized by
1221                </p>
1222                <div class="flex gap-4 mt-4 justify-end">
1223                    <a href="https://beonworldwide.com/"
1224                        class="text-xs hover:text-white transition duration-300"
1225                        aria-label="Visitar sitio web de Beon Worldwide"
1226                        title="Beon Worldwide"
1227                        target="_blank"
1228                        rel="noopener noreferrer">
1229                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="83" height="83" viewBox="0 0 83 83" aria-hidden="true">
1230    <defs>
1231        <clipPath id="clip-path">
1232        <rect id="Rectángulo_66" data-name="Rectángulo 66" width="41.829" height="49" fill="currentColor"/>
1233        </clipPath>
1234    </defs>
1235    <g id="Grupo_128" data-name="Grupo 128" transform="translate(-1170.064 -6903)">
1236        <g id="Rectángulo_45" data-name="Rectángulo 45" transform="translate(1170.064 6903)" fill="none" stroke="currentColor" stroke-width="1">
1237        <rect width="83" height="83" rx="8" stroke="none"/>
1238        <rect x="0.5" y="0.5" width="82" height="82" rx="7.5" fill="none"/>
1239        </g>
1240        <g id="Grupo_303" data-name="Grupo 303" transform="translate(1191.65 6920)">
1241        <g id="Grupo_304" data-name="Grupo 304">
1242            <g id="Grupo_303-2" data-name="Grupo 303" clip-path="url(#clip-path)">
1243            <path id="Trazado_657" data-name="Trazado 657" d="M164.253,156.909a1.521,1.521,0,1,1-1.521-1.52,1.521,1.521,0,0,1,1.521,1.52" transform="translate(-122.424 -118.003)" fill="currentColor"/>
1244            <path id="Trazado_658" data-name="Trazado 658" d="M8.527,18.8a5.5,5.5,0,1,1,5.5-5.5,5.505,5.505,0,0,1-5.5,5.5m0-14.024a8.488,8.488,0,0,0-5.5,2.015V0H0V21.282H3.029v-1.47a8.525,8.525,0,1,0,5.5-15.037" fill="currentColor"/>
1245            <path id="Trazado_659" data-name="Trazado 659" d="M82.036,27.5a5.5,5.5,0,0,1,10.794,0Zm5.4-7.491a8.527,8.527,0,1,0,7.98,11.529h-3.38A5.489,5.489,0,0,1,82.1,29.857H95.859a8.529,8.529,0,0,0-8.425-9.847" transform="translate(-59.922 -15.196)" fill="currentColor"/>
1246            <path id="Trazado_660" data-name="Trazado 660" d="M8.527,101.842a5.5,5.5,0,1,0,5.5,5.5,5.5,5.5,0,0,0-5.5-5.5m0,14.026a8.527,8.527,0,1,1,8.528-8.527,8.537,8.537,0,0,1-8.528,8.527" transform="translate(0 -75.041)" fill="currentColor"/>
1247            <path id="Trazado_661" data-name="Trazado 661" d="M98.933,112.44v-6.7a6.929,6.929,0,0,0-11.292-5.382V99.345h-3.03v16.123h3.03v-9.726a4.131,4.131,0,0,1,8.262,0v9.725h5.758V112.44Z" transform="translate(-64.254 -75.041)" fill="currentColor"/>
1248            </g>
1249        </g>
1250        <path id="Trazado_662" data-name="Trazado 662" d="M1.617,193.619l-.65,1.98-.677-1.973H0l.845,2.385h.224l.653-1.921.65,1.921H2.6l.846-2.385H3.163L2.487,195.6l-.65-1.98Z" transform="translate(0 -147.035)" fill="currentColor"/>
1251        <g id="Grupo_306" data-name="Grupo 306">
1252            <g id="Grupo_305" data-name="Grupo 305" clip-path="url(#clip-path)">
1253            <path id="Trazado_663" data-name="Trazado 663" d="M27.381,194.711V194.7a.941.941,0,0,0-.934-.978.93.93,0,0,0-.927.971v.007a.942.942,0,0,0,.934.978.93.93,0,0,0,.927-.971m-2.138,0V194.7a1.208,1.208,0,1,1,2.416-.007v.007a1.208,1.208,0,1,1-2.416.007" transform="translate(-19.17 -146.929)" fill="currentColor"/>
1254            <path id="Trazado_664" data-name="Trazado 664" d="M48.483,194.855c.356,0,.609-.183.609-.487v-.007c0-.291-.223-.467-.605-.467h-.731v.961Zm-.995-1.208h1.019a.932.932,0,0,1,.673.237.653.653,0,0,1,.183.467v.007a.693.693,0,0,1-.643.69l.728.967h-.328l-.687-.92h-.676v.92h-.268Z" transform="translate(-36.063 -147.056)" fill="currentColor"/>
1255            </g>
1256        </g>
1257        <path id="Trazado_665" data-name="Trazado 665" d="M67.512,193.648v2.368h1.6v-.247H67.779v-2.121Z" transform="translate(-51.269 -147.057)" fill="currentColor"/>
1258        <g id="Grupo_308" data-name="Grupo 308">
1259            <g id="Grupo_307" data-name="Grupo 307" clip-path="url(#clip-path)">
1260            <path id="Trazado_666" data-name="Trazado 666" d="M86.892,195.768a.917.917,0,0,0,.981-.93v-.007a.922.922,0,0,0-.981-.937h-.555v1.874Zm-.822-2.121h.822a1.181,1.181,0,0,1,1.259,1.177v.007a1.186,1.186,0,0,1-1.259,1.184H86.07Z" transform="translate(-65.362 -147.056)" fill="currentColor"/>
1261            </g>
1262        </g>
1263        <path id="Trazado_667" data-name="Trazado 667" d="M107.274,193.619l-.65,1.98-.677-1.973h-.291l.845,2.385h.224l.653-1.921.65,1.921h.227l.846-2.385h-.281l-.677,1.973-.65-1.98Z" transform="translate(-80.236 -147.035)" fill="currentColor"/>
1264        <rect id="Rectángulo_69" data-name="Rectángulo 69" width="0.267" height="2.368" transform="translate(31.744 46.591)" fill="currentColor"/>
1265        <g id="Grupo_310" data-name="Grupo 310">
1266            <g id="Grupo_309" data-name="Grupo 309" clip-path="url(#clip-path)">
1267            <path id="Trazado_668" data-name="Trazado 668" d="M146.608,195.768a.917.917,0,0,0,.981-.93v-.007a.922.922,0,0,0-.981-.937h-.555v1.874Zm-.822-2.121h.822a1.181,1.181,0,0,1,1.259,1.177v.007a1.186,1.186,0,0,1-1.259,1.184h-.822Z" transform="translate(-110.71 -147.056)" fill="currentColor"/>
1268            </g>
1269        </g>
1270        <path id="Trazado_669" data-name="Trazado 669" d="M166.639,193.648v2.368h1.729v-.243h-1.462v-.829H168.2V194.7h-1.293v-.809h1.445v-.243Z" transform="translate(-126.546 -147.057)" fill="currentColor"/>
1271        </g>
1272    </g>
1273</svg>
1274                    </a>
1275                    <a href="https://vess.digital/"
1276                        class="text-xs hover:text-white transition duration-300"
1277                        aria-label="Visitar sitio web de Vess Digital"
1278                        title="Vess Digital"
1279                        target="_blank"
1280                        rel="noopener noreferrer">
1281                        <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="83" height="83" viewBox="0 0 83 83" aria-hidden="true">
1282    <defs>
1283        <clipPath id="clip-path">
1284        <rect id="Rectángulo_65" data-name="Rectángulo 65" width="46" height="43.324" fill="currentColor"/>
1285        </clipPath>
1286    </defs>
1287    <g id="Grupo_129" data-name="Grupo 129" transform="translate(-1175.064 -6908)">
1288        <g id="Rectángulo_45" data-name="Rectángulo 45" transform="translate(1175.064 6908)" fill="none" stroke="currentColor" stroke-width="1">
1289        <rect width="83" height="83" rx="8" stroke="none"/>
1290        <rect x="0.5" y="0.5" width="82" height="82" rx="7.5" fill="none"/>
1291        </g>
1292        <g id="Grupo_302" data-name="Grupo 302" transform="translate(1194.064 6928)">
1293        <g id="Grupo_301" data-name="Grupo 301" clip-path="url(#clip-path)">
1294            <path id="Trazado_653" data-name="Trazado 653" d="M381.905,0a10.619,10.619,0,0,1,5.058,1.848,10.029,10.029,0,0,1,3.905,9.877H376.1a5.41,5.41,0,0,0,7.09,3.567,4.982,4.982,0,0,0,2.525-1.879l4.077,2c-4.553,7.03-16.173,5.629-18.512-2.612A9.883,9.883,0,0,1,379.9.052l.09-.052Zm3.889,7.892a5.045,5.045,0,0,0-9.64,0Z" transform="translate(-349.941)" fill="currentColor"/>
1295            <path id="Trazado_654" data-name="Trazado 654" d="M0,5.99l5.385.056,5.355,17.644,5.412-17.7H21.2l-6.143,19.2-8.96.02L0,6.1Z" transform="translate(0 -5.652)" fill="currentColor"/>
1296            <path id="Trazado_655" data-name="Trazado 655" d="M38.527,390.39,33.766,392.7a4.254,4.254,0,0,0-3.392-2.362c-1.187-.142-3.681.025-3.455,1.764.129.991,1.679,1.505,2.5,1.781,3.476,1.167,9.312,1.6,9.781,6.285.426,4.255-3.2,6.4-6.913,6.9-4.166.56-9.589-.387-11.755-4.407-.056-.1-.3-.524-.248-.6l4.8-2.361a5.056,5.056,0,0,0,3.624,2.74c1.141.222,4.182.311,4.757-.96.69-1.526-1.245-2.193-2.334-2.533-3.345-1.045-8.711-1.447-9.711-5.622-.979-4.086,2.4-6.833,6.059-7.47,4.181-.728,8.939.646,11.05,4.538Z" transform="translate(-19.135 -363.898)" fill="currentColor"/>
1297            <path id="Trazado_656" data-name="Trazado 656" d="M399.881,392.7a4.042,4.042,0,0,0-2.874-2.285c-1.322-.252-4.233-.169-3.74,1.88.216.9,2,1.463,2.793,1.716,3.367,1.077,8.479,1.587,9.111,5.939.572,3.935-2.456,6.293-5.966,6.984-4.134.814-9.55-.016-11.954-3.834-.1-.166-.571-.9-.481-1.045l4.583-2.3c.188-.028.391.485.509.653a5.924,5.924,0,0,0,6.525,1.933c1.545-.476,1.873-1.922.423-2.792-1.751-1.05-4.826-1.306-6.877-2.142-3.5-1.426-5.607-4.774-3.407-8.365,2.919-4.762,11.5-4.171,14.961-.2a9.37,9.37,0,0,1,1.018,1.466c0,.26-4.14,2.039-4.624,2.394Z" transform="translate(-364.929 -363.898)" fill="currentColor"/>
1298            <rect id="Rectángulo_64" data-name="Rectángulo 64" width="4.228" height="4.171" transform="translate(41.772 38.499)" fill="currentColor"/>
1299        </g>
1300        </g>
1301    </g>
1302</svg>
1303                    </a>
1304                </div>
1305            </div>
1306
1307            <!-- Follow Us & Press Kit Column -->
1308            <div class="md:col-span-1 flex flex-col items-end">
1309                <p class="text-white text-3xl mb-4">Follow Us</p>
1310                <div class="flex gap-3 mb-8 space-y-3 space-x-3">
1311                    <a href="https://www.instagram.com/ctx_tech/"
1312                        target="_blank"
1313                        class="hover:text-white transition"
1314                        aria-label="Síguenos en Instagram"
1315                        title="Síguenos en Instagram">
1316                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true">
1317                            <g id="INSTAGRAM" transform="translate(-365.999)">
1318                                <path id="Sustracción_5" data-name="Sustracción 5" d="M18,24H6a6.007,6.007,0,0,1-6-6V6A6.007,6.007,0,0,1,6,0H18a6.007,6.007,0,0,1,6,6V18A6.007,6.007,0,0,1,18,24ZM11.918,7a4.878,4.878,0,0,0-.706.052,4.807,4.807,0,0,0-4.05,5.46,4.8,4.8,0,0,0,5.46,4.051,4.808,4.808,0,0,0,0-9.511A4.853,4.853,0,0,0,11.918,7Zm6.558-3.168a1.418,1.418,0,0,0-1.4,1.626,1.426,1.426,0,0,0,1.4,1.211,1.386,1.386,0,0,0,.21-.015,1.418,1.418,0,0,0,0-2.805A1.4,1.4,0,0,0,18.476,3.836Z" transform="translate(365.999 0)" fill="currentColor"/>
1319                            </g>
1320                        </svg>
1321                    </a>
1322                    <a href="https://www.tiktok.com/@ctx_tech"
1323                        target="_blank"
1324                        class="hover:text-white transition"
1325                        aria-label="Síguenos en TikTok"
1326                        title="Síguenos en TikTok">
1327                        <svg id="X" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20.801" height="24" viewBox="0 0 20.801 24" aria-hidden="true">
1328                            <defs>
1329                                <clipPath id="clip-path">
1330                                <rect id="Rectángulo_14" data-name="Rectángulo 14" width="20.801" height="24" fill="currentColor"/>
1331                                </clipPath>
1332                            </defs>
1333                            <g id="Grupo_30" data-name="Grupo 30" clip-path="url(#clip-path)">
1334                                <path id="Trazado_23" data-name="Trazado 23" d="M18.211,5.133a5.467,5.467,0,0,1-.472-.275,6.643,6.643,0,0,1-1.213-1.031,5.723,5.723,0,0,1-1.367-2.821h0A3.476,3.476,0,0,1,15.108,0H10.986V15.938c0,.214,0,.425-.009.634,0,.026,0,.05,0,.078a.17.17,0,0,1,0,.035V16.7A3.5,3.5,0,0,1,9.21,19.473a3.44,3.44,0,0,1-1.705.45,3.5,3.5,0,0,1,0-7,3.444,3.444,0,0,1,1.07.169L8.58,8.9a7.657,7.657,0,0,0-5.9,1.726A8.089,8.089,0,0,0,.915,12.8,7.542,7.542,0,0,0,0,16.26,8.17,8.17,0,0,0,.447,19v.01a8.055,8.055,0,0,0,1.119,2.041,8.376,8.376,0,0,0,1.785,1.684v-.01l.01.01A7.713,7.713,0,0,0,7.57,24a7.449,7.449,0,0,0,3.123-.69A7.837,7.837,0,0,0,13.228,21.4a7.922,7.922,0,0,0,1.382-2.3,8.6,8.6,0,0,0,.5-2.626V8.024c.05.03.716.47.716.47A9.534,9.534,0,0,0,18.28,9.51a14.146,14.146,0,0,0,2.521.345V5.763a5.345,5.345,0,0,1-2.59-.63" transform="translate(0)" fill="currentColor"/>
1335                            </g>
1336                        </svg>
1337                    </a>
1338                    <a href="https://www.linkedin.com/company/107648128/admin/dashboard/"
1339                        target="_blank"
1340                        class="hover:text-white transition"
1341                        aria-label="Síguenos en LinkedIn"
1342                        title="Síguenos en LinkedIn">
1343                        <svg xmlns="http://www.w3.org/2000/svg" width="25.25" height="24" viewBox="0 0 25.25 24" aria-hidden="true">
1344                            <g id="LINKEDIN" transform="translate(-2)">
1345                                <path id="Trazado_13" data-name="Trazado 13" d="M16.643,7a7.642,7.642,0,0,1,7.643,7.643v8.917h-5.1V14.643a2.548,2.548,0,1,0-5.1,0v8.917H9V14.643A7.642,7.642,0,0,1,16.643,7Z" transform="translate(2.964 0.417)" fill="currentColor"/>
1346                                <rect id="Rectángulo_8" data-name="Rectángulo 8" width="4.5" height="15" transform="translate(2 9)" fill="currentColor"/>
1347                                <circle id="Elipse_1" data-name="Elipse 1" cx="2.25" cy="2.25" r="2.25" transform="translate(2)" fill="currentColor"/>
1348                            </g>
1349                        </svg>
1350                    </a>
1351                    <a href="https://www.youtube.com/@CTx-Tech"
1352                        target="_blank"
1353                        class="hover:text-white transition"
1354                        aria-label="Síguenos en YouTube"
1355                        title="Síguenos en YouTube">
1356                        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="22.108" viewBox="0 0 32 22.108" aria-hidden="true">
1357                            <path id="YOUTUBE" d="M16,22.108c-.1,0-10.035-.008-12.509-.659A4.033,4.033,0,0,1,.67,18.7,40.939,40.939,0,0,1,0,11.082,40.867,40.867,0,0,1,.67,3.518,4.017,4.017,0,0,1,3.491.658C5.964.007,15.9,0,16,0S26.035.007,28.508.6a4.017,4.017,0,0,1,2.822,2.86A40.99,40.99,0,0,1,32,11.082a40.992,40.992,0,0,1-.669,7.507,4.016,4.016,0,0,1-2.822,2.86C26.035,22.1,16.1,22.108,16,22.108Zm-3.273-15.7v9.352l8.363-4.676L12.727,6.406Z" fill="currentColor"/>
1358                        </svg>
1359                    </a>
1360                    <a href="https://x.com/Tech_ctx"
1361                        target="_blank"
1362                        class="hover:text-white transition"
1363                        aria-label="Síguenos en X"
1364                        title="Síguenos en X">
1365                        <svg xmlns="http://www.w3.org/2000/svg" width="26.577" height="24" viewBox="0 0 26.577 24" aria-hidden="true">
1366                            <path id="TWITTER" d="M4.791,2.3H7.218L21.83,21.609H19.572ZM21,0,14.205,7.669,8.4,0H0L10.007,13.107.531,24H4.605l7.35-8.4L18.376,24h8.2L16.127,10.185,25.072,0Z" fill="currentColor"/>
1367                        </svg>
1368                    </a>
1369                    
1370                </div>
1371
1372                <p class="text-white text-3xl mb-4">Press Kit</p>
1373                <button type="button" onclick="Livewire.dispatch('open-press-kit-modal')" class="inline-flex items-center gap-2 hover:text-white transition cursor-pointer">
1374                    <svg xmlns="http://www.w3.org/2000/svg" width="23.955" height="20.5" viewB
1374ox="0 0 23.955 20.5">
1375                        <path id="Trazado_615" data-name="Trazado 615" d="M10.023,14.977l3.455,3.455m0,0,3.455-3.455m-3.455,3.455V11.523M14.7,6.7,12.257,4.257a1.727,1.727,0,0,0-1.222-.507H4.841A2.591,2.591,0,0,0,2.25,6.341V20.159A2.591,2.591,0,0,0,4.841,22.75H22.114A2.591,2.591,0,0,0,24.7,20.159V9.8A2.591,2.591,0,0,0,22.114,7.2H15.92A1.727,1.727,0,0,1,14.7,6.7Z" transform="translate(-1.5 -3)" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"/>
1376                    </svg>
1377
1378                    Download
1379                </button>
1380
1381                <div class="mt-12 space-y-3 text-right">
1382                    <a href="https://ctx-tech.com/en/legal-notice" class="block hover:text-white transition">Legal Notice</a>
1383                    <a href="https://ctx-tech.com/en/privacy-policy" class="block hover:text-white transition">Privacy Policy</a>
1384                    <a href="https://ctx-tech.com/en/cookie" class="block hover:text-white transition">Cookie Policy</a>
1385                    <a href="https://ctx-tech.com/en/terms" class="block hover:text-white transition">Purchase Terms</a>
1386                    
1387                </div>
1388            </div>
1389        </div>
1390
1391        <!-- Copyright -->
1392        <div class="pt-6 text-center text-xs">
1393                            &copy; 2026 CTx Tech Experience Hub. All rights reserved
1394                    </div>
1395    </div>
1396
1397    <!-- Press Kit Modal -->
1398    <div wire:snapshot="{&quot;data&quot;:{&quot;showModal&quot;:false,&quot;showMessage&quot;:false,&quot;messageType&quot;:&quot;success&quot;,&quot;name&quot;:&quot;&quot;,&quot;company_name&quot;:&quot;&quot;,&quot;email&quot;:&quot;&quot;,&quot;policy_acceptance&quot;:false},&quot;memo&quot;:{&quot;id&quot;:&quot;COAq6bufhtR5bd04wtrh&quot;,&quot;name&quot;:&quot;press-kit-modal&quot;,&quot;path&quot;:&quot;en\/news&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;en&quot;},&quot;checksum&quot;:&quot;b535702377f448cb5a7448898b8605f9e3ce811efb8b699767ca6733a029adb9&quot;}" wire:effects="{&quot;listeners&quot;:[&quot;open-press-kit-modal&quot;]}" wire:id="COAq6bufhtR5bd04wtrh">
1399    <!-- Modal -->
1400    <div x-data="{ show: window.Livewire.find('COAq6bufhtR5bd04wtrh').entangle('showModal') }"
1401         x-show="show"
1402         x-cloak
1403         x-on:keydown.escape.window="$wire.closeModal()"
1404         class="fixed inset-0 z-50 overflow-y-auto px-4 py-6 sm:px-0 flex items-center justify-center">
1405
1406        <!-- Backdrop -->
1407        <div x-show="show"
1408             x-transition:enter="ease-out duration-300"
1409             x-transition:enter-start="opacity-0"
1410             x-transition:enter-end="opacity-100"
1411             x-transition:leave="ease-in duration-200"
1412             x-transition:leave-start="opacity-100"
1413             x-transition:leave-end="opacity-0"
1414             class="fixed inset-0 bg-black/60 backdrop-blur-sm"
1415             @click="$wire.closeModal()">
1416        </div>
1417
1418        <!-- Modal Content -->
1419        <div x-show="show"
1420             x-transition:enter="ease-out duration-300"
1421             x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1422             x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
1423             x-transition:leave="ease-in duration-200"
1424             x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
1425             x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
1426             class="relative bg-gradient-to-br from-gray-900 to-gray-800 rounded-2xl overflow-hidden shadow-2xl transform transition-all sm:w-full sm:max-w-md border border-white/10">
1427            <div class="p-8">
1428                <!--[if BLOCK]><![endif]-->                    <!-- Icono decorativo -->
1429                    <div class="flex justify-center mb-6">
1430                        <div class="w-16 h-16 bg-gradient-to-br from-purple-600 to-pink-600 rounded-xl flex items-center justify-center">
1431                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
1432                                <path d="M9 11l3 3L22 4"></path>
1433                                <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
1434                            </svg>
1435                        </div>
1436                    </div>
1437
1438                    <h2 class="text-2xl font-bold text-white mb-2 text-center">
1439                        Download Press Kit
1440                    </h2>
1441
1442                    <p class="text-gray-400 mb-8 text-center text-sm">
1443                        Please provide your information to download the press kit.
1444                    </p>
1445
1446                    <form wire:submit="submit" class="space-y-5">
1447                        <div>
1448                            <label for="pk_name" class="block text-sm font-semibold text-gray-200 mb-2">
1449                                Name <span class="text-pink-500">*</span>
1450                            </label>
1451                            <input type="text"
1452                                   id="pk_name"
1453                                   wire:model.blur="name"
1454                                   required
1455                                   placeholder="Your full name"
1456                                   class="w-full px-4 py-3 bg-gray-800/50 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition">
1457                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1458
1459                        <div>
1460                            <label for="pk_company_name" class="block text-sm font-semibold text-gray-200 mb-2">
1461                                Company <span class="text-pink-500">*</span>
1462                            </label>
1463                            <input type="text"
1464                                   id="pk_company_name"
1465                                   wire:model.blur="company_name"
1466                                    required
1467                                   placeholder="Your company name"
1468                                   class="w-full px-4 py-3 bg-gray-800/50 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition">
1469                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1470
1471                        <div>
1472                            <label for="pk_email" class="block text-sm font-semibold text-gray-200 mb-2">
1473                                Email <span class="text-pink-500">*</span>
1474                            </label>
1475                            <input type="email"
1476                                   id="pk_email"
1477                                   wire:model.blur="email"
1478                                      required
1479                                   placeholder="[email protected]"
1480                                   class="w-full px-4 py-3 bg-gray-800/50 border border-gray-700 rounded-lg text-white placeholder-gray-500 focus:outline-none focus:ring-2 focus:ring-purple-500 focus:border-transparent transition">
1481                            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                        </div>
1482
1483                        <div class="flex items-center space-x-3 pt-4">
1484                            <input type="checkbox"
1485                                   id="pk_policy_acceptance"
1486                                   wire:model.live="policy_acceptance"
1487                                      required
1488                                   class="w-5 h-5 bg-gray-800/50 border border-gray-700 rounded text-purple-600 focus:ring-2 focus:ring-purple-500 cursor-pointer transition-all">
1489                            <label for="pk_policy_acceptance" class="text-sm text-gray-300 cursor-pointer flex-1">
1490                                I accept the <a href="/en/privacy-policy" target="_blank" class="text-purple-400 hover:text-purple-300 underline">privacy policy</a> of the event.
1491                            </label>
1492                        </div>
1493                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
1494                        <div class="flex gap-3 justify-end mt-8 pt-6 border-t border-gray-700">
1495                            <button type="button"
1496                                    wire:click="closeModal"
1497                                    class="px-5 py-2.5 text-gray-300 hover:text-white hover:bg-gray-700/50 rounded-lg transition duration-200 cursor-pointer font-medium">
1498                                Cancel
1499                            </button>
1500                            <button type="submit"
1501                                    wire:loading.attr="disabled"
1502                                    wire:loading.class="opacity-50 cursor-not-allowed"
1503                                    class="px-6 py-2.5 bg-gradient-to-r from-purple-600 to-pink-600 hover:from-purple-700 hover:to-pink-700 text-white rounded-lg transition duration-200 cursor-pointer font-semibold hover:shadow-lg hover:shadow-
1503purple-500/50">
1504                                <span wire:loading.remove wire:target="submit">Download</span>
1505                                <span wire:loading wire:target="submit">Downloading...</span>
1506                            </button>
1507                        </div>
1508                    </form>
1509                <!--[if ENDBLOCK]><![endif]-->            </div>
1510        </div>
1511    </div>
1512
1513    <!-- Script para manejar la descarga -->
1514    
1514<script>
1515        document.addEventListener('livewire:init', () => {
1516            Livewire.on('download-file', (event) => {
1517                const link = document.createElement('a');
1518                link.href = event.url;
1519                link.download = '';
1520                document.body.appendChild(link);
1521                link.click();
1522                document.body.removeChild(link);
1523            });
1524        });
1525    </script>
1525
1526</div>
1527</footer>
1528    </div>
1529    </div>
1530
1531        
1532    
1532<script src="/livewire/livewire.min.js?id=a1f2ce31"   data-csrf="7kvdvACe94FCz606Z64CjkF6ZVQMaSWYntK6ZuEz" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1532
1533    
1533<script>
1534        // Interceptar fetch para agregar el locale a las peticiones de Livewire
1535        (function () {
1536            const originalFetch = window.fetch;
1537            window.fetch = function (...args) {
1538                let url = args[0];
1539
1540                // Si es una URL de Livewire, agregar el locale
1541                if (typeof url === 'string' && url.startsWith('/livewire/')) {
1542                    const pathParts = window.location.pathname.split('/').filter(part => part !== '');
1543                    const locale = pathParts[0];
1544                    const supportedLocales = ['es', 'en'];
1545
1546                    if (supportedLocales.includes(locale)) {
1547                        args[0] = `/${locale}${url}`;
1548                    }
1549                }
1550
1551                return originalFetch.apply(this, args);
1552            };
1553        })();
1554    </script>
1554
1555
1556    
1556<script>
1557(function() {
1558    const canvasId = 'lightning-6ac227c16519d';
1559
1560    const initLightning = () => {
1561        const canvas = document.getElementById(canvasId);
1562        if (!canvas) return;
1563
1564        const resizeCanvas = () => {
1565            canvas.width = canvas.clientWidth;
1566            canvas.height = canvas.clientHeight;
1567        };
1568        resizeCanvas();
1569        window.addEventListener('resize', resizeCanvas);
1570
1571        const gl = canvas.getContext('webgl');
1572        if (!gl) {
1573            console.error('WebGL not supported');
1574            return;
1575        }
1576
1577        // Get parameters from data attributes
1578        const hue = parseFloat(canvas.dataset.hue) || 230;
1579        const xOffset = parseFloat(canvas.dataset.xOffset) || 0;
1580        const speed = parseFloat(canvas.dataset.speed) || 0.3;
1581        const intensity = parseFloat(canvas.dataset.intensity) || 0.8;
1582        const size = parseFloat(canvas.dataset.size) || 1;
1583
1584        const vertexShaderSource = `
1585            attribute vec2 aPosition;
1586            void main() {
1587                gl_Position = vec4(aPosition, 0.0, 1.0);
1588            }
1589        `;
1590
1591        const fragmentShaderSource = `
1592            precision mediump float;
1593            uniform vec2 iResolution;
1594            uniform float iTime;
1595            uniform float uHue;
1596            uniform float uXOffset;
1597            uniform float uSpeed;
1598            uniform float uIntensity;
1599            uniform float uSize;
1600
1601            #define OCTAVE_COUNT 10
1602
1603            vec3 hsv2rgb(vec3 c) {
1604                vec3 rgb = clamp(abs(mod(c.x * 6.0 + vec3(0.0,4.0,2.0), 6.0) - 3.0) - 1.0, 0.0, 1.0);
1605                return c.z * mix(vec3(1.0), rgb, c.y);
1606            }
1607
1608            float hash11(float p) {
1609                p = fract(p * .1031);
1610                p *= p + 33.33;
1611                p *= p + p;
1612                return fract(p);
1613            }
1614
1615            float hash12(vec2 p) {
1616                vec3 p3 = fract(vec3(p.xyx) * .1031);
1617                p3 += dot(p3, p3.yzx + 33.33);
1618                return fract((p3.x + p3.y) * p3.z);
1619            }
1620
1621            mat2 rotate2d(float theta) {
1622                float c = cos(theta);
1623                float s = sin(theta);
1624                return mat2(c, -s, s, c);
1625            }
1626
1627            float noise(vec2 p) {
1628                vec2 ip = floor(p);
1629                vec2 fp = fract(p);
1630                float a = hash12(ip);
1631                float b = hash12(ip + vec2(1.0, 0.0));
1632                float c = hash12(ip + vec2(0.0, 1.0));
1633                float d = hash12(ip + vec2(1.0, 1.0));
1634
1635                vec2 t = smoothstep(0.0, 1.0, fp);
1636                return mix(mix(a, b, t.x), mix(c, d, t.x), t.y);
1637            }
1638
1639            float fbm(vec2 p) {
1640                float value = 0.0;
1641                float amplitude = 0.5;
1642                for (int i = 0; i < OCTAVE_COUNT; ++i) {
1643                    value += amplitude * noise(p);
1644                    p *= rotate2d(0.45);
1645                    p *= 2.0;
1646                    amplitude *= 0.5;
1647                }
1648                return value;
1649            }
1650
1651            void mainImage( out vec4 fragColor, in vec2 fragCoord ) {
1652                vec2 uv = fragCoord / iResolution.xy;
1653                uv = 2.0 * uv - 1.0;
1654                uv.x *= iResolution.x / iResolution.y;
1655                uv.x += uXOffset;
1656
1657                uv += 2.0 * fbm(uv * uSize + 0.8 * iTime * uSpeed) - 1.0;
1658
1659                float dist = abs(uv.x);
1660                vec3 baseColor = hsv2rgb(vec3(uHue / 360.0, 0.7, 0.8));
1661                vec3 col = baseColor * pow(mix(0.0, 0.07, hash11(iTime * uSpeed)) / dist, 1.0) * uIntensity;
1662                col = pow(col, vec3(1.0));
1663                fragColor = vec4(col, 1.0);
1664            }
1665
1666            void main() {
1667                mainImage(gl_FragColor, gl_FragCoord.xy);
1668            }
1669        `;
1670
1671        const compileShader = (source, type) => {
1672            const shader = gl.createShader(type);
1673            if (!shader) return null;
1674            gl.shaderSource(shader, source);
1675            gl.compileShader(shader);
1676            if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
1677                console.error('Shader compile error:', gl.getShaderInfoLog(shader));
1678                gl.deleteShader(shader);
1679                return null;
1680            }
1681            return shader;
1682        };
1683
1684        const vertexShader = compileShader(vertexShaderSource, gl.VERTEX_SHADER);
1685        const fragmentShader = compileShader(fragmentShaderSource, gl.FRAGMENT_SHADER);
1686        if (!vertexShader || !fragmentShader) return;
1687
1688        const program = gl.createProgram();
1689        if (!program) return;
1690        gl.attachShader(program, vertexShader);
1691        gl.attachShader(program, fragmentShader);
1692        gl.linkProgram(program);
1693        if (!gl.getProgramParameter(program, gl.LINK_STATUS)) {
1694            console.error('Program linking error:', gl.getProgramInfoLog(program));
1695            return;
1696        }
1697        gl.useProgram(program);
1698
1699        const vertices = new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]);
1700        const vertexBuffer = gl.createBuffer();
1701        gl.bindBuffer(gl.ARRAY_BUFFER, vertexBuffer);
1702        gl.bufferData(gl.ARRAY_BUFFER, vertices, gl.STATIC_DRAW);
1703
1704        const aPosition = gl.getAttribLocation(program, 'aPosition');
1705        gl.enableVertexAttribArray(aPosition);
1706        gl.vertexAttribPointer(aPosition, 2, gl.FLOAT, false, 0, 0);
1707
1708        const iResolutionLocation = gl.getUniformLocation(program, 'iResolution');
1709        const iTimeLocation = gl.getUniformLocation(program, 'iTime');
1710        const uHueLocation = gl.getUniformLocation(program, 'uHue');
1711        const uXOffsetLocation = gl.getUniformLocation(program, 'uXOffset');
1712        const uSpeedLocation = gl.getUniformLocation(program, 'uSpeed');
1713        const uIntensityLocation = gl.getUniformLocation(program, 'uIntensity');
1714        const uSizeLocation = gl.getUniformLocation(program, 'uSize');
1715
1716        const startTime = performance.now();
1717        const render = () => {
1718            resizeCanvas();
1719            gl.viewport(0, 0, canvas.width, canvas.height);
1720            gl.uniform2f(iResolutionLocation, canvas.width, canvas.height);
1721            const currentTime = performance.now();
1722            gl.uniform1f(iTimeLocation, (currentTime - startTime) / 1000.0);
1723            gl.uniform1f(uHueLocation, hue);
1724            gl.uniform1f(uXOffsetLocation, xOffset);
1725            gl.uniform1f(uSpeedLocation, speed);
1726            gl.uniform1f(uIntensityLocation, intensity);
1727            gl.uniform1f(uSizeLocation, size);
1728            gl.drawArrays(gl.TRIANGLES, 0, 6);
1729            requestAnimationFrame(render);
1730        };
1731        requestAnimationFrame(render);
1732
1733        return () => {
1734            window.removeEventListener('resize', resizeCanvas);
1735        };
1736    };
1737
1738    if (document.readyState === 'loading') {
1739        document.addEventListener('DOMContentLoaded', initLightning);
1740    } else {
1741        initLightning();
1742    }
1743})();
1744</script>
1744
1745</body>
1746
1747</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.