1<!DOCTYPE html> 2<html lang="es"> 3 4<head> 5 <meta charset="utf-8"> 6 <meta content="width=device-width, initial-scale=1.0" name="viewport"> 7 <title>Internet de Fibra Ãptica - GPON</title> 8 <meta name="description" 9 content="GPON - velocidad 100% fibra óptica. ¡Cámbiate ya! Y vive el verdadero poder de la fibra. Aprovecha BONO GRATIS de 1000 Mbps." /> 10 <link rel="canonical" href="/" /> 11 <meta property="og:locale" content="es_ES" /> 12 <meta property="og:type" content="website" /> 13 <meta property="og:title" content="Internet de Fibra Ãptica - GPON" /> 14 <meta property="og:description" 15 content="Conoce la verdadera velocidad de internet con nuestros planes de fibra óptica simétrica. ¡Obtén el doble de velocidad por 3 meses!" /> 16 <meta property="og:url" content="/" /> 17 <meta property="og:site_name" content="GPON" /> 18 <meta property="article:modified_time" content="2024-10-05T00:33:28+00:00" /> 19 <meta property="og:image" content="/images/og_inicio.png" /> 20 <meta property="og:image:width" content="1024" /> 21 <meta property="og:image:height" content="1024" /> 22 <meta property="og:image:type" content="image/png" /> 23 24 <!-- Favicons --> 25 <link href="/images/favicon.png" rel="icon"> 26 <link href="/images/favicon.png" rel="apple-touch-icon"> 27 28 <!-- Fonts --> 29 <link rel="preconnect" href="https://fonts.googleapis.com"> 30 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 31 <link 32 href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 33 rel="stylesheet"> 34 <link 35 href="https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" 36 rel="stylesheet"> 37
37<script src="https://kit.fontawesome.com/bf7b85987a.js" crossorigin="anonymous"></script>
37 38 39 <!-- Vendor CSS Files --> 40 <link href="/assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet"> 41 <link href="/assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet"> 42 <link href="/assets/vendor/aos/aos.css" rel="stylesheet"> 43 <link href="/assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet"> 44 <link href="/assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet"> 45 46 <!-- Main CSS File --> 47 <link href="/assets/css/main.css" rel="stylesheet"> 48 <link href="/assets/css/popup.css" rel="stylesheet"> 49 50 <style> 51 /* GPON plans card (static copy) */ 52 .gpon-plans { 53 --color-principal: #ff4403; 54 --color-secundario: #000000; 55 --color-contactos: #000000; 56 --color-card: #ffffff; 57 } 58 59 .gpon-plans, 60 .gpon-plans * { 61 box-sizing: border-box; 62 font-family: "Poppins", sans-serif; 63 padding: 0; 64 } 65 66 .gpon-plans.seccion_planes { 67 padding-top: 5%; 68 padding-bottom: 5%; 69 position: relative; 70 margin: 0; 71 background: linear-gradient(var(--color-secundario), var(--color-principal), var(--color-secundario)); 72 } 73 74 .gpon-plans .seccion_planes-title { 75 font-size: 3em; 76 text-align: center; 77 color: white; 78 } 79 80 .gpon-plans h2.seccion_planes-subtitle { 81 display: flex; 82 justify-content: center; 83 align-items: center; 84 gap: 8px; 85 font-weight: 400; 86 color: white; 87 text-align: center; 88 } 89 90 .gpon-plans .seccion_planes-subtitle { 91 font-size: 1.6em; 92 } 93 94 .gpon-plans h2.seccion_planes-subtitle strong { 95 font-size: 0.9em; 96 color: white; 97 background: linear-gradient(90deg, #0a0a0a 0%, #ff4d00 100%); 98 padding: 7px; 99 border-radius: 0 10px 10px 10px; 100 } 101 102 .gpon-plans p.seccion_planes-destacado { 103 all: unset; 104 font-weight: 400; 105 text-align: center; 106 width: 100%; 107 display: flex; 108 flex-direction: row; 109 align-items: center; 110 justify-content: center; 111 color: white; 112 font-size: 1.3em; 113 margin-bottom: 50px; 114 } 115 116 .gpon-plans p.seccion_planes-destacado span { 117 position: relative; 118 } 119 120 .gpon-plans p.seccion_planes-destacado span img { 121 position: absolute; 122 top: 100%; 123 left: 0; 124 width: 100%; 125 } 126 127 .gpon-plans .plan_item_animate { 128 position: relative; 129 animation-name: efecto; 130 animation-duration: 2s; 131 animation-iteration-count: infinite; 132 animation-timing-function: linear; 133 } 134 135 @keyframes efecto { 136 0% { 137 top: 0; 138 } 139 140 50% { 141 top: 20px; 142 } 143 144 100% { 145 top: 0; 146 } 147 } 148 149 /* ========================================= 150 CONTENEDOR DE PLANES 151 ========================================= */ 152 .gpon-plans .container_planes { 153 margin-top: 20px; 154 } 155 156 .gpon-plans #planes-fibra-base-content, 157 .gpon-plans #planes-fibra-dgo-content { 158 justify-content: center; 159 } 160 161 .gpon-plans .container_planes>[class*="col-"] { 162 display: flex; 163 justify-content: center; 164 } 165 166 .gpon-plans .container_planes:hover .plan_item_nuevo:not(:hover) { 167 background-color: rgba(0, 0, 0, 0.2); 168 border-radius: 20px; 169 overflow: hidden; 170 transition: all 200ms; 171 transform: scale(0.97, 0.97); 172 border: none !important; 173 } 174 175 .gpon-plans .container_planes:hover .plan_item_nuevo:not(:hover) a { 176 background-color: var(--color-principal) !important; 177 } 178 179 .gpon-plans .plan_item_nuevo { 180 background-color: rgba(0, 0, 0, 0.2); 181 border-radius: 20px; 182 overflow: hidden; 183 transition: all 200ms; 184 width: 100%; 185 max-width: 320px; 186 height: 100%; 187 display: flex; 188 flex-direction: column; 189 margin: 0 auto; 190 } 191 192 .gpon-plans .plan_item_nuevo:hover { 193 transform: scale(1, 1); 194 background-color: var(--color-principal); 195 border: 3px solid white; 196 } 197 198 .gpon-plans .plan_item_nuevo:hover a { 199 background-color: black !important; 200 } 201 202 /*.gpon-plans .plan_item_nuevo:hover .meses { 203 background-color: black !important; 204 }*/ 205 206 .gpon-plans .plan_item_nuevo.recomendado { 207 background-color: var(--color-principal); 208 border: 3px solid white; 209 } 210 211 .gpon-plans .plan_item_nuevo.recomendado .plan_item_container_recomendado { 212 display: block; 213 } 214 215 .gpon-plans .plan_item_nuevo.recomendado .plan_item_container_nuevo h3 .mbps { 216 background-color: black !important; 217 } 218 219 .gpon-plans .plan_item_nuevo.recomendado .plan_item_container_nuevo hr { 220 border: 1px solid #ffc5b0; 221 } 222 223 .gpon-plans .plan_item_nuevo.recomendado .plan_item_container_nuevo a { 224 background-color: black; 225 } 226 227 .gpon-plans .plan_item_container_recomendado { 228 background-color: white; 229 width: 100%; 230 padding: 10px; 231 text-align: center; 232 color: black; 233 font-weight: bold; 234 font-size: 1.5em; 235 display: none; 236 } 237 238 .gpon-plans .plan_item_container_promo { 239 background-color: yellow; 240 width: 100%; 241 padding: 10px; 242 text-align: center; 243 color: black; 244 font-weight: bold; 245 font-size: 1em; 246 display: flex; 247 align-items: center; 248 justify-content: center; 249 } 250 251 .gpon-plans .plan_item_container_promo .bono { 252 font-size: 0.9em; 253 padding: 0px 5px 0px 5px; 254 } 255 256 .gpon-plans .plan_item_container_promo .mbps { 257 font-size: 0.7em; 258 padding: 0px 5px 0px 5px; 259 } 260 261 .gpon-plans .plan_item_container_nuevo { 262 display: flex; 263 flex-direction: column; 264 align-items: center; 265 justify-content: center;
266 gap: 17px; 267 padding: 30px 20px; 268 height: 100%; 269 flex: 1; 270 } 271 272 .gpon-plans .plan_item_container_nuevo h6 { 273 font-size: 2.3em; 274 font-weight: 800; 275 color: white; 276 } 277 278 .gpon-plans .plan_item_container_nuevo h3 { 279 position: relative; 280 display: flex; 281 justify-content: flex-end; 282 margin: 0; 283 padding: 0; 284 align-items: center; 285 } 286 287 .gpon-plans .plan_item_container_nuevo h3 strong { 288 color: white; 289 font-style: italic; 290 font-family: "Kanit", sans-serif !important; 291 font-weight: 800; 292 font-size: 3.2em; 293 overflow: hidden; 294 line-height: 69px; 295 } 296 297 .gpon-plans .plan_item_container_nuevo h3 .mbps { 298 all: unset; 299 position: absolute; 300 right: -25px; 301 font-size: 13px; 302 background-color: var(--color-principal); 303 font-weight: 700; 304 color: white; 305 border-radius: 3px; 306 padding: 3px 5px; 307 transform: skewX(-17deg); 308 text-rendering: geometricPrecision; 309 } 310 311 .gpon-plans .plan_item_container_nuevo hr { 312 border: 1px solid var(--color-principal); 313 width: 70%; 314 border-radius: 10px; 315 margin: 0; 316 padding: 0; 317 } 318 319 .gpon-plans .plan_item_container_nuevo p { 320 font-family: "Poppins", sans-serif; 321 color: white; 322 text-rendering: geometricPrecision; 323 font-size: 0.9em; 324 margin: 0; 325 } 326 327 .gpon-plans .bono { 328 display: flex; 329 flex-direction: column; 330 align-items: center; 331 justify-content: center; 332 } 333 334 .gpon-plans .bono h5 { 335 margin: 0; 336 padding: 0; 337 font-style: italic; 338 } 339 340 .gpon-plans .bono h3 .mbps { 341 right: 32px; 342 } 343 344 .gpon-plans .bono h5:first-of-type { 345 font-style: italic; 346 font-size: 0.9em; 347 padding: 2px; 348 font-weight: bold; 349 border-radius: 5px; 350 background-color: #ffd21f; 351 } 352 353 .gpon-plans .bono h5:last-of-type { 354 font-size: 0.9em; 355 color: white; 356 font-family: "Kanit", sans-serif; 357 font-weight: 600; 358 font-style: italic; 359 } 360 361 .gpon-plans .recibe_gratis { 362 display: flex; 363 justify-content: center; 364 align-items: center; 365 gap: 6px; 366 } 367 368 .gpon-plans .recibe_gratis p { 369 line-height: 1; 370 margin: 0; 371 padding: 0px 0px 0px 20px; 372 font-family: "Poppins", sans-serif; 373 font-size: 25px; 374 text-align: center; 375 } 376 377 .gpon-plans .recibe_gratis p strong { 378 font-family: "Poppins", sans-serif; 379 font-weight: 600; 380 font-size: 20px; 381 } 382 383 .gpon-plans .recibe_gratis div { 384 width: min-content; 385 } 386 387 .gpon-plans .recibe_gratis div img { 388 width: 33px; 389 } 390 391 .gpon-plans .recibe_gratis img.full_logo { 392 width: 40%; 393 } 394 395 .gpon-plans .plan_item_nuevo:hover img.full_logo { 396 content: url('/images/gpon-plans/gpon_original.png'); 397 } 398 399 .gpon-plans .incluye { 400 display: flex; 401 justify-content: center; 402 align-items: center; 403 color: white; 404 font-size: 0.9em; 405 gap: 6px; 406 } 407 408 .gpon-plans .incluye img { 409 width: 25%; 410 } 411 412 .gpon-plans .incluye strong { 413 font-family: "Poppins", sans-serif; 414 font-weight: 600; 415 } 416 417 .gpon-plans .mas { 418 width: 100%; 419 font-size: 4.2em; 420 font-weight: bold; 421 color: white; 422 font-style: italic; 423 display: flex; 424 flex-direction: column; 425 align-items: center; 426 justify-content: center; 427 line-height: 50px; 428 } 429 430 .gpon-plans .mas img { 431 width: 110%; 432 } 433 434 .gpon-plans .precio { 435 color: white; 436 font-size: 80%; 437 } 438 439 .gpon-plans .precio_decimal { 440 font-style: italic; 441 display: flex; 442 justify-content: center; 443 align-items: center; 444 gap: 8px; 445 } 446 447 .gpon-plans .precio_decimal span:first-child { 448 font-weight: 500; 449 font-size: 23px; 450 align-self: flex-end; 451 } 452 453 .gpon-plans .precio_decimal span:nth-child(2) { 454 font-size: 8.4em; 455 font-weight: 600; 456 overflow: hidden; 457 line-height: 100px; 458 } 459 460 .gpon-plans .precio_decimal span:last-child { 461 font-size: 50px; 462 align-self: flex-start; 463 } 464 465 .gpon-plans .precio_decimal span:last-child .decimal { 466 line-height: 47px; 467 overflow: hidden; 468 } 469 470 .gpon-plans .precio_decimal span:last-child .meses span { 471 font-style: italic; 472 font-family: "Kanit", sans-serif !important; 473 display: flex; 474 flex-direction: column; 475 align-items: center; 476 position: relative; 477 left: -10px; 478 color: white; 479 font-size: 20px; 480 line-height: 0.88; 481 margin-left: 7px; 482 } 483 484 .gpon-plans .precio_regular { 485 font-family: "Poppins", sans-serif; 486 font-weight: 500; 487 color: white; 488 font-size: 1.1em; 489 } 490 491 .gpon-plans .plan_item_container_nuevo a { 492 background-color: var(--color-principal); 493 color: white; 494 font-weight: 600; 495 padding: 4px 10px; 496 border-radius: 10px; 497 text-decoration: none; 498 font-family: "Poppins", sans-serif; 499 } 500 501 .gpon-plans .plan_item { 502 background: linear-gradient(179.31deg, #c63c00 -10.49%, #000000 104.47%); 503 color: white; 504 text-align: center; 505 border-radius: 20px; 506 height: min-content; 507 transition: all 200ms; 508 width: 100%; 509 } 510 511 .gpon-plans .plan_item_informacion { 512 pointer-events: none; 513 color: white; 514 background: none !important; 515 padding-top: 25px; 516 text-align: justify !important; 517 } 518 519 .gpon-plans .plan_item_informacion p { 520 font-size: 0.8em; 521 margin: 0; 522 } 523 524 @media screen and (max-width: 780px) { 525 .gpon-plans .plan_item_informacion { 526 padding: 20px 28px 0; 527 text-align: left !important; 528 } 529 530 .gpon-plans .plan_item_informacion p { 531 font-size: 0.72em; 532 line-height: 1.5;
533 overflow-wrap: anywhere; 534 hyphens: auto; 535 } 536 } 537 538 @media screen and (max-width: 780px) { 539 .gpon-plans .seccion_planes-title { 540 font-size: 2.3em; 541 } 542 543 .gpon-plans .seccion_planes-subtitle { 544 font-size: 1.2em; 545 } 546 547 .gpon-plans p.seccion_planes-destacado { 548 font-size: 1em; 549 } 550 } 551 552 @media screen and (max-width: 600px) { 553 .gpon-plans .seccion_planes-subtitle { 554 font-size: 1.3em; 555 display: flex; 556 flex-direction: column; 557 gap: 15px; 558 } 559 } 560 561 @media screen and (max-width: 500px) { 562 .gpon-plans p.seccion_planes-destacado { 563 font-size: 0.9em; 564 flex-direction: column-reverse; 565 gap: 20px; 566 } 567 } 568 569 .gpon-plans .plan-switch { 570 display: flex; 571 justify-content: center; 572 gap: 16px; 573 flex-wrap: wrap; 574 margin: -12px 0 22px; 575 } 576 577 .gpon-plans .plan-switch-btn { 578 border: 2px solid #ff4403; 579 border-radius: 12px; 580 background: #0b0b0b; 581 color: #fff; 582 font-weight: 700; 583 font-size: 16px; 584 line-height: 1.15; 585 text-align: center; 586 min-width: 220px; 587 padding: 10px 14px; 588 cursor: pointer; 589 } 590 591 .gpon-plans .plan-switch-btn.is-active { 592 background: #fff; 593 color: #111; 594 } 595 596 .gpon-plans .plan_item_container_nuevo h3>p { 597 position: absolute; 598 top: 100%; 599 left: 50%; 600 bottom: 0; 601 transform: translateX(-50%); 602 margin: 0; 603 font-size: 0.38em; 604 font-weight: 700; 605 letter-spacing: 0.5px; 606 white-space: nowrap; 607 } 608 609 .gpon-plans .liga-max-line { 610 display: flex; 611 justify-content: center; 612 align-items: center; 613 gap: 6px; 614 color: white; 615 font-size: 0.9em; 616 margin: 0; 617 flex-direction: column; 618 } 619 620 .gpon-plans .items { 621 display: flex; 622 text-align: center; 623 flex-direction: column; 624 } 625 626 .gpon-plans .liga-max-line img { 627 width: auto; 628 height: 40px; 629 display: block; 630 flex-shrink: 0; 631 padding: 0px 0px 0px 5px; 632 } 633 634 .gpon-plans .liga-max-text { 635 color: white; 636 display: inline-block; 637 text-align: center; 638 line-height: 1.2; 639 white-space: nowrap; 640 } 641 642 .gpon-plans .disney-premium-text { 643 color: white; 644 display: inline-block; 645 line-height: 1.2; 646 white-space: nowrap; 647 } 648 649 .gpon-plans .incluye strong { 650 font-family: "Poppins", sans-serif; 651 font-weight: 600; 652 } 653 654 .gpon-plans .precio_pago_puntual { 655 width: 100%; 656 max-width: 80%; 657 background-color: #ffffff; 658 border-radius: 10px; 659 padding: 7px 10px; 660 display: flex; 661 align-items: center; 662 justify-content: center; 663 gap: 10px; 664 color: var(--color-principal); 665 margin: -4px auto 0 auto; 666 } 667 668 .gpon-plans .precio_pago_puntual_texto { 669 font-family: "Poppins", sans-serif; 670 font-size: 0.85em; 671 font-weight: 800; 672 line-height: 1.05; 673 text-align: center; 674 } 675 676 .gpon-plans .precio_pago_puntual_monto { 677 display: flex; 678 align-items: flex-start; 679 font-family: "Kanit", sans-serif !important; 680 font-weight: 800; 681 line-height: 1; 682 } 683 684 .gpon-plans .precio_pago_puntual_monto .simbolo { 685 font-size: 1.25em; 686 margin-right: 3px; 687 margin-top: 5px; 688 } 689 690 .gpon-plans .precio_pago_puntual_monto .numero { 691 font-size: 2.7em; 692 } 693 694 .gpon-plans .plan_item_container_recomendado { 695 background-color: white; 696 width: 100%; 697 padding: 10px; 698 text-align: center; 699 color: black; 700 font-weight: 800; 701 font-size: 1.1em; 702 display: none; 703 text-transform: uppercase; 704 } 705 706 /* Clase dinámica para mostrar el encabezado */
707 .gpon-plans .plan_item_nuevo.plan-con-encabezado .plan_item_container_recomendado { 708 display: block; 709 } 710 711 /* Opcional: borde blanco cuando el plan tiene encabezado */ 712 .gpon-plans .plan_item_nuevo.plan-con-encabezado { 713 border: 3px solid white; 714 } 715 </style> 716 717</head> 718 719<body class="index-page"> 720 721
721<script type="application/ld+json"> 722 { 723 "@context": "http://schema.org/", 724 "@type": "Organization", 725 "name": "Gpon", 726 "url": "/", 727 "logo": "images/web-internet_Mesa-de-trabajo-1-1024x1024.png" 728 } 729 </script>
729 730 731 732<head> 733
733<script> 734 !function(f,b,e,v,n,t,s) 735 { 736 if(f.fbq)return; 737 n=f.fbq=function(){ 738 n.callMethod ? 739 n.callMethod.apply(n,arguments) : n.queue.push(arguments) 740 }; 741 742 if(!f._fbq)f._fbq=n; 743 n.push=n; 744 n.loaded=!0; 745 n.version='2.0'; 746 n.queue=[]; 747 748 t=b.createElement(e); 749 t.async=!0; 750 t.src=v; 751 752 s=b.getElementsByTagName(e)[0]; 753 s.parentNode.insertBefore(t,s); 754 755 }(window, document,'script', 756 'https://connect.facebook.net/en_US/fbevents.js'); 757 758 fbq('init', '476816660849990'); 759 fbq('track', 'PageView'); 760 </script>
760 761</head> 762<body> 763 <!-- Meta Pixel Code (noscript) --> 764 <noscript> 765 <img height="1" 766 width="1" 767 style="display:none" 768 src="https://www.facebook.com/tr?id=476816660849990&ev=PageView&noscript=1"/> 769 </noscript> 770 <!-- End Meta Pixel Code (noscript) --> 771</body> 772<style> 773 @media (min-width: 1200px) { 774 775 .container, 776 .container-lg, 777 .container-md, 778 .container-sm, 779 .container-xl { 780 max-width: 1280px; 781 } 782 } 783 784 /* ========================= 785 TOPBAR / HEADER 786 ========================= */ 787 788 .topbar.topbar-empresa { 789 background-color: #000000; 790 } 791 792 .header.header-empresa { 793 background-color: #000000; 794 } 795 796 /* ========================= 797 MENÃ PRINCIPAL 798 ========================= */ 799 800 .opmenu { 801 display: flex; 802 flex-direction: row; 803 } 804 805 .navmenu { 806 align-content: center; 807 } 808 809 .navmenu ul { 810 display: flex; 811 align-items: center; 812 gap: 12px; 813 814 margin: 0; 815 padding: 0; 816 817 list-style: none; 818 } 819 820 .navmenu ul li { 821 display: flex; 822 align-items: center; 823 824 margin: 0; 825 padding: 0; 826 } 827 828 .navmenu ul li>a { 829 position: relative; 830 831 display: inline-flex; 832 align-items: center; 833 834 margin: 0; 835 padding: 0 0 6px 0; 836 837 color: #ffffff; 838 839 line-height: 1; 840 text-decoration: none; 841 842 transition: color 0.3s ease; 843 } 844 845 .navmenu ul li>a::after { 846 content: ""; 847 848 position: absolute; 849 left: 0; 850 bottom: 0; 851 852 width: 0; 853 height: 2px; 854 855 background-color: #ff4403; 856 border-radius: 2px; 857 858 transition: width 0.3s ease; 859 } 860 861 .navmenu ul li>a:hover { 862 color: #ff4403 !important; 863 } 864 865 .navmenu ul li>a:hover::after, 866 .navmenu ul li>a.is-current::after { 867 width: 100%; 868 } 869 870 .navmenu ul li>a.is-current { 871 color: #ff4403 !important; 872 } 873 874 @media (max-width: 768px) { 875 .opmenu { 876 flex-direction: row-reverse; 877 } 878 879 .logo { 880 width: 23vw; 881 } 882 883 .navmenu ul { 884 background-color: #000000; 885 } 886 887 .navmenu ul li { 888 flex-direction: column; 889 890 margin: 20px; 891 892 font-size: 30px; 893 } 894 895 .navmenu ul li>a { 896 font-size: 30px; 897 } 898 } 899 900 /* ========================= 901 BOTÃN REGIÃN 902 ========================= */ 903 904 .nav-region-btn { 905 position: relative; 906 907 display: inline-flex !important; 908 align-items: center; 909 justify-content: center; 910 911 margin: 0 !important; 912 padding: 0 0 6px 0 !important; 913 914 color: #ffffff !important; 915 background-color: transparent !important; 916 917 border: none !important; 918 box-shadow: none !important; 919 920 font-family: inherit !important; 921 font-size: inherit !important; 922 line-height: 1 !important; 923 924 vertical-align: middle; 925 926 transition: color 0.3s ease; 927 } 928 929 .nav-region-btn.dropdown-toggle::after { 930 margin-left: 6px; 931 vertical-align: middle; 932 } 933 934 .nav-region-btn:focus, 935 .nav-region-btn:active, 936 .nav-region-btn.show { 937 color: #ff4403 !important; 938 background-color: transparent !important; 939 940 border: none !important; 941 box-shadow: none !important; 942 } 943 944 .nav-region-btn .menu-label { 945 position: relative; 946 947 display: inline-block; 948 949 color: inherit; 950 951 line-height: 1; 952 } 953 954 .nav-region-btn .menu-label::after { 955 content: ""; 956 957 position: absolute; 958 left: 0; 959 bottom: -6px; 960 961 width: 0; 962 height: 2px; 963 964 background-color: #ff4403; 965 border-radius: 2px; 966 967 transition: width 0.3s ease; 968 } 969 970 .nav-region-btn:hover { 971 color: #ff4403 !important; 972 } 973 974 .nav-region-btn:hover .menu-label::after, 975 .nav-region-btn.is-current .menu-label::after { 976 width: 100%; 977 } 978 979 .nav-region-btn.is-current { 980 color: #ff4403 !important; 981 } 982 983 /* ========================= 984 DROPDOWN REGIÃN 985 ========================= */ 986 987 .dropdown-menu .dropdown-item { 988 transition: all 0.25s ease; 989 } 990 991 .dropdown-menu .dropdown-item:hover { 992 color: #ffffff !important; 993 background-color: #ff4403 !important; 994 } 995 996 .dropdown-menu .dropdown-item.active-item { 997 color: #ff4403 !important; 998 background-color: rgba(255, 68, 3, 0.10); 999 1000 font-weight: 600; 1001 } 1002 1003 /* ========================= 1004 PORTAL EMPRESA 1005 ========================= */ 1006 1007 .portal-empresa .portalgponicono { 1008 color: #ff4403 !important; 1009 } 1010 1011 .logogpon { 1012 width: 180px; 1013 height: 60px; 1014 1015 object-fit: contain; 1016 } 1017 1018 /* ========================= 1019 ÃCONO HAMBURGUESA MÃVIL 1020 ========================= */ 1021 1022 @media (max-width: 1199.98px) { 1023 .mobile-nav-toggle { 1024 color: #ffffff !important; 1025 } 1026 } 1027 1028 /* =========================
1029 BOTÃN DE LLAMADA MÃVIL 1030 ========================= */ 1031 1032 @media (max-width: 1199.98px) { 1033 .header-call-wrapper { 1034 align-self: stretch; 1035 1036 display: flex; 1037 align-items: center; 1038 justify-content: center; 1039 1040 margin: 0; 1041 } 1042 1043 .header-call-wrapper .botontop { 1044 margin-top: 0 !important; 1045 margin-bottom: 0 !important; 1046 } 1047 } 1048 1049 /* ========================= 1050 MI PORTAL GPON MÃVIL 1051 ========================= */ 1052 1053 @media (max-width: 1199.98px) { 1054 1055 .navmenu .mobile-portal-item { 1056 position: static !important; 1057 1058 display: flex !important; 1059 flex-direction: column !important; 1060 align-items: center !important; 1061 1062 width: 100%; 1063 height: auto !important; 1064 } 1065 1066 /* 1067 Mantiene el submenú dentro del flujo normal. 1068 Al abrirse, empuja el resto de opciones hacia abajo. 1069 */ 1070 .navmenu .mobile-portal-submenu, 1071 .navmenu .mobile-portal-submenu.collapsing, 1072 .navmenu .mobile-portal-submenu.collapse.show { 1073 position: static !important; 1074 1075 inset: auto !important; 1076 top: auto !important; 1077 right: auto !important; 1078 bottom: auto !important; 1079 left: auto !important; 1080 1081 z-index: auto !important; 1082 1083 flex-direction: column !important; 1084 align-items: center !important; 1085 1086 gap: 0 !important; 1087 1088 width: 100% !important; 1089 min-width: 0 !important; 1090 max-width: 100% !important; 1091 1092 margin: 0 !important; 1093 padding: 0 !important; 1094 1095 overflow: hidden; 1096 1097 background: transparent !important; 1098 1099 border: 0 !important; 1100 border-radius: 0 !important; 1101 1102 box-shadow: none !important; 1103 } 1104 1105 /* Estado cerrado */ 1106 .navmenu .mobile-portal-submenu.collapse:not(.show) { 1107 display: none !important; 1108 } 1109 1110 /* Durante la animación */ 1111 .navmenu .mobile-portal-submenu.collapsing { 1112 display: flex !important; 1113 } 1114 1115 /* Estado abierto */ 1116 .navmenu .mobile-portal-submenu.collapse.show { 1117 display: flex !important; 1118 1119 height: auto !important; 1120 1121 overflow: visible !important; 1122 } 1123 1124 .navmenu .mobile-portal-trigger[aria-expanded="true"] { 1125 color: #ff4403 !important; 1126 } 1127 1128 .navmenu .mobile-portal-trigger[aria-expanded="true"] .menu-label::after { 1129 width: 100%; 1130 } 1131 } 1132 1133 /* ===================================================== 1134 AJUSTE FINAL DEL MENà MÃVIL 1135 - Sin desplazamiento horizontal 1136 - Adaptado al ancho de la pantalla 1137 - Centrado 1138 - Por encima de botones flotantes 1139 ===================================================== */ 1140 @media (max-width: 1199.98px) { 1141 1142 html, 1143 body { 1144 max-width: 100% !important; 1145 overflow-x: hidden !important; 1146 } 1147 1148 body.mobile-nav-active { 1149 overflow: hidden !important; 1150 } 1151 1152 body.mobile-nav-active .sticky-top { 1153 z-index: 2147483646 !important; 1154 isolation: isolate; 1155 } 1156 1157 body.mobile-nav-active #header { 1158 z-index: 2147483646 !important; 1159 } 1160 1161 /* Contenedor completo del menú */ 1162 body.mobile-nav-active .navmenu { 1163 position: fixed !important; 1164 1165 top: 0 !important; 1166 right: 0 !important; 1167 bottom: 0 !important; 1168 left: 0 !important; 1169 1170 width: 100vw !important; 1171 max-width: 100vw !important; 1172 height: 100dvh !important; 1173 1174 margin: 0 !important; 1175 padding: 0 !important; 1176 1177 overflow-x: hidden !important; 1178 overflow-y: auto !important; 1179 1180 box-sizing: border-box !important; 1181 1182 background-color: rgba(0, 0, 0, 0.96) !important; 1183 1184 z-index: 2147483647 !important; 1185 } 1186 1187 /* Lista principal */ 1188 body.mobile-nav-active .navmenu>ul { 1189 position: relative !important; 1190 1191 top: auto !important; 1192 right: auto !important; 1193 bottom: auto !important; 1194 left: auto !important; 1195 inset: auto !important; 1196 1197 display: flex !important; 1198 flex-direction: column !important; 1199 align-items: center !important; 1200 1201 width: 100% !important; 1202 max-width: 100% !important; 1203 min-height: 100dvh !important; 1204 1205 margin: 0 !important; 1206 padding: 78px 16px 35px !important; 1207 1208 overflow-x: hidden !important; 1209 overflow-y: visible !important; 1210 1211 box-sizing: border-box !important; 1212 1213 background-color: #000000 !important; 1214 1215 border: none !important; 1216 border-radius: 0 !important; 1217 box-shadow: none !important; 1218 } 1219 1220 /* 1221 Importante: 1222 elimina el margin lateral de 20px que generaba 1223 el desbordamiento horizontal. 1224 */ 1225 body.mobile-nav-active .navmenu>ul>li { 1226 position: relative !important; 1227 1228 display: flex !important; 1229 flex-direction: column !important; 1230 align-items: center !important; 1231 justify-content: center !important; 1232 1233 width: 100% !important; 1234 max-width: 100% !important; 1235 1236 margin: 12px 0 !important; 1237 padding: 0 !important; 1238 1239 box-sizing: border-box !important; 1240 1241 text-align: center !important; 1242 } 1243 1244 /* Enlaces principales */ 1245 body.mobile-nav-active .navmenu>ul>li>a { 1246 display: inline-flex !important; 1247 align-items: center !important; 1248 justify-content: center !important; 1249 1250 width: auto !important; 1251 max-width: 100% !important; 1252 1253 margin: 0 auto !important; 1254 padding-right: 0 !important; 1255 padding-left: 0 !important; 1256 1257 box-sizing: border-box !important; 1258 1259 text-align: center !important; 1260 white-space: normal !important; 1261 } 1262 1263 /* Contenedores de los botones desplegables */ 1264 body.mobile-nav-active .navmenu>ul>li>.dropdown { 1265 display: flex !important; 1266 flex-direction: column !important; 1267 align-items: center !important; 1268 1269 width: 100% !important; 1270 max-width: 100% !important; 1271 1272 margin: 0 !important; 1273 padding: 0 !important; 1274 1275 box-sizing: border-box !important; 1276 } 1277 1278 /* Botones Mi portal Gpon y Región */ 1279 body.mobile-nav-active .nav-region-btn { 1280 display: inline-flex !important; 1281 align-items: center !important; 1282 justify-content: center !important; 1283 1284 width: auto !important; 1285 max-width: 100% !important; 1286 1287 margin: 0 auto !important; 1288 1289 box-sizing: border-box !important; 1290 1291 text-align: center !important; 1292 white-space: normal !important; 1293 } 1294 1295 /* Mi portal Gpon */ 1296 body.mobile-nav-active .mobile-portal-item { 1297 position: relative !important; 1298 1299 display: flex !important; 1300 flex-direction: column !important; 1301 align-items: center !important; 1302 1303 width: 100% !important; 1304 max-width: 100% !important; 1305 height: auto !important; 1306 1307 margin: 12px 0 !important; 1308 padding: 0 !important; 1309 1310 box-sizing: border-box !important; 1311 } 1312 1313 /* Acordeón Lima, Ica y Cusco */ 1314 body.mobile-nav-active .mobile-portal-submenu, 1315 body.mobile-nav-active .mobile-portal-submenu.collapsing, 1316 body.mobile-nav-active .mobile-portal-submenu.collapse.show { 1317 position: static !important; 1318 1319 top: auto !important; 1320 right: auto !important; 1321 bottom: auto !important; 1322 left: auto !important; 1323 inset: auto !important; 1324 1325 transform: none !important; 1326 1327 flex-direction: column !important; 1328 align-items: center !important; 1329 justify-content: center !important; 1330 1331 width: 100% !important; 1332 max-width: 100% !important; 1333 min-width: 0 !important; 1334 1335 margin: 10px 0 0 !important; 1336 padding: 0 !important; 1337 1338 gap: 0 !important; 1339 1340 overflow-x: hidden !important; 1341 1342 box-sizing: border-box !important; 1343 1344 background: transparent !important; 1345 1346 border: none !important; 1347 border-radius: 0 !important; 1348 box-shadow: none !important; 1349 } 1350 1351 /* Acordeón cerrado */ 1352 body.mobile-nav-active .mobile-portal-submenu.collapse:not(.show) { 1353 display: none !important; 1354 } 1355 1356 /* Acordeón abriendo o abierto */ 1357 body.mobile-nav-active .mobile-portal-submenu.collapsing, 1358 body.mobile-nav-active .mobile-portal-submenu.collapse.show { 1359 display: flex !important; 1360 } 1361 1362 body.mobile-nav-active .mobile-portal-submenu.collapse.show { 1363 height: auto !important; 1364 overflow-y: visible !important; 1365 } 1366 1367 /* Lima, Ica y Cusco */ 1368 body.mobile-nav-active .mobile-portal-submenu>
1368li { 1369 position: static !important; 1370 1371 display: flex !important; 1372 align-items: center !important; 1373 justify-content: center !important; 1374 1375 width: 100% !important; 1376 max-width: 100% !important; 1377 1378 margin: 10px 0 !important; 1379 padding: 0 !important; 1380 1381 box-sizing: border-box !important; 1382 1383 text-align: center !important; 1384 } 1385 1386 body.mobile-nav-active .mobile-portal-submenu>li>a { 1387 display: inline-flex !important; 1388 align-items: center !important; 1389 justify-content: center !important; 1390 1391 width: auto !important; 1392 max-width: 100% !important; 1393 1394 margin: 0 auto !important; 1395 padding: 0 0 6px !important; 1396 1397 box-sizing: border-box !important; 1398 1399 color: #ffffff !important; 1400 background: transparent !important; 1401 1402 font-size: 30px !important; 1403 line-height: 1 !important; 1404 1405 text-align: center !important; 1406 text-decoration: none !important; 1407 white-space: normal !important; 1408 } 1409 1410 /* Botón para cerrar */ 1411 body.mobile-nav-active .mobile-nav-toggle { 1412 position: fixed !important; 1413 1414 top: 24px !important; 1415 right: 24px !important; 1416 1417 margin: 0 !important; 1418 1419 color: #ffffff !important; 1420 1421 z-index: 2147483647 !important; 1422 } 1423 } 1424</style> 1425 1426<div class="sticky-top"> 1427 1428 <div class="topbar "> 1429 1430 <div class="container"> 1431 1432 <div class="col-md-12"> 1433 1434 <a href="/" style="color: white;"> 1435 Hogar 1436 </a> 1437 1438 | 1439 1440 <a href="/empresas.php" style="color: white;"> 1441 Empresas 1442 </a> 1443 1444 </div> 1445 1446 </div> 1447 1448 </div> 1449 1450 <header id="header" 1451 class="header d-flex align-items-center position-relative "> 1452 1453 <div class="container position-relative d-flex align-items-center justify-content-between"> 1454 1455 <div class="opmenu"> 1456 1457 <a href="/" class="logo d-flex align-items-center"> 1458 1459 <img src="images/gpon.svg" class="img-fluid logogpon" alt="Logo GPON"> 1460 1461 </a> 1462 1463 <nav id="navmenu" class="navmenu"> 1464 1465 <ul> 1466 1467 1468 <!-- Mi portal Gpon: solamente móvil --> 1469 <li class="d-xl-none mobile-portal-item"> 1470 1471 <button class="btn btn-secondary dropdown-toggle nav-region-btn mobile-portal-trigger" type="button" 1472 id="portalMobileButton" data-bs-toggle="collapse" data-bs-target="#portalMobileMenu" 1473 aria-expanded="false" aria-controls="portalMobileMenu"> 1474 1475 <span class="menu-label"> 1476 Mi portal Gpon 1477 </span> 1478 1479 </button> 1480 1481 <ul id="portalMobileMenu" class="collapse mobile-portal-submenu" aria-labelledby="portalMobileButton"> 1482 1483 <li> 1484 1485 <a href="https://oficina.gpon.pe/cliente/login" target="_blank" rel="noopener noreferrer"> 1486 1487 Lima 1488 1489 </a> 1490 1491 </li> 1492 1493 <li> 1494 1495 <a href="https://oficina.gpon.pe/cliente/login" target="_blank" rel="noopener noreferrer"> 1496 1497 Ica 1498 1499 </a> 1500 1501 </li> 1502 1503 <li> 1504 1505 <a href="https://oficinacusco.gpon.pe/cliente/login" target="_blank" rel="noopener noreferrer"> 1506 1507 Cusco 1508 1509 </a> 1510 1511 </li> 1512 1513 </ul> 1514 1515 </li> 1516 1517 <li> 1518 1519 <a href="/planes-fibra.php" class="is-current"> 1520 1521 Planes 1522 1523 </a> 1524 1525 </li> 1526 1527 1528 1529 <li> 1530 1531 <a href="/gpontv.php" class=""> 1532 1533 Gpon TV 1534 1535 </a> 1536 1537 </li> 1538 1539 1540 <li> 1541 1542 <div class="dropdown"> 1543 1544 <button 1545 class="btn btn-secondary dropdown-toggle nav-region-btn is-current" 1546 type="button" id="dropdownMenuButton2" data-bs-toggle="dropdown" aria-expanded="false"> 1547 1548 <span class="menu-label"> 1549 Región 1550 </span> 1551 1552 </button> 1553 1554 <ul class="dropdown-menu dropdown-menu-dark" aria-labelledby="dropdownMenuButton2"> 1555 1556 <li> 1557 1558 <a class="dropdown-item active-item" 1559 href="/planes-fibra.php"> 1560 1561 Lima 1562 1563 </a> 1564 1565 </li> 1566 1567 <li> 1568 1569 <a class="dropdown-item " 1570 href="/cusco.php"> 1571 1572 Cusco 1573 1574 </a> 1575 1576 </li> 1577 1578 <li> 1579 1580 <a class="dropdown-item " 1581 href="/arequipa.php"> 1582 1583 Arequipa 1584 1585 </a> 1586 1587 </li> 1588 1589 <li> 1590 1591 <a class="dropdown-item " 1592 href="https://ica.gpon.pe/"> 1593 1594 Ica 1595 1596 </a> 1597 1598 </li> 1599 1600 </ul> 1601 1602 </div> 1603 1604 </li> 1605 1606 <li> 1607 1608 <a href="/cobertura.php" 1609 class=""> 1610 1611 Cobertura 1612 1613 </a> 1614 1615 </li> 1616 1617 <li> 1618 1619 <a href="/como-pagar.php" class=""> 1620 1621 ¿Cómo pagar? 1622 1623 </a> 1624 1625 </li> 1626 1627 1628 <li> 1629 1630 <a href="/refiereygana.php" class=""> 1631 1632 Refiere y gana 1633 1634 </a> 1635 1636 </li> 1637 1638 1639 <li> 1640 1641 <a href="/contactanos.php" class=""> 1642 1643 Contáctanos 1644 1645 </a> 1646 1647 </li> 1648 1649 <!-- 1650 <li> 1651 1652 <a 1653 href="/voluntario.php" 1654 class=""> 1655 1656 Voluntario 1657 1658 </a> 1659 1660 </li> 1661 --> 1662 1663 </ul> 1664 1665 <i class="mobile-nav-toggle d-xl-none bi bi-list"></i> 1666 1667 </nav> 1668 1669 </div> 1670 1671 <div class="header-call-wrapper"> 1672 1673 <a href="/contactanos.php" class="botontop"> 1674
1675 <span class="llamada"> 1676 Llamada a la central 1677 </span> 1678 1679 <span class="botontop-phone"> 1680 1681 <i class="fa-solid fa-phone"></i> 1682 1683 <span class='fw-bold'>(01) 510 1900</span> 1684 </span> 1685 1686 </a> 1687 1688 </div> 1689 1690 <!-- Mi portal Gpon: solamente escritorio --> 1691 <div align="center" class="d-none d-xl-block"> 1692 1693 <div class="dropdown"> 1694 1695 <div class="portalgpon dropdown-toggle " role="button" 1696 id="dropdownMenuButton1" data-bs-toggle="dropdown" aria-expanded="false"> 1697 1698 <i class="fa-solid fa-circle-user portalgponicono"></i> 1699 1700 <br> 1701 1702 Mi portal Gpon 1703 1704 </div> 1705 1706 <ul class="dropdown-menu" aria-labelledby="dropdownMenuButton1"> 1707 1708 <li> 1709 1710 <a class="dropdown-item" href="https://oficina.gpon.pe/cliente/login" target="_blank" 1711 rel="noopener noreferrer"> 1712 1713 Lima 1714 1715 </a> 1716 1717 </li> 1718 1719 <li> 1720 1721 <a class="dropdown-item" href="https://oficina.gpon.pe/cliente/login" target="_blank" 1722 rel="noopener noreferrer"> 1723 1724 Ica 1725 1726 </a> 1727 1728 </li> 1729 1730 <li> 1731 1732 <a class="dropdown-item" href="https://oficinacusco.gpon.pe/cliente/login" target="_blank" 1733 rel="noopener noreferrer"> 1734 1735 Cusco 1736 1737 </a> 1738 1739 </li> 1740 1741 </ul> 1742 1743 </div> 1744 1745 </div> 1746 1747 </div> 1748 1749 </header> 1750 1751</div> 1752 <main class="main"> 1753 <section id="hero" class="hero section dark-background"> 1754 <div id="hero-carousel" class="carousel slide carousel-fade" data-bs-ride="carousel" data-bs-interval="5000"> 1755 <div class="carousel-item active"> 1756 <picture><source media="(max-width: 767.98px)" srcset="images/portada_celular_2.webp"><img src="images/portada_web_2.webp" alt="Gpon Internet" fetchpriority="high" decoding="async"></picture> </div> 1757 <div class="carousel-item"> 1758 <a href="https://wa.link/w52u9f" target="_blank" rel="noopener"><picture><source media="(max-width: 767.98px)" srcset="images/portada_celular_01_09.webp"><img src="images/portada_web_01_09.webp" alt="Promoción Gpon" loading="lazy" decoding="async"></picture></a> 1759 </div> 1760 <div class="carousel-item"> 1761 <a href="https://wa.link/mipgsk" target="_blank" rel="noopener"><picture><source media="(max-width: 767.98px)" srcset="images/banner%20disney-06.webp"><img src="images/banner%20disney-05.webp" alt="Disney+ con Gpon" loading="lazy" decoding="async"></picture></a> 1762 </div> 1763 <div class="carousel-item"> 1764 <a href="https://wa.link/mcqbae" target="_blank" rel="noopener"><picture><source media="(max-width: 767.98px)" srcset="images/BANNER%205.webp"><img src="images/Recurso%2010.webp" alt="Gpon Internet" loading="lazy" decoding="async"></picture></a> 1765 </div> 1766 1767 <a class="carousel-control-prev" href="#hero-carousel" role="button" data-bs-slide="prev"> 1768 <span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span> 1769 </a> 1770 <a class="carousel-control-next" href="#hero-carousel" role="button" data-bs-slide="next"> 1771 <span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span> 1772 </a> 1773 </div> 1774</section> 1775 1776 <!-- GPON plans card (static copy) --> 1777 <section class="gpon-plans seccion_planes" id="planes-gpon-static"> 1778 <div class="container"> 1779 <h1 class="seccion_planes-title">HOY 50% DESCUENTO</h1> 1780 <h2 class="seccion_planes-subtitle"> 1781 CÃMBIATE YA AL VERDADERO 1782 <strong>PODER DE LA FIBRA</strong> 1783 </h2> 1784 <br> 1785 <br> 1786 1787 <div class="plan-switch"> 1788 <button type="button" class="plan-switch-btn is-active" data-plan="fibra-base">INTERNET 100%<br>FIBRA 1789 ÃPTICA</button> 1790 <button type="button" class="plan-switch-btn" data-plan="fibra-dgo">INTERNET 100%<br>FIBRA ÃPTICA + 1791 DGO</button> 1792 <!--<button type="button" class="plan-switch-btn" data-plan="fibra-tvbox">INTERNET 100%<br>FIBRA ÃPTICA + 1793 TV BOX</button>--> 1794 <button type="button" class="plan-switch-btn" data-plan="fibra-disney">INTERNET 100%<br>FIBRA ÃPTICA + 1795 DISNEY PREMIUM</button> 1796 </div> 1797 1798 <div class="container_planes row justify-content-center g-4" id="planes-fibra-base-content" style="display:none;"> 1799 <!-- PLAN DE 1000mbs --> 1800 <div class="col-12 col-md-6 col-lg-4 col-xl-3 d-flex"> 1801 <div class="plan_item_nuevo plan_item_efecto w-100"> 1802 <div class="plan_item_container_promo"> 1803 <div class="bono"> DUPLICIDAD </div> 400 <div class="mbps"> Mbps </div> X 6 MESES 1804 </div> 1805 <div class="plan_item_container_nuevo"> 1806 <h6>PLAN</h6> 1807 <h3> 1808 <strong>200</strong> 1809 <div class="mbps">Mbps</div> 1810 </h3> 1811 <hr /> 1812 <p>Internet 100% fibra optica</p> 1813 1814 <div class="mas"> 1815 <img src="/images/TecnologiaWifi6.png" alt=""> 1816 </div> 1817 1818 <div class="recibe_gratis"> 1819 <p> 1820 <strong>¡Recibe Gratis!</strong> 1821 </p> 1822 <div>
1823 <img src="/images/gpon-plans/triangulo.png" alt=""> 1824 </div> 1825 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 1826 </div> 1827 1828 <div class="precio"> 1829 <div class="precio_decimal"> 1830 <span>S/</span> 1831 <span style="font-family: Kanit !important; font-weight: 800;">69</span> 1832 <span style="font-family: Poppins !important; font-weight: 800;"> 1833 <div class="decimal">.00</div> 1834 </span> 1835 </div> 1836 </div> 1837 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 1838 </div> 1839 </div> 1840 </div> 1841 1842 <!-- PLAN DE 1000mbs --> 1843 <div class="col-12 col-md-6 col-lg-4 col-xl-3 d-flex"> 1844 <div class="plan_item_nuevo plan_item_efecto w-100"> 1845 <div class="plan_item_container_promo"> 1846 <div class="bono"> ¡BONO! </div> 1000 <div class="mbps"> Mbps </div> X 6 MESES 1847 </div> 1848 <div class="plan_item_container_nuevo"> 1849 <h6>PLAN</h6> 1850 <h3> 1851 <strong>600</strong> 1852 <div class="mbps">Mbps</div> 1853 </h3> 1854 <hr /> 1855 <p>Internet 100% fibra optica</p> 1856 1857 <div class="mas"> 1858 <img src="/images/TecnologiaWifi6.png" alt=""> 1859 </div> 1860 1861 <div class="recibe_gratis"> 1862 <p> 1863 <strong>¡Recibe Gratis!</strong> 1864 </p> 1865 <div> 1866 <img src="/images/gpon-plans/triangulo.png" alt=""> 1867 </div> 1868 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 1869 </div> 1870 1871 <div class="precio"> 1872 <div class="precio_decimal"> 1873 <span>S/</span> 1874 <span style="font-family: Kanit !important; font-weight: 800;">39</span> 1875 <span style="font-family: Poppins !important; font-weight: 800;"> 1876 <div class="decimal">.50</div> 1877 <div class="meses"> 1878 <span>x2</span> 1879 <span>mes</span> 1880 </div> 1881 </span> 1882 </div> 1883 </div> 1884 1885 <div class="precio_regular"> 1886 Precio regular S/ 79 1887 </div> 1888 1889 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 1890 </div> 1891 </div> 1892 </div> 1893 1894 <!-- PLAN DE 800mbs --> 1895 <div class="col-12 col-md-6 col-lg-4 col-xl-3 d-flex"> 1896 <div class="plan_item_nuevo plan_item_efecto w-100"> 1897 <div class="plan_item_container_promo"> 1898 <div class="bono"> ¡BONO! </div> 1000 <div class="mbps"> Mbps </div> X 12 MESES 1899 </div> 1900 <div class="plan_item_container_nuevo"> 1901 <h6>PLAN</h6> 1902 <h3> 1903 <strong>800</strong> 1904 <div class="mbps">Mbps</div> 1905 </h3> 1906 <hr /> 1907 <p>Internet 100% fibra optica</p> 1908 1909 <div class="mas"> 1910 <img src="/images/TecnologiaWifi6.png" alt=""> 1911 </div> 1912 1913 <div class="recibe_gratis"> 1914 <p> 1915 <strong>¡Recibe Gratis!</strong> 1916 </p> 1917 <div> 1918 <img src="/images/gpon-plans/triangulo.png" alt=""> 1919 </div> 1920 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 1921 </div> 1922 1923 <div class="liga-max-line"> 1924 <span>INCLUYE</span> 1925 </div> 1926 1927 <div class="liga-max"> 1928 <img src="/images/gpon-plans/ligamax_original.png" alt="TV Box" class="tvbox-image"> 1929 <img style="height:59px; position: relative; top: 6px;" src="/images/gpon-plans/canales.webp" alt="TV Box" class="tvbox-image"> 1930 </div> 1931 1932 <div class="precio"> 1933 <div class="precio_decimal">
1934 <span>S/</span> 1935 <span style="font-family: Kanit !important; font-weight: 800;">44</span> 1936 <span style="font-family: Poppins !important; font-weight: 800;"> 1937 <div class="decimal">.50</div> 1938 <div class="meses"> 1939 <span>x2</span> 1940 <span>mes</span> 1941 </div> 1942 </span> 1943 </div> 1944 </div> 1945 1946 <div class="precio_regular"> 1947 Precio regular S/ 89 1948 </div> 1949 1950 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 1951 </div> 1952 </div> 1953 </div> 1954 1955 <!-- PLAN DE 600mbs --> 1956 <div class="col-12 col-md-6 col-lg-4 col-xl-3 d-flex"> 1957 <div class="plan_item_nuevo plan_item_efecto w-100 plan-con-encabezado"> 1958 <div class="plan_item_container_nuevo"> 1959 <h6>PLAN</h6> 1960 <h3> 1961 <strong>1000</strong> 1962 <div class="mbps">Mbps</div> 1963 </h3> 1964 <hr /> 1965 <p>Internet 100% fibra optica</p> 1966 1967 <div class="mas"> 1968 <img src="/images/TecnologiaWifi6.png" alt=""> 1969 </div> 1970 1971 <div class="recibe_gratis"> 1972 <p> 1973 <strong>¡Recibe Gratis!</strong> 1974 </p> 1975 <div> 1976 <img src="/images/gpon-plans/triangulo.png" alt=""> 1977 </div> 1978 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 1979 </div> 1980 1981 <div class="liga-max-line"> 1982 <span>INCLUYE</span> 1983 </div> 1984 1985 <div class="liga-max"> 1986 <img src="/images/gpon-plans/ligamax_original.png" alt="TV Box" class="tvbox-image"> 1987 <img style="height:59px; position: relative; top: 6px;" src="/images/gpon-plans/canales.webp" alt="TV Box" class="tvbox-image"> 1988 </div> 1989 1990 <div class="precio"> 1991 <div class="precio_decimal"> 1992 <span>S/</span> 1993 <span style="font-family: Kanit !important; font-weight: 800;">49</span> 1994 <span style="font-family: Poppins !important; font-weight: 800;"> 1995 <div class="decimal">.50</div> 1996 <div class="meses"> 1997 <span>x2</span> 1998 <span>mes</span> 1999 </div> 2000 </span> 2001 </div> 2002 </div> 2003 2004 <div class="precio_regular"> 2005 Precio regular S/ 99 2006 </div> 2007 2008 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 2009 </div> 2010 </div> 2011 </div> 2012 2013 <!-- TERMINOS Y CONDICIONES --> 2014 <div class="col-12"> 2015 <div class="plan_item plan_item_informacion" id="planes-fibra-base-terms" style="display:none;"> 2016 <p> 2017 Precios incluyen IGV. (1) Descuento aplica en todos los planes por el primer y segundo mes; 2018 el tercer mes se pagará el precio regular del plan adquirido. 2019 Promoción válida del <span id="fecha-inicio"></span> al <span id="fecha-fin"></span>. 2020 No acumulable con otras promociones. Válido solo para clientes nuevos. 2021 (2) En el plan de 600 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 6 meses. 2022 En el plan de 800 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 12 meses. 2023 Los beneficios están sujetos a las condiciones comerciales vigentes. 2024 (3) Instalación gratis sujeta a cobertura, factibilidad técnica y evaluación crediticia. 2025 Garantizamos el 70% de la velocidad contratada. 2026 Todos nuestros planes tienen un contrato con permanencia mÃnima de 6 meses de acuerdo a las normas establecidas por OSIPTEL. 2027 (4) Gpon TV de regalo en todos los planes, disponible en televisores con sistemas Android T
2027V y Samsung de fabricación 2021 en adelante, 2028 cuenta con canales nacionales e internacionales y puede usarse en hasta 3 dispositivos simultáneamente. 2029 Gpon TV Móvil disponible en celulares Android. 2030 (5) Canales Liga 1 y Liga 1 MAX están incluidos en planes seleccionados. 2031 Sujeto a permanencia mÃnima de 6 meses. 2032 (6) Disney+ Premium incluido en planes seleccionados; en otros planes se deberá pagar un costo adicional. 2033</p> 2034
2035<script> 2036 const ahora = new Date(); 2037 2038 const inicio = new Date( 2039 ahora.getFullYear(), 2040 ahora.getMonth(), 2041 1 2042 ); 2043 2044 const fin = new Date( 2045 ahora.getFullYear(), 2046 ahora.getMonth() + 1, 2047 0 2048 ); 2049 2050 const formatoFecha = (fecha) => 2051 fecha.toLocaleDateString('es-PE', { 2052 day: '2-digit', 2053 month: '2-digit', 2054 year: 'numeric' 2055 }); 2056 2057 document.getElementById('fecha-inicio').textContent = formatoFecha(inicio); 2058 document.getElementById('fecha-fin').textContent = formatoFecha(fin); 2059</script>
2059 2060 </div> 2061 </div> 2062</div> 2063 <!-- CONTENIDO DEL NUEVO BOTON: FIBRA + DGO --> 2064<!-- EDITA ESTE ARCHIVO para cambiar los planes del botón "INTERNET 100% FIBRA ÃPTICA + DGO" --> 2065<style> 2066 .gpon-plans .dgo-plans { 2067 margin-top: 20px; 2068 display: grid; 2069 grid-template-columns: repeat(3, minmax(0, 300px)); 2070 gap: 18px; 2071 justify-content: center; 2072 justify-items: center; 2073 align-items: stretch; 2074 } 2075 2076 .gpon-plans .dgo-plans .plan_item_nuevo { 2077 width: 100%; 2078 max-width: 300px; 2079 margin-left: auto; 2080 margin-right: auto; 2081 } 2082 2083 .gpon-plans .plan_item_container_nuevo_dgo a { 2084 background-color: var(--color-principal); 2085 color: white; 2086 font-weight: 600; 2087 padding: 4px 10px; 2088 border-radius: 10px; 2089 text-decoration: none; 2090 font-family: "Poppins", sans-serif; 2091 } 2092 2093 .gpon-plans .plan_item_container_nuevo_dgo { 2094 display: flex; 2095 flex-direction: column; 2096 align-items: center; 2097 justify-content: center; 2098 gap: 17px; 2099 padding: 30px 20px; 2100 height: 100%; 2101 flex: 1; 2102 } 2103 2104 .gpon-plans .plan_item_container_nuevo_dgo h6 { 2105 font-size: 2.3em; 2106 font-weight: 800; 2107 color: white; 2108 } 2109 2110 .gpon-plans .plan_item_container_nuevo_dgo h3 { 2111 position: relative; 2112 display: flex; 2113 justify-content: flex-end; 2114 margin: 0; 2115 padding: 0; 2116 align-items: center; 2117 } 2118 2119 .gpon-plans .plan_item_container_nuevo_dgo h3 strong { 2120 color: white; 2121 font-style: italic; 2122 font-family: "Kanit", sans-serif !important; 2123 font-weight: 800; 2124 font-size: 3.2em; 2125 overflow: hidden; 2126 line-height: 69px; 2127 } 2128 2129 .gpon-plans .plan_item_container_nuevo_dgo h3 .mbps { 2130 all: unset; 2131 position: absolute; 2132 right: -25px; 2133 font-size: 13px; 2134 background-color: var(--color-principal); 2135 font-weight: 700; 2136 color: white; 2137 border-radius: 3px; 2138 padding: 3px 5px; 2139 transform: skewX(-17deg); 2140 text-rendering: geometricPrecision; 2141 } 2142 2143 .gpon-plans .plan_item_container_nuevo_dgo hr { 2144 border: 1px solid var(--color-principal); 2145 width: 70%; 2146 border-radius: 10px; 2147 margin: 0; 2148 padding: 0; 2149 } 2150 2151 .gpon-plans .plan_item_container_nuevo_dgo strong p { 2152 font-family: "Poppins", sans-serif; 2153 color: white; 2154 text-rendering: geometricPrecision; 2155 font-size: 0.9em; 2156 margin: 0; 2157 } 2158 2159 .gpon-plans .plan_item_container_nuevo_dgo p { 2160 font-family: "Poppins", sans-serif; 2161 color: black; 2162 text-rendering: geometricPrecision; 2163 font-size: 0.9em; 2164 margin: 0; 2165 } 2166 2167 .gpon-plans .dgo-plans .plan_item_container_nuevo_dgo { 2168 align-items: center; 2169 text-align: center; 2170 } 2171 2172 .dgo-main-logo { 2173 background-color: white; 2174 border: black; 2175 border-radius: 15px; 2176 width: 100%; 2177 height: auto; 2178 display: block; 2179 margin-left: auto; 2180 margin-right: auto; 2181 } 2182 2183 .dgo-liga1-logo { 2184 width: 70%; 2185 height: auto; 2186 display: block; 2187 margin-left: auto; 2188 margin-right: auto; 2189 } 2190 2191 .CarPlanCanales { 2192 display: flex; 2193 align-items: center; 2194 justify-content: center; 2195 width: fit-content; 2196 padding: 6px 12px; 2197 margin: 0 auto; 2198 border: 2px solid #fff; 2199 border-radius: 10px; 2200 color: #000; 2201 white-space: nowrap; 2202 } 2203 2204 .CanalesCard { 2205 display: flex; 2206 align-items: center; 2207 justify-content: center; 2208 width: fit-content; 2209 min-width: 98px; 2210 padding: 4px 12px; 2211 margin: 0 auto; 2212 border-radius: 10px; 2213 border: 2px solid rgba(255, 255, 255, 0.45); 2214 background-color: yellow; 2215 font-size: 28px; 2216 font-weight: 700; 2217 line-height: 1; 2218 text-transform: lowercase; 2219 } 2220 2221 .CarPlanCanales p { 2222 margin: 0; 2223 text-align: center; 2224 } 2225 2226 .CanalesCard p { 2227 color: black; 2228 margin: 0; 2229 text-align: center; 2230 } 2231 2232 @media screen and (max-width: 1199px) { 2233 .gpon-plans .dgo-plans { 2234 grid-template-columns: repeat(2, minmax(0, 300px)); 2235 } 2236 } 2237 2238 @media screen and (max-width: 767px) { 2239 .gpon-plans .dgo-plans { 2240 grid-template-columns: 1fr; 2241 } 2242 2243 .gpon-plans .dgo-plans .plan_item_nuevo { 2244 max-width: 330px; 2245 } 2246 } 2247</style> 2248 2249<div class="dgo-plans" id="planes-fibra-dgo-content" style="display:none;"> 2250 <!-- Plan SKINNY + LIGA1 MAX - 31 Canales --> 2251 <div class="plan_item_nuevo plan_item_efecto"> 2252 <div class="plan_item_container_nuevo_dgo"> 2253 <h6>PLAN</h6> 2254 <h3> 2255 <strong>1000</strong> 2256 <div class="mbps">Mbps</div> 2257 </h3> 2258 <hr /> 2259 <img class="dgo-main-logo" src="/images/DIRECTV.webp" alt="DGO"> 2260 <div class="CarPlanCanales"> 2261 <strong><p>SKINNY + LIGA1 MAX + DSPORTS</p></strong> 2262 </div> 2263 2264 <img class="dgo-liga1-logo" src="/images/planes/liga1_dsport.webp" alt="LIGA1 MAX"> 2265 2266 <div class="CanalesCard"><p>
226634 Canales</p></div> 2267 2268 <div class="precio"> 2269 <div class="precio_decimal"> 2270 <span>S/</span> 2271 <span style="font-family: Kanit !important; font-weight: 800;">89</span> 2272 <span style="font-family: Poppins !important; font-weight: 800;"> 2273 <div class="decimal">.00</div> 2274 <div class="meses"> 2275 <span>x2</span> 2276 <span>mes</span> 2277 </div> 2278 </span> 2279 </div> 2280 </div> 2281 <div class="precio_regular">Precio regular S/129</div> 2282 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero!</a> 2283 </div> 2284 </div> 2285 2286 <!-- Plan BASICO + LIGA1 MAX - 77 Canales --> 2287 <div class="plan_item_nuevo plan_item_efecto"> 2288 <div class="plan_item_container_nuevo_dgo"> 2289 <h6>PLAN</h6> 2290 <h3> 2291 <strong>1000</strong> 2292 <div class="mbps">Mbps</div> 2293 </h3> 2294 <hr /> 2295 <img class="dgo-main-logo" src="/images/DIRECTV.webp" alt="DGO"> 2296 <div class="CarPlanCanales"> 2297 <strong><p>BASICO + LIGA1 MAX</p></strong> 2298 </div> 2299 2300 <img class="dgo-liga1-logo" src="/images/planes/liga1_dsport.webp" alt="LIGA1 MAX"> 2301 2302 <div class="CanalesCard"><p>85 Canales</p></div> 2303 2304 <div class="precio"> 2305 <div class="precio_decimal"> 2306 <span>S/</span> 2307 <span style="font-family: Kanit !important; font-weight: 800;">99</span> 2308 <span style="font-family: Poppins !important; font-weight: 800;"> 2309 <div class="decimal">.00</div> 2310 <div class="meses"> 2311 <span>x2</span> 2312 <span>mes</span> 2313 </div> 2314 </span> 2315 </div> 2316 </div> 2317 <div class="precio_regular">Precio regular S/149</div> 2318 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero!</a> 2319 </div> 2320 </div> 2321 2322 <!-- Plan FULL + LIGA1 MAX - 98 Canales --> 2323 <div class="plan_item_nuevo plan_item_efecto"> 2324 <div class="plan_item_container_nuevo_dgo"> 2325 <h6>PLAN</h6> 2326 <h3> 2327 <strong>1000</strong> 2328 <div class="mbps">Mbps</div> 2329 </h3> 2330 <hr /> 2331 <img class="dgo-main-logo" src="/images/DIRECTV.webp" alt="DGO"> 2332 <div class="CarPlanCanales"> 2333 <strong><p>FULL + LIGA1 MAX</p></strong> 2334 </div> 2335 2336 <img class="dgo-liga1-logo" src="/images/planes/liga1_dsport.webp" alt="LIGA1 MAX"> 2337 2338 <div class="CanalesCard"><p>110 Canales</p></div> 2339 2340 <div class="precio"> 2341 <div class="precio_decimal"> 2342 <span>S/</span> 2343 <span style="font-family: Kanit !important; font-weight: 800;">109</span> 2344 <span style="font-family: Poppins !important; font-weight: 800;"> 2345 <div class="decimal">.00</div> 2346 <div class="meses"> 2347 <span>x2</span> 2348 <span>mes</span> 2349 </div> 2350 </span> 2351 </div> 2352 </div> 2353 <div class="precio_regular">Precio regular S/159</div> 2354 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero!</a> 2355 </div> 2356 </div> 2357</div> 2358 2359<!-- TERMINOS Y CONDICIONES DGO (se muestra solo en el botón DGO) --> 2360<div class="plan_item plan_item_informacion" id="planes-fibra-dgo-terms" style="display:none;"> 2361 <p> 2362 Precios incluyen IGV. (1) Descuento aplica en todos los planes por el primer y segundo mes; 2363 el tercer mes se pagará el precio regular del plan adquirido. 2364 Promoción válida del <span id="fecha-inicio"></span> al <span id="fecha-fin"></span>. 2365 No acumulable con otras promociones. Válido solo para clientes nuevos. 2366 (2) En el plan de 600 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 6 meses. 2367 En el plan de 800 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 12 meses. 2368 Los beneficios están sujetos a las condiciones comerciales vigentes. 2369 (3) Instalación gratis sujeta a cobertura, factibilidad técnica y evaluación crediticia. 2370 Garantizamos el 70% de la velocidad contratada. 2371 Todos nuestros planes tienen un contrato con permanencia mÃnima de 6 meses de acuerdo a las normas establecidas por OSIPTEL. 2372 (4) Gpon TV de regalo en todos los planes, disponible en televisores con sistemas Android T
2372V y Samsung de fabricación 2021 en adelante, 2373 cuenta con canales nacionales e internacionales y puede usarse en hasta 3 dispositivos simultáneamente. 2374 Gpon TV Móvil disponible en celulares Android. 2375 (5) Canales Liga 1 y Liga 1 MAX están incluidos en planes seleccionados. 2376 Sujeto a permanencia mÃnima de 6 meses. 2377 (6) Disney+ Premium incluido en planes seleccionados; en otros planes se deberá pagar un costo adicional. 2378</p> 2379
2380<script> 2381 const ahora = new Date(); 2382 2383 const inicio = new Date( 2384 ahora.getFullYear(), 2385 ahora.getMonth(), 2386 1 2387 ); 2388 2389 const fin = new Date( 2390 ahora.getFullYear(), 2391 ahora.getMonth() + 1, 2392 0 2393 ); 2394 2395 const formatoFecha = (fecha) => 2396 fecha.toLocaleDateString('es-PE', { 2397 day: '2-digit', 2398 month: '2-digit', 2399 year: 'numeric' 2400 }); 2401 2402 document.getElementById('fecha-inicio').textContent = formatoFecha(inicio); 2403 document.getElementById('fecha-fin').textContent = formatoFecha(fin); 2404</script>
2404 2405</div> 2406 <!--<!-- CONTENIDO DEL NUEVO BOTON: FIBRA + tvbox --> 2407<!-- EDITA ESTE ARCHIVO para cambiar los planes del botón "INTERNET 100% FIBRA ÃPTICA + tvbox" --> 2408<style> 2409 .gpon-plans .tvbox-plans { 2410 margin-top: 20px; 2411 display: grid; 2412 grid-template-columns: repeat(3, minmax(0, 300px)); 2413 gap: 18px; 2414 justify-content: center; 2415 justify-items: center; 2416 align-items: stretch; 2417 } 2418 2419 .gpon-plans .tvbox-plans .plan_item_nuevo { 2420 width: 100%; 2421 max-width: 300px; 2422 margin-left: auto; 2423 margin-right: auto; 2424 } 2425 2426 .gpon-plans .plan_item_container_nuevo_tvbox a { 2427 background-color: var(--color-principal); 2428 color: white; 2429 font-weight: 600; 2430 padding: 4px 10px; 2431 border-radius: 10px; 2432 text-decoration: none; 2433 font-family: "Poppins", sans-serif; 2434 } 2435 2436 .gpon-plans .tvbox-plans .plan_item_container_nuevo_tvbox { 2437 align-items: center; 2438 text-align: center; 2439 } 2440 2441 .gpon-plans .plan_item_container_nuevo_tvbox { 2442 display: flex; 2443 flex-direction: column; 2444 align-items: center; 2445 justify-content: center; 2446 gap: 10px; 2447 padding: 30px 20px; 2448 height: 100%; 2449 flex: 1; 2450 } 2451 2452 .gpon-plans .plan_item_container_nuevo_tvbox h6 { 2453 font-size: 2.3em; 2454 font-weight: 800; 2455 color: white; 2456 } 2457 2458 .gpon-plans .plan_item_container_nuevo_tvbox h3 { 2459 position: relative; 2460 display: flex; 2461 justify-content: flex-end; 2462 margin: 0; 2463 padding: 0; 2464 align-items: center; 2465 } 2466 2467 .gpon-plans .plan_item_container_nuevo_tvbox h3 strong { 2468 color: white; 2469 font-style: italic; 2470 font-family: "Kanit", sans-serif !important; 2471 font-weight: 800; 2472 font-size: 3.2em; 2473 overflow: hidden; 2474 line-height: 69px; 2475 } 2476 2477 .gpon-plans .plan_item_container_nuevo_tvbox h3 .mbps { 2478 all: unset; 2479 position: absolute; 2480 right: -25px; 2481 font-size: 13px; 2482 background-color: var(--color-principal); 2483 font-weight: 700; 2484 color: white; 2485 border-radius: 3px; 2486 padding: 3px 5px; 2487 transform: skewX(-17deg); 2488 text-rendering: geometricPrecision; 2489 } 2490 2491 .gpon-plans .plan_item_container_nuevo_tvbox hr { 2492 border: 1px solid var(--color-principal); 2493 width: 70%; 2494 border-radius: 10px; 2495 margin: 0; 2496 padding: 0; 2497 } 2498 2499 .gpon-plans .plan_item_container_nuevo_tvbox p { 2500 font-family: "Poppins", sans-serif; 2501 color: white; 2502 text-rendering: geometricPrecision; 2503 font-size: 0.9em; 2504 margin: 0; 2505 } 2506 2507 .tvbox-banner { 2508 position: relative; 2509 width: 190px; 2510 height: 70px; 2511 background: #fff; 2512 border-radius: 14px; 2513 overflow: visible; 2514 2515 display: flex; 2516 align-items: center; 2517 2518 padding-left: 25px; 2519 box-sizing: border-box; 2520 } 2521 2522 /* Contenedor del texto */ 2523 .tvbox-text { 2524 display: flex; 2525 align-items: center; 2526 height: 100%; 2527 position: relative; 2528 z-index: 2; 2529 } 2530 2531 /* Número 1 */ 2532 .tvbox-number { 2533 font-style: italic; 2534 font-family: "Kanit", sans-serif !important; 2535 font-weight: 800; 2536 color: #f04416; 2537 font-size: 67px; 2538 font-weight: 900; 2539 line-height: 1; 2540 font-style: italic; 2541 margin-left: -15px; 2542 } 2543 2544 /* TV BOX */ 2545 .tvbox-title { 2546 font-style: italic; 2547 font-family: "Kanit", sans-serif !important; 2548 font-weight: 800; 2549 display: flex; 2550 flex-direction: column; 2551 color: #050505; 2552 font-size: 26px; 2553 font-weight: 900; 2554 line-height: 0.88; 2555 margin-left: 7px; 2556 } 2557 2558 /* Imagen del TV Box */ 2559 .gpon-plans .liga-max-line .tvbox-image { 2560 position: absolute; 2561 width: 85px; 2562 height: auto; 2563 right: 2px; 2564 top: -17px; 2565 z-index: 3; 2566 object-fit: contain; 2567 } 2568 2569 .liga-max { 2570 display: flex; 2571 flex-direction: row; 2572 height: 70px; 2573 } 2574 2575 .tvbox-main-logo { 2576 width: 100%; 2577 height: auto; 2578 display: block; 2579 margin-left: auto; 2580 margin-right: auto; 2581 } 2582 2583 .tvbox-liga1-logo { 2584 width: 70%; 2585 height: auto; 2586 display: block; 2587 margin-left: auto; 2588 margin-right: auto; 2589 } 2590 2591 .CarPlanTvbox { 2592 display: flex; 2593 align-items: center; 2594 justify-content: center; 2595 width: fit-content; 2596 padding: 6px 12px; 2597 margin: 0 auto; 2598 border: 2px solid #fff; 2599 border-radius: 10px; 2600 color: #000; 2601 background-color: #fff; 2602 white-space: nowrap; 2603 } 2604 2605 .TvboxCard { 2606 display: flex; 2607 align-items: center; 2608 justify-content: center; 2609 width: fit-content; 2610 min-width: 98px; 2611 padding: 4px 12px; 2612 margin: 0 auto; 2613 border-radius: 10px; 2614 border: 2px solid rgba(255, 255, 255, 0.45); 2615 color: #ffffff; 2616 font-size: 28px; 2617 font-weight: 700; 2618 line-height: 1; 2619 text-transform: lowercase; 2620 } 2621 2622 .CarPlanTvbox p, 2623 .TvboxCard p { 2624 margin: 0; 2625 text-align: center; 2626 } 2627 2628 @media screen and (max-width: 1199px) { 2629 .gpon-plans .tvbox-plans { 2630 grid-template-columns: repeat(2, minmax(0, 300px)); 2631 } 2632 } 2633 2634 @media screen and (max-width: 767px) { 2635 .gpon-plans .tvbox-plans { 2636 grid-template-columns: 1fr; 2637 } 2638 2639 .gpon-plans .tvbox-plans .plan_item_nuevo { 2640 max-width: 330px; 2641 } 2642 } 2643</style> 2644 2645<div class="tvbox-plans" id="planes-fibra-tvbox-content" style="display:none;"> 2646 <!-- Plan SKINNY + LIGA1 MAX - 31 Tvbox --> 2647 <div class="plan_item_nuevo plan_item_efecto"> 2648 <div class="plan_item_container_promo"> 2649 <div class="bono"> ¡BONO! </div> 1000 <div class="mbps"> Mbps </div> X 6 MESES 2650 </div> 2651 <div class="plan_item_container_nuevo_tvbox"> 2652 <h6>PLAN</h6> 2653 <h3> 2654 <strong>600</strong> 2655 <div class="mbps">Mbps</div> 2656 </h3> 2657 <hr /> 2658 <p>Internet 100% fibra optica</p> 2659 2660 <div class="mas"> 2661 <img src="/images/TecnologiaWifi6.png" alt=""> 2662 </div> 2663 2664 <div class="recibe_gratis"> 2665 <p> 2666 <strong>¡Recibe Gratis!</strong> 2667 </p> 2668 <div>
2669 <img src="/images/gpon-plans/triangulo.png" alt=""> 2670 </div> 2671 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 2672 </div> 2673 2674 <div class="liga-max-line"> 2675 <span>INCLUYE</span> 2676 <div class="tvbox-banner"> 2677 <div class="tvbox-text"> 2678 <span class="tvbox-number">1</span> 2679 <div class="tvbox-title"> 2680 <span>TV</span> 2681 <span>BOX</span> 2682 </div> 2683 </div> 2684 2685 <img src="/images/gpon-plans/tvbox.webp" alt="TV Box" class="tvbox-image"> 2686 </div> 2687 </div> 2688 2689 <div class="precio"> 2690 <div class="precio_decimal"> 2691 <span>S/</span> 2692 <span style="font-family: Kanit !important; font-weight: 800;">79</span> 2693 <span style="font-family: Poppins !important; font-weight: 800;"> 2694 <div class="decimal">.00</div> 2695 <div class="meses"> 2696 <span>x2</span> 2697 <span>mes</span> 2698 </div> 2699 </span> 2700 </div> 2701 <div class="precio_regular"> 2702 Precio regular S/ 99 2703 </div> 2704 </div> 2705 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 2706 </div> 2707 </div> 2708 2709 <!-- Plan BASICO + LIGA1 MAX - 77 Tvbox --> 2710 <div class="plan_item_nuevo plan_item_efecto"> 2711 <div class="plan_item_container_promo"> 2712 <div class="bono"> ¡BONO! </div> 1000 <div class="mbps"> Mbps </div> X 12 MESES 2713 </div> 2714 <div class="plan_item_container_nuevo_tvbox"> 2715 <h6>PLAN</h6> 2716 <h3> 2717 <strong>800</strong> 2718 <div class="mbps">Mbps</div> 2719 </h3> 2720 <hr /> 2721 <p>Internet 100% fibra optica</p> 2722 2723 <div class="mas"> 2724 <img src="/images/TecnologiaWifi6.png" alt=""> 2725 </div> 2726 2727 <div class="recibe_gratis"> 2728 <p> 2729 <strong>¡Recibe Gratis!</strong> 2730 </p> 2731 <div> 2732 <img src="/images/gpon-plans/triangulo.png" alt=""> 2733 </div> 2734 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 2735 </div> 2736 2737 <div class="liga-max-line"> 2738 <span>INCLUYE</span> 2739 <div class="tvbox-banner"> 2740 <div class="tvbox-text"> 2741 <span class="tvbox-number">1</span> 2742 <div class="tvbox-title"> 2743 <span>TV</span> 2744 <span>BOX</span> 2745 </div> 2746 </div> 2747 2748 <img src="/images/gpon-plans/tvbox.webp" alt="TV Box" class="tvbox-image"> 2749 </div> 2750 </div> 2751 2752 <div class="liga-max"> 2753 <img src="/images/gpon-plans/ligamax_original.png" alt="TV Box" class="tvbox-image"> 2754 <img style="height:59px; position: relative; top: 6px;" src="/images/gpon-plans/canales.webp" alt="TV Box" class="tvbox-image"> 2755 </div> 2756 2757 <div class="precio"> 2758 <div class="precio_decimal"> 2759 <span>S/</span> 2760 <span style="font-family: Kanit !important; font-weight: 800;">89</span> 2761 <span style="font-family: Poppins !important; font-weight: 800;"> 2762 <div class="decimal">.00</div> 2763 <div class="meses"> 2764 <span>x2</span> 2765 <span>mes</span> 2766 </div> 2767 </span> 2768 </div> 2769 <div class="precio_regular"> 2770 Precio regular S/ 109 2771 </div> 2772 </div> 2773 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 2774 </div> 2775 </div> 2776 2777 <!-- Plan FULL + LIGA1 MAX - 98 Tvbox --> 2778 <div class="plan_item_nuevo plan_item_efecto"> 2779 <div class="plan_item_container_nuevo_tvbox"> 2780 <h6>PLAN</h6> 2781 <h3> 2782 <strong>1000</strong> 2783 <div class="mbps">Mbps</div> 2784 </h3> 2785 <hr /> 2786 <p>Internet 100% fibra optica</p> 2787 2788 <div class="mas"> 2789 <img src="/images/TecnologiaWifi6.png" alt=""> 2790 </div> 2791 2792 <div class="recibe_gratis"> 2793 <p> 2794 <strong>¡Recibe Gratis!</strong> 2795 </p> 2796 <div>
2797 <img src="/images/gpon-plans/triangulo.png" alt=""> 2798 </div> 2799 <img class="full_logo" src="/images/gpon-plans/CUADRO gpon [email protected]" alt=""> 2800 </div> 2801 2802 <div class="liga-max-line"> 2803 <span>INCLUYE</span> 2804 <div class="tvbox-banner"> 2805 <div class="tvbox-text"> 2806 <span class="tvbox-number">2</span> 2807 <div class="tvbox-title"> 2808 <span>TV</span> 2809 <span>BOX</span> 2810 </div> 2811 </div> 2812 2813 <img src="/images/gpon-plans/tvbox.webp" alt="TV Box" class="tvbox-image"> 2814 </div> 2815 </div> 2816 2817 <div class="liga-max"> 2818 <img src="/images/gpon-plans/ligamax_original.png" alt="TV Box" class="tvbox-image"> 2819 <img style="height:59px; position: relative; top: 6px;" src="/images/gpon-plans/canales.webp" alt="TV Box" class="tvbox-image"> 2820 </div> 2821 2822 <div class="precio"> 2823 <div class="precio_decimal"> 2824 <span>S/</span> 2825 <span style="font-family: Kanit !important; font-weight: 800;">99</span> 2826 <span style="font-family: Poppins !important; font-weight: 800;"> 2827 <div class="decimal">.00</div> 2828 <div class="meses"> 2829 <span>x2</span> 2830 <span>mes</span> 2831 </div> 2832 </span> 2833 </div> 2834 <div class="precio_regular"> 2835 Precio regular S/ 129 2836 </div> 2837 </div> 2838 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero¡</a> 2839 </div> 2840 </div> 2841 </div> 2842 2843 <!-- TERMINOS Y CONDICIONES tvbox (se muestra solo en el botón tvbox) --> 2844 <div class="plan_item plan_item_informacion" id="planes-fibra-tvbox-terms" style="display:none;"> 2845<p> 2846 Precios incluyen IGV. (1) Descuento aplica en todos los planes por el primer y segundo mes; 2847 el tercer mes se pagará el precio regular del plan adquirido. 2848 Promoción válida del <span id="fecha-inicio"></span> al <span id="fecha-fin"></span>. 2849 No acumulable con otras promociones. Válido solo para clientes nuevos. 2850 (2) En el plan de 600 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 6 meses. 2851 En el plan de 800 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 12 meses. 2852 Los beneficios están sujetos a las condiciones comerciales vigentes. 2853 (3) Instalación gratis sujeta a cobertura, factibilidad técnica y evaluación crediticia. 2854 Garantizamos el 70% de la velocidad contratada. 2855 Todos nuestros planes tienen un contrato con permanencia mÃnima de 6 meses de acuerdo a las normas establecidas por OSIPTEL. 2856 (4) Gpon TV de regalo en todos los planes, disponible en televisores con sistemas Android TV y Samsung de fabricación 2021 en adelante, 2857 cuenta con canales nacionales e internacionales y puede usarse en hasta 3 dispositivos simultáneamente. 2858 Gpon TV Móvil disponible en celulares Android. 2859 (5) Canales Liga 1 y Liga 1 MAX están incluidos en planes seleccionados. 2860 Sujeto a permanencia mÃnima de 6 meses. 2861 (6) Disney+ Premium incluido en planes seleccionados; en otros planes se deberá pagar un costo adicional. 2862</p> 2863
2864<script> 2865 const ahora = new Date(); 2866 2867 const inicio = new Date( 2868 ahora.getFullYear(), 2869 ahora.getMonth(), 2870 1 2871 ); 2872 2873 const fin = new Date( 2874 ahora.getFullYear(), 2875 ahora.getMonth() + 1, 2876 0 2877 ); 2878 2879 const formatoFecha = (fecha) => 2880 fecha.toLocaleDateString('es-PE', { 2881 day: '2-digit', 2882 month: '2-digit', 2883 year: 'numeric' 2884 }); 2885 2886 document.getElementById('fecha-inicio').textContent = formatoFecha(inicio); 2887 document.getElementById('fecha-fin').textContent = formatoFecha(fin); 2888</script>
2888 2889</div> 2890--> 2891 <!-- CONTENIDO DEL NUEVO BOTON: FIBRA + disney --> 2892<!-- EDITA ESTE ARCHIVO para cambiar los planes del botón "INTERNET 100% FIBRA ÃPTICA + disney" --> 2893<style> 2894 .gpon-plans .disney-plans { 2895 margin-top: 20px; 2896 display: grid; 2897 grid-template-columns: repeat(3, minmax(0, 300px)); 2898 gap: 18px; 2899 justify-content: center; 2900 justify-items: center; 2901 align-items: stretch; 2902 } 2903 2904 .gpon-plans .disney-plans .plan_item_nuevo { 2905 width: 100%; 2906 max-width: 300px; 2907 margin-left: auto; 2908 margin-right: auto; 2909 } 2910 2911 .gpon-plans .disney-plans .plan_item_container_nuevo_disney { 2912 align-items: center; 2913 text-align: center; 2914 } 2915 2916 .gpon-plans .plan_item_container_nuevo_disney a { 2917 background-color: var(--color-principal); 2918 color: white; 2919 font-weight: 600; 2920 padding: 4px 10px; 2921 border-radius: 10px; 2922 text-decoration: none; 2923 font-family: "Poppins", sans-serif; 2924 } 2925 2926 .gpon-plans .plan_item_container_nuevo_disney { 2927 display: flex; 2928 flex-direction: column; 2929 align-items: center; 2930 justify-content: center; 2931 gap: 17px; 2932 padding: 30px 20px; 2933 height: 100%; 2934 flex: 1; 2935 } 2936 2937 .gpon-plans .plan_item_container_nuevo_disney h6 { 2938 font-size: 2.3em; 2939 font-weight: 800; 2940 color: white; 2941 } 2942 2943 .gpon-plans .plan_item_container_nuevo_disney h3 { 2944 position: relative; 2945 display: flex; 2946 justify-content: flex-end; 2947 margin: 0; 2948 padding: 0; 2949 align-items: center; 2950 } 2951 2952 .gpon-plans .plan_item_container_nuevo_disney h3 strong { 2953 color: white; 2954 font-style: italic; 2955 font-family: "Kanit", sans-serif !important; 2956 font-weight: 800; 2957 font-size: 3.2em; 2958 overflow: hidden; 2959 line-height: 69px; 2960 } 2961 2962 .gpon-plans .plan_item_container_nuevo_disney h3 .mbps { 2963 all: unset; 2964 position: absolute; 2965 right: -25px; 2966 font-size: 13px; 2967 background-color: var(--color-principal); 2968 font-weight: 700; 2969 color: white; 2970 border-radius: 3px; 2971 padding: 3px 5px; 2972 transform: skewX(-17deg); 2973 text-rendering: geometricPrecision; 2974 } 2975 2976 .gpon-plans .plan_item_container_nuevo_disney hr { 2977 border: 1px solid var(--color-principal); 2978 width: 70%; 2979 border-radius: 10px; 2980 margin: 0; 2981 padding: 0; 2982 } 2983 2984 .gpon-plans .plan_item_container_nuevo_disney p { 2985 font-family: "Poppins", sans-serif; 2986 color: white; 2987 text-rendering: geometricPrecision; 2988 font-size: 0.9em; 2989 margin: 0; 2990 } 2991 2992 .disney-main-logo { 2993 width: 100%; 2994 height: auto; 2995 display: block; 2996 margin-left: auto; 2997 margin-right: auto; 2998 } 2999 3000 .disney-liga1-logo { 3001 width: 70%; 3002 height: auto; 3003 display: block; 3004 margin-left: auto; 3005 margin-right: auto; 3006 } 3007 3008 .CarPlanDisney { 3009 display: flex; 3010 align-items: center; 3011 justify-content: center; 3012 width: fit-content; 3013 padding: 6px 12px; 3014 margin: 0 auto; 3015 border: 2px solid #fff; 3016 border-radius: 10px; 3017 color: #000; 3018 background-color: #fff; 3019 white-space: nowrap; 3020 } 3021 3022 .DisneyCard { 3023 display: flex; 3024 align-items: center; 3025 justify-content: center; 3026 width: fit-content; 3027 min-width: 98px; 3028 padding: 4px 12px; 3029 margin: 0 auto; 3030 border-radius: 10px; 3031 border: 2px solid rgba(255, 255, 255, 0.45); 3032 color: #ffffff; 3033 font-size: 28px; 3034 font-weight: 700; 3035 line-height: 1; 3036 text-transform: lowercase; 3037 } 3038 3039 .CarPlanDisney p, 3040 .DisneyCard p { 3041 margin: 0; 3042 text-align: center; 3043 } 3044 3045 @media screen and (max-width: 1199px) { 3046 .gpon-plans .disney-plans { 3047 grid-template-columns: repeat(2, minmax(0, 300px)); 3048 } 3049 } 3050 3051 @media screen and (max-width: 767px) { 3052 .gpon-plans .disney-plans { 3053 grid-template-columns: 1fr; 3054 } 3055 3056 .gpon-plans .disney-plans .plan_item_nuevo { 3057 max-width: 330px; 3058 } 3059 } 3060</style> 3061 3062<div class="disney-plans" id="planes-fibra-disney-content" style="display:none;"> 3063 <!-- Plan SKINNY + LIGA1 MAX - 31 Disney --> 3064 <div class="plan_item_nuevo plan_item_efecto"> 3065 <div class="plan_item_container_promo"> 3066 <div class="bono"> ¡BONO! </div> 1000 <div class="mbps"> Mbps </div> X 6 MESES 3067 </div> 3068 <div class="plan_item_container_nuevo_disney"> 3069 <h6>PLAN</h6> 3070 <h3> 3071 <strong>600</strong> 3072 <div class="mbps">Mbps</div> 3073 </h3> 3074 <hr /> 3075 <p>Internet 100% fibra optica</p> 3076 <div class="mas"> 3077 <img src="/images/TecnologiaWifi6.png" alt=""> 3078 </div> 3079 <div class="liga-max-line">
3080 <span>INCLUYE</span> 3081 <img style="height: 100px; width: 150px;" src="/images/D+ Plan Premium_Square_RGB.png" alt="Liga 1 MAX"> 3082 </div> 3083 3084 <div class="precio"> 3085 <div class="precio_decimal"> 3086 <span>S/</span> 3087 <span style="font-family: Kanit !important; font-weight: 800;">89</span> 3088 <span style="font-family: Poppins !important; font-weight: 800;"> 3089 <div class="decimal">.00</div> 3090 <div class="meses"> 3091 <span>x2</span> 3092 <span>mes</span> 3093 </div> 3094 </span> 3095 </div> 3096 </div> 3097 <div class="precio_regular">Precio regular S/ 129.00</div> 3098 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero!</a> 3099 </div> 3100 </div> 3101 3102 <!-- Plan BASICO + LIGA1 MAX - 77 Disney --> 3103 <div class="plan_item_nuevo plan_item_efecto"> 3104 <div class="plan_item_container_promo"> 3105 <div class="bono"> ¡BONO! </div> 1000 <div class="mbps"> Mbps </div> X 12 MESES 3106 </div> 3107 <div class="plan_item_container_nuevo_disney"> 3108 <h6>PLAN</h6> 3109 <h3> 3110 <strong>800</strong> 3111 <div class="mbps">Mbps</div> 3112 </h3> 3113 <hr /> 3114 <p>Internet 100% fibra optica</p> 3115 <div class="mas"> 3116 <img src="/images/TecnologiaWifi6.png" alt=""> 3117 </div> 3118 <div class="liga-max-line"> 3119 <span>INCLUYE</span> 3120 <img style="height: 100px; width: 150px;" src="/images/D+ Plan Premium_Square_RGB.png" alt="Liga 1 MAX"> 3121 </div> 3122 <div class="liga-max"> 3123 <img src="/images/gpon-plans/ligamax_original.png" alt="TV Box" class="tvbox-image"> 3124 <img style="height:59px; position: relative; top: 6px;" src="/images/gpon-plans/canales.webp" alt="TV Box" class="tvbox-image"> 3125 </div> 3126 3127 <div class="precio"> 3128 <div class="precio_decimal"> 3129 <span>S/</span> 3130 <span style="font-family: Kanit !important; font-weight: 800;">95</span> 3131 <span style="font-family: Poppins !important; font-weight: 800;"> 3132 <div class="decimal">.00</div> 3133 <div class="meses"> 3134 <span>x2</span> 3135 <span>mes</span> 3136 </div> 3137 </span> 3138 </div> 3139 </div> 3140 <div class="precio_regular">Precio regular S/ 139.00</div> 3141 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero!</a> 3142 </div> 3143 </div> 3144 3145 <!-- Plan FULL + LIGA1 MAX - 98 Disney --> 3146 <div class="plan_item_nuevo plan_item_efecto"> 3147 <div class="plan_item_container_nuevo_disney"> 3148 <h6>PLAN</h6> 3149 <h3> 3150 <strong>1000</strong> 3151 <div class="mbps">Mbps</div> 3152 </h3> 3153 <hr /> 3154 <p>Internet 100% fibra optica</p> 3155 <div class="mas"> 3156 <img src="/images/TecnologiaWifi6.png" alt=""> 3157 </div> 3158 <div class="liga-max-line"> 3159 <span>INCLUYE</span> 3160 <img style="height: 100px; width: 150px;" src="/images/D+ Plan Premium_Square_RGB.png" alt="Liga 1 MAX"> 3161 </div> 3162 <div class="liga-max"> 3163 <img src="/images/gpon-plans/ligamax_original.png" alt="TV Box" class="tvbox-image"> 3164 <img style="height:59px; position: relative; top: 6px;" src="/images/gpon-plans/canales.webp" alt="TV Box" class="tvbox-image"> 3165 </div> 3166 3167 <div class="precio"> 3168 <div class="precio_decimal"> 3169 <span>S/</span> 3170 <span style="font-family: Kanit !important; font-weight: 800;">99</span> 3171 <span style="font-family: Poppins !important; font-weight: 800;"> 3172 <div class="decimal">.00</div> 3173 <div class="meses"> 3174 <span>x2</span> 3175 <span>mes</span> 3176 </div> 3177 </span> 3178 </div> 3179 </div> 3180 <div class="precio_regular">Precio regular S/ 149.00</div> 3181 <a target="_blank" href="https://wa.link/rhudgp">!Lo quiero!</a> 3182 </div> 3183 </div> 3184</div> 3185 3186<!-- TERMINOS Y CONDICIONES disney (se muestra solo en el botón disney) --> 3187<div class="plan_item plan_item_informacion" id="planes-fibra-disney-terms" style="display:none;"> 3188<p> 3189 Precios incluyen IGV. (1) Descuento aplica en todos los planes por el primer y segundo mes; 3190 el tercer mes se pagará el precio regular del plan adquirido. 3191 Promoción válida del <span id="fecha-inicio"></span> al <span id="fecha-fin"></span>. 3192 No acumulable con otras promociones. Válido solo para clientes nuevos. 3193 (2) En el plan de 600 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 6 meses. 3194 En el plan de 800 Mbps, el cliente recibirá un bono de velocidad de 1000 Mbps por 12 meses. 3195 Los beneficios están sujetos a las condiciones comerciales vigentes. 3196 (3) Instalación gratis sujeta a cobertura, factibilidad técnica y evaluación crediticia. 3197 Garantizamos el 70% de la velocidad contratada. 3198 Todos nuestros planes tienen un contrato con permanencia mÃnima de 6 meses de acuerdo a las normas establecidas por OSIPTEL. 3199 (4) Gpon TV de regalo en todos los planes, disponible en televisores con sistemas Android T
3199V y Samsung de fabricación 2021 en adelante, 3200 cuenta con canales nacionales e internacionales y puede usarse en hasta 3 dispositivos simultáneamente. 3201 Gpon TV Móvil disponible en celulares Android. 3202 (5) Canales Liga 1 y Liga 1 MAX están incluidos en planes seleccionados. 3203 Sujeto a permanencia mÃnima de 6 meses. 3204 (6) Disney+ Premium incluido en planes seleccionados; en otros planes se deberá pagar un costo adicional. 3205</p> 3206
3207<script> 3208 const ahora = new Date(); 3209 3210 const inicio = new Date( 3211 ahora.getFullYear(), 3212 ahora.getMonth(), 3213 1 3214 ); 3215 3216 const fin = new Date( 3217 ahora.getFullYear(), 3218 ahora.getMonth() + 1, 3219 0 3220 ); 3221 3222 const formatoFecha = (fecha) => 3223 fecha.toLocaleDateString('es-PE', { 3224 day: '2-digit', 3225 month: '2-digit', 3226 year: 'numeric' 3227 }); 3228 3229 document.getElementById('fecha-inicio').textContent = formatoFecha(inicio); 3230 document.getElementById('fecha-fin').textContent = formatoFecha(fin); 3231</script>
3231 3232</div> 3233 </div> 3234 </section> 3235 </main> 3236 3237 <div class="gpon-popup-overlay" id="gponPopupOverlay"> 3238 <div class="gpon-popup-modal"> 3239 <button class="gpon-popup-close" id="gponCloseBtn" aria-label="Cerrar">×</button> 3240 <img src="./images/trivia_mundialista/popup.webp" id="gponCtaLink" alt="La Trivia Mundialista GPON"> 3241 </div> 3242 </div> 3243 3244 <footer id="footer" class="footer dark-background"> 3245 <div class="footer-top"> 3246 <div class="container"> 3247 <div class="row gy-4"> 3248 <div class="col-lg-3 col-md-6 footer-about"> 3249 <a href="index.html" class="logo d-flex align-items-center"> 3250 <img src="/images/logo-04.webp" class="img-fluid"> 3251 </a> 3252 <div class="footer-socials"> 3253 <a href="https://www.facebook.com/InternetGpon/" target="_blank" aria-label="Facebook"><i 3254 class="fa-brands fa-facebook"></i></a> 3255 <a href="https://www.instagram.com/gponinternet/" target="_blank" aria-label="Instagram"><i 3256 class="fa-brands fa-instagram"></i></a> 3257 <a href="https://www.tiktok.com/" target="_blank" aria-label="Tiktok"><i 3258 class="fa-brands fa-tiktok"></i></a> 3259 <a href="https://www.youtube.com/channel/UC5Sm_MFNxB2a5XcSdr3jyRQ" target="_blank" 3260 aria-label="Youtube"><i class="fa-brands fa-youtube"></i></a> 3261 <a href="https://www.linkedin.com/company/gpon-internet-por-fibra-ptica/" target="_blank" 3262 aria-label="Linkedin"><i class="fa-brands fa-linkedin"></i></a> 3263 </div> 3264 <a class="footer-complaints " href="/libro-reclamaciones.php"> 3265 <img src="/images/LIBRO-RECLAMACIONES1.png" alt="" width="80"> 3266 <span class="text-center d-block">LIBRO DE<br>RECLAMACIONES</span> 3267 </a> 3268 </div> 3269 3270 <div class="col-lg-3 col-md-6 footer-links footer-help"> 3271 <h3><strong>Ayuda al cliente</strong></h3> 3272 <ul> 3273 <li><a href="/reclamaciones.php"> 3274 Ingresa tu reclamo</a></li> 3275 <li><a href="https://oficina.gpon.pe/cliente/login" target="_blank"> Portal cliente</a></li> 3276 <li><a href="/legal-y-regulatorio.php"> Ligeal y regulatorio</a></li> 3277 <li><a href="/pdf/Politicas-de-privacidad.pdf" target="_blank"> PolÃticas de privacidad y de datos 3278 personales</a></li> 3279 </ul> 3280 </div> 3281 3282 <div class="col-lg-3 col-md-6 footer-links footer-contact"> 3283 <h3><strong>Correo</strong></h3> 3284 <ul> 3285 <li><a href="mailto:[email protected]"> 3286 [email protected]</a></li> 3287 <li><a href="mailto:[email protected]">[email protected]</a> 3288 </li> 3289 </ul> 3290 <h3> <strong>Nosotros </strong></h3> 3291 <ul> 3292 <li><a href="/nosotros.php">¿Quienes somos?</a></li> 3293 </ul> 3294 <ul> 3295 <li><a href="https://gpon-networks.pandape.computrabajo.com/" target="_blank"> Trabaja con nosotros</a></li> 3296 </ul> 3297 </div> 3298 3299 <div class="col-lg-3 col-md-6 footer-links footer-phones"> 3300 <h3><strong>Teléfonos</strong></h3> 3301 <ul> 3302 <li><a href="#" class="d-inline-flex justify-content-center"><i class="fa-solid fa-phone iconos me-2"></i>(01) 510 1900</a></li> 3303 <li><a href="#"><i class="fa-brands fa-whatsapp"></i>+51 919 845 000</a></li> 3304 <h3> <strong>UbicacÃon </strong></h3> 3305 <li><a href="#"><i class="fa-solid fa-location-dot iconos"></i>Jirón Colombia 180 3306 </a></li> 3307 </ul> 3308 </div> 3309 3310 3311 3312 3313 </div> 3314 </div> 3315 </div> 3316 3317 <div class="copyright text-center"> 3318 <div class="container"> 3319 <div class="text-center"> 3320 <div class="text-center fs-6"> 3321 @2026 Gpon Networks. Todos los derechos reservados. 3322 </div> 3323 3324 </div> 3325 </div> 3326 </div> 3327</footer> 3328<div class="footer-fixed" style="position: fixed; z-index: 99999998; bottom: 24px; float: right; right: 32px;"> 3329 <a href="https://wa.link/4wtb81" target="_blank" 3330 rel="noopener noreferrer"> 3331 <span class="text"> 3332 <img src="/images/empresa/wsp_numero.webp" 3333 alt="" width="220"> 3334 </span> 3335 <div class="circle">
3336 <span class="pulse"> 3337 <span style="--i:0;"></span> 3338 <span style="--i:1;"></span> 3339 <span style="--i:2;"></span> 3340 <span style="--i:3;"></span> 3341 </span> 3342 <div class="icons"> 3343 <!-- <span class="icon icon-whatsapp"></span> --> 3344 <img src="/images/empresa/wsp_button.webp" alt="" width="70" height="70"> 3345 </div> 3346 </div> 3347 </a> 3348</div> 3349<!-- <div id="whatsappgpon" class="whatsappgpon" style="position: fixed; z-index: 99999999; bottom: 10px; float: right; right: 10px;"> 3350 <a href="https://wa.link/4wtb81" target="_blank"> 3351 <div align="center"> 3352 <img src="/images/whatsapp-logo.png" style="height: 50px;" class="img-responsive"> 3353 </div> 3354 </a> 3355 </div> 3356 --> 3357 <!-- Vendor JS Files --> 3358
3358<script src="/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
3358 3359
3359<script src="/assets/vendor/php-email-form/validate.js"></script>
3359 3360
3360<script src="/assets/vendor/aos/aos.js"></script>
3360 3361
3361<script src="/assets/vendor/swiper/swiper-bundle.min.js"></script>
3361 3362
3362<script src="/assets/vendor/glightbox/js/glightbox.min.js"></script>
3362 3363 3364 <!-- Main JS File --> 3365
3365<script src="/assets/js/main.js"></script>
3365 3366 3367
3367<script> 3368 document.addEventListener('DOMContentLoaded', function () { 3369 3370 // ========================================== 3371 // PANELES DE CADA OPCIÃN 3372 // ========================================== 3373 const panels = { 3374 'fibra-base': document.getElementById('planes-fibra-base-content'), 3375 'fibra-dgo': document.getElementById('planes-fibra-dgo-content'), 3376 'fibra-tvbox': document.getElementById('planes-fibra-tvbox-content'), 3377 'fibra-disney': document.getElementById('planes-fibra-disney-content') 3378 }; 3379 3380 // ========================================== 3381 // TÃRMINOS Y CONDICIONES 3382 // ========================================== 3383 const terms = { 3384 'fibra-base': document.getElementById('planes-fibra-base-terms'), 3385 'fibra-dgo': document.getElementById('planes-fibra-dgo-terms'), 3386 'fibra-tvbox': document.getElementById('planes-fibra-tvbox-terms'), 3387 'fibra-disney': document.getElementById('planes-fibra-disney-terms') 3388 }; 3389 3390 // ========================================== 3391 // BOTONES 3392 // ========================================== 3393 const switchButtons = document.querySelectorAll( 3394 '.gpon-plans .plan-switch-btn' 3395 ); 3396 3397 3398 // ========================================== 3399 // OCULTAR TODOS LOS PANELES 3400 // ========================================== 3401 function hideAllPanels() { 3402 3403 Object.values(panels).forEach(function (panel) { 3404 3405 if (!panel) return; 3406 3407 panel.classList.add('d-none'); 3408 panel.style.display = 'none'; 3409 3410 }); 3411 3412 } 3413 3414 3415 // ========================================== 3416 // OCULTAR TODOS LOS TÃRMINOS 3417 // ========================================== 3418 function hideAllTerms() { 3419 3420 Object.values(terms).forEach(function (term) { 3421 3422 if (!term) return; 3423 3424 term.classList.add('d-none'); 3425 term.style.display = 'none'; 3426 3427 }); 3428 3429 } 3430 3431 3432 // ========================================== 3433 // CAMBIAR DE PLAN 3434 // ========================================== 3435 function setPlanView(target) { 3436 3437 // Ocultar todo 3438 hideAllPanels(); 3439 hideAllTerms(); 3440 3441 3442 // Mostrar panel seleccionado 3443 const selectedPanel = panels[target]; 3444 3445 if (selectedPanel) { 3446 3447 selectedPanel.classList.remove('d-none'); 3448 selectedPanel.style.display = ''; 3449 3450 } 3451 3452 3453 // Mostrar términos correspondientes 3454 const selectedTerms = terms[target]; 3455 3456 if (selectedTerms) { 3457 3458 selectedTerms.classList.remove('d-none'); 3459 selectedTerms.style.display = ''; 3460 3461 } 3462 3463 3464 // Cambiar botón activo 3465 switchButtons.forEach(function (button) { 3466 3467 const buttonPlan = button.getAttribute('data-plan'); 3468 3469 button.classList.toggle( 3470 'is-active', 3471 buttonPlan === target 3472 ); 3473 3474 }); 3475 3476 } 3477 3478 3479 // ========================================== 3480 // EVENTOS DE LOS BOTONES 3481 // ========================================== 3482 switchButtons.forEach(function (button) { 3483 3484 button.addEventListener('click', function () { 3485 3486 const target = button.getAttribute('data-plan'); 3487 3488 setPlanView(target); 3489 3490 }); 3491 3492 }); 3493 3494 3495 // ========================================== 3496 // PLAN INICIAL 3497 // ========================================== 3498 const activeButton = document.querySelector( 3499 '.gpon-plans .plan-switch-btn.is-active' 3500 ); 3501 3502 const initialPlan = activeButton 3503 ? activeButton.getAttribute('data-plan') 3504 : 'fibra'; 3505 3506 setPlanView(initialPlan); 3507 3508 3509 // ========================================== 3510 // EFECTO HOVER DE LAS TARJETAS 3511 // ========================================== 3512 function initPlanCardHover() { 3513 3514 const planCards = document.querySelectorAll( 3515 '.gpon-plans .plan_item_efecto' 3516 ); 3517 3518 planCards.forEach(function (card) { 3519 3520 card.addEventListener('mouseenter', function (event) { 3521 3522 planCards.forEach(function (item) { 3523 3524 item.style.transform = 'scale(0.9, 0.9)'; 3525 3526 }); 3527 3528 event.currentTarget.style.transform = 'scale(1.08, 1.08)'; 3529 3530 }); 3531 3532 3533 card.addEventListener('mouseleave', function () { 3534 3535 planCards.forEach(function (item) { 3536 3537 item.style.transform = ''; 3538 3539 }); 3540 3541 }); 3542 3543 }); 3544 3545 } 3546 3547 3548 initPlanCardHover(); 3549 3550 }); 3551 3552 </script>
3552 3553</body> 3554 3555</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.