{"id":70703,"date":"2026-04-10T11:19:55","date_gmt":"2026-04-10T09:19:55","guid":{"rendered":"https:\/\/tickelia.com\/demo_2023\/?p=70703"},"modified":"2026-04-10T11:31:18","modified_gmt":"2026-04-10T09:31:18","slug":"calculadora-dni-modal","status":"publish","type":"post","link":"https:\/\/tickelia.com\/demo_2023\/blog\/actualidad\/calculadora-dni-modal\/","title":{"rendered":"CALCULADORA DNI MODAL"},"content":{"rendered":"<style>\r\n    #contenedor-calculadora .error {\r\n        color: red;\r\n        margin-top: 5px;\r\n        padding: 5px;\r\n        font-family: \"Open Sans\" !important;\r\n        font-size: 18px !important;\r\n    }\r\n    #contenedor-calculadora {\r\n        background-color: white;\r\n        padding: 20px;\r\n        border-radius: 8px;\r\n        box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        max-width: 500px;\r\n        margin: 0 auto;\r\n        font-family: \"Open Sans\" !important;\r\n        font-size: 18px !important;\r\n    }\r\n    #contenedor-calculadora input[type=\"text\"] {\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n        padding: 10px;\r\n        margin-bottom: 10px;\r\n        border: 1px solid #ccc;\r\n        border-radius: 4px;\r\n        font-family: \"Open Sans\" !important;\r\n        font-size: 18px !important;\r\n    }\r\n    #contenedor-calculadora button.btn-calcular {\r\n        width: 100%;\r\n        padding: 12px;\r\n        background-color: #00c7b1;\r\n        border-radius: 4px;\r\n        color: #ffffff;\r\n        border: 1px solid #00c7b1;\r\n        cursor: pointer;\r\n        transition: background-color 0.3s;\r\n        margin-top: 10px;\r\n        font-family: \"Open Sans\" !important;\r\n        font-size: 18px !important;\r\n        display: block;\r\n    }\r\n    #contenedor-calculadora button.btn-calcular:hover {\r\n        background-color: #ffffff;\r\n        color: #00c7b1;\r\n    }\r\n    #resultadoLetra {\r\n        margin-top: 15px;\r\n        font-weight: bold;\r\n        text-align: center;\r\n        font-family: \"Open Sans\" !important;\r\n        font-size: 18px !important;\r\n    }\r\n    #contenedor-calculadora table {\r\n        width: 100%;\r\n        border-collapse: collapse;\r\n        margin-top: 20px;\r\n        font-family: \"Open Sans\" !important;\r\n        font-size: 18px !important;\r\n    }\r\n    #contenedor-calculadora th,\r\n    #contenedor-calculadora td {\r\n        border: 1px solid #ddd;\r\n        padding: 10px;\r\n        text-align: left;\r\n    }\r\n    #contenedor-calculadora th {\r\n        background-color: #007A84;\r\n        color: white;\r\n        text-align: center;\r\n    }\r\n    #contenedor-calculadora tr:nth-child(even) td {\r\n        background-color: #f2f2f2;\r\n    }\r\n\r\n    \/* ===== MODAL ===== *\/\r\n    #nif-modal-overlay {\r\n        display: none;\r\n        position: fixed;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: rgba(0,0,0,0.55);\r\n        z-index: 99999;\r\n        justify-content: center;\r\n        align-items: center;\r\n    }\r\n    #nif-modal-overlay.activo {\r\n        display: flex;\r\n    }\r\n    #nif-modal-box {\r\n        background: #fff;\r\n        border-radius: 8px;\r\n        padding: 30px 28px 24px;\r\n        max-width: 460px;\r\n        width: 90%;\r\n        box-shadow: 0 8px 30px rgba(0,0,0,0.2);\r\n        position: relative;\r\n        font-family: \"Open Sans\", sans-serif;\r\n    }\r\n    #nif-modal-box h3 {\r\n        margin: 0 0 6px;\r\n        font-size: 20px;\r\n        color: #007A84;\r\n    }\r\n    #nif-modal-box p.subtitulo {\r\n        margin: 0 0 18px;\r\n        font-size: 15px;\r\n        color: #555;\r\n    }\r\n    #nif-modal-cerrar {\r\n        position: absolute;\r\n        top: 12px; right: 16px;\r\n        background: none;\r\n        border: none;\r\n        font-size: 26px;\r\n        cursor: pointer;\r\n        color: #999;\r\n        line-height: 1;\r\n        padding: 0;\r\n        width: auto;\r\n    }\r\n    #nif-modal-cerrar:hover {\r\n        color: #333;\r\n    }\r\n<\/style>\r\n\r\n<!-- CALCULADORA -->\r\n<div id=\"contenedor-calculadora\">\r\n    <input type=\"text\" id=\"nifInput\" placeholder=\"Escribe el n\u00famero del NIF\">\r\n    <div id=\"errorMensaje\" class=\"error\"><\/div>\r\n    <button class=\"btn-calcular\" onclick=\"iniciarCalculoNIF()\">Calcular Letra NIF<\/button>\r\n    <div id=\"resultadoLetra\"><\/div>\r\n    <br>\r\n    <table id=\"tablaResultados\">\r\n        <thead>\r\n            <tr>\r\n                <th>Tipo de Documento<\/th>\r\n                <th>N\u00famero<\/th>\r\n            <\/tr>\r\n        <\/thead>\r\n        <tbody><\/tbody>\r\n    <\/table>\r\n<\/div>\r\n\r\n<!-- MODAL CON EL FORMULARIO CF7 -->\r\n<div id=\"nif-modal-overlay\">\r\n    <div id=\"nif-modal-box\">\r\n        <button id=\"nif-modal-cerrar\" onclick=\"cerrarModal()\" title=\"Cerrar\">&times;<\/button>\r\n        <h3>Obt\u00e9n tu resultado<\/h3>\r\n        <p class=\"subtitulo\">Introduce tus datos para ver la letra de tu NIF.<\/p>\r\n\r\n        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f14413-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"14413\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/demo_2023\/wp-json\/wp\/v2\/posts\/70703#wpcf7-f14413-o1\" method=\"post\" class=\"wpcf7-form init wpcf7-acceptance-as-validation\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"14413\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f14413-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7dtx_version\" value=\"5.0.4\" \/>\n<\/fieldset>\n<div class=\"one-half entero\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre *\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"one-half entero\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"email-corporativo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Email corporativo *\" value=\"\" type=\"email\" name=\"email-corporativo\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"one-half entero\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"empleados_movilidad\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number\" min=\"0\" max=\"10000\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"N\u00ba de empleados en movilidad *\" value=\"\" type=\"number\" name=\"empleados_movilidad\" \/><\/span>\n\t<\/p>\n<\/div>\n<span class=\"wpcf7-form-control-wrap url_web\" data-name=\"url_web\"><input type=\"hidden\" name=\"url_web\" class=\"wpcf7-form-control wpcf7-hidden wpcf7dtx wpcf7dtx-hidden\" aria-invalid=\"false\" value=\"https:\/\/tickelia.com\/demo_2023\/demo_2023\/wp-json\/wp\/v2\/posts\/70703\"><\/span>\n<div class=\"one-half entero politica\">\n\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"politica-privacidad\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"politica-privacidad\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Acepto las condiciones de uso de mis datos personales * <a href=\"\/politica-de-privacidad\" target=\"_blank\">Ver condiciones<\/a><\/span><\/label><\/span><\/span><\/span>\n\t<\/p>\n<\/div>\n<p><span id=\"wpcf7-6accd6d68dee5-wrapper\" class=\"wpcf7-form-control-wrap honeypot-881-wrap\" style=\"display:none !important; visibility:hidden !important;\"><label for=\"wpcf7-6accd6d68dee5-field\" class=\"hp-message\">Por favor, deja este campo vac\u00edo.<\/label><input id=\"wpcf7-6accd6d68dee5-field\"  class=\"wpcf7-form-control wpcf7-text\" type=\"text\" name=\"honeypot-881\" value=\"\" size=\"40\" tabindex=\"-1\" autocomplete=\"new-password\" \/><\/span>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Enviar\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    var nifPendiente = null;\r\n    var formularioYaEnviado = localStorage.getItem(\"nif_formulario_enviado\") === \"true\";\r\n\r\n    function iniciarCalculoNIF() {\r\n        var nifNumero = document.getElementById(\"nifInput\").value.trim();\r\n        var errorMensaje = document.getElementById(\"errorMensaje\");\r\n        errorMensaje.textContent = \"\";\r\n\r\n        if (nifNumero === \"\") {\r\n            errorMensaje.textContent = \"Inserta un NIF correcto.\";\r\n            return;\r\n        }\r\n        if (nifNumero.length !== 8) {\r\n            errorMensaje.textContent = \"El NIF debe contener 8 n\u00fameros.\";\r\n            return;\r\n        }\r\n        if (isNaN(nifNumero) || \/[^0-9]\/.test(nifNumero)) {\r\n            errorMensaje.textContent = \"El NIF debe ser un n\u00famero.\";\r\n            return;\r\n        }\r\n\r\n        if (formularioYaEnviado) {\r\n            mostrarResultadoNIF(nifNumero);\r\n        } else {\r\n            nifPendiente = nifNumero;\r\n            abrirModal();\r\n        }\r\n    }\r\n\r\n    function abrirModal() {\r\n        document.getElementById(\"nif-modal-overlay\").classList.add(\"activo\");\r\n    }\r\n\r\n    function cerrarModal() {\r\n        document.getElementById(\"nif-modal-overlay\").classList.remove(\"activo\");\r\n    }\r\n\r\n    document.getElementById(\"nif-modal-overlay\").addEventListener(\"click\", function(e) {\r\n        if (e.target === this) cerrarModal();\r\n    });\r\n\r\n    document.addEventListener(\"wpcf7mailsent\", function(event) {\r\n        if (nifPendiente === null) return;\r\n        localStorage.setItem(\"nif_formulario_enviado\", \"true\");\r\n        formularioYaEnviado = true;\r\n        cerrarModal();\r\n        mostrarResultadoNIF(nifPendiente);\r\n        nifPendiente = null;\r\n    }, false);\r\n\r\n    function mostrarResultadoNIF(nifNumero) {\r\n        var tablaLetras = \"TRWAGMYFPDXBNJZSQVHLCKE\";\r\n        var resto = parseInt(nifNumero) % 23;\r\n        var letra = tablaLetras.charAt(resto);\r\n        var nifCompleto = nifNumero + letra;\r\n\r\n        document.getElementById(\"resultadoLetra\").textContent = \"La letra del NIF es: \" + letra;\r\n\r\n        var tbody = document.getElementById(\"tablaResultados\").getElementsByTagName(\"tbody\")[0];\r\n        var newRow = tbody.insertRow();\r\n        newRow.insertCell().textContent = \"NIF\";\r\n        newRow.insertCell().textContent = nifCompleto;\r\n\r\n        document.getElementById(\"nifInput\").value = \"\";\r\n    }\r\n<\/script>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":18,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[533],"tags":[],"class_list":["post-70703","post","type-post","status-publish","format-standard","hentry","category-actualidad"],"acf":[],"lang":"es","translations":{"es":70703},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/posts\/70703","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/comments?post=70703"}],"version-history":[{"count":3,"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/posts\/70703\/revisions"}],"predecessor-version":[{"id":70710,"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/posts\/70703\/revisions\/70710"}],"wp:attachment":[{"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/media?parent=70703"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/categories?post=70703"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tickelia.com\/demo_2023\/wp-json\/wp\/v2\/tags?post=70703"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}