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">×</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">×</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">×</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:"Arial",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:"Arial",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.