Encryption 1™ - Online : Código fuente
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Encryption 1</title>
<meta name="description" content="Herramienta de cifrado gratuita basada en el navegador. Cifre y descifre texto o archivos localmente con AES-GCM, sin cuenta, sin instalación y sin almacenamiento en el servidor. Funciona sin conexión." />
<link rel="canonical" href="https://www.encryption-one.com/es/ec1.html" />
<link rel="alternate" hreflang="en" href="https://www.encryption-one.com/ec1.html" />
<link rel="alternate" hreflang="de" href="https://www.encryption-one.com/de/ec1.html" />
<link rel="alternate" hreflang="es" href="https://www.encryption-one.com/es/ec1.html" />
<link rel="alternate" hreflang="fr" href="https://www.encryption-one.com/fr/ec1.html" />
<link rel="alternate" hreflang="ja" href="https://www.encryption-one.com/ja/ec1.html" />
<link rel="alternate" hreflang="x-default" href="https://www.encryption-one.com/ec1.html" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="Encryption 1" />
<meta property="og:title" content="Encryption 1" />
<meta property="og:description" content="Herramienta de cifrado gratuita basada en el navegador. Cifre y descifre texto o archivos localmente con AES-GCM, sin cuenta, sin instalación y sin almacenamiento en el servidor. Funciona sin conexión." />
<meta property="og:url" content="https://www.encryption-one.com/es/ec1.html" />
<meta property="og:locale" content="es_ES" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale:alternate" content="de_DE" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="ja_JP" />
<!-- og:image: add once a preview image is ready, e.g.
<meta property="og:image" content="https://www.encryption-one.com/og-image.png" /> -->
<style>
:root {
--bg: #f5f7fb;
--card: #ffffff;
--text: #1f2937;
--muted: #6b7280;
--border: #dbe3ee;
--accent: #0d6efd;
--accent-2: #0b5ed7;
--danger: #b42318;
--success: #157347;
--warning-bg: #ffe6e6;
--warning-border: #ff8080;
--shadow: 0 10px 30px rgba(0,0,0,.08);
}
* { box-sizing: border-box; }
body {
margin: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
background: linear-gradient(180deg, #eef4ff 0%, var(--bg) 100%);
color: var(--text);
min-height: 100vh;
}
.nolines { text-decoration: none; font-size: small; }
.container { max-width: 980px; margin: 0 auto; padding: 24px; }
.hero { text-align: center; margin-bottom: 20px; }
.hero h1 { margin: 0 0 8px; font-size: clamp(1.8rem, 3vw, 2.4rem); }
.hero p { margin: 0; color: var(--muted); line-height: 1.55; }
.badge {
display: inline-block;
background: #e9f2ff;
color: #0a58ca;
border-radius: 999px;
padding: 6px 12px;
font-size: .85rem;
font-weight: 700;
margin-bottom: 10px;
}
.warning {
margin: 20px 0;
padding: 5px 5px;
border: 1px solid var(--warning-border);
background: var(--warning-bg);
border-radius: 14px;
color: #5f4b00;
line-height: 1.5;
font-size: small;
text-align: center;
}
.card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 20px;
box-shadow: var(--shadow);
overflow: hidden;
}
.tabs { display: flex; border-bottom: 1px solid var(--border); background: #fbfcff; flex-wrap: wrap; }
.tab-btn {
appearance: none;
border: 0;
background: transparent;
padding: 16px 20px;
cursor: pointer;
font: inherit;
font-size: 1rem;
color: var(--muted);
border-bottom: 3px solid transparent;
transition: .2s ease;
}
.tab-btn:hover,
.tab-btn.active {
color: var(--accent);
border-bottom-color: var(--accent);
background: rgba(13, 110, 253, .04);
}
.panel { display: none; padding: 24px; }
.panel.active { display: block; }
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
@media (max-width: 820px) {
.grid { grid-template-columns: 1fr; }
}
label { display: block; font-weight: 600; margin-bottom: 8px; }
textarea,
input[type="password"],
input[type="text"],
input[type="file"] {
width: 100%;
padding: 12px 14px;
border: 1px solid var(--border);
border-radius: 14px;
font: inherit;
background: #fff;
color: var(--text);
}
textarea { resize: vertical; line-height: 1.5; }
.field { margin-bottom: 16px; }
.help { margin-top: 6px; font-size: .92rem; color: var(--muted); line-height: 1.45; }
.actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 18px; }
button {
appearance: none;
border: 0;
cursor: pointer;
padding: 12px 16px;
border-radius: 14px;
font: inherit;
font-weight: 600;
transition: transform .05s ease, background .2s ease, opacity .2s ease;
}
button:active { transform: translateY(1px); }
button:disabled { opacity: .55; cursor: not-allowed; }
.btn-primary { background: var(--accent); color: #fff; }
.btn-primary:hover:not(:disabled) { background: var(--accent-2); }
.btn-secondary { background: #eef2f7; color: var(--text); }
.btn-secondary:hover:not(:disabled) { background: #e3e9f2; }
.btn-secondary.small { padding: 8px 12px; font-size: .85rem; white-space: nowrap; flex: none; }
.btn-danger { background: #fbeaea; color: var(--danger); }
.btn-danger:hover:not(:disabled) { background: #f7dede; }
.status { margin-top: 16px; min-height: 24px;font-size:small;}
.status.error { color: var(--danger); }
.status.success { color: var(--success); }
.meta {
margin-top: 16px;
padding: 14px 16px;
border-radius: 14px;
background: #f8fafc;
border: 1px solid var(--border);
color: var(--muted);
line-height: 1.5;
font-size: .95rem;
}
.mono {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
word-break: break-word;
}
.footer { margin-top: 18px; color: var(--muted); font-size: .9rem; line-height: 1.5; }
.strength-wrap { margin-top: 10px; }
.strength-bar {
width: 100%;
height: 10px;
border-radius: 999px;
background: #e9eef5;
border: 1px solid var(--border);
overflow: hidden;
}
.strength-fill {
height: 100%;
width: 0;
border-radius: 999px;
background: #d0d7e2;
transition: width .2s ease, background .2s ease;
}
.strength-text { margin-top: 8px; font-size: .92rem; color: var(--muted); line-height: 1.4; }
.dropzone {
border: 2px dashed #b9c9dc;
border-radius: 18px;
padding: 28px 18px;
text-align: center;
background: #f8fbff;
cursor: pointer;
transition: .15s;
}
.dropzone:hover,
.dropzone.dragover { border-color: var(--accent); background: #eef6ff; }
.dropzone strong { display: block; font-size: 1.05rem; margin-bottom: 5px; }
.file-info {
margin-top: 12px;
padding: 12px 14px;
background: #f8fafc;
border: 1px solid var(--border);
border-radius: 12px;
font-size: .92rem;
}
.limit { font-weight: 700; color: #0a58ca; }
.mode-note {
padding: 12px 14px;
border-radius: 12px;
background: #eef6ff;
color: #0a58ca;
margin-bottom: 18px;
font-size: .92rem;
}
.hidden { display: none; }
.password-row { display: flex; gap: 8px; align-items: stretch; }
.password-row input { flex: 1; min-width: 0; }
</style>
</head>
<body>
<div class="container">
<div class="hero">
<h1>🔐 Encryption 1</h1>
<p><strong>Encryption 1</strong> •
<a class="nolines" href="diario.html">Diario EC-1</a> •
<a class="nolines" href="faq.html">Preguntas frecuentes</a> •
<a class="nolines" href="guia-de-seguridad.html">Guía de seguridad</a></p>
</div>
<div class="warning">
<strong>Importante:</strong> Si olvida su contraseña, sus archivos y textos no se podrán recuperar.
</div>
<div class="card">
<div class="tabs">
<button class="tab-btn active" data-tab="encryptText">Cifrar texto</button>
<button class="tab-btn" data-tab="encryptFile">Cifrar archivo</button>
<button class="tab-btn" data-tab="decrypt">Descifrar</button>
</div>
<div id="encryptText" class="panel active">
<!-- <div class="mode-note">The original Encryption 1 text workflow is preserved here.</div> -->
<div class="grid">
<div class="field"><label for="plainText">Texto para cifrar</label><textarea id="plainText" rows="13" placeholder="Escriba o pegue el texto aquí..."></textarea></div>
<div>
<div class="field"><label for="textPassword">Contraseña / frase de contraseña</label><div class="password-row"><input id="textPassword" type="password" placeholder="Introduzca una contraseña segura" autocomplete="new-password"><button id="textToggleBtn" class="btn-secondary small" type="button" aria-pressed="false" aria-label="Mostrar contraseña">Mostrar</button><button id="textGenerateBtn" class="btn-secondary small" type="button">Generar</button></div><div class="strength-wrap"><div class="strength-bar"><div id="textStrengthBar" class="strength-fill"></div></div><div id="textStrengthText" class="strength-text">Seguridad de la contraseña: aún no introducida</div></div><div id="textStatus" class="status" aria-live="polite"></div></div>
<div class="field"><label for="textPassword2">Confirmar contraseña</label><input id="textPassword2" type="password" placeholder="Vuelva a introducir la contraseña" autocomplete="new-password"></div>
<div class="field"><label for="textFilename">Nombre del archivo descargado</label><input id="textFilename" type="text" value="private-note.pvault"></div>
<div class="actions"><button id="encryptTextBtn" class="btn-primary">Cifrar y descargar</button><button id="clearTextBtn" class="btn-danger">Borrar</button></div>
<div id="textMeta" class="meta hidden"></div>
</div>
</div>
</div>
<div id="encryptFile" class="panel">
<!-- <div class="mode-note"><strong>File limit: 10 MB.</strong> Images, PDFs, Word documents, spreadsheets, ZIP files, and other files can be encrypted as raw bytes.</div> -->
<div class="grid">
<div>
<label>Seleccione un archivo</label>
<div id="dropzone" class="dropzone" tabindex="0" role="button"><strong>Suelte un archivo aquí</strong><span>o haga clic para elegir uno</span><div class="help">Tamaño máximo del archivo: <span class="limit">10 MB</span></div></div>
<input id="fileInput" type="file" class="hidden">
<div id="fileInfo" class="file-info hidden"></div>
</div>
<div>
<div class="field"><label for="filePassword">Contraseña / frase de contraseña</label><div class="password-row"><input id="filePassword" type="password" placeholder="Introduzca una contraseña segura" autocomplete="new-password"><button id="fileToggleBtn" class="btn-secondary small" type="button" aria-pressed="false" aria-label="Mostrar contraseña">Mostrar</button><button id="fileGenerateBtn" class="btn-secondary small" type="button">Generar</button></div><div class="strength-wrap"><div class="strength-bar"><div id="fileStrengthBar" class="strength-fill"></div></div><div id="fileStrengthText" class="strength-text">Seguridad de la contraseña: aún no introducida</div></div>
<div id="fileStatus" class="status" aria-live="polite"></div>
</div>
<div class="field"><label for="filePassword2">Confirmar contraseña</label><input id="filePassword2" type="password" placeholder="Vuelva a introducir la contraseña" autocomplete="new-password"></div>
<div class="actions"><button id="encryptFileBtn" class="btn-primary">Cifrar archivo y descargar</button><button id="clearFileBtn" class="btn-danger">Borrar</button></div>
<div id="fileMeta" class="meta hidden"></div>
</div>
</div>
</div>
<div id="decrypt" class="panel">
<div class="grid">
<div>
<div class="field"><label for="encryptedFile">Archivo cifrado</label><input id="encryptedFile" type="file" accept=".pvault,.json,application/json,text/plain"><div class="help">Funciona con archivos de texto de Encryption 1 y paquetes de archivos de Encryption 1.</div></div>
<div class="field"><label for="decryptPassword">Contraseña / frase de contraseña</label><input id="decryptPassword" type="password" placeholder="Introduzca la misma contraseña utilizada para cifrar" autocomplete="current-password"></div>
<div class="actions"><button id="decryptBtn" class="btn-primary">Descifrar</button><button id="clearDecryptBtn" class="btn-danger">Borrar</button></div>
<div id="decryptStatus" class="status" aria-live="polite"></div><div id="decryptMeta" class="meta hidden"></div>
</div>
<div>
<div id="textDecryptArea" class="field"><label for="decryptedText">Texto descifrado</label><textarea id="decryptedText" placeholder="El texto descifrado aparecerá aquí..." spellcheck="false" rows="13"></textarea></div>
<div id="textDecryptActions" class="actions"><button id="copyPlainBtn" class="btn-secondary" disabled>Copiar texto</button><button id="downloadPlainBtn" class="btn-secondary" disabled>Descargar como .txt</button></div>
<div id="fileDecryptArea" class="meta hidden"></div>
</div>
</div>
</div>
</div>
<footer>
<div class="footer">🔐 <strong>Encryption 1</strong> © 1996-<span id="year"></span> por Seán L. Young. Todos los derechos reservados<br />Uso gratuito • Sin necesidad de cuenta • Compatible sin conexión • <a href="EC-1.zip">Descargar ZIP</a> • <a href="privacidad.html">Privacidad</a> • <a href="terminos-de-uso.html">Términos</a></div>
</footer>
<script>
document.getElementById("year").textContent = new Date().getFullYear();
</script>
<div id="browserStatus" class="status" aria-live="polite"></div>
</div>
<script>
'use strict';
const APP_VERSION = 2.0;
const PBKDF2_ITERATIONS = 250000;
const SALT_LENGTH = 16, IV_LENGTH = 12, MAX_FILE_SIZE = 10 * 1024 * 1024;
const encoder = new TextEncoder(), decoder = new TextDecoder();
const $ = id => document.getElementById(id);
const els = {
tabs: document.querySelectorAll('.tab-btn'), panels: document.querySelectorAll('.panel'),
plainText:$('plainText'), textPassword:$('textPassword'), textPassword2:$('textPassword2'), textToggleBtn:$('textToggleBtn'), textGenerateBtn:$('textGenerateBtn'), textFilename:$('textFilename'), encryptTextBtn:$('encryptTextBtn'), clearTextBtn:$('clearTextBtn'), textStatus:$('textStatus'), textMeta:$('textMeta'), textStrengthBar:$('textStrengthBar'), textStrengthText:$('textStrengthText'),
dropzone:$('dropzone'), fileInput:$('fileInput'), fileInfo:$('fileInfo'), filePassword:$('filePassword'), filePassword2:$('filePassword2'), fileToggleBtn:$('fileToggleBtn'), fileGenerateBtn:$('fileGenerateBtn'), encryptFileBtn:$('encryptFileBtn'), clearFileBtn:$('clearFileBtn'), fileStatus:$('fileStatus'), fileMeta:$('fileMeta'), fileStrengthBar:$('fileStrengthBar'), fileStrengthText:$('fileStrengthText'),
encryptedFile:$('encryptedFile'), decryptPassword:$('decryptPassword'), decryptBtn:$('decryptBtn'), clearDecryptBtn:$('clearDecryptBtn'), decryptStatus:$('decryptStatus'), decryptMeta:$('decryptMeta'), decryptedText:$('decryptedText'), copyPlainBtn:$('copyPlainBtn'), downloadPlainBtn:$('downloadPlainBtn'), textDecryptArea:$('textDecryptArea'), textDecryptActions:$('textDecryptActions'), fileDecryptArea:$('fileDecryptArea'), browserStatus:$('browserStatus')
};
let selectedFile = null, currentDecryptedText = '';
// True only while the clipboard holds a password this app generated, so Clear
// can wipe it without touching anything the user copied from elsewhere.
let generatedPasswordInClipboard = false;
function setStatus(el,msg,type=''){el.textContent=msg;el.className='status'+(type?' '+type:'')}
function showMeta(el,html){el.innerHTML=html;el.classList.remove('hidden')}
function hide(el){el.classList.add('hidden')}
function uint8ToBase64(bytes){let binary='';const chunk=0x8000;for(let i=0;i<bytes.length;i+=chunk)binary+=String.fromCharCode(...bytes.subarray(i,i+chunk));return btoa(binary)}
function base64ToUint8(base64){const binary=atob(base64);const bytes=new Uint8Array(binary.length);for(let i=0;i<binary.length;i++)bytes[i]=binary.charCodeAt(i);return bytes}
function sanitizeFilename(name){const cleaned=(name||'private-note.pvault').trim().replace(/[\\/:*?"<>|]+/g,'_');return cleaned||'private-note.pvault'}
function ensurePvaultExtension(name){return /\.pvault$/i.test(name)?name:name+'.pvault'}
function formatBytes(n){if(n<1024)return n+' B';if(n<1024*1024)return (n/1024).toFixed(1)+' KB';return (n/(1024*1024)).toFixed(2)+' MB'}
async function deriveKey(password,salt,usages){const material=await crypto.subtle.importKey('raw',encoder.encode(password),'PBKDF2',false,['deriveKey']);return crypto.subtle.deriveKey({name:'PBKDF2',salt,iterations:PBKDF2_ITERATIONS,hash:'SHA-256'},material,{name:'AES-GCM',length:256},false,usages)}
async function encryptBytes(bytes,password,kind,extra={}){const salt=crypto.getRandomValues(new Uint8Array(SALT_LENGTH)),iv=crypto.getRandomValues(new Uint8Array(IV_LENGTH));const key=await deriveKey(password,salt,['encrypt']);const encrypted=await crypto.subtle.encrypt({name:'AES-GCM',iv},key,bytes);return {version:APP_VERSION,app:'Encryption 1',format:kind==='file'?'E1A-FILE-1':'E1-TEXT-1',cipher:'AES-GCM',kdf:'PBKDF2',hash:'SHA-256',iterations:PBKDF2_ITERATIONS,salt:uint8ToBase64(salt),iv:uint8ToBase64(iv),data:uint8ToBase64(new Uint8Array(encrypted)),createdAt:new Date().toISOString(),...extra}}
async function decryptBytes(payload,password){validatePayload(payload);const salt=base64ToUint8(payload.salt),iv=base64ToUint8(payload.iv),data=base64ToUint8(payload.data);const key=await deriveKey(password,salt,['decrypt']);return new Uint8Array(await crypto.subtle.decrypt({name:'AES-GCM',iv},key,data))}
function validatePayload(p){if(!p||typeof p!=='object')throw Error('Formato de archivo cifrado no válido.');for(const k of ['version','cipher','kdf','salt','iv','data'])if(!(k in p))throw Error('Falta el campo del archivo cifrado: '+k);if(p.cipher!=='AES-GCM'||p.kdf!=='PBKDF2')throw Error('Formato de cifrado no compatible.');if(p.iterations!==PBKDF2_ITERATIONS)throw Error('Número de iteraciones de PBKDF2 no compatible.');}
function evaluatePasswordStrength(password){const c={length8:password.length>=8,uppercase:/[A-Z]/.test(password),special:/[^A-Za-z0-9]/.test(password),lowercase:/[a-z]/.test(password),number:/\d/.test(password),length12:password.length>=12,length16:password.length>=16};let score=0;if(c.length8)score+=30;if(c.uppercase)score+=20;if(c.special)score+=20;if(c.lowercase)score+=10;if(c.number)score+=10;if(c.length12)score+=5;if(c.length16)score+=5;let label='Muy débil',color='#b42318';if(!password){label='Aún no introducida';color='#d0d7e2';score=0}else if(score>=90){label='Muy fuerte';color='#157347'}else if(score>=70){label='Fuerte';color='#2d8a57'}else if(score>=50){label='Media';color='#b7791f'}else if(score>=30){label='Débil';color='#c05621'}return{score,label,color,checks:c,meetsMinimum:c.length8&&c.uppercase&&c.special}}
function updateStrength(input,bar,text){const r=evaluatePasswordStrength(input.value);bar.style.width=r.score+'%';bar.style.background=r.color;const missing=[];if(!r.checks.length8)missing.push('al menos 8 caracteres');if(!r.checks.uppercase)missing.push('una letra mayúscula');if(!r.checks.special)missing.push('un carácter especial');text.textContent=!input.value?'Seguridad de la contraseña: aún no introducida':r.meetsMinimum?'Seguridad de la contraseña: '+r.label+'. Se cumple el requisito mínimo.':'Seguridad de la contraseña: '+r.label+'. Aún falta: '+missing.join(', ')+'.';return r}
function downloadBlob(filename,blob){const url=URL.createObjectURL(blob),a=document.createElement('a');a.href=url;a.download=filename;document.body.appendChild(a);a.click();a.remove();setTimeout(()=>URL.revokeObjectURL(url),1000)}
function downloadPayload(filename,payload){downloadBlob(filename,new Blob([JSON.stringify(payload,null,2)],{type:'application/json'}))}
function checkSecure(){return !!window.crypto?.subtle}
function setBrowserCompatibilityStatus(){const secure=!!window.isSecureContext,cryptoSupported=!!window.crypto?.subtle,supported=secure&&cryptoSupported;if(!supported){setStatus(els.browserStatus,'Este navegador es demasiado antiguo o no se está ejecutando en un contexto seguro necesario para el cifrado. Actualice su navegador o abra esta página en uno más reciente.','error');[els.encryptTextBtn,els.encryptFileBtn,els.decryptBtn].forEach(b=>b.disabled=true)}else{setStatus(els.browserStatus,'Compatibilidad del navegador: Aprobada','success')}}
function switchTab(name){els.tabs.forEach(b=>b.classList.toggle('active',b.dataset.tab===name));els.panels.forEach(p=>p.classList.toggle('active',p.id===name))}
function validPassword(p1,p2){if(!p1)return 'Introduzca una contraseña.';if(p1!==p2)return 'Las contraseñas no coinciden.';if(!evaluatePasswordStrength(p1).meetsMinimum)return 'Requisitos de la contraseña: al menos 8 caracteres, incluyendo al menos una letra mayúscula y un carácter especial.';return ''}
function generateStrongPassword(length=24){const alphabet='ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz23456789!@#$%^&*-_=+';const random=new Uint32Array(length);crypto.getRandomValues(random);let result='';for(let i=0;i<random.length;i++)result+=alphabet[random[i]%alphabet.length];return result}
function setFieldVisibility(input,toggleBtn,visible){input.type=visible?'text':'password';toggleBtn.textContent=visible?'Ocultar':'Mostrar';toggleBtn.setAttribute('aria-pressed',String(visible));toggleBtn.setAttribute('aria-label',visible?'Ocultar contraseña':'Mostrar contraseña')}
async function generateInto(input,input2,toggleBtn,statusEl,strengthFn){const password=generateStrongPassword();input.value=password;input2.value=password;setFieldVisibility(input,toggleBtn,true);strengthFn();input.focus();input.select();if(!navigator.clipboard?.writeText){setStatus(statusEl,"Contraseña generada y mostrada arriba. Este navegador no admite la copia automática al portapapeles, así que cópiela manualmente antes de cifrar.",'error');return}try{await navigator.clipboard.writeText(password);generatedPasswordInClipboard=true;setStatus(statusEl,'Contraseña generada y copiada al portapapeles. Guárdela ahora en un lugar seguro; no podrá recuperarla después. "Borrar" también la elimina del portapapeles.','success')}catch{setStatus(statusEl,'Contraseña generada y mostrada arriba. La copia automática al portapapeles falló; cópiela manualmente antes de cifrar.','error')}}
function clearGeneratedClipboard(){if(generatedPasswordInClipboard&&navigator.clipboard?.writeText){navigator.clipboard.writeText('').catch(()=>{});generatedPasswordInClipboard=false}}
els.tabs.forEach(b=>b.addEventListener('click',()=>switchTab(b.dataset.tab)));
els.textPassword.addEventListener('input',()=>updateStrength(els.textPassword,els.textStrengthBar,els.textStrengthText));
els.filePassword.addEventListener('input',()=>updateStrength(els.filePassword,els.fileStrengthBar,els.fileStrengthText));
els.textToggleBtn.addEventListener('click',()=>{setFieldVisibility(els.textPassword,els.textToggleBtn,els.textPassword.type==='password');els.textPassword.focus()});
els.fileToggleBtn.addEventListener('click',()=>{setFieldVisibility(els.filePassword,els.fileToggleBtn,els.filePassword.type==='password');els.filePassword.focus()});
els.textGenerateBtn.addEventListener('click',()=>generateInto(els.textPassword,els.textPassword2,els.textToggleBtn,els.textStatus,()=>updateStrength(els.textPassword,els.textStrengthBar,els.textStrengthText)));
els.fileGenerateBtn.addEventListener('click',()=>generateInto(els.filePassword,els.filePassword2,els.fileToggleBtn,els.fileStatus,()=>updateStrength(els.filePassword,els.fileStrengthBar,els.fileStrengthText)));
els.encryptTextBtn.addEventListener('click',async()=>{hide(els.textMeta);setStatus(els.textStatus,'');if(!checkSecure()){setStatus(els.textStatus,'Este contexto del navegador no proporciona la API Web Crypto necesaria.','error');return}const text=els.plainText.value,p=els.textPassword.value,p2=els.textPassword2.value,err=validPassword(p,p2);if(!text.trim())return setStatus(els.textStatus,'Introduzca algún texto para cifrar.','error');if(err)return setStatus(els.textStatus,err,'error');try{els.encryptTextBtn.disabled=true;setStatus(els.textStatus,'Cifrando localmente...','success');const payload=await encryptBytes(encoder.encode(text),p,'text');downloadPayload(ensurePvaultExtension(sanitizeFilename(els.textFilename.value)),payload);showMeta(els.textMeta,'<strong>Cifrado completo.</strong><br>El texto se cifró localmente y se descargó el archivo cifrado.');setStatus(els.textStatus,'Cifrado completo.','success')}catch(e){setStatus(els.textStatus,'Error de cifrado: '+(e.message||e),'error')}finally{els.encryptTextBtn.disabled=false}});
function selectFile(file){if(!file)return;if(file.size>MAX_FILE_SIZE){selectedFile=null;hide(els.fileInfo);setStatus(els.fileStatus,'Ese archivo pesa '+formatBytes(file.size)+'. Encryption 1 admite archivos de hasta 10 MB.','error');return}selectedFile=file;els.fileInfo.innerHTML='<strong>'+escapeHtml(file.name)+'</strong><br>'+formatBytes(file.size)+(file.type?' • '+escapeHtml(file.type):'');els.fileInfo.classList.remove('hidden');setStatus(els.fileStatus,'Archivo listo para cifrar.','success')}
function escapeHtml(s){return String(s).replace(/[&<>'"]/g,c=>({'&':'&','<':'<','>':'>',"'":''','"':'"'}[c]))}
els.fileInput.addEventListener('change',()=>selectFile(els.fileInput.files[0]));els.dropzone.addEventListener('click',()=>els.fileInput.click());els.dropzone.addEventListener('keydown',e=>{if(e.key==='Enter'||e.key===' ')els.fileInput.click()});['dragenter','dragover'].forEach(ev=>els.dropzone.addEventListener(ev,e=>{e.preventDefault();els.dropzone.classList.add('dragover')}));['dragleave','drop'].forEach(ev=>els.dropzone.addEventListener(ev,e=>{e.preventDefault();els.dropzone.classList.remove('dragover')}));els.dropzone.addEventListener('drop',e=>selectFile(e.dataTransfer.files[0]));
els.encryptFileBtn.addEventListener('click',async()=>{hide(els.fileMeta);if(!checkSecure()){setStatus(els.fileStatus,'Este contexto del navegador no proporciona la API Web Crypto necesaria.','error');return}if(!selectedFile)return setStatus(els.fileStatus,'Primero elija un archivo.','error');const p=els.filePassword.value,p2=els.filePassword2.value,err=validPassword(p,p2);if(err)return setStatus(els.fileStatus,err,'error');try{els.encryptFileBtn.disabled=true;setStatus(els.fileStatus,'Leyendo y cifrando localmente...','success');const bytes=new Uint8Array(await selectedFile.arrayBuffer());const container=encoder.encode(JSON.stringify({filename:selectedFile.name,mimeType:selectedFile.type||'application/octet-stream',size:selectedFile.size,data:uint8ToBase64(bytes)}));const payload=await encryptBytes(container,p,'file');downloadPayload(sanitizeFilename(selectedFile.name)+'.pvault',payload);showMeta(els.fileMeta,'<strong>Cifrado completo.</strong><br>Archivo original: <span class="mono">'+escapeHtml(selectedFile.name)+'</span><br>Tamaño: '+formatBytes(selectedFile.size)+'<br>El paquete cifrado se descargó localmente.');setStatus(els.fileStatus,'Archivo cifrado correctamente.','success')}catch(e){setStatus(els.fileStatus,'Error de cifrado: '+(e.message||e),'error')}finally{els.encryptFileBtn.disabled=false}});
els.decryptBtn.addEventListener('click',async()=>{hide(els.decryptMeta);hide(els.fileDecryptArea);els.decryptedText.value='';els.textDecryptArea.classList.remove('hidden');els.textDecryptActions.classList.remove('hidden');els.copyPlainBtn.disabled=true;els.downloadPlainBtn.disabled=true;currentDecryptedText='';if(!checkSecure()){setStatus(els.decryptStatus,'Este contexto del navegador no proporciona la API Web Crypto necesaria.','error');return}const file=els.encryptedFile.files[0],p=els.decryptPassword.value;if(!file)return setStatus(els.decryptStatus,'Seleccione un archivo .pvault cifrado.','error');if(!p)return setStatus(els.decryptStatus,'Introduzca la contraseña.','error');try{els.decryptBtn.disabled=true;setStatus(els.decryptStatus,'Descifrando localmente...','success');const payload=JSON.parse(await file.text()),bytes=await decryptBytes(payload,p);if(payload.format==='E1A-FILE-1'){const container=JSON.parse(decoder.decode(bytes));if(!container.filename||!container.data)throw Error('El paquete de archivo cifrado no es válido.');const original=base64ToUint8(container.data);const blob=new Blob([original],{type:container.mimeType||'application/octet-stream'});downloadBlob(sanitizeFilename(container.filename),blob);els.textDecryptArea.classList.add('hidden');els.textDecryptActions.classList.add('hidden');els.fileDecryptArea.innerHTML='<strong>Archivo descifrado correctamente.</strong><br>Restaurado: <span class="mono">'+escapeHtml(container.filename)+'</span><br>Tamaño: '+formatBytes(original.byteLength)+'<br><button id="downloadRestored" class="btn-primary" style="margin-top:12px">Descargar el archivo restaurado de nuevo</button>';els.fileDecryptArea.classList.remove('hidden');$('downloadRestored').addEventListener('click',()=>downloadBlob(sanitizeFilename(container.filename),new Blob([original],{type:container.mimeType||'application/octet-stream'})));showMeta(els.decryptMeta,'<strong>Paquete de archivo descifrado.</strong><br>El archivo original se restauró y descargó localmente.');setStatus(els.decryptStatus,'Descifrado correcto.','success')}else{const text=decoder.decode(bytes);currentDecryptedText=text;els.decryptedText.value=text;els.copyPlainBtn.disabled=false;els.downloadPlainBtn.disabled=false;showMeta(els.decryptMeta,'<strong>Texto descifrado correctamente.</strong><br>Puede tratarse de un paquete de texto heredado de Encryption 1 o de un paquete de texto Advanced.');setStatus(els.decryptStatus,'Descifrado correcto.','success')}}catch(e){setStatus(els.decryptStatus,'Error al descifrar. Es posible que la contraseña sea incorrecta, que el archivo esté dañado o que el formato no sea compatible.','error')}finally{els.decryptBtn.disabled=false}});
els.copyPlainBtn.addEventListener('click',async()=>{try{await navigator.clipboard.writeText(currentDecryptedText);generatedPasswordInClipboard=false;setStatus(els.decryptStatus,'Texto descifrado copiado al portapapeles.','success')}catch{setStatus(els.decryptStatus,'No se pudo copiar el texto al portapapeles en este navegador.','error')}});
els.downloadPlainBtn.addEventListener('click',()=>{if(currentDecryptedText)downloadBlob('decrypted-text.txt',new Blob([currentDecryptedText],{type:'text/plain;charset=utf-8'}))});
function clearText(){els.plainText.value='';els.textPassword.value='';els.textPassword2.value='';els.textFilename.value='private-note.pvault';setFieldVisibility(els.textPassword,els.textToggleBtn,false);updateStrength(els.textPassword,els.textStrengthBar,els.textStrengthText);hide(els.textMeta);setStatus(els.textStatus,'');clearGeneratedClipboard()}
function clearFile(){selectedFile=null;els.fileInput.value='';els.filePassword.value='';els.filePassword2.value='';hide(els.fileInfo);hide(els.fileMeta);setFieldVisibility(els.filePassword,els.fileToggleBtn,false);updateStrength(els.filePassword,els.fileStrengthBar,els.fileStrengthText);setStatus(els.fileStatus,'');clearGeneratedClipboard()}
function clearDecrypt(){els.encryptedFile.value='';els.decryptPassword.value='';els.decryptedText.value='';currentDecryptedText='';els.copyPlainBtn.disabled=true;els.downloadPlainBtn.disabled=true;hide(els.decryptMeta);hide(els.fileDecryptArea);els.textDecryptArea.classList.remove('hidden');els.textDecryptActions.classList.remove('hidden');setStatus(els.decryptStatus,'');clearGeneratedClipboard()}
els.clearTextBtn.addEventListener('click',clearText);els.clearFileBtn.addEventListener('click',clearFile);els.clearDecryptBtn.addEventListener('click',clearDecrypt);
updateStrength(els.textPassword,els.textStrengthBar,els.textStrengthText);updateStrength(els.filePassword,els.fileStrengthBar,els.fileStrengthText);
setBrowserCompatibilityStatus();
if(!checkSecure()){setStatus(els.textStatus,'Web Crypto no está disponible en este contexto del navegador.','error');setStatus(els.fileStatus,'Web Crypto no está disponible en este contexto del navegador.','error');setStatus(els.decryptStatus,'Web Crypto no está disponible en este contexto del navegador.','error');[els.encryptTextBtn,els.encryptFileBtn,els.decryptBtn].forEach(b=>b.disabled=true)}
</script>
<script src='https://storage.ko-fi.com/cdn/scripts/overlay-widget.js'></script>
<script>
kofiWidgetOverlay.draw('youngslanguageconsulting', {
'type': 'floating-chat',
'floating-chat.donateButton.text': 'Apoya a EC-1',
'floating-chat.donateButton.background-color': '#d5eef6',
'floating-chat.donateButton.text-color': '#323842'
});
</script>
</body>
</html>