{"id":345,"date":"2026-05-22T11:24:37","date_gmt":"2026-05-22T15:24:37","guid":{"rendered":"https:\/\/www.esther1.tumarcaagencia.com\/?page_id=345"},"modified":"2026-05-22T11:55:19","modified_gmt":"2026-05-22T15:55:19","slug":"conversor-de-moneda","status":"publish","type":"page","link":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/conversor-de-moneda\/","title":{"rendered":"CONVERSOR DE MONEDA"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"345\" class=\"elementor elementor-345\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb20970 e-flex e-con-boxed e-con e-parent\" data-id=\"eb20970\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c11565e elementor-widget elementor-widget-shortcode\" data-id=\"c11565e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        :root {\n            --primary: #6c5ce7;\n            --secondary: #a29bfe;\n            --bg-gradient: linear-gradient(135deg, #0f172a, #1e1b4b);\n            --glass-bg: rgba(255, 255, 255, 0.07);\n            --glass-border: rgba(255, 255, 255, 0.1);\n            --text-white: #f8fafc;\n        }\n\n        .wp-calc-wrapper {\n            background: var(--bg-gradient);\n            min-height: 500px;\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            padding: 20px;\n            border-radius: 16px;\n            box-sizing: border-box;\n        }\n\n        .wp-calc-card {\n            background: var(--glass-bg);\n            backdrop-filter: blur(12px);\n            -webkit-backdrop-filter: blur(12px);\n            border: 1px solid var(--glass-border);\n            padding: 30px;\n            border-radius: 24px;\n            width: 100%;\n            max-width: 420px;\n            box-shadow: 0 20px 40px rgba(0,0,0,0.4);\n            animation: wpFadeIn 0.6s ease-out;\n            box-sizing: border-box;\n        }\n\n        @keyframes wpFadeIn {\n            from { opacity: 0; transform: translateY(20px); }\n            to { opacity: 1; transform: translateY(0); }\n        }\n\n        .wp-calc-header {\n            text-align: center;\n            margin-bottom: 25px;\n        }\n\n        .wp-calc-header h2 {\n            color: var(--text-white) !important;\n            font-size: 1.5rem !important;\n            font-weight: 600 !important;\n            margin: 0 !important;\n            letter-spacing: 0.5px;\n        }\n\n        .wp-calc-group {\n            margin-bottom: 18px;\n        }\n\n        .wp-calc-group label {\n            display: block;\n            color: #cbd5e1 !important;\n            font-size: 0.85rem !important;\n            margin-bottom: 8px !important;\n            text-transform: uppercase;\n            letter-spacing: 1px;\n            font-weight: 500;\n        }\n\n        .wp-calc-input, .wp-calc-select {\n            width: 100% !important;\n            padding: 14px !important;\n            background: rgba(15, 23, 42, 0.6) !important;\n            border: 1px solid var(--glass-border) !important;\n            border-radius: 12px !important;\n            color: var(--text-white) !important;\n            font-size: 1rem !important;\n            transition: all 0.3s ease !important;\n            outline: none !important;\n            box-sizing: border-box;\n            height: auto !important;\n        }\n\n        .wp-calc-input:focus, .wp-calc-select:focus {\n            border-color: var(--primary) !important;\n            box-shadow: 0 0 12px rgba(108, 92, 231, 0.4) !important;\n        }\n\n        .wp-calc-select option {\n            background: #1e1b4b;\n            color: var(--text-white);\n        }\n\n        .wp-calc-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 12px;\n            margin-top: 20px;\n        }\n\n        .wp-calc-btn {\n            padding: 14px !important;\n            border: none !important;\n            border-radius: 12px !important;\n            font-size: 0.95rem !important;\n            font-weight: 600 !important;\n            cursor: pointer;\n            transition: all 0.2s ease !important;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            text-shadow: none !important;\n            box-shadow: none !important;\n        }\n\n        .wp-btn-update {\n            background: linear-gradient(135deg, var(--primary), var(--secondary)) !important;\n            color: white !important;\n        }\n\n        .wp-btn-update:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 6px 15px rgba(108, 92, 231, 0.4) !important;\n        }\n\n        .wp-btn-clear {\n            background: rgba(239, 68, 68, 0.2) !important;\n            border: 1px solid rgba(239, 68, 68, 0.4) !important;\n            color: #fca5a5 !important;\n        }\n\n        .wp-btn-clear:hover {\n            background: rgba(239, 68, 68, 0.4) !important;\n            transform: translateY(-2px);\n        }\n\n        .wp-calc-result {\n            margin-top: 25px;\n            background: rgba(255, 255, 255, 0.05);\n            border-radius: 16px;\n            padding: 20px;\n            text-align: center;\n            border: 1px dashed var(--glass-border);\n        }\n\n        .wp-calc-res-label {\n            color: #94a3b8 !important;\n            font-size: 0.85rem !important;\n            text-transform: uppercase;\n            margin-bottom: 5px !important;\n        }\n\n        .wp-calc-res-amount {\n            color: #4ade80 !important;\n            font-size: 1.8rem !important;\n            font-weight: 700 !important;\n            margin: 0 !important;\n            transition: all 0.2s ease;\n        }\n\n        @media (max-width: 480px) {\n            .wp-calc-card { padding: 20px; }\n            .wp-calc-res-amount { font-size: 1.5rem !important; }\n        }\n    <\/style>\n\n    <div class=\"wp-calc-wrapper\">\n        <div class=\"wp-calc-card\">\n            <div class=\"wp-calc-header\">\n                <h2>Convertidor de Pago<\/h2>\n            <\/div>\n\n            <div class=\"wp-calc-group\">\n                <label for=\"wp_amount\">Monto del Producto<\/label>\n                <input type=\"number\" id=\"wp_amount\" class=\"wp-calc-input\" placeholder=\"0.00\" min=\"0\" step=\"any\">\n            <\/div>\n\n            <div class=\"wp-calc-group\">\n                <label for=\"wp_fromCurrency\">Moneda del Precio<\/label>\n                <select id=\"wp_fromCurrency\" class=\"wp-calc-select\">\n                    <option value=\"USD\">USD - D\u00f3lares<\/option>\n                    <option value=\"VES\">VES - Bol\u00edvares<\/option>\n                    <option value=\"COP\">COP - Pesos Colombianos<\/option>\n                    <option value=\"EUR\">EUR - Euros<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"wp-calc-group\">\n                <label for=\"wp_toCurrency\">Moneda a Pagar<\/label>\n                <select id=\"wp_toCurrency\" class=\"wp-calc-select\">\n                    <option value=\"VES\">VES - Bol\u00edvares<\/option>\n                    <option value=\"USD\">USD - D\u00f3lares<\/option>\n                    <option value=\"COP\">COP - Pesos Colombianos<\/option>\n                    <option value=\"EUR\">EUR - Euros<\/option>\n                <\/select>\n            <\/div>\n\n            <div class=\"wp-calc-grid\">\n                <button type=\"button\" onclick=\"wpClearFields()\" class=\"wp-calc-btn wp-btn-clear\">\n                    \u2715 Eliminar\n                <\/button>\n                <button type=\"button\" onclick=\"wpCalculateExchange()\" class=\"wp-calc-btn wp-btn-update\">\n                    \u21bb Actualizar\n                <\/button>\n            <\/div>\n\n            <div class=\"wp-calc-result\">\n                <p class=\"wp-calc-res-label\">Total a Pagar<\/p>\n                <p id=\"wp_totalDisplay\" class=\"wp-calc-res-amount\">0.00<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script>\n        \/\/ Tasas fijas con base en 1 USD. C\u00e1mbialas aqu\u00ed cuando var\u00eden.\n        const wpExchangeRates = {\n            USD: 1,\n            EUR: 0.92,\n            VES: 45.50,\n            COP: 3950.00\n        };\n\n        function wpCalculateExchange() {\n            const amount = parseFloat(document.getElementById('wp_amount').value);\n            const fromCurr = document.getElementById('wp_fromCurrency').value;\n            const toCurr = document.getElementById('wp_toCurrency').value;\n            const display = document.getElementById('wp_totalDisplay');\n\n            if (isNaN(amount) || amount <= 0) {\n                display.textContent = \"Monto inv\u00e1lido\";\n                display.style.color = \"#ef4444\";\n                return;\n            }\n\n            const inUSD = amount \/ wpExchangeRates[fromCurr];\n            const finalAmount = inUSD * wpExchangeRates[toCurr];\n\n            display.style.transform = \"scale(0.8)\";\n            display.style.opacity = \"0\";\n\n            setTimeout(() => {\n                display.textContent = finalAmount.toLocaleString('es-ES', {\n                    style: 'currency',\n                    currency: toCurr,\n                    minimumFractionDigits: 2\n                });\n                display.style.color = \"#4ade80\";\n                display.style.transform = \"scale(1)\";\n                display.style.opacity = \"1\";\n            }, 150);\n        }\n\n        function wpClearFields() {\n            document.getElementById('wp_amount').value = '';\n            const display = document.getElementById('wp_totalDisplay');\n            \n            display.style.transform = \"scale(0.8)\";\n            setTimeout(() => {\n                display.textContent = \"0.00\";\n                display.style.color = \"#4ade80\";\n                display.style.transform = \"scale(1)\";\n            }, 150);\n        }\n    <\/script>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","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-345","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/comments?post=345"}],"version-history":[{"count":4,"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/345\/revisions"}],"predecessor-version":[{"id":351,"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/pages\/345\/revisions\/351"}],"wp:attachment":[{"href":"https:\/\/www.esther1.tumarcaagencia.com\/index.php\/wp-json\/wp\/v2\/media?parent=345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}