{"id":7434,"date":"2026-10-02T15:56:44","date_gmt":"2026-10-02T14:56:44","guid":{"rendered":"https:\/\/fromanotherplace.org\/?page_id=7434"},"modified":"2026-10-02T17:14:12","modified_gmt":"2026-10-02T16:14:12","slug":"elementor-7434","status":"publish","type":"page","link":"https:\/\/fromanotherplace.org\/fr\/elementor-7434\/","title":{"rendered":"Elementor #7434"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"7434\" class=\"elementor elementor-7434\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b5e8a50 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b5e8a50\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-8f646b2\" data-id=\"8f646b2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-325b787 elementor-widget elementor-widget-html\" data-id=\"325b787\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\r\n     RADIO LIBRE - ELEMENTOR PLAYER\r\n     ========================================================= -->\r\n\r\n<div id=\"radio-libre-player\">\r\n\r\n    <!-- Fondo -->\r\n    <div class=\"rlp-background\"><\/div>\r\n    <div class=\"rlp-overlay\"><\/div>\r\n\r\n    <div class=\"rlp-container\">\r\n\r\n        <!-- HEADER -->\r\n        <header class=\"rlp-header\">\r\n            <h1>RADIO LIBRE<\/h1>\r\n            <p>TRANSMISI\u00d3N EN VIVO<\/p>\r\n        <\/header>\r\n\r\n        <div class=\"rlp-layout\">\r\n\r\n            <!-- =================================================\r\n                 PLAYER\r\n                 ================================================= -->\r\n            <section class=\"rlp-player-card\">\r\n\r\n                <!-- VINILO -->\r\n                <div id=\"rlp-vinyl\" class=\"rlp-vinyl paused\">\r\n\r\n                    <div class=\"rlp-vinyl-grooves\"><\/div>\r\n\r\n                    <!-- Etiqueta central -->\r\n                    <div class=\"rlp-label\">\r\n                        <img decoding=\"async\"\r\n                            src=\"http:\/\/fromanotherplace.org\/wp-content\/uploads\/2020\/08\/player2.jpg\"\r\n                            alt=\"Radio Libre\"\r\n                        >\r\n                    <\/div>\r\n\r\n                    <!-- Agujero central -->\r\n                    <div class=\"rlp-hole\"><\/div>\r\n\r\n                <\/div>\r\n\r\n                <!-- BOT\u00d3N PLAY -->\r\n                <button\r\n                    id=\"rlp-play\"\r\n                    class=\"rlp-play-button\"\r\n                    type=\"button\"\r\n                    aria-label=\"Reproducir radio\"\r\n                >\r\n                    <span class=\"rlp-play-icon\">\u25b6<\/span>\r\n                <\/button>\r\n\r\n                <!-- ESTADO -->\r\n                <div class=\"rlp-status\">\r\n\r\n                    <div class=\"rlp-equalizer\" aria-hidden=\"true\">\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n                        <span><\/span>\r\n                    <\/div>\r\n\r\n                    <span id=\"rlp-status-text\">EN PAUSA<\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- AUDIO -->\r\n                <audio\r\n                    id=\"rlp-audio\"\r\n                    preload=\"none\"\r\n                >\r\n                    <source\r\n                        src=\"https:\/\/radios.miservidor.cloud\/8018\/;\"\r\n                        type=\"audio\/mpeg\"\r\n                    >\r\n                <\/audio>\r\n\r\n            <\/section>\r\n\r\n\r\n            <!-- =================================================\r\n                 INFORMACI\u00d3N \/ SONIC\r\n                 ================================================= -->\r\n            <section class=\"rlp-info-card\">\r\n\r\n                <div class=\"rlp-decoration\">\r\n                    \u266a\r\n                <\/div>\r\n\r\n                <h2>\r\n                    <span>\u25cf<\/span>\r\n                    SONANDO AHORA\r\n                <\/h2>\r\n\r\n                <!-- CAR\u00c1TULA SONIC -->\r\n                <div id=\"sonic_art\" class=\"rlp-sonic-art\"><\/div>\r\n\r\n                <h3>\r\n                    HISTORIAL DE CANCIONES\r\n                <\/h3>\r\n\r\n                <!-- HISTORIAL SONIC -->\r\n                <div\r\n                    id=\"sonic_history\"\r\n                    class=\"rlp-history\"\r\n                ><\/div>\r\n\r\n            <\/section>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- =========================================================\r\n     SONIC WIDGET\r\n     ========================================================= -->\r\n\r\n<script\r\n    id=\"sonic_js\"\r\n    data-port=\"8018\"\r\n    src=\"https:\/\/radios.miservidor.cloud\/cp\/widgets.js?r=527\"\r\n><\/script>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RADIO LIBRE PLAYER\r\n   Todo est\u00e1 encapsulado dentro de #radio-libre-player\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player {\r\n\r\n    --rlp-accent: #6366f1;\r\n    --rlp-accent-2: #8b5cf6;\r\n\r\n    --rlp-text: #ffffff;\r\n    --rlp-muted: #b8b8c2;\r\n\r\n    --rlp-panel: rgba(20, 20, 25, 0.60);\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-height: 720px;\r\n\r\n    overflow: hidden;\r\n\r\n    color: var(--rlp-text);\r\n\r\n    font-family:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        sans-serif;\r\n\r\n    box-sizing: border-box;\r\n\r\n    isolation: isolate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESET INTERNO\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player *,\r\n#radio-libre-player *::before,\r\n#radio-libre-player *::after {\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-background {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -2;\r\n\r\n    background-image:\r\n        url(\"http:\/\/fromanotherplace.org\/wp-content\/uploads\/2020\/10\/finalvideo.fw_.png\");\r\n\r\n    background-size: cover;\r\n    background-position: center;\r\n    background-repeat: no-repeat;\r\n\r\n    transform: scale(1.02);\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-overlay {\r\n\r\n    position: absolute;\r\n    inset: 0;\r\n\r\n    z-index: -1;\r\n\r\n    background:\r\n        linear-gradient(\r\n            rgba(0,0,0,.72),\r\n            rgba(0,0,0,.82)\r\n        );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-container {\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 60px 20px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-header {\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 55px;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-header h1 {\r\n\r\n    margin: 0;\r\n\r\n    font-size: clamp(36px, 6vw, 64px);\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: .08em;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #ffffff,\r\n            #999999\r\n        );\r\n\r\n    -webkit-background-clip: text;\r\n    background-clip: text;\r\n\r\n    color: transparent;\r\n\r\n    text-shadow:\r\n        0 5px 25px rgba(0,0,0,.5);\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-header p {\r\n\r\n    margin: 12px 0 0;\r\n\r\n    color: #cfcfd6;\r\n\r\n    font-size: 13px;\r\n\r\n    letter-spacing: .28em;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAYOUT\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-layout {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(300px, 460px)\r\n        minmax(300px, 520px);\r\n\r\n    justify-content: center;\r\n\r\n    align-items: start;\r\n\r\n    gap: 50px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   GLASS CARDS\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-player-card,\r\n#radio-libre-player .rlp-info-card {\r\n\r\n    position: relative;\r\n\r\n    background:\r\n        rgba(20,20,25,.58);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-radius: 28px;\r\n\r\n    backdrop-filter:\r\n        blur(18px);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(18px);\r\n\r\n    box-shadow:\r\n        0 25px 70px rgba(0,0,0,.45);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAYER CARD\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-player-card {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    padding: 45px 30px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VINYL\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-vinyl {\r\n\r\n    position: relative;\r\n\r\n    width: min(340px, 75vw);\r\n    aspect-ratio: 1;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        repeating-radial-gradient(\r\n            circle,\r\n            #161616 0px,\r\n            #161616 2px,\r\n            #0c0c0c 3px,\r\n            #0c0c0c 5px\r\n        );\r\n\r\n    box-shadow:\r\n        0 0 35px rgba(0,0,0,.8),\r\n        inset 0 0 35px rgba(0,0,0,.9);\r\n\r\n    animation:\r\n        rlp-spin 4s linear infinite;\r\n\r\n    animation-play-state: paused;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-vinyl:not(.paused) {\r\n\r\n    animation-play-state: running;\r\n}\r\n\r\n\r\n\/* Reflejo del vinilo *\/\r\n\r\n#radio-libre-player .rlp-vinyl::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            130deg,\r\n            transparent 35%,\r\n            rgba(255,255,255,.07) 50%,\r\n            transparent 65%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-label {\r\n\r\n    position: absolute;\r\n\r\n    width: 34%;\r\n    aspect-ratio: 1;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    transform:\r\n        translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        3px solid #111;\r\n\r\n    box-shadow:\r\n        0 0 20px rgba(0,0,0,.7);\r\n\r\n    z-index: 3;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-label img {\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n\r\n    display: block;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CENTER HOLE\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-hole {\r\n\r\n    position: absolute;\r\n\r\n    width: 14px;\r\n    height: 14px;\r\n\r\n    top: 50%;\r\n    left: 50%;\r\n\r\n    transform:\r\n        translate(-50%, -50%);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #111;\r\n\r\n    box-shadow:\r\n        inset 0 2px 5px rgba(0,0,0,.9);\r\n\r\n    z-index: 5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PLAY BUTTON\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-play-button {\r\n\r\n    position: relative;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    width: 82px;\r\n    height: 82px;\r\n\r\n    margin-top: 40px;\r\n\r\n    border-radius: 50%;\r\n\r\n    border:\r\n        2px solid rgba(255,255,255,.18);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--rlp-accent),\r\n            var(--rlp-accent-2)\r\n        );\r\n\r\n    color: white;\r\n\r\n    cursor: pointer;\r\n\r\n    box-shadow:\r\n        0 0 25px rgba(99,102,241,.35);\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        box-shadow .2s ease;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-play-button:hover {\r\n\r\n    transform: scale(1.07);\r\n\r\n    box-shadow:\r\n        0 0 40px rgba(99,102,241,.55);\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-play-button:active {\r\n\r\n    transform: scale(.96);\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-play-icon {\r\n\r\n    font-size: 25px;\r\n\r\n    margin-left: 4px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATUS\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-status {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-top: 25px;\r\n}\r\n\r\n\r\n#radio-libre-player #rlp-status-text {\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: .15em;\r\n\r\n    color: #a5a5ff;\r\n\r\n    transition: color .25s ease;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   EQUALIZER\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-equalizer {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-end;\r\n\r\n    gap: 3px;\r\n\r\n    height: 18px;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-equalizer span {\r\n\r\n    display: block;\r\n\r\n    width: 3px;\r\n\r\n    height: 6px;\r\n\r\n    border-radius: 3px;\r\n\r\n    background: #818cf8;\r\n\r\n    transition: height .15s ease;\r\n}\r\n\r\n\r\n\/* Animaci\u00f3n solamente mientras reproduce *\/\r\n\r\n#radio-libre-player.is-playing\r\n.rlp-equalizer span:nth-child(1) {\r\n\r\n    animation:\r\n        rlp-eq .45s infinite alternate;\r\n}\r\n\r\n\r\n#radio-libre-player.is-playing\r\n.rlp-equalizer span:nth-child(2) {\r\n\r\n    animation:\r\n        rlp-eq .65s .1s infinite alternate;\r\n}\r\n\r\n\r\n#radio-libre-player.is-playing\r\n.rlp-equalizer span:nth-child(3) {\r\n\r\n    animation:\r\n        rlp-eq .35s .2s infinite alternate;\r\n}\r\n\r\n\r\n#radio-libre-player.is-playing\r\n.rlp-equalizer span:nth-child(4) {\r\n\r\n    animation:\r\n        rlp-eq .55s .15s infinite alternate;\r\n}\r\n\r\n\r\n#radio-libre-player.is-playing\r\n.rlp-equalizer span:nth-child(5) {\r\n\r\n    animation:\r\n        rlp-eq .4s .25s infinite alternate;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO CARD\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-info-card {\r\n\r\n    padding: 35px;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-info-card h2 {\r\n\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    margin: 0 0 25px;\r\n\r\n    padding-bottom: 18px;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    font-size: 22px;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-info-card h2 span {\r\n\r\n    color: #818cf8;\r\n\r\n    margin-right: 8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DECORATION\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-decoration {\r\n\r\n    position: absolute;\r\n\r\n    top: -25px;\r\n    right: 10px;\r\n\r\n    font-size: 150px;\r\n\r\n    line-height: 1;\r\n\r\n    color: white;\r\n\r\n    opacity: .035;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SONIC ART\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-sonic-art {\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\r\n\/* Widget Sonic injecta la imagen *\/\r\n\r\n#radio-libre-player #sonic_art img {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 280px;\r\n\r\n    aspect-ratio: 1;\r\n\r\n    object-fit: cover;\r\n\r\n    border-radius: 18px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n    box-shadow:\r\n        0 20px 40px rgba(0,0,0,.55);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HISTORY\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-info-card h3 {\r\n\r\n    margin: 0 0 12px;\r\n\r\n    color: #d7d7df;\r\n\r\n    font-size: 13px;\r\n\r\n    letter-spacing: .12em;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-history {\r\n\r\n    max-height: 260px;\r\n\r\n    overflow-y: auto;\r\n\r\n    padding: 14px;\r\n\r\n    border-radius: 14px;\r\n\r\n    background:\r\n        rgba(0,0,0,.30);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.06);\r\n}\r\n\r\n\r\n\/* Sonic puede generar TABLE o UL *\/\r\n\r\n#radio-libre-player #sonic_history table,\r\n#radio-libre-player #sonic_history ul {\r\n\r\n    width: 100%;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    border-collapse: collapse;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n#radio-libre-player #sonic_history td,\r\n#radio-libre-player #sonic_history li {\r\n\r\n    padding: 11px 5px;\r\n\r\n    border-bottom:\r\n        1px solid rgba(255,255,255,.06);\r\n\r\n    color: #d5d5dc;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.45;\r\n}\r\n\r\n\r\n#radio-libre-player #sonic_history tr:last-child td,\r\n#radio-libre-player #sonic_history li:last-child {\r\n\r\n    border-bottom: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SCROLLBAR\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player .rlp-history::-webkit-scrollbar {\r\n\r\n    width: 5px;\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-history::-webkit-scrollbar-track {\r\n\r\n    background: rgba(255,255,255,.04);\r\n}\r\n\r\n\r\n#radio-libre-player .rlp-history::-webkit-scrollbar-thumb {\r\n\r\n    background: rgba(255,255,255,.20);\r\n\r\n    border-radius: 10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STATES\r\n   ========================================================= *\/\r\n\r\n#radio-libre-player.is-playing\r\n#rlp-status-text {\r\n\r\n    color: #4ade80;\r\n}\r\n\r\n\r\n#radio-libre-player.is-loading\r\n#rlp-status-text {\r\n\r\n    color: #facc15;\r\n}\r\n\r\n\r\n#radio-libre-player.has-error\r\n#rlp-status-text {\r\n\r\n    color: #f87171;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ANIMATIONS\r\n   ========================================================= *\/\r\n\r\n@keyframes rlp-spin {\r\n\r\n    from {\r\n        transform: rotate(0deg);\r\n    }\r\n\r\n    to {\r\n        transform: rotate(360deg);\r\n    }\r\n\r\n}\r\n\r\n\r\n@keyframes rlp-eq {\r\n\r\n    from {\r\n        height: 4px;\r\n    }\r\n\r\n    to {\r\n        height: 18px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    #radio-libre-player .rlp-layout {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        max-width: 600px;\r\n\r\n        margin: 0 auto;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #radio-libre-player {\r\n\r\n        min-height: auto;\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-container {\r\n\r\n        padding:\r\n            40px 15px;\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-header {\r\n\r\n        margin-bottom: 35px;\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-header h1 {\r\n\r\n        font-size: 38px;\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-header p {\r\n\r\n        font-size: 10px;\r\n\r\n        letter-spacing: .18em;\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-layout {\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-player-card {\r\n\r\n        padding: 30px 20px;\r\n\r\n        border-radius: 22px;\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-info-card {\r\n\r\n        padding: 25px 20px;\r\n\r\n        border-radius: 22px;\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-vinyl {\r\n\r\n        width: min(290px, 78vw);\r\n\r\n    }\r\n\r\n\r\n    #radio-libre-player .rlp-play-button {\r\n\r\n        width: 74px;\r\n        height: 74px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCE MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #radio-libre-player .rlp-vinyl {\r\n\r\n        animation: none !important;\r\n\r\n    }\r\n\r\n    #radio-libre-player .rlp-equalizer span {\r\n\r\n        animation: none !important;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    \"use strict\";\r\n\r\n\r\n    \/* =====================================================\r\n       ESPERAR DOM\r\n       ===================================================== *\/\r\n\r\n    function initRadioLibre() {\r\n\r\n        const player = document.getElementById(\r\n            \"radio-libre-player\"\r\n        );\r\n\r\n        if (!player) return;\r\n\r\n\r\n        const audio = document.getElementById(\r\n            \"rlp-audio\"\r\n        );\r\n\r\n        const button = document.getElementById(\r\n            \"rlp-play\"\r\n        );\r\n\r\n        const icon = document.querySelector(\r\n            \"#radio-libre-player .rlp-play-icon\"\r\n        );\r\n\r\n        const vinyl = document.getElementById(\r\n            \"rlp-vinyl\"\r\n        );\r\n\r\n        const status = document.getElementById(\r\n            \"rlp-status-text\"\r\n        );\r\n\r\n\r\n        if (\r\n            !audio ||\r\n            !button ||\r\n            !icon ||\r\n            !vinyl ||\r\n            !status\r\n        ) {\r\n            return;\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           VOLUMEN\r\n           ================================================= *\/\r\n\r\n        audio.volume = 0.8;\r\n\r\n\r\n        \/* =================================================\r\n           UI\r\n           ================================================= *\/\r\n\r\n        function setState(state) {\r\n\r\n            player.classList.remove(\r\n                \"is-playing\",\r\n                \"is-loading\",\r\n                \"has-error\"\r\n            );\r\n\r\n\r\n            switch (state) {\r\n\r\n                case \"playing\":\r\n\r\n                    player.classList.add(\r\n                        \"is-playing\"\r\n                    );\r\n\r\n                    vinyl.classList.remove(\r\n                        \"paused\"\r\n                    );\r\n\r\n                    icon.textContent = \"\u275a\u275a\";\r\n\r\n                    status.textContent =\r\n                        \"EN VIVO\";\r\n\r\n                    break;\r\n\r\n\r\n                case \"loading\":\r\n\r\n                    player.classList.add(\r\n                        \"is-loading\"\r\n                    );\r\n\r\n                    vinyl.classList.add(\r\n                        \"paused\"\r\n                    );\r\n\r\n                    icon.textContent = \"\u25a0\";\r\n\r\n                    status.textContent =\r\n                        \"CONECTANDO...\";\r\n\r\n                    break;\r\n\r\n\r\n                case \"error\":\r\n\r\n                    player.classList.add(\r\n                        \"has-error\"\r\n                    );\r\n\r\n                    vinyl.classList.add(\r\n                        \"paused\"\r\n                    );\r\n\r\n                    icon.textContent = \"\u25b6\";\r\n\r\n                    status.textContent =\r\n                        \"STREAM NO DISPONIBLE\";\r\n\r\n                    break;\r\n\r\n\r\n                default:\r\n\r\n                    vinyl.classList.add(\r\n                        \"paused\"\r\n                    );\r\n\r\n                    icon.textContent = \"\u25b6\";\r\n\r\n                    status.textContent =\r\n                        \"EN PAUSA\";\r\n            }\r\n\r\n        }\r\n\r\n\r\n        \/* =================================================\r\n           PLAY \/ PAUSE\r\n           ================================================= *\/\r\n\r\n        button.addEventListener(\r\n            \"click\",\r\n            function () {\r\n\r\n                if (\r\n                    !audio.paused &&\r\n                    !audio.ended\r\n                ) {\r\n\r\n                    audio.pause();\r\n\r\n                    return;\r\n                }\r\n\r\n\r\n                setState(\"loading\");\r\n\r\n\r\n                const promise =\r\n                    audio.play();\r\n\r\n\r\n                if (\r\n                    promise &&\r\n                    typeof promise.catch === \"function\"\r\n                ) {\r\n\r\n                    promise.catch(\r\n                        function (error) {\r\n\r\n                            console.error(\r\n                                \"Radio Libre:\",\r\n                                error\r\n                            );\r\n\r\n                            setState(\r\n                                \"error\"\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           AUDIO EVENTS\r\n           ================================================= *\/\r\n\r\n        audio.addEventListener(\r\n            \"loadstart\",\r\n            function () {\r\n\r\n                if (!audio.paused) {\r\n\r\n                    setState(\r\n                        \"loading\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        audio.addEventListener(\r\n            \"waiting\",\r\n            function () {\r\n\r\n                if (!audio.paused) {\r\n\r\n                    status.textContent =\r\n                        \"RECONECTANDO...\";\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        audio.addEventListener(\r\n            \"playing\",\r\n            function () {\r\n\r\n                setState(\r\n                    \"playing\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        audio.addEventListener(\r\n            \"pause\",\r\n            function () {\r\n\r\n                setState(\r\n                    \"paused\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        audio.addEventListener(\r\n            \"error\",\r\n            function () {\r\n\r\n                console.error(\r\n                    \"Radio Libre: error del stream\",\r\n                    audio.error\r\n                );\r\n\r\n                setState(\r\n                    \"error\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           CUANDO EL STREAM VUELVE\r\n           ================================================= *\/\r\n\r\n        audio.addEventListener(\r\n            \"canplay\",\r\n            function () {\r\n\r\n                if (!audio.paused) {\r\n\r\n                    setState(\r\n                        \"playing\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        \/* =================================================\r\n           ESTADO INICIAL\r\n           ================================================= *\/\r\n\r\n        setState(\r\n            \"paused\"\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ELEMENTOR \/ WORDPRESS\r\n       ===================================================== *\/\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initRadioLibre\r\n        );\r\n\r\n    } else {\r\n\r\n        initRadioLibre();\r\n\r\n    }\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>RADIO LIBRE TRANSMISI\u00d3N EN VIVO \u25b6 EN PAUSA \u266a \u25cf SONANDO AHORA HISTORIAL DE CANCIONES<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"ocean_front_end_style_editor":"no","ocean_post_layout":"","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"0","ocean_second_sidebar":"0","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"0","ocean_custom_header_template":"0","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"0","ocean_menu_typo_font_family":"0","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"0","footnotes":""},"class_list":["post-7434","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/pages\/7434","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/comments?post=7434"}],"version-history":[{"count":16,"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/pages\/7434\/revisions"}],"predecessor-version":[{"id":7528,"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/pages\/7434\/revisions\/7528"}],"wp:attachment":[{"href":"https:\/\/fromanotherplace.org\/fr\/wp-json\/wp\/v2\/media?parent=7434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}