{"id":7,"date":"2025-10-20T14:13:54","date_gmt":"2025-10-20T14:13:54","guid":{"rendered":"https:\/\/recursos.deradios.stream\/?page_id=7"},"modified":"2025-10-20T14:13:55","modified_gmt":"2025-10-20T14:13:55","slug":"demo","status":"publish","type":"page","link":"https:\/\/recursos.deradios.stream\/index.php\/demo\/","title":{"rendered":"demo"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><div class=\"cotizador-dolar-wrapper\" style=\"\">        <style>\n        .dolar-widget-6accc781a4de2 {\n            font-family: 'Segoe UI', sans-serif;\n            max-width: 320px;\n            margin: 0 auto;\n            border-radius: 12px;\n            overflow: hidden;\n            box-shadow: 0 4px 12px rgba(0,0,0,0.1);\n            background: #ffffff;\n        }\n        .dolar-widget-6accc781a4de2 .dolar-header {\n            background: #0d47a1;\n            color: #ffffff;\n            padding: 12px 16px;\n            font-weight: bold;\n            text-align: center;\n            font-size: 1.1rem;\n        }\n        .dolar-widget-6accc781a4de2 .dolar-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 12px 16px;\n            border-bottom: 1px solid #eee;\n        }\n        .dolar-widget-6accc781a4de2 .dolar-item:last-child { border-bottom: none; }\n        .dolar-widget-6accc781a4de2 .dolar-nombre { font-weight: 600; color: #333; }\n        .dolar-widget-6accc781a4de2 .dolar-valor { font-weight: 700; color: #d100a0; }\n        .dolar-widget-6accc781a4de2 .dolar-hora {\n            text-align: center;\n            font-size: 0.75rem;\n            color: #888;\n            padding: 8px;\n        }\n        <\/style>\n        <div class=\"dolar-widget-6accc781a4de2\">\n            <div class=\"dolar-header\">Cotizaci\u00f3n del D\u00f3lar<\/div>\n            <div id=\"dolar-list-6accc781a4de2\"><\/div>\n            <div class=\"dolar-hora\" id=\"dolar-hora-6accc781a4de2\"><\/div>\n        <\/div>\n        <script>\n        (function() {\n            fetch('https:\/\/dolarapi.com\/v1\/dolares')\n                .then(res => res.json())\n                .then(data => {\n                    const list = document.getElementById('dolar-list-6accc781a4de2');\n                    const hora = document.getElementById('dolar-hora-6accc781a4de2');\n                    data.forEach(d => {\n                        list.innerHTML += `\n                            <div class=\"dolar-item\">\n                                <span class=\"dolar-nombre\">${d.nombre}<\/span>\n                                <span class=\"dolar-valor\">$${d.venta}<\/span>\n                            <\/div>`;\n                    });\n                    hora.textContent = 'Actualizado a las ' + new Date().toLocaleTimeString('es-AR');\n                })\n                .catch(() => {\n                    document.getElementById('dolar-list-6accc781a4de2').innerHTML = \n                        '<p style=\"padding:16px;color:red;\">Error al cargar datos.<\/p>';\n                });\n        })();\n        <\/script>\n        <\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"cotizador-dolar-wrapper\" style=\"\">        <style>\n        .dolar-minimal-6accc781a4e00 {\n            font-family: system-ui, sans-serif;\n            background: #fff;\n            border: 1px solid #0059ff;\n            border-radius: 6px;\n            max-width: 280px;\n            margin: 0 auto;\n            overflow: hidden;\n        }\n        .dolar-minimal-6accc781a4e00 .dolar-minimal-header {\n            background: #0059ff;\n            color: #fff;\n            padding: 8px 12px;\n            font-size: 0.95rem;\n            font-weight: 600;\n        }\n        .dolar-minimal-6accc781a4e00 .dolar-minimal-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 8px 12px;\n            font-size: 0.9rem;\n            border-bottom: 1px solid #e5e5e5;\n        }\n        .dolar-minimal-6accc781a4e00 .dolar-minimal-item:last-child { border-bottom: none; }\n        .dolar-minimal-6accc781a4e00 .dolar-minimal-nombre { color: #222222; }\n        .dolar-minimal-6accc781a4e00 .dolar-minimal-valor { color: #0059ff; font-weight: 700; }\n        .dolar-minimal-6accc781a4e00 .dolar-minimal-hora {\n            font-size: 0.7rem;\n            color: #777;\n            text-align: center;\n            padding: 6px;\n        }\n        <\/style>\n        <div class=\"dolar-minimal-6accc781a4e00\">\n            <div class=\"dolar-minimal-header\">Cotizaciones D\u00f3lar<\/div>\n            <div id=\"dolar-minimal-list-6accc781a4e00\"><\/div>\n            <div class=\"dolar-minimal-hora\" id=\"dolar-minimal-hora-6accc781a4e00\"><\/div>\n        <\/div>\n        <script>\n        (function() {\n            fetch('https:\/\/dolarapi.com\/v1\/dolares')\n                .then(r => r.json())\n                .then(d => {\n                    const list = document.getElementById('dolar-minimal-list-6accc781a4e00');\n                    d.forEach(i => list.innerHTML += `\n                        <div class=\"dolar-minimal-item\">\n                            <span class=\"dolar-minimal-nombre\">${i.nombre}<\/span>\n                            <span class=\"dolar-minimal-valor\">$${i.venta}<\/span>\n                        <\/div>`);\n                    document.getElementById('dolar-minimal-hora-6accc781a4e00').textContent =\n                        'Actualizado ' + new Date().toLocaleTimeString('es-AR');\n                });\n        })();\n        <\/script>\n        <\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"cotizador-dolar-wrapper\" style=\"\">        <style>\n        .dolar-dark-6accc781a4e13 {\n            font-family: 'Inter', sans-serif;\n            background: #1e1e1e;\n            padding: 20px;\n            border-radius: 14px;\n            max-width: 340px;\n            margin: 0 auto;\n        }\n        .dolar-dark-6accc781a4e13 .dolar-dark-header {\n            background: #00e5ff;\n            color: #1e1e1e;\n            padding: 10px 16px;\n            border-radius: 8px 8px 0 0;\n            font-weight: 700;\n            text-align: center;\n        }\n        .dolar-dark-6accc781a4e13 .dolar-dark-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 10px 16px;\n            background: #2d2d2d;\n            margin-bottom: 4px;\n            border-radius: 4px;\n        }\n        .dolar-dark-6accc781a4e13 .dolar-dark-nombre { color: #f1f1f1; }\n        .dolar-dark-6accc781a4e13 .dolar-dark-valor { color: #00e5ff; font-weight: 700; }\n        .dolar-dark-6accc781a4e13 .dolar-dark-hora {\n            text-align: center;\n            font-size: 0.7rem;\n            color: #888;\n            margin-top: 8px;\n        }\n        <\/style>\n        <div class=\"dolar-dark-6accc781a4e13\">\n            <div class=\"dolar-dark-header\">D\u00f3lar en Vivo<\/div>\n            <div id=\"dolar-dark-list-6accc781a4e13\"><\/div>\n            <div class=\"dolar-dark-hora\" id=\"dolar-dark-hora-6accc781a4e13\"><\/div>\n        <\/div>\n        <script>\n        (function() {\n            fetch('https:\/\/dolarapi.com\/v1\/dolares')\n                .then(r => r.json())\n                .then(d => {\n                    const list = document.getElementById('dolar-dark-list-6accc781a4e13');\n                    d.forEach(i => list.innerHTML += `\n                        <div class=\"dolar-dark-item\">\n                            <span class=\"dolar-dark-nombre\">${i.nombre}<\/span>\n                            <span class=\"dolar-dark-valor\">${i.venta}<\/span>\n                        <\/div>`);\n                    document.getElementById('dolar-dark-hora-6accc781a4e13').textContent =\n                        'Actualizado ' + new Date().toLocaleTimeString('es-AR');\n                });\n        })();\n        <\/script>\n        <\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"cotizador-dolar-wrapper\" style=\"\">        <style>\n        .dolar-table-6accc781a4e24 {\n            width: 100%;\n            border-collapse: collapse;\n            font-family: Arial, sans-serif;\n            margin: 0 auto;\n        }\n        .dolar-table-6accc781a4e24 thead {\n            background: #003366;\n            color: #ffffff;\n        }\n        .dolar-table-6accc781a4e24 th, .dolar-table-6accc781a4e24 td {\n            padding: 10px 12px;\n            text-align: left;\n        }\n        .dolar-table-6accc781a4e24 tbody tr:nth-child(odd) { background: #f9f9f9; }\n        .dolar-table-6accc781a4e24 tbody tr:nth-child(even) { background: #ffffff; }\n        .dolar-table-6accc781a4e24 .valor { font-weight: 700; color: #d97706; }\n        .dolar-table-hora-6accc781a4e24 {\n            font-size: 0.75rem;\n            color: #555;\n            text-align: right;\n            margin-top: 6px;\n        }\n        <\/style>\n        <table class=\"dolar-table-6accc781a4e24\">\n            <thead>\n                <tr>\n                    <th>Tipo<\/th>\n                    <th>Compra<\/th>\n                    <th>Venta<\/th>\n                <\/tr>\n            <\/thead>\n            <tbody id=\"dolar-table-body-6accc781a4e24\"><\/tbody>\n        <\/table>\n        <div class=\"dolar-table-hora-6accc781a4e24\" id=\"dolar-table-hora-6accc781a4e24\"><\/div>\n        <script>\n        (function() {\n            fetch('https:\/\/dolarapi.com\/v1\/dolares')\n                .then(r => r.json())\n                .then(d => {\n                    const body = document.getElementById('dolar-table-body-6accc781a4e24');\n                    d.forEach(i => body.innerHTML += `\n                        <tr>\n                            <td>${i.nombre}<\/td>\n                            <td>${i.compra}<\/td>\n                            <td class=\"valor\">${i.venta}<\/td>\n                        <\/tr>`);\n                    document.getElementById('dolar-table-hora-6accc781a4e24').textContent =\n                        'Actualizado ' + new Date().toLocaleTimeString('es-AR');\n                });\n        })();\n        <\/script>\n        <\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"cotizador-dolar-wrapper\" style=\"\">        <style>\n        .dolar-barra5-6accc781a4e30 {\n            width: 100%;\n            font-family: system-ui, sans-serif;\n            font-size: .85rem;\n            background: #ffffff;\n            border: 1px solid #d0d0d0;\n            border-radius: 4px;\n            overflow: hidden;\n        }\n        .dolar-barra5-6accc781a4e30 table { width: 100%; border-collapse: collapse; }\n        .dolar-barra5-6accc781a4e30 th {\n            background: #f5f5f5;\n            border-right: 1px solid #d0d0d0;\n            padding: 4px 6px;\n            text-align: center;\n            color: #333;\n            font-weight: 600;\n        }\n        .dolar-barra5-6accc781a4e30 td {\n            border-right: 1px solid #d0d0d0;\n            padding: 4px 6px;\n            text-align: center;\n            color: #0066cc;\n            font-weight: 700;\n        }\n        .dolar-barra5-6accc781a4e30 th:last-child, \n        .dolar-barra5-6accc781a4e30 td:last-child { border-right: none; }\n        .dolar-barra5-hora-6accc781a4e30 {\n            text-align: right;\n            font-size: .7rem;\n            color: #777;\n            padding: 3px 6px;\n            background: #fafafa;\n        }\n        <\/style>\n        <div class=\"dolar-barra5-6accc781a4e30\">\n            <table>\n                <thead><tr id=\"dolar-barra5-head-6accc781a4e30\"><\/tr><\/thead>\n                <tbody><tr id=\"dolar-barra5-data-6accc781a4e30\"><\/tr><\/tbody>\n            <\/table>\n            <div class=\"dolar-barra5-hora-6accc781a4e30\" id=\"dolar-barra5-hora-6accc781a4e30\"><\/div>\n        <\/div>\n        <script>\n        (function() {\n            fetch('https:\/\/dolarapi.com\/v1\/dolares')\n                .then(r => r.json())\n                .then(d => {\n                    const head = document.getElementById('dolar-barra5-head-6accc781a4e30');\n                    const data = document.getElementById('dolar-barra5-data-6accc781a4e30');\n                    d.forEach(i => {\n                        head.innerHTML += `<th>${i.nombre}<\/th>`;\n                        data.innerHTML += `<td>${i.venta}<\/td>`;\n                    });\n                    document.getElementById('dolar-barra5-hora-6accc781a4e30').textContent =\n                        'Actualizado ' + new Date().toLocaleTimeString('es-AR');\n                });\n        })();\n        <\/script>\n        <\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"cotizador-dolar-wrapper\" style=\"\">        <style>\n        .dolar-fichas6-6accc781a4e3b {\n            display: flex;\n            gap: 6px;\n            flex-wrap: wrap;\n            background: #121212;\n            padding: 8px;\n            border-radius: 6px;\n            font-family: 'Inter', Arial, sans-serif;\n        }\n        .dolar-fichas6-6accc781a4e3b .dolar-fichas6-item {\n            background: #1e1e1e;\n            border-radius: 4px;\n            padding: 4px 8px;\n            flex: 1 1 100px;\n            text-align: center;\n            box-shadow: 0 1px 3px rgba(0,0,0,.35);\n        }\n        .dolar-fichas6-6accc781a4e3b .dolar-fichas6-nombre {\n            font-size: .7rem;\n            color: #b3b3b3;\n            line-height: 1;\n        }\n        .dolar-fichas6-6accc781a4e3b .dolar-fichas6-valor {\n            font-size: .9rem;\n            color: #00e5ff;\n            font-weight: 700;\n            line-height: 1;\n        }\n        .dolar-fichas6-hora-6accc781a4e3b {\n            width: 100%;\n            text-align: right;\n            font-size: .65rem;\n            color: #777;\n            margin-top: 4px;\n        }\n        <\/style>\n        <div class=\"dolar-fichas6-6accc781a4e3b\" id=\"dolar-fichas6-list-6accc781a4e3b\"><\/div>\n        <div class=\"dolar-fichas6-hora-6accc781a4e3b\" id=\"dolar-fichas6-hora-6accc781a4e3b\"><\/div>\n        <script>\n        (function() {\n            fetch('https:\/\/dolarapi.com\/v1\/dolares')\n                .then(r => r.json())\n                .then(d => {\n                    const list = document.getElementById('dolar-fichas6-list-6accc781a4e3b');\n                    d.forEach(i => {\n                        list.innerHTML += `\n                            <div class=\"dolar-fichas6-item\">\n                                <div class=\"dolar-fichas6-nombre\">${i.nombre}<\/div>\n                                <div class=\"dolar-fichas6-valor\">${i.venta}<\/div>\n                            <\/div>`;\n                    });\n                    document.getElementById('dolar-fichas6-hora-6accc781a4e3b').textContent =\n                        'Actualizado ' + new Date().toLocaleTimeString('es-AR');\n                });\n        })();\n        <\/script>\n        <\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":10,"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/10"}],"wp:attachment":[{"href":"https:\/\/recursos.deradios.stream\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}