PageSourceSearch

https://elhuatekeradio.com/dj-polly-marks.php

html elhuatekeradio.com collected 2026-10-07 04:42:30 UTC 27,090 bytes, 885 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>DJ Polly Marks | El Huateke Radio</title>
7
8<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"/>
9
10<style>
11:root{
12  --blue:#0f2a6b;
13  --blueDark:#081a3a;
14  --blueSoft:#1d4ed8;
15
16  --gold:#d4a93c;
17  --dark:#0b0b0b;
18  --dark2:#141414;
19
20  --white:#ffffff;
21  --muted:rgba(255,255,255,.78);
22  --stroke:rgba(255,255,255,.10);
23  --light:#f4f4f4;
24
25  --shadow:0 18px 45px rgba(0,0,0,.45);
26  --radius:16px;
27}
28
29/*** GLOBAL ***/
30*{ box-sizing:border-box; }
31body{ margin:0; font-family:'Segoe UI',sans-serif; background:var(--light); color:#111; }
32a{ color:inherit; }
33.section-box{ width:92%; max-width:1200px; margin:40px auto; }
34
35/*** HEADER (Azul premium) ***/
36header{
37  width:100%;
38  background:linear-gradient(90deg, var(--blue), var(--blueDark));
39  border-bottom:2px solid var(--gold);
40  position:sticky;
41  top:0;
42  z-index:999;
43}
44.nav-container{
45  width:92%;
46  max-width:1500px;
47  margin:auto;
48  display:flex;
49  align-items:center;
50  justify-content:space-between;
51  padding:12px 0;
52  gap:14px;
53}
54
55/*** BRAND ***/
56.brand{ display:flex; align-items:center; gap:12px; min-width:220px; }
57.brand img{ height:48px; width:auto; display:block; }
58.brand .brand-text{
59  font-size:24px;
60  font-weight:900;
61  color:var(--gold);
62  letter-spacing:1px;
63  line-height:1;
64  text-shadow:0 0 10px rgba(212,169,60,.35);
65}
66
67/*** NAV DESKTOP ***/
68.nav{
69  display:flex;
70  align-items:center;
71  gap:18px;
72  position:relative;
73}
74
75/* ✅ SOLO el UL principal (no afecta submenu) */
76.nav > ul{
77  list-style:none;
78  display:flex;
79  gap:10px;
80  padding:0;
81  margin:0;
82}
83
84.nav a{
85  color:rgba(255,255,255,.92);
86  text-decoration:none;
87  font-size:15px;
88  font-weight:900;
89  padding:10px 12px;
90  border-radius:12px;
91  transition:.2s ease;
92  letter-spacing:.2px;
93}
94.nav a:hover{
95  background:rgba(29,78,216,.22);
96  color:#fff;
97}
98
99/* Indicador "activo" */
100.nav a.active{
101  color:#111;
102  background:linear-gradient(180deg, var(--gold), #c7921f);
103  box-shadow:0 10px 22px rgba(212,169,60,.22);
104}
105
106/*** HAMBURGER BUTTON ***/
107.burger{
108  display:none;
109  width:46px;
110  height:46px;
111  border:1px solid rgba(255,255,255,.18);
112  background:rgba(0,0,0,.25);
113  border-radius:14px;
114  box-shadow:0 10px 26px rgba(0,0,0,.35);
115  cursor:pointer;
116  align-items:center;
117  justify-content:center;
118  position:relative;
119  -webkit-tap-highlight-color: transparent;
120}
121.burger span{
122  position:absolute;
123  width:20px;
124  height:2px;
125  background:var(--gold);
126  border-radius:2px;
127  transition:.25s ease;
128}
129.burger span:nth-child(1){ transform:translateY(-6px); }
130.burger span:nth-child(2){ transform:translateY(0); }
131.burger span:nth-child(3){ transform:translateY(6px); }
132
133/* burger anim when open */
134.burger[aria-expanded="true"]{
135  border-color:rgba(212,169,60,.45);
136  box-shadow:0 0 0 4px rgba(212,169,60,.12), 0 12px 30px rgba(0,0,0,.45);
137}
138.burger[aria-expanded="true"] span:nth-child(1){ transform:translateY(0) rotate(45deg); }
139.burger[aria-expanded="true"] span:nth-child(2){ opacity:0; }
140.burger[aria-expanded="true"] span:nth-child(3){ transform:translateY(0) rotate(-45deg); }
141
142/*** MOBILE PANEL ***/
143@media(max-width:900px){
144  .brand{ min-width:auto; }
145  .burger{ display:flex; }
146
147  /* ✅ SOLO el UL principal (no submenu) */
148  .nav > ul{
149    display:none;
150    position:fixed;
151    top:70px;
152    left:0;
153    right:0;
154    width:100%;
155    max-width:100%;
156    background:linear-gradient(180deg, #0f0f0f, #151515);
157    border-top:1px solid rgba(255,255,255,.08);
158    box-shadow:var(--shadow);
159    padding:12px 16px;
160    margin:0;
161    flex-direction:column;
162    gap:6px;
163    z-index:9999;
164  }
165
166  .nav > ul.open{ display:flex; }
167
168  .nav li > a{
169    display:block;
170    width:100%;
171    padding:14px 16px;
172    border-radius:14px;
173    font-size:16px;
174    color:rgba(255,255,255,.92);
175    border:1px solid transparent;
176  }
177
178  .nav li > a:hover{
179    background:rgba(212,169,60,.12);
180    color:var(--gold);
181    border-color:rgba(212,169,60,.18);
182  }
183
184  /* ✅ SUBMENU EN MÓVIL: CERRADO por defecto (acordeón) */
185  .submenu{
186    position:static !important;
187    display:none !important;         /* 👈 cerrado */
188    background:transparent !important;
189    border-radius:0 !important;
190    min-width:0 !important;
191    overflow:hidden !important;
192    padding:6px 0 0 0 !important;
193    margin:0 !important;
194  }
195
196  /* abrir cuando el LI tenga .sub-open */
197  .has-sub.sub-open > .submenu{
198    display:block !important;
199  }
200
201  .submenu li a{
202    padding:12px 16px !important;
203    border-radius:14px !important;
204    opacity:.95;
205  }
206
207  /* “DJ Polly…” como toggle bonito */
208  .has-sub >
208 a.no-link{
209    display:flex;
210    align-items:center;
211    justify-content:space-between;
212  }
213
214  /* flecha rota cuando abre */
215  .has-sub > a.no-link span{
216    display:inline-block;
217    transition:.2s ease;
218  }
219  .has-sub.sub-open > a.no-link span{
220    transform:rotate(180deg);
221  }
222}
223
224/*** SLIDER (Swiper) - FIX COMPLETO (lo dejo igual como lo tenías) ***/
225.slider-full{
226  width:100%;
227  position:relative;
228  overflow:hidden;
229}
230
231/* Desktop: bonito y grande */
232.slider-full .swiper-slide{
233  width:100%;
234  height:70vh;
235  min-height:420px;
236  background-size:cover;
237  background-position:center;
238  background-repeat:no-repeat;
239  position:relative;
240  display:flex;
241  align-items:flex-end;
242}
243
244/* Overlay */
245.slider-full .slide-overlay{
246  width:100%;
247  padding:40px;
248  background:linear-gradient(to top,rgba(0,0,0,.70),transparent);
249  color:var(--white);
250}
251.slide-title{ font-size:32px; font-weight:900; margin:0 0 6px 0; }
252.slide-sub{ margin:0 0 14px 0; opacity:.95; max-width:900px; line-height:1.35; }
253
254/* Botón */
255.slide-btn{
256  display:inline-block;
257  padding:10px 14px;
258  border-radius:12px;
259  background:linear-gradient(180deg, var(--gold), #c7921f);
260  color:#111;
261  font-weight:900;
262  text-decoration:none;
263  box-shadow:0 12px 28px rgba(212,169,60,.25);
264}
265.slide-btn:hover{ filter:brightness(1.04); }
266
267/* ✅ MOBILE: se ve COMPLETO, sin franjas */
268@media (max-width: 768px){
269  .slider-full .swiper-slide{
270    height:auto;
271    min-height:0;
272    aspect-ratio: 1920 / 700;
273    background-size:contain;
274    background-color:transparent;
275  }
276
277  .slider-full .slide-overlay{
278    padding:18px 14px;
279    background:linear-gradient(to top, rgba(0,0,0,.78), rgba(0,0,0,.15), transparent);
280  }
281}
282@media (min-width: 901px){
283  .slider-full .swiper-slide{
284    min-height: unset;
285    aspect-ratio: 1920 / 700;
286    background-size: contain;
287  }
288}
289
290/* ===== SLIDER: PC con ratio 1920x700 (sin orillas), móvil intacto ===== */
291.slider-full{ width:100%; }
292
293/* PC / laptop */
294@media (min-width: 901px){
295  .slider-full{
296    height: clamp(380px, 36.458vw, 700px);
297    background:#000;
298  }
299
300  .slider-full .swiper-slide{
301    height: 100% !important;
302    background-position: center center;
303    background-repeat: no-repeat;
304    background-size: cover;
305  }
306}
307
308/* Móvil: NO lo tocamos */
309@media (max-width: 900px){
310  .slider-full{ height: auto; }
311}
312
313#navMenu li{ position:relative; }
314
315/* SUBMENU oculto (desktop) */
316.submenu{
317  position:absolute;
318  top:100%;
319  left:0;
320  background:#0c1f36;
321  list-style:none;
322  padding:0;
323  margin:0;
324  min-width:220px;
325  display:none;
326  border-radius:10px;
327  overflow:hidden;
328  z-index:999;
329  flex-direction:column;
330}
331.submenu li a{
332  display:block;
333  padding:12px;
334  color:#fff;
335  text-decoration:none;
336  font-weight:700;
337  white-space:nowrap;
338}
339.submenu li a:hover{
340  background:#d4a93c;
341  color:#111;
342}
343
344/* mostrar al pasar mouse */
345@media(min-width:901px){
346  .has-sub:hover .submenu{
347    display:flex;
348  }
349}
350
351/* ✅ DJ principal sin navegación (solo despliega) */
352.no-link{ cursor: pointer; }
353</style>
354</head>
355<body>
356
357<header>
358  <div class="nav-container">
359    <div class="brand">
360              <img src="/assets/uploads/logos/logo_1771998535.png" alt="El Huateke Radio">
361          </div>
362
363    <nav class="nav">
364      <button class="burger" id="burgerBtn" aria-label="Abrir menú" aria-expanded="false" aria-controls="navMenu">
365        <span></span><span></span><span></span>
366      </button>
367
368      <ul id="navMenu">
369        <li><a href="/index.php">Inicio</a></li>
370
371        <!-- MENU DJ CON SUBMENU (toggle en móvil, hover en desktop) -->
372        <li class="has-sub">
373          <a href="#" class="no-link js-subToggle" aria-expanded="false">DJ Polly Marks <span>▾</span></a>
374          <ul class="submenu">
375            <li><a href="/dj-biografia.php">Biografía</a></li>
376            <li><a href="/dj-servicios.php">Nuestros Servicios</a></li>
377            <li><a href="/dj-polly-marks.php">DJ Polly Marks</a></li>
378          </ul>
379        </li>
380
381        <li><a href="/programacion.php">Programación</a></li>
382        <li><a href="/eventos.php">Eventos</a></li>
383        <li><a href="/videos.php">Videos</a></li>
384        <li><a href="/contacto.php">Contacto</a></li>
385      </ul>
386    </nav>
387  </div>
388</header>
389
390<script>
391(function(){
392  const btn  = document.getElementById('burgerBtn');
393  const menu = document.getElementById('navMenu');
394  if(!btn || !menu) return;
395
396  const isMobile = () => window.matchMedia("(max-width: 900px)").matches;
397
398  const closeMenu = () => {
399    menu.classList.remove('open');
400    btn.setAttribute('aria-expanded','false');
401    btn.setAttribute('aria-label','Abrir menú');
402
403    // cerrar submenus al cerrar el menú
404    menu.querySelectorAll('.has-sub.sub-open').forEach(li=>{
405      li.classList.remove('sub-open');
406      const a = li.querySelector('a.js-subToggle');
407      if(a) a.setAttribute('aria-expanded','false');
408    });
409  };
410
411  // ✅ Burger toggle
412  btn.addEventListener('click', function(e){
413    e.stopPropagation();
414    const open = btn.getAttribute('aria-expanded') === 'true';
415    if(open) closeMenu();
416    else{
417      menu.classList.add('open');
418      btn.setAttribute('aria-expanded','true');
419      btn.setAttribute('aria-label','Cerrar menú');
420    }
421  });
422
423  // ✅ Click dentro del menú
424  menu.addEventListener('click', function(e){
425    e.stopPropagation();
426
427    const a = e.target.closest('a');
428    if(!a) return;
429
430    // ✅ Toggle del submenu (DJ Polly)
431    if(a.classList.contains('js-subToggle')){
432      e.preventDefault();
433      if(!isMobile()) return; // en desktop funciona por hover
434
435      const li = a.closest('.has-sub');
436      if(!li) return;
437
438      // (opcional) cerrar otros submenus
439      menu.querySelectorAll('.has-sub.sub-open').forEach(other=>{
440        if(other !== li){
441          other.classList.remove('sub-open');
442          const oa = other.querySelector('a.js-subToggle');
443          if(oa) oa.setAttribute('aria-expanded','false');
444        }
445      });
446
447      const willOpen = !li.classList.contains('sub-open');
448      li.classList.toggle('sub-open', willOpen);
449      a.setAttribute('aria-expanded', willOpen ? 'true' : 'false');
450      return;
451    }
452
453    // ✅ Cualquier link normal: cierra el menú
454    closeMenu();
455  });
456
457  // ✅ Click fuera: cierra
458  document.addEventListener('click', function(){
459    const open = btn.getAttribute('aria-expanded') === 'true';
460    if(open) closeMenu();
461  });
462
463  // ✅ ESC: cierra
464  document.addEventListener('keydown', function(e){
465    if(e.key === 'Escape') closeMenu();
466  });
467
468  // ✅ Si cambias a desktop, limpia estado del acordeón
469  window.addEventListener('resize', function(){
470    if(!isMobile()){
471      menu.querySelectorAll('.has-sub.sub-open').forEach(li=>{
472        li.classList.remove('sub-open');
473        const a = li.querySelector('a.js-subToggle');
474        if(a) a.setAttribute('aria-expanded','false');
475      });
476    }
477  });
478})();
479</script>
479<style>
480.djwrap{width:92%;max-width:1200px;margin:26px auto 60px}
481
482/* HERO */
483.hero{
484  border-radius:22px;
485  padding:28px;
486  color:#fff;
487  box-shadow:0 18px 55px rgba(0,0,0,.25);
488  border:1px solid rgba(255,255,255,.08);
489  overflow:hidden;
490  position:relative;
491}
492.hero::after{
493  content:"";
494  position:absolute; inset:0;
495  background:linear-gradient(135deg, rgba(0,0,0,.72), rgba(0,0,0,.35));
496}
497.hero > *{position:relative; z-index:2}
498
499.hero-top{
500  display:flex;
501  align-items:flex-start;
502  justify-content:space-between;
503  gap:16px;
504}
505@media(max-width:900px){
506  .hero-top{flex-direction:column; align-items:flex-start;}
507}
508
509.hero h1{margin:0;font-size:34px;font-weight:1000;letter-spacing:.3px}
510.hero p{margin:10px 0 0;color:rgba(255,255,255,.82);font-weight:600;line-height:1.6}
511
512/* BADGES */
513.badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
514.badge{
515  padding:8px 12px;border-radius:999px;
516  background:rgba(212,169,60,.16);
517  border:1px solid rgba(212,169,60,.35);
518  font-weight:900;color:#fff;font-size:12px;
519  text-decoration:none;
520}
521
522/* BOTONES REDES */
523.social-hero{
524  display:flex;
525  gap:10px;
526  flex-wrap:wrap;
527  justify-content:flex-end;
528  align-items:center;
529}
530@media(max-width:900px){ .social-hero{justify-content:flex-start;} }
531
532.sbtn{
533  width:44px;height:44px;
534  border-radius:14px;
535  display:inline-flex;
536  align-items:center;
537  justify-content:center;
538  text-decoration:none;
539  background:rgba(255,255,255,.08);
540  border:1px solid rgba(255,255,255,.14);
541  box-shadow:0 10px 22px rgba(0,0,0,.28);
542  transition:.2s ease;
543}
544.sbtn:hover{
545  transform:translateY(-2px);
546  border-color:rgba(212,169,60,.35);
547  background:rgba(212,169,60,.10);
548}
549.sbtn svg{width:22px;height:22px;fill:#fff;opacity:.95}
550
551/* GRID */
552.grid{display:grid;grid-template-columns: 1.35fr .65fr;gap:18px;margin-top:18px}
553@media(max-width:980px){.grid{grid-template-columns:1fr}}
554
555/* CARDS */
556.card{
557  background:#fff;border-radius:18px;padding:18px;
558  box-shadow:0 12px 32px rgba(0,0,0,.10);
559  border:1px solid rgba(0,0,0,.08);
560}
561.card h2{margin:0 0 12px;font-size:18px;font-weight:1000}
562
563.ytgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
564@media(max-width:720px){.ytgrid{grid-template-columns:1fr}}
565.yt{
566  border-radius:16px;overflow:hidden;background:#000;
567  aspect-ratio:16/9;border:1px solid rgba(0,0,0,.10);
568}
569.yt iframe{width:100%;height:100%;border:0;display:block}
570
571/* CAJITAS REDES (Facebook + TikTok) */
572.social-boxes{
573  display:grid;
574  grid-template-columns:1fr 1fr;
575  gap:14px;
576  margin:0 0 14px;
577}
578@media(max-width:720px){ .social-boxes{grid-template-columns:1fr;} }
579
580.social-card{
581  background:#fff;
582  border-radius:18px;
583  padding:14px;
584  box-shadow:0 12px 32px rgba(0,0,0,.10);
585  border:1px solid rgba(0,0,0,.08);
586  overflow:hidden;
587}
588.social-card h3{
589  margin:0 0 10px;
590  font-size:15px;
591  font-weight:1000;
592}
593.social-inner{
594  border-radius:14px;
595  overflow:hidden;
596  border:1px solid rgba(0,0,0,.08);
597  background:#f6f7f9;
598  padding:8px;
599}
600
601/* SoundCloud */
602.scitem{border-radius:16px;overflow:hidden;border:1px solid rgba(0,0,0,.10);margin-bottom:12px;background:#f6f7f9}
603.scitem .sctitle{padding:10px 12px;font-weight:900;font-size:13px;color:#111;border-bottom:1px solid rgba(0,0,0,.08)}
604.scitem iframe{width:100%;border:0;display:block}
605
606.small{color:rgba(0,0,0,.62);font-weight:700;font-size:13px;line-height:1.5}
607</style>
608
609<div class="djwrap">
610
611  <section class="hero" style="background-image:url('https://elhuatekeradio.com/logos/logopolly.png');background-size:cover;background-position:center;">
612    <div class="hero-top">
613      <div>
614        <h1>DJ Polly Marks</h1>
615        <p>Mezclas en vivo y eventos</p>
616      </div>
617
618      <div class="social-hero" aria-label="Redes sociales">
619                  <a class="sbtn" href="https://www.facebook.com/DjPollyMarks" target="_blank" rel="noopener" title="Facebook">
620            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M22 12a10 10 0 1 0-11.56 9.88v-6.99H7.9V12h2.54V9.8c0-2.5 1.49-3.89 3.77-3.89 1.09 0 2.23.2 2.23.2v2.45h-1.26c-1.24 0-1.63.77-1.63 1.56V12h2.78l-.44 2.89h-2.34v6.99A10 10 0 0 0 22 12z"/></svg>
621          </a>
622        
623                  <a class="sbtn" href="https://www.tiktok.com/@dj_alex_pollymarks" target="_blank" rel="noopener" title="TikTok">
624            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M17.5 2h-3.2v12.1c0 1.9-1.6 3.4-3.5 3.4S7.3 16 7.3 14.1s1.6-3.4 3.5-3.4c.3 0 .6 0 .9.1V7.5c-.3 0-.6-.1-.9-.1-3.8 0-6.9 3-6.9 6.7S7 20.8 10.8 20.8s6.9-3 6.9-6.7V9.3c1.1.8 2.5 1.3 3.9 1.3V7.4c-2.2 0-4-1.7-4.1-3.9z"/></svg>
625          </a>
626        
627                  <a class="sbtn" href="https://www.youtube.com/@DjAlexPollyMarks" target="_blank" rel="noopener" title="YouTube">
628            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M21.6 7.2s-.2-1.6-.9-2.3c-.9-.9-2-.9-2.5-1C13.9 3.5 12 3.5 12 3.5h0s-1.9 0-6.2.4c-.5.1-1.6.1-2.5 1-.7.7-.9 2.3-.9 2.3S2 9 2 10.8v2.3c0 1.8.2 3.6.2 3.6s.2 1.6.9 2.3c.9.9 2.2.9 2.7 1 2 .2 8.2.4 8.2.4s1.9 0 6.2-.4c.5-.1 1.6-.1 2.5-1 .7-.7.9-2.3.9-2.3s.2-1.8.2-3.6v-2.3c0-1.8-.2-3.6-.2-3.6zM10 14.7V9.3l6 2.7-6 2.7z"/></svg>
629          </a>
630        
631                  <a class="sbtn" href="https://www.instagram.com/alex_dj_pollymarks/" target="_blank" rel="noopener" title="Instagram">
632            <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5zm10 2H7a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm-5 3.5A4.5 4.5 0 1 1 7.5 12 4.5 4.5 0 0 1 12 7.5zm0 2A2.5 2.5 0 1 0 14.5 12 2.5 2.5 0 0 0 12 9.5zM17.8 6.2a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"/></svg>
633          </a>
634        
635              </div>
636    </div>
637
638    <div class="badges">
639      <span class="badge">alex_dj_pollymarks</span>      <span class="badge">Charlotte, NC, United States, 28262</span>      <span class="badge">📲 +1 980-237-4370</span>      <span class="badge">💬 19802374370</span>      <a class="badge" href="https://wa.me/119802374370" target="_blank" rel="noopener">WhatsApp</a>    </div>
640  </section>
641
642  <div class="grid">
643
644    <!-- VIDEOS -->
645    <section class="card">
646      <h2>🎬 Videos (YouTube) Y Redes Sociales</h2>
647
648      <!-- CAJITAS REDES ARRIBA DE LOS VIDEOS -->
649      <div class="social-boxes">
650
651        <!-- FACEBOOK BOX -->
652                <div class="social-card">
653          <h3>📘 Facebook</h3>
654          <div class="social-inner">
655            <div class="fb-page"
656              data-href="https://www.facebook.com/DjPollyMarks"
657              data-tabs="timeline"
658              data-width=""
659              data-height="360"
660              data-small-header="false"
661              data-adapt-container-width="true"
662              data-hide-cover="false"
663              data-show-facepile="true">
664            </div>
665          </div>
666        </div>
667        
668        <!-- TIKTOK BOX (creator embed) -->
669                <div class="social-card">
670          <h3>🎵 TikTok</h3>
671          <div class="social-inner">
672            <blockquote class="tiktok-embed"
673              cite="https://www.tiktok.com/@dj_alex_pollymarks"
674              data-unique-id="dj_alex_pollymarks"
675              data-embed-type="creator"
676              style="max-width:100%; min-width:280px; margin:0;">
677              <section></section>
678            </blockquote>
679
680            <noscript>
681              <p class="small" style="margin:10px 0 0">
682                TikTok embed requiere JavaScript.
683                <a href="https://www.tiktok.com/@dj_alex_pollymarks" target="_blank" rel="noopener">Abrir perfil</a>
684              </p>
685            </noscript>
686          </div>
687        </div>
688        
689      </div>
690
691              <div class="ytgrid">
692                      <div class="yt">
693              <iframe
694                src="https://www.youtube.com/embed/JPNSxQ3SW5o"
695                title="10-11-2025 Boda De Norma &amp; Marcelino Dj PollyMarks"
696                loading="lazy"
697                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
698                allowfullscreen></iframe>
699            </div>
700                      <div class="yt">
701              <iframe
702                src="https://www.youtube.com/embed/VKFVglxjUwA"
703                title="12/20/25 Nancy’s 15’s ESPECTÁCULAR"
704                loading="lazy"
705                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
706                allowfullscreen></iframe>
707            </div>
708                      <div class="yt">
709              <iframe
710                src="https://www.youtube.com/embed/E6AupAdGc28"
711                title="10-25-2025 Adamary’s 15’s Dj PollyMarks"
712                loading="lazy"
713                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
714                allowfullscreen></iframe>
715            </div>
716                      <div class="yt">
717              <iframe
718                src="https://www.youtube.com/embed/oxL5SYLBiaY"
719                title="Dj PollyMarks - Boda Charlotte 8-17"
720                loading="lazy"
721                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
722                allowfullscreen></iframe>
723            </div>
724                      <div class="yt">
725              <iframe
726                src="https://www.youtube.com/embed/8kjjoDC4m0E"
727                title="Dj PollyMarks En los 15 de Dulce... Chalortte NC USA"
728                loading="lazy"
729                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
730                allowfullscreen></iframe>
731            </div>
732                      <div class="yt">
733              <iframe
734                src="https://www.youtube.com/embed/Ci-WzcbCNac"
735                title="Y asi suenan las DAS Audio Action... XV De Abigail (Charlotte NC)"
736                loading="lazy"
737                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
738                allowfullscreen></iframe>
739            </div>
740                  </div>
741      
742      <p class="small" style="margin-top:12px">
743        Canal:
744        <a href="https://www.youtube.com/@DjAlexPollyMarks" target="_blank" rel="noopener">https://www.youtube.com/@DjAlexPollyMarks</a>
745      </p>
746    </section>
747
748    <!-- SOUNDCLOUD -->
749    <aside class="card">
750      <h2>🎧 Mixes (SoundCloud)</h2>
751
752                        <div class="scitem">
753                          <div class="sctitle">DJ Polly Marks</div>
754                        <div>
755              <iframe 
756width="100%" 
757height="550"
758scrolling="no" 
759frameborder="no"
760allow="autoplay"
761src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/playlists/349193962&color=%23ff5500&show_user=true">
762</iframe>            </div>
763          </div>
764              
765      <p class="small">DJ Polly Marks</p>
766    </aside>
767
768  </div>
769</div>
770
771<!-- Scripts oficiales (ponelos 1 sola vez en toda la página) -->
772  <div id="fb-root"></div>
773  
773<script async defer crossorigin="anonymous"
774    src="https://connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v18.0"></script>
774
775
776<script async src="https://www.tiktok.com/embed.js"></script>
776
777
778
779<style>
780:root{
781  --blue:#0f2a6b;
782  --blueDark:#081a3a;
783  --gold:#d4a93c;
784  --white:#ffffff;
785  --muted:rgba(255,255,255,.78);
786}
787footer{
788  background:linear-gradient(180deg, var(--blueDark), var(--blue));
789  color:var(--white);
790  margin-top:60px;
791  border-top:3px solid var(--gold);
792}
793.footer-wrap{
794  width:92%;
795  max-width:1200px;
796  margin:auto;
797  padding:40px 0;
798  display:grid;
799  grid-template-columns:1.5fr 1fr 1fr;
800  gap:22px;
801}
802.footer-brand{display:flex;align-items:center;gap:14px}
803.footer-brand img{height:46px;width:auto}
804.footer-title{font-weight:900;font-size:20px;letter-spacing:1px;color:var(--gold)}
805.footer-text{margin-top:12px;color:var(--muted);line-height:1.7;max-width:440px;font-size:14px}
806.footer-box h4{margin:0 0 12px 0;color:var(--gold);font-weight:900;letter-spacing:.5px}
807.footer-links a{
808  display:block;color:rgba(255,255,255,.88);text-decoration:none;
809  margin:9px 0;font-weight:700;transition:.25s ease;
810}
811.footer-links a:hover{color:var(--gold);transform:translateX(4px)}
812.footer-bottom{
813  border-top:1px solid rgba(255,255,255,.15);
814  padding:16px 0;
815  text-align:center;
816  color:rgba(255,255,255,.7);
817  font-weight:700;
818  font-size:13px;
819  background:var(--blueDark);
820}
821@media(max-width:900px){
822  .footer-wrap{grid-template-columns:1fr;text-align:center}
823  .footer-brand{justify-content:center}
824}
825
826/* Contador */
827.footer-counter{
828  margin-top:10px;
829  display:flex;
830  justify-content:center;
831}
832.footer-counter iframe{
833  width:100% !important;
834  max-width:360px;
835  height:120px;
836  border:0 !important;
837  border-radius:10px;
838}
839</style>
840
841<footer>
842  <div class="footer-wrap">
843
844    <!-- BRAND -->
845    <div>
846      <div class="footer-brand">
847                  <img src="/assets/uploads/logos/logo_1771998535.png" alt="El Huateke Radio">
848                <div class="footer-title">El Huateke Radio</div>
849      </div>
850
851              <div class="footer-text">El Huateke Radio es una emisora digital creada con la visión de llevar la auténtica música Variada para todos los gustos a cada rincón del mundo. Un proyecto nacido desde el corazón, pensado para la comunidad y para mantener vivas nuestras raíces musicales, transmitiendo las 24 horas del día.</div>
852          </div>
853
854    <!-- LINKS -->
855    <div class="footer-box">
856      <h4>Navegación</h4>
857      <div class="footer-links">
858                                          <a href="/index.php">Inicio</a>
859                                  <a href="/programacion.php">Programación</a>
860                                  <a href="/eventos.php">Eventos</a>
861                                  <a href="/videos.php">Videos</a>
862                                  <a href="/contacto.php">Contacto</a>
863                        </div>
864    </div>
865
866    <!-- CONTADOR -->
867    <div class="footer-box">
868      <h4>Contador De Visitas</h4>
869
870      <div class="footer-counter">
871        
872                  <div style="max-width:100%;overflow:hidden">
873            <a href="https://info.flagcounter.com/v6Yw"><img src="https://s01.flagcounter.com/countxl/v6Yw/bg_FFFFFF/txt_000000/border_CCCCCC/columns_3/maxflags_12/viewers_0/labels_1/pageviews_1/flags_0/percent_0/" alt="Flag Counter" border="0"></a>          </div>
874              </div>
875    </div>
876
877  </div>
878
879  <div class="footer-bottom">
880    © 2026 El Huateke Radio · Todos los derechos reservados
881  </div>
882</footer>
883
884</body>
885</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.