PageSourceSearch

https://gpon.pe/planes-fibra.php

html gpon.pe collected 2026-10-07 22:26:10 UTC 100,870 bytes, 3,555 lines download raw bytes

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">&times;</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.