PageSourceSearch

https://uarts.school/en/index

html uarts.school collected 2026-10-08 19:05:45 UTC 199,258 bytes, 2,716 lines download raw bytes

1
2<!doctype html>
3<html class="no-js" lang="en">
4    <head>
5        <!-- Google Tag Manager -->
6        
6<script>
vendor: 359 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
7        new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
8        j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
9        'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
10        })(window,document,'script','dataLayer','
10GTM-MQT9SGJ3
vendor: 3 bytes, line 10
10');
10</script>
10
11        <!-- End Google Tag Manager -->
12
13        <!-- Clarity -->
14        
14<script type="text/javascript">
15            (function(c,l,a,r,i,t,y){
16                c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
17                t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
18                y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
19            })(window, document, "clarity", "script", "u1cr4xwrol");
20        </script>
20
21        <!-- End Clarity -->
22
23        <!-- 
23<script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="a0dfb2e7-8fbb-411d-ac77-145a8602f3f1" data-blockingmode="auto" type="text/javascript"></script>
23 -->
24        <meta charset="utf-8">
25        <meta http-equiv="x-ua-compatible" content="ie=edge">
26        <title>Universal Arts School, learn with the best methodology</title>
27        <meta name="description" content="Enter the industry with the methodology used by the TOP studios. We teach you with passion the methodology that allows you to develop your creative skills.">
28        <meta name="viewport" content="width=device-width, initial-scale=1">
29        
30        <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
31        <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
32        <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
33        <link rel="manifest" href="/site.webmanifest">
34        <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
35        <meta name="msapplication-TileColor" content="#da532c">
36        <meta name="theme-color" content="#ffffff">
37
38		<!-- CSS here -->
39        <link rel="stylesheet" href="/css/fonts.css">
40        <link rel="stylesheet" href="/public/app.min.css">
41        <link rel="preconnect" href="https://fonts.googleapis.com">
42        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
43        <link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
44        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
45        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css" rel="stylesheet">
46
47        <!-- Google tag (gtag.js) -->
vendor: 64 bytes, lines 47-48
47
48<script async src="https://www.googletagmanager.com/gtag/js?id=
48G-FEZB8NKHVT
vendor: 12 bytes, line 48
48"></script>
49<script>
50  window.dataLayer = window.dataLayer || [];
51  function gtag(){dataLayer.push(arguments);}
52  gtag('js', new Date());
53
54//   gtag('config', 'G-FEZB8NKHVT');
55  gtag('config', 'G-TVPGGR0KFX');
56  gtag('config', 'AW-981386395');
57</script>
57
58<!-- End Google tag (gtag.js) -->
59
60<!-- Matomo -->
61<script>
62  var _paq = window._paq = window._paq || [];
63  /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
64  _paq.push(['trackPageView']);
65  _paq.push(['enableLinkTracking']);
66  (function() {
67    var u="//uarts.school/matomo/";
68    _paq.push(['setTrackerUrl', u+'matomo.php']);
69    _paq.push(['setSiteId', '1']);
70    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
71    g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
72  })();
73</script>
73
74<!-- End Matomo Code -->
75
76<!-- Metricool -->
77<script>function loadScript(a){var b=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.src="https://tracker.metricool.com/resources/be.js",c.onreadystatechange=a,c.onload=a,b.appendChild(c)}loadScript(function(){beTracker.t({hash:"4a7283da3c82132d0fe0b232b7ae8cd2"})});</script>
77
78
79<script type="text/javascript" src="https://tag.oniad.com/8400ee64-cb17-11ee-afab-6166e1a8d108/" async defer></script>
79
80
81<script>
82  function localStorageSave(index, object) {
83    let data = localStorageGet(index);
84
85    for (const i in object) {
86      if (Object.hasOwnProperty.call(object, i)) {
87        const element = object[i];
88
89        data[i] = element;
90      }
91    }
92
93    window.localStorage.setItem(index, JSON.stringify(data));
94  }
95
96  function localStorageGet(index) {
97    let data = JSON.parse(window.localStorage.getItem(index));
98    if (!data) {
99      data = {
100        utm_source: '',
101        utm_medium: '',
102        utm_campaign: '',
103        utm_term: '',
104        utm_content: '',
105        landing: [],
106      };
107    }
108
109    return data;
110  }
111
112  function saveMetrics() {
113    let metrics = localStorageGet('metrics');
114    let urlParams = new URLSearchParams(window.location.search);
115
116    if (urlParams.has('utm_source') && !metrics.utm_source) {
117      metrics.utm_source = urlParams.get('utm_source');
118    }
119
120    if (urlParams.has('utm_medium') && !metrics.utm_medium) {
121      metrics.utm_medium = urlParams.get('utm_medium');
122    }
123
124    if (urlParams.has('utm_campaign') && !metrics.utm_campaign) {
125      metrics.utm_campaign = urlParams.get('utm_campaign');
126    }
127
128    if (urlParams.has('utm_term') && !metrics.utm_term) {
129      metrics.utm_term = urlParams.get('utm_term');
130    }
131
132    if (urlParams.has('utm_content') && !metrics.utm_content) {
133      metrics.utm_content = urlParams.get('utm_content');
134    }
135
136    metrics.landing.push(window.location.href);
137
138    localStorageSave('metrics', metrics);
139  }
140
141  saveMetrics();
142</script>
142
143
144        <!-- Añade a la URL actual los utm_* guardados al aterrizar (si la URL no los trae ya), antes de que
145             se creen los formularios de HubSpot. HubSpot autorellena cualquier campo cuyo nombre interno
146             coincide con un parámetro de la URL de la página donde está el formulario — esto funciona también
147             con formularios embebidos en iframe, a diferencia de intentar tocar el DOM del iframe directamente
148             (que es lo único que hace el listener onFormReady de más abajo, y por eso no basta por sí solo). -->
149        
149<script>
150            (function () {
151                try {
152                    var metrics = JSON.parse(window.localStorage.getItem('metrics')) || {};
153                    var params = new URLSearchParams(window.location.search);
154                    var changed = false;
155                    ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'].forEach(function (key) {
156                        if (metrics[key] && !params.has(key)) {
157                            params.set(key, metrics[key]);
158                            changed = true;
159                        }
160                    });
161                    if (changed) {
162                        var newUrl = window.location.pathname + '?' + params.toString() + window.location.hash;
163                        window.history.replaceState(null, '', newUrl);
164                    }
165                } catch (e) {
166                    // si algo falla aquí, no afecta a la carga normal de la página
167                }
168            })();
169        </script>
169
170
171
172        <!-- Autorelleno de utm_* en formularios HubSpot a partir de lo capturado al aterrizar (ver _analytics.php) -->
173        
173<script>
174            window.addEventListener('message', function (message) {
175                if (message.data && message.data.eventName === 'onFormReady') {
176                    try {
177                        var metrics = JSON.parse(window.localStorage.getItem('metrics')) || {};
178                        var nativeValueSetter = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, 'value').set;
179                        ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content'].forEach(function (key) {
180                            if (metrics[key]) {
181                                var field = document.querySelector('input[name="' + key + '"]');
182                                if (field) {
183                                    // los formularios de HubSpot mantienen su propio estado interno (tipo React);
184                                    // asignar field.value a secas no lo actualiza, hay que pasar por el setter nativo
185                                    // y disparar "input" (el evento que ese estado interno sí escucha)
186                                    nativeValueSetter.call(field, metrics[key]);
187                                    field.dispatchEvent(new Event('input', { bubbles: true }));
188                                    field.dispatchEvent(new Event('change', { bubbles: true }));
189                                }
190                            }
191                        });
192                    } catch (e) {
193                        // si algo falla aquí, no afecta al formulario ni a su envío
194                    }
195                }
196            });
197        </script>
197
198
199
200
201        <!-- Serviceform chatbot Embed --> 
202        
202<script> var tD=(new Date).toISOString().slice(0,10);window.sf3pid = "U31zfp8dRSy3OaoeGnkp";var u="https://dash.serviceform.com/embed/sf-pixel.js?"+tD,t=document.createElement("script");t.setAttribute("type","text/javascript"),t.setAttribute("src",u),t.async=!0,(document.getElementsByTagName("head")[0]||document.documentElement).appendChild(t); </script>
202 
203        <!-- End Serviceform chatbot Embed -->
204
205        <!-- Zoho chatbot Embed -->
206        <!-- 
206<script type="text/javascript" id="zsiqchat">var $zoho=$zoho || {};$zoho.salesiq = $zoho.salesiq || {widgetcode: "siqc75cef0008db89ea4eabd56f7a097758a74d984892740e009368c1d12b1b248c", values:{},ready:function(){}};var d=document;s=d.createElement("script");s.type="text/javascript";s.id="zsiqscript";s.defer=true;s.src="https://salesiq.zohopublic.eu/widget";t=d.getElementsByTagName("script")[0];t.parentNode.insertBefore(s,t);</script>
206 -->
207    </head>
208
209    <body>
210        <!-- Google Tag Manager (noscript) -->
vendor: 76 bytes, lines 210-211
210
211        <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
211GTM-MQT9SGJ3
vendor: 99 bytes, lines 211-213
211"
212        height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
213        
213<!-- End Google Tag Manager (noscript) -->
214
215        <!-- Start of HubSpot Embed Code -->
216        
216<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/46993850.js"></script>
216
217        <!-- End of HubSpot Embed Code -->
218    </body>
219
220<!DOCTYPE html>
221<html lang="es">
222
223    <body>
224        <!-- preloader -->
225        <div id="preloader">
226            <div id="loading-center">
227                <div id="loading-center-absolute">
228                    <img src="img/icon/preloader.svg" alt="">
229                </div>
230            </div>
231        </div>
232        <!-- preloader-end -->
233
234        <!-- header-area -->
235<header class="third-header-bg">
236    <div class="bg"></div>
237    <div class="container custom-container">
238        <div class="header-top-area t-header-top-area d-none d-lg-block">
239            <div class="row">
240                <div class="col-sm-6">
241                    <div class="header-top-offer">
242                        <a href="https://uarts.school/en/index"><img style="width: 184px; height: auto;" src="https://uarts.school/img/logo_nuevo_2_ajustado.png" alt="Universal Arts School desde 1994"></a>
243                        <!--<span class="coming-time" data-countdown="2020/6/20"></span>-->
244                    </div>
245                </div>
246                <div class="col-sm-6">
247                    <div class="header-top-right">
248                        <div class="header-social">
249                            <ul>
250                                <li><a href="https://www.facebook.com/UniversalArtsSchoolOfficial" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
251                                <li><a href="https://www.instagram.com/universalartsschool/" target="_blank"><i class="fab fa-instagram"></i></a></li>
252                                <li><a href="https://www.youtube.com/@universalarts.school" target="_blank"><i class="fab fa-youtube"></i></a></li>
253                                <li><a href="https://www.linkedin.com/school/universal-arts-school" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
254                            </ul>
255                        </div>
256                        <div class="header-top-action">
257                            <ul>
258                                <li>
259                                    <div class="header-top-mail">
260                                        <p><span>|</span><i class="far fa-envelope"></i><a href="mailto:[email protected]">[email protected]</a><span class="header-top-mail2">|</span></p>
261                                    </div>
262                                </li>
263                                <li>
264                                    <div class="header-top-mail ml-2">
265                                        <p>
266                                            <i class="fa fa-language"></i>
267                                                                                        <a href="/es/index" >ESP</a>
268                                            <span class="m-1">|</span>
269                                                                                        <a href="/en/index" class="active">ENG</a>
270                                            <span class="header-top-mail2">|</span>
271                                        </p>
272                                    </div>
273                                </li>
274                                <li>
275                                    <div class="header-user-login">
276                                        <a href="https://campus.ua.school/campus/">Virtual Campus</a>
277                                    </div>
278                                </li>
279                            </ul>
280                        </div>
281                    </div>
282                </div>
283            </div>
284        </div>
285    </div>
286    <div id="sticky-header">
287        <style>
288            /* el tema fuerza width:60px al logo cuando el header queda sticky (pensado para el escudo antiguo);
289               aquí lo sobreescribimos para el wordmark nuevo, que necesita más ancho para leerse */
290            .sticky-menu .logo.d-block.d-lg-none a img {
291                width: 198px !important;
292            }
293
294            /* logo pequeño solo visible en escritorio cuando el header está en modo sticky;
295               en la fila normal (no sticky) no se muestra, ya que ese hueco lo cubre el logo de la barra superior.
296               Restringido a >=992px (breakpoint d-lg de Bootstrap): por debajo de eso ya se muestra el logo
297               ".logo.d-block.d-lg-none" y, sin este media query, display:flex !important lo duplicaba también ahí. */
298            .logoStickyOnly {
299                display: none !important;
300            }
301            @media (min-width: 992px) {
302                .sticky-menu .logoStickyOnly {
303                    display: flex !important;
304                    align-items: center;
305                    margin-right: 30px;
306                }
307            }
308            /* el tema fuerza width:60px a cualquier ".logo a img" en sticky (pensado para el escudo antiguo, ver arriba) */
309            .sticky-menu .logoStickyOnly a img {
310                width: 170px !important;
311                height: auto !important;
312            }
313        </style>
314        <div class="container custom-container">
315            <div class="row">
316                <div class="col-12">
317                    <div class="main-menu menu-style-two">
318                        <nav>
319                            <div class="logo d-block d-lg-none">
320                                <a href="https://uarts.school"><img style="width: 198px; height: auto;" src="https://uarts.school/img/logo_nuevo_2_ajustado.png" alt="Logo"></a>
321                            </div>
322                            <div class="logo logoStickyOnly d-none d-lg-flex">
323                                <a href="https://uarts.school"><img style="width: 170px; height: auto;" src="https://uarts.school/img/logo_nuevo_2_ajustado.png" alt="Logo"></a>
324                            </div>
325                            <div class="navbar-wrap d-none d-lg-flex">
326                                <ul class="left">
327                                    <li ><a href="https://uarts.school/en/como-aplicar">ADMISSION</a>
328                                        <ul class="submenu">
329                                            <!--class="active"-->
330                                            <li><a href="https://uarts.school/en/como-aplicar">How to Apply</a></li>
331                                            <li><a href="https://uarts.school/en/financiacion">FINANCE</a></li>
332                                            <li><a href="https://uarts.school/en/becas">
332Scholarships</a></li>
333                                            <li><a href="https://uarts.school/en/matriculacion-y-tarifas">ENROLLMENT</a></li>
334                                            <li><a href="https://uarts.school/en/proceso-admision">Admission process</a></li>
335                                            <li><a href="https://uarts.school/en/preguntas-frecuentes">FAQ</a></li>
336                                        </ul>
337                                    </li>
338                                    <li ><a href="https://uarts.school/en/areas-estudio">PROGRAMS</a>
339                                        <ul class="submenu">
340
341                                            <li><a href="https://uarts.school/en/areas-estudio">Areas of Training</a>
342                                                <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
343                                                    <li><a href="https://uarts.school/en/area-videojuegos">videogames</a>
344                                                        <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
345                                                            <li><a href="https://uarts.school/en/videogame-art?area_formativa=videojuegos">Videogame Art</a></li>
346                                                            <li><a href="https://uarts.school/en/game-design?area_formativa=videojuegos">Game Design</a></li>
347                                                            <li><a href="https://uarts.school/en/unreal-programming?area_formativa=videojuegos">Unreal Programming</a></li>
348                                                            <li><a href="https://uarts.school/en/unity-programming?area_formativa=videojuegos">Unity Programming</a></li>
349                                                            <li><a href="https://uarts.school/en/sculpting-extreme?area_formativa=videojuegos">Sculpting Extreme</a></li>
350                                                            <li><a href="https://uarts.school/en/vfx?area_formativa=videojuegos">VFX</a></li>
351                                                        </ul>
352                                                    </li>
353                                                    <li><a href="https://uarts.school/en/area-animacion">animation</a>
354                                                        <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
355                                                            <li><a href="https://uarts.school/en/animation?area_formativa=animacion">animation</a></li>
356                                                            <li><a href="https://uarts.school/en/sculpting-extreme?area_formativa=animacion">Sculpting Extreme</a></li>
357                                                            <li><a href="https://uarts.school/en/rigging?area_formativa=animacion">Rigging</a></li>
358                                                            <li><a href="https://uarts.school/en/vfx?area_formativa=animacion">VFX</a></li>
359                                                        </ul>
360                                                    </li>
361                                                    <li><a href="https://uarts.school/en/area-art">Art</a>
362                                                        <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
363                                                            <li><a href="https://uarts.school/en/concept-art?area_formativa=arte">Concept Art</a></li>
364                                                            <li><a href="https://uarts.school/en/horror-art?area_formativa=arte">Horror Art</a></li>
365                                                            <li><a href="https://uarts.school/en/comic-art?area_formativa=arte">Comic Art</a></li>
366                                                            <li><a href="https://uarts.school/en/sculpting-extreme?area_formativa=arte">Sculpting Extreme</a></li>
367                                                            <li><a href="https://uarts.school/en/videogame-art?area_formativa=arte">Videogame Art</a></li>
368                                                            <li><a href="https://uarts.school/en/matte-painting?area_formativa=arte">Matte Painting</a></li>
369                                                        </ul>
370                                                    </li>
371                                                    <li><a href="https://uarts.school/en/area-cine">Digital Film</a>
372                                                        <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
373                                                            <li><a href="https://uarts.school/en/digital-film?area_formativa=cine">Digital Film</a></li>
374                                                            <li><a href="https://uarts.school/en/vfx?area_formativa=cine">VFX</a></li>
375                                                            <li><a href="https://uarts.school/en/matte-painting?area_formativa=cine">Matte Painting</a></li>
376                                                        </ul>
377                                                    </li>
378                                                </ul>
379                                            </li>
380
381                                            <li><a href="https://uarts.school/en/tipos-formacion">Types of Training</a>
382                                                <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
383                                                    <li><a href="https://uarts.school/en/formacion-master">Master</a></li>
384                                                    <li><a href="https://uarts.school/en/formacion-doble-master">Double Master</a></li>
385                                                    <li><a href="https://uarts.school/en/formacion-carrera">4-year career</a></li>
386                                                    <li><a href="https://uarts.school/en/formacion-doble-carrera">5-year career</a></li>
387                                                    <li><a href="https://uarts.school/en/formacion-certificate">CERTIFICATE</a></li>
388                                                    <li><a href="https://uarts.school/en/formacion-training-essentials">Training Essentials</a></li>
389                                                </ul>
390                                            </li>
391
392                                            <li><a href="https://uarts.school/en/instructores">Academic Information</a>
393                                                <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
394                                                    <li><a href="https://uarts.school/en/instructores">Mentors</a></li>
395                                                    <li><a href="https://uarts.school/en/calendario-academico">Academic Calendar</a></li>
396                                                    <li><a href="https://uarts.school/en/metodologia">Methodology</a></li>
397                                                    <li><a href="https://uarts.school/en/empleabilidad">Employability</a></li>
398                                                </ul>
399                                            </li>
400
401                                            <li><a href="https://uarts.school/en/casos-exito">Students</a>
402                                                <ul class="submenu" style="top: 0;left: 100%;margin-left: .1rem;margin-right: .1rem;">
403                                                    <li><a href="https://uarts.school/en/casos-exito">Success Stories</a></li>
404                                                    <li><a href="https://uarts.school/en/galeria-alumnos">Students Gallery</a></li>
405                                                    <li><a href="https://uarts.school/en/proyectos-alumnos">Students Projects</a></li>
406                                                    <li><a href="https://uarts.school/en/premios-menciones">Prizes and mentions</a></li>
407                                                </ul>
408                                            </li>
409                                        </ul>
410                                    </li>
411                                    <li ><a href="https://uarts.school/en/instalaciones">Campus</a>
412                                        <ul class="submenu">
413                                            <li><a href="https://uarts.school/en/instalaciones">Facilities</a></li>
414                                            <li><a href="https://uarts.school/en/actividades">Activities</a></li>
415                                            <li><a href="https://uarts.school/en/servicios">Services</a></li>
416                                            <li><a href="https://uarts.school/en/vivir-valencia">Living in Valencia</a></li>
417                                            <li class="item-lista-vacio"></li>
418                                            <li><a href="https://uarts.school/en/uarts-medios">UARTS in the Media</a></li>
419                                            <li>
419<a href="https://uarts.school/en/campus-virtual">Virtual Campus</a></li>
420                                        </ul>
421                                    </li>
422                                    <li ><a href="https://uarts.school/en/historia">The School</a>
423                                        <ul class="submenu">
424                                            <li><a href="https://uarts.school/en/historia">History</a></li>
425                                            <li><a href="https://uarts.school/en/equipo">Team</a></li>
426                                            <li><a href="https://uarts.school/en/mision">Purpose</a></li>
427                                            <li><a href="https://uarts.school/en/manifesto">Manifest</a></li>
428                                        </ul>
429                                    </li>
430                                </ul>
431                                <ul class="right">
432                                                                        <li><a href="https://universalartsschool.com/en/blog/">Blog</a></li>
433                                    <!-- <li><a href="https://uarts.school/blog?lang=en">Blog</a></li> -->
434                                    <li ><a href="https://uarts.school/en/hablar-asesor">CONNECT WITH US</a>
435                                        <ul class="submenu">
436                                            <li><a href="https://uarts.school/en/hablar-asesor">Request Appointment</a></li>
437                                            <li><a href="https://uarts.school/en/visitar-la-escuela">Visit our School</a></li>
438                                            <li><a href="https://uarts.school/en/proceso-admision">Admission process</a></li>
439                                            <li><a href="https://uarts.school/en/contacto">Contact us</a></li>
440                                        </ul>
441                                    </li>
442                                </ul>
443                            </div>
444                            <!--<div class="header-action">
445                                <ul>
446                                    <li class="header-search"><a href="#" data-toggle="modal" data-target="#search-modal"><i class="fas fa-search"></i></a></li>
447                                </ul>
448                            </div>-->
449                        </nav>
450                    </div>
451                    <div class="mobile-menu-wrap d-none d-md-block d-lg-none">
452                        <nav>
453                            <div id="mobile-menu" class="navbar-wrap">
454                                <ul>
455                                    <li><a href="#">LANGUAGE</a>
456                                        <ul class="submenu">
457                                                                                        <li><a href="/es/index" >ESPAÑOL</a></li>
458                                                                                        <li><a href="/en/index" class="active">ENGLISH</a></li></li>
459                                        </ul>
460                                    <li ><a href="#">ADMISSION</a>
461                                        <ul class="submenu">
462                                            <!--class="active"-->
463                                            <li><a href="https://uarts.school/en/como-aplicar">How to Apply</a></li>
464                                            <li><a href="https://uarts.school/en/financiacion">FINANCE</a></li>
465                                            <li><a href="https://uarts.school/en/becas">Scholarships</a></li>
466                                            <li><a href="https://uarts.school/en/matriculacion-y-tarifas">ENROLLMENT</a></li>
467                                            <!-- <li><a href="https://uarts.school/en/hablar-asesor">Request Appointment</a></li>
468                                            <li><a href="https://uarts.school/en/visitar-la-escuela">Visit the School</a></li> -->
469                                            <li><a href="https://uarts.school/en/proceso-admision">Admission process</a></li>
470                                            <li><a href="https://uarts.school/en/preguntas-frecuentes">FAQ</a></li>
471                                        </ul>
472                                    </li>
473                                    <li ><a href="#">PROGRAMS</a>
474                                        <ul class="submenu">
475                                            <li><a href="https://uarts.school/en/areas-estudio">Study Areas</a></li>
476                                            <li><a href="https://uarts.school/en/area-videojuegos">videogames</a>
477                                                <ul class="submenu">
478                                                    <li><a href="https://uarts.school/en/videogame-art?area_formativa=videojuegos">Videogame Art</a></li>
479                                                    <li><a href="https://uarts.school/en/unreal-programming?area_formativa=videojuegos">Unreal Programming</a></li>
480                                                    <li><a href="https://uarts.school/en/unity-programming?area_formativa=videojuegos">Unity Programming</a></li>
481                                                    <li><a href="https://uarts.school/en/sculpting-extreme?area_formativa=videojuegos">Sculpting Extreme</a></li>
482                                                    <li><a href="https://uarts.school/en/vfx?area_formativa=videojuegos">VFX</a></li>
483                                                </ul>
484                                            </li>
485                                            <li><a href="https://uarts.school/en/area-animacion">animation</a>
486                                                <ul class="submenu">
487                                                    <li><a href="https://uarts.school/en/animation?area_formativa=animacion">animation</a></li>
488                                                    <li><a href="https://uarts.school/en/sculpting-extreme?area_formativa=animacion">Sculpting Extreme</a></li>
489                                                    <li><a href="https://uarts.school/en/rigging?area_formativa=animacion">Rigging</a></li>
490                                                    <li><a href="https://uarts.school/en/vfx?area_formativa=animacion">VFX</a></li>
491                                                </ul>
492                                            </li>
493                                            <li><a href="https://uarts.school/en/area-art">Art</a>
494                                                <ul class="submenu">
495                                                    <li><a href="https://uarts.school/en/concept-art?area_formativa=arte?area_formativa=arte">Concept Art</a></li>
496                                                    <li><a href="https://uarts.school/en/horror-art?area_formativa=arte">Horror Art</a></li>
497                                                    <li><a href="https://uarts.school/en/comic-art?area_formativa=arte">Comic Art</a></li>
498                                                    <li><a href="https://uarts.school/en/sculpting-extreme?area_formativa=arte?area_formativa=arte">Sculpting Extreme</a></li>
499                                                    <li><a href="https://uarts.school/en/videogame-art?area_formativa=arte?area_formativa=arte">Videogame Art</a></li>
500                                                    <li><a href="https://uarts.school/en/matte-painting?area_formativa=arte?area_formativa=arte">Matte Painting</a></li>
501                                                </ul>
502                                            </li>
503                                            <li><a href="https://uarts.school/en/area-cine">Digital Film</a>
504                                                <ul class="submenu">
505                                                    <li><a href="https://uarts.school/en/digital-film?area_formativa=cine">Digital Film</a></li>
506                                                    <li><a href="https://uarts.school/en/vfx?area_formativa=cine">VFX</a></li>
507                                                    <li><a href="https://uarts.school/en/matte-painting?area_formativa=cine">Matte Painting</a></li>
508                                                </ul>
509                                            </li>
510                                            <li class="item-lista-vacio"></li>
511                                            <li><a href="https://uarts.school/en/instructores">Mentors</a></li>
512                                            <li><a href="https://uarts.school/en/calendario-academico">Academic Calendar</a></li>
513                                            <li><a href="https://uarts.school/en/casos-exito">Success Stories</a></li>
514                                            <li><a href="https://uarts.school/en/galeria-alumnos">Students Gallery</a></li>
515                                            <li><a href="https://uarts.school/en/proyectos-alumnos">Students Projects</a></li>
516                                            <li><a href="https://uarts.school/en/premios-menciones">Prizes and mentions</a></li>
517                                        </ul>
518                                    </li>
519                                    <li ><a href="#">Campus</a>
520                                        <ul class="submenu">
521                                            <li><a href="https://uarts.school/en/instalaciones">Facilities</a></li>
522                                            <li><a href="https://uarts.school/en/actividades">Activities</a></li>
523                                            <li><a href="https://uarts.school/en/servicios">Services</a></li>
524                                            <li><a href="https://uarts.school/en/vivir-valencia">Living in Valencia</a></li>
525                                            <li class="item-lista-vacio"></li>
526                                            <li><a href="https://uarts.school/en/uarts-medios">UARTS in the Media</a></li>
527                                            <li>
527<a href="https://uarts.school/en/campus-virtual">Virtual Campus</a></li>
528                                        </ul>
529                                    </li>
530                                    <li ><a href="#">The School</a>
531                                        <ul class="submenu">
532                                            <li><a href="https://uarts.school/en/historia">History</a></li>
533                                            <li><a href="https://uarts.school/en/equipo">Team</a></li>
534                                            <li><a href="https://uarts.school/en/mision">Purpose</a></li>
535                                            <li><a href="https://uarts.school/en/manifesto">Manifest</a></li>
536                                        </ul>
537                                    </li>
538                                    <li><a href="https://universalartsschool.com/en/blog/">Blog</a></li>
539                                    <li ><a href="#">CONNECT WITH US</a>
540                                        <ul class="submenu">
541                                            <li><a href="https://uarts.school/en/proceso-admision">Start Admission</a></li>
542                                            <li><a href="https://uarts.school/en/hablar-asesor">Request <span class="mainColor">Appointment</span></a></li>
543                                            <li><a href="https://uarts.school/en/visitar-la-escuela">Visit our School</a></li>
544                                            <li><a href="https://uarts.school/en/contacto">Contact us</a></li>
545                                        </ul>
546                                    </li>
547                                </ul>
548                            </div>
549                        </nav>
550                    </div>
551                    <div class="mobile-menu"></div>
552                </div>
553                <!-- Modal Search -->
554                <div class="modal fade" id="search-modal" tabindex="-1" role="dialog" aria-hidden="true">
555                    <div class="modal-dialog" role="document">
556                        <div class="modal-content">
557                            <form>
558                                <input type="text" placeholder="Search here...">
559                                <button><i class="fa fa-search"></i></button>
560                            </form>
561                        </div>
562                    </div>
563                </div>
564            </div>
565        </div>
566    </div>
567    <div class="header-bottom-bg"></div>
568</header>
569<!-- header-area-end -->
570
571
572        <style>
573            body {
574                background-color: #000;
575            }
576
577            .dreamcareershowimg {
578                display: flex;
579                justify-content: center; /* Centrar horizontalmente */
580                align-items: center;     /* Centrar verticalmente */
581                height: 100vh;           /* Ajusta la altura según sea necesario */
582                overflow: hidden;        /* Oculta el desbordamiento */
583                margin-top: -45vh;       /* Ajuste del margen superior */
584            }
585
586            .dreamcareershowimg img {
587                /* max-width: 100%;
588                max-height: 100%; */
589                object-fit: cover;       /* Asegura que la imagen cubra el contenedor */
590                object-position: center; /* Mantiene el centro de la imagen en el centro */
591            }
592
593            .educationText {
594                width: 65%;
595            }
596
597            .educationVideo {
598                width: 35%; display: inline-block; 
599                /* padding: 5vh; */
600            }
601
602            .educationVideo video {
603                width: 100%;
604                height: auto;
605                display: block;
606            }
607
608            @media (min-width: 1400px) {
609                .dcsText {
610                    font-size: 2em; 
611                    width: 30vw;
612                }
613
614                .dcsTitle {
615                    font-size: 3em;
616                    color:rgb(240, 184, 21);
617                }
618            }
619
620            @media (max-width: 1400px) {
621                .dcsText {
622                    width: 40vw;
623                }
624
625                .dcsTitle {
626                    font-size: 2.5em;
627                    color:rgb(240, 184, 21);
628                }
629            }
630
631            @media (max-width: 1200px) {
632                .dcsText {
633                    width: 40vw;
634                }
635
636                .dcsTitle {
637                    font-size: 2.5em;
638                }
639            }
640
641            @media (max-width: 992px) {
642                .dcsText {
643                    font-size: 1.5em;
644                    width: 100%;
645                }
646
647                .educationRow {
648                    display: flex !important;
649                    flex-direction: column !important;
650                }
651
652                .educationText {
653                    width: 100%;
654                }
655
656                .educationVideo {
657                    width: 100%;
658                }
659            }
660
661            @media (max-width: 576px) {
662                .dcsText {
663                    font-size: 1.3em;
664                    width: 100%;
665                }
666
667                .dcsTitle {
668                    font-size: 3.5em;
669                    color:rgb(240, 184, 21);
670                }
671            }
672        </style>
673
674        <!-- main-area -->
675        <main>
676            <div class="modal fade" id="modalMetodologia" tabindex="-1" role="dialog" aria-labelledby="modalMetodologiaLabel" aria-hidden="true">
677              <div class="modal-dialog modal-dialog-centered modal
677-lg" role="document">
678                <div class="modal-content">
679                  <div class="modal-header">
680                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
681                      <span aria-hidden="true">&times;</span>
682                    </button>
683                  </div>
684                  <div class="modal-body">
685                    <div class="register-form-wrapper">
686                        <!--begin form-->
687                        <div>
688                            <!--begin register form -->
689                            <div class="container">
690                                <div class="row">
691                                    <div class="col-12">
692                                        <form id="register-form" class="register-form register" action="#" method="post">
693                                            <h3 class="tituloModal text-dark">Aprende la metodología que usan las Super Productoras de Videojuegos, Cine y Animación, para conseguir el trabajo de tus sueños.</h3>
694                                            <div class="container mt-4 mb-4">
695                                                <div class="row">
696                                                    <div class="col-4 col-md-4">
697                                                        <img src="https://www.uarts.school/img/premios/emmy_black.png" class="img-fluid">
698                                                    </div>
699
700                                                    <div class="col-4 col-md-4">
701                                                        <img src="https://www.uarts.school/img/premios/oscar_black.png" class="img-fluid">
702                                                    </div>
703
704                                                    <div class="col-4 col-md-4">
705                                                        <img style="filter: invert(1);" src="https://www.uarts.school/img/premios/rookies_white.png" class="img-fluid">
706                                                    </div>
707                                                </div>
708                                            </div>
709                                            <!--<input class="register-input name-input white-input" required name="con_name" placeholder="Tu Nombre Completo*" type="text">-->
710                                            <!--<input class="register-input name-input white-input" required name="con_name" placeholder="Nombre y Apellidos*" type="text">
711                                            <input class="register-input name-phone white-input" required name="con_telf" placeholder="Tu número de teléfono*" type="text">-->
712                                            <input class="register-input name-email white-input" required name="con_email" placeholder="Tu Mejor Correo*" type="email">
713                                            <input value="CONOCER METODOLOGÍA" class="btnCorporativo btnSubmitMetodologia" type="button" style="cursor: pointer;">
714
715
716                                            <p style="margin-top: 20px;">En esta Presentación de tan sólo <b>14 minutos</b>, conocerás una metodología de aprendizaje diferente a todo lo que has visto hasta ahora, que te prepara para trabajar en <b>SÚPER PRODUCTORAS</b> tales como DreamWorks, Pixar, Disney, ILM, Electronic Arts, Ubisoft o Riot Games. INCLUSO <b>SIN EXPERIENCIA O CONOCIMIENTOS PREVIOS</b>.</p>
717                                            <!--end register form -->
718
719                                            <!--<p style="font-weight: 800; color: #000; margin-bottom: 0px; margin-top: 20px;">MASTERCLASS VALORADA EN <span style="color: red; font-size: 25px; text-decoration: line-through;">397€</span></p>
720
721                                            <p class="webinar-date" style="font-size: 18px; margin-bottom: 0px;"><b>Acceso GRATUITO durante 1 hora</b></p>
722
723                                            <div id="the-final-countdown" style="text-align: center; color: #000; padding-top: 10px; padding-bottom: 0px; font-size: 3rem; font-weight: 700;">
724                                              <p style="color:#000; font-weight: 500; font-size: 1rem;"></p>
725                                            </div>-->
726                                        </form>
727
728                                        <div class="msgMetodologiaOk text-center" style="display: none;">
729                                            <svg style="color: rgb(240, 184, 21);" xmlns="http://www.w3.org/2000/svg" width="250" height="250" fill="currentColor" class="bi bi-check" viewB
729ox="0 0 16 16"> <path d="M10.97 4.97a.75.75 0 0 1 1.07 1.05l-3.99 4.99a.75.75 0 0 1-1.08.02L4.324 8.384a.75.75 0 1 1 1.06-1.06l2.094 2.093 3.473-4.425a.267.267 0 0 1 .02-.022z" fill="#f0b815"></path> </svg>
730                                            <h3 class="text-dark">Gracias por tu interés. En unos instantes recibirás el correo electrónico.</h3>
731                                        </div>
732                                    </div>
733                                </div>
734                            </div>
735                        </div>
736                        <!--end form-->
737                    </div>
738                  </div>
739                </div>
740              </div>
741            </div>
742
743            <style>
744                .sliderTitle {
745                    text-shadow: 4px 4px 8px rgba(0, 0, 0, 1);
746                    font-size: 5rem;
747                    /* font-size: 80px; */
748                    font-weight: 800;
749                    line-height: 1;
750                    margin-bottom: 12px;
751                    letter-spacing: -3px;
752                    /* text-transform: uppercase; */
753                    color: white;
754                    word-wrap: break-word;
755                }
756
757                .sliderEducationSize {
758                    font-size: 4rem !important;
759                }
760
761                .sliderClaritySize {
762                    font-size: 3rem !important;
763                }
764
765                .sliderEducationSubSize {
766                    font-size: 1.5rem !important; line-height: 1.3em !important; letter-spacing: -1.5px !important;
767                }
768
769                .sliderClaritySubSize {
770                    font-size: 2rem !important; line-height: 1.3em !important; letter-spacing: -1.5px !important;
771                }
772                .sliderSubtitle1 {
773                    font-size:3rem; display:block; margin-top:10px;
774                }
775
776                .sliderSubtitle2 {
777                    font-size:2rem; display:block; margin-top:20px; letter-spacing:normal;
778                }
779
780                .mobileVideo {
781                    display: none;
782                }
783
784                .pulse-animation {
785                    display: inline-block;
786                    animation: pulse 2s infinite ease-in-out;
787                }
788
789                @keyframes pulse {
790                    0% {
791                        transform: scale(1);
792                    }
793                    50% {
794                        transform: scale(1.2);
795                    }
796                    100% {
797                        transform: scale(1);
798                    }
799                }
800
801                @media (max-width: 992px) {
802                    .sliderTitle {
803                        font-size: 2.2rem;
804                    }
805
806                    .sliderEducationSize {
807                        font-size: 2.5rem !important;
808                    }
809
810                    .sliderClaritySize {
811                        font-size: 2rem !important;
812                    }
813
814                    .sliderEducationSubSize {
815                        font-size: 0.83rem !important; line-height: 1.3em !important; letter-spacing: -1.5px !important;
816                    }
817
818                    .sliderClaritySubSize {
819                        font-size: 1.5rem !important; line-height: 1.3em !important; letter-spacing: -1.5px !important;
820                    }
821
822                    .sliderSubtitle1 {
823                        font-size:1.5rem;
824                    }
825
826                    .sliderSubtitle2 {
827                        font-size:1.3rem;
828                    }
829
830                    .marginSliderTitle {
831                        /* position: static; */
832                        margin-top: 15vh;
833                        margin-bottom: 3vh !important;
834                    }
835
836                    .bigVideo {
837                        display: none;
838                    }
839
840                    .mobileVideo {
841                        display: block;
842                    }
843
844                    .oficialLogosMobile {
845                        justify-content: center !important;
846                        flex-direction: column;
847                    }
848
849                    .logoMobile {
850                        margin-top: 2vh;
851                    }
852                }
853
854                /* slide "Formación homologada + titulación universitaria" */
855                .bgHomologada {
856                    position: relative;
857                    overflow: hidden;
858                    background-color: #f0b80e;
859                    display: flex !important;
860                    align-items: center;
861                }
862
863                .bgHomologada .container-fluid {
864                    position: relative;
865                    z-index: 2;
866                }
867
868                .bgHomologadaImg {
869                    position: absolute;
870                    right: 0;
871                    bottom: 0;
872                    height: min(100%, 50vw);
873                    width: auto;
874                    max-width: none;
875                    z-index: 1;
876                    pointer-events: none;
877                }
878
879                .sliderTitleHomologada {
880                    max-width: 640px;
881                    font-size: 2.6rem !important;
882                    letter-spacing: -0.05em !important;
883                    color: #1c1121;
884                    text-shadow: none;
885                    line-height: 0.95;
886                    margin-bottom: 0;
887                }
888
889                .sliderTitleHomologadaRow2 {
890                    font-size: 3.6rem !important;
891                    margin-top: -14px;
892                }
893
894                .sliderTitleHomologadaRow2 + .sliderTitleHomologada {
895                    margin-top: -10px;
896                }
897
898                .slider-content h2.sliderTitleHomologada .highlightPurple {
899                    color: #1c1121;
900                }
901
902                .sliderTitleHomologada .highlightPurple {
903                    display: inline-block;
904                    line-height: 1;
905                    background-image: url('https://uarts.school/img/mancha-bg-morado-trans
905parent.png');
906                    background-repeat: no-repeat;
907                    background-size: 100% 100%;
908                    background-position: center;
909                    padding: 10px 24px;
910                }
911
912                .slider-content p.sliderSubtitleHomologada {
913                    font-family: 'Helvetica Now Condensed', 'Arial Narrow', sans-serif;
914                    width: auto;
915                    max-width: 880px;
916                    font-size: 1.15rem;
917                    font-weight: 500;
918                    line-height: 1.4;
919                    color: #1c1121;
920                    margin: 18px 0 0;
921                }
922
923                .bgHomologada .slider-content p.sliderSubtitleHomologada {
924                    max-width: 640px;
925                }
926
927                .slider-area .slick-dots li a {
928                    color: #1c1121 !important;
929                    border-bottom-color: #1c1121 !important;
930                    font-weight: 500 !important;
931                    background-color: #f0b80e;
932                    border-radius: 6px;
933                    padding-top: 6px;
934                }
935
936                .slider-area .slick-dots li.slick-active a {
937                    color: #1c1121 !important;
938                    border-bottom-color: #1c1121 !important;
939                    font-weight: 800 !important;
940                    background-color: transparent;
941                    background-image: url('https://uarts.school/img/mancha-bg-morado-trans
941parent.png');
942                    background-repeat: no-repeat;
943                    background-size: 100% 100%;
944                    border-radius: 0;
945                }
946
947                .slider-area .slick-dots li:not(.slick-active) a {
948                    opacity: 1 !important;
949                    color: rgba(28, 17, 33, .6) !important;
950                }
951
952                .btn.btn-style-dark {
953                    background: transparent;
954                    padding: 20px 35px;
955                    margin: 0 8px;
956                    color: #fff;
957                }
958                .btn.btn-style-dark::before {
959                    content: "";
960                    position: absolute;
961                    right: -13px;
962                    top: 0;
963                    height: 100%;
964                    width: 5px;
965                    transform: skewX(-16deg);
966                    z-index: 1;
967                    opacity: 1;
968                    background-image: none;
969                    bottom: 0;
970                    border-radius: 0;
971                    left: auto;
972                    background-color: #1c1121;
973                }
974                .btn.btn-style-dark::after {
975                    content: "";
976                    position: absolute;
977                    right: 0;
978                    top: 0;
979                    height: 100%;
980                    width: 100%;
981                    transform: skewX(-16deg);
982                    z-index: -1;
983                    opacity: 1;
984                    background-image: none;
985                    bottom: 0;
986                    border-radius: 0;
987                    left: auto;
988                    background-color: #1c1121;
989                }
990                .btn.btn-style-dark:hover::before {
991                    right: 0;
992                }
993                .btn.btn-style-dark:hover {
994                    color: #fff;
995                }
996                .btn.ctaHomologada {
997                    font-family: 'Helvetica Now Condensed', 'Arial Narrow', sans-serif;
998                    font-weight: 700;
999                    letter-spacing: 0.05em !important;
1000                }
1001
1002                /* slide "Admisiones abiertas" (clon de la slide anterior) */
1003                .bgAdmisiones {
1004                    position: relative;
1005                    overflow: hidden;
1006                    background-color: #f0b80e;
1007                    display: flex !important;
1008                    align-items: center;
1009                }
1010
1011                .bgAdmisiones .container-fluid {
1012                    position: relative;
1013                    z-index: 2;
1014                }
1015
1016                .bgAdmisionesImg {
1017                    position: absolute;
1018                    right: 0;
1019                    top: 0;
1020                    bottom: 0;
1021                    width: 44%;
1022                    height: 100%;
1023                    min-height: 100%;
1024                    max-width: none;
1025                    object-fit: cover;
1026                    object-position: right center;
1027                    z-index: 1;
1028                    pointer-events: none;
1029                }
1030
1031                .bgAdmisiones .highlightPurple {
1032                    background-image: url('https://uarts.school/img/mancha-bg-larga-morado-trans
1032parent.png');
1033                    padding: 10px 54px 10px 0;
1034                }
1035
1036                .bgAdmisiones .sliderTitleHomologada {
1037                    max-width: 660px;
1038                }
1039
1040                .bgAdmisiones .slider-content {
1041                    padding-left: 14px;
1042                }
1043
1044                .bgAdmisiones .slider-content p.sliderSubtitleHomologada {
1045                    max-width: 560px;
1046                }
1047
1048                .bgAdmisiones h2.sliderTitleHomologada + h2.sliderTitleHomologada {
1049                    margin-top: -12px;
1050                }
1051
1052                /* slide "Becas y financiación" (clon de las slides anteriores) */
1053                .bgBecas {
1054                    position: relative;
1055                    overflow: hidden;
1056                    background-color: #f0b80e;
1057                    display: flex !important;
1058                    align-items: center;
1059                }
1060
1061                .bgBecas .container-fluid {
1062                    position: relative;
1063                    z-index: 2;
1064                }
1065
1066                .bgBecasImg {
1067                    position: absolute;
1068                    right: 0;
1069                    top: 0;
1070                    bottom: 0;
1071                    width: 44%;
1072                    height: 100%;
1073                    min-height: 100%;
1074                    max-width: none;
1075                    object-fit: cover;
1076                    object-position: right center;
1077                    z-index: 1;
1078                    pointer-events: none;
1079                }
1080
1081                .bgBecas .highlightPurple {
1082                    background-image: url('https://uarts.school/img/mancha-bg-morado-2-transparent.png');
1083                    padding: 8px 30px 8px 0;
1084                }
1085
1086                .bgBecas .sliderTitleHomologada {
1087                    max-width: 640px;
1088                }
1089
1090                .bgBecas .slider-content p.sliderSubtitleHomologada {
1091                    max-width: 560px;
1092                }
1093
1094                .bgBecas h2.sliderTitleHomologada + h2.sliderTitleHomologada {
1095                    margin-top: -12px;
1096                }
1097
1098                /* slide "Estudia en España" (clon de las slides anteriores) */
1099                .bgEstudiaEspana {
1100                    position: relative;
1101                    overflow: hidden;
1102                    background-color: #f0b80e;
1103                    display: flex !important;
1104                    align-items: center;
1105                }
1106
1107                .bgEstudiaEspana .container-fluid {
1108                    position: relative;
1109                    z-index: 2;
1110                }
1111
1112                .bgEstudiaEspanaImg {
1113                    position: absolute;
1114                    right: 0;
1115                    top: 0;
1116                    bottom: 0;
1117                    width: 44%;
1118                    height: 100%;
1119                    min-height: 100%;
1120                    max-width: none;
1121                    object-fit: cover;
1122                    object-position: right center;
1123                    z-index: 1;
1124                    pointer-events: none;
1125                }
1126
1127                .bgEstudiaEspana .highlightPurple {
1128                    background-image: url('https://uarts.school/img/mancha-bg-larga-morado-2-transparent.png');
1129                    padding: 10px 60px 10px 0;
1130                    vertical-align: top;
1131                }
1132
1133                .bgEstudiaEspana .sliderTitleHomologada {
1134                    max-width: 660px;
1135                }
1136
1137                .bgEstudiaEspana .slider-content p.sliderSubtitleHomologada {
1138                    max-width: 620px;
1139                }
1140
1141                /* slide "Sesiones de claridad y descubrimiento" (clon de las slides anteriores) */
1142                .bgClaridad {
1143                    position: relative;
1144                    overflow: hidden;
1145                    background-color: #f0b80e;
1146                    display: flex !important;
1147                    align-items: center;
1148                }
1149
1150                .bgClaridad .container-fluid {
1151                    position: relative;
1152                    z-index: 2;
1153                }
1154
1155                .bgClaridadImg {
1156                    position: absolute;
1157                    right: 0;
1158                    top: 0;
1159                    bottom: 0;
1160                    width: 44%;
1161                    height: 100%;
1162                    min-height: 100%;
1163                    max-width: none;
1164                    object-fit: cover;
1165                    object-position: right center;
1166                    z-index: 1;
1167                    pointer-events: none;
1168                }
1169
1170                .bgClaridad .highlightPurple {
1171                    background-image: url('https://uarts.school/img/mancha-bg-morado-3-transparent.png');
1172                }
1173
1174                .bgClaridad .sliderTitleHomologada {
1175                    max-width: 660px;
1176                }
1177
1178                .bgClaridad .slider-content p.sliderSubtitleHomologada {
1179                    max-width: 600px;
1180                }
1181
1182                .bgClaridad h2.sliderTitleHomologada + h2.sliderTitleHomologada {
1183                    margin-top: -12px;
1184                }
1185
1186                @media (max-width: 992px) {
1187                    .slider-area .single-slider {
1188                        height: 50vh !important;
1189                    }
1190
1191                    .sliderTitleHomologada {
1192                        font-size: 1.7rem !important;
1193                        max-width: 100%;
1194                    }
1195
1196                    .sliderTitleHomologadaRow2 {
1197                        font-size: 1.8rem !important;
1198                        margin-top: -10px;
1199                    }
1200
1201                    .slider-content p.sliderSubtitleHomologada {
1202                        font-size: 0.95rem;
1203                        max-width: 100%;
1204                    }
1205
1206                    .bgHomologadaImg {
1207                        height: auto;
1208                        width: 75%;
1209                        opacity: .35;
1210                    }
1211
1212                    .bgAdmisionesImg {
1213                        top: auto;
1214                        bottom: 0;
1215                        height: auto;
1216                        width: 75%;
1217                        object-fit: initial;
1218                        opacity: .35;
1219                    }
1220
1221                    .bgAdmisiones .highlightPurple,
1222                    .bgEstudiaEspana .highlightPurple {
1223                        padding-left: 12px !important;
1224                        margin-left: -12px !important;
1225                    }
1226
1227                    .bgBecas .highlightPurple {
1228                        padding-left: 8px !important;
1229                        margin-left: -8px !important;
1230                    }
1231
1232                    .bgBecasImg {
1233                        top: auto;
1234                        bottom: 0;
1235                        height: auto;
1236                        width: 75%;
1237                        object-fit: initial;
1238                        opacity: .35;
1239                    }
1240
1241                    .bgEstudiaEspanaImg {
1242                        top: auto;
1243                        bottom: 0;
1244                        height: auto;
1245                        width: 75%;
1246                        object-fit: initial;
1247                        opacity: .35;
1248                    }
1249
1250                    .bgClaridadImg {
1251                        top: auto;
1252                        bottom: 0;
1253                        height: auto;
1254                        width: 75%;
1255                        object-fit: initial;
1256                        opacity: .35;
1257                    }
1258
1259                }
1260
1261                @media (max-width: 1200px) {
1262                    .slider-area .slick-arrow {
1263                        opacity: 1 !important;
1264                        top: auto !important;
1265                        bottom: 16px;
1266                        transform: none;
1267                        width: 34px;
1268                        height: 34px;
1269                        background-color: #1c1121 !important;
1270                        border-radius: 50%;
1271                        z-index: 20;
1272                        display: flex !important;
1273                        align-items: center;
1274                        justify-content: center;
1275                    }
1276
1277                    .slider-area .slick-arrow img {
1278                        display: none;
1279                    }
1280
1281                    .slider-area .slick-prev {
1282                        left: 10px !important;
1283                    }
1284
1285                    .slider-area .slick-prev::after {
1286                        content: '\2039';
1287                        color: #fff;
1288                        font-size: 22px;
1289                        line-height: 1;
1290                    }
1291
1292                    .slider-area .slick-next {
1293                        right: 10px !important;
1294                        left: auto !important;
1295                    }
1296
1297                    .slider-area .slick-next::after {
1298                        content: '\203a';
1299                        color: #fff;
1300                        font-size: 22px;
1301                        line-height: 1;
1302                    }
1303                }
1304            </style>
1305
1306            <!-- slider-area -->
1307            <section class="slider-area">
1308                <div class="slider-active">
1309                    <div class="single-slider slider-bg bgHomologada" data-title="TRAINING + DEGREE" style="height: 68vh; padding: 0;">
1310                        <img class="bgHomologadaImg" src="https://uarts.school/img/Nuevos_Diseño_Banner_Web-_1_.webp" alt="" aria-hidden="true">
1311                        <div class="container-fluid container-full-padding">
1312                            <div class="row">
1313                                <div class="col-xl-12 col-lg-12 col-md-11">
1314                                    <div class="slider-content">
1315                                                                                    <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".4s">THE TRAINING THE</h2>
1316                                            <h2 class="sliderTitle sliderTitleHomologada sliderTitleHomologadaRow2" data-animation="fadeInUp" data-delay=".5s"><span class="highlightPurple">INDUSTRY DEMANDS +</span></h2>
1317                                            <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".6s">UNIVERSITY DEGREE</h2>
1318                                            <p class="sliderSubtitleHomologada" data-animation="fadeInUp" data-delay=".7s">Combine UARTS' advanced professional training with a new university layer: Continuing Education Master's Degrees and University Courses worth up to 60 ECTS.</p>
1319                                            <p class="sliderSubtitleHomologada" data-animation="fadeInUp" data-delay=".7s">Build your portfolio, specialize for the industry, and add a university qualification to your path.</p>
1320                                            <a href="https://universalartsschool.com/areas_details_en" target="_blank" style="margin-top: 20px;" class="btn btn-style-dark ctaHomologada mt-20" data-animation="fadeInUp" data-delay=".8s">DISCOVER YOUR TRAINING PATH</a>
1321                                                                            </div>
1322                                </div>
1323                            </div>
1324                        </div>
1325                    </div>
1326
1327                    <div class="single-slider slider-bg bgAdmisiones" data-title="ADMISSIONS OPEN" style="height: 68vh; padding: 0;">
1328                        <img class="bgAdmisionesImg" src="https://uarts.school/img/Nuevos_Diseño_Banner_Web-_2_-cropped.webp" alt="" aria-hidden="true">
1329                        <div class="container-fluid container-full-padding">
1330                            <div class="row">
1331                                <div class="col-xl-12 col-lg-12 col-md-11">
1332                                    <div class="slider-content">
1333                                                                                    <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".4s">ADMISSIONS</h2>
1334                                            <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".5s"><span class="highlightPurple" style="padding-left: 30px; margin-left: -30px;">OCTOBER 2026 · FEBRUARY 2027</span></h2>
1335                                            <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".6s">OPEN</h2>
1336                                            <p class="sliderSubtitleHomologada" data-animation="fadeInUp" data-delay=".7s">Start your admissions process and discover which training path best fits your profile, level and goals.</p>
1337                                            <a href="https://uarts.school/en/proceso-admision" target="_blank" style="margin-top: 20px;" class="btn btn-style-dark ctaHomologada mt-20" data-animation="fadeInUp" data-delay=".8s">START YOUR PROCESS</a>
1338                                                                            </div>
1339                                </div>
1340                            </div>
1341                        </div>
1342                    </div>
1343
1344                    <div class="single-slider slider-bg bgBecas" data-title="SCHOLARSHIPS & FUNDING" style="height: 68vh; padding: 0;">
1345                        <img class="bgBecasImg" src="https://uarts.school/img/Nuevos_Diseño_Banner_Web-_3_-cropped.webp" alt="" aria-hidden="true">
1346                        <div class="container-fluid container-full-padding">
1347                            <div class="row">
1348                                <div class="col-xl-12 col-lg-12 col-md-11">
1349                                    <div class="slider-content">
1350                                                                                    <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".4s"><span class="highlightPurple" style="padding-left: 20px; margin-left: -20px;">SCHOLARSHIPS</span> &amp;</h2>
1351                                            <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".5s">FUNDING</h2>
1352                                            <p class="sliderSubtitleHomologada" data-animation="fadeInUp" data-delay=".6s">Explore scholarship options, payment facilities and funding to boost your training and get closer to the creative industry.</p>
1353                                            <a href="https://uarts.school/en/becas" target="_blank" style="margin-top: 20px;" class="btn btn-style-dark ctaHomologada mt-20" data-animation="fadeInUp" data-delay=".7s">EXPLORE YOUR OPTIONS</a>
1354                                                                            </div>
1355                                </div>
1356                            </div>
1357                        </div>
1358                    </div>
1359
1360                    <div class="single-slider slider-bg bgEstudiaEspana" data-title="STUDY IN SPAIN" style="height: 68vh; padding: 0;">
1361                        <img class="bgEstudiaEspanaImg" src="https://uarts.school/img/Nuevos_Diseño_Banner_Web-_4_-cropped.webp" alt="" aria-hidden="true">
1362                        <div class="container-fluid container-full-padding">
1363                            <div class="row">
1364                                <div class="col-xl-12 col-lg-12 col-md-11">
1365                                    <div class="slider-content">
1366                                                                                    <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".4s"><span class="highlightPurple" style="padding-left: 30px; margin-left: -30px;">
1366INTERNATIONAL VISAS</span></h2>
1367                                            <p class="sliderSubtitleHomologada" data-animation="fadeInUp" data-delay=".7s">Study in Spain, prepare for a global industry, and grow your profile in a creative, international environment. Study-permit authorization will be subject to applicable legal and immigration requirements.</p>
1368                                            <a href="https://universalartsschool.com/study-in-spain" target="_blank" style="margin-top: 20px;" class="btn btn-style-dark ctaHomologada mt-20" data-animation="fadeInUp" data-delay=".8s">REQUEST INFORMATION</a>
1369                                                                            </div>
1370                                </div>
1371                            </div>
1372                        </div>
1373                    </div>
1374
1375                    <div class="single-slider slider-bg bgClaridad" data-title="CLARITY SESSION" style="height: 68vh; padding: 0;">
1376                        <img class="bgClaridadImg" src="https://uarts.school/img/Nuevos_Diseño_Banner_Web-_5_-cropped.webp" alt="" aria-hidden="true">
1377                        <div class="container-fluid container-full-padding">
1378                            <div class="row">
1379                                <div class="col-xl-12 col-lg-12 col-md-11">
1380                                    <div class="slider-content">
1381                                                                                    <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".4s">CLARITY SESSIONS</h2>
1382                                            <h2 class="sliderTitle sliderTitleHomologada" data-animation="fadeInUp" data-delay=".5s">AND <span class="highlightPurple">DISCOVERY</span></h2>
1383                                            <p class="sliderSubtitleHomologada" data-animation="fadeInUp" data-delay=".6s">Discover how to guide your talent and the steps that can bring you closer to the job of your dreams. Join our clarity and discovery sessions.</p>
1384                                            <a href="https://universalartsschool.com/clarity-sessions-register-en" target="_blank" style="margin-top: 20px;" class="btn btn-style-dark ctaHomologada mt-20" data-animation="fadeInUp" data-delay=".7s">SAVE YOUR SPOT</a>
1385                                                                            </div>
1386                                </div>
1387                            </div>
1388                        </div>
1389                    </div>
1390                </div>
1391            </section>
1392            <!-- slider-area-end -->
1393
1394            <div class="areaBaliza">
1395                <div class="bgBaliza"></div>
1396            </div>
1397
1398            <div class="areaPremios pt-40 pb-40">
1399                <div class="container">
1400                    <div class="row">
1401                        <div class="col-12 pb-20">
1402                            <h2 class="text-center mainColor">AWARDS TO OUR STUDENTS</h2>
1403                        </div>
1404                    </div>
1405                    <div class="row d-flex justify-content-center">
1406                        <div class="col-4 col-md pb-20 pb-md-0">
1407                            <img class="imgFilter1 img-fluid" src="https://uarts.school/img/premios/emmy_black.png">
1408                        </div>
1409
1410                        <div class="col-4 col-md pb-20 pb-md-0">
1411                            <img class="imgFilter1 img-fluid" src="https://uarts.school/img/premios/oscar_black.png">
1412                        </div>
1413                        <div class="col-4 col-md pb-20 pb-md-0">
1414                            <img class="imgFilter1 img-fluid" src="https://uarts.school/img/premios/rookies_exc.png">
1415                        </div>
1416                        <div class="col-4 col-md pb-20 pb-md-0">
1417                            <img class="img-fluid" src="https://uarts.school/img/premios/rookies_white.png">
1418                        </div>
1419                        <div class="col-4 col-md pb-20">
1420                            <img class="imgFilter1 img-fluid" src="https://uarts.school/img/premios/acr_spain.png">
1421                        </div>
1422                        <div class="col-4 col-md pb-20">
1423                            <img class="imgFilter1 img-fluid" src="https://uarts.school/img/premios/acr_europe.png">
1424                        </div>
1425                        <div class="col-4 col-md pb-20">
1426                            <img class="imgFilter1 img-fluid" src="https://uarts.school/img/premios/acr_world.png">
1427                        </div>
1428                    </div>
1429                </div>
1430            </div>
1431
1432            <style>
1433                .carrusel {
1434                    height: 250px;
1435                    display: flex;
1436                    align-items: center;
1437                }
1438                .carrusel-items {
1439                    display: flex;
1440                    overflow-x: hidden;
1441                    overflow-y: hidden;
1442                    padding: 5vh;
1443                }
1444
1445                .carrusel-item {
1446                    min-width: 250px;
1447                    max-width: 250px;
1448                    height: 150px;
1449                    display: flex;
1450                    align-items: center;
1451                    justify-content: center;
1452                    margin: 0.5vh 2vh;
1453                    filter: invert(64%) sepia(98%) saturate(621%) hue-rotate(0deg) brightness(101%) contrast(96%);
1454                    transition: filter 0.3s ease-in-out;
1455                }
1456
1457                .carrusel-items img {
1458                    max-width: 250px;
1459                    max-height: 150px;
1460                    object-fit: cover;
1461                }
1462
1463                .carrusel-item:hover {
1464                    transform: scale(1.2);
1465                    filter: none;
1466                }
1467
1468                .carrusel-item img:hover {
1469                    filter: none;
1470                    filter: drop-shadow(0px 5px 20px #f0b80e) drop-shadow(0px 0px 20px #f0b80e) drop-shadow(0px 0px 20px #f0b80e);
1471                }
1472                            </style>
1473
1474            <section class="" style="background-color: #000;">
1475                <h2 class="pt-4 text-center mb-4" style="color: #f0b80e;">Companies where our students work</h2>
1476                <div class="latest-games-thumb" style="filter: none; background-color: #000;">
1477                    <div class="container-fluid d-md-block">
1478                        <div class="row d-flex justify-content-center">
1479                            <div class="col-12 pb-20">
1480                                <div class="carrusel">
1481                                    <div class="carrusel-items">
1482                                                                                        <div class="carrusel-item">
1483                                                    <img src="https://uarts.school/img/logos_productoras/0-NetEase-games.png" alt="">
1484                                                </div>
1485                                                                                            <div class="carrusel-item">
1486                                                    <img src="https://uarts.school/img/logos_productoras/1-Ubisoft.png" alt="">
1487                                                </div>
1488                                                                                            <div class="carrusel-item">
1489                                                    <img src="https://uarts.school/img/logos_productoras/10-Codemasters.png" alt="">
1490                                                </div>
1491                                                                                            <div class="carrusel-item">
1492                                                    <img src="https://uarts.school/img/logos_productoras/11-Illumination-Studios-Paris.png" alt="">
1493                                                </div>
1494                                                                                            <div class="carrusel-item">
1495                                                    <img src="https://uarts.school/img/logos_productoras/12-Electronic-art.png" alt="">
1496                                                </div>
1497                                                                                            <div class="carrusel-item">
1498                                                    <img src="https://uarts.school/img/logos_productoras/13-Baraboom.png" alt="">
1499                                                </div>
1500                                                                                            <div class="carrusel-item">
1501                                                    <img src="https://uarts.school/img/logos_productoras/14-Framestore.png" alt="">
1502                                                </div>
1503                                                                                            <div class="carrusel-item">
1504                                                    <img src="https://uarts.school/img/logos_productoras/15-Imageworks.png" alt="">
1505                                                </div>
1506                                                                                            <div class="carrusel-item">
1507                                                    <img src="https://uarts.school/img/logos_productoras/16-Zinkia.png" alt="">
1508                                                </div>
1509                                                                                            <div class="carrusel-item">
1510                                                    <img src="https://uarts.school/img/logos_productoras/17-I-real-studios.png" alt="">
1511                                                </div>
1512                                                                                            <div class="carrusel-item">
1513                                                    <img src="https://uarts.school/img/logos_productoras/18-Double-negative.png" alt="">
1514                                                </div>
1515                                                                                            <div class="carrusel-item">
1516                                                    <img src="https://uarts.school/img/logos_productoras/19-Riot-games.png" alt="">
1517                                                </div>
1518                                                                                            <div class="carrusel-item">
1519                                                    <img src="https://uarts.school/img/logos_productoras/2-Lucas-arts.png" alt="">
1520                                                </div>
1521                                                                                            <div class="carrusel-item">
1522                                                    <img src="https://uarts.school/img/logos_productoras/20-Digital-domain.png" alt="">
1523                                                </div>
1524                                                                                            <div class="carrusel-item">
1525                                                    <img src="https://uarts.school/img/logos_productoras/21-HBO.png" alt="">
1526                                                </div>
1527                                                                                            <div class="carrusel-item">
1528                                                    <img src="https://uarts.school/img/logos_productoras/22-over-the-top.png" alt="">
1529                                                </div>
1530                                                                                            <div class="carrusel-item">
1531                                                    <img src="https://uarts.school/img/logos_productoras/23-Mercurysteam.png" alt="">
1532                                                </div>
1533                                                                                            <div class="carrusel-item">
1534                                                    <img src="https://uarts.school/img/logos_productoras/24-3doubles.png" alt="">
1535                                                </div>
1536                                                                                            <div class="carrusel-item">
1537                                                    <img src="https://uarts.school/img/logos_productoras/25-Skydance.png" alt="">
1538                                                </div>
1539                                                                                            <div class="carrusel-item">
1540                                                    <img src="https://uarts.school/img/logos_productoras/26-Red-storm.png" alt="">
1541                                                </div>
1542                                                                                            <div class="carrusel-item">
1543                                                    <img src="https://uarts.school/img/logos_productoras/27-Hampa.png" alt="">
1544                                                </div>
1545                                                                                            <div class="carrusel-item">
1546                                                    <img src="https://uarts.school/img/logos_productoras/28-Fox.png" alt="">
1547                                                </div>
1548                                                                                            <div class="carrusel-item">
1549                                                    <img src="https://uarts.school/img/logos_productoras/29-Gato-studio.png" alt="">
1550                                                </div>
1551                                                                                            <div class="carrusel-item">
1552                                                    <img src="https://uarts.school/img/logos_productoras/3-2K-logo.png" alt="">
1553                                                </div>
1554                                                                                            <div class="carrusel-item">
1555                                                    <img src="https://uarts.school/img/logos_productoras/30-Brave-zebra.png" alt="">
1556                                                </div>
1557                                                                                            <div class="carrusel-item">
1558                                                    <img src="https://uarts.school/img/logos_productoras/31-Zynga.png" alt="">
1559                                                </div>
1560                                                                                            <div class="carrusel-item">
1561                                                    <img src="https://uarts.school/img/logos_productoras/32-Next-limit.png" alt="">
1562                                                </div>
1563                                                                                            <div class="carrusel-item">
1564                                                    <img src="https://uarts.school/img/logos_productoras/33-Zara.png" alt="">
1565                                                </div>
1566                                                                                            <div class="carrusel-item">
1567                                                    <img src="https://uarts.school/img/logos_productoras/34-Digital-sun.png" alt="">
1568                                                </div>
1569                                                                                            <div class="carrusel-item">
1570                                                    <img src="https://uarts.school/img/logos_productoras/35-Nightwheel-pictures.png" alt="">
1571                                                </div>
1572                                                                                            <div class="carrusel-item">
1573                                                    <img src="https://uarts.school/img/logos_productoras/36-Mill.png" alt="">
1574                                                </div>
1575                                                                                            <div class="carrusel-item">
1576                                                    <img src="https://uarts.school/img/logos_producto
1576ras/37-Genies.png" alt="">
1577                                                </div>
1578                                                                                            <div class="carrusel-item">
1579                                                    <img src="https://uarts.school/img/logos_productoras/38-Traumhaus-studio.png" alt="">
1580                                                </div>
1581                                                                                            <div class="carrusel-item">
1582                                                    <img src="https://uarts.school/img/logos_productoras/39-Virtually-live.png" alt="">
1583                                                </div>
1584                                                                                            <div class="carrusel-item">
1585                                                    <img src="https://uarts.school/img/logos_productoras/4-Industrial-light.png" alt="">
1586                                                </div>
1587                                                                                            <div class="carrusel-item">
1588                                                    <img src="https://uarts.school/img/logos_productoras/40-Thethinklab.png" alt="">
1589                                                </div>
1590                                                                                            <div class="carrusel-item">
1591                                                    <img src="https://uarts.school/img/logos_productoras/41-Jellyfish.png" alt="">
1592                                                </div>
1593                                                                                            <div class="carrusel-item">
1594                                                    <img src="https://uarts.school/img/logos_productoras/42-Trixter.png" alt="">
1595                                                </div>
1596                                                                                            <div class="carrusel-item">
1597                                                    <img src="https://uarts.school/img/logos_productoras/43-Utopic.png" alt="">
1598                                                </div>
1599                                                                                            <div class="carrusel-item">
1600                                                    <img src="https://uarts.school/img/logos_productoras/44-Qvisten.png" alt="">
1601                                                </div>
1602                                                                                            <div class="carrusel-item">
1603                                                    <img src="https://uarts.school/img/logos_productoras/45-Method-studios.png" alt="">
1604                                                </div>
1605                                                                                            <div class="carrusel-item">
1606                                                    <img src="https://uarts.school/img/logos_productoras/46-Apple.png" alt="">
1607                                                </div>
1608                                                                                            <div class="carrusel-item">
1609                                                    <img src="https://uarts.school/img/logos_productoras/47-Axis-studio.png" alt="">
1610                                                </div>
1611                                                                                            <div class="carrusel-item">
1612                                                    <img src="https://uarts.school/img/logos_productoras/48-Ficción-producciones.png" alt="">
1613                                                </div>
1614                                                                                            <div class="carrusel-item">
1615                                                    <img src="https://uarts.school/img/logos_productoras/49-Psyop.png" alt="">
1616                                                </div>
1617                                                                                            <div class="carrusel-item">
1618                                                    <img src="https://uarts.school/img/logos_productoras/5-Weta-fx.png" alt="">
1619                                                </div>
1620                                                                                            <div class="carrusel-item">
1621                                                    <img src="https://uarts.school/img/logos_productoras/50-Telson.png" alt="">
1622                                                </div>
1623                                                                                            <div class="carrusel-item">
1624                                                    <img src="https://uarts.school/img/logos_productoras/51-Mentat-technology.png" alt="">
1625                                                </div>
1626                                                                                            <div class="carrusel-item">
1627                                                    <img src="https://uarts.school/img/logos_productoras/52-Miopia.png" alt="">
1628                                                </div>
1629                                                                                            <div class="carrusel-item">
1630                                                    <img src="https://uarts.school/img/logos_productoras/55-bren.png" alt="">
1631                                                </div>
1632                                                                                            <div class="carrusel-item">
1633                                                    <img src="https://uarts.school/img/logos_productoras/56-Rakete.png" alt="">
1634                                                </div>
1635                                                                                            <div class="carrusel-item">
1636                                                    <img src="https://uarts.school/img/logos_productoras/57-bluesky.png" alt="">
1637                                                </div>
1638                                                                                            <div class="carrusel-item">
1639                                                    <img src="https://uarts.school/img/logos_productoras/6-Gameloft.png" alt="">
1640                                                </div>
1641                                                                                            <div class="carrusel-item">
1642                                                    <img src="https://uarts.school/img/logos_productoras/7-Walt-disney.png" alt="">
1643                                                </div>
1644                                                                                            <div class="carrusel-item">
1645                                                    <img src="https://uarts.school/img/logos_productoras/8-Blizzard.png" alt="">
1646                                                </div>
1647                                                                                            <div class="carrusel-item">
1648                                                    <img src="https://uarts.school/img/logos_productoras/9-Lightbox.png" alt="">
1649                                                </div>
1650                                                                                </div>
1651                                </div>
1652
1653                            </div>
1654                        </div>
1655                    </div>
1656                </div>
1657            </section>
1658
1659            
1659<script>
1660                document.addEventListener("DOMContentLoaded", function () {
1661                    const carrusel = document.querySelector(".carrusel-items");
1662                    if (!carrusel) return; // Evita errores si el carrusel no existe
1663
1664                    let step = 1;
1665                    let intervalo = null;
1666
1667                    const start = () => {
1668                        let maxScrollLeft = carrusel.scrollWidth - carrusel.clientWidth; // Se recalcula
1669                        intervalo = setInterval(function () {
1670                            carrusel.scrollLeft += step;
1671                            if (carrusel.scrollLeft >= maxScrollLeft || carrusel.scrollLeft <= 0) {
1672                                step *= -1;
1673                            }
1674                        }, 10);
1675                    };
1676
1677                    const stop = () => clearInterval(intervalo);
1678
1679                    carrusel.addEventListener('mouseover', stop);
1680                    carrusel.addEventListener('mouseout', start);
1681
1682                    start(); // ✅ Iniciar automáticamente cuando la página cargue
1683                });
1684            </script>
1684
1685
1686            <section class="sectionHome pt-20 pb-40" id="metodologia" style="background-position: top; background-image: url('https://uarts.school/img/bg-sections-modified.jpg'); background-position: center;">
1687
1688                <section class="videospelis mt-20">
1689                    <h2 class="titleSectionHome mt-4 text-center mb-4">Videogames, Movies and Series where our students works</h2>
1690                    <div class="latest-games-thumb">
1691                        <div class="container-fluid">
1692                            <div class="row d-flex justify-content-center">
1693                                <div class="col-10">
1694                                    <section class="dondeTrabajan">
1695                                        <div class="wrapper">
1696                                            <div class="tabs_wrap">
1697                                            <ul>
1698                                                <li data-tabs="videojuegos" class="active">Videogames</li>
1699                                                <li data-tabs="peliculas">Movies and series</li>
1700                                            </ul>
1701                                            </div>
1702                                            <div>
1703                                            <ul>
1704                                                <li class="item_wrap videojuegos">
1705                                                <div class="swiper-container swiper-container-productoras" style=" height:auto; background-color: transparent; padding: 20px 0px;">
1706                                                    <div class="swiper-wrapper" style="padding-bottom: 20px; margin-bottom: 20px;">
1707                                                        <div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/01_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/10_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/10b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/11_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/11b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/12_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/12b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/13_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/14_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/15_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/16_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/17_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/2_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/3_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/3b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/4_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/4b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/5b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/6b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/7_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/7b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/8_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/9_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos/videojuegos/9b_298x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/1_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/10_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/11_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/12_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/13_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/13b_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/14_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/15a_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/16_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/17_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/18_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/19_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/20_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/20a_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/21_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/22_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/23_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/24_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/25_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/26_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/27_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/28_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/29_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/30_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/30a_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/31_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/31a_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/32_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/33_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/34_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/35_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/36_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/37_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/38_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/39_298x369.jpg" alt=""></div><div class="clear"></div><div cla
1707ss="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/40_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/40a_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/41_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/42_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/44_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/45_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/46_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/47_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/48_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/49_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/6_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/7_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/8_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/9_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/9a_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/9b_298x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_298x369.png" data-src="/img/gen/proyectos_slider/videojuegos/9c_298x369.jpg" alt=""></div><div class="clear"></div>                                                    </div>
1708                                                    <!-- Add Pagination -->
1709                                                    <div class="swiper-pagination pag-empresa pag-black mr-tablet-b5 pagvideojuegos" style="bottom: 0px; position: relative;"></div>
1710
1711                                                </div>
1712                                                </li>
1713                                                <li class="item_wrap peliculas">
1714                                                <div class="swiper-container swiper-container-cine" style=" height:auto; background-color: transparent; padding: 20px 0px;">
1715                                                    <div class="swiper-wrapper" style="padding-bottom: 20px; margin-bottom: 20px;">
1716                                                        <div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/01_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/02_260x369.png" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/03_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/03a_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/04_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/05_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/06_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/07_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/08_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/09_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/09a_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/09b_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/09c_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/1_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/10_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/11_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/12_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/13_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/14_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/15_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/16_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/17_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/18_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/19_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/2_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/20_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/21_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/22_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/23_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/24_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/25_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/26_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/27_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/28_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/29_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/3_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/30_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/31_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/32_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/33_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/34_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/35_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/36_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/37_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/38_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/39_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-emp
1716resa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/4_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/40_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/41_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/42_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/43_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/44_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/45_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/46_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/47_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/48_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/49_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/5_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/50_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/51_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/52_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/53_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/54_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/55_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/56_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/57_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/58_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/59_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/6_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/60_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/61_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/62_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/63_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/64_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/65_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/66_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/67_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/68_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/69_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/
17167_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/70_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/71_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/72_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/73_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/74_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/75_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/76_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/77_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/78_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/79_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/8_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/80_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/81_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/82_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/83_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/84_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/85_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/86_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/87_260x369.jpg" alt=""></div><div class="clear"></div><div class="swiper-slide swiper-empresa perfect-bg" style="padding-right: 20px;"><img class="img-fluid deferReload" src="/img/gen/blank_260x369.png" data-src="/img/gen/proyectos_slider/cine/88_260x369.jpg" alt=""></div><div class="clear"></div>                                                    </div>
1717                                                    <!-- Add Pagination -->
1718                                                    <div class="swiper-pagination pag-empresa pag-black mr-tablet-b5 pagcine" style="bottom: 0px; position: relative;"></div>
1719                                                </div>
1720                                                </li>
1721                                            </ul>
1722                                            </div>
1723                                        </div>
1724                                    </section>
1725                                </div>
1726                            </div>
1727                        </div>
1728                    </div>
1729                </section>
1730
1731            <!--METODOLOGIA QUE HACEMOS-->
1732            </section>
1733
1734            
1735            <section class="sectionAlumnosMetodologia mt-20 mb-20" style="background-color: #000;">
1736            <h2 class="text-center pb-20 mt-40 text-uppercase" style="color:#f0b80e;">Our Students</h2>
1737                <div class="container-fluid">
1738                    <div class="row d-md-flex justify-content-center">
1739                        <div class="col-12 col-md-10" style="display: flex; justify-content:center;">
1740                            <div class="row">
1741                                                                    <div class="col-12 col-md-4 pb-20" style="position: relative;">
1742                                        <img class="img-fluid img-pointer" src="https://uarts.school/img/play_button.png" data-toggle="modal" data-target="#modalTeresa" style="position: absolute; width: 70px; left: 40%; top: 30%;">
1743                                        <img class="img-fluid img-pointer deferReload" data-toggle="modal" data-target="#modalTeresa" src="/img/gen/blank_500x281.png" data-src="/img/gen/template-portada-teresa_500x281.png">
1744
1745                                        <div class="modal fade" id="modalTeresa" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
1746                                            <div class="modal-dialog modal-dialog-centered modal
1746-lg" role="document">
1747                                                <div class="modal-content" style="background-color: transparent;">
1748                                                    <div class="modal-header" style="border-bottom: 0; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;">
1749                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="stopVideo('video-success-khdXYvw')">
1750                                                            <span aria-hidden="true" style="color: #fff; font-size: 2em;">&times;</span>
1751                                                        </button>
1752                                                    </div>
1753                                                    <div class="modal-body" id="video-success-khdXYvw">
1754                                                        <div style="position:relative;padding-bottom:56.25%">
1755                                                            <iframe src="https://skiv.com/embed/khdXYvw?search=0&links=0&logo=0&title=0&autoplay=0&cover_play_position=center" style="width:100%;height:100%;position:absolute;left:0;top:0" frameborder="0" allowfullscreen></iframe>
1756                                                        </div>
1757                                                    </div>
1758                                                </div>
1759                                            </div>
1760                                        </div>
1761                                    </div>
1762                                                                    <div class="col-12 col-md-4 pb-20" style="position: relative;">
1763                                        <img class="img-fluid img-pointer" src="https://uarts.school/img/play_button.png" data-toggle="modal" data-target="#modalSimon" style="position: absolute; width: 70px; left: 40%; top: 30%;">
1764                                        <img class="img-fluid img-pointer deferReload" data-toggle="modal" data-target="#modalSimon" src="/img/gen/blank_500x281.png" data-src="/img/gen/template-portada-simon_500x281.png">
1765
1766                                        <div class="modal fade" id="modalSimon" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
1767                                            <div class="modal-dialog modal-dialog-centered modal-lg" role="document">
1768                                                <div class="modal-content" style="background-color: transparent;">
1769                                                    <div class="modal-header" style="border-bottom: 0; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;">
1770                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="stopVideo('video-success-mTdLJXV')">
1771                                                            <span aria-hidden="true" style="color: #fff; font-size: 2em;">&times;</span>
1772                                                        </button>
1773                                                    </div>
1774                                                    <div class="modal-body" id="video-success-mTdLJXV">
1775                                                        <div style="position:relative;padding-bottom:56.25%">
1776                                                            <iframe src="https://skiv.com/embed/mTdLJXV?search=0&links=0&logo=0&title=0&autoplay=0&cover_play_position=center" style="width:100%;height:100%;position:absolute;left:0;top:0" frameborder="0" allowfullscreen></iframe>
1777                                                        </div>
1778                                                    </div>
1779                                                </div>
1780                                            </div>
1781                                        </div>
1782                                    </div>
1783                                                                    <div class="col-12 col-md-4 pb-20" style="position: relative;">
1784                                        <img class="img-fluid img-pointer" src="https://uarts.school/img/play_button.png" data-toggle="modal" data-target="#modalJesus-merino" style="position: absolute; width: 70px; left: 40%; top: 30%;">
1785                                        <img class="img-fluid img-pointer deferReload" data-toggle="modal" data-target="#modalJesus-merino" src="/img/gen/blank_500x281.png" data-src="/img/gen/template-portada-jesus-merino_500x281.png">
1786
1787                                        <div class="modal fade" id="modalJesus-merino" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
1788                                            <div class="modal-dialog modal-dialog-centered modal
1788-lg" role="document">
1789                                                <div class="modal-content" style="background-color: transparent;">
1790                                                    <div class="modal-header" style="border-bottom: 0; padding-left: 0px; padding-top: 0px; padding-bottom: 0px;">
1791                                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="stopVideo('video-success-5X1B4VB')">
1792                                                            <span aria-hidden="true" style="color: #fff; font-size: 2em;">&times;</span>
1793                                                        </button>
1794                                                    </div>
1795                                                    <div class="modal-body" id="video-success-5X1B4VB">
1796                                                        <div style="position:relative;padding-bottom:56.25%">
1797                                                            <iframe src="https://skiv.com/embed/5X1B4VB?search=0&links=0&logo=0&title=0&autoplay=0&cover_play_position=center" style="width:100%;height:100%;position:absolute;left:0;top:0" frameborder="0" allowfullscreen></iframe>
1798                                                        </div>
1799                                                    </div>
1800                                                </div>
1801                                            </div>
1802                                        </div>
1803                                    </div>
1804                                                            </div>
1805                        </div>
1806
1807                        
1807<script>
1808                            function stopVideo(containerId) {
1809
1810                                let container = document.getElementById(containerId);
1811                                let iframe = container.querySelector("iframe");
1812                                if (iframe) {
1813                                    iframe.src = iframe.src;
1814                                }
1815                            }
1816                        </script>
1816
1817
1818                        <div class="col-12 mt-40 mb-20 text-center">
1819                            <a href="/en/casos-exito" class="btn btn-style-two">SEE MORE SUCCESS STORIES</a>
1820                        </div>
1821                    </div>
1822                </div>
1823            </section>
1824
1825
1826            <section class="sectionHome" id="quienesSomos">
1827                <div style="background-image: url('https://uarts.school/img/edificio_bn.jpg'); background-position: center; background-size: cover;" class="pt-60 pb-60">
1828                    <div class="container">
1829                        <div class="row">
1830                            <div class="col-12">
1831                                <h2 class="titleSectionHome text-center">ABOUT US</h2>
1832                                <p class="text-center parrafoHome">Since 1994, at Universal Arts School we have passionately taught you the methodology that allows you to develop your creative skills and have a high market value.</p>
1833                            </div>
1834                        </div>
1835                        <div class="row d-flex justify-content-center align-items-center">
1836                            <div class="col-12 col-md-4">
1837                                <img src="https://uarts.school/img/acr1.png" class="img-fluid">
1838                            </div>
1839                            <div class="col-12 col-md-6">
1840                                <img src="https://uarts.school/img/acr2.png" class="img-fluid">
1841                            </div>
1842                        </div>
1843                    </div>
1844                </div>
1845
1846                <style>
1847                    .mapDiv {
1848                        min-height: 500px; background-image: url('https://uarts.school/img/mapa_black.jpg'); background-position: calc(50% + 30px) center; background-size: cover; position: relative;
1849                    }
1850
1851                    .mapTitle {
1852                        padding-top: 3vh; font-size: 3rem;
1853                    }
1854                    .mapText {
1855                        position: absolute; max-width: 70%; bottom: 70px; left: 0; right: 0; display: block; margin: 0 auto;
1856                    }
1857
1858                    @media (max-width: 1200px) {
1859                        .mapDiv {
1860                            min-height: 400px;
1861                        }
1862
1863                        .mapText {
1864                            bottom: 5px;
1865                        }
1866                    }
1867
1868                    @media (max-width: 768px) {
1869                        .mapText {
1870                            bottom: 20px; font-size: 1.35rem;
1871                        }
1872                    }
1873
1874                    @media (max-width: 576px) {
1875                        .mapDiv {
1876                            min-height: 230px; 
1877                        }
1878
1879                        .mapTitle {
1880                            padding-top: 1vh; font-size: 1.5rem;
1881                        }
1882
1883                        .mapText {
1884                            bottom: 10px; font-size: 1rem;
1885                        }
1886                    }
1887
1888                    @media (max-width: 450px) {
1889                        .mapDiv {
1890                            min-height: 180px; 
1891                        }
1892
1893                        .mapText {
1894                            bottom: 10px; font-size: 0.8rem;
1895                        }
1896                    }
1897                </style>
1898
1899                <div class="mapDiv">
1900                    <h2 class="text-center mainColor mapTitle">WITH HEADQUARTERS IN</h2>
1901                    <h3 class="text-center mapText">We have helped more than <span class="mainColor">10,000 students</span> to start their professional career in all kinds of local and international Studios and Production Companies, both both in person and online, with the <span class="mainColor">methodology demanded by the Studios</span>.</h3>                </div>
1902            </section>
1903
1904            <div class="areaBaliza">
1905                <div class="bgBaliza"></div>
1906            </div>
1907
1908            <section class="sectionHome pt-40" id="metodologia">
1909                <div class="container">
1910                    <div class="row">
1911                        <div class="col-12">
1912                            <h2 class="titleSectionHome text-center mt-4">TRAINING AREAS</h2>
1913                            <p class="text-center parrafoHome">At Universal Arts School, we have a team of highly trained instructors, professionals with extensive experience in the industry and who are committed to guiding you every step of your way. Our practical and project-oriented approach will give you the opportunity to apply your skills in real situations and build an impressive portfolio.</p>
1914                        </div>
1915                    </div>
1916                </div>
1917
1918                <section class="mb-50">
1919                    <div class="container">
1920                        <div class="row">
1921                            <div class="col-12 col-md-3">
1922                                <div class="shop-item">
1923                                    <div class="product-thumb">
1924                                        <a href="/en/area-art" tabindex="-1"><img class="deferReload" data-src="/img/gen/arte-block2_278x185.png" alt=""></a>
1925                                    </div>
1926                                    <div class="product-content">
1927                                        <div class="product-tag"><a href="/en/area-art" tabindex="-1">LEARN MORE</a></div>
1928                                        <h4 class="mainColor"><a href="/en/area-art" tabindex="-1">Art</a></h4>
1929                                        <p class="mb-0 text-white">This training is a must for anyone interested in visual design and the creation of the imaginary worlds and characters that make up the productions we see everywhere today.</p>
1930                                    </div>
1931                                </div>
1932                            </div>
1933
1934                            <div class="col-12 col-md-3">
1935                                <div class="shop-item">
1936                                    <div class="product-thumb">
1937                                        <a href="/en/area-cine" tabindex="-1"><img class="deferReload" data-src="/img/gen/header-cine_278x185.jpg" alt=""></a>
1938                                    </div>
1939                                    <div class="product-content">
1940                                        <div class="product-tag"><a href="/en/area-cine" tabindex="-1">LEARN MORE</a></div>
1941                                        <h4 class="mainColor"><a href="/en/area-cine" tabindex="-1">Digital Film</a></h4>
1942                                        <p class="mb-0 text-white">Digital cinema has revolutionized the way in which the seventh art is created, produced and consumed. We now have the ability to create stunning imagery, jaw-dropping visual effects, and immersive storytelling that pushes the limits of imagination.</p>
1943                                    </div>
1944                                </div>
1945                            </div>
1946
1947                            <div class="col-12 col-md-3">
1948                                <div class="shop-item">
1949                                    <div class="product-thumb">
1950                                        <a href="/en/area-videojuegos" tabindex="-1"><img class="deferReload" data-src="/img/gen/shooter-block_278x185.jpg" alt=""></a>
1951                                    </div>
1952                                    <div class="product-content">
1953                                        <div class="product-tag"><a href="/en/area-videojuegos" tabindex="-1">LEARN MORE</a></div>
1954                                        <h4 class="mainColor text-capitalize"><a href="/en/area-videojuegos" tabindex="-1">videogames</a></h4>
1955                                        <p class="mb-0 text-white">Video game programming training is focused on instructing students so that they can carry out any type of mechanic that the video game they are going to develop requires, from character control, enemy AI's to large systems.</p>
1956                                    </div>
1957                                </div>
1958                            </div>
1959
1960                            <div class="col-12 col-md-3">
1961                                <div class="shop-item">
1962                                    <div class="product-thumb">
1963                                        <a href="/en/area-animacion" tabindex="-1"><img class="deferReload" data-src="/img/gen/animation-image2_278x185.jpg" alt=""></a>
1964                                    </div>
1965                                    <div class="product-content">
1966                                        <div class="product-tag"><a href="/en/area-animacion" tabindex="-1">LEARN MORE</a></div>
1967                                        <h4 class="mainColor text-capitalize"><a href="/en/area-animacion" tabindex="-1">animation</a></h4>
1968                                        <p class="mb-0 text-white">3D character animation is the art of bringing inanimate 3D characters to life. The artist's knowledge and creativity in animating the characters must ensure that the audience perceives the movement, behavior and emotions of the characters as believable.</p>
1969                                    </div>
1970                                </div>
1971                            </div>
1972                        </div>
1973                    </div>
1974
1975                    <div class="areaBaliza">
1976                        <div class="bgBaliza"></div>
1977                    </div>
1978
1979                    <div class="container text-center mt-40 mb-40">
1980                        <h3 class="mainColor">Authorized Training Center</h3> <h5 class="text-white">Official center internationally approved by the professional video game industry</h5>                        <img src="https://uarts.school/img/logos-atc.png" class="mt-20 mb-20 img-fluid">
1981                    </div>
1982                    <div class="bgBlack" style="margin-top: 4vh;">
1983                        <div class="container">
1984                            <div class="row d-md-flex flex-md-column justify-content-center">
1985                                <h5 style="color:white; text-align:center; padding-left:20px; padding-right:20px;">
1986                                                                            Officially authorized by the <span style="color:#f0b80e">Ministry of Labor and Social Economy of Spain</span>, the <span style="color:#f0b80e">Spanish Public Employment Service (SEPE)</span>, and the <span style="color:#f0b80e">Bureau for Private Postsecondary Education (BPPE)</span> of the State of California.
1987                                                                    </h5>
1988                                <div class="row d-md-flex justify-content-between oficialLogosMobile" style="color:white; margin-top:2vh; margin-bottom:4vh;">
1989                                    <a href="https://www.mites.gob.es/" target="_blank" style="text-decoration: none; color: #fff;">
1990                                        <div style="text-align: center;">
1991                                            <img src="https://uarts.school/img/ministeriologo1.png" style="height:10vh;" alt="Logo Ministerio de Trabajo">
1992                                            <p class="text-center" style="color:#fff; margin: 0;">Ministerio de Trabajo y Economía Social</p>
1993                                        </div>
1994                                    </a>
1995                                    <a href="https://www.sepe.es/HomeSepe/es/" target="_blank" style="text-decoration: none; color: #fff;">
1996                                        <div style="text-align: center;">
1997                                            <img src="https://uarts.school/img/sepe1.png" class="logoMobile" style="height:10vh; border:2px solid white;" alt="Logo SEPE">
1998                                            <p class="text-center" style="color:#fff; margin: 0;">SEPE</p>
1999                                        </div>
2000                                    </a>
2001
2002                                    <a href="https://www.bppe.ca.gov/" target="_blank" style="text-decoration: none; color: #fff;">
2003                                        <div style="text-align: center;">
2004                                            <img src="https://uarts.school/img/bppe_large.png" style="height:10vh;" alt="Logo BPPE">
2005                                            <p class="text-center" style="color:#fff; margin: 0;">Bureau for Private Postsecondary Education</p>
2006                                        </div>
2007                                    </a>
2008                                </div>
2009                            </div>
2010                        </div>
2011                    </div>
2012                </section>
2013
2014                
2015<div class="areaBecasFinanc pt-40 pb-80">
2016    <!-- form-area-end -->
2017    <div class="container-fluid">
2018        <div class="row d-flex justify-content-center">
2019            
2020            
2021            
2022                            <div class="col-12 col-md-5 mb-20">
2023                    <section class="becasSection bgBlack" style="background-color: #000; border-radius: 20px; min-height: 330px;">
2024    <div class="col-lg-12">
2025        <div class="third-about-content pt-20 pl-20 pr-20">
2026            <div class="row">
2027                <div class="col-12 col-md-6 pb-20">
2028                    <h2 class="titleSectionHome mt-4 text-white">TALK TO AN ADVISOR</h2>
2029                    <p class="parrafoHome parrafoBecasHome">Still not ready? Don't worry, talk to one of our specialized advisors and we'll help you find the path to your professional success.</p>
2030                    <a href="/en/hablar-asesor" class="btn btn-style-two">LEARN MORE</a>
2031                </div>
2032                <div class="col-12 col-md-6 align-self-end">
2033                    <img class="img-fluid deferReload" style="width: 90%; margin: 0 auto; position: relative; display: block;" src="/img/gen/blank_299x320.png" data-src="/img/gen/footers_web/oh-holy-mary-vertical_299x320.png">
2034                </div>
2035            </div>
2036        </div>
2037    </div>
2038</section>
2039                </div>
2040            
2041                            <div class="col-12 col-md-5 mb-20">
2042                    <section class="becasSection bgBlack" style="background-color: #000; border-radius: 20px; min-height: 330px;">
2043    <div class="col-lg-12">
2044        <div class="third-about-content pt-20 pl-20 pr-20">
2045            <div class="row">
2046                <div class="col-12 col-md-6 pb-20">
2047                    <h2 class="titleSectionHome mt-4 text-white">VISIT THE SCHOOL</h2>
2048                    <p class="parrafoHome parrafoBecasHome">During your visit, you'll have the opportunity to speak with your advisor, explore our state-of-the-art facilities, and see first-hand how our students work on their projects.</p>
2049                    <a href="/en/visitar-la-escuela" class="btn btn-style-two">LEARN MORE</a>
2050                </div>
2051                <div class="col-12 col-md-6 align-self-end">
2052                    <img class="deferReload" style="width: 50%; margin: 0 auto; display: block;" src="/img/gen/blank_166x321.png" data-src="/img/gen/footers_web/fabian-lopez-arosa-hero-asset_166x321.png">
2053                </div>
2054            </div>
2055        </div>
2056    </div>
2057</section>
2058                </div>
2059            
2060                    </div>
2061    </div>
2062</div>
2063            </section>
2064        </main>
2065        <!-- main-area-end -->
2066
2067            <link href="../css/zoho_form_beca.css" rel="stylesheet" type="text/css" />
2068    
2068<script src="../js/validation_newsletter.js"></script>
2068
2069    
2069<script src="../js/validation_newsletter_dos.js"></script>
2069
2070<footer>
2071    <div class="footer-top footer-bg">
2072        <!-- newsletter-area -->
2073        <div class="newsletter-area">
2074            <div class="container">
2075                <div class="row">
2076                    <div class="col-12">
2077                        <div class="newsletter-wrap">
2078                            <div class="section-title newsletter-title">
2079                                <h2>Our <span>Newsletter</span></h2>
2080                            </div>
2081                            <div class="newsletter-form">
2082                                <style>
2083                                    #label-email-a5a25d90-94b3-48eb-9437-38ff752e632f {
2084                                        display: none;
2085                                    }
2086
2087                                    /* El reCAPTCHA de HubSpot se llama "invisible" porque no exige pulsar el
2088                                       checkbox, pero el badge de Google se queda visible dentro del formulario
2089                                       por diseño (no hay opción para ocultarlo desde HubSpot). Lo colapsamos con
2090                                       height:0 en vez de display:none para no arriesgarnos a que dejen de
2091                                       computarse las puntuaciones de reCAPTCHA. El form es un flex row, así que
2092                                       hay que colapsar también el width (si no, deja un hueco entre el email y
2093                                       el botón aunque no se vea nada ahí). */
2094                                    .hs_recaptcha {
2095                                        height: 0 !important;
2096                                        width: 0 !important;
2097                                        overflow: hidden !important;
2098                                        margin: 0 !important;
2099                                        padding: 0 !important;
2100                                    }
2101
2102                                    /* Laterales inclinados en el campo de email, a juego con el botón de enviar:
2103                                       misma técnica (triángulos CSS) y mismo color que ya tiene el input. */
2104                                    .hs_email .input {
2105                                        padding: 0 !important;
2106                                        position: relative;
2107                                    }
2108                                    .hs_email input {
2109                                        width: 100% !important;
2110                                    }
2111                                    .hs_email .input::before {
2112                                        content: "";
2113                                        position: absolute;
2114                                        left: -20px;
2115                                        top: 0;
2116                                        width: 0;
2117                                        height: 0;
2118                                        border-style: solid;
2119                                        border-width: 0 0 55px 20px;
2120                                        border-color: transparent transparent #24182d transparent;
2121                                    }
2122                                    .hs_email .input::after {
2123                                        content: "";
2124                                        position: absolute;
2125                                        right: -20px;
2126                                        top: 0;
2127                                        width: 0;
2128                                        height: 0;
2129                                        border-style: solid;
2130                                        border-width: 55px 20px 0 0;
2131                                        border-color: #24182d transparent transparent transparent;
2132                                    }
2133                                </style>
2134
2135                                
2135<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
2135
2136                                
2136<script>
2137                                hbspt.forms.create({
2138                                    region: "na1",
2139                                    portalId: "46993850",
2140                                    formId: "a5a25d90-94b3-48eb-9437-38ff752e632f",
2141                                    onFormReady: function($form) {
2142                                    var emailField = document.getElementById('email-a5a25d90-94b3-48eb-9437-38ff752e632f');
2143                                    if (emailField) {
2144                                        emailField.placeholder = 'Your Best Email';
2145                                    }
2146                                    var submitButton = $form.find('input[type="submit"]');
2147                                    if (submitButton.length) {
2148                                        submitButton.replaceWith('<button class="text-uppercase" style="min-width: 150px">' + 'subscribe' + ' <i class="fas fa-paper-plane"></i></button>');
2149                                    }
2150                                    }
2151                                });
2152                                </script>
2152
2153<!-- 
2153<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
vendor: 1 bytes, line 2153
2153
2154<script>
2155  hbspt.forms.create({
2156    region: "na1",
2157    portalId: "46993850",
2158    formId: "a5a25d90-94b3-48eb-9437-38ff752e632f"
2159  });
2160</script>
2160 -->
2161                            </div>
2162                        </div>
2163                    </div>
2164                </div>
2165            </div>
2166        </div>
2167        <!-- newsletter-area-end -->
2168        <div class="container">
2169            <div class="row justify-content-between">
2170                <div class="col-xl-3 col-lg-4 col-md-6">
2171                    <div class="footer-widget mb-50">
2172                        <div class="fw-title mb-35">
2173                            <h5>How to contact us</h5>
2174                        </div>
2175                        <div class="footer-text">
2176                            <p>You can contact us in the following ways:</p>
2177                            <div class="footer-contact">
2178                                <ul>
2179                                                                    <li><i class="fas fa-map-marker-alt"></i> <span>Location: </span>Calle Lérida 20, 46009 Valencia, España</li>
2180                                    <li><i class="fas fa-headphones"></i> <span>Phone number: </span>+34 963 532 069</li>
2181                                    <li><i class="fas fa-envelope-open"></i><span>Email: </span>[email protected]</li>
2182                                                                </ul>
2183                            </div>
2184                        </div>
2185                    </div>
2186                </div>
2187                <div class="col-xl-2 col-lg-3 col-sm-6">
2188                    <div class="footer-widget mb-50">
2189                        <div class="fw-title mb-35">
2190                            <h5>Services</h5>
2191                        </div>
2192                        <div class="fw-link">
2193                            <ul>
2194                                <li><a href="/en/areas-estudio">Study Areas</a></li>
2195                                <li><a href="/en/como-aplicar">How to Apply</a></li>
2196                                <li><a class="text-capitalize" href="/en/financiacion">finance</a></li>
2197                                <li><a href="/en/becas">Scholarships</a></li>
2198                                <li><a href="/en/casos-exito">Success stories</a></li>
2199                            </ul>
2200                        </div>
2201                    </div>
2202                </div>
2203                <div class="col-xl-2 col-lg-3 col-sm-6">
2204                    <div class="footer-widget mb-50">
2205                        <div class="fw-title mb-35">
2206                            <h5>Support</h5>
2207                        </div>
2208                        <div class="fw-link">
2209                            <ul>
2210                                <!--<li><a href="#">Terms and Conditions</a></li>-->
2211                                <li><a href="/en/politica-privacidad">Privacy Policy</a></li>
2212                                <li><a href="/en/politica-devolucion">Return Policy</a></li>
2213                                <li><a href="/en/policies-disclosures">Policies and Disclosures</a></li>
2214                                <li><a href="/en/politica-cookies">Cookies policy</a></li>
2215                                <li><a href="/en/preguntas-frecuentes">FAQ</a></li>
2216                            </ul>
2217                        </div>
2218                        <a href="https://financialmagazine.es/ranking-masters-en-diseno-y-arte/" target="_blank"><img style="width: 100px;" src="https://uarts.school/img/financial_magazine.png" alt="img"></a>
2219                    </div>
2220                </div>
2221                <div class="col-xl-3 col-lg-4 col-md-6">
2222                    <div class="footer-widget mb-50">
2223                        <div class="fw-title mb-35">
2224                            <h5>Follow us</h5>
2225                        </div>
2226                        <div class="footer-social">
2227                            <ul>
2228                                <li><a href="https://www.facebook.com/UniversalArtsSchoolOfficial" target="_blank"><i class="fab fa-facebook-f"></i></a></li>
2229                                <li><a href="https://www.instagram.com/universalartsschool/" target="_blank"><i class="fab fa-instagram"></i></a></li>
2230                                <li><a href="https://www.youtube.com/@universalarts.school" target="_blank"><i class="fab fa-youtube"></i></a></li>
2231                                <li><a href="https://www.linkedin.com/school/universal-arts-school" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
2232                            </ul>
2233                        </div>
2234                    </div>
2235                    <!-- <div class="footer-widget mb-50">
2236                        <div class="fw-title mb-35">
2237                            <h5>Newsletter</h5>
2238                        </div>
2239                        <div class="footer-newsletter">
2240                            <style>
2241                                #label-email-a5a25d90-94b3-48eb-9437-38ff752e632f {
2242                                    display: none;
2243                                }
2244                            </style>
2245
2246                            
2246<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/embed/v2.js"></script>
2246
2247                            
2247<script>
2248                            hbspt.forms.create({
2249                                region: "na1",
2250                                portalId: "46993850",
2251                                formId: "a5a25d90-94b3-48eb-9437-38ff752e632f",
2252                                onFormReady: function($form) {
2253                                var emailField = document.getElementById('email-a5a25d90-94b3-48eb-9437-38ff752e632f');
2254                                if (emailField) {
2255                                    emailField.placeholder = 'Your Best Email';
2256                                }
2257                                var submitButton = $form.find('input[type="submit"]');
2258                                if (submitButton.length) {
2259                                    submitButton.replaceWith('<button class="zf-submitColor-newsletter" onclick="zf_ValidateAndSubmitNewsletter2()"><i class="fas fa-rocket"></i></button>');
2260                                }
2261                                }
2262                            });
2263                            </script>
2263
2264                        </div>
2265                    </div> -->
2266                </div>
2267            </div>
2268        </div>
2269    </div>
2270
2271    <style>
2272        .officialCenter {
2273            background-color: black; padding:40px 20px 0 20px; width:100%; display:flex; flex-direction:column; color:white; font-family:Oxanium, cursive; font-weight:bolder; font-size: 18px;
2274        }
2275
2276        .logosIndustry {
2277            margin-right:30%; margin-left:30%;
2278        }
2279        @media (max-width: 992px) {
2280        	.oficialLogosMobile {
2281				justify-content: center !important;
2282				flex-direction: column;
2283			}
2284
2285			.logoMobile {
2286				margin-top: 2vh;
2287			}
2288
2289            .logosIndustry {
2290                margin-right:5%; margin-left:5%;
2291            }
2292        }
2293    </style>
2294
2295    <div class="bgBlack">
2296        <div class="container">
2297            <div class="row d-md-flex justify-content-center">
2298                <div class="col-12 col-md-3 text-center">
2299                    <img class="deferReload" src="/img/gen/blank_180x129.png" data-src="/img/gen/edificio_spain_vector_180x129.png" style="width: 180px; filter: invert(1);">
2300                    <h6 class="text-white pt-20">VALENCIA, SPAIN</h6>
2301                    <p class="text-white">
2302                        <strong>Spain main campus</strong><br>Lérida, 20<br>
2303                        46009, Valencia, Spain<br>
2304                        [email protected]<br>
2305                        Phone: +34 963 532 069<br>
2306                        [9:00 - 19:00] GMT
2307                    </p>
2308                </div>
2309                <div class="col-12 col-md-3 text-center">
2310                    <img class="deferReload" src="/img/gen/blank_180x129.png" data-src="/img/gen/edificio2_180x129.png" style="width: 180px;">
2311                    <h6 class="text-white pt-20">HOLLYWOOD</h6>
2312                    <p class="text-white"><strong>USA office address</strong><br>
2313                        1800 Vine St., Ste 351B,<br>
2314                        Los Ángeles, CA 90028<br>
2315                        [email protected]<br>
2316                        Phone: +1 213 910 2161<br>
2317                        * office hours are by appointment only<br>
2318                        [Wednesdays, 10am - 12pm] PDT<br>
2319                    </p>
2320                </div>
2321                <div class="col-12 col-md-3 text-center">
2322                    <img class="deferReload" src="/img/gen/blank_180x129.png" data-src="/img/gen/edificio_dacapo_vector_180x129.png" style="width: 180px; filter: invert(1);">
2323                    <h6 class="text-white pt-20">VALENCIA, SPAIN</h6>
2324                    <p class="text-white"><strong>Cinema campus</strong><br>C/ de l'Illa Cabrera, 10<br>
2325                        46026, Valencia, Spain<br>
2326                        [email protected]<br>
2327                        Phone: +34 963 532 069<br>
2328                        [9:00 - 19:00] GMT
2329                    </p>
2330                </div>
2331            </div>
2332        </div>
2333    </div>
2334    <div class="text-center officialCenter">
2335                            Official center internationally approved by the professional video game industry
2336                <img src="https://uarts.school/img/logos-atc.png" class="mt-20 mb-20 img-fluid logosIndustry">
2337    </div>
2338    <div class="bgBlack" style="padding-top: 4vh;">
2339        <div class="container">
2340            <div class="row d-md-flex flex-md-column justify-content-center">
2341                <h5 style="color:white; text-align:center;  padding-left:20px; padding-right:20px;">
2342                                            Officially authorized by the <span style="color:#f0b80e">Ministry of Labor and Social Economy of Spain</span>, the <span style="color:#f0b80e">Spanish Public Employment Service (SEPE)</span>. Approved to operate as a distance education institution by the <span style="color:#f0b80e">Bureau for Private Postsecondary Education (BPPE)</span> of the State of California.
2343                                    </h5>
2344                <div class="row d-md-flex justify-content-between oficialLogosMobile" style="color:white; margin-top:2vh; margin-bottom:4vh;">
2345                    <a href="https://www.mites.gob.es/" target="_blank" style="text-decoration: none; color: #fff;">
2346                        <div style="text-align: center;">
2347                            <img src="https://uarts.school/img/ministeriologo1.png" style="height:10vh;" alt="Logo Ministerio de Trabajo">
2348                            <p class="text-center" style="color:#fff; margin: 0;">Ministerio de Trabajo y Economía Social</p>
2349                        </div>
2350                    </a>
2351                    <a href="https://www.sepe.es/HomeSepe/es/" target="_blank" style="text-decoration: none; color: #fff;">
2352                        <div style="text-align: center;">
2353                            <img src="https://uarts.school/img/sepe1.png" class="logoMobile" style="height:10vh; border:2px solid white;" alt="Logo SEPE">
2354                            <p class="text-center" style="color:#fff; margin: 0;">SEPE</p>
2355                        </div>
2356                    </a>
2357
2358                    <a href="https://www.bppe.ca.gov/" target="_blank" style="text-decoration: none; color: #fff;">
2359                        <div style="text-align: center;">
2360                            <img src="https://uarts.school/img/bppe_large.png" style="height:10vh;" alt="Logo BPPE">
2361                            <p class="text-center" style="color:#fff; margin: 0;">Bureau for Private Postsecondary Education</p>
2362                        </div>
2363                    </a>
2364                </div>
2365            </div>
2366        </div>
2367    </div>
2368    <div class="copyright-wrap">
2369        <div class="container">
2370            <div class="row" style="display: flex; justify-content:center">
2371                <div class="col-lg-6 col-md-6" style="display: flex; justify-content:center">
2372                    <div class="copyright-text">
2373                        <p>Copyright © 2026 <span style="color: #f0b80e;">
2373Universal Arts School</span> All rights reserved.</p>
2374                                            </div>
2375                </div>
2376            </div>
2377        </div>
2378    </div>
2379    <span class="version" style="display:none">v1.0.5</span>
2380
2381    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
2382    <div class="floating-container" style="display:none!important;">
2383        <div class="floating-button">+</div>
2384        <div class="element-container">
2385
2386            <a href="tel:+34963532069"> <span class="float-element tooltip-left">
2387                    <i class="material-icons">phone
2388                    </i></a>
2389            </span>
2390
2391            <a href="https://uarts.school/preguntas-frecuentes">
2392                <span class="float-element tooltip-left">
2393                    <i class="material-icons">question_mark</i>
2394                </span>
2395            </a>
2396            <a href="https://uarts.school/contacto">
2397                <span class="float-element tooltip-left">
2398                    <i class="material-icons">mail</i>
2399                </span>
2400            </a>
2401        </div>
2402    </div>
2403</footer>
2404<!-- footer-area-end -->
2405
2406
2407<!-- JS here -->
2408<script src="/public/app.min.js"></script>
vendor: 1 bytes, line 2408
2408
2409<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
vendor: 1 bytes, line 2409
2409
2410<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.all.min.js"></script>
vendor: 1 bytes, line 2410
2410
2411<script src="https://skiv.com/static/js/embed-player.min.js"></script>
2411
2412
2413
2414<script type="text/javascript">
2415    $(document).ready(function() {
2416        $('.select2-country').select2({
2417            placeholder: "Selecciona un país"
2418        });
2419
2420        $("#modalArlinka").on("hidden.bs.modal", function() {
2421            player.pause();
2422        });
2423
2424        $("#modalTeresa").on("hidden.bs.modal", function() {
2425            player2.pause();
2426        });
2427
2428        $("#modalBenjamin").on("hidden.bs.modal", function() {
2429            player3.pause();
2430        });
2431
2432        $("#modalLaura").on("hidden.bs.modal", function() {
2433            player4.pause();
2434        });
2435    });
2436
2437    function submitForm(id) {
2438        let button = $('#' + id);
2439        let myForm = button.closest("form");
2440        // let form = new FormData(button.closest("form")[0]);
2441        let actionUrl = "https://uarts.school/suscribe_newsletter.php";
2442        let actualURL = window.location.href;
2443        let dataForm = myForm.serializeArray();
2444        // form.append('email_newsletter', dataForm[0].value);
2445        // form.append('actualURL', actualURL);
2446
2447        $.ajax({
2448            url: actionUrl,
2449            data: {
2450                'email_newsletter': dataForm[0].value,
2451                'actualURL': actualURL
2452            },
2453            type: 'POST',
2454            success: function(data) {
2455                let jsonResponse = JSON.parse(data);
2456                if (data.success === false) {
2457                    Swal.fire({
2458                        icon: 'error',
2459                        title: 'Oops...',
2460                        text: 'Parece que ha habido algún problema al enviar la información. Por favor, contacta con nuestro equipo.',
2461                        background: '#000',
2462                        confirmButtonText: 'OK',
2463                    })
2464                } else {
2465                    Swal.fire({
2466                        icon: 'success',
2467                        title: 'Correcto',
2468                        text: 'Te has suscrito a nuestro newsletter.',
2469                        background: '#000',
2470                        confirmButtonText: 'OK',
2471                    })
2472                }
2473            }
2474        });
2475    }
2476</script>
vendor: 1 bytes, line 2476
2476
2477<script type="text/javascript">
2478      var zf_DateRegex = new RegExp(
2479        "^(([0][1-9])|([1-2][0-9])|([3][0-1]))[-](Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec|JAN|FEB|MAR|APR|MAY|JUN|JUL|AUG|SEP|OCT|NOV|DEC)[-](?:(?:19|20)[0-9]{2})$"
2480      );
2481      var zf_MandArray = ["Email"];
2482      var zf_FieldArray = ["Email"];
2483      var isSalesIQIntegrationEnabled = false;
2484      var salesIQFieldsArray = [];
2485    </script>
2485
2486
2487<!-- Start of LiveChat (www.livechat.com) code -->
2488<script>
2489    window.__lc = window.__lc || {};
2490    window.__lc.license = 15820467;;
2491    (function(n, t, c) {
2492        function i(n) {
2493            return e._h ? e._h.apply(null, n) : e._q.push(n)
2494        }
2495        var e = {
2496            _q: [],
2497            _h: null,
2498            _v: "2.0",
2499            on: function() {
2500                i(["on", c.call(arguments)])
2501            },
2502            once: function() {
2503                i(["once", c.call(arguments)])
2504            },
2505            off: function() {
2506                i(["off", c.call(arguments)])
2507            },
2508            get: function() {
2509                if (!e._h) throw new Error("[LiveChatWidget] You can't use getters before load.");
2510                return i(["get", c.call(arguments)])
2511            },
2512            call: function() {
2513                i(["call", c.call(arguments)])
2514            },
2515            init: function() {
2516                var n = t.createElement("script");
2517                n.async = !0, n.type = "text/javascript", n.src = "https://cdn.livechatinc.com/tracking.js", t.head.appendChild(n)
2518            }
2519        };
2520        !n.__lc.asyncInit && e.init(), n.LiveChatWidget = n.LiveChatWidget || e
2521    }(window, document, [].slice))
2522</script>
2522
2523
2524<noscript><a href="https://www.livechat.com/chat-with/15820467/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
2525<!-- End of LiveChat code -->
2526
2527<script>
2528    window.addEventListener('load', function () {
2529        setTimeout(() => {
2530            var images = document.querySelectorAll('img.deferReload');
2531            images.forEach(image => {
2532                image.src = image.dataset.src;
2533            });
2534        }, 1000);
2535    })
2536</script>
2536
2537        
2538        
2538<script>
2539        // Get the elements with class="column"
2540        var elements = document.getElementsByClassName("column");
2541
2542        // Declare a "loop" variable
2543        var i;
2544        for (i = 0; i < elements.length; i++) {
2545            elements[i].style.flex = "33%";
2546            elements[i].style.maxWidth = "33%";
2547        }
2548        </script>
2548
2549
2550        
2550<script type="text/javascript" def>
2551            $(document).ready(function() {
2552                var tabs = document.querySelectorAll(".tabs_wrap ul li");
2553                var videojuegos = document.querySelectorAll(".videojuegos");
2554                var animaciones = document.querySelectorAll(".animacion");
2555                var cines = document.querySelectorAll(".peliculas");
2556                var all = document.querySelectorAll(".item_wrap");
2557
2558                $('.clickbar').click(function(){
2559                    $([document.documentElement, document.body]).animate({
2560                        scrollTop: $("#dtr-wrapper").offset().top
2561                    }, 1000);
2562                });
2563
2564                tabs.forEach((tab)=>{
2565                    tab.addEventListener("click", ()=>{
2566                        tabs.forEach((tab)=>{
2567                            tab.classList.remove("active");
2568                        })
2569                        tab.classList.add("active");
2570                        var tabval = tab.getAttribute("data-tabs");
2571
2572                        all.forEach((item)=>{
2573                            item.style.display = "none";
2574                        })
2575
2576                        if(tabval == "videojuegos"){
2577                            videojuegos.forEach((videojuego)=>{
2578                                videojuego.style.display = "block";
2579                            })
2580                        } else if(tabval == "peliculas"){
2581                            cines.forEach((cine)=>{
2582                                cine.style.display = "block";
2583                            })
2584                        }
2585                    })
2586                });
2587
2588                var swiper = new Swiper('.videojuegos .swiper-container', {
2589                    slidesPerView: 5,
2590                    slidesPerColumn: 1,
2591                    centeredSlides: true,
2592                    loop: true,
2593                    observer: true,
2594                    observeParents: true,
2595                    pagination: {
2596                        el: '.pagvideojuegos',
2597                        clickable: true,
2598                        type: 'bullets', // Use bullets for pagination
2599                        dynamicBullets: true // Use dynamic bullets to limit the number of bullets displayed
2600                    },
2601                    breakpoints: {
2602                        320: {
2603                            slidesPerView: 2,
2604                            spaceBetween: 20
2605                        },
2606                        480: {
2607                            slidesPerView: 2,
2608                            spaceBetween: 0
2609                        },
2610                        640: {
2611                            slidesPerView: 4,
2612                            spaceBetween: 40
2613                        }
2614                    }
2615                });
2616
2617                var swiper = new Swiper('.peliculas .swiper-container', {
2618                    slidesPerView: 5,
2619                    slidesPerColumn: 1,
2620                    centeredSlides: true,
2621                    loop: true,
2622                    observer: true,
2623                    observeParents: true,
2624                    pagination: {
2625                        el: '.pagcine',
2626                        clickable: true,
2627                        type: 'bullets', // Use bullets for pagination
2628                        dynamicBullets: true // Use dynamic bullets to limit the number of bullets displayed
2629                    },
2630                    breakpoints: {
2631                        320: {
2632                            slidesPerView: 2,
2633                            spaceBetween: 0
2634                        },
2635                        480: {
2636                            slidesPerView: 2,
2637                            spaceBetween: 0
2638                        },
2639                        640: {
2640                            slidesPerView: 4,
2641                            spaceBetween: 40
2642                        }
2643                    }
2644                });
2645
2646                $('#bologna-list a').on('click', function (e) {
2647                    e.preventDefault()
2648                    $(this).tab('show')
2649                });
2650
2651                var swiperClientes = new Swiper('.swiper-container-logos', {
2652                    slidesPerView: 1,
2653                    slidesPerColumn: 1,
2654                    centeredSlides: false,
2655                    loop: true,
2656                    pagination: {
2657                        el: '.paglogos',
2658                        clickable: true
2659                    },
2660                    breakpoints: {
2661                        320: {
2662                            slidesPerView: 2,
2663                            spaceBetween: 0
2664                        },
2665                        480: {
2666                            slidesPerView: 2,
2667                            spaceBetween: 0
2668                        },
2669                        640: {
2670                            slidesPerView: 4,
2671                            spaceBetween: 40
2672                        }
2673                    }
2674                });
2675
2676                var swiperProfes = new Swiper('.swiper-profes', {
2677                    slidesPerView: 5,
2678                    slidesPerGroup: 5,
2679                    slidesPerColumn: 1,
2680                    centeredSlides: false,
2681                    loop: false,
2682                    pagination: {
2683                        el: '.pagprofes',
2684                        clickable: true
2685                    },
2686                    breakpoints: {
2687                        1920: {
2688                            slidesPerView: 5,
2689                            slidesPerGroup: 5,
2690                        },
2691                        1024: {
2692                            slidesPerView: 5,
2693                            slidesPerGroup: 5,
2694                        },
2695                        720: {
2696                            slidesPerView: 2,
2697                            slidesPerGroup: 2,
2698                        },
2699                        640: {
2700                            slidesPerView: 2,
2701                            slidesPerGroup: 2,
2702                        }
2703                    }
2704                });
2705
2706                all.forEach((item)=>{
2707                    item.style.display = "none";
2708                })
2709
2710                videojuegos.forEach((videojuego)=>{
2711                    videojuego.style.display = "block";
2712                })
2713            });
2714        </script>
2714
2715    </body>
2716</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.