PageSourceSearch

https://araziroxana.com.ar/envivo/

html araziroxana.com.ar collected 2026-10-08 08:15:54 UTC 21,573 bytes, 842 lines download raw bytes

1<!DOCTYPE html>
2<html lang="es">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<title>araziroxana.com.ar - EN VIVO</title>
7
8<link 
9
10href='https://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
11<link rel="shortcut icon" href="https://araziroxana.com.ar/icono.ico" type="image/x-icon" />
12<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
13<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
13
14<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.8/css/all.css" integrity="sha384-3AB7yXWz4OeoZcPbieVW64vVXEwADiYyAEhwilzWsLw+9FgqpyjjStpPnpBO8o8S" crossorigin="anonymous">
15
16<style>
17.bg-lightuu{
18    box-shadow:0 0 33px -7px rgba(0,0,0,0.68);
19    -webkit-box-shadow:0 0 33px -7px rgba(0,0,0,0.68);
20    -moz-box-shadow:0 0 33px -7px rgba(0,0,0,0.68);
21}
22
23body{
24    background-color:#FFFFFF;
25    overflow-x:hidden;
26    margin:0 auto;
27    min-height:100vh;
28    display:flex;
29    align-items:center;
30}
31
32h1,h2,h3,h4,h5,h6{
33    margin-bottom:10px;
34    line-height:1.1em;
35    font-weight:600;
36    margin-top:0;
37    color:#FFFFFF !important;
38    font-family:'Arial Black' !important;
39}
40
41i{
42    margin-bottom:10px;
43    line-height:1.1em;
44    font-weight:600;
45    margin-top:0;
46    color:#FFFFFF !important;
47}
48
49p{
50    font-family: !important;
51}
52
53.h3,h3{
54    font-size:1rem;
55}
56
57h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
58    display:block;
59    color:#FFFFFF;
60}
61
62a:hover{
63    color:#8D7878;
64}
65
66a:link,
67a:visited,
68a:active,
69a:focus,
70a:before,
71a:after{
72    outline:0 none;
73    text-decoration:none;
74    color:#FFFFFF;
75}
76
77iframe{
78    background:#fff;
79}
80
81.navbar-nav .dropdown-menu{
82    position:absolute;
83    background-color:#B1B1B1;
84}
85
86.dropdown:hover > ul{
87    display:block !important;
88}
89
90.dropdown ul li a{
91    color:#FFFFFF;
92}
93
94.navbar-light .navbar-nav .nav-link:focus,
95.navbar-light .navbar-nav{
96    color:#FFFFFF;
97}
98
99.nav-link:hover{
100    color:#8D7878;
101}
102
103#logo{
104    max-width:3.2rem;
105}
106
107#logo:hover path{
108    fill:#FFFFFF;
109}
110
111#logo:hover{
112    color:#8D7878;
113}
114
115#logo2{
116    fill:#F7FF00;
117    max-width:48px;
118}
119
120#logo3{
121    fill:#F7FF00;
122    max-width:18px;
123}
124
125.color{
126    color:#FFFFFF;
127}
128
129.btn-outline-primary.active,
130.btn-outline-primary:active,
131.show > .btn-outline-primary.dropdown-toggle{
132    color:#B1B1B1;
133    background-color:#FFFFFF;
134    border:3px solid #B1B1B1;
135}
136
137.btn-outline-primary:hover{
138    color:#B1B1B1;
139    background-color:#FFFFFF;
140    border:3px solid #B1B1B1;
141}
142
143.btn-outline-primary{
144    color:#FFFFFF;
145    background-color:#B1B1B1;
146    border:3px solid transparent;
147}
148
149footer p{
150    margin-bottom:.25rem;
151    color:#FFFFFF;
152    font-weight:300;
153}
154
155.facebook{
156    display:block;
157    float:right;
158    background:#FFFFFF;
159    margin-right:37px !important;
160}
161
162.twitter{
163    display:block;
164    float:right;
165    background:#FFFFFF;
166}
167
168.flickity-page-dots .dot{
169    background:#FFFFFF;
170}
171
172.sidebar{
173    will-change:min-height;
174}
175
176.sidebar__inner{
177    transform:translate(0,0);
178    transform:translate3d(0,0,0);
179    will-change:position, transform;
180}
181
182.sidebar .widget .widget-title{
183    font-size:20px;
184}
185
186
187.widget-head{
188    background-color:#B1B1B1 !important;
189}
190
191.widget-title{
192    font-size:25px;
193    font-weight:900;
194    line-height:1;
195    text-transform:uppercase;
196    margin-bottom:0;
197    color:#FFFFFF;
198    font-family:'Arial Black';
199}
200
201.topbar{
202    border-bottom:0;
203    background-color:#B1B1B1;
204    color:#FFFFFF;
205}
206
207.header{
208    min-height:130px;
209    display:flex;
210    align-items:center;
211    background-position:center center;
212    background-size:cover;
213    background-repeat:no-repeat;
214    background-image:url(https://recursos.radiosnethosting.com/texturas/28.png);
215    -moz-background-size:cover;
216    -webkit-background-size:cover;
217    clear:both;
218}
219
220.header-right{
221    float:right;
222}
223
224.logo{
225    max-width:80%;
226}
227
228.bg-light{
229    background-color:#fff !important;
230}
231
232article{
233    background:transparent;
234}
235
236.colorTitulo{
237    color:#000000;
238    font-weight:800;
239    letter-spacing:1px;
240}
241
242.facebook{
243    display:block;
244    float:right;
245    background-color: !important;
246    margin-right:37px !important;
247}
248
249.twitter{
250    display:block;
251    float:right;
252    background-color: !important;
253}
254
255p.displaytitulo{
256    height:0;
257    margin:0;
258    font-family:'Montserrat', sans-serif !important;
259    letter-spacing:1px;
260}
261
262.carousel-caption{
263    z-index:10;
264    padding:4px 20px;
265    background-color:#B1B1B199;
266}
267
268.carousel-caption h2{
269    color:#FFFFFF !important;
270    font-weight:700;
271    margin:0;
272    font-size:2.5vw;
273}
274
275.localidad{
276    font-family:'Arial Black';
277    color:#F7FF00;
278    line-height:1;
279}
280
281.titulo{
282    display:none;
283    position:absolute;
284    bottom:0;
285    height:100%;
286    width:100%;
287    padding:20px 15px;
288    background-color:#B1B1B1;
289    opacity:.7;
290}
291
292.cub3r-caption{
293    position:absolute;
294    bottom:0;
295    left:0;
296    background-color:#FFFFFF;
297    width:100%;
298    padding:.5rem .75rem;
299}
300
301.cub3r-caption-text{
302    color:#FFFFFF !important;
303}
304
305.html-marquee{
306    font-weight:200;
307    height:40px !important;
308    width:100%;
309    background-color:transparent !important;
310    font-family:'Montserrat', sans-serif !important;
311    font-size:inherit !important;
312    color:#FFFFFF !important;
313    letter-spacing:.5px;
314}
315
316marquee p{
317    color:#FFFFFF !important;
318}
319
320.texto-fecha{
321    color:#FFFFFF;
322}
323
324.navbar-toggler-icon{
325    color:#FFFFFF;
326}
327
328/* Mejora visual suave sin tocar funciones */
329.main-card{
330    border-radius:18px;
331    overflow:hidden;
332    box-shadow:0 18px 50px rgba(0,0,0,.28);
333}
334
335.left-panel,
336.right-panel{
337    min-height:100%;
338}
339
340.left-panel{
341    padding:24px 20px;
342}
343
344.right-panel{
345    padding:24px 20px;
346    background:rgba(255,255,255,.08);
347    backdrop-filter:blur(4px);
348}
349
350.logo-wrap{
351    padding:10px 0 0 0;
352}
353
354.program-thumb img{
355    border-radius:14px;
356    box-shadow:0 8px 25px rgba(0,0,0,.18);
357}
358
359.player-box{
360    background:rgba(255,255,255,.08);
361    border-radius:14px;
362    padding:18px 15px;
363    box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);
364}
365
366.audio-player{
367    width:100%;
368    display:block;
369}
370
371.external-link{
372    display:inline-block;
373    margin-top:14px;
374    font-weight:700;
375    letter-spacing:.3px;
376}
377
378.program-info{
379    background:rgba(255,255,255,.12);
380    border-radius:14px;
381    padding:14px 12px;
382    margin-top:10px;
383}
384
385.program-info h2,
386.program-info h4{
387    color:#000 !important;
388}
389
390.social-list{
391    padding:0;
392    margin:20px 0 0 0;
393    list-style:none;
394    display:flex;
395    justify-content:center;
396    align-items:center;
397    gap:18px;
398}
399
400.social-list a{
401    width:46px;
402    height:46px;
403    border-radius:50%;
404    display:inline-flex;
405    align-items:center;
406    justify-content:center;
407    background:rgba(255,255,255,.14);
408    box-shadow:0 6px 18px rgba(0,0,0,.14);
409    transition:all .2s ease;
410}
411
412.social-list a:hover{
413    transform:translateY(-2px);
414    background:rgba(255,255,255,.22);
415}
416
417.social-list i{
418    margin:0 !important;
419    font-size:20px;
420}
421
422.chat-frame{
423    width:100%;
424    min-height:500px;
425    border:0;
426    border-radius:12px;
427    overflow:hidden;
428    box-shadow:0 8px 22px rgba(0,0,0,.12);
429}
430
431.form-control{
432    border-radius:10px;
433}
434
435.chat-title{
436    font-size:1.2rem;
437    font-weight:700;
438    margin-bottom:12px;
439}
440
441.section-label{
442    font-size:1rem;
443    font-weight:700;
444    margin-bottom:10px;
445}
446
447.mini-captcha-box{
448    margin-top:10px;
449    padding:12px;
450    border:1px solid rgba(0,0,0,.1);
451    background:#f8f9fa;
452    border-radius:12px;
453}
454
455.mini-captcha-code{
456    font-size:24px;
457    font-weight:700;
458    letter-spacing:6px;
459    background:#fff;
460    border:1px solid #ccc;
461    padding:10px;
462    text-align:center;
463    margin-bottom:10px;
464    border-radius:10px;
465    color:#111;
466}
467
468@media (max-width: 767.98px){
469    body{
470        display:block;
471    }
472
473    .main-card{
474        margin:15px 0;
475    }
476
477    .left-panel,
478    .right-panel{
479        padding:18px 15px;
480    }
481
482    .chat-frame{
483        min-height:380px;
484    }
485}
486</style>
487</head>
488
489<body>
490
491<div class="container p-3">
492    <div class="row d-flex align-items-stretch main-card" style="background:#B1B1B1 !important;">
493
494        <div class="col-12 col-sm-12 col-md-6 left-panel">
495            <div class="col-12 logo-wrap">
496                <a href="https://araziroxana.com.ar/principal.php" target="_blank" style="display:block;">
497                    <div class="text-center">
498                        <img class="img-fluid" src="https://araziroxana.com.ar/03-2022/be5be9090c65ef0b03a284d70c36461e.jpg" style="max-width:300px;" alt="Logo">
499                    </div>
500                </a>
501            </div>
502
503            <div class="col-12 text-center">
504                <div class="row" style="margin:30px auto;">
505
506                    
507                    <div class="col-12" style="padding:10px">
508                        <div class="col-12 col-lg-12" style="padding:0">
509                            <div class="player-box">
510                                <div style="text-align:center;">
511                                    <audio
512                                        id="player2"
513                                        class="audio-player"
514                                        src=""
515                                        type="audio/mp3"
516                                        controls="controls"
517                                        autoplay="autoplay">
518                                    </audio>
519                                </div>
520
521                                <hr>
522                                <a class="external-link" href="http://centova.radiosnethosting.com:/stream" target="_blank">ABRIR REPRODUCTOR EXTERNO</a>
523                            </div>
524                        </div>
525                    </div>
526
527                    
528                </div>
529            </div>
530
531            <div class="col-12 text-center">
532                <div class="col-12 col-md-12 col-lg-12">
533                    <div class="social-list" role="group">
534                        <a href="https://www.facebook.com/ppi.roxarazi" class="topbar-header-social" target="_blank" aria-label="Facebook"><i class="fab fa-facebook"></i></a>
535                        <a href="https://twitter.com/araziroxana" class="topbar-header-social" target="_blank" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
536                        <a href="https://instagram.com/https://www.instagram.com/rox_arazi/" class="topbar-header-social" target="_blank" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
537                        <a href="" class="topbar-header-social" target="_blank" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
538                    </div>
539                </div>
540            </div>
541        </div>
542
543        <div class="col-12 col-sm-12 col-md-6 right-panel">
544            
545                <form action="https://araziroxana.com.ar/formchat.php" method="post">
546                    <input type="hidden" name="comentarios" value="ninguna">
547
548                    
549                    <div class="col-12">
550                        <div><h3 class="chat-title">Comentarios y mensajes</h3></div>
551
552                        <div>
553                            <iframe
554                                name="I1"
555                                class="chat-frame"
556                                src="https://araziroxana.com.ar/chat.php"
557                                border="0"
558                                frameborder="0">El explorador no admite los marcos flotantes o no está configurado actualmente para mostrarlos.</iframe>
559                        </div>
560
561                        <div style="margin-top:18px;"><h3 class="section-label">Comentá</h3></div>
562
563                        <div style="margin-top:10px;">
564                            <input
565                                name="nombre"
566                                type="text"
567                                class="form-control"
568                                id="nombre"
569                                value="Tu Nombre"
570                                onfocus="if (this.value == 'Tu Nombre') {this.value = '';}"
571                                autocomplete="off"
572                            />
573                        </div>
574
575                        <div style="margin-top:10px;">
576                            <textarea
577                                name="mensaje"
578                                class="form-control"
579                                cols="15"
580                                rows="2"
581                                id="mensaje"
582                                onfocus="if (this.value == 'Mensaje') {this.value = '';}"
583                            >Mensaje</textarea>
584                        </div>
585
586                        
587                        <div align="center" style="margin-top:10px;">
588                            <input
589                                name="Submit2"
590                                type="submit"
591                                class="btn btn-outline-primary btn-block my-2 my-sm-0"
592                                value="Enviar"
593                            />
594                        </div>
595                    </div>
596                </form>
597
598                    </div>
599
600    </div>
601</div>
602
603
604<div id="fb-root"></div>
605
606<script>
607(function(d, s, id) {
608
609    var js,
610        fjs = d.getElementsByTagName(s)[0];
611
612    if (d.getElementById(id)) {
613        return;
614    }
615
616    js = d.createElement(s);
617    js.id = id;
618    js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1&appId=427523193949843";
619
620    fjs.parentNode.insertBefore(js, fjs);
621
622<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
vendor: 2 bytes, line 622
622
623<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-+YQ4JLhjyBLPDQt//I+STsc9iw4uQqACwlvpslubQzn4u2UU2UFM80nGisd026JF" crossorigin="anonymous"></script>
623
624
625<script>
626/* =========================
627   JS legacy protegido para no romper si faltan elementos
628   ========================= */
629(function () {
630    const canciones = ["bensound-summer.mp3"];
631    var indiceActual = new Array(1);
632
633    const playList = document.getElementById('playList');
634    const progress = document.getElementById('progress');
635    const volumen = document.getElementById('volumen');
636    const player = document.getElementById('player');
637    const source = document.getElementById('source');
638
639    function crearPlayList() {
640        const listado = document.createElement('ol');
641        listado.setAttribute('id', 'listadoMusica');
642
643        for (let i = 0; i < canciones.length; i++) {
644            const item = document.createElement('li');
645            item.appendChild(document.createTextNode(canciones[i]));
646            item.setAttribute('id', canciones.indexOf(canciones[i]));
647            listado.appendChild(item);
648        }
649
650        return listado;
651    }
652
653    function classIconPlay() {
654        var element = document.getElementById('iconPlay');
655        if (!element) return;
656        element.classList.remove('fa-pause-circle');
657        element.classList.add('fa-play-circle');
658    }
659
660    function removeActive() {
661        var elems = document.querySelectorAll('.active');
662        [].forEach.call(elems, function(el) {
663            el.classList.remove('active');
664        });
665        return elems;
666    }
667
668    function reproduccionActual(texto) {
669        var currentPlay = document.getElementById('currentPlay');
670        if (currentPlay) {
671            currentPlay.innerText = texto;
672        }
673    }
674
675    function loadMusic(ruta) {
676        if (!source || !player) return;
677
678        var folder = 'audio';
679        source.src = folder + '/' + ruta;
680        var index = indiceActual[0] = canciones.indexOf(ruta);
681
682        removeActive();
683
684        var item = document.getElementById(index);
685        if (item) {
686            item.classList.add('active');
687        }
688
689        reproduccionActual('Reproduciendo: ' + ruta);
690        player.load();
691    }
692
693    function nextMusic() {
694        if (!player) return;
695
696        var musicaActual = Number(indiceActual[0]);
697        var siguiente = (canciones.length === (musicaActual + 1)) ? 0 : musicaActual + 1;
698
699        removeActive();
700
701        var item = document.getElementById(siguiente);
702        if (item) {
703            item.classList.add('active');
704        }
705
706        loadMusic(canciones[siguiente]);
707        player.play();
708        indiceActual[0] = siguiente;
709        reproduccionActual('Reproduciendo: ' + canciones[siguiente]);
710        classIconPlay();
711    }
712
713    function prevMusic() {
714        if (!player) return;
715
716        var musicaActual = Number(indiceActual[0]);
717        var anterior = (musicaActual === 0) ? canciones.length - 1 : musicaActual - 1;
718
719        removeActive();
720
721        var item = document.getElementById(anterior);
722        if (item) {
723            item.classList.add('active');
724        }
725
726        loadMusic(canciones[anterior]);
727        player.play();
728        indiceActual[0] = anterior;
729        reproduccionActual('Reproduciendo: ' + canciones[anterior]);
730        classIconPlay();
731    }
732
733    function toggleIcon() {
734        var element = document.getElementById('iconPlay');
735        if (!element) return;
736        element.classList.toggle('fa-pause-circle');
737        element.classList.toggle('fa-play-circle');
738    }
739
740    function togglePlay() {
741        if (!player) return;
742
743        if (player.paused) {
744            toggleIcon();
745            return player.play();
746        } else {
747            toggleIcon();
748            return player.pause();
749        }
750    }
751
752    function secondsToString(seconds) {
753        var hour = '';
754        if (seconds > 3600) {
755            hour = Math.floor(seconds / 3600);
756            hour = (hour < 10) ? '0' + hour : hour;
757            hour += ':';
758        }
759
760        var minute = Math.floor((seconds / 60) % 60);
761        minute = (minute < 10) ? '0' + minute : minute;
762
763        var second = seconds % 60;
764        second = (second < 10) ? '0' + second : second;
765
766        return hour + minute + ':' + second;
767    }
768
769    function updateProgress() {
770        if (!player) return;
771
772        if (player.currentTime > 0 && progress) {
773            progress.value = (player.currentTime / player.duration) * 100;
774
775            var duracionSegundos = player.duration.toFixed(0);
776            var dura = secondsToString(duracionSegundos);
777            var actualSegundos = player.currentTime.toFixed(0);
778            var actual = secondsToString(actualSegundos);
779
780            var duracion = actual + ' / ' + dura;
781            var timer = document.getElementById('timer');
782            if (timer) {
783                timer.innerText = duracion;
784            }
785        }
786
787        if (player.ended) {
788            nextMusic();
789        }
790    }
791
792    function adelantar(e) {
793        if (!player || !progress) return;
794        const scrubTime = (e.offsetX / progress.offsetWidth) * player.duration;
795        player.currentTime = scrubTime;
796        console.log(e);
797    }
798
799    window.nextMusic = nextMusic;
800    window.prevMusic = prevMusic;
801    window.togglePlay = togglePlay;
802    window.updateProgress = updateProgress;
803
804    if (playList) {
805        playList.appendChild(crearPlayList());
806
807        var listadoMusica = document.getElementById('listadoMusica');
808        if (listadoMusica) {
809            listadoMusica.onclick = (e) => {
810                if (!player) return;
811
812                const itemClick = e.target;
813                removeActive();
814                itemClick.classList.add('active');
815                reproduccionActual('Reproduciendo: ' + itemClick.innerText);
816                loadMusic(itemClick.innerText);
817                player.play();
818                indiceActual[0] = e.target.id;
819                classIconPlay();
820            };
821        }
822    }
823
824    if (volumen && player) {
825        volumen.oninput = (e) => {
826            const vol = e.target.value;
827            player.volume = vol;
828        };
829    }
830
831    if (progress) {
832        progress.addEventListener('click', adelantar);
833    }
834
835    if (player && source) {
836        loadMusic(canciones[0]);
837    }
838})();
839</script>
vendor: 2 bytes, line 839
839
840<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"eb43eb11a934460788c388b4484e9b9a","r":1,"spa":2}' crossorigin="anonymous"></script>
840
841</body>
842</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.