PageSourceSearch

https://cli.com.pe/

html cli.com.pe collected 2026-10-09 00:05:13 UTC 96,055 bytes, 1,727 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4	<meta charset="UTF-8">
5	<meta http-equiv="X-UA-Compatible" content="IE=edge">
6	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
7    
8    <!--====== Title ======-->
9    <title>CLI GESTIONES ADUANERAS</title>
10    
11    <meta name="description" content="">
12    <!--====== Favicon Icon ======-->
13    <!--<link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">-->
14    
15        
16    <!--====== Animate CSS ======-->
17    <link rel="stylesheet" href="https://cli.com.pe/css/animate.css">
18
19    <!--====== Line Icons CSS ======-->
20    <link rel="stylesheet" href="https://cli.com.pe/css/LineIcons.css">
21        
22    <!--====== Bootstrap CSS ======-->
23    <link rel="stylesheet" href="https://cli.com.pe/css/bootstrap.min.css">
24
25    <!--====== Default CSS ======-->
26    <link rel="stylesheet" href="https://cli.com.pe/css/default.css">
27
28    <!--====== Style CSS ======-->
29    <link rel="stylesheet" href="https://cli.com.pe/css/style.css">
30
31    <!--==== Swiperjs CSS ====-->
32    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
33
34    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css">
35
36    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
37
38    
39
40</head>
41
42<body>
43
44    <!--====== PRELOADER PART START ======-->
45
46    <div class="preloader">
47        <div class="loader">
48            <div class="ytp-spinner">
49                <div class="ytp-spinner-container">
50                    <div class="ytp-spinner-rotator">
51                        <div class="ytp-spinner-left">
52                            <div class="ytp-spinner-circle"></div>
53                        </div>
54                        <div class="ytp-spinner-right">
55                            <div class="ytp-spinner-circle"></div>
56                        </div>
57                    </div>
58                </div>
59            </div>
60        </div>
61    </div> 
62
63    <!--====== HEADER PART START ======-->
64    <section class="header_area_home">
65    <div class="header_navbar">
66    <div class="container">
67        <div class="row">
68            <div class="col-lg-12">
69                <nav class="navbar navbar-expand-lg">
70                <link rel="stylesheet" href="https://cli.com.pe/css/style.css?v=1.0">
71                    <a class="navbar-brand" href="index.php">
72                    <img src="https://cli.com.pe/images/logo.png" alt="Logo" class="custom-logo">
73                    </a>
74                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
75                        <span class="toggler-icon"></span>
76                        <span class="toggler-icon"></span>
77                        <span class="toggler-icon"></span>
78                    </button>
79
80                    <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
81                        <ul id="nav" class="navbar-nav ml-auto">
82                            <li class="nav-item active">
83                                <a class="page-scroll" href="#home">Inicio</a>
84                            </li>
85                            <li class="nav-item">
86                                <a class="page-scroll" href="#about">Nosotros</a>
87                            </li>
88                            <li class="nav-item">
89                                <a class="page-scroll" href="#services">Servicios</a>
90                            </li>
91                            <li class="nav-item">
92                                <a class="page-scroll" href="#gallery">Proyectos</a>
93                            </li>
94                            <li class="nav-item">
95                                <a class="page-scroll" href="#clients">Clientes</a>
96                            </li>
97                            <li class="nav-item">
98                                <a class="page-scroll" href="#blog">Carga</a>
99                            </li>
100                            <li class="nav-item">
101                                <a class="page-scroll" href="#contact">Contacto</a>
102                            </li>
103                            <li class="nav-item">
104                                <a class="page-scroll" href="https://blog2.cliandina.com/">Informativo</a>
105                            </li>
106                            
107                            
108                        </ul>
109                        <a href="https://clinet.cliandina.com" target="_blank" class="main-btn w
109ow" style="margin-left: 40px;">
110                            <i class="lni lni-user" style="margin-right: 5px;"></i>CLINET
111                        </a>
112                    </div> <!-- navbar collapse -->
113                </nav> <!-- navbar -->
114            </div>
115        </div> <!-- row -->
116    </div> <!-- container -->
117</div> <!-- header navbar -->
118
119        <div id="home" class="swiper mySwiper">
120            <div class="swiper-wrapper">
121            <div class="d-flex align-items-center swiper-slide single_slider" style="background-image: url('https://cli.com.pe/images/slider-main-1.jpg'); background-size: cover; background-position: center; width: 100%; height: 1200px;">
122                    <div class="container">
123                        <div class="row">
124                            <div class="col-lg-12 col-md-12">
125                                <div class="slider_content">
126                                    <h2 class="slider_title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">SOMOS EL GRUPO CLI</h2>
127                                    <p class="wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">Contamos con experiencia y capacidad para manejar cualquier tipo de mercancía y/o régimen aduanero.</p>
128                                    <a href="#about" rel="nofollow" class="main-btn wow fadeInLeftBig page-scroll " data-wow-duration="1.3s" data-wow-delay="0.8s">Conócenos</a>
129                                </div> <!-- slider content -->
130                            </div>
131                        </div> <!-- row -->
132                    </div> <!-- container -->
133                </div> <!-- single slider -->
134
135                <div class="d-flex align-items-center swiper-slide single_slider" style="background-image: url('https://cli.com.pe/images/slider-main-5.jpg'); background-size: cover; background-position: center; width: 100%; height: 1200px;">
136                    <div class="container">
137                        <div class="row">
138                            <div class="col-lg-12 col-md-12">
139                                <div class="slider_content">
140                                    <h2 class="slider_title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">EL MEJOR SERVICIO DE LOGÍSTICA</h2>
141                                    <p class="wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">Hemos experimentado un crecimiento significativo, modernizando nuestras operaciones con tecnología de vanguardia y personal altamente capacitado para mejorar nuestro servicio a clientes y operadores.</p>
142                                    <a href="#services" rel="nofollow" class="main-btn wow fadeInLeftBig page-scroll " data-wow-duration="1.3s" data-wow-delay="0.8s">Servicios</a>
143                                </div> <!-- slider content -->
144                            </div>
145                        </div> <!-- row -->
146                    </div> <!-- container -->
147                </div> <!-- single slider -->
148
149                <div class="d-flex align-items-center swiper-slide single_slider" style="background-image: url('https://cli.com.pe/images/slider-main-6.jpg');background-size: cover; background-position: center; width: 100%; height: 1200px;">
150                    <div class="container">
151                        <div class="row">
152                            <div class="col-lg-12 col-md-12">
153                                <div class="slider_content">
154                                    <h2 class="slider_title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">SOMOS TU SOCIO EN LOGÍSTICA</h2>
155                                    <p class="wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">No dude en contactarnos para cualquier información adicional.</p>
156                                    <a href="#contact" rel="nofollow" class="main-btn wow fadeInLeftBig page-scroll " data-wow-duration="1.3s" data-wow-delay="0.8s">Contáctanos</a>
157                                </div> <!-- slider content -->
158                            </div>
159                        </div> <!-- row -->
160                    </div> <!-- container -->
161                </div> <!-- single slider -->
162            </div>
163            <div class="swiper-button-next"></div>
164            <div class="swiper-button-prev"></div>
165            <div class="swiper-pagination"></div>
166        </div> <!-- header slider -->
167    </section>
168    <!--====== HEADER PART ENDS ======-->
169
170    <!--====== NOSOTROS - INICIO ======-->
171    <section id="about" class="about_area pt-80 pb-130 background-color-section-ligth">
172    <div class="about_bg d-none d-lg-block">
173    <div class="about_bg_image bg_cover" style="background-image: url('https://cli.com.pe/images/about_bg.jpg')"></div>
174    </div> <!-- about bg -->
175    <div class="container">
176        <div class="row align-items-center">
177            <div class="col-lg-6">
178                <div class="scale_image mt-50 wow fadeInRightBig scale_image" data-wow-duration="1.3s" data-wow-delay="0.5s">
179                    <img src="https://cli.com.pe/images/about_image.jpg" alt="About">
180                </div>
181            </div>
182            <div class="col-lg-6">
183                <div class="about_content mt-50 wow fadeInLeftBig" data-wow-duration="1.3s" data-wow-delay="0.5s">
184                    <!--<h3 class="sub_title"><span>15</span> Años de Experiencia</h3>-->
185                    <h3 class="sub_title">¿Quienes somos?</h3>
186                    <h4 class="main_title">Brindando el mejor servicio de logística</h4>
187                    <p class="mt-4">
188                        Somos expertos en el manejo de proyectos de gran envergadura, Servicio Logístico Integral, Agenciamiento de Aduanas y transporte de carga a nivel nacional.
189                        <br><br>
190                        En CLI GESTIONES ADUANERAS brindamos servicios de logística de entrada o salida para carga general, productos perecederos, mercancías restringidas, carga a granel, proyectos, entre otros tipo de productos, con el apoyo de nuestros asociados de negocios locales y en el exterior.
191                        <br><br>
192                        Por otra parte, CLI GESTIONES ADUANERAS S.A. y CLI PROYECTOS S.A.C., trabajamos de la mano convencidos de que juntos cultivamos el conocimiento y estimulamos la creatividad, crecien
192do como empresas y personas.
193                    </p>
194                    <a href="https://cli.com.pe/about" class="main-btn">Leer más</a>
195                </div> <!-- about content -->
196            </div>
197        </div> <!-- row -->
198    </div> <!-- container -->
199    </section>  
200    <!--====== NOSOTROS - FIN ======-->
201
202    <!--====== SERVICIOS - INICIO ======-->
203    <section id="services" class="services_area pt-20 background-color-section-ligth">
204    <div class="container">
205
206        <div class="row">
207            <div class="col-lg-6">
208                <div class="section_title">
209                    <h4 class="title">Algunos de nuestros servicios</h4>
210                </div> <!-- section title -->
211            </div>
212        </div> <!-- row -->
213
214        <div class="wrapper" id="js-wrapper">
215            <div class="wrapper-sections" id="js-slideContainer">
216                <section class="wrapper-section row">
217                    <!-- <span class="section__title" id="title1">Section One</span> -->
218                    <div class="col-lg-6 col-sm-6">
219                        <div class="single_services mt-50 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
220                            <!--<div class="services_icon">
221                                <i class="lni lni-compass"></i>
222                            </div>-->
223                            <div class="services_image scale_image">
224                                <img src="https://cli.com.pe/images/blog-1.jpg" alt="blog">
225                            </div>
226                            <div class="services_content">
227                                <h4 class="title">Logística Integral</h4>
228                                <p>Siendo pioneros en este rubro con más de 30 años de experiencia, estamos en la capacidad de atender servicios puerta a puerta y a la medida del requerimiento o necesidad del cliente.</p>
229                            </div>
230                        </div> <!-- single services -->
231                    </div>
232                    <div class="col-lg-6 col-sm-6">
233                        <div class="single_services mt-50 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.5s">
234                            <!--<div class="services_icon">
235                                <i class="lni lni-apartment"></i>
236                            </div>-->
237                            <div class="services_image scale_image">
238                            <img src="https://cli.com.pe/images/service_width_03.png" alt="blog">
239                            </div>
240                            <div class="services_content">
241                                <h4 class="title">Agenciamiento de Carga Internacional</h4>
242                                <p>Nuestro servicio de agenciamiento de carga internacional cuenta con la certificación IATA y al formar parte de Global Logistic Family estamos en la capacidad de llegar a cualquier parte del mundo.</p>
243                            </div>
244                        </div> <!-- single services -->
245                    </div>
246
247                    <span id="trigger--title1"></span>
248                </section>
249
250                <section class="wrapper-section row" style="margin-left: 15px;">
251                    <div class="col-lg-6 col-sm-6">
252                        <div class="single_services mt-50 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s">
253                            <div class="services_image scale_image">
254                            <img src="https://cli.com.pe/images/service_width_04.png" alt="blog">
255                            </div>
256                            <div class="services_content">
257                                <h4 class="title">Agenciamiento de Aduana</h4>
258                                <p>Con 30 años de experiencia corporativa nos hemos convertido en una de las mayores empresas de logística, agenciamiento de Aduana y transporte de carga a nivel nacional.</p>
259                            </div>
260                        </div>
261                    </div>
262                    <div class="col-lg-6 col-sm-6">
263                        <div class="single_services mt-50 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
264                            <div class="services_image scale_image">
265                            <img src="https://cli.com.pe/images/service_width_01.png" alt="blog">
266                            </div>
267                            <div class="services_content">
268                                <h4 class="title">Transporte</h4>
269                                <p>CLI Proyectos con el soporte de la certificacion ISO9001, BASC E INTEGRIDAD garantiza la trazabilidad de sus operacion gracias a nuestra moderna flota tanto para transporte pesado y liviano y con cobertura a nivel nacional, cuenta con autorizaciones para trasladar su mercancia en general e IMO.</p>
270                            </div>
271                        </div>
272                    </div>
273
274                    <span id="trigger--title2"></span>
275                </section>
276                <!-- <section class="section">
277                    <span class="section__title" id="title3">Section Three</span>
278                    <span id="trigger--title3"></span>
279                </section> -->
280            </div>
281        </div>
282
283        <div class="row pb-50">
284            <div class="col-lg-12 col-sm-12">
285                <div class="mt-50 text-center">
286                    <a href="https://cli.com.pe/servicios" class="main-btn ">Más información</a>
287                </div>
288            </div>
289        </div>
290    
291        </div> <!-- container -->
292    </section>
293<!--====== SERVICIOS - FIN ======-->
294
295<!--====== PROYECTOS - INICIO ======-->
296
297<section id="gallery" class="gallery_area pt-120 pb-130 background-color-section">
298    <div class="container">
299        <div class="row justify-content-center">
300            <div class="col-lg-8">
301                <div class="section_title text-center pb-25">
302                    <h4 class="title">Algunos de nuestros<br> proyectos</h4>
303                </div>
304            </div>
305        </div>
306        <div class="row">
307            <div class="col-lg-4">
308                <div class="single_galley border_radius_4 mt-30">
309                    <div class="galley_image">
310                        <img src="https://cli.com.pe/images/gallery-1.jpg" alt="gallery">
311                    </div>
312                    <div class="galley_content">
313                        <h4 class="gallery_title"><a href="https://cli.com.pe/proyectovista/11">Termochilca-Santo Domingo de Los Olleros CC</a></h4>
314                        <p><span>BCP / Termochilca</span></p>
315                    </div>
316                </div>
317            </div>
318            <div class="col-lg-4 col-sm-6">
319                <div class="single_galley border_radius_1 mt-30">
320                    <div class="galley_image">
321                    <img src="https://cli.com.pe/images/gallery-2.jpg" alt="gallery">
322                    </div>
323                    <div class="galley_content">
324                        <h4 class="gallery_title"><a href="https://cli.com.pe/proyectovista/7">Cerro del Aguila</a></h4>
325                        <p><span>Kallpa Generation</span></p>
326                    </div>
327                </div>
328                <div class="single_galley border_radius_2 mt-30">
329                    <div class="galley_image">
330                    <img src="https://cli.com.pe/images/gallery-3.jpg" alt="gallery">
331                    </div>
332                    <div class="galley_content">
333                        <h4 class="gallery_title"><a href="https://cli.com.pe/proyectovista/6">Termochilca</a></h4>
334                        <p><span>Edegel</span></p>
335                    </div>
336                </div>
337            </div>
338            <div class="col-lg-4 col-sm-6">
339                <div class="single_galley border_radius_4 mt-30">
340                    <div class="galley_image">
341                    <img src="https://cli.com.pe/images/gallery-4.jpg" alt="gallery">
342                    </div>
343                    <div class="galley_content">
344                        <h4 class="gallery_title"><a href="https://cli.com.pe/proyectovista/4">PAMA - Planta Acido de Cobre</a></h4>
345                        <p><span>Doe Run (Perú)</span></p>
346                    </div>
347                </div>
348                <div class="single_galley border_radius_3 mt-30">
349                    <div class="galley_image">
350                    <img src="https://cli.com.pe/images/gallery-5.jpg" alt="gallery">
351                    </div>
352                    <div class="galley_content">
353                        <h4 class="gallery_title"><a href="https://cli.com.pe/proyectovista/1">CAMISEA</a></h4>
354                        <p><span>Pluspetrol</span></p>
355                    </div>
356                </div>
357            </div>
358            <div class="col-lg-12 col-sm-12">
359                <div class="mt-50 wow fadeInLeftBig text-center" data-wow-duration="1.3s" data-wow-delay="0.5s">
360                    <a href="https://cli.com.pe/proyectos" class="main-btn">Más proyectos</a>
361                    
362                </div>
363            </div>
364        </div>
365    </div>
366</section>
367
368<!--====== PROYECTOS - FIN ======-->
369
370<!--====== LOGRO - INICIO ======-->
371<section id="counter" class="counter_area bg_cover pt-120 pb-130" data-parallax="scroll" data-image-src="https://cli.com.pe/images/counter.jpg">
372    <div class="container">
373        <div class="row justify-content-center">
374            <div class="col-lg-10">
375                <div class="section_title section_title_2 text-center pb-25">
376                    <h4 class="title">Nuestros logros<br> en números</h4>
377                </div> <!-- section title -->
378            </div>
379        </div> <!-- row -->
380        <div class="row">
381            <div class="col-lg-3 col-sm-3 col-6">
382                <div class="single_counter text-center mt-30 wow fadeIn" data-wow-duration="1.3s" data-wow-delay="0.2s">
383                    <div class="counter_icon">
384                        <i class="lni lni-happy"></i>
385                    </div>
386                    <div class="counter_content">
387                        <span>+50</span>
388                        <p>Clientes Satisfechos</p>
389                    </div>
390                </div> <!-- single counter -->
391            </div>
392            <div class="col-lg-3 col-sm-3 col-6">
393                <div class="single_counter text-center mt-30 wow fadeIn" data-wow-duration="1.3s" data-wow-delay="0.4s">
394                    <div class="counter_icon">
395                        <i class="lni lni-checkmark-circle"></i>
396                    </div>
397                    <div class="counter_content">
398                        <span>+20</span>
399                        <p>Proyectos Realizados</p>
400                    </div>
401                </div> <!-- single counter -->
402            </div>
403            <div class="col-lg-3 col-sm-3 col-6">
404                <div class="single_counter text-center mt-30 wow fadeIn" data-wow-duration="1.3s" data-wow-delay="0.6s">
405                    <div class="counter_icon">
406                        <i class="lni lni-users"></i>
407                    </div>
408                    <div class="counter_content">
409                        <span>+100</span>
410                        <p>Colaboradores</p>
411                    </div>
412                </div> <!-- single counter -->
413            </div>
414            <div class="col-lg-3 col-sm-3 col-6">
415                <div class="single_counter text-center mt-30 wow fadeIn" data-wow-duration="1.3s" data-wow-delay="0.8s">
416                    <div class="counter_icon">
417                        <i class="lni lni-cup"></i>
418                    </div>
419                    <div class="counter_content">
420                        <span>+10</span>
421                        <p>Reconocimientos Recibidos</p>
422                    </div>
423                </div> <!-- single counter -->
424            </div>
425        </div> <!-- row -->
426    </div> <!-- container -->
427</section>
428
429<!--====== LOGRO - FIN ======-->
430
431<!--====== CLIENTES - INICIO ======-->
432
433<section id="clients" class="brand_logo_area pt-120 background-color-section-ligth">
434    <div class="container">
435        <div class="row justify-content-center">
436            <div class="col-lg-8">
437                <div class="section_title text-center pb-25">
438                    <h4 class="title">Algunos de nuestros<br> Clientes</h4>
439                </div> <!-- section title -->
440            </div>
441        </div> <!-- row -->
442        <div class="row">
443            <div class="col-lg-2 col-md-2 col-6 col-sm-4">
444                <div class="scale_image_logo single_logo mt-30 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">
445                <img src="https://cli.com.pe/images/logo-1.jpg" alt="logo">
446                </div> <!-- single logo -->
447            </div>
448            <div class="col-lg-2 col-md-2 col-6 col-sm-4">
449                <div class="scale_image_logo single_logo mt-30 logo_2 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s">
450                <img src="https://cli.com.pe/images/logo-2.jpg" alt="logo">
451                </div> <!-- single logo -->
452            </div>
453            <div class="col-lg-2 col-md-2 col-6 col-sm-4">
454                <div class="scale_image_logo single_logo mt-30 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.6s">
455                <img src="https://cli.com.pe/images/logo-3.jpg" alt="logo">
456                </div> <!-- single logo -->
457            </div>
458            <div class="col-lg-2 col-md-2 col-6 col-sm-4">
459                <div class="scale_image_logo single_logo mt-30 logo_2 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.8s">
460                <img src="https://cli.com.pe/images/logo-4.jpg" alt="logo">
461                </div> <!-- single logo -->
462            </div>
463            <div class="col-lg-2 col-md-2 col-6 col-sm-4">
464                <div class="scale_image_logo single_logo mt-30 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.2s">
465                <img src="https://cli.com.pe/images/logo-5.jpg" alt="logo">
466                </div> <!-- single logo -->
467            </div>
468            <div class="col-lg-2 col-md-2 col-6 col-sm-4">
469                <div class="scale_image_logo single_logo mt-30 logo_2 wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="1.4s">
470                <img src="https://cli.com.pe/images/logo-6.jpg" alt="logo">
471                </div> <!-- single logo -->
472            </div>
473        </div> <!-- row -->
474
475        <div class="col-lg-12 col-sm-12 pb-50">
476            <div class="mt-50 wow fadeInLeftBig text-center" data-wow-duration="1.3s" data-wow-delay="0.5s">
477                <a href="https://cli.com.pe/clientes" class="main-btn ">Ver más clientes</a>
478            </div>
479        </div>
480
481    </div> <!-- container -->
482</section>
483
484<!--====== CLIENTES - FIN ======-->
485
486<!--====== BLOG - INICIO ======-->
487<section id="blog" class="blog_area pt-120 pb-80 background-color-section">
488    <div class="container">
489        <div class="row justify-content-center">
490            <div class="col-lg-6">
491                <div class="section_title text-center pb-25">
492                    <h4 class="title">Carga</h4>
493                </div> <!-- section title -->
494            </div>
495        </div> <!-- row -->
496        <div class="row">
497            <div class="col-lg-6">
498                <div class="single_blog d-sm-flex mt-30">
499                    <div class="blog_content blog_content_2 media-body" style="text-align: center;">
500                    <img src="https://cli.com.pe/images/cabeceras/cabecera-proyectos.jpg" 
501                    alt="blog" 
502                    style="width: 100%; height: 150px; display: inline-block; border-radius: 15px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);">
503                        <h4 class="blog_title"><a href="https://cli.com.pe/cargaservicios">CARGA - SERVICIOS</a></h4>
504                        <p>Nuestro servicio de agenciamiento de carga internacional cuenta con la certificación IATA y al formar parte de Global Logistic Family estamos en la ca...</p>
505                        <a href="https://cli.com.pe/cargaservicios" class="more">Leer más</a>
506                    </div>
507                </div> <!-- single blog -->
508                
509                <div class="single_blog d-sm-flex mt-30">
510
511                    <div class="blog_content blog_content_2 media-body" style="text-align: center;">
512                    <img src="https://cli.com.pe/images/traking2.jpg" 
513                    alt="blog" 
514                    style="width: 100%; height: 150px; display: inline-block; border-radius: 15px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);">
515                        <h4 class="blog_title"><a href="https://clinet.cliandina.com/tracking">CARGA - TRACKING</a></h4>
516                        <p>Sistema para rastrear envíos en tiempo real con seguridad y confianza.</p>
517                        <a href="https://clinet.cliandina.com/tracking" class="more">Leer más</a>
518                    </div>
519                </div> <!-- single blog -->
520            </div>
521            <div class="col-lg-6">
522                <div class="single_blog d-sm-flex mt-30">
523                <div class="blog_content blog_content_2 media-body" style="text-align: center;">
524                <img src="https://cli.com.pe/images/cabeceras/1548774347910.png" 
525                alt="blog" 
526                style="height: 150px; display: inline-block; border-radius: 15px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);" class="w-100">
527                        <h4 class="blog_title"><a href="https://cli.com.pe/cargatarifario">CARGA - TARIFARIO</a></h4>
528                        <p>Nos complace informar que nuestro tarifario actualizado de servicios de logística de entrada y salida —que incluye el manejo de carga general, productos perecederos y proyectos especiales— se encuentr...</p>
529                        <a href="https://cli.com.pe/cargatarifario" class="more">Leer más</a>
530                    </div>
531                </div> <!-- single blog -->
532                
533                <div class="single_blog d-sm-flex mt-30">
534                   
535                    <div class="blog_content blog_content_2 media-body" style="text-align: center;">
536                    <img src="https://cli.com.pe/images/cabeceras/1548793770595.PNG" 
537                    alt="blog" 
538                    style="width: 100%; height: 150px; display: inline-block; border-radius: 15px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.2);">
539                        <h4 class="blog_title"><a href="https://cli.com.pe/cargacontacto">CARGA - CONSULTAS Y RECLAMOS</a></h4>
540                        <p>Por favor, no dude en contactarnos para realizar sus consultas, sugerenciais o reclamos.</p>
541                        <a href="https://cli.com.pe/cargacontacto" class="more">Leer más</a>
542                    </div>
543                </div> <!-- single blog -->
544            </div>
545        </div> <!-- row -->
546        <div class="col-lg-12 col-sm-12">
547                <div class="mt-50 wow fadeInLeftBig text-center" data-wow-duration="1.3s" data-wow-delay="0.5s">
548                    <a href="https://cli.com.pe/carga" class="main-btn">Más información</a>
549                    
550                </div>
551            </div>
552    </div>
553</section>
554<!--====== BLOG - FIN ======-->
555
556<!--====== CONTACTO - INICIO ======-->
557
558<section id="contact" class="contact_area pt-40 pb-50 background-color-section-ligth">
559    <div class="container">
560        <div class="row">
561            <div class="col-lg-12 col-sm-12 section_content">
562
563                <div class="row">
564                    <div class="col-lg-12">
565                        
566                        <ul class="nav nav-tabs" id="myTab" role="tablist">
567                            <li class="nav-item" role="presentation">
568                                <a class="nav-link active" id="escribenos-tab" data-toggle="tab" data-target="#escribenos" type="button" role="tab" aria-controls="escribenos" aria-selected="true">Escríbenos</a>
569                            </li>
570                            <li class="nav-item" role="presentation">
571                                <a class="nav-link" id="oficinas-tab" data-toggle="tab" data-target="#oficinas" type="button" role="tab" aria-controls="oficinas" aria-selected="false">Nuestras Oficinas</a>
572                            </li>
573                            <li class="nav-item" role="presentation">
574                                <a class="nav-link" id="trabaja-tab" data-toggle="tab" data-target="#trabaja" type="button" role="tab" aria-controls="trabaja" aria-selected="false">Trabaja con Nosotros</a>
575                            </li>
576                            <li class="nav-item" role="presentation">
577                                <a class="nav-link" id="quejas-tab" data-toggle="tab" data-target="#quejas" type="button" role="tab" aria-controls="quejas" aria-selected="false">Quejas o Reclamos</a>
578                            </li>
579                        </ul>
580
581                        <div class="tab-content" id="tab-contacto">
582                            <div class="tab-pane fade show active" id="escribenos" role="tabpanel" aria-labelledby="escribenos-tab">
583                                <div class="row">
584                                    <div class="col-lg-6">
585                                        <div class="contact_form mt-40">
586                                            <div class="section_title pb-25">
587                                                <h4 class="title">Escríbenos</h4>
588                                            </div> <!-- section title -->
589
590                                            <form id="contact-form" action="https://cli.com.pe/enviar-correo" method="post">
591                                                <input type="hidden" name="_token" value="GZ9VUQkRMiE1JL0REKtIDmqd300OP4ADeLAp7N1q">                                                <div id="error-message" style="color: red; font-weight: bold; display: none;">
592                                                    Captcha no válido. Por favor, intenta nuevamente.
593                                                </div>
594
595                                                <div class="single_form">
596                                                    <input name="name" type="text" placeholder="Nombres">
597                                                </div>
598                                                <div class="single_form">
599                                                    <input name="surname" type="text" placeholder="Apellidos">
600                                                </div>
601                                                <div class="single_form">
602                                                    <input name="enterprise" type="text" placeholder="Empresa">
603                                                </div>
604                                                <div class="single_form">
605                                                    <input name="email" type="email" placeholder="Email">
606                                                </div>
607                                                <div class="single_form">
608                                                    <input name="number" type="text" placeholder="Telefono">
609                                                </div>
610                                                <div class="single_form">
611                                                    <input name="anexo" type="text" placeholder="Anexo">
612                                                </div>
613                                                <div class="single_form">
614                                                    <textarea name="message" placeholder="Mensaje"></textarea>
615                                                </div>
616
617                                                <!-- Campo oculto para almacenar la respuesta del captcha -->
618                                                <input type="hidden" name="h-captcha-response">
619
620                                                <br>
621                                                <div class="h-captcha" 
622                                                    data-sitekey="3cb40f2a-6a3c-4ef2-81b6-635a12a4c5b2"
623                                                    data-callback="setCaptchaResponse">
624                                                </div>
625
626                                                <p class="form-message"></p>
627                                                <div class="single_form">
628                                                    <button class="main-btn" type="submit" id="bt
628n-enviar">ENVIAR MENSAJE</button>
629                                                </div>
630                                            </form>
631                                        </div> <!-- contact form -->
632                                    </div>
633                                    <div class="col-lg-6">
634                                        <div class="contact_info mt-40">
635                                            <div class="section_title pb-25">
636                                                <h4 class="title">Contáctenos</h4>
637                                            </div> <!-- section title -->
638                                            <p>
639                                                Tu socio en logística aduanera está esperando tu mensaje. En nuestro formulario te brindamos la puerta abierta para conectarte con nosotros o utiliza los detalles de contacto proporcionados. Ya sea que necesites resolver dudas, explorar posibilidades de colaboración o buscar orientación sobre soluciones logísticas, estamos comprometidos en brindarte respuestas rápidas y soluciones a medida para tu empresa.
640                                            </p>
641
642                                            <div class="single_info d-flex align-items-center">
643                                                <div class="info_icon">
644                                                    <i class="lni lni-phone"></i>
645                                                </div>
646                                                <div class="info_content media-body">
647                                                    <p>Central (511) 6146900</p>
648                                                </div>
649                                            </div> <!-- single info -->
650
651                                            <div class="single_info d-flex align-items-center">
652                                                <div class="info_icon">
653                                                    <i class="lni lni-envelope"></i>
654                                                </div>
655                                                <div class="info_content media-body">
656                                                    <p>[email protected]</p>
657                                                </div>
658                                            </div> <!-- single info -->
659
660                                            <div class="single_info d-flex align-items-center">
661                                                <div class="info_icon">
662                                                    <i class="lni lni-world"></i>
663                                                </div>
664                                                <div class="info_content media-body">
665                                                    <p>www.cli.com.pe</p>
666                                                </div>
667                                            </div> <!-- single info -->
668
669                                            <div class="single_info d-flex align-items-center">
670                                                <div class="info_icon">
671                                                    <i class="lni lni-map"></i>
672                                                </div>
673                                                <div class="info_content media-body">
674                                                    <p>Av. Elmer Faucett 2000 - Int D </br>Callao - Lima, Perú</p>
675                                                </div>
676                                            </div> <!-- single info -->
677                                        </div> <!-- contact info -->
678                                    </div>
679                                </div>
680                            </div>
681
682                        <div class="tab-pane fade" id="oficinas" role="tabpanel" aria-labelledby="oficinas-tab">
683                            <img src="https://cli.com.pe/images/oficinas_grupo_cli.png" alt="Oficinas CLI" class="img-fluid mt-30 w-100" id="oficinas-img">
684                        </div>
685
686                        
687
688                            <div class="tab-pane fade" id="trabaja" role="tabpanel" aria-labelledby="trabaja-tab">
689                                <div class="section_title pb-25 mt-40">
690                                    <h4 class="title">Trabaja con Nosotros</h4>
691                                    <p>Si estás interesado en ser parte de la familia Cli Gestiones Aduaneras, te invitamos a rellenar el siguiente formulario.</p>
692                                </div>
693
694                                <div class="contact_form">
695                                    <form id="contact-form-trabajo" action="https://cli.com.pe/enviar-trabajo" method="post" enctype="multipart/form-data">
696                                        <div id="error-message-trabajo" style="color: red; font-weight: bold; display: none;">
697                                            Captcha no válido. Por favor, intenta nuevamente.
698                                        </div>
699                                        <input type="hidden" name="_token" value="GZ9VUQkRMiE1JL0REKtIDmqd300OP4ADeLAp7N1q">                                        <div class="row">
700                                            <div class="col-lg-6">
701                                                <div class="single_form">
702                                                    <input name="nombre" type="text" placeholder="Nombres">
703                                                </div>
704
705                                                <div class="single_form">
706                                                    <input name="apellido" type="text" placeholder="Apellidos">
707                                                </div>
708
709                                                <div class="single_form">
710                                                    <input name="email" type="email" placeholder="Email">
711                                                </div>
712
713                                                <div class="single_form">
714                                                    <input name="telefono" type="text" placeholder="Teléfono/Celular">
715                                                </div>
716                                            </div>
717
718                                            <div class="col-lg-6">
719                                                <div class="single_form">
720                                                    <input name="doc_indentidad" type="text" placeholder="Documento de identidad">
721                                                </div>
722
723                                                <div class="single_form">
724                                                    <select name="area" id="area">
725                                                        <option value="" selected>
725Área a postular</option>
726                                                        <option value="publicas">Públicas</option>
727                                                        <option value="colaboradores">Colaboradores</option>
728                                                        <option value="gerenciales">Gerenciales</option>
729                                                    </select>
730                                                </div>
731                                                <br>
732                                                <div>
733                                                    <div class="form-group">
734                                                        <label for="exampleFormControlFile1">Adjuntar documento (opcional)</label>
735                                                        <input type="file" name="cv" id="cv" class="form" accept=".pdf,image/*,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
736                                                    </div>
737                                                    <!-- Campo oculto para almacenar la respuesta del captcha -->
738                                                    
739                                                </div>
740                                                <input type="hidden" name="h-captcha-response">
741
742                                                <div id="cv-error" style="color: red; font-weight: bold; display: none; margin-bottom: 8px;"></div>
743
744                                                <div class="h-captcha" 
745                                                    data-sitekey="3cb40f2a-6a3c-4ef2-81b6-635a12a4c5b2"
746                                                    data-callback="setCaptchaResponse">
747                                                </div>
748
749                                                <!-- Campo oculto para almacenar el valor del captcha -->
750                                                <input type="hidden" name="h-captcha-response">
751
752                                                <p class="form-message"></p>
753                                                    <div class="single_form">
754                                                        <button class="main-btn" type="submit" id="btn-enviar-trabajo">ENVIAR MENSAJE</button>
755                                                    </div>
756                                            </div>
757                                        </div>
758                                    </form>
759                                </div>
760
761                                <div class="row">
762                                    <div class="col-lg-6">
763
764                                    </div>
765                                </div>
766                            </div>
767
768                            <div class="tab-pane fade" id="quejas" role="tabpanel" aria-labelledby="quejas-tab">
769                                <div class="section_title pb-25 mt-40">
770                                    <h4 class="title">Quejas o Reclamos</h4>
771                                    <p>Si tiene alguna duda, queja o reclamo que nos quisiera hacer llegar, sírvase rellenar el siguiente formulario:</p>
772                                </div>
773
774                                <div class="contact_form">
775                                <form id="quejas-form" action="https://cli.com.pe/enviar-queja" method="post" enctype="multipart/form-data">
776                                    <div id="error-message-queja" style="color: red; font-weight: bold; display: none;">
777                                        Captcha no válido. Por favor, intenta nuevamente.
778                                    </div>
779                                    <input type="hidden" name="_token" value="GZ9VUQkRMiE1JL0REKtIDmqd300OP4ADeLAp7N1q">                                    <div class="row">
780                                        <div class="col-lg-6">
781                                            <div class="single_form">
782                                                <input name="nombre" type="text" placeholder="Nombres y Apellidos">
783                                            </div> <!-- single form -->
784
785                                            <div class="single_form">
786                                                <input name="rs" type="text" placeholder="Empresa">
787                                            </div> <!-- single form -->
788
789                                            <div class="single_form">
790                                                <input name="ruc" type="text" placeholder="RUC">
791                                            </div>
792
793                                            <div class="single_form">
794                                                <input name="email" type="email" placeholder="Email">
795                                            </div> <!-- single form -->
796
797                                            <div class="single_form">
798                                                <input name="telefono" type="text" placeholder="Número de contacto">
799                                            </div> <!-- single form -->
800                                            <div class="single_form">
801                                                <select name="tipo_queja" id="tipo_queja" class="form-control">
802                                                    <option value="">Seleccione tipo</option>
803                                                    <option value="Queja">Queja</option>
804                                                    <option value="Reclamo">Reclamo</option>
805                                                </select>
806                                            </div>
807                                        </div>
808
809                                        <div class="col-lg-6">
810                                            <div class="single_form">
811                                                <input name="asunto" type="text" placeholder="Asunto">
812                                            </div>
813
814                                            <div class="single_form">
815                                                <textarea name="mensaje-reclamo" placeholder="Mensaje"></textarea>
816                                            </div> <!-- single form -->
817
818                                            <div class="single_form">
819                                                <label for="empresa_dirigid
819a" style="display:block; margin-bottom:6px; font-weight:600;">Empresa dirigida</label>
820                                                <select name="empresa_dirigida" id="empresa_dirigida" class="form-control" required>
821                                                    <option value="">Seleccione empresa dirigida</option>
822                                                    <option value="CLI GESTIONES ADUANERAS S.A">CLI GESTIONES ADUANERAS S.A</option>
823                                                    <option value="CLI PROYECTOS">CLI PROYECTOS</option>
824                                                </select>
825                                            </div>
826                                            <br>
827                                            <div>
828                                                <div class="form-group">
829                                                    <label for="exampleFormControlFile1">Adjuntar documento (opcional)</label>
830                                                    <input type="file" name="archivo[]" id="archivo" class="form" multiple accept=".pdf,image/*,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" />
831                                                </div>
832
833                                            <br>
834
835                                                <input type="hidden" name="h-captcha-response">
836
837                                                <div id="archivo-error" style="color: red; font-weight: bold; display: none; margin-bottom: 8px;"></div>
838
839                                                <div class="h-captcha" 
840                                                    data-sitekey="3cb40f2a-6a3c-4ef2-81b6-635a12a4c5b2"
841                                                    data-callback="setCaptchaResponse">
842                                                </div>
843
844                                                <!-- Campo oculto para almacenar el valor del captcha -->
845                                                <input type="hidden" name="h-captcha-response">
846                                            </div>
847
848                                            <p class="form-message"></p>
849
850                                            <div class="single_form" style="display:flex;gap:12px;align-items:center;">
851                                                <button class="main-btn" type="submit" id="btn-enviar-queja">ENVIAR MENSAJE</button>
852                                                <button class="main-btn" type="button" id="btn-open-consulta" data-toggle="modal" data-target="#consultarTicketModal" style="background-color:#e0e0e0; color:#000; border:1px solid #d0d0d0; box-shadow: 0 6px 0 #6b6b6b;">CONSULTAR TICKET</button>
853                                            </div> <!-- single form -->
854                                        </div>
855                                    </div>
856                                </form>
857                                </div>
858
859                                                                <!-- Modal para consultar ticket -->
860                                                                <div class="modal fade" id="consultarTicketModal" tabindex="-1" role="dialog" aria-labelledby="consultarTicketModalLabel" aria-hidden="true">
861                                                                    <div class="modal-dialog modal-dialog-centered modal-xl" role="document" style="max-width:800px;">
862                                                                        <div class="modal-content" style="min-height:70vh;">
863                                                                            <div class="modal-header">
864                                                                                <h5 class="modal-title" id="consultarTicketModalLabel">Consultar Ticket</h5>
865                                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
866                                                                                    <sp
866an aria-hidden="true">&times;</span>
867                                                                                </button>
868                                                                            </div>
869                                                                            <div class="modal-body">
870                                                                                <div class="form-group">
871                                                                                    <label for="nro_ticket_input">Número de ticket</label>
872                                                                                    <input type="text" id="nro_ticket_input" class="form-control" placeholder="Ingrese NRO TICKET (ej. Q001-2026-CG)">
873                                                                                </div>
874                                                                                <div id="consulta_result" style="display:none; margin-top:12px; width:100%; min-height:44vh; border:1px solid #000; padding:12px 16px; box-sizing:border-box; overflow:auto; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative;"></div>
875                                                                            </div>
876                                                                            <div class="modal-footer">
877                                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cerrar</button>
878                                                                                <button type="button" class="btn btn-primary" id="btn-consultar-ticket">CONSULTAR</button>
879                                                                            </div>
880                                                                        </div>
881                                                                    </div>
882                                                                </div>
883
884                                <div class="row">
885                                    <div class="col-lg-6">
886
887                                    </div>
888                                </div>
889                            </div>
890                        </div>
891                    </div>
892
893                </div>
894            </div> <!-- row -->
895        </div> <!-- container -->
896</section>
897    <section id="map">
898        <!-- Aquí inserta el mapa de Google -->
899
900        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3902.2028125698457!2d-77.10424482506671!3d-12.029554141580274!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x9105cea7b8aa6f0b%3A0xebb1b6a4646bf768!2sCLI%20Gestiones%20Aduaneras!5e0!3m2!1ses-419!2spe!4v1694503473028!5m2!1ses-419!2spe" 
901            width="100%" 
902            height="650" 
903            style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade">
904        </iframe>
905    </section>
906    
907    
908    <!--====== FOOTER PART START ======-->
909    <section class="footer_area bg_cover" style="background-image: url('https://cli.com.pe/images/footer_bg.jpg'); margin-top: 0;">
910        <div class="container">
911            <div class="footer_widget pt-30 pb-40">
912                <div class="row clinet_form_line">
913                    <div class="col-lg-12">
914                        <h4 class="footer_title" style="margin-bottom: 10px;">CLINet.</h4>
915                    </div>
916                    <form id="FormNet" name="FormNet" method="post" action="https://clinet.cliandina.com/login" target="_blank" class="col-lg-12">
917                        <div class="row">
918                            <div class="col-lg-3 single_form">
919                                <input name="cli_vch_usuario" type="text" placeholder="Usuario" style="height: 35px; padding-left: 10px; border-radius: 0;">
920                            </div>
921                            <div class="col-lg-3 single_form">
922                                <input name="password" type="password" placeholder="Contraseña" style="height: 35px; padding-left: 10px; border-radius: 0;">
923                            </div>
924                            <div class="col-lg-3 single_form">
925                                <button class="main-btn" style="width: 100%; height: 40px; line-height: 0px; background: #ffba21; color: white; border-radius: 0;" name="button" type="submit" id="button" value="">INGRESAR</button>
926                            </div>
927                            <div class="col-lg-3 single_form">
928                            </div>
929                        </div>
930                    </form>
931                </div>
932            </div>
933        </div>
934    </section>
935
936    <section class="footer_area bg_cover" style="background-image: url('https://cli.com.pe/images/footer_bg.jpg'); margin-top: 0;">
937        <section>
938            <div class="contenedor-certificaciones">
939                <div class="container-fluid" style="overflow: hidden; margin: 0 auto;">
940                    <div class="row">
941                        <!-- Caja izquierda -->
942                        <div class="col-md-6 col-sm-12" style="padding-left: 0px; padding-right: 0px;">
943                            <div class="card" style="border: 4px solid black;">
944                                <div class="caja-izquierda" style="margin:10px 0; text-align: left;">
945                                    <h5 class="card-title" style="font-size: 24px;font-weight: bold;text-align: center;margin: 10px;">CLIGESTIONES ADUANERAS</h5>
946                                    <div style="text-align: left;">
947                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/CERTIFICADO BASC CLI GEST 29_09_27.pdf" target="_blank">
948                                                <img src="https://cli.com.pe/images/certificaciones/1713627929899.png" style="width: calc(90px + 15px);" >
949                                            </a>
950                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1713630139707.pdf" target="_blank">
951                                                <img src="https://cli.com.pe/images/certificaciones/1664405966012.jpeg" style="width: calc(60px + 15px);" >
952                                            </a>
953                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1735051382004.pdf" target="_blank">
954                                                <img src="https://cli.com.pe/images/certificaciones/1713627865708.png" style="width: calc(140px + 15px);" >
955                                            </a>
956                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/BPER-0185 V02 CLI GESTIONES ADUANERAS SA_firmado.pdf" target="_blank">
957                                                <img src="https://cli.com.pe/images/certificaciones/1713627900439.png" style="width: calc(140px + 15px);" >
958                                            </a>
959                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1713630035201.pdf" target="_blank">
960                                                <img src="https://cli.com.pe/images/certificaciones/1713627821503.png" style="width: calc(80px + 15px);" >
961                                            </a>
962                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/Certificado EXI Renovacion - CLI GESTIONES ADUANERAS 15.01.2027.pdf" target="_blank">
963                                                <img src="https://cli.com.pe/images/certificaciones/1738263578258.jpg" style="width: calc(170px + 15px);" >
964                                            </a>
965                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/CERTIFICADO ISO-IEC 27001 CLI GESTIONES.pdf" target="_blank">
966                                                <img src="https://cli.com.pe/images/certificaciones/ISO27001.jpg" style="width: calc(110px + 15px);" >
967                                            </a>
968                                                                            </div>
969                                </div>
970                            </div>
971                        </div>
972                        <!-- Caja derecha -->
973                        <div class="col-md-6 col-sm-12" style="padding-left: 0px; padding-right: 0px;">
974                            <div class="card" style="border: 4px solid black;">
975                                <div class="caja-derecha" style="margin:10px 0; text-align: right;">
976                                    <h5 class="card-title" style="font-size: 24px;font-weight: bold;text-align: center;margin: 10px;">CLIPROYECTOS</h5>
977                                    <div style="text-align: center;">
978                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1710855609958.pdf" target="_blank">
979                                                <img src="https://cli.com.pe/images/certificaciones/IATA_2021.jpg" style="width: calc(70px + 15px);" >
980                                            </a>
981                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1710855458989.pdf" target="_blank">
982                                                <img src="https://cli.com.pe/images/certificaciones/WCA_2021.jpg" style="width: calc(90px + 15px);" >
983                                            </a>
984                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1702330659710.pdf" target="_blank">
985                                                <img src="https://cli.com.pe/images/certificaciones/1702330659688.png" style="width: calc(140px + 15px);" >
986                                            </a>
987                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/Certificado EXI Renovacion - CLI PROYECTOS 19.01.2027.pdf" target="_blank">
988                                                <img src="https://cli.com.pe/images/certificaciones/1738263700176.jpg" style="width: calc(200px + 15px);" >
989                                            </a>
990                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/CLI PROYECTOS S.A.C. - CALLAO - 01098-1-4.pdf" target="_blank">
991                                                <img src="https://cli.com.pe/images/certificaciones/1713626841724.png" style="width: calc(80px + 15px);" >
992                                            </a>
993                                                                                                                                <a href="https://cli.com.pe/images/certificaciones/1713629186253.pdf" target="_blank">
994                                                <img src="https://cli.com.pe/images/certificaciones/1713626614458.png" style="width: calc(80px + 15px);" >
995                                            </a>
996                                                                            </div>
997                                </div>
998                            </div>
999                        </div>
1000                    </div>
1001                </div>
1002            </div>
1003        </section>
1004    </section>
1005
1006
1007    <section class="footer_area bg_cover" style="background-image: url(images/footer_bg.jpg)">
1008        <div class="container">
1009        <div class="footer_widget pt-480 pb-60" style="margin-bottom: 20px;">
1010
1011
1012    <div class="row">
1013        <br>
1014        <div class="col-12 text-center" style="color: #fff; font-size: 16px; font-weight: bold; margin: 10px;">
1015            En caso de denuncias por actividades ilícitas y/o actos antisoborno, hacer clic aquí: 
1016            <a style="color: #fff;" href="canal-denuncias/"><u>Canal de Integridad y Denuncias</u></a>
1017        </div>
1018        <div class="col-12 text-center" style="color: #fff; font-size: 14px; margin: 10px;">
1019        <img src="https://cli.com.pe/images/peru-flag.png" alt="Peru Flag" style="width: 20p
1019x; height: 16px; vertical-align: middle; margin-right: 8px;">
1020                  Av. Elmer Faucett 2000 Int. D Urb. Industrial Grimanesa | Central (511) 614 6900
1021        </div>
1022        <br>
1023    </div>
1024
1025    <div class="row">
1026        <div class="col-lg-4">
1027            <div class="footer_about mt-10">
1028                <a href="#"><img src="https://cli.com.pe/images/logo.png" alt="logo"></a>
1029                <p>En el GRUPO CLI brindamos servicios de logística de entrada o salida para carga general, productos
1030                    perecederos y proyectos, con el apoyo de nuestros asociados de negocios locales y en el exterior.
1031                </p>
1032            </div> <!-- footer about -->
1033        </div>
1034        <div class="col-lg-8">
1035            <div class="footer_link_wrapper d-flex flex-wrap">
1036                <div class="footer_link mt-8">
1037                    <h4 class="footer_title">Empresa</h4>
1038                    <ul class="link">
1039                        <li><a href="#">Inicio</a></li>
1040                        <li><a href="https://cli.com.pe/about">Nosotros</a></li>
1041                        <li><a href="https://cli.com.pe/servicios">Servicios</a></li>
1042                        <li><a href="https://cli.com.pe/proyectos">Proyectos</a></li>
1043                        <li><a href="https://cli.com.pe/clientes">Clientes</a></li>
1044                        <li><a style="color: #fff; font-size: 18px;" href="https://cli.com.pe/contactos#quejas" ><i class="fas fa-book-open"></i> <u>Quejas o Reclamos</u></a>
1045                    </ul>
1046                </div> 
1047                <div class="footer_link mt-8">
1048                    <h4 class="footer_title">Soporte</h4>
1049                    <ul class="link">
1050                        <li><a href="#">Privacidad</a></li>
1051                        <li><a href="https://cli.com.pe/about">Políticas</a></li>
1052                        <li><a href="https://cli.com.pe/login">Administracion</a></li>
1053                    </ul>
1054                </div> 
1055                    <!--PRUEBA-->
1056                <div class="footer_link mt-8">
1057                    <h4 class="footer_title">Redes Sociales</h4>
1058                    <ul class="link">
1059                        <li><a href="#">LinkedIn</a></li>
1060                        <li><a href="#">Facebook</a></li>
1061                        <li><a href="#">Twitter</a></li>
1062                    </ul>
1063                </div>
1064            </div> 
1065        </div>
1066    </div>
1067</div>
1068
1069<div class="footer_copyright text-center">
1070    <p style="width: 100%; text-align: center;">GRUPO CLI - 2025 | Todos los derechos reservados</p>
1071</div>
1072            </div>
1073            </section>
1074
1075
1076
1077       
1078
1079
1080
1081    <!--====== FOOTER PART ENDS ======-->
1082    
1083    <!--====== BACK TOP TOP PART START ======-->
1084
1085    <a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>
1086
1087    <!--====== BACK TOP TOP PART ENDS ======-->
1088
1089    <div class="modal fade" id="imageModal" tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true">
1090    <div class="modal-dialog modal-dialog-centered modal-xl" role="document"> <!-- Cambié aquí a modal-xl -->
1091        <div class="modal-content">
1092            <div class="modal-header">
1093                <h5 class="modal-title" id="imageModalLabel">Oficinas CLI</h5>
1094                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
1095                    <span aria-hidden="true">&times;</span>
1096                </button>
1097            </div>
1098            <div class="modal-body" id="modal-body">
1099                <img src="https://cli.com.pe/images/oficinas_grupo_cli.png" 
1100                    alt="Oficinas CLI" 
1101                    class="img-fluid" 
1102                    id="modal-img">
1103            </div>
1104        </div>
1105    </div>
1106</div>
1107
1108
1109    <!--====== jQuery ======-->
1110    
1110<script src="https://cli.com.pe/js/vendor/jquery-1.12.4.min.js"></script>
1110
1111    
1111<script src="https://cli.com.pe/js/parallax.min.js"></script>
1111
1112    
1112<script src="https://cli.com.pe/js/vendor/modernizr-3.7.1.min.js"></script>
1112
1113    
1114    <!--====== Bootstrap js ======-->
1115    
1115<script src="https://cli.com.pe/js/popper.min.js"></script>
1115
1116    
1116<script src="https://cli.com.pe/js/bootstrap.min.js"></script>
1116
1117
1118    <!--====== Scrolling Nav js ======-->
1119    
1119<script src="https://cli.com.pe/js/jquery.easing.min.js"></script>
1119
1120    
1120<script src="https://cli.com.pe/js/scrolling-nav.js"></script>
1120
1121    
1122    <!--====== WOW js ======-->
1123    
1123<script src="https://cli.com.pe/js/wow.min.js"></script>
1123
1124    <!--====== Swiperjs js ======-->
1125    
1125<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
1125
1126
1127    
1127<script src="https://unpkg.com/@panzoom/[email protected]/dist/panzoom.min.js"></script>
1127
1128
1129    
1129<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.18.0/TweenMax.min.js"></script>
1129
1130    
1130<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.2/ScrollMagic.min.js"></script>
1130
1131    
1131<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.2/plugins/animation.gsap.js"></script>
1131
1132    
1132<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.2/plugins/debug.addIndicators.min.js"></script>
1132
1133
1134    <!--====== Main js ======-->
1135    
1135<script src="https://cli.com.pe/js/main.js"></script>
1135
1136
1137    
1137<script>
1138    var logoUrl = "https://cli.com.pe/images/logo.png";
1139    var logoDarkUrl = "https://cli.com.pe/images/logo-dark.png";
1140    </script>
1140
1141
1142    
1142<script>
1143        var swiper = new Swiper(".mySwiper", {
1144            //spaceBetween: 30,
1145            //centeredSlides: true,
1146            grabCursor: true,
1147            autoplay: {
1148                delay: 3000,
1149                disableOnInteraction: false,
1150            },
1151            pagination: {
1152                el: ".swiper-pagination",
1153                clickable: true,
1154            },
1155            navigation: {
1156                nextEl: ".swiper-button-next",
1157                prevEl: ".swiper-button-prev",
1158            },
1159            slideNextClass: 'swiper-slide-next'
1160        });
1161
1162        $(function () { // wait for document ready
1163  
1164            var controller = new ScrollMagic.Controller();
1165
1166            var horizontalSlide = new TimelineMax()
1167            // animate panels
1168            .to("#js-slideContainer", 1,   {x: "-20%"})	
1169            // .to("#js-slideContainer", 1,   {x: "-40%"})
1170            // .to("#js-slideContainer", 1,   {x: "-60%"})
1171            // .to("#js-slideContainer", 1,   {x: "-80%"})
1172
1173
1174            // create scene to pin and link animation
1175            new ScrollMagic.Scene({
1176                triggerElement: "#js-wrapper",
1177                triggerHook: "onLeave",
1178                // triggerHook: "0",
1179                offset: -100,
1180                duration: "400%",
1181                // duration: "6000"
1182            })
1183                .setPin("#js-wrapper")
1184                .setTween(horizontalSlide)
1185                //.addIndicators() // add indicators (requires plugin)
1186                .addTo(controller);
1187        });
1188    </script>
1188
1189
1190    
1190<script>
1191    $(function(){
1192        var maxTotal = 10 * 1024 * 1024; // 10 MB
1193
1194        function checkFiles(){
1195            var input = $('#quejas-form input[name="archivo[]"]')[0];
1196            if(!input) return true;
1197            var files = input.files;
1198            var total = 0;
1199            var allowed = ['pdf','jpg','jpeg','png','gif','svg','webp','bmp','xls','xlsx','csv','doc','docx'];
1200            for(var i=0;i<files.length;i++){
1201                var f = files[i];
1202                total += f.size;
1203                var name = f.name || '';
1204                var ext = '';
1205                if(name.indexOf('.') !== -1){
1206                    ext = name.split('.').pop().toLowerCase();
1207                }
1208                if(ext === '' || allowed.indexOf(ext) === -1){
1209                    $('#archivo-error').text('Tipo de archivo no permitido. Solo PDF, imágenes, Word y Excel.').show();
1210                    $('#btn-enviar-queja').prop('disabled', true);
1211                    return false;
1212                }
1213            }
1214            if(total > maxTotal){
1215                $('#archivo-error').text('Supera el límite de peso de 10MB.').show();
1216                $('#btn-enviar-queja').prop('disabled', true);
1217                return false;
1218            } else {
1219                $('#archivo-error').hide();
1220                $('#btn-enviar-queja').prop('disabled', false);
1221                return true;
1222            }
1223        }
1224
1225        $('#quejas-form input[name="archivo[]"]').on('change', checkFiles);
1226        $('#quejas-form').on('submit', function(e){
1227            if(!checkFiles()){
1228                e.preventDefault();
1229            }
1230        });
1231    });
1232    </script>
1232
1233
1234<style>
1235    @media (max-width: 767px) {
1236        .modal-dialog {
1237            max-width: 95% !important;
1238            margin: 1.75rem auto;
1239        }
1240    }
1241</style>
1242
1243<div class="modal fade" id="autoModal" tabindex="-1" aria-labelledby="autoModalLabel" aria-hidden="true">
1244    <div class="modal-dialog modal-dialog-centered modal-xl" style="max-width: 55%;">
1245        <div class="modal-content" style="min-height: 70vh;">
1246            <div class="modal-header">
1247                <h5 class="modal-title" id="autoModalLabel">NOTICIAS - CLI</h5>
1248                <button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">
1249                    <span aria-hidden="true">&times;</span>
1250                </button>
1251            </div>
1252
1253            <h2 style="background-color: #0e599b; color: #fff; padding: 10px 20px; margin-bottom: 0; text-align: center;">
1254                    CANAL DE INTEGRIDAD Y DENUNCIAS
1255            </h2>
1256            <div style="background-color: #ffba21; color: #fff; padding: 10px 20px; margin-top: 0;">
1257                <!-- Aquí puedes agregar contenido adicional si lo requieres -->
1258            </div>
1259            <div class="modal-body text-center" style="margin: 0 auto; max-width: 85%;">
1260
1261                <div style="margin-top: 20px;">
1262                    <p style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:justify"><span
1263        style="font-family:&quot;Arial&quot;,sans-serif;color:#002060"><b>¿Qué es CLI denuncias?</b>
1264        <o:p></o:p>
1265    </span></p>
1266<p style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:justify"><span
1267        style="font-family: Arial, sans-serif; color: rgb(0, 32, 96);">
1268        Una plataforma confidencial donde las partes interesadas pueden reportar casos relacionados a actividades
1269        ilícitas, violaciones a la legislación, casos de hostigamiento sexual o políticas internas.
1270    </span></p>
1271<p class="MsoNormal" style="text-align:justify"><span
1272        style="color: rgb(0, 32, 96); font-family: Arial, sans-serif;"><b>¿Cómo funciona?</b>
1273    </span><br></p>
1274<p class="MsoNormal" style="text-align:justify"><span style="font-family:&quot;Arial&quot;,sans-serif;
1275color:#002060;mso-fareast-language:EN-US">
1276        Se recibe, registra y clasifica de manera confidencia los reportes realizados y luego los remite a los comités
1277        correspondientes según su denuncia para su evaluación. Recordar que los reportes también se pueden realizarse de
1278        manera anónima.
1279        <o:p></o:p>
1280    </span></p>
1281    <br>
1282<p style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:justify">
1283    <span style="color: rgb(0, 32, 96); font-family: Arial, sans-serif;">Att: Área de Calidad.</span>
1284    <br>
1285</p>
1286<p style="margin-bottom:0cm;margin-bottom:.0001pt;text-align:center">
1287<style>
1288    .rounded-button {
1289        display: inline-block;
1290        padding: 10px 20px;
1291        font-size: 16px;
1292        color: white;
1293        background-color: rgb(0, 100, 174);
1294        border: none;
1295        border-radius: 25px;
1296        text-align: center;
1297        text-decoration: none;
1298        margin: auto;
1299    }
1300    .rounded-button:hover {
1301        background-color: #004080;
1302    }
1303</style>
1304<br>
1305<a href="https://cli.com.pe/canal-denuncias/" target="_blank" class="rounded-button">Canal de Integridad y Denuncias</a>
1306</p>
1307                </div>
1308                
1309            </div>
1310
1311
1312            <div style="background-color: #ffba21; color: #fff; padding: 10px 20px; margin-bottom: 0;">
1313                    <!-- Aquí puedes agregar contenido adicional si lo requieres -->
1314                </div>
1315            <div class="modal-footer p-0">
1316                <!-- Diseño para pantallas medianas en adelante: 80% y 20% -->
1317                <div class="d-none d-md-flex" style="width: 100%;">
1318                    <div style="flex: 0 0 80%; background-color: #f2f2f2; padding: 20px; display: flex; align-items: center; justify-content: center;">
1319                        <strong style="font-size: 1.5em;">
1320                            Lima, Jueves
1321                            8 de Octubre del 2026
1322                        </strong>
1323                    </div>
1324                    <div style="flex: 0 0 20%; background-color: #ffffff; padding: 20px; text-align: center;">
1325                        <img src="https://cli.com.pe/images/logo-dark.png" alt="Logo Dark" style="max-width: 100%; height: 65px;">
1326                    </div>
1327                </div>
1328                <!-- Diseño para móviles: se muestran en columna -->
1329                <div class="d-flex d-md-none flex-column mx-auto" style="width: 90%;">
1330                    <div style="background-color: #f2f2f2; padding: 20px; text-align: center;">
1331                        <strong>
1332                            Lima, Jueves
1333                            8 de Octubre del 2026
1334                        </strong>
1335                    </div>
1336                    <div style="background-color: #ffffff; padding: 20px; text-align: center;">
1337                        <img src="https://cli.com.pe/images/logo-dark.png" alt="Logo Dark" style="max-width: 100%; height: 65px;">
1338                    </div>
1339                </div>
1340            </div>
1341        </div>
1342    </div>
1343</div>
1344
1345<script>
1346    document.addEventListener('DOMContentLoaded', function () {
1347        // Abre el modal automáticamente al cargar la página
1348        $('#autoModal').modal('show');
1349    });
1350</script>
1350
1351
1352
1353<script src="https://cdn.jsdelivr.net/npm/@panzoom/[email protected]/dist/panzoom.min.js"></script>
1353
1354
1355<!-- Tu script personalizado -->
1356<script>
1357    document.addEventListener('DOMContentLoaded', function () {
1358        // Mostrar el modal
1359        document.getElementById('oficinas-img').addEventListener('click', function () {
1360            $('#imageModal').modal('show');
1361        });
1362
1363        // Inicializa Panzoom directamente en la imagen
1364        const element = document.getElementById('modal-img');
1365        const panzoom = Panzoom(element, {
1366            maxScale: 5,
1367            minScale: 1,
1368            contain: 'outside'
1369        });
1370
1371        // Permitir zoom con la rueda del mouse
1372        element.parentElement.addEventListener('wheel', function (event) {
1373            event.preventDefault();
1374            panzoom.zoomWithWheel(event);
1375        });
1376
1377        // Centrar la imagen al abrir el modal
1378        $('#imageModal').on('shown.bs.modal', function () {
1379            panzoom.zoom(1); // Restablece el zoom inicial
1380            panzoom.pan(0, 0); // Centrado inicial
1381        });
1382    });
1383</script>
1383
1384
1385<script src='https://www.hCaptcha.com/1/api.js' async defer></script>
1385
1386
1387<script>
1388    function setCaptchaResponse(response) {
1389        $('[name="h-captcha-response"]').val(response);
1390    }
1391
1392    $(document).ready(function () {
1393        $('#btn-enviar').click(function (e) {
1394            e.preventDefault();
1395
1396            var captchaResponse = $('[name="h-captcha-response"]').val();
1397            if (!captchaResponse) {
1398                mostrarMensaje('Por favor, complete el captcha.', 'error', '#contact-form');
1399                return;
1400            }
1401
1402            $.ajax({
1403                type: 'POST',
1404                url: $('#contact-form').attr('action'),
1405                data: $('#contact-form').serialize(),
1406                dataType: 'json',
1407                success: function (response) {
1408                    console.log("Respuesta del servidor:", response); // 🛠 Depuración
1409
1410                    if (response && response.success === 1) {
1411                        mostrarMensaje('Formulario enviado exitosamente.', 'success', '#contact-form');
1412                        $('#contact-form')[0].reset();
1413                        // Recargar la página después de 3 segundos
1414                        setTimeout(function() {
1415                            location.reload();
1416                        }, 3000);
1417                    } else {
1418                        let mensajeError = response.message || 'Ocurrió un error inesperado.';
1419                        mostrarMensaje(mensajeError, 'error', '#contact-form');
1420                    }
1421                },
1422                error: function(xhr) {
1423                    let mensajeError = 'Error en el envío del formulario.';
1424
1425                    if (xhr.responseJSON && xhr.responseJSON.message) {
1426                        mensajeError = xhr.responseJSON.message;
1427                    }
1428
1429                    mostrarMensaje(mensajeError, 'error', '#contact-form-trabajo');
1430                }
1431            });
1432        });
1433    }); // 🔹 Este cierre faltaba
1434
1435    function mostrarMensaje(mensaje, tipo, formulario) {
1436        const mensajeID = '#error-message'; // Siempre usa #error-message
1437
1438        const color = tipo === 'success' ? 'green' : 'red';
1439        $(mensajeID)
1440            .html(mensaje)
1441            .css({ 'color': color, 'font-weight': 'bold' })
1442            .fadeIn();
1443
1444        setTimeout(() => {
1445            $(mensajeID).fadeOut();
1446        }, 5000);
1447    }
1448</script>
1448
1449
1450
1451
1452
1453
1454<script>
1455    function setCaptchaResponse(response) {
1456        $('[name="h-captcha-response"]').val(response);
1457    }
1458
1459    $(document).ready(function() {
1460        $('#btn-enviar-trabajo').click(function(e) {
1461            e.preventDefault();
1462
1463            var captchaResponse = $('[name="h-captcha-response"]').val();
1464            if (!captchaResponse) {
1465                mostrarMensaje('Por favor, complete el captcha.', 'error', '#contact-form-trabajo');
1466                return;
1467            }
1468
1469            // Validate CV before sending
1470            function checkCv(){
1471                var input = $('#contact-form-trabajo input[name="cv"]')[0];
1472                var max = 10 * 1024 * 1024;
1473                var allowed = ['pdf','jpg','jpeg','png','gif','svg','webp','bmp','xls','xlsx','csv','doc','docx'];
1474                if(!input || !input.files || input.files.length === 0){
1475                    $('#cv-error').hide();
1476                    $('#btn-enviar-trabajo').prop('disabled', false);
1477                    return true; // optional
1478                }
1479                var f = input.files[0];
1480                var name = f.name || '';
1481                var ext = name.indexOf('.') !== -1 ? name.split('.').pop().toLowerCase() : '';
1482                if(ext === '' || allowed.indexOf(ext) === -1){
1483                    $('#cv-error').text('Tipo de archivo no permitido. Solo PDF, imágenes, Word y Excel.').show();
1484                    $('#btn-enviar-trabajo').prop('disabled', true);
1485                    return false;
1486                }
1487                if(f.size > max){
1488                    $('#cv-error').text('Supera el límite de peso de 10MB.').show();
1489                    $('#btn-enviar-trabajo').prop('disabled', true);
1490                    return false;
1491                }
1492                $('#cv-error').hide();
1493                $('#btn-enviar-trabajo').prop('disabled', false);
1494                return true;
1495            }
1496
1497            // run check before sending
1498            if(!checkCv()) return;
1499
1500            let formData = new FormData($('#contact-form-trabajo')[0]); // Captura el formulario completo con archivos
1501
1502            $.ajax({
1503                type: 'POST',
1504                url: $('#contact-form-trabajo').attr('action'),
1505                data: formData,
1506                processData: false, // Necesario para enviar archivos
1507                contentType: false, // Necesario para enviar archivos
1508                dataType: 'json',
1509                success: function(response) {
1510                    if (response.success === 1) {
1511                        mostrarMensaje('Formulario enviado exitosamente.', 'success', '#contact-form-trabajo');
1512                        $('#contact-form-trabajo')[0].reset();
1513
1514                        setTimeout(function() {
1515                            location.reload();
1516                        }, 3000);
1517                    } else {
1518                        mostrarMensaje(response.message, 'error', '#contact-form-trabajo');
1519                    }
1520                },
1521                error: function(xhr) {
1522                    let mensajeError = 'Error en el envío del formulario.';
1523                    if (xhr.responseJSON && xhr.responseJSON.message) {
1524                        mensajeError = xhr.responseJSON.message;
1525                    }
1526                    mostrarMensaje(mensajeError, 'error', '#contact-form-trabajo');
1527                }
1528            });
1529        });
1530
1531        // run validation on change
1532        $('#contact-form-trabajo input[name="cv"]').on('change', function(){
1533            var input = this;
1534            var max = 10 * 1024 * 1024;
1535            var allowed = ['pdf','jpg','jpeg','png','gif','svg','webp','bmp','xls','xlsx','csv','doc','docx'];
1536            if(!input.files || input.files.length === 0){
1537                $('#cv-error').hide();
1538                $('#btn-enviar-trabajo').prop('disabled', false);
1539                return;
1540            }
1541            var f = input.files[0];
1542            var name = f.name || '';
1543            var ext = name.indexOf('.') !== -1 ? name.split('.').pop().toLowerCase() : '';
1544            if(ext === '' || allowed.indexOf(ext) === -1){
1545                $('#cv-error').text('Tipo de archivo no permitido. Solo PDF, imágenes, Word y Excel.').show();
1546                $('#btn-enviar-trabajo').prop('disabled', true);
1547                return;
1548            }
1549            if(f.size > max){
1550                $('#cv-error').text('Supera el límite de peso de 10MB.').show();
1551                $('#btn-enviar-trabajo').prop('disabled', true);
1552                return;
1553            }
1554            $('#cv-error').hide();
1555            $('#btn-enviar-trabajo').prop('disabled', false);
1556        });
1557
1558        function mostrarMensaje(mensaje, tipo, formulario) {
1559            const mensajeID = formulario === '#contact-form-trabajo' 
1560                            ? '#error-message-trabajo' 
1561                            : '#error-message';
1562
1563            const color = tipo === 'success' ? 'green' : 'red';
1564            $(mensajeID)
1565                .html(mensaje)
1566                .css({ 'color': color, 'font-weight': 'bold' })
1567                .fadeIn();
1568
1569            setTimeout(() => {
1570                $(mensajeID).fadeOut();
1571            }, 5000);
1572        }
1573    }); // Este es el cierre correcto del $(document).ready()
1574</script>
1574
1575
1576
1577
1578<script>
1579    function setCaptchaResponse(response) {
1580        $('[name="h-captcha-response"]').val(response);
1581    }
1582
1583    $(document).ready(function () {
1584        $('#btn-enviar-queja').click(function (e) {
1585            e.preventDefault();
1586
1587            var captchaResponse = $('[name="h-captcha-response"]').val();
1588            if (!captchaResponse) {
1589                mostrarMensaje('Por favor, complete el captcha.', 'error', '#quejas-form');
1590                return;
1591            }
1592
1593            // Crear FormData para incluir archivos
1594            let formData = new FormData($('#quejas-form')[0]);
1595
1596            $.ajax({
1597                type: 'POST',
1598                url: $('#quejas-form').attr('action'),
1599                data: formData,
1600                processData: false,
1601                contentType: false,
1602                dataType: 'json',
1603                success: function (response) {
1604                    if (response.success === 1) {
1605                        mostrarMensaje('Formulario enviado exitosamente.', 'success', '#quejas-form');
1606                        $('#quejas-form')[0].reset();
1607                        setTimeout(function() {
1608                            location.reload();
1609                        }, 3000);
1610                    } else {
1611                        mostrarMensaje(response.message, 'error', '#quejas-form');
1612                    }
1613                },
1614                error: function (xhr) {
1615                    let mensajeError = 'Error en el envío del formulario.';
1616
1617                    if (xhr.responseJSON && xhr.responseJSON.message) {
1618                        mensajeError = xhr.responseJSON.message;
1619                    }
1620
1621                    mostrarMensaje(mensajeError, 'error', '#quejas-form');
1622                }
1623            });
1624        });
1625
1626        function mostrarMensaje(mensaje, tipo, formulario) {
1627            const mensajeID = '#error-message-queja'; // Siempre usa #error-message
1628
1629            const color = tipo === 'success' ? 'green' : 'red';
1630            $(mensajeID)
1631                .html(mensaje)
1632                .css({ 'color': color, 'font-weight': 'bold' })
1633                .fadeIn();
1634
1635            setTimeout(() => {
1636                $(mensajeID).fadeOut();
1637            }, 5000);
1638        }
1639    });
1640</script>
1640
1641
1642</body>
1643</html>
1644<script>
1645document.addEventListener('DOMContentLoaded', function(){
1646    const btn = document.getElementById('btn-consultar-ticket');
1647    const resultDiv = document.getElementById('consulta_result');
1648    const input = document.getElementById('nro_ticket_input');
1649    const csrf = 'GZ9VUQkRMiE1JL0REKtIDmqd300OP4ADeLAp7N1q';
1650
1651    function renderResult(data){
1652        // data: {nro, estado, mensaje, fecha}
1653        const estado = (data.estado || '').toUpperCase();
1654        let circleStyle = '';
1655        let displayLetter = estado;
1656        let statusText = '';
1657
1658        // Mapping:
1659        // R -> red circle, letter R, "Recibido — será revisado por el personal a cargo."
1660        // P -> yellow circle, letter P, "Pendiente de respuesta."
1661        // T -> green circle, letter R (según especificación), "Respuesta brindada."
1662        if (estado === 'R') {
1663            circleStyle = 'background:#d0021b;color:#fff;';
1664            displayLetter = 'R';
1665            statusText = 'Recibido';
1666        } else if (estado === 'P') {
1667            circleStyle = 'background:#fcc522;color:#fff;';
1668            displayLetter = 'P';
1669            statusText = 'Pendiente de respuesta';
1670        } else if (estado === 'T') {
1671            circleStyle = 'background:#28a745;color:#fff;';
1672            displayLetter = 'R';
1673            statusText = 'Respuesta brindada';
1674        } else {
1675            circleStyle = 'background:#777;color:#fff;';
1676            displayLetter = estado || '?';
1677            statusText = data.mensaje || '';
1678        }
1679
1680        resultDiv.innerHTML = `
1681            <div style="position:absolute;top:6px;left:6px;right:6px;bottom:6px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center; padding:28px; box-sizing:border-box; background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)), url('https://cli.com.pe/images/fondo.png'); background-size:cover; background-position:center center; background-repeat:no-repeat; border-radius:4px;">
1682                <div style="display:block;margin:0 0 14px 0;font-weight:800;background:#fff;padding:8px 12px;border:2px solid #000;display:inline-block;font-size:20px;">${data.nro}</div>
1683                <div style="margin:8px 0;">
1684                    <div style="width:140px;height:140px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;${circleStyle};font-size:72px;font-weight:800;margin:0;">
1685                        ${displayLetter}
1686                    </div>
1687                </div>
1688                <div style="margin-top:28px;color:#333;text-align:center;font-size:22px;font-weight:900;line-height:1.1;">${statusText}</div>
1689                ${estado === 'P' ? `<div style="margin-top:8px;color:#444;text-align:center;font-size:16px;font-weight:600;">Su ticket esta siendo revisado por nuestro personal a cargo.</div>` : ``}
1690                ${estado === 'R' ? `<div style="margin-top:8px;color:#444;text-align:center;font-size:16px;font-weight:600;">Su ticket ha sido recibido y será revisado por nuestro personal a cargo.</div>` : ``}
1691                ${estado === 'T' ? `<div style="margin-top:8px;color:#444;text-align:center;font-size:16px;font-weight:600;">Su ticket ha sido respondido. Por favor revise su correo electrónico para más detalles.</div>` : ``}
1692            </div>
1693        `;
1694        resultDiv.style.display = 'block';
1695    }
1696
1697    btn.addEventListener('click', function(){
1698        const nro = input.value.trim();
1699        if(!nro){
1700            alert('Ingrese un NRO TICKET para consultar.');
1701            return;
1702        }
1703
1704        resultDiv.style.display = 'none';
1705        resultDiv.innerHTML = 'Consultando...';
1706
1707        fetch('https://cli.com.pe/consultar-ticket', {
1708            method: 'POST',
1709            headers: {
1710                'Content-Type': 'application/json',
1711                'X-CSRF-TOKEN': csrf,
1712                'Accept': 'application/json'
1713            },
1714            body: JSON.stringify({ nro_ticket: nro })
1715        }).then(r=>r.json()).then(resp=>{
1716            if(!resp || resp.success !== 1){
1717                resultDiv.innerHTML = '<div style="color:#c00;font-weight:700;">Ticket no encontrado.</div>';
1718                return;
1719            }
1720            renderResult(resp.data);
1721        }).catch(err=>{
1722            resultDiv.innerHTML = '<div style="color:#c00;font-weight:700;">Error consultando ticket.</div>';
1723            console.error(err);
1724        });
1725    });
1726});
1727</script>

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.