{"id":18883,"date":"2026-02-19T22:11:59","date_gmt":"2026-02-20T04:11:59","guid":{"rendered":"https:\/\/redporlaciberseguridad.org\/?page_id=18883"},"modified":"2026-02-19T22:13:19","modified_gmt":"2026-02-20T04:13:19","slug":"validacion-de-constancia-ia-para-la-vida-real-cercania","status":"publish","type":"page","link":"https:\/\/redporlaciberseguridad.org\/en\/validacion-de-constancia-ia-para-la-vida-real-cercania\/","title":{"rendered":"Validaci\u00f3n de constancia IA para la Vida real"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Validaci\u00f3n Oficial | Red por la Ciberseguridad<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Rajdhani:wght@400;500;600;700&family=Share+Tech+Mono&display=swap\" rel=\"stylesheet\">\r\n <style>\r\n :root {\r\n --primary: #fbbf24; \/* Amber 400 *\/\r\n --success: #10b981; \/* Emerald 500 *\/\r\n --error: #ef4444; \/* Red 500 *\/\r\n --panel-bg: #0a0a0a;\r\n }\r\n\r\n body { margin: 0; padding: 0; background: transparent; }\r\n\r\n .verification-wrapper {\r\n font-family: 'Rajdhani', sans-serif;\r\n color: #e2e8f0;\r\n width: 100%;\r\n padding: 20px; \r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n background-color: transparent;\r\n }\r\n\r\n .font-mono-tech { font-family: 'Share Tech Mono', monospace; }\r\n\r\n .tech-card {\r\n background-color: var(--panel-bg);\r\n border: 1px solid #333;\r\n box-shadow: 0 0 50px rgba(0,0,0,0.5);\r\n position: relative;\r\n z-index: 20;\r\n clip-path: polygon(\r\n 0 0, \r\n 100% 0, \r\n 100% calc(100% - 20px), \r\n calc(100% - 20px) 100%, \r\n 0 100%\r\n );\r\n max-width: 450px;\r\n width: 100%;\r\n }\r\n\r\n .tech-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 2px;\r\n background: linear-gradient(90deg, transparent, var(--primary), transparent);\r\n }\r\n \r\n .corner-bracket {\r\n position: absolute;\r\n width: 10px;\r\n height: 10px;\r\n border: 2px solid var(--primary);\r\n transition: all 0.3s ease;\r\n }\r\n .tl { top: -2px; left: -2px; border-right: 0; border-bottom: 0; }\r\n .tr { top: -2px; right: -2px; border-left: 0; border-bottom: 0; }\r\n .bl { bottom: -2px; left: -2px; border-right: 0; border-top: 0; }\r\n \r\n .scan-line {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 2px;\r\n background: var(--success);\r\n opacity: 0.5;\r\n box-shadow: 0 0 10px var(--success);\r\n animation: scanner 4s cubic-bezier(0.4, 0, 0.2, 1) infinite;\r\n z-index: 20;\r\n pointer-events: none;\r\n }\r\n\r\n @keyframes scanner {\r\n 0% { top: 0%; opacity: 0; }\r\n 10% { opacity: 1; }\r\n 90% { opacity: 1; }\r\n 100% { top: 100%; opacity: 0; }\r\n }\r\n\r\n .logo-container img {\r\n filter: grayscale(0);\r\n transition: filter 0.4s ease, transform 0.4s ease;\r\n }\r\n .logo-container:hover img {\r\n filter: grayscale(1) opacity(0.7);\r\n transform: scale(0.95);\r\n }\r\n\r\n .typing-effect {\r\n overflow: hidden;\r\n white-space: nowrap;\r\n border-right: 2px solid var(--success);\r\n width: 0;\r\n animation: typing 2s steps(40, end) forwards, blink-caret .75s step-end infinite;\r\n display: inline-block;\r\n max-width: fit-content;\r\n }\r\n\r\n @keyframes typing { 0% { width: 0 } 100% { width: 100% } }\r\n @keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: var(--success) } }\r\n\r\n \/* Estilo VERIFICADO (Verde) *\/\r\n .validation-badge {\r\n background: rgba(16, 185, 129, 0.1);\r\n border: 1px solid var(--success);\r\n color: var(--success);\r\n text-shadow: 0 0 10px rgba(16, 185, 129, 0.4);\r\n animation: pulse-green 2s infinite;\r\n }\r\n\r\n \/* Estilo EXPIRADO (Rojo) *\/\r\n .validation-badge-error {\r\n background: rgba(239, 68, 68, 0.1);\r\n border: 1px solid var(--error);\r\n color: var(--error);\r\n text-shadow: 0 0 10px rgba(239, 68, 68, 0.4);\r\n animation: pulse-red 2s infinite;\r\n }\r\n\r\n @keyframes pulse-green {\r\n 0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }\r\n }\r\n\r\n @keyframes pulse-red {\r\n 0% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4); }\r\n 70% { box-shadow: 0 0 0 10px rgba(239, 68, 68, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(239, 68, 68, 0); }\r\n }\r\n\r\n .data-row {\r\n border-bottom: 1px solid #222;\r\n transition: background 0.2s;\r\n }\r\n .data-row:hover {\r\n background: rgba(251, 191, 36, 0.05);\r\n }\r\n .data-label { color: #64748b; font-size: 0.85rem; text-transform: uppercase; letter-spacing: 1px; }\r\n .data-value { color: #fff; font-weight: 600; letter-spacing: 0.5px; }\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div class=\"verification-wrapper\">\r\n \r\n <div class=\"relative w-full flex flex-col items-center justify-center p-4 z-10\">\r\n \r\n <div class=\"w-full max-w-md flex justify-between items-end mb-2 px-2\">\r\n <span class=\"font-mono-tech text-xs text-yellow-500 animate-pulse\">\u25cf CONEXI\u00d3N SEGURA<\/span>\r\n <span class=\"font-mono-tech text-xs text-gray-600\">SYS.VER.4.0<\/span>\r\n <\/div>\r\n\r\n <div class=\"tech-card p-0 shadow-2xl overflow-hidden group\">\r\n \r\n <div class=\"corner-bracket tl\"><\/div>\r\n <div class=\"corner-bracket tr\"><\/div>\r\n <div class=\"corner-bracket bl\"><\/div>\r\n\r\n <div class=\"scan-line\" id=\"scanLine\"><\/div>\r\n\r\n <div class=\"bg-[#0f0f0f] p-6 text-center border-b border-white\/10 relative\">\r\n <div class=\"absolute inset-0 bg-[url('https:\/\/www.transparenttextures.com\/patterns\/carbon-fibre.png')] opacity-10\"><\/div>\r\n \r\n <div class=\"logo-container mb-4 relative inline-block cursor-help\" title=\"Red por la Ciberseguridad\">\r\n <div class=\"absolute inset-0 bg-yellow-500\/20 blur-xl rounded-full\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/redporlaciberseguridad.org\/wp-content\/uploads\/2025\/09\/Logo-escudo-amarillo-scaled-90x96.png\" alt=\"Escudo Red\" class=\"h-16 relative z-10\">\r\n <\/div>\r\n\r\n <h1 class=\"text-2xl font-bold text-white uppercase tracking-wider mb-2\">Validaci\u00f3n de Constancia<\/h1>\r\n \r\n <!-- Badge de Estado (ID agregado para manipulaci\u00f3n) -->\r\n <div id=\"statusBadge\" class=\"inline-flex items-center gap-2 px-4 py-1.5 rounded-full validation-badge mt-2 transition-all duration-500\">\r\n <svg id=\"statusIcon\" class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M5 13l4 4L19 7\"><\/path><\/svg>\r\n <span id=\"statusText\" class=\"font-mono-tech text-sm font-bold tracking-widest\">VERIFICADO<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"p-6 bg-[#0a0a0a]\">\r\n \r\n <div class=\"mb-6\">\r\n <p class=\"font-mono-tech text-xs text-yellow-500 mb-1\">\/\/ CONSTANCIA DE PARTICIPACI\u00d3N:<\/p>\r\n <div class=\"typing-wrapper\">\r\n <h2 id=\"cursoTitulo\" class=\"text-lg md:text-xl text-white leading-tight font-bold typing-effect\" style=\"border-right-color: transparent; width: 100%;\"><\/h2>\r\n <\/div>\r\n <p class=\"text-xs text-gray-500 mt-2 font-mono-tech tracking-wider\">Emitido por Red por la Ciberseguridad<\/p>\r\n <\/div>\r\n\r\n <div class=\"border border-white\/10 rounded-lg overflow-hidden bg-[#111]\">\r\n \r\n <div class=\"data-row flex justify-between items-center p-3\">\r\n <span class=\"data-label\">Fecha Emisi\u00f3n<\/span>\r\n <span id=\"fechaEmision\" class=\"data-value font-mono-tech\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"data-row flex justify-between items-center p-3\">\r\n <span class=\"data-label\">Capacitaci\u00f3n<\/span>\r\n <span id=\"horasCapacitacion\" class=\"data-value font-mono-tech\"><\/span>\r\n <\/div>\r\n\r\n <div class=\"data-row flex justify-between items-center p-3\">\r\n <span class=\"data-label\">Emisor<\/span>\r\n <span class=\"data-value text-right\">Red por la Ciberseguridad<\/span>\r\n <\/div>\r\n\r\n <!-- Secci\u00f3n de Vigencia (ID agregado para ocultar) -->\r\n <div id=\"seccionVigencia\" class=\"data-row p-3 border-b-0 bg-green-900\/10 transition-colors duration-500\">\r\n <div class=\"flex justify-between items-end mb-1\">\r\n <span id=\"labelVigencia\" class=\"data-label text-green-500\">Vigencia Activa<\/span>\r\n <!-- ID eliminado de aqu\u00ed -->\r\n <\/div>\r\n <div class=\"w-full bg-gray-800 h-1.5 rounded-full overflow-hidden\">\r\n <div id=\"barraProgreso\" class=\"bg-green-500 h-full w-[100%]\"><\/div>\r\n <\/div>\r\n <div class=\"flex justify-between mt-1 text-[10px] text-gray-500 font-mono-tech\">\r\n <span id=\"inicioVigencia\"><\/span>\r\n <span id=\"finVigencia\"><\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"bg-[#050505] p-5 border-t border-white\/10\">\r\n <div class=\"flex items-start gap-3\">\r\n <div class=\"mt-1 text-blue-500\">\r\n <svg class=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <p class=\"text-gray-400 text-xs leading-relaxed mb-2\">\r\n <strong class=\"text-gray-300\">\u00bfEres empleador?<\/strong> Para validaci\u00f3n forense de este certificado, contacta a nuestro equipo de verificaci\u00f3n.\r\n <\/p>\r\n <a href=\"mailto:contacto@redporlaciberseguridad.org\" class=\"text-blue-400 text-xs hover:text-blue-300 transition-colors font-mono-tech border-b border-blue-500\/30 hover:border-blue-300 pb-0.5\">\r\n > contacto@redporlaciberseguridad.org\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"absolute bottom-0 right-0 w-6 h-6 bg-[#1a1a1a] border-l border-t border-[#333]\" style=\"clip-path: polygon(0 0, 100% 0, 100% 100%);\"><\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- AQU\u00cd PUEDES EDITAR LOS DATOS F\u00c1CILMENTE -->\r\n <script>\r\n \/\/ --- ZONA DE EDICI\u00d3N ---\r\n const datosCertificado = {\r\n tituloCurso: \"IA para la Vida real\",\r\n fechaEmision: \"20 de febrero 2026\",\r\n horas: \"1 hora.\",\r\n \/\/ CONFIGURACI\u00d3N DE VIGENCIA\r\n tieneVigencia: true, \/\/ Pon 'false' para ocultar la secci\u00f3n de vigencia\r\n vigenciaInicio: \"20\/02\/2026\", \/\/ Formato DD\/MM\/AAAA\r\n vigenciaFin: \"20\/02\/2027\" \/\/ Formato DD\/MM\/AAAA (Fecha de vencimiento)\r\n };\r\n \/\/ -----------------------\r\n\r\n document.addEventListener('DOMContentLoaded', () => {\r\n \/\/ 1. Cargar datos b\u00e1sicos\r\n document.getElementById('cursoTitulo').innerText = datosCertificado.tituloCurso;\r\n document.getElementById('fechaEmision').innerText = datosCertificado.fechaEmision;\r\n document.getElementById('horasCapacitacion').innerText = datosCertificado.horas;\r\n\r\n \/\/ 2. L\u00f3gica de Vigencia\r\n const seccionVigencia = document.getElementById('seccionVigencia');\r\n \r\n if (!datosCertificado.tieneVigencia) {\r\n \/\/ Si no tiene vigencia, ocultamos la secci\u00f3n\r\n seccionVigencia.style.display = 'none';\r\n } else {\r\n \/\/ Asignar textos de fechas\r\n document.getElementById('inicioVigencia').innerText = datosCertificado.vigenciaInicio;\r\n document.getElementById('finVigencia').innerText = datosCertificado.vigenciaFin;\r\n\r\n \/\/ COMPROBACI\u00d3N DE FECHA\r\n \/\/ Convertimos la fecha de fin (string) a objeto Date para comparar\r\n const partesFecha = datosCertificado.vigenciaFin.split('\/');\r\n \/\/ Mes en JS es 0-11, as\u00ed que restamos 1 al mes\r\n const fechaExpiracion = new Date(partesFecha[2], partesFecha[1] - 1, partesFecha[0]); \r\n const fechaActual = new Date();\r\n \r\n \/\/ Reseteamos horas para comparar solo d\u00edas\r\n fechaActual.setHours(0,0,0,0); \r\n\r\n \/\/ Si la fecha actual es mayor a la de expiraci\u00f3n...\r\n if (fechaActual > fechaExpiracion) {\r\n \/\/ CAMBIO A MODO EXPIRADO (ROJO)\r\n \r\n \/\/ 1. Cambiar el Badge Superior\r\n const badge = document.getElementById('statusBadge');\r\n const badgeIcon = document.getElementById('statusIcon');\r\n const badgeText = document.getElementById('statusText');\r\n\r\n badge.className = \"inline-flex items-center gap-2 px-4 py-1.5 rounded-full validation-badge-error mt-2 transition-all duration-500\";\r\n badgeText.innerText = \"EXPIRADO\";\r\n \/\/ Icono de X\r\n badgeIcon.innerHTML = '<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\" d=\"M6 18L18 6M6 6l12 12\"><\/path>';\r\n\r\n \/\/ 2. Cambiar estilos de la secci\u00f3n de vigencia\r\n seccionVigencia.classList.remove('bg-green-900\/10');\r\n seccionVigencia.classList.add('bg-red-900\/10');\r\n \r\n document.getElementById('labelVigencia').innerText = \"Vigencia Caducada\";\r\n document.getElementById('labelVigencia').classList.replace('text-green-500', 'text-red-500');\r\n \r\n document.getElementById('barraProgreso').classList.replace('bg-green-500', 'bg-red-500');\r\n \r\n \/\/ 3. Cambiar l\u00ednea de escaneo a rojo\r\n document.getElementById('scanLine').style.background = \"#ef4444\";\r\n document.getElementById('scanLine').style.boxShadow = \"0 0 10px #ef4444\";\r\n }\r\n }\r\n\r\n \/\/ Animaci\u00f3n de t\u00edtulo\r\n const title = document.querySelector('.typing-effect');\r\n title.style.width = '0';\r\n setTimeout(() => {\r\n title.style.width = '100%';\r\n }, 500);\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\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":"<p>Validaci\u00f3n Oficial | Red por la Ciberseguridad \u25cf CONEXI\u00d3N SEGURA SYS.VER.4.0 Validaci\u00f3n de Constancia VERIFICADO \/\/ CONSTANCIA DE PARTICIPACI\u00d3N: Emitido por Red por la Ciberseguridad Fecha Emisi\u00f3n Capacitaci\u00f3n Emisor Red por la Ciberseguridad Vigencia Activa \u00bfEres empleador? Para validaci\u00f3n forense de este certificado, contacta a nuestro equipo de verificaci\u00f3n. > contacto@redporlaciberseguridad.org<\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":""},"class_list":["post-18883","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/comments?post=18883"}],"version-history":[{"count":4,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18883\/revisions"}],"predecessor-version":[{"id":18887,"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/pages\/18883\/revisions\/18887"}],"wp:attachment":[{"href":"https:\/\/redporlaciberseguridad.org\/en\/wp-json\/wp\/v2\/media?parent=18883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}