PageSourceSearch

https://delafm.cl/

html delafm.cl collected 2026-10-03 18:19:01 UTC 22,867 bytes, 642 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  <meta name="robots" content="index, follow">
8
9  <link rel="canonical" href="https://www.delafm.cl/index.php" />
10
11  <title>DELA DIGITAL - Tu señal sabrosona en El Monte</title>
12  <meta content="Somos la radio sabrosona tropical-ranchera y latina que te acompaña las 24 horas en El Monte, Talagante, El Paico, Pomaire y parte de Melipilla, nos escuchas en delafm.cl o por aca en delafm.cl" name="description">
13  <meta content="delafm, radio, dela, el monte, radios, señal, sabrosona, talagante, el paico, lo chacon, pomaire, tropical, ranchera, energetica, energia, relax, kairos" name="keywords">
14
15  <link rel="icon" href="favicon/favicon.ico" type="image/x-icon">
16  <link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon.png">
17  <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
18  <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
19
20  <link rel="manifest" href="manifest.json">
21  <meta name="theme-color" content="#cc0000">
22
23  <link rel="preconnect" href="https://fonts.googleapis.com">
24  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
25  <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600;1,700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet">
26  <link href='https://fonts.googleapis.com/css?family=Rampart+One' rel='stylesheet' />
27  
28  <link href="https://fonts.googleapis.com/css2?family=Anton&family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
29
30  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
31  <link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
32  <link href="assets/vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
33  <link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
34  <link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
35  <link href="assets/vendor/aos/aos.css" rel="stylesheet">
36
37  <link href="assets/css/main.css" rel="stylesheet">
38
39  
39<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
39
40
41  
41<script>
42    console.log = function() {};
43    console.error = function() {};
44    console.warn = function() {};
45    console.info = function() {};
46  </script>
46
47
48  <style>
49      body {
50          -webkit-user-select: none;
51          -ms-user-select: none;
52          user-select: none;
53      }
54
55      #imgAuspiciadores {
56          width: 300px;
57          height: 300px;
58      }
59      .modal-dela {
60          display: none;
61          position: fixed;
62          z-index: 10000;
63          left: 0;
64          top: 0;
65          width: 100%;
66          height: 100%;
67          background: rgba(0,0,0,0.45);
68          backdrop-filter: blur(3px);      
69      }
70      .modal-dela-content {
71          position: relative;
72          margin: 6% auto;              
73          width: 92%;                    
74          max-width: 1080px;            
75          background: #000;              
76          border-radius: 12px;
77          overflow: hidden;
78          box-shadow: 0 0 40px rgba(0,0,0,0.35);
79      }
80      .modal-dela-content iframe {
81          width: 100%;
82          height: 600px; 
83      }
84      .modal-dela-close {
85          position: absolute;
86          right: 15px;
87          top: 10px;
88          font-size: 32px;
89          color: #fff;
90          cursor: pointer;
91          font-weight: bold;
92          z-index: 10001;
93      }
94
95      .modal-evento {
96          display: none;
97          position: fixed;
98          z-index: 100000;
99          left: 0;
100          top: 0;
101          width: 100%;
102          height: 100%;
103          background: rgba(0,0,0,0.75);
104          backdrop-filter: blur(4px);
105      }
106
107      .modal-evento-content {
108          position: absolute;
109          top: 50%;
110          left: 50%;
111          transform: translate(-50%, -50%);
112          width: 90%;
113          max-width: 850px;
114          background: #cc0000;
115          border-radius: 16px;
116          overflow: hidden;
117          box-shadow: 0 15px 50px rgba(0,0,0,0.6);
118          display: flex;
119          flex-direction: row;
120          animation: eventoPop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
121      }
122
123      @keyframes eventoPop {
124          0% { transform: translate(-50%, -40%) scale(0.8); opacity: 0; }
125          100% { transform: translate(-50%, -50%) scale(1); opacity: 1; }
126      }
127
128      .evento-imagen {
129          width: 50%;
130          background: #ffffff; /* Fondo blanco para disimular los bordes */
131          display: flex;
132          align-items: center;
133          justify-content: center;
134      }
135
136      .evento-imagen img {
137          width: 100%;
138          height: 100%;
139          object-fit: contain; /* Esto fuerza a que se vea 100% la imagen sin cortes */
140          display: block;
141      }
142
143      .evento-info {
144          width: 50%;
145          padding: 40px 30px;
146          display: flex;
147          flex-direction: column;
148          justify-content: center;
149          text-align: center;
150          color: white;
151      }
152
153      .evento-info h2 {
154          font-family: 'Anton', sans-serif;
155          font-size: 3.5rem;
156          margin-bottom: 5px;
157          text-transform: uppercase;
158          line-height: 1;
159          text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
160      }
161
162      .evento-info h3 {
163          font-family: 'Montserrat', sans-serif;
164          font-weight: 700;
165          font-size: 1.4rem;
166          margin-bottom: 15px;
167          color: #ffeb3b;
168      }
169
170      .evento-info p {
171          font-family: 'Montserrat', sans-serif;
172          font-size: 1rem;
173          margin-bottom: 25px;
174          line-height: 1.5;
175      }
176
177      .btn-evento-cerrar {
178          background: #fff;
179          color: #cc0000;
180          border: none;
181          padding: 12px 25px;
182          font-family: 'Montserrat', sans-serif;
183          font-size: 1.1rem;
184          font-weight: 700;
185          border-radius: 8px;
186          cursor: pointer;
187          transition: 0.3s;
188          text-transform: uppercase;
189      }
190
191      .btn-evento-cerrar:hover {
192          background: #f8f9fa;
193          transform: scale(1.05);
194      }
195
196      .modal-evento-close {
197          position: absolute;
198          top: 10px;
199          right: 15px;
200          font-size: 32px;
201          color: #fff;
202          cursor: pointer;
203          z-index: 10;
204          line-height: 1;
205          transition: 0.2s;
206      }
207
208      .modal-evento-close:hover {
209          color: #ffeb3b;
210      }
211
212      @media (max-width: 768px) {
213          .modal-evento-content {
214              flex-direction: column;
215              max-height: 90vh;
216              width: 85%;
217          }
218          .evento-imagen {
219              width: 100%;
220              height: 350px;
221          }
222          .evento-info {
223              width: 100%;
224              padding: 25px 20px;
225          }
226          .evento-info h2 {
227              font-size: 2.5rem;
228          }
229          .evento-info h3 {
230              font-size: 1.2rem;
231          }
232          .modal-evento-close {
233              color: #fff;
234              background: rgba(0,0,0,0.5);
235              border-radius: 50%;
236              width: 35px;
237              height: 35px;
238              text-align: center;
239              line-height: 32px;
240              right: 10px;
241              top: 10px;
242          }
243      }
244  </style>
245</head>
246
247<body oncontextmenu="return false;">
248
249  <header id="header" class="header d-flex align-items-center fixed-top">
250    <div class="container-fluid container-xl d-flex align-items-center justify-content-between">
251
252      <a href="index.php" class="logo d-flex align-items-center">
253        <h1><img src="assets/img/DELA.png" alt="Dela FM"></h1>
254      </a>
255
256      <i class="mobile-nav-toggle mobile-nav-show bi bi-list"></i>
257      <i class="mobile-nav-toggle mobile-nav-hide d-none bi bi-x"></i>
258      <nav id="navbar" class="navbar">
259        <ul>
260          <li><a href="index.php" class="active">Home</a></li>
261          <li><a href="nosotros.php">Quienes Somos</a></li>
262          <li><a href="#" >Publicidad</a></li>
263          <li><a href="contacto.php">Contáctanos</a></li>
264          <li><a class="get-a-quote" href="https://wa.me/56929422778?text=Hola">WhatsApp</a></li>
265          <li><a class="get-a-quote" id="openTv" href="#">Dela TV</a></li>
266          <li class="d-lg-none">
267              <a class="get-a-quote" id="btnInstalarApp" href="#" style="display: none; background-color: #cc0000; color: white;">Instalar App</a>
268          </li>
269        </ul>
270      </nav>
271    </div>
272  </header>
273
274  <section id="hero" class="hero d-flex align-items-center">
275    <div class="container">
276      <div class="row gy-4 d-flex justify-content-between">
277        <div class="col-lg-6 order-2 order-lg-1 d-flex flex-column justify-content-center">
278          <h2 data-aos="fade-up">Escúchanos en vivo!</h2>
279          <p data-aos="fade-up" data-aos-delay="100">Desde el corazón de El Monte, trayéndote la mejor música… ¡Dela! La número 1 en tus oídos.Tu señal sabrosona que alegra y acompaña tus días; llévala donde quieras por internet y escúchala aquí.</p>
280          
281          <h3 data-aos="fade-up">El clima en El Monte</h3>
282
283          <div class="row gy-4" data-aos="fade-up" data-aos-delay="400">
284            <div class="col-lg-3 col-6">
285              <div class="stats-item text-center w-100 h-100">
286                <span id="temp">27°</span>
287                <p>Temperatura</p>
288              </div>
289            </div>
290            <div class="col-lg-3 col-6">
291              <div class="stats-item text-center w-100 h-100">
292                <span id="hum">46%</span>
293                <p>Humedad</p>
294              </div>
295            </div>
296            <div class="col-lg-3 col-6">
297              <div class="stats-item text-center w-100 h-100">
298                <span id="mintemp">12°</span>
299                <p>Mínima</p>
300              </div>
301            </div>
302            <div class="col-lg-3 col-6">
303              <div class="stats-item text-center w-100 h-100">
304                <span id="maxtemp">29°</span>
305                <p>Máxima</p>
306              </div>
307            </div>
308          </div>
309        </div>
310
311        <div class="col-lg-5 order-1 order-lg-2 hero-img" data-aos="zoom-out">
312          <div id="contenido">Cargando reproductor...</div>
313        </div>
314
315      </div>
316    </div>
317  </section>
318
319  <main id="main">
320
321    <section id="about" class="about pt-5">
322      <div class="container" data-aos="fade-up">
323
324        <div class="row gy-4">
325          <div class="col-lg-6 position-relative order-lg-last order-first">
326            <b>Nuestros Auspiciadores</b><br />
327            <img src="" class="img-fluid" id="imgAuspiciadores" alt="">
328          </div>
329          
330          <div class="col-lg-6 content order-last order-lg-first">
331            <h3>Publicita con nosotros!</h3>
332            <div style="margin-bottom: 20px;">
333              <p>Somos una de las radios mas escuchadas dentro de la comuna, muchos montinos nos sintonizan en línea! ¿Que esperas para poder dar a conocer tu negocio?</p>
334              <p><b>Somos una radio vibrante, llena de energía y optimismo...</b> Esto ha marcado la diferencia dentro de las radios de la comuna y ganando las preferencias del público que día a día nos sintoniza fielmente. No esperes más y lleva tu negocio a nuevos clientes!</p>
335            </div>
336            
337            <section id="horizontal-pricing" class="horizontal-pricing pt-0">
338              <div class="container aos-init aos-animate" data-aos="fade-up">
339                <div class="row gy-12 pricing-item aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
340                  <div class="col-lg-12 d-flex align-items-center justify-content-center">
341                    <div class="text-center"><a href="contactopub.php" class="buy-btn">Contáctanos Ahora</a></div>
342                  </div>
343                </div>
344              </div>
345            </section>
346          </div>
347        </div>
348
349      </div>
350    </section>
351  </main>
352
353  <footer id="footer" class="footer">
354    <div class="container">
355      <div class="row gy-4">
356        <div class="col-lg-5 col-md-12 footer-info">
357          <a href="index.html" class="logo d-flex align-items-center">
358            <span>Dela DIGITAL</span>
359          </a>
360          <p><em>Tu señal sabrosona!</em><br />
361            <b>DELA DIGITAL</b><br />
362          El Monte | El Paico | Lo Chacón | Chile </p>
363          <div class="social-links d-flex mt-4">
364            <a href="#" class="facebook"><i class="bi bi-facebook"></i></a>
365            <a href="#" class="instagram"><i class="bi bi-instagram"></i></a>
366          </div>
367        </div>
368
369        <div class="col-lg-2 col-6 footer-links">
370          <h4>Vínculos Útiles</h4>
371          <ul>
372            <li><a href="index.php">Home</a></li>
373            <li><a href="nosotros.php">Quienes Somos</a></li>
374            <li><a href="contactopub.php">Publicita en Dela</a></li>
375            <li><a href="contacto.php">Promociona tu Música</a></li>
376          </ul>
377        </div>
378
379        <div class="col-lg-2 col-6 footer-links">
380          <h4>Programas</h4>
381          <ul>
382            <li><a href="#">KairosNoticias</a></li>
383            <li><a href="#">Espacios Musicales</a></li>
384            <li><a href="contacto.php">Tu programa en Dela</a></li>
385          </ul>
386        </div>
387
388        <div class="col-lg-3 col-md-12 footer-contact text-center text-md-start">
389          <h4>Contáctanos</h4>
390          <p>
391            <strong>WhatsApp:</strong> +569 2942 2778<br>
392            <strong>Email:</strong> [email protected]<br>
393          </p>
394        </div>
395
396      </div>
397    </div>
398
399    <div class="container mt-4">
400      <div class="copyright">
401        &copy; Copyright 2026 <strong><span>Inversiones Traslaviña SPA</span></strong>. Todos los derechos reservados
402      </div>
403      <div class="credits">
404        Designed by <a href="#/">Dela - El Monte</a>
405      </div>
406    </div>
407  </footer>
408
409  <a href="#" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>
410
411  
411<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
411
412  
412<script src="assets/vendor/purecounter/purecounter_vanilla.js"></script>
412
413  
413<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
413
414  
414<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
414
415  
415<script src="assets/vendor/aos/aos.js"></script>
415
416  
416<script src="assets/vendor/php-email-form/validate.js"></script>
416
417
418  
418<script src="assets/js/main.js"></script>
418
419  
419<script src="https://cdn.startbootstrap.com/sb-forms-latest.js"></script>
419
420  
421  
421<script type="text/javascript">
422    $(document).ready(function(){
423      // Lógica del Modal del Evento
424      if (!sessionStorage.getItem('avisoEventoVisto')) {
425          setTimeout(function() {
426              $('#eventoModal').fadeIn(400);
427          }, 1500);
428      }
429
430      $('#cerrarX, #cerrarBtn').on('click', function() {
431          $('#eventoModal').fadeOut(300);
432          sessionStorage.setItem('avisoEventoVisto', 'true');
433      });
434
435      window.addEventListener('click', function(e) {
436          var modalEve = document.getElementById('eventoModal');
437          if (e.target == modalEve) {
438              $('#eventoModal').fadeOut(300);
439              sessionStorage.setItem('avisoEventoVisto', 'true');
440          }
441      });
442
443      $("#contenido").load("player.php", function(response, status, xhr){
444          if(status == "error"){
445              var msg = ""; 
446              $("#contenido").html(msg);
447          }
448      });
449
450        const imagenes = [
451            "auspiciadores/new/cronetv_2.png",
452            "auspiciadores/new/ferreteria_5.png",
453            "auspiciadores/new/montino_1.png",
454            "auspiciadores/new/o2oalmacenes_3.png",
455            "auspiciadores/new/ourob_1.png",
456            "auspiciadores/new/pacifico_2.png",
457            "auspiciadores/new/pawynvet.png",
458            "auspiciadores/new/runkun_6.png",
459            "auspiciadores/new/tiolito_9.png",
460            "auspiciadores/new/viste_4.png",
461            "auspiciadores/new/pepita.png",
462            "auspiciadores/new/insalum_1.png"
463        ];
464
465        let indiceImagen = 0;
466        const tiempoRotacion = 5000; 
467
468        function rotarImagenConTransicion() {
469            $("#imgAuspiciadores").fadeOut("slow", function() {
470                $(this).attr("src", imagenes[indiceImagen]).fadeIn("slow");
471            });
472            indiceImagen = (indiceImagen + 1) % imagenes.length; 
473        }
474
475        rotarImagenConTransicion(); 
476        setInterval(rotarImagenConTransicion, tiempoRotacion); 
477    });
478  </script>
478
479  
480  
480<script src="weather.js?v=2"></script>
480
481  
482  <div id="tvModal" class="modal-dela">
483    <div class="modal-dela-content">
484        <span class="modal-dela-close">&times;</span>
485        <iframe 
486            src="https://iptv2.cronet.cl/onlinedela/embed.html"
487            frameborder="0" 
488            allowfullscreen>
489        </iframe>
490    </div>
491  </div>
492
493  
493<script>
494  document.getElementById("openTv").addEventListener("click", function(e){
495      e.preventDefault();
496      document.getElementById("tvModal").style.display = "block";
497  });
498
499  document.querySelector(".modal-dela-close").addEventListener("click", function(){
500      document.getElementById("tvModal").style.display = "none";
501  });
502
503  window.onclick = function(e){
504      if(e.target == document.getElementById("tvModal")){
505          document.getElementById("tvModal").style.display = "none";
506      }
507  }
508  </script>
508
509
510  <style>
511      .dela-auto-banner {
512          display: none; 
513          position: fixed;
514          bottom: 0;
515          left: 0;
516          width: 100%;
517          background: #ffffff;
518          padding: 20px 20px calc(20px + env(safe-area-inset-bottom));
519          box-shadow: 0 -5px 20px rgba(0,0,0,0.15);
520          z-index: 10000;
521          text-align: center;
522          border-radius: 20px 20px 0 0;
523          font-family: 'Montserrat', sans-serif;
524      }
525      .dela-auto-banner h4 {
526          color: #222;
527          font-size: 16px;
528          font-weight: 700;
529          margin: 0 0 10px 0;
530      }
531      .dela-auto-banner p {
532          color: #666;
533          font-size: 13px;
534          margin: 0 0 15px 0;
535      }
536      .dela-banner-botones {
537          display: flex;
538          gap: 10px;
539          justify-content: center;
540      }
541      .dela-btn-instalar {
542          background: #cc0000;
543          color: white;
544          border: none;
545          padding: 12px 25px;
546          border-radius: 8px;
547          font-weight: 600;
548          width: 60%;
549      }
550      .dela-btn-cerrar {
551          background: #f0f0f0;
552          color: #333;
553          border: none;
554          padding: 12px;
555          border-radius: 8px;
556          font-weight: 600;
557          width: 35%;
558      }
559  </style>
560
561  <div id="delaAutoBanner" class="dela-auto-banner">
562      <h4>¡Lleva la señal sabrosona!</h4>
563      <p id="delaBannerTexto">Instala la App de Dela FM y escúchanos con la pantalla apagada.</p>
564      <div class="dela-banner-botones">
565          <button id="btnBannerInstalar" class="dela-btn-instalar">Instalar App</button>
566          <button id="btnBannerCerrar" class="dela-btn-cerrar">Después</button>
567      </div>
568  </div>
569
570  
570<script>
571    let eventoInstalacion = null;
572    const btnInstalarMenu = document.getElementById('btnInstalarApp'); 
573    const autoBanner = document.getElementById('delaAutoBanner');
574    const btnBannerInstalar = document.getElementById('btnBannerInstalar');
575    const btnBannerCerrar = document.getElementById('btnBannerCerrar');
576    const bannerTexto = document.getElementById('delaBannerTexto');
577
578    if ('serviceWorker' in navigator) {
579      window.addEventListener('load', () => {
580        navigator.serviceWorker.register('/sw.js');
581      });
582    }
583
584    const isStandalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone === true;
585    
586    if (!isStandalone && /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
587        
588        const bannerOcultoHasta = localStorage.getItem('delaBannerOculto');
589        const ahora = new Date().getTime();
590
591        if (!bannerOcultoHasta || ahora > parseInt(bannerOcultoHasta)) {
592            setTimeout(() => {
593                autoBanner.style.display = 'block';
594            }, 2000);
595        }
596    }
597
598    window.addEventListener('beforeinstallprompt', (e) => {
599      e.preventDefault();
600      eventoInstalacion = e;
601      if(btnInstalarMenu) btnInstalarMenu.style.display = 'block';
602    });
603
604    btnBannerInstalar.addEventListener('click', async (e) => {
605        e.preventDefault();
606        
607        if (eventoInstalacion) {
608            eventoInstalacion.prompt();
609            const { outcome } = await eventoInstalacion.userChoice;
610            if (outcome === 'accepted') {
611                autoBanner.style.display = 'none';
612            }
613            eventoInstalacion = null;
614        } 
615        else if (/iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream) {
616            bannerTexto.innerHTML = "Toca <b>Compartir</b> <i class='fas fa-share-square'></i> y luego <b>Agregar a Inicio</b>.";
617            btnBannerInstalar.style.display = 'none'; 
618            btnBannerCerrar.style.width = '100%'; 
619            btnBannerCerrar.innerHTML = "Entendido";
620        }
621    });
622
623    btnBannerCerrar.addEventListener('click', () => {
624        autoBanner.style.display = 'none';
625        const manana = new Date().getTime() + (24 * 60 * 60 * 1000);
626        localStorage.setItem('delaBannerOculto', manana.toString());
627    });
628
629    if(btnInstalarMenu) {
630        btnInstalarMenu.addEventListener('click', async (e) => {
631          e.preventDefault();
632          if (eventoInstalacion) {
633            eventoInstalacion.prompt();
634            const { outcome } = await eventoInstalacion.userChoice;
635            eventoInstalacion = null;
636          } 
637        });
638    }
639  </script>
639
640
641</body>
642</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.