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 © 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">×</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.