Calculadora de IVA – M\u00e9xico<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 500px;\n margin: 0 auto;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n }\n\n .ad-banner {\n background: linear-gradient(90deg, #ff6b6b, #ee5a6f);\n padding: 30px;\n text-align: center;\n color: white;\n font-size: 18px;\n font-weight: bold;\n border-bottom: 3px solid #c44569;\n }\n\n .ad-banner p {\n margin: 5px 0;\n }\n\n .ad-banner small {\n font-size: 14px;\n opacity: 0.9;\n }\n\n .calculator {\n padding: 30px;\n }\n\n h1 {\n color: #333;\n font-size: 28px;\n margin-bottom: 30px;\n text-align: center;\n font-weight: 600;\n }\n\n .input-group {\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n color: #555;\n font-weight: 500;\n margin-bottom: 8px;\n font-size: 14px;\n }\n\n input {\n width: 100%;\n padding: 12px 15px;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 16px;\n transition: all 0.3s;\n background: #f8f9fa;\n }\n\n input:focus {\n outline: none;\n border-color: #667eea;\n background: white;\n }\n\n .button-group {\n display: flex;\n gap: 10px;\n margin-top: 10px;\n }\n\n .btn-calculate {\n flex: 1;\n padding: 15px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .btn-calculate:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);\n }\n\n .btn-calculate:active {\n transform: translateY(0);\n }\n\n .btn-subtract {\n flex: 1;\n padding: 15px;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .btn-subtract:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 20px rgba(245, 87, 108, 0.4);\n }\n\n .btn-subtract:active {\n transform: translateY(0);\n }\n\n .results {\n margin-top: 30px;\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n border: 2px solid #e0e0e0;\n }\n\n .result-item {\n display: flex;\n justify-content: space-between;\n padding: 12px 0;\n border-bottom: 1px solid #e0e0e0;\n }\n\n .result-item:last-child {\n border-bottom: none;\n margin-top: 10px;\n padding-top: 15px;\n border-top: 2px solid #667eea;\n }\n\n .result-label {\n color: #555;\n font-weight: 500;\n font-size: 15px;\n }\n\n .result-value {\n color: #333;\n font-weight: 600;\n font-size: 16px;\n }\n\n .result-item:last-child .result-label {\n color: #667eea;\n font-size: 17px;\n }\n\n .result-item:last-child .result-value {\n color: #667eea;\n font-size: 20px;\n }\n\n .hidden {\n display: none;\n }\n\n @media (max-width: 600px) {\n .container {\n margin: 0;\n }\n \n .calculator {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n \n <div class=\"ad-banner\">\n <p>\ud83c\udfaf ESPACIO PUBLICITARIO<\/p>\n <small>Coloca aqu\u00ed tu anuncio – 500x100px<\/small>\n <\/div>\n\n \n <div class=\"calculator\">\n <h1>Calcular IVA<\/h1>\n\n <div class=\"input-group\">\n <label for=\"cantidad\">Cantidad ($)<\/label>\n <input type=\"number\" id=\"cantidad\" placeholder=\"Ingresa la cantidad\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"porcentaje\">Porcentaje de IVA (%)<\/label>\n <input type=\"number\" id=\"porcentaje\" value=\"16\" placeholder=\"16\" step=\"0.01\" min=\"0\" max=\"100\">\n <\/div>\n\n <div class=\"button-group\">\n <button class=\"btn-calculate\" onclick=\"calcularIVA()\">Calcular IVA<\/button>\n <button class=\"btn-subtract\" onclick=\"calcularMenosIVA()\">Calcular – IVA<\/button>\n <\/div>\n\n \n <div id=\"resultados\" class=\"results hidden\">\n <div class=\"result-item\">\n <span class=\"result-label\">Subtotal (sin IVA):<\/span>\n <span class=\"result-value\" id=\"subtotal\">$0.00<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">IVA (<span id=\"porcentaje-resultado\">16<\/span>%):<\/span>\n <span class=\"result-value\" id=\"iva\">$0.00<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">TOTAL:<\/span>\n <span class=\"result-value\" id=\"total\">$0.00<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function calcularIVA() {\n const cantidadInput = document.getElementById('cantidad');\n const porcentajeInput = document.getElementById('porcentaje');\n const resultadosDiv = document.getElementById('resultados');\n\n const cantidad = parseFloat(cantidadInput.value);\n const porcentaje = parseFloat(porcentajeInput.value);\n\n \/\/ Validar inputs\n if (isNaN(cantidad) || cantidad < 0) {\n alert('Por favor ingresa una cantidad v\u00e1lida');\n return;\n }\n\n if (isNaN(porcentaje) || porcentaje < 0) {\n alert('Por favor ingresa un porcentaje v\u00e1lido');\n return;\n }\n\n \/\/ Calcular valores\n const subtotal = cantidad;\n const montoIVA = subtotal * (porcentaje \/ 100);\n const total = subtotal + montoIVA;\n\n \/\/ Mostrar resultados\n document.getElementById('subtotal').textContent = '$' + subtotal.toFixed(2);\n document.getElementById('iva').textContent = '$' + montoIVA.toFixed(2);\n document.getElementById('total').textContent = '$' + total.toFixed(2);\n document.getElementById('porcentaje-resultado').textContent = porcentaje;\n\n \/\/ Mostrar la secci\u00f3n de resultados\n resultadosDiv.classList.remove('hidden');\n }\n\n function calcularMenosIVA() {\n const cantidadInput = document.getElementById('cantidad');\n const porcentajeInput = document.getElementById('porcentaje');\n const resultadosDiv = document.getElementById('resultados');\n\n const cantidad = parseFloat(cantidadInput.value);\n const porcentaje = parseFloat(porcentajeInput.value);\n\n \/\/ Validar inputs\n if (isNaN(cantidad) || cantidad < 0) {\n alert('Por favor ingresa una cantidad v\u00e1lida');\n return;\n }\n\n if (isNaN(porcentaje) || porcentaje < 0) {\n alert('Por favor ingresa un porcentaje v\u00e1lido');\n return;\n }\n\n \/\/ Calcular valores (inverso - la cantidad ya incluye IVA)\n const total = cantidad;\n const subtotal = total \/ (1 + (porcentaje \/ 100));\n const montoIVA = total - subtotal;\n\n \/\/ Mostrar resultados\n document.getElementById('subtotal').textContent = '$' + subtotal.toFixed(2);\n document.getElementById('iva').textContent = '$' + montoIVA.toFixed(2);\n document.getElementById('total').textContent = '$' + total.toFixed(2);\n document.getElementById('porcentaje-resultado').textContent = porcentaje;\n\n \/\/ Mostrar la secci\u00f3n de resultados\n resultadosDiv.classList.remove('hidden');\n }\n\n \/\/ Permitir calcular con Enter\n document.getElementById('cantidad').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') calcularIVA();\n });\n\n document.getElementById('porcentaje').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') calcularIVA();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de IVA – M\u00e9xico \ud83c\udfaf ESPACIO PUBLICITARIO Coloca aqu\u00ed tu anuncio – 500x100px Calcular IVA Cantidad ($) Porcentaje de IVA (%) Calcular IVA Calcular – IVA Subtotal (sin IVA): $0.00 IVA (16%): $0.00 TOTAL: $0.00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-5092","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages\/5092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/comments?post=5092"}],"version-history":[{"count":1,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages\/5092\/revisions"}],"predecessor-version":[{"id":5093,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages\/5092\/revisions\/5093"}],"wp:attachment":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/media?parent=5092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":5092,"date":"2026-01-26T22:22:11","date_gmt":"2026-01-27T04:22:11","guid":{"rendered":"https:\/\/minegocioleon.com\/?page_id=5092"},"modified":"2026-01-26T22:22:11","modified_gmt":"2026-01-27T04:22:11","slug":"calculadora-de-iva-mexico","status":"publish","type":"page","link":"https:\/\/minegocioleon.com\/es_es\/calculadora-de-iva-mexico\/","title":{"rendered":"Calculadora de IVA – M\u00e9xico"},"content":{"rendered":"\n\n\n\n \n \n Calculadora de IVA – M\u00e9xico<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n min-height: 100vh;\n padding: 20px;\n }\n\n .container {\n max-width: 500px;\n margin: 0 auto;\n background: white;\n border-radius: 15px;\n box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);\n overflow: hidden;\n }\n\n .ad-banner {\n background: linear-gradient(90deg, #ff6b6b, #ee5a6f);\n padding: 30px;\n text-align: center;\n color: white;\n font-size: 18px;\n font-weight: bold;\n border-bottom: 3px solid #c44569;\n }\n\n .ad-banner p {\n margin: 5px 0;\n }\n\n .ad-banner small {\n font-size: 14px;\n opacity: 0.9;\n }\n\n .calculator {\n padding: 30px;\n }\n\n h1 {\n color: #333;\n font-size: 28px;\n margin-bottom: 30px;\n text-align: center;\n font-weight: 600;\n }\n\n .input-group {\n margin-bottom: 20px;\n }\n\n label {\n display: block;\n color: #555;\n font-weight: 500;\n margin-bottom: 8px;\n font-size: 14px;\n }\n\n input {\n width: 100%;\n padding: 12px 15px;\n border: 2px solid #e0e0e0;\n border-radius: 8px;\n font-size: 16px;\n transition: all 0.3s;\n background: #f8f9fa;\n }\n\n input:focus {\n outline: none;\n border-color: #667eea;\n background: white;\n }\n\n .button-group {\n display: flex;\n gap: 10px;\n margin-top: 10px;\n }\n\n .btn-calculate {\n flex: 1;\n padding: 15px;\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .btn-calculate:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 20px rgba(102, 126, 234, 0.4);\n }\n\n .btn-calculate:active {\n transform: translateY(0);\n }\n\n .btn-subtract {\n flex: 1;\n padding: 15px;\n background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 15px;\n font-weight: 600;\n cursor: pointer;\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n .btn-subtract:hover {\n transform: translateY(-2px);\n box-shadow: 0 5px 20px rgba(245, 87, 108, 0.4);\n }\n\n .btn-subtract:active {\n transform: translateY(0);\n }\n\n .results {\n margin-top: 30px;\n background: #f8f9fa;\n padding: 25px;\n border-radius: 10px;\n border: 2px solid #e0e0e0;\n }\n\n .result-item {\n display: flex;\n justify-content: space-between;\n padding: 12px 0;\n border-bottom: 1px solid #e0e0e0;\n }\n\n .result-item:last-child {\n border-bottom: none;\n margin-top: 10px;\n padding-top: 15px;\n border-top: 2px solid #667eea;\n }\n\n .result-label {\n color: #555;\n font-weight: 500;\n font-size: 15px;\n }\n\n .result-value {\n color: #333;\n font-weight: 600;\n font-size: 16px;\n }\n\n .result-item:last-child .result-label {\n color: #667eea;\n font-size: 17px;\n }\n\n .result-item:last-child .result-value {\n color: #667eea;\n font-size: 20px;\n }\n\n .hidden {\n display: none;\n }\n\n @media (max-width: 600px) {\n .container {\n margin: 0;\n }\n \n .calculator {\n padding: 20px;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n \n <div class=\"ad-banner\">\n <p>\ud83c\udfaf ESPACIO PUBLICITARIO<\/p>\n <small>Coloca aqu\u00ed tu anuncio – 500x100px<\/small>\n <\/div>\n\n \n <div class=\"calculator\">\n <h1>Calcular IVA<\/h1>\n\n <div class=\"input-group\">\n <label for=\"cantidad\">Cantidad ($)<\/label>\n <input type=\"number\" id=\"cantidad\" placeholder=\"Ingresa la cantidad\" step=\"0.01\" min=\"0\">\n <\/div>\n\n <div class=\"input-group\">\n <label for=\"porcentaje\">Porcentaje de IVA (%)<\/label>\n <input type=\"number\" id=\"porcentaje\" value=\"16\" placeholder=\"16\" step=\"0.01\" min=\"0\" max=\"100\">\n <\/div>\n\n <div class=\"button-group\">\n <button class=\"btn-calculate\" onclick=\"calcularIVA()\">Calcular IVA<\/button>\n <button class=\"btn-subtract\" onclick=\"calcularMenosIVA()\">Calcular – IVA<\/button>\n <\/div>\n\n \n <div id=\"resultados\" class=\"results hidden\">\n <div class=\"result-item\">\n <span class=\"result-label\">Subtotal (sin IVA):<\/span>\n <span class=\"result-value\" id=\"subtotal\">$0.00<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">IVA (<span id=\"porcentaje-resultado\">16<\/span>%):<\/span>\n <span class=\"result-value\" id=\"iva\">$0.00<\/span>\n <\/div>\n <div class=\"result-item\">\n <span class=\"result-label\">TOTAL:<\/span>\n <span class=\"result-value\" id=\"total\">$0.00<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n function calcularIVA() {\n const cantidadInput = document.getElementById('cantidad');\n const porcentajeInput = document.getElementById('porcentaje');\n const resultadosDiv = document.getElementById('resultados');\n\n const cantidad = parseFloat(cantidadInput.value);\n const porcentaje = parseFloat(porcentajeInput.value);\n\n \/\/ Validar inputs\n if (isNaN(cantidad) || cantidad < 0) {\n alert('Por favor ingresa una cantidad v\u00e1lida');\n return;\n }\n\n if (isNaN(porcentaje) || porcentaje < 0) {\n alert('Por favor ingresa un porcentaje v\u00e1lido');\n return;\n }\n\n \/\/ Calcular valores\n const subtotal = cantidad;\n const montoIVA = subtotal * (porcentaje \/ 100);\n const total = subtotal + montoIVA;\n\n \/\/ Mostrar resultados\n document.getElementById('subtotal').textContent = '$' + subtotal.toFixed(2);\n document.getElementById('iva').textContent = '$' + montoIVA.toFixed(2);\n document.getElementById('total').textContent = '$' + total.toFixed(2);\n document.getElementById('porcentaje-resultado').textContent = porcentaje;\n\n \/\/ Mostrar la secci\u00f3n de resultados\n resultadosDiv.classList.remove('hidden');\n }\n\n function calcularMenosIVA() {\n const cantidadInput = document.getElementById('cantidad');\n const porcentajeInput = document.getElementById('porcentaje');\n const resultadosDiv = document.getElementById('resultados');\n\n const cantidad = parseFloat(cantidadInput.value);\n const porcentaje = parseFloat(porcentajeInput.value);\n\n \/\/ Validar inputs\n if (isNaN(cantidad) || cantidad < 0) {\n alert('Por favor ingresa una cantidad v\u00e1lida');\n return;\n }\n\n if (isNaN(porcentaje) || porcentaje < 0) {\n alert('Por favor ingresa un porcentaje v\u00e1lido');\n return;\n }\n\n \/\/ Calcular valores (inverso - la cantidad ya incluye IVA)\n const total = cantidad;\n const subtotal = total \/ (1 + (porcentaje \/ 100));\n const montoIVA = total - subtotal;\n\n \/\/ Mostrar resultados\n document.getElementById('subtotal').textContent = '$' + subtotal.toFixed(2);\n document.getElementById('iva').textContent = '$' + montoIVA.toFixed(2);\n document.getElementById('total').textContent = '$' + total.toFixed(2);\n document.getElementById('porcentaje-resultado').textContent = porcentaje;\n\n \/\/ Mostrar la secci\u00f3n de resultados\n resultadosDiv.classList.remove('hidden');\n }\n\n \/\/ Permitir calcular con Enter\n document.getElementById('cantidad').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') calcularIVA();\n });\n\n document.getElementById('porcentaje').addEventListener('keypress', function(e) {\n if (e.key === 'Enter') calcularIVA();\n });\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Calculadora de IVA – M\u00e9xico \ud83c\udfaf ESPACIO PUBLICITARIO Coloca aqu\u00ed tu anuncio – 500x100px Calcular IVA Cantidad ($) Porcentaje de IVA (%) Calcular IVA Calcular – IVA Subtotal (sin IVA): $0.00 IVA (16%): $0.00 TOTAL: $0.00<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","footnotes":""},"class_list":["post-5092","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages\/5092","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/comments?post=5092"}],"version-history":[{"count":1,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages\/5092\/revisions"}],"predecessor-version":[{"id":5093,"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/pages\/5092\/revisions\/5093"}],"wp:attachment":[{"href":"https:\/\/minegocioleon.com\/es_es\/wp-json\/wp\/v2\/media?parent=5092"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}