PageSourceSearch

https://caul.com.ar/articulo/2026/08/caul-y-energia-de-misiones-av…s-para-fortalecer-el-servicio-electrico.php

html caul.com.ar collected 2026-10-05 18:06:04 UTC 44,368 bytes, 929 lines download raw bytes

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.&nbsp;</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&amp;controls=0&amp;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">&times;</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">&times;</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(/&nbsp;/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.