1 <!doctype html> 2<html lang="es"> 3 4<head> 5 <!-- Basic Page Needs =====================================--> 6 <meta charset="utf-8"> 7 8 <!-- Mobile Specific Metas ================================--> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 11 12 <title>CAUL Y ENERGÃA DE MISIONES AVANZAN EN OBRAS PARA FORTALECER EL SERVICIO ELÃCTRICO - Cooperativa Alto Uruguay Limitada</title> 13 <meta http-equiv="x-dns-prefetch-control" content="on"> 14 <meta name="author" content="LocucionAR"> 15 <meta name="description" content="CAUL Y ENERGÃA DE MISIONES AVANZAN EN OBRAS PARA FORTALECER EL SERVICIO ELÃCTRICO - Cooperativa Alto Uruguay Limitada"> 16 17 <link rel="icon" href="../../../images/logo/icono_1757373121.png"> 18 19 <style type="text/css"> 20 21 :root{ 22 --primary: #f5a033; 23 --primary-color: #f5a033; 24 --secondary: #000000; 25 --primary-gdnt: linear-gradient(#f5a033, #000000); 26 --hover-gdnt: linear-gradient(#000000, #f5a033); 27 --light-secondary: #000000; 28 --header: rgba(0,0,0,0.7); 29 30 --footer: #000000; 31 32 --banner-play: linear-gradient(rgba(245,160,51,0.7), rgba(0,0,0,0.7)); 33 --banner-oly: linear-gradient(to top,rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 34 --video-icon: linear-gradient(rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 35 --video-oly: linear-gradient(rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 36 --team-hover-oly: linear-gradient(rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 37 --show-oly: linear-gradient(rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 38 --show-hover-oly: linear-gradient(rgba(245,160,51,0.5),rgba(0,0,0,0.1)); 39 --blog-oly: linear-gradient(to top, rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 40 --blog-hover-oly: linear-gradient(to top, rgba(245,160,51,0.5) rgba(0,0,0,0.1)); 41 --about-oly: linear-gradient(rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 42 --counter-oly: linear-gradient(rgba(245,160,51,0.5), rgba(0,0,0,0.1)); 43 } 44 45 .back2top-btn a i{ 46 -webkit-box-shadow:0px 0px 17px 3px rgba(245,160,51,0.5),0px 0px 17px 3px rgba(0,0,0,0.1); 47 box-shadow:0px 0px 17px 3px rgba(245,160,51,0.5),0px 0px 17px 3px rgba(0,0,0,0.1);} 48 49 50 @-webkit-keyframes mahmud{0%{ 51 -webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1); 52 box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1)} 53 30%{-webkit-box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1)}60%{-webkit-box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1)}100%{-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1)}} 54 @keyframes mahmud{0%{-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1)}30%{-webkit-box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 0px rgba(0,0,0,0.1)}60%{-webkit-box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 20px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1)}100%{-webkit-box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1);box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1),0px 0px 0px 15px rgba(0,0,0,0.1)}} 55 56 57 /* Define styles for images aligned to the left */ 58.image-style-align-left { 59 float: left; 60 margin-right: 1em; 61 max-width: 50%; 62} 63 64.image-style-align-left img { 65 width: 100%; 66 height: auto; 67} 68 69/* Define styles for images aligned to the right */ 70.image-style-align-right { 71 float: right; 72 margin-left: 1em; 73 max-width: 50%; 74} 75 76.image-style-align-right img { 77 width: 100%; 78 height: auto; 79} 80 81/* Define styles for block images aligned to the left */ 82.image-style-align-block-left { 83 display: block; 84 margin-left: 0; 85 margin-right: auto; 86} 87 88.image-style-align-block-left img { 89 width: 100%; 90 height: auto; 91} 92 93/* Define styles for block images aligned to the right */ 94.image-style-align-block-right { 95 display: block; 96 margin-left: auto; 97 margin-right: 0; 98} 99 100.image-style-align-block-right img { 101 width: 100%; 102 height: auto; 103} 104 105/* Define styles for centered block images */ 106figure.image { 107 display: block; 108 margin-left: auto; 109 margin-right: auto; 110 text-align: center; 111} 112 113figure.image img { 114 display: block; 115 margin-left: auto; 116 margin-right: auto; 117 height: auto; 118} 119 120/* Define styles for images displayed inline with text */ 121.image-style-inline { 122 display: inline; 123 margin: 0; 124 max-width: 100%; 125} 126 127.image-style-inline img { 128 width: auto; 129 height: auto; 130} 131 132/* Define styles for images displayed as side */ 133.image-style-side { 134 float: right; 135 margin-left: 1em; 136 max-width: 50%; 137} 138 139.image-style-side img { 140 width: 100%; 141 height: auto; 142} 143 144/* Define styles for image captions */ 145figure.image figcaption { 146 font-size: 0.9em; 147 color: #666; 148 text-align: center; 149 margin-top: 0.5em; 150} 151 152/* Override the minimum height for captions */ 153figure.image figcaption { 154 min-height: auto; 155 margin: 0.5em 0; /* You can adjust this value */ 156} 157 158 159figure.image { 160 min-height: auto !important; 161 display: block; /* Adjust display property if needed */ 162 text-align: center; /* Ensure figures are centered */ 163} 164 165#contenido_articulo img { 166 width: 100%; 167 height: auto; 168} 169 170.entry-content img { 171 max-width: 100%; 172 height: auto; /* mantiene la proporción */ 173 display: block; /* evita espacios indeseados */ 174} 175 176 177 </style> 178 179 180 <meta property="og:title" content="CAUL Y ENERGÃA DE MISIONES AVANZAN EN OBRAS PARA FORTALECER EL SERVICIO ELÃCTRICO - Cooperativa Alto Uruguay
180Limitada" /> 181 <meta property="og:type" content="article" /> 182 <meta property="og:description" content="Las acciones buscan anticiparse a posibles fenómenos climáticos de gran intensidad y garantizar que Colonia Aurora y las localidades cercanas puedan sostener su crecimiento y desarrollo con un servicio eléctrico más seguro y estable." /> 183 <meta property="og:url" content="https://caul.com.ar/articulo/2026/08/caul-y-energia-de-misiones-avanzan-en-obras-para-fortalecer-el-servicio-electrico.php" /> 184 <meta property="og:site_name" content="Cooperativa Alto Uruguay Limitada" /> 185 <meta property="og:image" content="https://caul.com.ar/images/noticias/61228_1787876558.jpeg" /> 186 <meta property="og:image:width" content="693" /> 187 <meta property="og:image:height" content="353" /> 188 189 <meta name="twitter:card" content="summary" /> 190<meta name="twitter:site" content="@" /> 191<meta name="twitter:title" content="CAUL Y ENERGÃA DE MISIONES AVANZAN EN OBRAS PARA FORTALECER EL SERVICIO ELÃCTRICO" /> 192<meta name="twitter:description" content="Las acciones buscan anticiparse a posibles fenómenos climáticos de gran intensidad y garantizar que Colonia Aurora y las localidades cercanas puedan sostener su crecimiento y desarrollo con un servicio eléctrico más seguro y estable." /> 193<meta name="twitter:image" content="https://caul.com.ar/images/noticias/61228_1787876558.jpeg" /> 194 195 196<!-- CSS 197 ==================================================== --> 198 <!-- Bootstrap --> 199 <link rel="stylesheet" href="../../../css/bootstrap.min.css"> 200 201 <!-- Font Awesome --> 202 <link rel="stylesheet" href="../../../css/font-awesome.min.css"> 203 204 <!-- Font Awesome --> 205 <link rel="stylesheet" href="../../../css/animate.css"> 206 207 <!-- IcoFonts --> 208 <link rel="stylesheet" href="../../../css/icofonts.css"> 209 210 <!-- Owl Carousel --> 211 <link rel="stylesheet" href="../../../css/owlcarousel.min.css"> 212 213 214 215 <!-- navigation --> 216 <link rel="stylesheet" href="../../../css/navigation.css"> 217 218 <!-- magnific popup --> 219 <link rel="stylesheet" href="../../../css/magnific-popup.css"> 220 221 222 <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet"> 223 224 <!-- Style --> 225 <link rel="stylesheet" href="../../../css/style.css"> 226 227 <link rel="stylesheet" href="../../../css/colors/color-10.css"> 228 229 <link rel="stylesheet" href="../../../css/colors/dark-mode.css"> 230 231 <!-- Responsive --> 232 <link rel="stylesheet" href="../../../css/responsive.css"> 233 234 235 236 </head> 237 238<body class="body-color" > 239 240 <div id="fb-root"></div>
241<script>(function(d, s, id) { 242 var js, fjs = d.getElementsByTagName(s)[0]; 243 if (d.getElementById(id)) return; 244 js = d.createElement(s); js.id = id; 245 js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.5&appId=382638448608785"; 246 fjs.parentNode.insertBefore(js, fjs); 247}(document, "script", "facebook-jssdk"));</script>
247 248
249<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
249 250
251<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
251 252 253<!-- top bar start --> 254 <section class="top-bar v3"> 255 <div class="container"> 256 <div class="row"> 257 <div class="col-lg-6 align-self-center"> 258 <div class="ts-date"> 259 <i class="fa fa-clock-o"></i> 260 Lunes, 05 de octubre </div> 261 262 </div> 263 <!-- end col--> 264 265 <div class="col-lg-6 text-right align-self-center"> 266 <ul class="top-social"> 267 <li><a href="https://www.facebook.com/infocaul" target="_blank"> 268 <i class="fa fa-facebook"></i> 269 </a><a href="https://www.instagram.com/infocaul" target="_blank"> 270 <i class="fa fa-instagram"></i> 271 </a></li> 272 273 </ul> 274 </div> 275 <!--end col --> 276 277 278 </div> 279 <!-- end row --> 280 </div> 281 </section> 282 <!-- end top bar--> 283 284 <!-- ad banner start --> 285 <section class="header-middle"> 286 <div class="container"> 287 <div class="row"> 288 <div class="col-lg-12" id="banner_encabezado"> 289 290 291 292 293 </div> 294 <!-- col end --> 295 </div> 296 <!-- row end --> 297 </div> 298 <!-- container end --> 299 </section> 300 <!-- ad banner end --> 301 302 <!-- header nav start--> 303 <header class="header-default"> 304 <div class="container"> 305 <div class="row"> 306 <div class="col-lg-2 pr-0"> 307 <div class="logo"> 308 <a href="../../../index.php"> 309 <img src="../../../images/logo/logo_1757373121.png" alt="" width="100"> 310 </a> 311 </div> 312 313 </div> 314 <!-- logo end--> 315 <div class="col-lg-10 header-nav-item"> 316 <div class="ts-breaking-news clearfix"> 317 <h2 class="breaking-title float-left"> 318 <i class="fa fa-bolt"></i> Ãltimo Momento :</h2> 319 <div class="breaking-news-content owl-carousel float-left" id="breaking_slider"> 320 </div> 321 </div> 322 <!--nav top end--> 323 <nav class="navigation ts-main-menu navigation-landscape"> 324 <div class="nav-header"> 325 <a class="nav-brand mobile-logo visible-xs" href="index.php"> 326 <img src="../../../images/logo/logo_1757373121.png" alt="" width="60"> 327 </a> 328 <div class="nav-toggle"></div> 329 </div> 330 <!--nav brand end--> 331 332 <div class="nav-menus-wrapper clearfix"> 333 <!--nav right menu start--> 334 <ul class="right-menu align-to-right"> 335 <li> 336 <a id="toggleDarkMode" title="Modo Oscuro"> 337 <i id="iconoModo" class="bi bi-moon-fill"></i> 338 </a> 339 </li> 340 <li class="header-search"> 341 <div class="nav-search"> 342 <div class="nav-search-button"> 343 <i class="icon icon-search"></i> 344 </div> 345 <form> 346 <span class="nav-search-close-button" tabindex="0">â</span> 347 <div class="nav-search-inner"> 348 <input type="search" name="search" placeholder="Escriba y presione ENTER"> 349 </div> 350 </form> 351 </div> 352 </li> 353 </ul> 354 <!--nav right menu end--> 355 356 <!-- nav menu start--> 357 <ul class="nav-menu" id="menu"> 358 <li class=""> 359 <a href="../../../index.php">Inicio</a> 360 </li> 361 </ul> 362 </li> 363 364 365 </ul> 366 <!--nav menu end--> 367 </div> 368 </nav> 369 <!-- nav end--> 370 </div> 371 </div> 372 </div> 373 </header> 374 <!-- header nav end--><!-- single post start --> 375 <section class="single-post-wrapper post-layout-10"> 376 <div class="container"> 377 <div class="row mb-30"> 378 <div class="col-lg-12"> 379 <input type="text" id="id_noticia" name="id_noticia" style="display:none" value="61228" > 380 <div class="entry-header"> 381 <a href="../../../categoria.php?cod=1" class="post-cat ts-orange-bg" style="background-color: #a8cf46;">ENERGIA ELECTRICA</a> 382 <h2 class="post-title lg">CAUL Y ENERGÃA DE MISIONES AVANZAN EN OBRAS PARA FORTALECER EL SERVICIO ELÃCTRICO</h2> 383 <p class="">Las acciones buscan anticiparse a posibles fenómenos climáticos de gran intensidad y garantizar que Colonia Aurora y las localidades cercanas puedan sostener su crecimiento y desarrollo con un servicio eléctrico más seguro y estable.</p> 384 <ul class="post-meta-info"> 385 <li class="author"> 386 <a href="#"> 387 <img src="../../../admin/dist/img/perfiles/admin.png" alt=""> admin 388 </a> 389 </li> 390 <li> 391 <i class="fa fa-clock-o"></i> 392 27 Agosto, 2026 393 </li> 394 <li class="active" id="lecturas" style="display:"> 395 <i class="icon-fire"></i> 396 1 397 </li> 398 <style> 399 .share-popup { 400 display: none; 401 position: absolute; 402 background: #fff; 403 border: 1px solid #ccc; 404 padding: 10px; 405 border-radius: 8px; 406 box-shadow: 2px 4px 10px rgba(0,0,0,0.2); 407 z-index: 1000; 408 width: 220px; 409 } 410 411 .share-popup a { 412 display: block; 413 margin: 6px 0; 414 text-decoration: none; 415 color: #333; 416 font-size: 15px; 417 } 418 419 .share-popup a:hover { 420 text-decoration: underline; 421 } 422 </style> 423 424 <li class="share-post" style="position: relative;"> 425 <a href="#" onclick="shareThisPage(event)"> 426 <i class="bi bi-share-fill"></i> 427 </a> 428 <div class="share-popup" id="share-options"> 429 <a href="#" onclick="shareTo('facebook')">ð Compartir en Facebook</a> 430 <a href="#" onclick="shareTo('twitter')">ð¦ Compartir en Twitter</a> 431 <a href="#" onclick="shareTo('whatsapp')">ð¬ Compartir por WhatsApp</a> 432 <a href="#" onclick="copyLink()">ð Copiar enlace</a> 433 </div> 434 </li> 435 436
436<script> 437 // Obtener la URL desde la etiqueta meta og:url 438 function getOgUrl() { 439 const meta = document.querySelector('meta[property="og:url"]'); 440 return meta ? meta.getAttribute("content") : window.location.href; 441 } 442 443 function shareThisPage(event) { 444 event.preventDefault(); 445 446 const url = getOgUrl(); // usar og:url si existe 447 const title = document.title; 448 const text = 'Mirá esta noticia interesante:'; 449 450 if (navigator.share) { 451 navigator.share({ 452 title: title, 453 text: text, 454 url: url 455 }).catch((error) => console.log('Error al compartir:', error)); 456 } else { 457 const popup = document.getElementById('share-options'); 458 popup.style.display = (popup.style.display === 'block') ? 'none' : 'block'; 459 } 460 } 461 462 function shareTo(platform) { 463 const url = encodeURIComponent(getOgUrl()); 464 const text = encodeURIComponent(document.title); 465 466 let shareUrl = ''; 467 switch(platform) { 468 case 'facebook': 469 shareUrl = `https://www.facebook.com/sharer/sharer.php?u=${url}`; 470 break; 471 case 'twitter': 472 shareUrl = `https://twitter.com/intent/tweet?url=${url}&text=${text}`; 473 break; 474 case 'whatsapp': 475 shareUrl = `https://web.whatsapp.com/send?text=${text}%20${url}`; 476 break; 477 } 478 479 if (shareUrl) { 480 window.open(shareUrl, '_blank', 'width=600,height=400'); 481 } 482 } 483 484 function copyLink() { 485 const url = getOgUrl(); 486 navigator.clipboard.writeText(url) 487 .then(() => alert('Enlace copiado al portapapeles.')) 488 .catch(() => alert('No se pudo copiar el enlace.')); 489 } 490 491 // Ocultar menú si se hace clic fuera 492 document.addEventListener('click', function(e) { 493 const popup = document.getElementById('share-options'); 494 const trigger = document.querySelector('.share-post > a'); 495 if (!popup.contains(e.target) && !trigger.contains(e.target)) { 496 popup.style.display = 'none'; 497 } 498 }); 499 </script>
499 500 501 </ul> 502 </div> 503 <!-- single post header end--> 504 505 <div class="post-content-area"> 506 507 <div class="single-big-img" 508 style="background-image: url(../../../images/noticias/61228_1787876558.jpeg)"> 509 </div></div> 510 511 </div> 512 </div> 513 <div class="row"> 514 <div class="col-lg-9"> 515 <div class="ts-grid-box content-wrapper single-post" style="padding-top: 10px;"> 516 517 <div class="post-content-area" style="padding-bottom: 10px;"> 518 519 <!--#Agregado el boton de reproducir noticia--> 520 521 <a class="post-cat tie-cat-6 post-cat-escuchar" href="javascript:void(0)" style="border: 1px solid black; border-radius: 5px; margin: 0 !important; position: inherit;" id="btn-escuchar-articulo" onclick="sumarReproduccion()"><i class="fa fa-play"></i> Escuchar artÃculo</a> 522 <br> 523 524 <div class="entry-content" id="contenido_articulo"> 525 <p><strong>COLONIA AURORA. </strong>El presidente de EnergÃa de Misiones, Julio César Barreto, visitó la Cooperativa Alto Uruguay Limitada, donde fue recibido por su titular, Fernando Da Silva. Del encuentro también participaron el intendente de 25 de Mayo, Omar Wdowin, y el intendente de Alba Posse, Lucas Gerhardt.</p><p>Durante la jornada, las autoridades recorrieron distintos puntos estratég
525icos de la red eléctrica, entre ellos la zona del Mirador, en Colonia Aurora, y los sectores de los arroyos El Torto y Saltito. Allà se ejecutaron trabajos para elevar las lÃneas y corregir parte de la traza de 33 kilovoltios, con el objetivo de evitar que las crecidas vuelvan a provocar interrupciones prolongadas en el suministro.</p><p>Los funcionarios analizaron además nuevas intervenciones para mejorar la seguridad, confiabilidad y capacidad del sistema eléctrico regional. Desde EnergÃa de Misiones y la CAUL destacaron la importancia del trabajo articulado con los municipios para acelerar las obras y brindar respuestas a problemas históricos de las comunidades.</p><figure class="media"><div data-oembed-url="https://www.youtube.com/watch?v=RiavAemA2Ec"><div style="position: relative; padding-bottom: 100%; height: 0; padding-bottom: 56.2493%;"><iframe src="https://www.youtube.com/embed/RiavAemA2Ec" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0;" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div></div></figure><div class="raw-html-embed"><center><iframe width="560" height="315" src="https://youtube.com/embed/RiavAemA2Ec?rel=0&controls=0&showinfo=0" frameborder="0" ></iframe></center></div> 526 527 </div> 528 <!-- entry content end--> 529 </div> 530 <!-- post content area--> 531 532 <div class="author-box" style="display: ; padding-left:0"> 533 534 Autor: admin<br> 535 536 537 538 <div class="clearfix"></div> 539 540 541 542 </div> 543 <!-- author box end--> 544 545 <div class="post-navigation clearfix" style="padding-top: 10px" id="noticias_relacionadas"></div> 546 <!-- post navigation end--> 547 </div> 548 <!--single post end --> 549 550 <div class="comments-form ts-grid-box" style="display: "> 551 <h3 class="comments-counter">Comentarios</h3> 552 <ul class="comments-list" id="comentarios_lista"> 553 </ul> 554 555 <h3 class="comment-reply-title">Deja tu comentario</h3> 556 <div id="cargando_comentario"></div> 557 <form role="form" class="ts-form" id="form_comentario"> 558 <input type="number" name="id_noticia_comentario" id="id_noticia_comentario" style="display: none" value=""> 559 <div class="row"> 560 <div class="col-md-6"> 561 <div class="form-group" id="campo_nombre"> 562 <input class="form-control" name="nombre_comentario" id="nombre" placeholder="Nombre completo" type="text" required=""> 563 <p class="help-block" id="error_nombre"></p> 564 </div> 565 <!-- form group end--> 566 <!-- form group end--> 567 <div class="form-group" id="campo_email"> 568 <input class="form-control" name="email_comentario" id="email" placeholder="Email" type="email" required=""> 569 <p class="help-block" id="error_email">(Su email no será publicado)</p> 570 </div> 571 <!-- form group end--> 572 </div> 573 <!-- Col end --> 574 <div class="col-md-6" id="campo_mensaje"> 575 <div class="form-group"> 576 <textarea class="form-control msg-box" id="mensaje" name="mensaje_comentario" placeholder="Comentario" rows="8" required=""></textarea> 577 <p class="help-block" id="error_mensaje"></p> 578 </div> 579 </div> 580 <!-- Col end --> 581 </div> 582 <!-- Form row end --> 583 <div class="clearfix"> 584 <button class="comments-btn btn btn-primary" type="button" onclick="guardarComentario()" id="btn_guardar_comentario">Postear Comentario</button> 585 </div> 586 </form> 587 <!-- Form end --> 588 </div> 589 <!-- comment form end--> 590 <div class="ts-grid-box mb-30"> 591 <h2 class="ts-title">Más Populares</h2> 592 593 <div class="most-populers owl-carousel" id="mas_populares"> 594 </div> 595 <!-- most-populers end--> 596 </div> 597 598 </div> 599 <!-- col end --> 600 <div class="col-lg-3"> 601 <div class="right-sidebar" id="lateral_derecho"> 602 </div> 603 </div> 604 <!-- right sidebar end--> 605 <!-- col end--> 606 </div> 607 <!-- row end--> 608 </div> 609 <!-- container--> 610 </section> 611 <!-- single post end--> 612 613 <footer class="footer-area"> 614 <div class="footer-top"> 615 <div class="container"> 616 <div class="row"> 617 <div class="col-lg-4 align-self-center"> 618 <div class="footer-menu xs-center"> 619 <ul> 620 <li> 621 <a href="../../index.php">Inicio</a> 622 </li> 623 <li> 624 <a href="../../../categoria.php?cod=11" style="margin: 0 12px">GENERALES</a> 625 </li><li> 626 <a href="../../../categoria.php?cod=1" style="margin: 0 12px">ENERGIA ELECTRICA</a> 627 </li> </ul> 628 629 </div> 630 </div> 631 <div class="col-lg-4"> 632 <div class="footer-logo text-center"> 633 <a href="#"> 634 <img src="../../../images/logo/logo_oscuro_1757373121.png" width="165" alt=""> 635 </a> 636 </div> 637 </div> 638 <div class="col-lg-4 align-self-center"> 639 <div class="footer-menu text-right xs-center"> 640 <ul> 641 <li> 642 <a href="../../../categoria.php?cod=12" style="margin: 0 12px">AGUA POTABLE</a> 643 </li><li> 644 <a href="../../../categoria.php?cod=6" style="margin: 0 12px">EVENTOS</a> 645 </li> 646 647 648 </ul> 649 650 </div> 651 </div> 652 653 654 </div> 655 </div> 656 </div> 657 658 <div class="footer-bottom"> 659 <div class="container"> 660 <div class="row"> 661 <div class="col-lg-3 align-self-center"> 662 <div class="copy-right-text xs-center"> 663 <p> 664 © Powered by LocucionAR 665 </p> 666 </div> 667 </div> 668 <div class="col-lg-6"> 669 <ul class="footer-social-list text-center"> 670 <li class="ts-facebook"> 671 <a href="https://www.facebook.com/infocaul" target="_blank"> 672 <i class="fa fa-facebook"></i> 673 </a> 674 </li><li class="ts-instagram"> 675 <a href="https://www.instagram.com/infocaul" target="_blank"> 676 <i class="fa fa-instagram"></i> 677 </a> 678 </li> 679 680 681 682 </ul> 683 </div> 684 <div class="col-lg-3 align-self-center"> 685 <div class="copy-right-text text-right xs-center"> 686 <p> 687 <a href="../contacto.php">Contacto</a> 688 </p> 689 </div> 690 </div> 691 </div> 692 </div> 693 </div> 694 </footer> 695 696 <!-- javaScript Files 697 =============================================================================--> 698 699 <!-- initialize jQuery Library --> 700
700<script src="../../../js/jquery.min.js"></script>
700 701 <!-- navigation JS --> 702
702<script src="../../../js/navigation.js"></script>
702 703 <!-- Popper JS --> 704
704<script src="../../../js/popper.min.js"></script>
704 705 706 <!-- magnific popup JS --> 707
707<script src="../../../js/jquery.magnific-popup.min.js"></script>
707 708 709 710 711 <!-- Bootstrap jQuery --> 712
712<script src="../../../js/bootstrap.min.js"></script>
712 713 714 715 <!--
715<script src="../../../js/funciones_articulo.js"></script>
715--> 716 717 718 719 720 <div class="modal fade" id="banner_popup" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 721 <div class="modal-dialog" role="document"> 722 <div class="modal-content" style="background-color: transparent; border: 0;"> 723 <div class="modal-header" style="display: none"> 724 <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 725 <span aria-hidden="true">×</span> 726 </button> 727 <h4 class="modal-title" id="myModalLabel" style="display: none"></h4> 728 </div> 729 <div class="modal-body" style="padding: 0"> 730 <button type="button" class="close custom-close-btn" data-dismiss="modal" aria-label="Close"> 731 <span aria-hidden="true">×</span> 732 </button> 733 <div id="imagen_banner_popup"></div> 734 </div> 735 </div> 736 </div> 737 </div> 738
738<script type='text/javascript' src='../../../js/funciones_articulo_archivo.js' ></script>
738 739 740
740<script> 741 document.addEventListener('DOMContentLoaded', function () { 742 const btn = document.getElementById('btn-mostrar-categorias'); 743 const extra = document.getElementById('categorias-ocultas'); 744 745 if (btn && extra) { 746 btn.addEventListener('click', function (e) { 747 e.preventDefault(); 748 extra.style.display = (extra.style.display === 'none') ? 'block' : 'none'; 749 btn.innerText = (extra.style.display === 'block') ? 'Ocultar' : 'Más'; 750 }); 751 } 752 }); 753 </script>
753 754 755<!-- Owl Carousel --> 756
756<script src="../../../js/owl-carousel.2.3.0.min.js"></script>
756 757 758
758<script src="../../../js/main.js"></script>
758 759 760 761
761<script type="text/javascript"> 762 763 cargarAudios(); 764 var audio = new Audio("../../../multimedia/audios/"+url_audio); 765 766 var btnPlay = document.getElementById("btn-escuchar-articulo"); 767 768 btnPlay.addEventListener("click", function() { 769 770 771 if (synth.speaking) { 772 // Si la sÃntesis de voz se está reproduciendo, la detenemos 773 synth.cancel(); 774 audio.currentTime = 0; // Reiniciamos la reproducción al principio 775 btnPlay.innerHTML = "<i class='fa fa-play'></i> Escuchar artÃculo"; // Cambiamos el texto del botón a Escuchar artÃculo 776 } 777 else { 778 if (audio.paused) { 779 // Si el audio está en pausa, iniciamos la reproducción 780 audio.play(); 781 btnPlay.innerHTML = "<i class='fa fa-stop'></i> Detener"; // Cambiamos el texto del botón a Detener 782 } else { 783 // Si el audio se está reproduciendo, lo detenemos 784 audio.pause(); 785 audio.currentTime = 0; // Reiniciamos la reproducción al principio 786 btnPlay.innerHTML = "<i class='fa fa-play'></i> Escuchar artÃculo"; // Cambiamos el texto del botón a Escuchar artÃculo 787 788 789 } 790 } 791 792 793 }); 794 795 796 797 // Verificamos si el navegador es compatible con la API SpeechSynthesis 798 if ("speechSynthesis" in window) { 799 800 801 // Creamos un objeto de sÃntesis de voz 802 var synth = window.speechSynthesis; 803 804 // Creamos un objeto de configuración con el texto a convertir 805 var contenido_sin_etiquetas = contenido_articulo.innerHTML.replace(/<\/?[^>]+(>|$)/g, "").replace(/ /g, " "); 806 var utterance = new SpeechSynthesisUtterance(contenido_sin_etiquetas); 807 808 // Opcional: configuramos la voz a utilizar en español 809 var voices = synth.getVoices(); 810 var voice = voices.find(function(voice) { 811 return voice.lang.includes('es'); 812 }); 813 814 if (voice) { 815 utterance.voice = voice; 816 } else { 817 console.warn('No se encontró una voz en español.'); 818 } 819 820 audio.addEventListener("ended", function() { 821 console.log("La reproducción ha terminado"); 822 // Iniciamos la sÃntesis de voz 823 synth.speak(utterance); 824 }); 825 826 utterance.addEventListener("end", function() { 827 console.log("La reproducción ha terminado"); 828 btnPlay.innerHTML = "<i class='fa fa-play'></i> Escuchar artÃculo"; // Cambiamos el texto del botón a Escuchar artÃculo 829 audio.pause(); // Detenemos la reproducción de audio 830 }); 831 832 // Agregamos el evento beforeunload para detener la sÃntesis de voz y la reproducción de audio al cerrar la pestaña o navegar a otra ubicación 833 window.addEventListener("beforeunload", function() { 834 if (synth && synth.speaking) { 835 // Si la sÃntesis de voz se está reproduciendo, la detenemos 836 synth.cancel(); 837 audio.pause(); // Detenemos la reproducción de audio 838 } 839 }); 840 841 842 } else { 843 // El navegador no es compatible con la API SpeechSynthesis 844 console.error("El navegador no soporta la sÃntesis de voz"); 845 } 846 847 </script>
847 848 849
849<script type="text/javascript"> 850 $(document).on('submit', '.nav-search form', function(e) { 851 e.preventDefault(); // evita el envÃo tradicional 852 var valor = $(this).find('input[name="search"]').val().trim(); 853 if (valor !== '') { 854 window.location.href = '../../../busqueda.php?cod=' + encodeURIComponent(valor); 855 } 856 }); 857 </script>
857 858 859
859<script> 860!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); 861</script>
861 862<!--https://weatherwidget.io/--> 863
864<script> 865const audio_radio = document.getElementById('radioPlayer'); 866const playBtn = document.getElementById('playBtn'); 867const muteBtn = document.getElementById('muteBtn'); 868const vol = document.getElementById('volSlider'); 869const eq = document.getElementById('eq'); 870 871/* --- Play / Pause --- */ 872playBtn.addEventListener('click', () => { 873 if (audio_radio.paused){ 874 audio_radio.play(); 875 playBtn.innerHTML = '<i class="bi bi-pause-fill"></i>'; 876 eq.style.display = 'flex'; 877 }else{ 878 audio_radio.pause(); 879 playBtn.innerHTML = '<i class="bi bi-play-fill"></i>'; 880 eq.style.display = 'none'; 881 } 882}); 883 884/* --- Mute / Unmute --- */ 885muteBtn.addEventListener('click', () => { 886 audio_radio.muted = !audio_radio.muted; 887 muteBtn.innerHTML = audio_radio.muted 888 ? '<i class="bi bi-volume-mute-fill"></i>' 889 : '<i class="bi bi-volume-up-fill"></i>'; 890}); 891 892/* --- Volumen --- */ 893vol.addEventListener('input', e => { 894 audio_radio.volume = e.target.value; 895 audio_radio.muted = false; 896 muteBtn.innerHTML = '<i class="bi bi-volume-up-fill"></i>'; 897}); 898</script>
898 899 900<!-- Fondo oscuro semi-transparente --> 901 <div id="notificationBackdrop" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 999;"></div> 902 903 <!-- Modal de notificación mejorado --> 904 <div id="notificationModal" style=" 905 display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); 906 background: white; padding: 30px; box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3); 907 border-radius: 15px; text-align: center; z-index: 1000; width: 400px; max-width: 90%; 908 "> 909 <h2 style="color: #333; font-size: 22px;">ð ¡Activa las Notificaciones!</h2> 910 <p style="color: #666; font-size: 16px;">Mantente informado con las últimas novedades.</p> 911 <button onclick="subscribeToNotifications()" style=" 912 background: #28a745; color: white; font-size: 18px; padding: 10px 20px; 913 border: none; border-radius: 8px; cursor: pointer; margin: 10px 0; width: 100%; 914 transition: background 0.3s;"> 915 â SÃ, activar 916 </button> 917 <button onclick="closeNotificationModal()" style=" 918 background: #ddd; color: #333; font-size: 16px; padding: 8px 16px; 919 border: none; border-radius: 8px; cursor: pointer; margin-top: 5px; width: 100%; 920 transition: background 0.3s;"> 921 â No, gracias 922 </button> 923 </div> 924 925 926 </body> 927 928 929</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.