{"id":21,"date":"2026-03-13T22:16:07","date_gmt":"2026-03-13T22:16:07","guid":{"rendered":"https:\/\/cliente.109.199.100.110.nip.io\/?page_id=21"},"modified":"2026-03-13T22:16:10","modified_gmt":"2026-03-13T22:16:10","slug":"21-2","status":"publish","type":"page","link":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/21-2\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n  \/* Bloqueo total a WordPress *\/\n  body, html { margin: 0 !important; padding: 0 !important; overflow: hidden !important; background-color: #000; }\n  header, footer, .site-header, .site-footer, .elementor-location-header, .elementor-location-footer { display: none !important; }\n\n  \/* Contenedor principal a pantalla completa *\/\n  .radio-full-screen {\n    position: fixed;\n    top: 0; left: 0;\n    width: 100vw;\n    height: 100vh;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: Arial, sans-serif;\n    background: url('https:\/\/images.unsplash.com\/photo-1598550476439-6847785fcea6?q=80&w=1920&auto=format&fit=crop') center\/cover no-repeat;\n    z-index: 999999;\n  }\n\n  \/* Filtro oscuro para el fondo *\/\n  .radio-overlay {\n    position: absolute;\n    top: 0; left: 0; right: 0; bottom: 0;\n    background: rgba(0, 0, 0, 0.6);\n    z-index: 1;\n  }\n\n  \/* Tarjeta central moderna *\/\n  .radio-card {\n    position: relative;\n    z-index: 2;\n    background: rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(20px);\n    -webkit-backdrop-filter: blur(20px);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 25px;\n    padding: 40px;\n    text-align: center;\n    color: white;\n    width: 90%;\n    max-width: 420px;\n    box-shadow: 0 30px 50px rgba(0,0,0,0.5);\n  }\n\n  \/* Logo forzado a cargar *\/\n  .radio-logo {\n    width: 160px;\n    height: 160px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: 20px;\n    border: 4px solid rgba(255, 255, 255, 0.8);\n    box-shadow: 0 0 25px rgba(255, 255, 255, 0.3);\n    background-color: #222; \/* Fondo por si tarda en cargar *\/\n  }\n\n  \/* T\u00edtulo de la radio *\/\n  .radio-title {\n    font-size: 32px;\n    margin: 0 0 10px 0;\n    font-weight: 900;\n    text-transform: uppercase;\n    letter-spacing: 2px;\n  }\n\n  \/* Indicador de En Vivo *\/\n  .radio-live {\n    font-size: 15px;\n    color: #00ff88;\n    margin-bottom: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    font-weight: bold;\n  }\n\n  .dot {\n    width: 12px;\n    height: 12px;\n    background-color: #ff0044;\n    border-radius: 50%;\n    animation: pulse 1.5s infinite;\n  }\n\n  @keyframes pulse {\n    0% { box-shadow: 0 0 0 0 rgba(255, 0, 68, 0.7); }\n    70% { box-shadow: 0 0 0 15px rgba(255, 0, 68, 0); }\n    100% { box-shadow: 0 0 0 0 rgba(255, 0, 68, 0); }\n  }\n\n  \/* Bot\u00f3n de reproducci\u00f3n *\/\n  .play-btn {\n    background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);\n    border: none;\n    border-radius: 50%;\n    width: 80px;\n    height: 80px;\n    color: white;\n    font-size: 28px;\n    cursor: pointer;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin: 0 auto;\n    transition: transform 0.2s;\n    box-shadow: 0 10px 25px rgba(0, 114, 255, 0.5);\n  }\n\n  .play-btn:hover {\n    transform: scale(1.1);\n  }\n<\/style>\n\n<div class=\"radio-full-screen\">\n  <div class=\"radio-overlay\"><\/div>\n  \n  <div class=\"radio-card\">\n    <img decoding=\"async\" src=\"http:\/\/cliente.109.199.100.110.nip.io\/wp-content\/uploads\/2026\/03\/Copia-de-Copia-de-Copia-de-2025.png\" alt=\"GENERACIONO\" class=\"radio-logo\">\n    \n    <h1 class=\"radio-title\">GENERACIONO<\/h1>\n    \n    <div class=\"radio-live\">\n      <span class=\"dot\"><\/span> EN VIVO\n    <\/div>\n\n    <audio id=\"audioStream\" src=\"http:\/\/tu-link-de-streaming-aqui:puerto\/stream\"><\/audio>\n    \n    <button class=\"play-btn\" id=\"playPauseBtn\" onclick=\"toggleAudio()\">\n      \u25b6\n    <\/button>\n  <\/div>\n<\/div>\n\n<script>\n  function toggleAudio() {\n    var audio = document.getElementById(\"audioStream\");\n    var btn = document.getElementById(\"playPauseBtn\");\n    \n    if (audio.paused) {\n      audio.play();\n      btn.innerHTML = \"\u23f8\"; \n    } else {\n      audio.pause();\n      btn.innerHTML = \"\u25b6\"; \n    }\n  }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>GENERACIONO EN VIVO \u25b6<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":1,"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/pages\/21\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/cliente.109.199.100.110.nip.io\/index.php\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}