{"id":2795,"date":"2025-10-06T23:12:43","date_gmt":"2025-10-06T23:12:43","guid":{"rendered":"https:\/\/multicalculador.net\/?page_id=2795"},"modified":"2025-10-08T23:11:40","modified_gmt":"2025-10-08T23:11:40","slug":"multicalculadora","status":"publish","type":"page","link":"https:\/\/multicalculador.net\/","title":{"rendered":"Multicalculadora"},"content":{"rendered":"\n
\n
\n\n\n\n \n \n Multi-Convertidor Pro<\/title>\n <style>\n :root {\n --color-fondo: #f4f7f9;\n --color-tarjeta: #ffffff;\n --color-sombra: rgba(0,0,0,0.1);\n --color-texto-principal: #2c3e50;\n --color-texto-secundario: #5a738c;\n --color-borde: #dcdcdc;\n --color-input-fondo: #fdfdfd;\n }\n\n body.dark-mode {\n --color-fondo: #2c3e50;\n --color-tarjeta: #34495e;\n --color-sombra: rgba(0,0,0,0.2);\n --color-texto-principal: #ecf0f1;\n --color-texto-secundario: #bdc3c7;\n --color-borde: #5a738c;\n --color-input-fondo: #2c3e50;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n background-color: var(--color-fondo);\n color: var(--color-texto-principal);\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100vh;\n margin: 0;\n transition: background-color 0.3s, color 0.3s;\n }\n\n .calculadora-contenedor {\n background-color: var(--color-tarjeta);\n padding: 40px;\n border-radius: 12px;\n box-shadow: 0 8px 30px var(--color-sombra);\n width: 90%;\n max-width: 700px;\n transition: background-color 0.3s;\n }\n\n .header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 20px;\n }\n\n h1 { margin: 0; font-size: 28px; }\n .controles-superiores { display: flex; gap: 15px; align-items: center; }\n\n #selector-categoria {\n padding: 8px 12px;\n border-radius: 8px;\n border: 1px solid var(--color-borde);\n background-color: var(--color-tarjeta);\n color: var(--color-texto-principal);\n font-size: 16px;\n }\n\n .btn-icono {\n background: none;\n border: 1px solid var(--color-borde);\n border-radius: 50%;\n width: 40px;\n height: 40px;\n cursor: pointer;\n font-size: 20px;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--color-texto-secundario);\n transition: background-color 0.2s, color 0.2s;\n }\n .btn-icono:hover {\n background-color: var(--color-fondo);\n color: var(--color-texto-principal);\n }\n\n .convertidor-flex {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n gap: 20px;\n }\n\n .panel {\n flex: 1;\n display: flex;\n flex-direction: column;\n }\n\n input[type=\"number\"], select {\n width: 100%;\n padding: 12px;\n margin-top: 8px;\n border: 1px solid var(--color-borde);\n border-radius: 8px;\n box-sizing: border-box;\n font-size: 18px;\n background-color: var(--color-input-fondo);\n color: var(--color-texto-principal);\n }\n select { margin-top: 10px; }\n\n label { font-weight: 600; color: var(--color-texto-secundario); }\n <\/style>\n<\/head>\n<body>\n\n <div class=\"calculadora-contenedor\">\n <div class=\"header\">\n <h1>Multi-Convertidor<\/h1>\n <div class=\"controles-superiores\">\n <select id=\"selector-categoria\">\n <option value=\"peso\">Peso<\/option>\n <option value=\"longitud\">Longitud<\/option>\n <option value=\"area\">\u00c1rea<\/option>\n <option value=\"volumen\">Volumen<\/option>\n <option value=\"tiempo\">Tiempo<\/option>\n <option value=\"temperatura\">Temperatura<\/option>\n <\/select>\n <button id=\"btn-tema\" class=\"btn-icono\">\ud83c\udf13<\/button>\n <\/div>\n <\/div>\n <div class=\"convertidor-flex\">\n <div class=\"panel\">\n <label for=\"valor-desde\">Desde:<\/label>\n <input type=\"number\" id=\"valor-desde\" value=\"1\">\n <select id=\"unidad-desde\"><\/select>\n <\/div>\n\n <div class=\"panel\">\n <label for=\"valor-hasta\">Hasta:<\/label>\n <input type=\"text\" id=\"valor-hasta\" readonly style=\"font-size: 18px; font-family: inherit;\">\n <select id=\"unidad-hasta\"><\/select>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n const valorDesdeInput = document.getElementById('valor-desde');\n const unidadDesdeSelect = document.getElementById('unidad-desde');\n const valorHastaInput = document.getElementById('valor-hasta');\n const unidadHastaSelect = document.getElementById('unidad-hasta');\n const categoriaSelect = document.getElementById('selector-categoria');\n const btnTema = document.getElementById('btn-tema');\n\n const factores = {\n peso: {\n 'gram': { factor: 1, nombre: 'Gramo' },\n 'kilogram': { factor: 1000, nombre: 'Kilogramo' },\n 'milligram': { factor: 0.001, nombre: 'Miligramo' },\n 'metric_ton': { factor: 1000000, nombre: 'Tonelada M\u00e9trica' },\n 'long_ton': { factor: 1016047, nombre: 'Tonelada Larga' },\n 'short_ton': { factor: 907185, nombre: 'Tonelada Corta' },\n 'pound': { factor: 453.592, nombre: 'Libra' },\n 'ounce': { factor: 28.3495, nombre: 'Onza' },\n 'carat': { factor: 0.2, nombre: 'Quilate' },\n 'atomic_mass_unit': { factor: 1.66054e-24, nombre: 'Unidad de Masa At\u00f3mica' }\n },\n longitud: {\n 'meter': { factor: 1, nombre: 'Metro' },\n 'kilometer': { factor: 1000, nombre: 'Kil\u00f3metro' },\n 'centimeter': { factor: 0.01, nombre: 'Cent\u00edmetro' },\n 'millimeter': { factor: 0.001, nombre: 'Mil\u00edmetro' },\n 'micrometer': { factor: 1e-6, nombre: 'Micr\u00f3metro' },\n 'nanometer': { factor: 1e-9, nombre: 'Nan\u00f3metro' },\n 'mile': { factor: 1609.34, nombre: 'Milla' },\n 'yard': { factor: 0.9144, nombre: 'Yarda' },\n 'foot': { factor: 0.3048, nombre: 'Pie' },\n 'inch': { factor: 0.0254, nombre: 'Pulgada' },\n 'light_year': { factor: 9.461e+15, nombre: 'A\u00f1o Luz' }\n },\n area: {\n 'square_meter': { factor: 1, nombre: 'Metro Cuadrado' },\n 'square_kilometer': { factor: 1000000, nombre: 'Kil\u00f3metro Cuadrado' },\n 'square_centimeter': { factor: 0.0001, nombre: 'Cent\u00edmetro Cuadrado' },\n 'square_millimeter': { factor: 1e-6, nombre: 'Mil\u00edmetro Cuadrado' },\n 'square_micrometer': { factor: 1e-12, nombre: 'Micr\u00f3metro Cuadrado' },\n 'hectare': { factor: 10000, nombre: 'Hect\u00e1rea' },\n 'square_mile': { factor: 2590000, nombre: 'Milla Cuadrada' },\n 'square_yard': { factor: 0.836127, nombre: 'Yarda Cuadrada' },\n 'square_foot': { factor: 0.092903, nombre: 'Pie Cuadrado' },\n 'square_inch': { factor: 0.00064516, nombre: 'Pulgada Cuadrada' },\n 'acre': { factor: 4046.86, nombre: 'Acre' }\n },\n volumen: {\n 'liter': { factor: 1, nombre: 'Litro' },\n 'milliliter': { factor: 0.001, nombre: 'Mililitro' },\n 'gallon_us': { factor: 3.78541, nombre: 'Gal\u00f3n (US)' },\n 'fluid_ounce_us': { factor: 0.0295735, nombre: 'Onza L\u00edquida (US)'}\n },\n tiempo: {\n 'second': { factor: 1, nombre: 'Segundo' },\n 'millisecond': { factor: 0.001, nombre: 'Milisegundo' },\n 'microsecond': { factor: 1e-6, nombre: 'Microsegundo' },\n 'nanosecond': { factor: 1e-9, nombre: 'Nanosegundo' },\n 'picosecond': { factor: 1e-12, nombre: 'Picosegundo' },\n 'minute': { factor: 60, nombre: 'Minuto' },\n 'hour': { factor: 3600, nombre: 'Hora' },\n 'day': { factor: 86400, nombre: 'D\u00eda' },\n 'week': { factor: 604800, nombre: 'Semana' },\n 'month': { factor: 2629800, nombre: 'Mes (aprox.)' },\n 'year': { factor: 31557600, nombre: 'A\u00f1o (aprox.)' }\n },\n temperatura: {\n 'celsius': { nombre: 'Celsius' },\n 'fahrenheit': { nombre: 'Fahrenheit' },\n 'kelvin': { nombre: 'Kelvin' }\n }\n };\n\n function popularUnidades() {\n const categoria = categoriaSelect.value;\n const unidades = factores[categoria];\n \n unidadDesdeSelect.innerHTML = '';\n unidadHastaSelect.innerHTML = '';\n\n for (const key in unidades) {\n const optionDesde = new Option(unidades[key].nombre, key);\n const optionHasta = new Option(unidades[key].nombre, key);\n unidadDesdeSelect.add(optionDesde);\n unidadHastaSelect.add(optionHasta);\n }\n \n unidadDesdeSelect.selectedIndex = 0;\n unidadHastaSelect.selectedIndex = 1;\n \n convertir();\n }\n\n function convertir() {\n const valorDesde = parseFloat(valorDesdeInput.value);\n const categoria = categoriaSelect.value;\n const unidadDesde = unidadDesdeSelect.value;\n const unidadHasta = unidadHastaSelect.value;\n\n if (isNaN(valorDesde)) {\n valorHastaInput.value = '';\n return;\n }\n\n let valorConvertido;\n\n if (categoria === 'temperatura') {\n if (unidadDesde === unidadHasta) valorConvertido = valorDesde;\n else if (unidadDesde === 'celsius') valorConvertido = unidadHasta === 'fahrenheit' ? (valorDesde * 9\/5) + 32 : valorDesde + 273.15;\n else if (unidadDesde === 'fahrenheit') valorConvertido = unidadHasta === 'celsius' ? (valorDesde - 32) * 5\/9 : ((valorDesde - 32) * 5\/9) + 273.15;\n else if (unidadDesde === 'kelvin') valorConvertido = unidadHasta === 'celsius' ? valorDesde - 273.15 : ((valorDesde - 273.15) * 9\/5) + 32;\n } else {\n const valorEnBase = valorDesde * factores[categoria][unidadDesde].factor;\n valorConvertido = valorEnBase \/ factores[categoria][unidadHasta].factor;\n }\n \n if (valorConvertido > 0 && valorConvertido < 0.0001) {\n valorHastaInput.value = valorConvertido.toExponential(4);\n } else {\n valorHastaInput.value = parseFloat(valorConvertido.toFixed(6));\n }\n }\n \n btnTema.addEventListener('click', () => {\n document.body.classList.toggle('dark-mode');\n });\n\n valorDesdeInput.addEventListener('input', convertir);\n unidadDesdeSelect.addEventListener('change', convertir);\n unidadHastaSelect.addEventListener('change', convertir);\n categoriaSelect.addEventListener('change', popularUnidades);\n\n \/\/ Carga inicial\n popularUnidades();\n <\/script>\n<\/body>\n<\/html>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Todos los conversores<\/p>\n\n\n<ul class=\"wp-block-page-list\"><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/multicalculador.net\/?page_id=2816\">\u00e1rea<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/multicalculador.net\/?page_id=2812\">longitud<\/a><\/li><li class=\"wp-block-pages-list__item menu-item-home\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/multicalculador.net\/\">Multicalculadora<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/multicalculador.net\/?page_id=2818\">peso<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/multicalculador.net\/?page_id=2822\">temperatura<\/a><\/li><li class=\"wp-block-pages-list__item\"><a class=\"wp-block-pages-list__item__link\" href=\"https:\/\/multicalculador.net\/?page_id=2820\">tiempo<\/a><\/li><\/ul><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Multi-Convertidor Pro Multi-Convertidor PesoLongitud\u00c1reaVolumenTiempoTemperatura \ud83c\udf13 Desde: Hasta: Todos los conversores<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-2795","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"fernando.facundo.gomez@gmail.com","author_link":"https:\/\/multicalculador.net\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"Multi-Convertidor Pro Multi-Convertidor PesoLongitud\u00c1reaVolumenTiempoTemperatura \ud83c\udf13 Desde: Hasta: Todos los conversores","_links":{"self":[{"href":"https:\/\/multicalculador.net\/index.php?rest_route=\/wp\/v2\/pages\/2795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/multicalculador.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/multicalculador.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/multicalculador.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/multicalculador.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2795"}],"version-history":[{"count":15,"href":"https:\/\/multicalculador.net\/index.php?rest_route=\/wp\/v2\/pages\/2795\/revisions"}],"predecessor-version":[{"id":2829,"href":"https:\/\/multicalculador.net\/index.php?rest_route=\/wp\/v2\/pages\/2795\/revisions\/2829"}],"wp:attachment":[{"href":"https:\/\/multicalculador.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}