Initial commit: web resetea.net
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
hacklab
commit
36b918b95d
11 changed files with 3506 additions and 0 deletions
570
concienciacion.html
Normal file
570
concienciacion.html
Normal file
|
|
@ -0,0 +1,570 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>RESETEA.NET · Concienciación y derechos</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="Guía práctica sobre el RGPD, el derecho al olvido (Art. 17), los derechos de acceso, supresión y oposición, y cómo ejercerlos contra plataformas y data brokers.">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
<style>
|
||||||
|
.rights-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 1.5rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
}
|
||||||
|
.right-card {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 1.4rem;
|
||||||
|
}
|
||||||
|
.right-card .art {
|
||||||
|
font-size: 0.72rem;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.08em;
|
||||||
|
color: var(--accent);
|
||||||
|
text-transform: uppercase;
|
||||||
|
margin-bottom: 0.4rem;
|
||||||
|
}
|
||||||
|
.right-card h3 { margin-bottom: 0.6rem; font-size: 1rem; }
|
||||||
|
.right-card p { font-size: 0.85rem; color: var(--muted); line-height: 1.55; }
|
||||||
|
.right-card .tag {
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 0.8rem;
|
||||||
|
padding: 0.2rem 0.55rem;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
border-radius: 6px;
|
||||||
|
background: rgba(255,61,0,0.12);
|
||||||
|
color: var(--accent);
|
||||||
|
border: 1px solid rgba(255,61,0,0.25);
|
||||||
|
}
|
||||||
|
.timeline {
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
border-left: 2px solid var(--border);
|
||||||
|
padding-left: 1.5rem;
|
||||||
|
}
|
||||||
|
.timeline-item { margin-bottom: 1.5rem; position: relative; }
|
||||||
|
.timeline-item::before {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
left: -1.9rem; top: 0.3rem;
|
||||||
|
width: 10px; height: 10px;
|
||||||
|
border-radius: 50%;
|
||||||
|
background: var(--accent);
|
||||||
|
}
|
||||||
|
.timeline-item h4 { font-size: 0.95rem; margin-bottom: 0.3rem; }
|
||||||
|
.timeline-item p { font-size: 0.85rem; color: var(--muted); }
|
||||||
|
.myth-block {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 1.2rem 1.4rem;
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
.myth-block .myth-label {
|
||||||
|
font-size: 0.72rem; font-weight: 700;
|
||||||
|
letter-spacing: 0.06em; text-transform: uppercase;
|
||||||
|
margin-bottom: 0.3rem;
|
||||||
|
}
|
||||||
|
.myth-label.mito { color: #ff6b6b; }
|
||||||
|
.myth-label.realidad { color: var(--neon); }
|
||||||
|
.myth-block p { font-size: 0.88rem; color: var(--muted); }
|
||||||
|
.platform-table {
|
||||||
|
width: 100%; border-collapse: collapse;
|
||||||
|
margin-top: 1.5rem; font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
.platform-table th {
|
||||||
|
text-align: left; padding: 0.6rem 0.8rem;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
color: var(--muted); font-weight: 600;
|
||||||
|
}
|
||||||
|
.platform-table td {
|
||||||
|
padding: 0.6rem 0.8rem;
|
||||||
|
border-bottom: 1px solid rgba(38,43,54,0.5);
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
.platform-table tr:last-child td { border-bottom: none; }
|
||||||
|
.badge {
|
||||||
|
display: inline-block; padding: 0.15rem 0.45rem;
|
||||||
|
border-radius: 5px; font-size: 0.72rem; font-weight: 600;
|
||||||
|
}
|
||||||
|
.badge-ok { background: rgba(57,255,20,0.12); color: var(--neon); border: 1px solid rgba(57,255,20,0.2); }
|
||||||
|
.badge-warn{ background: rgba(255,200,0,0.12); color: #ffc800; border: 1px solid rgba(255,200,0,0.2); }
|
||||||
|
.badge-bad { background: rgba(255,61,0,0.12); color: var(--accent); border: 1px solid rgba(255,61,0,0.2); }
|
||||||
|
@media (max-width: 900px) { .rights-grid { grid-template-columns: 1fr; } }
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="topbar">
|
||||||
|
<div class="container topbar-inner">
|
||||||
|
<div class="brand">
|
||||||
|
<div class="brand-logo">R</div>
|
||||||
|
<div class="brand-text">
|
||||||
|
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||||||
|
<div class="brand-tag">Privacidad sin custodios</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<nav class="nav" aria-label="Navegación principal">
|
||||||
|
<a class="nav-btn" href="tipos.html">Tipos de información</a>
|
||||||
|
<a class="nav-btn nav-btn--primary" href="concienciacion.html">Concienciación</a>
|
||||||
|
<a class="nav-btn" href="index.html">Resetea</a>
|
||||||
|
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container hero-inner">
|
||||||
|
<div class="hero-text">
|
||||||
|
<h1>Tus derechos digitales.<br>Lo que la ley garantiza.</h1>
|
||||||
|
<p>
|
||||||
|
El RGPD (Reglamento General de Protección de Datos) y la LOPDGDD española
|
||||||
|
te dan derechos concretos y exigibles. No son opcionales para las plataformas:
|
||||||
|
están obligadas a cumplirlos o se enfrentan a sanciones de hasta 20 M€
|
||||||
|
o el 4 % de su facturación global.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn primary" href="#derechos">Ver mis derechos</a>
|
||||||
|
<a class="btn ghost" href="#olvido">Derecho al olvido</a>
|
||||||
|
</div>
|
||||||
|
<div class="notice">
|
||||||
|
<strong>Marco normativo:</strong><br>
|
||||||
|
RGPD (UE 2016/679) · LOPDGDD (Ley Orgánica 3/2018, España) · AEPD (autoridad de control ES).<br>
|
||||||
|
Si estás fuera de España/UE, verifica tu marco legal local antes de actuar.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-card">
|
||||||
|
<div class="stats">
|
||||||
|
<div class="stat"><div class="stat-num">8</div><div class="stat-label">Derechos RGPD</div></div>
|
||||||
|
<div class="stat"><div class="stat-num">30d</div><div class="stat-label">Plazo máximo de respuesta</div></div>
|
||||||
|
<div class="stat"><div class="stat-num">0 €</div><div class="stat-label">Coste de ejercerlos</div></div>
|
||||||
|
</div>
|
||||||
|
<ul class="steps">
|
||||||
|
<li><span>1</span> Identifica al responsable</li>
|
||||||
|
<li><span>2</span> Envía la solicitud</li>
|
||||||
|
<li><span>3</span> Escala a la AEPD si no cumplen</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- LOS 8 DERECHOS -->
|
||||||
|
<section id="derechos" class="panel">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Los 8 derechos del RGPD</h2>
|
||||||
|
<p class="section-desc">
|
||||||
|
Todos son gratuitos, aplicables sin abogado, y las plataformas deben responder en
|
||||||
|
un máximo de <strong>30 días</strong> (ampliable a 90 en casos complejos, con notificación previa).
|
||||||
|
</p>
|
||||||
|
<div class="rights-grid">
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 15 RGPD</div>
|
||||||
|
<h3>Derecho de acceso</h3>
|
||||||
|
<p>Puedes solicitar una copia de todos los datos que una empresa tiene sobre ti,
|
||||||
|
el origen de esos datos, con quién los comparte y cuánto tiempo los conserva.</p>
|
||||||
|
<span class="tag">Descarga tu historial</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 16 RGPD</div>
|
||||||
|
<h3>Derecho de rectificación</h3>
|
||||||
|
<p>Si tus datos son inexactos o están incompletos, tienes derecho a que se corrijan
|
||||||
|
sin demora. Incluye datos inferidos o desactualizados.</p>
|
||||||
|
<span class="tag">Corrige errores</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 17 RGPD</div>
|
||||||
|
<h3>Derecho al olvido (supresión)</h3>
|
||||||
|
<p>Puedes pedir que borren tus datos cuando ya no sean necesarios, hayas retirado
|
||||||
|
el consentimiento o el tratamiento sea ilícito. Es el más potente contra redes sociales.</p>
|
||||||
|
<span class="tag">El más usado</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 18 RGPD</div>
|
||||||
|
<h3>Derecho a la limitación</h3>
|
||||||
|
<p>Mientras se resuelve una disputa sobre tus datos puedes pedir que congelen su
|
||||||
|
tratamiento: los conservan pero no los usan ni comparten.</p>
|
||||||
|
<span class="tag">Pausa temporal</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 20 RGPD</div>
|
||||||
|
<h3>Derecho a la portabilidad</h3>
|
||||||
|
<p>Puedes recibir tus datos en formato estructurado y legible por máquina (JSON, CSV)
|
||||||
|
para llevártelos a otro servicio. Muy útil antes de borrar una cuenta.</p>
|
||||||
|
<span class="tag">Descarga antes de irte</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 21 RGPD</div>
|
||||||
|
<h3>Derecho de oposición</h3>
|
||||||
|
<p>Puedes oponerte a que procesen tus datos para marketing directo o perfilado
|
||||||
|
publicitario. En ese caso no necesitas justificación: es un derecho absoluto.</p>
|
||||||
|
<span class="tag">Anti-publicidad</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 22 RGPD</div>
|
||||||
|
<h3>No a decisiones automatizadas</h3>
|
||||||
|
<p>Derecho a no ser sometido a decisiones basadas solo en tratamiento automatizado
|
||||||
|
(scoring, algoritmos) que produzcan efectos significativos sobre ti.</p>
|
||||||
|
<span class="tag">Anti-algoritmo</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="right-card">
|
||||||
|
<div class="art">Art. 77 RGPD</div>
|
||||||
|
<h3>Derecho a reclamar</h3>
|
||||||
|
<p>Si una empresa no respeta tus derechos, puedes presentar una reclamación ante
|
||||||
|
la AEPD (España) de forma gratuita. La AEPD puede imponer multas millonarias.</p>
|
||||||
|
<span class="tag">Escala a la AEPD</span>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- DERECHO AL OLVIDO -->
|
||||||
|
<section id="olvido" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Derecho al olvido: qué es realmente</h2>
|
||||||
|
<p>
|
||||||
|
Nació con la sentencia del TJUE <strong>Google Spain vs. AEPD (2014)</strong>
|
||||||
|
y quedó codificado en el Art. 17 RGPD (2018). Opera en dos planos diferentes que a menudo se confunden:
|
||||||
|
</p>
|
||||||
|
<div class="grid" style="margin-top:1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>1. Supresión en origen</h3>
|
||||||
|
<p class="section-desc">Pedir a la plataforma que borre tu cuenta y tus datos.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Cuenta en red social, foro o directorio</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Datos en data brokers / people search</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Perfiles en servicios de terceros</label></div>
|
||||||
|
<div class="notice" style="margin-top:0.8rem;font-size:0.8rem;">
|
||||||
|
<strong>Resultado:</strong> Los datos se eliminan del sistema del responsable
|
||||||
|
(y de sus backups en el plazo comprometido). Pero si Google ya los indexó,
|
||||||
|
pueden seguir visibles en resultados de búsqueda.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>2. Desindexación en buscadores</h3>
|
||||||
|
<p class="section-desc">Pedir a Google/Bing que dejen de mostrar una URL en resultados asociados a tu nombre.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Formulario "Derecho al olvido" de Google (UE)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Formulario de eliminación de Bing (Microsoft)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Desindexación de contenido obsoleto</label></div>
|
||||||
|
<div class="notice" style="margin-top:0.8rem;font-size:0.8rem;">
|
||||||
|
<strong>Límite:</strong> Desindexar no borra el contenido del servidor original.
|
||||||
|
Es la vía correcta cuando el propietario del sitio no coopera.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Cuándo te pueden denegar</h3>
|
||||||
|
<p class="section-desc">El derecho al olvido no es absoluto. Puede denegarse si:</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Hay interés público legítimo (cargos públicos, condenas recientes)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> La información tiene relevancia periodística o histórica</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Existe obligación legal de conservar los datos (contabilidad, etc.)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Los datos figuran en registros públicos obligatorios</label></div>
|
||||||
|
<div class="notice" style="margin-top:0.8rem;font-size:0.8rem;">
|
||||||
|
<strong>Nota:</strong> Si te deniegan, puedes escalar a la AEPD.
|
||||||
|
La plataforma debe justificar la denegación por escrito.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- PROCESO PASO A PASO -->
|
||||||
|
<section id="proceso" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Proceso para ejercer un derecho: paso a paso</h2>
|
||||||
|
<p>Sin abogado, sin coste. Solo necesitas identificarte y especificar qué pides.</p>
|
||||||
|
<div class="timeline">
|
||||||
|
<div class="timeline-item">
|
||||||
|
<h4>1. Identifica al responsable del tratamiento</h4>
|
||||||
|
<p>Busca la política de privacidad del servicio. El "Responsable del tratamiento"
|
||||||
|
debe atenderte. Suelen tener un DPO (Delegado de Protección de Datos)
|
||||||
|
o un correo específico tipo <em>privacy@dominio.com</em>.</p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<h4>2. Envía la solicitud por escrito</h4>
|
||||||
|
<p>Usa el canal oficial si existe (formulario de privacidad, correo al DPO).
|
||||||
|
Incluye: nombre completo, contacto, qué derecho ejerces (Art. X RGPD),
|
||||||
|
qué datos concretos te afectan, y copia de tu DNI si lo exigen.</p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<h4>3. Guarda acuse de recibo</h4>
|
||||||
|
<p>Haz captura de pantalla o guarda el email de confirmación.
|
||||||
|
El plazo de 30 días empieza desde que el responsable recibe tu solicitud.</p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<h4>4. Espera la respuesta (máx. 30 días)</h4>
|
||||||
|
<p>Pueden ampliar a 90 días en casos complejos, pero deben notificártelo
|
||||||
|
dentro de los primeros 30. El silencio ya es una infracción.</p>
|
||||||
|
</div>
|
||||||
|
<div class="timeline-item">
|
||||||
|
<h4>5. Si no responden o deniegan injustificadamente</h4>
|
||||||
|
<p>Presenta reclamación ante la <strong>AEPD</strong> de forma gratuita en
|
||||||
|
<em>sedeagpd.gob.es</em>. Adjunta: solicitud enviada + acuse + respuesta
|
||||||
|
(o prueba del silencio). La AEPD puede investigar e imponer sanciones.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="notice" style="margin-top:1.5rem;">
|
||||||
|
<strong>Genera tus cartas en segundos:</strong><br>
|
||||||
|
En <a href="plantillas.html">Plantillas legales</a> encuentras cartas pre-redactadas
|
||||||
|
para cada plataforma. Solo rellenas tus datos una vez y copias el texto generado.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- MITOS -->
|
||||||
|
<section id="mitos" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Mitos y realidades</h2>
|
||||||
|
<p style="margin-bottom:1.5rem;">Lo que las plataformas quieren que creas vs. lo que dice la ley.</p>
|
||||||
|
|
||||||
|
<div class="myth-block">
|
||||||
|
<div class="myth-label mito">Mito</div>
|
||||||
|
<p>"Al aceptar los Términos y Condiciones cediste todos tus derechos sobre tus datos."</p>
|
||||||
|
<div class="myth-label realidad" style="margin-top:0.8rem;">Realidad</div>
|
||||||
|
<p>El consentimiento puede retirarse en cualquier momento (Art. 7.3 RGPD).
|
||||||
|
Aceptar T&C no equivale a renunciar a derechos que la ley declara irrenunciables.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="myth-block">
|
||||||
|
<div class="myth-label mito">Mito</div>
|
||||||
|
<p>"Si borro mi cuenta, mis datos ya están borrados."</p>
|
||||||
|
<div class="myth-label realidad" style="margin-top:0.8rem;">Realidad</div>
|
||||||
|
<p>Las plataformas suelen conservar datos hasta 90 días o más en backups tras el cierre.
|
||||||
|
Además, los datos pueden haber sido compartidos con anunciantes y socios.
|
||||||
|
Hay que solicitar explícitamente la supresión completa y pedir confirmación por escrito.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="myth-block">
|
||||||
|
<div class="myth-label mito">Mito</div>
|
||||||
|
<p>"El RGPD solo aplica si la empresa tiene sede en Europa."</p>
|
||||||
|
<div class="myth-label realidad" style="margin-top:0.8rem;">Realidad</div>
|
||||||
|
<p>El RGPD aplica a cualquier empresa que trate datos de residentes en la UE,
|
||||||
|
independientemente de dónde esté ubicada (Art. 3 RGPD).
|
||||||
|
Meta, Google y X deben cumplirlo porque tienen usuarios europeos.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="myth-block">
|
||||||
|
<div class="myth-label mito">Mito</div>
|
||||||
|
<p>"Ejercer mis derechos es complicado y necesito un abogado."</p>
|
||||||
|
<div class="myth-label realidad" style="margin-top:0.8rem;">Realidad</div>
|
||||||
|
<p>El proceso es gratuito y puedes hacerlo directamente.
|
||||||
|
Solo necesitas identificarte y especificar qué pides.
|
||||||
|
Si la empresa no cumple, la AEPD puede actuar de oficio.</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="myth-block">
|
||||||
|
<div class="myth-label mito">Mito</div>
|
||||||
|
<p>"Los datos 'anonimizados' ya no son datos personales."</p>
|
||||||
|
<div class="myth-label realidad" style="margin-top:0.8rem;">Realidad</div>
|
||||||
|
<p>Solo si la anonimización es verdaderamente irreversible.
|
||||||
|
Los datos "pseudonimizados" (re-identificables con información adicional)
|
||||||
|
siguen siendo datos personales bajo el RGPD.</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- TABLA PLATAFORMAS -->
|
||||||
|
<section id="plataformas" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Comportamiento real de las grandes plataformas</h2>
|
||||||
|
<p>Basado en experiencias documentadas y resoluciones de la AEPD.</p>
|
||||||
|
<table class="platform-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Plataforma</th>
|
||||||
|
<th>Canal oficial GDPR</th>
|
||||||
|
<th>Tiempo habitual</th>
|
||||||
|
<th>Complejidad real</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Meta (Instagram / Facebook)</strong></td>
|
||||||
|
<td>Centro de privacidad / formulario en app</td>
|
||||||
|
<td>30 días (backups: 90 d)</td>
|
||||||
|
<td><span class="badge badge-warn">Media</span> — El proceso funciona pero datos persisten en backups</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Google</strong></td>
|
||||||
|
<td>myaccount.google.com / formulario RTBF</td>
|
||||||
|
<td>Semanas–meses para desindexar</td>
|
||||||
|
<td><span class="badge badge-warn">Media</span> — Supresión de cuenta directa; desindexación puede tardar</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>X / Twitter</strong></td>
|
||||||
|
<td>x.com/settings/deactivate</td>
|
||||||
|
<td>30 días de gracia + borrado</td>
|
||||||
|
<td><span class="badge badge-ok">Baja</span> — Proceso sencillo; cuenta en periodo de gracia 30 días</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>LinkedIn</strong></td>
|
||||||
|
<td>Ajustes → Cuenta → Cerrar cuenta</td>
|
||||||
|
<td>Inmediato (datos: 30 d)</td>
|
||||||
|
<td><span class="badge badge-ok">Baja</span> — Directo; datos se purgan en 30 días</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>TikTok</strong></td>
|
||||||
|
<td>App → Ajustes → Eliminar cuenta</td>
|
||||||
|
<td>30 días de reflexión</td>
|
||||||
|
<td><span class="badge badge-ok">Baja</span> — Solo desde móvil; 30 días para cancelar</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Snapchat</strong></td>
|
||||||
|
<td>accounts.snapchat.com</td>
|
||||||
|
<td>30 días + borrado automático</td>
|
||||||
|
<td><span class="badge badge-ok">Baja</span> — Straightforward</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Data brokers</strong></td>
|
||||||
|
<td>Formularios individuales por empresa</td>
|
||||||
|
<td>Semanas–meses</td>
|
||||||
|
<td><span class="badge badge-bad">Alta</span> — Muchos brokers, opt-outs fragmentados, reaparición frecuente</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>Foros / sitios web de terceros</strong></td>
|
||||||
|
<td>Email al admin / formulario de contacto</td>
|
||||||
|
<td>Variable o sin respuesta</td>
|
||||||
|
<td><span class="badge badge-bad">Alta</span> — Si no cooperan: escalar a buscadores y/o AEPD</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- AEPD -->
|
||||||
|
<section id="aepd" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>La AEPD: tu aliada si las plataformas no cumplen</h2>
|
||||||
|
<p>
|
||||||
|
La Agencia Española de Protección de Datos es la autoridad de control competente en España.
|
||||||
|
Puedes presentar una reclamación de forma gratuita si una empresa no atiende tus derechos.
|
||||||
|
</p>
|
||||||
|
<div class="grid" style="margin-top:1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Cuándo acudir a la AEPD</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> La empresa no responde en 30 días</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Deniegan sin justificación suficiente</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Sospechas uso ilícito de tus datos</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Recibes spam sin haber dado consentimiento</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Has sufrido una brecha de datos</label></div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Cómo presentar la reclamación</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Accede a sedeagpd.gob.es</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Sección "Reclamaciones y denuncias"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Adjunta: solicitud + acuse + respuesta (o silencio)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> La AEPD puede requerir a la empresa y sancionar</label></div>
|
||||||
|
<div class="actions" style="margin-top:0.8rem;">
|
||||||
|
<a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">Sede AEPD</a>
|
||||||
|
<a href="https://www.aepd.es/es/derechos-y-deberes/conoce-tus-derechos" target="_blank" rel="noopener">Conoce tus derechos</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Sanciones posibles (RGPD)</h3>
|
||||||
|
<div class="item">
|
||||||
|
<label>Infracciones graves</label>
|
||||||
|
<div class="actions" style="font-size:0.8rem;color:var(--muted);">
|
||||||
|
Hasta 20.000.000 € o el 4 % de la facturación global anual
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item" style="margin-top:0.8rem;">
|
||||||
|
<label>Infracciones menos graves</label>
|
||||||
|
<div class="actions" style="font-size:0.8rem;color:var(--muted);">
|
||||||
|
Hasta 10.000.000 € o el 2 % de la facturación global anual
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="notice" style="margin-top:0.8rem;font-size:0.8rem;">
|
||||||
|
La AEPD ha multado a Meta, Google y Vodafone, entre otras.
|
||||||
|
El historial de resoluciones es público en su web.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- LOPDGDD -->
|
||||||
|
<section id="lopdgdd" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>LOPDGDD: la ley española que complementa el RGPD</h2>
|
||||||
|
<p>La Ley Orgánica 3/2018 adapta el RGPD al ordenamiento español y añade disposiciones específicas:</p>
|
||||||
|
<div class="grid" style="margin-top:1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Aspectos clave</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Edad mínima de consentimiento: 14 años</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Derecho al olvido en redes sociales (Art. 94)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Derecho al olvido en búsquedas de internet (Art. 93)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Protección frente al acoso en redes (Art. 48)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Acceso a datos de menores por parte de padres/tutores</label></div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Art. 93 y 94 LOPDGDD</h3>
|
||||||
|
<div class="item">
|
||||||
|
<label>Art. 93 — Olvido en búsquedas</label>
|
||||||
|
<div class="actions" style="font-size:0.8rem;color:var(--muted);margin-top:0.3rem;">
|
||||||
|
Los motores de búsqueda deben atender solicitudes de desindexación en España.
|
||||||
|
Base: RGPD + LOPDGDD + sentencia Google Spain (TJUE 2014).
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item" style="margin-top:0.8rem;">
|
||||||
|
<label>Art. 94 — Olvido en redes sociales</label>
|
||||||
|
<div class="actions" style="font-size:0.8rem;color:var(--muted);margin-top:0.3rem;">
|
||||||
|
Derecho a exigir la supresión de datos facilitados durante la minoría de edad
|
||||||
|
o cuando el consentimiento fue retirado posteriormente.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Recursos oficiales</h3>
|
||||||
|
<div class="item">
|
||||||
|
<label>AEPD — Agencia Española de Protección de Datos</label>
|
||||||
|
<div class="actions"><a href="https://www.aepd.es/" target="_blank" rel="noopener">aepd.es</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="item" style="margin-top:0.8rem;">
|
||||||
|
<label>Sede electrónica AEPD</label>
|
||||||
|
<div class="actions"><a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">sedeagpd.gob.es</a></div>
|
||||||
|
</div>
|
||||||
|
<div class="item" style="margin-top:0.8rem;">
|
||||||
|
<label>Derechos y deberes (AEPD)</label>
|
||||||
|
<div class="actions"><a href="https://www.aepd.es/es/derechos-y-deberes/conoce-tus-derechos" target="_blank" rel="noopener">Conoce tus derechos</a></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- CTA -->
|
||||||
|
<section class="info alt">
|
||||||
|
<div class="container" style="text-align:center;padding:3rem 0;">
|
||||||
|
<h2>¿Listo para actuar?</h2>
|
||||||
|
<p style="color:var(--muted);margin:1rem 0 2rem;">
|
||||||
|
Ahora que conoces tus derechos, genera las cartas legales para cada plataforma<br>
|
||||||
|
y sigue el checklist para eliminar tu huella digital paso a paso.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions" style="justify-content:center;">
|
||||||
|
<a class="btn primary" href="plantillas.html">Generar cartas GDPR</a>
|
||||||
|
<a class="btn ghost" href="index.html">Panel de eliminación</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>RESETEA.NET · Concienciación y derechos · Estático · Sin cookies · Sin tracking</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
446
egosurfing.html
Normal file
446
egosurfing.html
Normal file
|
|
@ -0,0 +1,446 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>RESETEA.NET · Egosurfing</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="Egosurfing para auditoría de privacidad: dónde aparece tu nombre, alias, email, teléfono y contenido. OSINT ético orientado a autocomprobación.">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="topbar">
|
||||||
|
<div class="container topbar-inner">
|
||||||
|
<div class="brand">
|
||||||
|
<div class="brand-logo">R</div>
|
||||||
|
<div class="brand-text">
|
||||||
|
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||||||
|
<div class="brand-tag">Privacidad sin custodios</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="nav" aria-label="Navegación principal">
|
||||||
|
<a class="nav-btn" href="tipos.html">Tipos de información</a>
|
||||||
|
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
|
||||||
|
<a class="nav-btn" href="index.html">Resetea</a>
|
||||||
|
<a class="nav-btn nav-btn--primary" href="egosurfing.html">Egosurfing</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container hero-inner">
|
||||||
|
<div class="hero-text">
|
||||||
|
<h1>Egosurfing<br>Auditoría OSINT de tu huella.</h1>
|
||||||
|
<p>
|
||||||
|
El objetivo no es “investigar a otros”, sino <strong>identificar tu exposición</strong>
|
||||||
|
(nombre, alias, email, teléfono, fotos, documentos, perfiles, directorios).
|
||||||
|
Con esto decides qué borrar, qué desindexar y qué blindar.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn primary" href="#checklist">Checklist</a>
|
||||||
|
<a class="btn ghost" href="#dorking">Google dorking (privacidad)</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="notice">
|
||||||
|
<strong>Uso ético y seguro:</strong><br>
|
||||||
|
Estas técnicas están pensadas para <strong>autocomprobación</strong> y
|
||||||
|
control de reputación. Evita búsquedas invasivas sobre terceros
|
||||||
|
y respeta términos de servicio y legislación.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hero-card" aria-label="Resumen rápido">
|
||||||
|
<div class="stats">
|
||||||
|
<div class="stat">
|
||||||
|
<div class="stat-num">4</div>
|
||||||
|
<div class="stat-label">Ejes</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat">
|
||||||
|
<div class="stat-num">∞</div>
|
||||||
|
<div class="stat-label">Pivotes</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat">
|
||||||
|
<div class="stat-num">1</div>
|
||||||
|
<div class="stat-label">Meta</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="steps">
|
||||||
|
<li><span>1</span> Identificadores</li>
|
||||||
|
<li><span>2</span> Perfiles</li>
|
||||||
|
<li><span>3</span> Brokers/Indexadores</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="checklist" class="panel">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Checklist de pivotes (tu “llavero” de búsqueda)</h2>
|
||||||
|
<p class="section-desc">
|
||||||
|
Antes de buscar, define tus pivotes. Cada pivot debe probarse con y sin comillas,
|
||||||
|
con variantes y con contexto (ciudad, empresa, nickname, etc.).
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Identificadores directos</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Nombre + apellidos (variantes / tildes)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Alias/nick habitual(es)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Email(s) actual(es) y antiguo(s)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Teléfono(s) (con prefijo y sin)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Ciudad / barrio / provincia (si aplica)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Contexto útil</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Empresa/sector y cargos</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Centros (estudios, eventos, clubes)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Proyectos, repos, nicks en dev</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Fotos públicas (avatares, thumbnails)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Documentos publicados (PDF, docx)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Metadatos y correlación</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Usernames repetidos en plataformas</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> URLs antiguas (blogs, perfiles, directorios)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Bio/“about” (frases únicas)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Emails “enmascarados” o aliases</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Fotos con EXIF (si hubo subidas)</label></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="osint" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>OSINT: buscadores, directorios y herramientas (orientado a autocomprobación)</h2>
|
||||||
|
<p>
|
||||||
|
Lista práctica de recursos habituales. Algunas plataformas cambian o restringen acceso;
|
||||||
|
usa siempre canales oficiales y respeta ToS.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Directorios OSINT (curados)</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Catálogos amplios para navegar por categorías: redes, personas, imágenes, dominios, etc.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Awesome OSINT (GitHub)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://github.com/jivoi/awesome-osint">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> OSINT Tools Directory</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://think-pol.com/tools">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> IntelTechniques (recursos OSINT)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://inteltechniques.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Enumeración de usernames</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Útil para saber si tu nick existe en otros sitios (reutilización de alias).
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> WhatsMyName</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://whatsmyname.app/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Sherlock (CLI)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://github.com/sherlock-project/sherlock">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Namechk (disponibilidad de usuario)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://namechk.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Emails, brechas y exposición</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Diagnóstico de filtraciones asociadas a tu email (si aplica, con cuidado).
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Have I Been Pwned</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://haveibeenpwned.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Firefox Monitor</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://monitor.mozilla.org/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Personas y perfiles públicos</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Búsqueda de perfiles públicos y menciones en la web abierta.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Social Searcher</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://www.social-searcher.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Pipl (enfoque people search; suele ser comercial)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://pipl.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> DuckDuckGo / Brave Search (alternativas)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://duckduckgo.com/">DuckDuckGo</a>
|
||||||
|
<a target="_blank" rel="noopener" href="https://search.brave.com/">Brave</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Imágenes y “reverse image search”</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Encuentra reusos de tus fotos/avatares o imágenes asociadas.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Google Images</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://images.google.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Bing Visual Search</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://www.bing.com/visualsearch">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> TinEye</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://tineye.com/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Yandex Images (cobertura diferente)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://yandex.com/images/">Abrir</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Repositorios y dev</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Exposición por commits, issues, gists y perfiles de desarrollador.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> GitHub</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://github.com/search">Buscar</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="item"><label><input type="checkbox"> GitLab</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://gitlab.com/search">Buscar</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="dorking" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Google dorking (orientado a privacidad y autodiagnóstico)</h2>
|
||||||
|
<p>
|
||||||
|
Aquí solo incluimos consultas útiles para encontrar <strong>tu propia exposición</strong>
|
||||||
|
(perfiles, documentos públicos, menciones, duplicados, indexación). Evitamos queries
|
||||||
|
orientadas a vulnerabilidades o intrusión.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Base</h3>
|
||||||
|
<p class="section-desc">Sustituye: <strong>NOMBRE</strong>, <strong>ALIAS</strong>, <strong>EMAIL</strong>, <strong>TEL</strong>.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE APELLIDOS"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "ALIAS" (con comillas)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "EMAIL"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "TEL" (con prefijo y sin)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Documentos públicos</h3>
|
||||||
|
<p class="section-desc">Detecta PDFs/Docs con tu nombre, CVs, listados, actas, etc.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" filetype:pdf</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" filetype:doc OR filetype:docx</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" filetype:xls OR filetype:xlsx</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "EMAIL" filetype:pdf</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Perfiles en redes</h3>
|
||||||
|
<p class="section-desc">Localiza perfiles y menciones públicas por dominio.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> site:linkedin.com/in "NOMBRE"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> site:twitter.com "ALIAS"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> site:instagram.com "ALIAS"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> site:facebook.com "NOMBRE"</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Menciones y citas</h3>
|
||||||
|
<p class="section-desc">Ideal para entrevistas, notas de prensa, eventos, ponencias.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" AND ("entrevista" OR "ponencia" OR "congreso")</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" AND ("CV" OR "curriculum" OR "biografía")</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" -site:tuweb.com</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Fotos</h3>
|
||||||
|
<p class="section-desc">Encuentra páginas donde tu imagen o nombre se asocia.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> "NOMBRE" (jpg OR jpeg OR png)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> "ALIAS" (avatar OR "profile picture")</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Operadores útiles (legibles)</h3>
|
||||||
|
<p class="section-desc">Combinables para refinar sin “modo intrusión”.</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> site: (restringe a un dominio)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> filetype: (tipo de fichero)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> intitle: (título de página)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> inurl: (URL contiene)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="terceros" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Terceros por vertical (dónde se generan “copias” de ti)</h2>
|
||||||
|
<p>
|
||||||
|
Muchas veces tu exposición no viene “solo” de redes sociales. Viene de
|
||||||
|
<strong>terceros</strong> (proveedores, socios, analítica, brokers, agregadores,
|
||||||
|
directorios sectoriales) que crean perfiles y vínculos.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Redes sociales & AdTech</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Pixel/tags, SDKs en apps, conversion APIs, audiencias, lookalikes, atribución.
|
||||||
|
El identificador suele ser email/teléfono “hasheado” + device ID.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Permisos de apps / SDKs</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> “Contact discovery” (agenda subida)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Píxeles en tiendas, newsletters, medios</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Salud & fitness</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Apps de salud, wearables, gimnasios, seguros, farmacias, nutrición.
|
||||||
|
Suelen acumular hábitos, ubicación, rutinas, y “metas” personales.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Apps / wearables (cuentas y permisos)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Servicios de citas médicas / portales</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Newsletters / comunidades</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Bancos & pagos</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Datos regulados, pero existen “capas” alrededor: fintechs, pasarelas,
|
||||||
|
scoring, antifraude, comercios y programas de fidelización.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Cuentas fintech / wallets</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Pasarelas y recibos en comercios</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Emails transaccionales (exposición indirecta)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Comercio & e-commerce</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Direcciones, teléfonos, preferencias, devoluciones, reseñas, tickets.
|
||||||
|
Mucho se replica a marketing, logística y atención al cliente.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Marketplaces (perfil público y reseñas)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Logística (tracking y etiquetas)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Programas de fidelización</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Deporte & eventos</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Entradas, acreditaciones, listas de participantes, fotos oficiales,
|
||||||
|
redes del evento, sponsors, plataformas de registro.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Fotos y listados de participantes</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Plataformas de ticketing</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Patrocinadores / partners</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Data brokers / people search</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Agregan datos y los re-venden. Si tu objetivo es “desaparecer”, esta capa
|
||||||
|
suele requerir opt-outs repetidos y verificación.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Solicitudes opt-out / supresión</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Desindexación de resultados replicados</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Vigilancia continua (auditoría periódica)</label></div>
|
||||||
|
<div class="actions">
|
||||||
|
<a target="_blank" rel="noopener" href="https://incogni.com/">Incogni (referencia de mercado)</a>
|
||||||
|
<a target="_blank" rel="noopener" href="https://joindeleteme.com/sites-we-remove-from/">DeleteMe (lista pública)</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="notice" style="margin-top: 1.5rem;">
|
||||||
|
<strong>Nota operativa:</strong><br>
|
||||||
|
Muchos brokers esconden las páginas de opt-out o las entierran en políticas.
|
||||||
|
Cuando estés listo para “Resetea”, conviene mantener un catálogo propio
|
||||||
|
de enlaces oficiales y plantillas.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="cierre" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Resultado esperado del egosurfing</h2>
|
||||||
|
<p>
|
||||||
|
Al finalizar, deberías tener una lista simple:
|
||||||
|
<strong>(1) dónde apareces</strong>, <strong>(2) qué identificador lo vincula</strong>,
|
||||||
|
<strong>(3) si es origen o copia</strong>, <strong>(4) la acción</strong>
|
||||||
|
(borrar en origen, solicitar supresión, desindexar, o dejar).
|
||||||
|
</p>
|
||||||
|
<p style="margin-top: 0.8rem;">
|
||||||
|
Cuando quieras, convertimos este diagnóstico en un flujo “Resetea” por pasos
|
||||||
|
(sin automatización peligrosa, con seguridad por defecto).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>
|
||||||
|
RESETEA.NET · Egosurfing · Estático · Sin cookies
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
11
fonts/CormorantGaramond-Italic.woff2
Normal file
11
fonts/CormorantGaramond-Italic.woff2
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang=en>
|
||||||
|
<meta charset=utf-8>
|
||||||
|
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
|
||||||
|
<title>Error 404 (Not Found)!!1</title>
|
||||||
|
<style>
|
||||||
|
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
|
||||||
|
</style>
|
||||||
|
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
|
||||||
|
<p><b>404.</b> <ins>That’s an error.</ins>
|
||||||
|
<p>The requested URL <code>/s/cormorantgaramond/v21/co3bmX5slCNuHLi8bLeY9MK7whWMhyjYrHtXyw.woff2</code> was not found on this server. <ins>That’s all we know.</ins>
|
||||||
11
fonts/CormorantGaramond-Regular.woff2
Normal file
11
fonts/CormorantGaramond-Regular.woff2
Normal file
|
|
@ -0,0 +1,11 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang=en>
|
||||||
|
<meta charset=utf-8>
|
||||||
|
<meta name=viewport content="initial-scale=1, minimum-scale=1, width=device-width">
|
||||||
|
<title>Error 404 (Not Found)!!1</title>
|
||||||
|
<style>
|
||||||
|
*{margin:0;padding:0}html,code{font:15px/22px arial,sans-serif}html{background:#fff;color:#222;padding:15px}body{margin:7% auto 0;max-width:390px;min-height:180px;padding:30px 0 15px}* > body{background:url(//www.google.com/images/errors/robot.png) 100% 5px no-repeat;padding-right:205px}p{margin:11px 0 22px;overflow:hidden}ins{color:#777;text-decoration:none}a img{border:0}@media screen and (max-width:772px){body{background:none;margin-top:0;max-width:none;padding-right:0}}#logo{background:url(//www.google.com/images/branding/googlelogo/1x/googlelogo_color_150x54dp.png) no-repeat;margin-left:-5px}@media only screen and (min-resolution:192dpi){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat 0% 0%/100% 100%;-moz-border-image:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) 0}}@media only screen and (-webkit-min-device-pixel-ratio:2){#logo{background:url(//www.google.com/images/branding/googlelogo/2x/googlelogo_color_150x54dp.png) no-repeat;-webkit-background-size:100% 100%}}#logo{display:inline-block;height:54px;width:150px}
|
||||||
|
</style>
|
||||||
|
<a href=//www.google.com/><span id=logo aria-label=Google></span></a>
|
||||||
|
<p><b>404.</b> <ins>That’s an error.</ins>
|
||||||
|
<p>The requested URL <code>/s/cormorantgaramond/v21/co3YmX5slCNuHLi8bLeY9MK7whWMhyjYqXtK.woff2</code> was not found on this server. <ins>That’s all we know.</ins>
|
||||||
BIN
fonts/Italiana-Regular.ttf
Normal file
BIN
fonts/Italiana-Regular.ttf
Normal file
Binary file not shown.
BIN
fonts/RECION.otf
Normal file
BIN
fonts/RECION.otf
Normal file
Binary file not shown.
BIN
fonts/RECION.ttf
Normal file
BIN
fonts/RECION.ttf
Normal file
Binary file not shown.
582
index.css
Normal file
582
index.css
Normal file
|
|
@ -0,0 +1,582 @@
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
RESETEA.NET — Design System
|
||||||
|
Paleta: blanco / negro / gris / caoba / verde salvia
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
|
||||||
|
@font-face {
|
||||||
|
font-family: 'Recion';
|
||||||
|
src: url('fonts/RECION.otf') format('opentype'),
|
||||||
|
url('fonts/RECION.ttf') format('truetype');
|
||||||
|
font-weight: normal;
|
||||||
|
font-style: normal;
|
||||||
|
font-display: swap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Variables ── */
|
||||||
|
:root {
|
||||||
|
--bg: #f8f7f4; /* blanco cálido */
|
||||||
|
--surface: #ffffff;
|
||||||
|
--surface2: #f0ede8; /* gris cálido claro */
|
||||||
|
--border: #d8d2c8; /* gris arena */
|
||||||
|
--border-dark: #b0a898;
|
||||||
|
|
||||||
|
--text: #1a1714; /* casi negro */
|
||||||
|
--muted: #6b635a; /* gris caoba apagado */
|
||||||
|
--subtle: #9e9589;
|
||||||
|
|
||||||
|
--caoba: #7b3f2e; /* caoba */
|
||||||
|
--caoba-mid: #a0522d; /* siena */
|
||||||
|
--caoba-lt: #f0e6df; /* caoba muy claro */
|
||||||
|
|
||||||
|
--sage: #4a7c59; /* verde salvia */
|
||||||
|
--sage-lt: #e8f2eb; /* verde salvia muy claro */
|
||||||
|
|
||||||
|
--shadow-sm: 0 1px 3px rgba(26,23,20,0.08), 0 1px 2px rgba(26,23,20,0.06);
|
||||||
|
--shadow-md: 0 4px 12px rgba(26,23,20,0.10), 0 2px 4px rgba(26,23,20,0.06);
|
||||||
|
--shadow-lg: 0 8px 30px rgba(26,23,20,0.12), 0 4px 8px rgba(26,23,20,0.06);
|
||||||
|
|
||||||
|
/* Botón 3D */
|
||||||
|
--btn-shadow: 0 4px 0 0 #b0a898, 0 6px 16px rgba(26,23,20,0.12);
|
||||||
|
--btn-shadow-hover:0 6px 0 0 #9e9589, 0 10px 24px rgba(26,23,20,0.16);
|
||||||
|
--btn-shadow-active:0 1px 0 0 #b0a898, 0 2px 6px rgba(26,23,20,0.10);
|
||||||
|
|
||||||
|
--caoba-shadow: 0 4px 0 0 #5c2d1e, 0 6px 16px rgba(123,63,46,0.25);
|
||||||
|
--caoba-shadow-hover:0 6px 0 0 #4a2318, 0 10px 24px rgba(123,63,46,0.30);
|
||||||
|
--caoba-shadow-active:0 1px 0 0 #5c2d1e, 0 2px 6px rgba(123,63,46,0.15);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Reset ── */
|
||||||
|
*, *::before, *::after {
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
html { scroll-behavior: smooth; }
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: system-ui, -apple-system, 'Segoe UI', sans-serif;
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--text);
|
||||||
|
line-height: 1.65;
|
||||||
|
-webkit-font-smoothing: antialiased;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Títulos con Recion ── */
|
||||||
|
h1, h2, h3 {
|
||||||
|
font-family: 'Recion', 'Georgia', serif;
|
||||||
|
font-weight: normal;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
line-height: 1.2;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1 { font-size: clamp(2rem, 5vw, 3rem); }
|
||||||
|
h2 { font-size: clamp(1.5rem, 3vw, 2rem); margin-bottom: 0.5rem; }
|
||||||
|
h3 { font-size: 1.15rem; margin-bottom: 0.75rem; }
|
||||||
|
|
||||||
|
a {
|
||||||
|
color: var(--caoba);
|
||||||
|
text-decoration: none;
|
||||||
|
transition: color 140ms ease;
|
||||||
|
}
|
||||||
|
a:hover { color: var(--caoba-mid); text-decoration: underline; }
|
||||||
|
|
||||||
|
.container {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1200px;
|
||||||
|
padding: 0 1.5rem;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
HEADER / TOPBAR
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.topbar {
|
||||||
|
background: var(--surface);
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
position: sticky;
|
||||||
|
top: 0;
|
||||||
|
z-index: 100;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topbar-inner {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
min-height: 68px;
|
||||||
|
gap: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.75rem;
|
||||||
|
align-items: center;
|
||||||
|
min-width: 200px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-logo {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
background: var(--caoba);
|
||||||
|
color: #fff;
|
||||||
|
font-family: 'Recion', serif;
|
||||||
|
font-size: 1.2rem;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
border-radius: 10px;
|
||||||
|
box-shadow: 0 3px 0 0 #5c2d1e, 0 4px 12px rgba(123,63,46,0.2);
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.brand-name {
|
||||||
|
font-family: 'Recion', serif;
|
||||||
|
font-size: 1.15rem;
|
||||||
|
letter-spacing: 0.06em;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
.brand-name span { color: var(--caoba); }
|
||||||
|
|
||||||
|
.brand-tag {
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--muted);
|
||||||
|
letter-spacing: 0.03em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
NAV — BOTONES 3D
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.nav {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.5rem;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: flex-end;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.5rem 0.95rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 0.82rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
color: var(--text);
|
||||||
|
background: var(--surface);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
box-shadow: var(--btn-shadow);
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
transition:
|
||||||
|
transform 120ms ease,
|
||||||
|
box-shadow 120ms ease,
|
||||||
|
background 120ms ease,
|
||||||
|
border-color 120ms ease;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn:hover {
|
||||||
|
background: var(--surface2);
|
||||||
|
border-color: var(--border-dark);
|
||||||
|
box-shadow: var(--btn-shadow-hover);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.nav-btn:active {
|
||||||
|
box-shadow: var(--btn-shadow-active);
|
||||||
|
transform: translateY(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Botón activo/primario */
|
||||||
|
.nav-btn--primary {
|
||||||
|
background: var(--caoba);
|
||||||
|
color: #fff;
|
||||||
|
border-color: #5c2d1e;
|
||||||
|
box-shadow: var(--caoba-shadow);
|
||||||
|
}
|
||||||
|
.nav-btn--primary:hover {
|
||||||
|
background: var(--caoba-mid);
|
||||||
|
border-color: #4a2318;
|
||||||
|
box-shadow: var(--caoba-shadow-hover);
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.nav-btn--primary:active {
|
||||||
|
box-shadow: var(--caoba-shadow-active);
|
||||||
|
transform: translateY(3px);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
BOTONES GENERALES
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.7rem 1.4rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
border: 1px solid transparent;
|
||||||
|
transition:
|
||||||
|
transform 120ms ease,
|
||||||
|
box-shadow 120ms ease,
|
||||||
|
background 120ms ease,
|
||||||
|
border-color 120ms ease;
|
||||||
|
user-select: none;
|
||||||
|
}
|
||||||
|
.btn:active { transform: translateY(3px); }
|
||||||
|
|
||||||
|
/* Primario — caoba */
|
||||||
|
.btn.primary {
|
||||||
|
background: var(--caoba);
|
||||||
|
color: #fff;
|
||||||
|
border-color: #5c2d1e;
|
||||||
|
box-shadow: var(--caoba-shadow);
|
||||||
|
}
|
||||||
|
.btn.primary:hover {
|
||||||
|
background: var(--caoba-mid);
|
||||||
|
border-color: #4a2318;
|
||||||
|
box-shadow: var(--caoba-shadow-hover);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
text-decoration: none;
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
.btn.primary:active { box-shadow: var(--caoba-shadow-active); }
|
||||||
|
|
||||||
|
/* Ghost */
|
||||||
|
.btn.ghost {
|
||||||
|
background: var(--surface);
|
||||||
|
color: var(--text);
|
||||||
|
border-color: var(--border);
|
||||||
|
box-shadow: var(--btn-shadow);
|
||||||
|
}
|
||||||
|
.btn.ghost:hover {
|
||||||
|
background: var(--surface2);
|
||||||
|
border-color: var(--border-dark);
|
||||||
|
box-shadow: var(--btn-shadow-hover);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
text-decoration: none;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
HERO
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.hero {
|
||||||
|
padding: 4rem 0;
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-inner {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1.2fr 0.8fr;
|
||||||
|
gap: 3rem;
|
||||||
|
align-items: start;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero h1 { color: var(--text); }
|
||||||
|
|
||||||
|
.hero p {
|
||||||
|
margin-top: 1.2rem;
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 1.02rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.hero-actions {
|
||||||
|
margin-top: 2rem;
|
||||||
|
display: flex;
|
||||||
|
gap: 0.85rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Notice / callout */
|
||||||
|
.notice {
|
||||||
|
margin-top: 1.8rem;
|
||||||
|
padding: 1rem 1.1rem;
|
||||||
|
background: var(--caoba-lt);
|
||||||
|
border-left: 3px solid var(--caoba);
|
||||||
|
border-radius: 0 10px 10px 0;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: var(--muted);
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
.notice strong { color: var(--caoba); }
|
||||||
|
|
||||||
|
/* ── Hero card ── */
|
||||||
|
.hero-card {
|
||||||
|
background: var(--surface);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 1.6rem;
|
||||||
|
border-radius: 16px;
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stats {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-num {
|
||||||
|
font-family: 'Recion', serif;
|
||||||
|
font-size: 1.8rem;
|
||||||
|
color: var(--caoba);
|
||||||
|
line-height: 1;
|
||||||
|
}
|
||||||
|
.stat-label {
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--muted);
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
line-height: 1.3;
|
||||||
|
}
|
||||||
|
|
||||||
|
.steps { list-style: none; }
|
||||||
|
.steps li {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.75rem;
|
||||||
|
margin-bottom: 0.65rem;
|
||||||
|
color: var(--text);
|
||||||
|
font-size: 0.9rem;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.steps span {
|
||||||
|
background: var(--caoba);
|
||||||
|
color: #fff;
|
||||||
|
width: 22px;
|
||||||
|
height: 22px;
|
||||||
|
display: grid;
|
||||||
|
place-items: center;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
font-weight: 700;
|
||||||
|
border-radius: 6px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
box-shadow: 0 2px 0 0 #5c2d1e;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
PANEL (checklist grid)
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.panel {
|
||||||
|
padding: 4rem 0;
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.section-desc {
|
||||||
|
color: var(--muted);
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(3, 1fr);
|
||||||
|
gap: 1.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.group {
|
||||||
|
background: var(--surface);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 1.4rem;
|
||||||
|
border-radius: 14px;
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
transition: box-shadow 200ms ease, transform 200ms ease;
|
||||||
|
}
|
||||||
|
.group:hover {
|
||||||
|
box-shadow: var(--shadow-md);
|
||||||
|
transform: translateY(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
margin-bottom: 1.1rem;
|
||||||
|
padding-bottom: 0.9rem;
|
||||||
|
border-bottom: 1px solid var(--surface2);
|
||||||
|
}
|
||||||
|
.item:last-child {
|
||||||
|
margin-bottom: 0;
|
||||||
|
padding-bottom: 0;
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.item label {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.5rem;
|
||||||
|
font-size: 0.88rem;
|
||||||
|
align-items: center;
|
||||||
|
cursor: pointer;
|
||||||
|
color: var(--text);
|
||||||
|
}
|
||||||
|
|
||||||
|
.item label input[type="checkbox"] {
|
||||||
|
accent-color: var(--caoba);
|
||||||
|
width: 15px;
|
||||||
|
height: 15px;
|
||||||
|
flex-shrink: 0;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Tachado al marcar */
|
||||||
|
.item label:has(input:checked) {
|
||||||
|
text-decoration: line-through;
|
||||||
|
color: var(--subtle);
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions {
|
||||||
|
margin-left: 1.5rem;
|
||||||
|
margin-top: 0.4rem;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions a {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0.18rem 0.55rem;
|
||||||
|
font-size: 0.72rem;
|
||||||
|
font-weight: 600;
|
||||||
|
letter-spacing: 0.03em;
|
||||||
|
border-radius: 5px;
|
||||||
|
background: var(--surface2);
|
||||||
|
color: var(--caoba);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
transition: background 120ms ease, border-color 120ms ease, transform 100ms ease, box-shadow 100ms ease;
|
||||||
|
text-decoration: none;
|
||||||
|
box-shadow: 0 2px 0 0 var(--border-dark);
|
||||||
|
}
|
||||||
|
.actions a:hover {
|
||||||
|
background: var(--caoba-lt);
|
||||||
|
border-color: var(--caoba);
|
||||||
|
color: var(--caoba);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: 0 3px 0 0 var(--border-dark);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.actions a:active {
|
||||||
|
transform: translateY(1px);
|
||||||
|
box-shadow: 0 1px 0 0 var(--border-dark);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Variante verde salvia para links "descarga" ── */
|
||||||
|
.actions a[href*="download"],
|
||||||
|
.actions a[href*="data-and-privacy"],
|
||||||
|
.actions a[href*="dyi"],
|
||||||
|
.actions a[href*="data-export"],
|
||||||
|
.actions a[href*="downloadmydata"],
|
||||||
|
.actions a[href*="download_your_data"],
|
||||||
|
.actions a[href*="data-request"],
|
||||||
|
.actions a[href*="privacy.apple"] {
|
||||||
|
background: var(--sage-lt);
|
||||||
|
color: var(--sage);
|
||||||
|
border-color: #c0d9c8;
|
||||||
|
box-shadow: 0 2px 0 0 #c0d9c8;
|
||||||
|
}
|
||||||
|
.actions a[href*="download"]:hover,
|
||||||
|
.actions a[href*="data-and-privacy"]:hover,
|
||||||
|
.actions a[href*="dyi"]:hover,
|
||||||
|
.actions a[href*="data-export"]:hover,
|
||||||
|
.actions a[href*="downloadmydata"]:hover,
|
||||||
|
.actions a[href*="download_your_data"]:hover,
|
||||||
|
.actions a[href*="data-request"]:hover,
|
||||||
|
.actions a[href*="privacy.apple"]:hover {
|
||||||
|
background: #d6edde;
|
||||||
|
border-color: var(--sage);
|
||||||
|
color: var(--sage);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
SECCIONES INFO
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.info {
|
||||||
|
padding: 3.5rem 0;
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.info.alt {
|
||||||
|
background: var(--surface2);
|
||||||
|
}
|
||||||
|
|
||||||
|
.info h2 { margin-bottom: 1rem; }
|
||||||
|
|
||||||
|
.info p {
|
||||||
|
color: var(--muted);
|
||||||
|
max-width: 72ch;
|
||||||
|
font-size: 0.97rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
BARRA DE PROGRESO
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.progress-bar {
|
||||||
|
width: 100%;
|
||||||
|
height: 5px;
|
||||||
|
background: var(--surface2);
|
||||||
|
border-radius: 3px;
|
||||||
|
margin: 1.2rem 0 0.3rem;
|
||||||
|
overflow: hidden;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
.progress-fill {
|
||||||
|
height: 100%;
|
||||||
|
background: linear-gradient(90deg, var(--caoba), var(--sage));
|
||||||
|
border-radius: 3px;
|
||||||
|
transition: width 400ms cubic-bezier(.4,0,.2,1);
|
||||||
|
}
|
||||||
|
.progress-label {
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--muted);
|
||||||
|
text-align: right;
|
||||||
|
letter-spacing: 0.02em;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
FOOTER
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.footer {
|
||||||
|
border-top: 1px solid var(--border);
|
||||||
|
padding: 1.5rem 0;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 0.78rem;
|
||||||
|
color: var(--subtle);
|
||||||
|
background: var(--surface);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
RESPONSIVE
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
@media (max-width: 1000px) {
|
||||||
|
.grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 720px) {
|
||||||
|
.hero-inner { grid-template-columns: 1fr; }
|
||||||
|
.grid { grid-template-columns: 1fr; }
|
||||||
|
|
||||||
|
.topbar-inner {
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
padding: 0.75rem 0;
|
||||||
|
}
|
||||||
|
.brand { min-width: unset; }
|
||||||
|
.nav {
|
||||||
|
width: 100%;
|
||||||
|
justify-content: flex-start;
|
||||||
|
}
|
||||||
|
.nav-btn { flex: 1 1 auto; text-align: center; font-size: 0.78rem; }
|
||||||
|
|
||||||
|
h1 { font-size: 1.85rem; }
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ═══════════════════════════════════════════
|
||||||
|
UTILIDADES
|
||||||
|
═══════════════════════════════════════════ */
|
||||||
|
.text-caoba { color: var(--caoba); }
|
||||||
|
.text-sage { color: var(--sage); }
|
||||||
|
.text-muted { color: var(--muted); }
|
||||||
498
index.html
Normal file
498
index.html
Normal file
|
|
@ -0,0 +1,498 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>RESETEA.NET · Reduce tu huella digital</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="Panel para eliminar cuentas y desindexar datos personales en redes sociales, buscadores y data brokers. Sin guardar información. Enlace oficiales y textos GDPR.">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
<style>
|
||||||
|
.item .step-tag {
|
||||||
|
display: inline-block;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
padding: 0.1rem 0.4rem;
|
||||||
|
font-size: 0.68rem;
|
||||||
|
border-radius: 4px;
|
||||||
|
font-weight: 700;
|
||||||
|
letter-spacing: 0.04em;
|
||||||
|
vertical-align: middle;
|
||||||
|
}
|
||||||
|
.tag-first { background: rgba(255,61,0,0.15); color: var(--accent); border: 1px solid rgba(255,61,0,0.3); }
|
||||||
|
.tag-before { background: rgba(57,255,20,0.1); color: var(--neon); border: 1px solid rgba(57,255,20,0.2); }
|
||||||
|
.progress-bar {
|
||||||
|
width: 100%;
|
||||||
|
height: 4px;
|
||||||
|
background: var(--border);
|
||||||
|
border-radius: 2px;
|
||||||
|
margin: 1.5rem 0 0.3rem;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
.progress-fill {
|
||||||
|
height: 100%;
|
||||||
|
background: var(--accent);
|
||||||
|
border-radius: 2px;
|
||||||
|
transition: width 300ms ease;
|
||||||
|
}
|
||||||
|
.progress-label {
|
||||||
|
font-size: 0.75rem;
|
||||||
|
color: var(--muted);
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="topbar">
|
||||||
|
<div class="container topbar-inner">
|
||||||
|
<div class="brand">
|
||||||
|
<div class="brand-logo">R</div>
|
||||||
|
<div class="brand-text">
|
||||||
|
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||||||
|
<div class="brand-tag">Privacidad sin custodios</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<nav class="nav" aria-label="Navegación principal">
|
||||||
|
<a class="nav-btn" href="tipos.html">Tipos de información</a>
|
||||||
|
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
|
||||||
|
<a class="nav-btn nav-btn--primary" href="index.html">Resetea</a>
|
||||||
|
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container hero-inner">
|
||||||
|
<div class="hero-text">
|
||||||
|
<h1>Reduce tu huella digital.<br>Sin entregar tus datos.</h1>
|
||||||
|
<p>
|
||||||
|
RESETEA.NET centraliza los <strong>enlaces oficiales de eliminación</strong> de las
|
||||||
|
principales plataformas junto con <strong>plantillas GDPR listas para copiar</strong>.
|
||||||
|
Tú ejecutas cada acción: nosotros no actuamos en tu nombre.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn primary" href="#panel">Abrir panel</a>
|
||||||
|
<a class="btn ghost" href="plantillas.html">Generar carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
<div class="notice">
|
||||||
|
<strong>Principio clave:</strong><br>
|
||||||
|
No guardamos información personal, no pedimos contraseñas
|
||||||
|
y no actuamos en tu nombre. Tú ejecutas cada acción.
|
||||||
|
<br><br>
|
||||||
|
<strong>Orden recomendado:</strong> (1) descarga tus datos, (2) envía carta GDPR, (3) elimina la cuenta, (4) desindexar en buscadores.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-card">
|
||||||
|
<div class="stats">
|
||||||
|
<div class="stat"><div class="stat-num">0</div><div class="stat-label">Datos guardados</div></div>
|
||||||
|
<div class="stat"><div class="stat-num">100%</div><div class="stat-label">Acciones oficiales</div></div>
|
||||||
|
<div class="stat"><div class="stat-num">∞</div><div class="stat-label">Control del usuario</div></div>
|
||||||
|
</div>
|
||||||
|
<ul class="steps">
|
||||||
|
<li><span>1</span> Elige qué borrar</li>
|
||||||
|
<li><span>2</span> Abre el enlace oficial</li>
|
||||||
|
<li><span>3</span> Confirma manualmente</li>
|
||||||
|
</ul>
|
||||||
|
<div class="progress-bar"><div class="progress-fill" id="progress-fill" style="width:0%"></div></div>
|
||||||
|
<div class="progress-label"><span id="progress-text">0 acciones completadas</span></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════
|
||||||
|
PANEL DE ACCIONES
|
||||||
|
════════════════════════════════════════════ -->
|
||||||
|
<section id="panel" class="panel">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Panel de acciones</h2>
|
||||||
|
<p class="section-desc">
|
||||||
|
Marca cada acción completada para seguir tu progreso. Todos los enlaces apuntan a páginas oficiales.
|
||||||
|
Recuerda: <strong>descarga primero tus datos</strong> antes de eliminar nada.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid">
|
||||||
|
|
||||||
|
<!-- ── CUENTAS BASE ── -->
|
||||||
|
<div class="group">
|
||||||
|
<h3>Cuentas base</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Google</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://myaccount.google.com/data-and-privacy" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://myaccount.google.com/delete-services-or-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Microsoft / Outlook</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://account.microsoft.com/account/privacy" target="_blank" rel="noopener">Privacidad</a>
|
||||||
|
<a href="https://account.live.com/closeaccount.aspx" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Apple ID</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://privacy.apple.com/" target="_blank" rel="noopener">Portal privacidad</a>
|
||||||
|
<a href="https://support.apple.com/es-es/111001" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Amazon</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.amazon.es/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ" target="_blank" rel="noopener">Política privacidad</a>
|
||||||
|
<a href="https://www.amazon.es/gp/help/customer/display.html?nodeId=GXPU3YPMBDQWWHGZ" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── REDES SOCIALES ── -->
|
||||||
|
<div class="group">
|
||||||
|
<h3>Redes sociales</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Instagram</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.instagram.com/download/request/" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://www.instagram.com/accounts/remove/request/permanent/" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Facebook</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.facebook.com/dyi/" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://www.facebook.com/help/delete_account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> X / Twitter</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://x.com/settings/download_your_data" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://x.com/settings/deactivate" target="_blank" rel="noopener">Desactivar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> LinkedIn</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.linkedin.com/mypreferences/d/data-export" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://www.linkedin.com/mypreferences/d/close-your-account" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> TikTok</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.tiktok.com/setting/privacy?settingPage=privacy" target="_blank" rel="noopener">Privacidad</a>
|
||||||
|
<a href="https://support.tiktok.com/es/safety-hic/account-and-user-safety/account-deletion" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Snapchat</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://accounts.snapchat.com/accounts/downloadmydata" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://accounts.snapchat.com/accounts/delete_account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Pinterest</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.pinterest.es/settings/privacy/" target="_blank" rel="noopener">Privacidad</a>
|
||||||
|
<a href="https://help.pinterest.com/es/article/deactivate-or-close-your-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Reddit</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.reddit.com/settings/data-request" target="_blank" rel="noopener">Descarga datos</a>
|
||||||
|
<a href="https://www.reddit.com/settings/account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Discord</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://discord.com/privacy" target="_blank" rel="noopener">Privacidad</a>
|
||||||
|
<a href="https://support.discord.com/hc/es/articles/212500837" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── MENSAJERÍA ── -->
|
||||||
|
<div class="group">
|
||||||
|
<h3>Mensajería</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> WhatsApp</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://faq.whatsapp.com/1180414079177245" target="_blank" rel="noopener">Solicitar datos</a>
|
||||||
|
<a href="https://faq.whatsapp.com/1306557496340600" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Telegram</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://my.telegram.org/auth" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="https://telegram.org/privacy" target="_blank" rel="noopener">Política privacidad</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Gmail (correo)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://myaccount.google.com/deleteaccount" target="_blank" rel="noopener">Gestionar</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── ENTRETENIMIENTO ── -->
|
||||||
|
<div class="group">
|
||||||
|
<h3>Entretenimiento y streaming</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Spotify</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.spotify.com/es/account/privacy/" target="_blank" rel="noopener">Privacidad</a>
|
||||||
|
<a href="https://support.spotify.com/es/article/close-account/" target="_blank" rel="noopener">Cerrar cuenta</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Netflix</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://help.netflix.com/es/node/407" target="_blank" rel="noopener">Cancelar suscripción</a>
|
||||||
|
<a href="https://help.netflix.com/es/node/100624" target="_blank" rel="noopener">Eliminar perfil</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Twitch</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.twitch.tv/user/delete-account" target="_blank" rel="noopener">Eliminar cuenta</a>
|
||||||
|
<a href="https://www.twitch.tv/p/es-es/legal/privacy-notice/" target="_blank" rel="noopener">Política privacidad</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> YouTube</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://myaccount.google.com/data-and-privacy" target="_blank" rel="noopener">Gestionar datos</a>
|
||||||
|
<a href="https://support.google.com/youtube/answer/55759" target="_blank" rel="noopener">Cerrar canal</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── INDEXADORES Y BUSCADORES ── -->
|
||||||
|
<div class="group">
|
||||||
|
<h3>Buscadores e indexadores</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Google — Derecho al olvido (UE)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://reportcontent.google.com/forms/rtbf" target="_blank" rel="noopener">Formulario RTBF</a>
|
||||||
|
<a href="plantillas.html" target="_blank">Carta GDPR</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Google — Contenido obsoleto</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://search.google.com/search-console/remove-outdated-content" target="_blank" rel="noopener">Herramienta de eliminación</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Google — Info personal en búsqueda</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://support.google.com/websearch/troubleshooter/9685456" target="_blank" rel="noopener">Solicitar eliminación</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Bing — Eliminación de contenido</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.bing.com/webmasters/tools/content-removal" target="_blank" rel="noopener">Formulario Bing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Bing — Derecho al olvido</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.microsoft.com/es-es/concern/bing" target="_blank" rel="noopener">Solicitud Bing</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- ── DATA BROKERS ── -->
|
||||||
|
<div class="group">
|
||||||
|
<h3>Data brokers y directorios</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Acxiom — Opt-out</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://isapps.acxiom.com/optout/optout.aspx" target="_blank" rel="noopener">Opt-out oficial</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Epsilon — Opt-out</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://www.epsilon.com/us/privacy-policy" target="_blank" rel="noopener">Política y opt-out</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> Have I Been Pwned — Comprueba brechas</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://haveibeenpwned.com/" target="_blank" rel="noopener">Verificar email</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> DeleteMe (servicio de pago, referencia)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://joindeleteme.com/sites-we-remove-from/" target="_blank" rel="noopener">Lista de brokers cubiertos</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox" class="progress-cb"> AEPD — Reclamación si no cumplen</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">Sede AEPD</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════
|
||||||
|
CÓMO FUNCIONA
|
||||||
|
════════════════════════════════════════════ -->
|
||||||
|
<section id="como" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Cómo funciona</h2>
|
||||||
|
<p>
|
||||||
|
RESETEA.NET no automatiza accesos ni elimina datos por ti.
|
||||||
|
Centraliza los <strong>enlaces oficiales</strong>, proporciona <strong>plantillas legales GDPR</strong>
|
||||||
|
y explica tus derechos para que ejecutes las acciones con pleno control y conocimiento.
|
||||||
|
</p>
|
||||||
|
<div class="grid" style="margin-top:1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Paso 1 — Descarga tus datos</h3>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Antes de borrar nada, usa el enlace "Descarga datos" de cada plataforma.
|
||||||
|
Así conservas fotos, conversaciones e historial que quieras guardar.
|
||||||
|
Esto activa también el <strong>derecho a la portabilidad (Art. 20 RGPD)</strong>.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Paso 2 — Envía la carta GDPR</h3>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Genera tu carta de supresión personalizada en la sección
|
||||||
|
<a href="plantillas.html">Plantillas legales</a>.
|
||||||
|
Las plataformas tienen <strong>30 días</strong> para responder y ejecutar el borrado.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Paso 3 — Elimina la cuenta</h3>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Usa el enlace oficial de eliminación de cada plataforma.
|
||||||
|
Muchas tienen un periodo de gracia (7–30 días) durante el cual puedes cancelar.
|
||||||
|
Después el borrado es definitivo.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════
|
||||||
|
PLANTILLAS
|
||||||
|
════════════════════════════════════════════ -->
|
||||||
|
<section id="plantillas" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Plantillas legales</h2>
|
||||||
|
<p>
|
||||||
|
Cartas pre-redactadas para ejercer el <strong>derecho de supresión (Art. 17)</strong>,
|
||||||
|
el <strong>derecho de acceso (Art. 15)</strong>, la <strong>portabilidad (Art. 20)</strong>
|
||||||
|
y la <strong>oposición al perfilado (Art. 21)</strong>.
|
||||||
|
</p>
|
||||||
|
<p style="margin-top:1rem;">
|
||||||
|
El generador funciona íntegramente en tu navegador: tus datos nunca salen de tu dispositivo.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions" style="margin-top:1.5rem;">
|
||||||
|
<a class="btn primary" href="plantillas.html">Abrir generador de cartas</a>
|
||||||
|
<a class="btn ghost" href="concienciacion.html">Entender mis derechos</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- ══════════════════════════════════════════
|
||||||
|
LEGAL
|
||||||
|
════════════════════════════════════════════ -->
|
||||||
|
<section id="legal" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Aviso legal</h2>
|
||||||
|
<p>
|
||||||
|
Esta herramienta no ofrece asesoramiento legal. Los enlaces y plantillas son orientativos.
|
||||||
|
El éxito de las solicitudes depende de cada plataforma y de la legislación aplicable.
|
||||||
|
Si tus datos son especialmente sensibles o tienes dudas sobre tu caso,
|
||||||
|
consulta con un profesional del derecho especializado en privacidad.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>
|
||||||
|
RESETEA.NET · Software estático · Sin tracking · Sin cookies · Sin almacenamiento de datos
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
// Contador de progreso
|
||||||
|
const cbs = document.querySelectorAll('.progress-cb');
|
||||||
|
const fill = document.getElementById('progress-fill');
|
||||||
|
const label = document.getElementById('progress-text');
|
||||||
|
|
||||||
|
function updateProgress() {
|
||||||
|
const done = [...cbs].filter(c => c.checked).length;
|
||||||
|
const pct = Math.round((done / cbs.length) * 100);
|
||||||
|
fill.style.width = pct + '%';
|
||||||
|
label.textContent = done + ' / ' + cbs.length + ' acciones completadas (' + pct + '%)';
|
||||||
|
}
|
||||||
|
cbs.forEach(cb => cb.addEventListener('change', updateProgress));
|
||||||
|
updateProgress();
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
879
plantillas.html
Normal file
879
plantillas.html
Normal file
|
|
@ -0,0 +1,879 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>RESETEA.NET · Plantillas legales GDPR</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="Generador de cartas GDPR/RGPD para ejercer el derecho al olvido, supresión, acceso y portabilidad ante redes sociales y data brokers. Sin enviar tus datos a ningún servidor.">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
<style>
|
||||||
|
/* ── Formulario de datos ── */
|
||||||
|
.form-section {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 14px;
|
||||||
|
padding: 1.8rem;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
}
|
||||||
|
.form-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-top: 1.2rem;
|
||||||
|
}
|
||||||
|
.form-group { display: flex; flex-direction: column; gap: 0.35rem; }
|
||||||
|
.form-group label { font-size: 0.8rem; color: var(--muted); font-weight: 600; letter-spacing: 0.03em; }
|
||||||
|
.form-group input, .form-group select, .form-group textarea {
|
||||||
|
background: var(--bg);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 8px;
|
||||||
|
color: var(--text);
|
||||||
|
padding: 0.55rem 0.75rem;
|
||||||
|
font-size: 0.9rem;
|
||||||
|
font-family: inherit;
|
||||||
|
transition: border-color 160ms ease;
|
||||||
|
}
|
||||||
|
.form-group input:focus, .form-group select:focus, .form-group textarea:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--accent);
|
||||||
|
}
|
||||||
|
.form-group select option { background: var(--panel); }
|
||||||
|
.form-full { grid-column: 1 / -1; }
|
||||||
|
/* ── Selector de tipo de solicitud ── */
|
||||||
|
.type-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 0.75rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
.type-btn {
|
||||||
|
padding: 0.75rem 0.5rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.8rem;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 160ms ease;
|
||||||
|
}
|
||||||
|
.type-btn:hover { border-color: var(--accent); color: var(--text); }
|
||||||
|
.type-btn.active {
|
||||||
|
border-color: var(--accent);
|
||||||
|
background: rgba(255,61,0,0.1);
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
/* ── Resultado ── */
|
||||||
|
.result-section {
|
||||||
|
display: none;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
.result-section.visible { display: block; }
|
||||||
|
.result-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
gap: 0.75rem;
|
||||||
|
}
|
||||||
|
.result-header h3 { font-size: 1rem; }
|
||||||
|
.copy-btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.4rem;
|
||||||
|
padding: 0.5rem 1rem;
|
||||||
|
background: var(--accent);
|
||||||
|
color: #000;
|
||||||
|
border: none;
|
||||||
|
border-radius: 8px;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-weight: 700;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: opacity 160ms ease;
|
||||||
|
}
|
||||||
|
.copy-btn:hover { opacity: 0.85; }
|
||||||
|
.copy-btn.copied { background: var(--neon); }
|
||||||
|
.letter-box {
|
||||||
|
background: var(--bg);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 1.4rem;
|
||||||
|
font-size: 0.88rem;
|
||||||
|
line-height: 1.7;
|
||||||
|
white-space: pre-wrap;
|
||||||
|
color: var(--text);
|
||||||
|
font-family: 'Courier New', monospace;
|
||||||
|
min-height: 280px;
|
||||||
|
}
|
||||||
|
/* ── Plataformas grid ── */
|
||||||
|
.platform-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(4, 1fr);
|
||||||
|
gap: 0.75rem;
|
||||||
|
margin-top: 1.2rem;
|
||||||
|
}
|
||||||
|
.platform-btn {
|
||||||
|
padding: 0.65rem 0.5rem;
|
||||||
|
border-radius: 10px;
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
background: var(--bg);
|
||||||
|
color: var(--muted);
|
||||||
|
font-size: 0.82rem;
|
||||||
|
font-weight: 600;
|
||||||
|
text-align: center;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: all 160ms ease;
|
||||||
|
}
|
||||||
|
.platform-btn:hover { border-color: var(--accent); color: var(--text); }
|
||||||
|
.platform-btn.active {
|
||||||
|
border-color: var(--accent);
|
||||||
|
background: rgba(255,61,0,0.1);
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
/* ── Info card de plataforma ── */
|
||||||
|
.platform-info {
|
||||||
|
display: none;
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 1.2rem;
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-size: 0.85rem;
|
||||||
|
}
|
||||||
|
.platform-info.visible { display: block; }
|
||||||
|
.platform-info .pi-row {
|
||||||
|
display: flex;
|
||||||
|
gap: 1rem;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
|
align-items: baseline;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
.platform-info .pi-label { color: var(--muted); min-width: 120px; font-size: 0.78rem; }
|
||||||
|
.platform-info a { color: var(--accent); }
|
||||||
|
/* ── Generate btn ── */
|
||||||
|
.generate-btn {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
padding: 0.9rem;
|
||||||
|
background: var(--accent);
|
||||||
|
color: #000;
|
||||||
|
border: none;
|
||||||
|
border-radius: 12px;
|
||||||
|
font-size: 1rem;
|
||||||
|
font-weight: 700;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: opacity 160ms ease, transform 160ms ease;
|
||||||
|
}
|
||||||
|
.generate-btn:hover { opacity: 0.9; transform: translateY(-1px); }
|
||||||
|
/* ── Info notice ── */
|
||||||
|
.privacy-notice {
|
||||||
|
display: flex;
|
||||||
|
gap: 0.6rem;
|
||||||
|
align-items: flex-start;
|
||||||
|
background: rgba(57,255,20,0.05);
|
||||||
|
border: 1px solid rgba(57,255,20,0.2);
|
||||||
|
border-radius: 10px;
|
||||||
|
padding: 0.9rem 1rem;
|
||||||
|
font-size: 0.8rem;
|
||||||
|
color: var(--muted);
|
||||||
|
margin-bottom: 1.5rem;
|
||||||
|
}
|
||||||
|
.privacy-notice strong { color: var(--neon); }
|
||||||
|
/* ── Pasos post-generación ── */
|
||||||
|
.next-steps {
|
||||||
|
background: var(--panel);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
border-radius: 12px;
|
||||||
|
padding: 1.2rem 1.4rem;
|
||||||
|
margin-top: 1.5rem;
|
||||||
|
}
|
||||||
|
.next-steps h4 { margin-bottom: 0.75rem; font-size: 0.95rem; }
|
||||||
|
.next-steps ol { padding-left: 1.2rem; color: var(--muted); font-size: 0.85rem; line-height: 2; }
|
||||||
|
.next-steps ol li strong { color: var(--text); }
|
||||||
|
@media (max-width: 900px) {
|
||||||
|
.form-grid { grid-template-columns: 1fr; }
|
||||||
|
.type-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
.platform-grid { grid-template-columns: repeat(2, 1fr); }
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="topbar">
|
||||||
|
<div class="container topbar-inner">
|
||||||
|
<div class="brand">
|
||||||
|
<div class="brand-logo">R</div>
|
||||||
|
<div class="brand-text">
|
||||||
|
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||||||
|
<div class="brand-tag">Privacidad sin custodios</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<nav class="nav" aria-label="Navegación principal">
|
||||||
|
<a class="nav-btn" href="tipos.html">Tipos de información</a>
|
||||||
|
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
|
||||||
|
<a class="nav-btn" href="index.html">Resetea</a>
|
||||||
|
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container hero-inner">
|
||||||
|
<div class="hero-text">
|
||||||
|
<h1>Plantillas legales GDPR.<br>Listas en segundos.</h1>
|
||||||
|
<p>
|
||||||
|
Rellena tus datos una sola vez, elige la plataforma y el tipo de solicitud.
|
||||||
|
La carta se genera al instante en tu navegador: <strong>nunca sale de tu dispositivo</strong>.
|
||||||
|
Cópiala y envíala tú mismo al DPO de la empresa.
|
||||||
|
</p>
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn primary" href="#generador">Abrir generador</a>
|
||||||
|
<a class="btn ghost" href="concienciacion.html">Ver mis derechos</a>
|
||||||
|
</div>
|
||||||
|
<div class="notice">
|
||||||
|
<strong>Privacidad absoluta:</strong><br>
|
||||||
|
Todo el procesamiento ocurre en tu navegador (JavaScript local).
|
||||||
|
No se envía ningún dato a ningún servidor de RESETEA.NET.
|
||||||
|
Puedes usar esta página sin conexión a internet una vez cargada.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="hero-card">
|
||||||
|
<div class="stats">
|
||||||
|
<div class="stat"><div class="stat-num">4</div><div class="stat-label">Tipos de solicitud</div></div>
|
||||||
|
<div class="stat"><div class="stat-num">12+</div><div class="stat-label">Plataformas cubiertas</div></div>
|
||||||
|
<div class="stat"><div class="stat-num">0</div><div class="stat-label">Datos enviados al servidor</div></div>
|
||||||
|
</div>
|
||||||
|
<ul class="steps">
|
||||||
|
<li><span>1</span> Rellena tus datos</li>
|
||||||
|
<li><span>2</span> Elige plataforma y tipo</li>
|
||||||
|
<li><span>3</span> Copia y envía la carta</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- GENERADOR -->
|
||||||
|
<section id="generador" class="panel">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Generador de cartas GDPR</h2>
|
||||||
|
<p class="section-desc">
|
||||||
|
Todos los campos son opcionales excepto nombre y email.
|
||||||
|
Cuantos más rellenes, más sólida y completa quedará la carta.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="privacy-notice">
|
||||||
|
<strong>Privacidad:</strong> Tus datos solo existen en la memoria de esta pestaña del navegador.
|
||||||
|
No se almacenan ni se transmiten. Cierra la pestaña y desaparecen.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- DATOS DEL SOLICITANTE -->
|
||||||
|
<div class="form-section">
|
||||||
|
<h3 style="margin-bottom:0.3rem;">Tus datos (solicitante)</h3>
|
||||||
|
<p style="font-size:0.82rem;color:var(--muted);">Son los que figurarán en la carta. La plataforma puede pedirte una copia de tu DNI para verificar tu identidad.</p>
|
||||||
|
<div class="form-grid">
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inp-name">Nombre completo *</label>
|
||||||
|
<input id="inp-name" type="text" placeholder="María García López" autocomplete="name">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inp-email">Email de contacto *</label>
|
||||||
|
<input id="inp-email" type="email" placeholder="tu@email.com" autocomplete="email">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inp-nick">Nombre de usuario / alias (en esa plataforma)</label>
|
||||||
|
<input id="inp-nick" type="text" placeholder="@usuario o nick">
|
||||||
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
<label for="inp-phone">Teléfono asociado a la cuenta (opcional)</label>
|
||||||
|
<input id="inp-phone" type="tel" placeholder="+34 600 000 000">
|
||||||
|
</div>
|
||||||
|
<div class="form-group form-full">
|
||||||
|
<label for="inp-address">Dirección postal (opcional, refuerza la solicitud)</label>
|
||||||
|
<input id="inp-address" type="text" placeholder="Calle Ejemplo 1, 28001 Madrid, España" autocomplete="street-address">
|
||||||
|
</div>
|
||||||
|
<div class="form-group form-full">
|
||||||
|
<label for="inp-extra">Información adicional (IDs de cuenta, URLs de perfil, etc.)</label>
|
||||||
|
<input id="inp-extra" type="text" placeholder="ID de usuario: 123456789 · URL: https://...">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- PLATAFORMA -->
|
||||||
|
<div class="form-section">
|
||||||
|
<h3>Plataforma de destino</h3>
|
||||||
|
<div class="platform-grid" id="platform-grid">
|
||||||
|
<!-- generado por JS -->
|
||||||
|
</div>
|
||||||
|
<div class="platform-info" id="platform-info">
|
||||||
|
<!-- generado por JS -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- TIPO DE SOLICITUD -->
|
||||||
|
<div class="form-section">
|
||||||
|
<h3>Tipo de solicitud</h3>
|
||||||
|
<p style="font-size:0.82rem;color:var(--muted);margin-top:0.3rem;">
|
||||||
|
¿Qué derecho quieres ejercer? Si tienes dudas, consulta <a href="concienciacion.html">Concienciación</a>.
|
||||||
|
</p>
|
||||||
|
<div class="type-grid" id="type-grid">
|
||||||
|
<!-- generado por JS -->
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button class="generate-btn" id="generate-btn" onclick="generateLetter()">
|
||||||
|
Generar carta
|
||||||
|
</button>
|
||||||
|
|
||||||
|
<!-- RESULTADO -->
|
||||||
|
<div class="result-section" id="result-section">
|
||||||
|
<div class="result-header">
|
||||||
|
<h3 id="result-title">Carta generada</h3>
|
||||||
|
<div style="display:flex;gap:0.5rem;flex-wrap:wrap;">
|
||||||
|
<button class="copy-btn" id="copy-btn" onclick="copyLetter()">Copiar carta</button>
|
||||||
|
<button class="copy-btn" id="gmail-btn" onclick="sendViaGmail()"
|
||||||
|
style="background:#1a1714;color:#fff;" title="Envía la carta directamente desde tu Gmail">
|
||||||
|
Enviar con Gmail
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div id="oauth-banner" style="display:none;"></div>
|
||||||
|
<div class="letter-box" id="letter-box"></div>
|
||||||
|
<div class="next-steps" id="next-steps"></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- GUIA DE USO -->
|
||||||
|
<section class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Cómo usar esta carta</h2>
|
||||||
|
<div class="grid">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Opción A — Por email</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Copia el texto generado</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Abre tu cliente de correo</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Envía al email del DPO que aparece en la carta</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Asunto: "Ejercicio de derecho — [Art. X RGPD]"</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Adjunta copia de tu DNI/pasaporte si es requerido</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Guarda el email enviado como prueba</label></div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Opción B — Por formulario oficial</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Haz clic en el enlace "Formulario oficial" que aparece al generar</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Copia los datos de la carta en los campos del formulario</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Haz captura de pantalla de la confirmación</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Apunta la fecha de envío</label></div>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Si no responden en 30 días</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Recopila pruebas: email enviado + silencio</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Presenta reclamación gratuita en la AEPD</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Adjunta toda la correspondencia</label></div>
|
||||||
|
<div class="actions" style="margin-top:0.8rem;">
|
||||||
|
<a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">Sede AEPD</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- TIPOS DE CARTA -->
|
||||||
|
<section class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Qué cubre cada tipo de carta</h2>
|
||||||
|
<div class="grid">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Supresión / Derecho al olvido</h3>
|
||||||
|
<p class="section-desc">Art. 17 RGPD</p>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Solicita la eliminación completa de todos tus datos personales:
|
||||||
|
cuenta, historial, publicaciones, metadatos, backups y datos compartidos con terceros.
|
||||||
|
La plataforma tiene 30 días para confirmar el borrado o justificar por qué no puede hacerlo.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Acceso a tus datos</h3>
|
||||||
|
<p class="section-desc">Art. 15 RGPD</p>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Solicita una copia de todos los datos que tienen sobre ti, incluyendo datos inferidos,
|
||||||
|
con quién los comparten, cuánto tiempo los conservan y cuál es la base legal del tratamiento.
|
||||||
|
Útil antes de pedir la supresión para saber exactamente qué borrar.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Portabilidad</h3>
|
||||||
|
<p class="section-desc">Art. 20 RGPD</p>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Solicita una exportación de tus datos en formato estructurado y legible por máquina
|
||||||
|
(JSON, CSV, XML). Úsalo para descargarte tu historial antes de borrar la cuenta
|
||||||
|
y llevarte el contenido a otra plataforma.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="group">
|
||||||
|
<h3>Oposición al perfilado</h3>
|
||||||
|
<p class="section-desc">Art. 21 RGPD</p>
|
||||||
|
<p style="font-size:0.85rem;color:var(--muted);">
|
||||||
|
Solicita que dejen de usar tus datos para publicidad personalizada, perfilado
|
||||||
|
o decisiones automatizadas. En marketing directo es un derecho absoluto:
|
||||||
|
no necesitas justificación y deben parar inmediatamente.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>RESETEA.NET · Plantillas legales · Estático · Sin cookies · Sin tracking · Generación 100 % local</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
DATOS DE PLATAFORMAS
|
||||||
|
============================================================ */
|
||||||
|
const PLATFORMS = {
|
||||||
|
instagram: {
|
||||||
|
name: 'Instagram',
|
||||||
|
company: 'Meta Platforms Ireland Limited',
|
||||||
|
address: '4 Grand Canal Square, Grand Canal Harbour, Dublín 2, Irlanda',
|
||||||
|
dpoEmail: 'privacidad-dpo@fb.com',
|
||||||
|
deleteUrl: 'https://www.instagram.com/accounts/remove/request/permanent/',
|
||||||
|
privacyUrl: 'https://privacycenter.instagram.com/policy',
|
||||||
|
formUrl: 'https://www.facebook.com/help/contact/2364547050428001',
|
||||||
|
notes: 'Los datos se retienen hasta 90 días en backups tras la eliminación de cuenta.'
|
||||||
|
},
|
||||||
|
facebook: {
|
||||||
|
name: 'Facebook',
|
||||||
|
company: 'Meta Platforms Ireland Limited',
|
||||||
|
address: '4 Grand Canal Square, Grand Canal Harbour, Dublín 2, Irlanda',
|
||||||
|
dpoEmail: 'privacidad-dpo@fb.com',
|
||||||
|
deleteUrl: 'https://www.facebook.com/help/delete_account',
|
||||||
|
privacyUrl: 'https://www.facebook.com/privacy/policy/',
|
||||||
|
formUrl: 'https://www.facebook.com/help/contact/2364547050428001',
|
||||||
|
notes: 'Los datos se retienen hasta 90 días en backups.'
|
||||||
|
},
|
||||||
|
twitter_x: {
|
||||||
|
name: 'X (Twitter)',
|
||||||
|
company: 'Twitter International Unlimited Company',
|
||||||
|
address: 'One Cumberland Place, Fenian Street, Dublín 2, D02 AX07, Irlanda',
|
||||||
|
dpoEmail: 'gdpr@twitter.com',
|
||||||
|
deleteUrl: 'https://x.com/settings/deactivate',
|
||||||
|
privacyUrl: 'https://x.com/es/privacy',
|
||||||
|
formUrl: null,
|
||||||
|
notes: 'La desactivación inicia un periodo de gracia de 30 días antes del borrado definitivo.'
|
||||||
|
},
|
||||||
|
google: {
|
||||||
|
name: 'Google',
|
||||||
|
company: 'Google Ireland Limited',
|
||||||
|
address: 'Gordon House, Barrow Street, Dublín 4, Irlanda',
|
||||||
|
dpoEmail: null,
|
||||||
|
deleteUrl: 'https://myaccount.google.com/delete-services-or-account',
|
||||||
|
privacyUrl: 'https://myaccount.google.com/data-and-privacy',
|
||||||
|
formUrl: 'https://support.google.com/policies/contact/sar_data_protection',
|
||||||
|
notes: 'Para desindexación de resultados de búsqueda usa el formulario RTBF: https://reportcontent.google.com/forms/rtbf'
|
||||||
|
},
|
||||||
|
linkedin: {
|
||||||
|
name: 'LinkedIn',
|
||||||
|
company: 'LinkedIn Ireland Unlimited Company',
|
||||||
|
address: 'Wilton Place, Dublín 2, Irlanda',
|
||||||
|
dpoEmail: 'privacy@linkedin.com',
|
||||||
|
deleteUrl: 'https://www.linkedin.com/mypreferences/d/close-your-account',
|
||||||
|
privacyUrl: 'https://www.linkedin.com/legal/privacy-policy',
|
||||||
|
formUrl: 'https://www.linkedin.com/help/linkedin/ask/PPQ',
|
||||||
|
notes: 'Los datos se eliminan en un plazo de 30 días desde el cierre de cuenta.'
|
||||||
|
},
|
||||||
|
tiktok: {
|
||||||
|
name: 'TikTok',
|
||||||
|
company: 'TikTok Technology Limited',
|
||||||
|
address: '10 Earlsfort Terrace, Dublín, D02 T380, Irlanda',
|
||||||
|
dpoEmail: 'privacy@tiktok.com',
|
||||||
|
deleteUrl: 'https://support.tiktok.com/es/safety-hic/account-and-user-safety/account-deletion',
|
||||||
|
privacyUrl: 'https://www.tiktok.com/legal/page/eea/privacy-policy/es',
|
||||||
|
formUrl: null,
|
||||||
|
notes: 'La eliminación de cuenta solo puede hacerse desde la app móvil. Hay 30 días de periodo de reflexión.'
|
||||||
|
},
|
||||||
|
snapchat: {
|
||||||
|
name: 'Snapchat',
|
||||||
|
company: 'Snap Group Limited',
|
||||||
|
address: '77 Shaftesbury Avenue, Londres W1D 5DU, Reino Unido',
|
||||||
|
dpoEmail: 'privacy@snap.com',
|
||||||
|
deleteUrl: 'https://accounts.snapchat.com/accounts/delete_account',
|
||||||
|
privacyUrl: 'https://www.snap.com/es-ES/privacy/privacy-policy',
|
||||||
|
formUrl: 'https://support.snapchat.com/es-ES/i-need-help',
|
||||||
|
notes: 'La cuenta se desactiva 30 días antes del borrado definitivo.'
|
||||||
|
},
|
||||||
|
microsoft: {
|
||||||
|
name: 'Microsoft',
|
||||||
|
company: 'Microsoft Ireland Operations Limited',
|
||||||
|
address: 'One Microsoft Place, South County Business Park, Leopardstown, Dublín 18, Irlanda',
|
||||||
|
dpoEmail: 'msprivacy@microsoft.com',
|
||||||
|
deleteUrl: 'https://account.live.com/closeaccount.aspx',
|
||||||
|
privacyUrl: 'https://privacy.microsoft.com/es-es/privacystatement',
|
||||||
|
formUrl: 'https://www.microsoft.com/es-es/concern/privacy',
|
||||||
|
notes: null
|
||||||
|
},
|
||||||
|
apple: {
|
||||||
|
name: 'Apple',
|
||||||
|
company: 'Apple Distribution International Ltd.',
|
||||||
|
address: 'Hollyhill Industrial Estate, Hollyhill, Cork, Irlanda',
|
||||||
|
dpoEmail: 'privacy@apple.com',
|
||||||
|
deleteUrl: 'https://privacy.apple.com/',
|
||||||
|
privacyUrl: 'https://www.apple.com/es/legal/privacy/',
|
||||||
|
formUrl: 'https://privacy.apple.com/',
|
||||||
|
notes: 'Usa el portal privacy.apple.com para solicitar acceso, portabilidad y eliminación.'
|
||||||
|
},
|
||||||
|
amazon: {
|
||||||
|
name: 'Amazon',
|
||||||
|
company: 'Amazon Europe Core S.à r.l.',
|
||||||
|
address: '38 avenue John F. Kennedy, L-1855 Luxemburgo',
|
||||||
|
dpoEmail: null,
|
||||||
|
deleteUrl: 'https://www.amazon.es/gp/help/customer/display.html?nodeId=GXPU3YPMBDQWWHGZ',
|
||||||
|
privacyUrl: 'https://www.amazon.es/gp/help/customer/display.html?nodeId=GX7NJQ4ZB8MHFRNJ',
|
||||||
|
formUrl: 'https://www.amazon.es/hz/contact-us/privacy-disclosure/ref=hp_bc_nav',
|
||||||
|
notes: null
|
||||||
|
},
|
||||||
|
reddit: {
|
||||||
|
name: 'Reddit',
|
||||||
|
company: 'Reddit Inc.',
|
||||||
|
address: '548 Market St. #16093, San Francisco, CA 94104-5401, EE.UU.',
|
||||||
|
dpoEmail: 'gdpr@reddit.com',
|
||||||
|
deleteUrl: 'https://www.reddit.com/settings/account',
|
||||||
|
privacyUrl: 'https://www.reddit.com/policies/privacy-policy',
|
||||||
|
formUrl: 'https://www.reddithelp.com/hc/es/requests/new',
|
||||||
|
notes: 'Los posts no se borran automáticamente al cerrar la cuenta; hay que borrarlos manualmente primero.'
|
||||||
|
},
|
||||||
|
discord: {
|
||||||
|
name: 'Discord',
|
||||||
|
company: 'Discord Inc.',
|
||||||
|
address: '444 De Haro Street, Suite 200, San Francisco, CA 94107, EE.UU.',
|
||||||
|
dpoEmail: 'privacy@discord.com',
|
||||||
|
deleteUrl: 'https://discord.com/channels/@me',
|
||||||
|
privacyUrl: 'https://discord.com/privacy',
|
||||||
|
formUrl: 'https://support.discord.com/hc/es/requests/new',
|
||||||
|
notes: 'Para eliminar la cuenta: Configuración → Mi cuenta → Eliminar cuenta.'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
TIPOS DE SOLICITUD
|
||||||
|
============================================================ */
|
||||||
|
const REQUEST_TYPES = {
|
||||||
|
suppression: {
|
||||||
|
label: 'Supresión (Art. 17)',
|
||||||
|
short: 'Supresión',
|
||||||
|
article: 'artículo 17 del Reglamento (UE) 2016/679 (RGPD)',
|
||||||
|
right: 'derecho de supresión ("derecho al olvido")',
|
||||||
|
body: (p) => `En ejercicio del ${p.right} reconocido en el ${p.article}, y en concordancia con el artículo 94 de la Ley Orgánica 3/2018 (LOPDGDD), solicito la supresión completa e irreversible de todos mis datos personales de los sistemas de ${p.company}, incluyendo sin limitación:
|
||||||
|
|
||||||
|
- Datos de cuenta e identificadores (nombre, email, teléfono, dirección IP, identificadores de dispositivo).
|
||||||
|
- Contenidos publicados, comentarios, mensajes, imágenes y archivos.
|
||||||
|
- Datos de comportamiento, historial de navegación, preferencias e intereses inferidos.
|
||||||
|
- Datos en sistemas de backup y réplicas, en el plazo razonable comprometido.
|
||||||
|
- Datos que hayan sido cedidos o compartidos con terceros, con la correspondiente notificación a dichos terceros para que también procedan a la supresión.
|
||||||
|
|
||||||
|
Fundamento mi solicitud en que el tratamiento de mis datos ya no es necesario para los fines para los cuales fueron recogidos, y en la retirada del consentimiento que en su momento presté.`,
|
||||||
|
footer: 'Solicito confirmación escrita de la supresión una vez completada, con indicación del plazo previsto para la eliminación de los backups.'
|
||||||
|
},
|
||||||
|
access: {
|
||||||
|
label: 'Acceso (Art. 15)',
|
||||||
|
short: 'Acceso',
|
||||||
|
article: 'artículo 15 del Reglamento (UE) 2016/679 (RGPD)',
|
||||||
|
right: 'derecho de acceso',
|
||||||
|
body: (p) => `En ejercicio del ${p.right} reconocido en el ${p.article}, solicito que ${p.company} me proporcione la siguiente información relativa a mis datos personales:
|
||||||
|
|
||||||
|
a) Confirmación de si se están tratando datos personales míos.
|
||||||
|
b) Copia de todos los datos personales que obran en poder de ${p.company}, en formato legible.
|
||||||
|
c) Finalidades del tratamiento para cada categoría de datos.
|
||||||
|
d) Categorías de datos tratados.
|
||||||
|
e) Destinatarios o categorías de destinatarios con quienes se hayan comunicado o vayan a comunicarse los datos.
|
||||||
|
f) Plazos previstos de conservación de los datos.
|
||||||
|
g) Base jurídica del tratamiento.
|
||||||
|
h) Información sobre el origen de los datos cuando no hayan sido recabados directamente de mí.
|
||||||
|
i) Existencia de decisiones automatizadas (incluida la elaboración de perfiles) y lógica aplicada.`,
|
||||||
|
footer: 'Solicito que la información se facilite en formato digital estructurado.'
|
||||||
|
},
|
||||||
|
portability: {
|
||||||
|
label: 'Portabilidad (Art. 20)',
|
||||||
|
short: 'Portabilidad',
|
||||||
|
article: 'artículo 20 del Reglamento (UE) 2016/679 (RGPD)',
|
||||||
|
right: 'derecho a la portabilidad de los datos',
|
||||||
|
body: (p) => `En ejercicio del ${p.right} reconocido en el ${p.article}, solicito recibir los datos personales que me conciernen y que haya facilitado a ${p.company}, en un formato estructurado, de uso común y lectura mecánica (por ejemplo, JSON, CSV o XML).
|
||||||
|
|
||||||
|
Los datos solicitados incluyen:
|
||||||
|
|
||||||
|
- Datos de perfil y cuenta.
|
||||||
|
- Contenidos generados (publicaciones, imágenes, mensajes enviados).
|
||||||
|
- Historial de actividad e interacciones.
|
||||||
|
- Configuraciones y preferencias.
|
||||||
|
- Cualquier otro dato facilitado directamente por mí o generado como resultado de mi uso del servicio.`,
|
||||||
|
footer: 'Si es técnicamente posible, solicito que los datos sean transmitidos directamente a otro responsable del tratamiento.'
|
||||||
|
},
|
||||||
|
opposition: {
|
||||||
|
label: 'Oposición (Art. 21)',
|
||||||
|
short: 'Oposición',
|
||||||
|
article: 'artículo 21 del Reglamento (UE) 2016/679 (RGPD)',
|
||||||
|
right: 'derecho de oposición',
|
||||||
|
body: (p) => `En ejercicio del ${p.right} reconocido en el ${p.article}, me opongo al tratamiento de mis datos personales por parte de ${p.company} para los siguientes fines:
|
||||||
|
|
||||||
|
a) Marketing directo y comunicaciones comerciales de cualquier tipo.
|
||||||
|
b) Elaboración de perfiles con fines publicitarios o de análisis del comportamiento.
|
||||||
|
c) Cesión o comunicación de mis datos a terceros (anunciantes, socios, plataformas de AdTech) con fines de marketing o monetización.
|
||||||
|
d) Decisiones automatizadas que produzcan efectos jurídicos o me afecten de modo significativo.
|
||||||
|
|
||||||
|
En aplicación del artículo 21.3 RGPD, en el caso de tratamiento con fines de marketing directo, el responsable del tratamiento deberá dejar de tratar los datos para dichos fines sin necesidad de que motive mi solicitud.`,
|
||||||
|
footer: 'Solicito confirmación de que el tratamiento ha cesado para los fines indicados.'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
ESTADO
|
||||||
|
============================================================ */
|
||||||
|
let selectedPlatform = null;
|
||||||
|
let selectedType = null;
|
||||||
|
|
||||||
|
/* ============================================================
|
||||||
|
INIT
|
||||||
|
============================================================ */
|
||||||
|
document.addEventListener('DOMContentLoaded', () => {
|
||||||
|
renderPlatformGrid();
|
||||||
|
renderTypeGrid();
|
||||||
|
});
|
||||||
|
|
||||||
|
function renderPlatformGrid() {
|
||||||
|
const grid = document.getElementById('platform-grid');
|
||||||
|
grid.innerHTML = Object.entries(PLATFORMS).map(([key, p]) => `
|
||||||
|
<button class="platform-btn" data-key="${key}" onclick="selectPlatform('${key}')">
|
||||||
|
${p.name}
|
||||||
|
</button>
|
||||||
|
`).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function renderTypeGrid() {
|
||||||
|
const grid = document.getElementById('type-grid');
|
||||||
|
grid.innerHTML = Object.entries(REQUEST_TYPES).map(([key, t]) => `
|
||||||
|
<button class="type-btn" data-key="${key}" onclick="selectType('${key}')">
|
||||||
|
${t.label}
|
||||||
|
</button>
|
||||||
|
`).join('');
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectPlatform(key) {
|
||||||
|
selectedPlatform = key;
|
||||||
|
document.querySelectorAll('.platform-btn').forEach(b => b.classList.remove('active'));
|
||||||
|
document.querySelector(`.platform-btn[data-key="${key}"]`).classList.add('active');
|
||||||
|
showPlatformInfo(key);
|
||||||
|
hideResult();
|
||||||
|
}
|
||||||
|
|
||||||
|
function showPlatformInfo(key) {
|
||||||
|
const p = PLATFORMS[key];
|
||||||
|
const info = document.getElementById('platform-info');
|
||||||
|
info.innerHTML = `
|
||||||
|
<div class="pi-row"><span class="pi-label">Empresa:</span><span>${p.company}</span></div>
|
||||||
|
<div class="pi-row"><span class="pi-label">Dirección:</span><span>${p.address}</span></div>
|
||||||
|
<div class="pi-row"><span class="pi-label">DPO / Privacidad:</span><span>${
|
||||||
|
p.dpoEmail ? `<a href="mailto:${p.dpoEmail}">${p.dpoEmail}</a>` : '—'
|
||||||
|
}</span></div>
|
||||||
|
<div class="pi-row"><span class="pi-label">Eliminar cuenta:</span><span><a href="${p.deleteUrl}" target="_blank" rel="noopener">Abrir enlace oficial</a></span></div>
|
||||||
|
${p.formUrl ? `<div class="pi-row"><span class="pi-label">Formulario GDPR:</span><span><a href="${p.formUrl}" target="_blank" rel="noopener">Formulario oficial</a></span></div>` : ''}
|
||||||
|
${p.notes ? `<div class="pi-row" style="margin-top:0.5rem;"><span class="pi-label" style="color:var(--accent);">Nota:</span><span style="color:var(--muted);font-size:0.82rem;">${p.notes}</span></div>` : ''}
|
||||||
|
`;
|
||||||
|
info.classList.add('visible');
|
||||||
|
}
|
||||||
|
|
||||||
|
function selectType(key) {
|
||||||
|
selectedType = key;
|
||||||
|
document.querySelectorAll('.type-btn').forEach(b => b.classList.remove('active'));
|
||||||
|
document.querySelector(`.type-btn[data-key="${key}"]`).classList.add('active');
|
||||||
|
hideResult();
|
||||||
|
}
|
||||||
|
|
||||||
|
function hideResult() {
|
||||||
|
document.getElementById('result-section').classList.remove('visible');
|
||||||
|
}
|
||||||
|
|
||||||
|
function generateLetter() {
|
||||||
|
const name = document.getElementById('inp-name').value.trim();
|
||||||
|
const email = document.getElementById('inp-email').value.trim();
|
||||||
|
const nick = document.getElementById('inp-nick').value.trim();
|
||||||
|
const phone = document.getElementById('inp-phone').value.trim();
|
||||||
|
const address = document.getElementById('inp-address').value.trim();
|
||||||
|
const extra = document.getElementById('inp-extra').value.trim();
|
||||||
|
|
||||||
|
if (!name || !email) {
|
||||||
|
alert('Por favor, rellena al menos tu nombre completo y tu email de contacto.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!selectedPlatform) {
|
||||||
|
alert('Por favor, selecciona una plataforma de destino.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
if (!selectedType) {
|
||||||
|
alert('Por favor, selecciona el tipo de solicitud que quieres ejercer.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
const p = PLATFORMS[selectedPlatform];
|
||||||
|
const rt = REQUEST_TYPES[selectedType];
|
||||||
|
const today = new Date().toLocaleDateString('es-ES', { day: 'numeric', month: 'long', year: 'numeric' });
|
||||||
|
const deadline = new Date(Date.now() + 30 * 86400000).toLocaleDateString('es-ES', { day: 'numeric', month: 'long', year: 'numeric' });
|
||||||
|
|
||||||
|
const identLines = [
|
||||||
|
`Nombre completo: ${name}`,
|
||||||
|
`Correo electrónico: ${email}`,
|
||||||
|
nick ? `Usuario en la plataforma: ${nick}` : null,
|
||||||
|
phone ? `Teléfono: ${phone}` : null,
|
||||||
|
address ? `Dirección postal: ${address}` : null,
|
||||||
|
extra ? `Datos adicionales de identificación: ${extra}` : null,
|
||||||
|
].filter(Boolean).join('\n');
|
||||||
|
|
||||||
|
const bodyParams = {
|
||||||
|
company: p.company,
|
||||||
|
right: rt.right,
|
||||||
|
article: rt.article,
|
||||||
|
};
|
||||||
|
|
||||||
|
const letter = `${p.company}
|
||||||
|
${p.address}
|
||||||
|
${p.dpoEmail ? `Delegado de Protección de Datos: ${p.dpoEmail}` : 'Departamento de Privacidad'}
|
||||||
|
|
||||||
|
${today}
|
||||||
|
|
||||||
|
Asunto: Ejercicio del ${rt.right} — ${rt.article}
|
||||||
|
|
||||||
|
A quien corresponda:
|
||||||
|
|
||||||
|
Yo, ${name}, con los siguientes datos de contacto:
|
||||||
|
|
||||||
|
${identLines}
|
||||||
|
|
||||||
|
En ejercicio de mis derechos reconocidos en el Reglamento (UE) 2016/679 del Parlamento Europeo y del Consejo (RGPD) y en la Ley Orgánica 3/2018, de Protección de Datos Personales y garantía de los derechos digitales (LOPDGDD), dirijo la presente comunicación a ${p.company} como responsable del tratamiento de mis datos personales.
|
||||||
|
|
||||||
|
─────────────────────────────────────────
|
||||||
|
|
||||||
|
${rt.body(bodyParams)}
|
||||||
|
|
||||||
|
─────────────────────────────────────────
|
||||||
|
|
||||||
|
${rt.footer}
|
||||||
|
|
||||||
|
De conformidad con el artículo 12.3 del RGPD, disponen de un plazo máximo de un mes desde la recepción de la presente solicitud para darle respuesta (antes del ${deadline}). En caso de denegación o ausencia de respuesta, me reservo el derecho a presentar una reclamación ante la Agencia Española de Protección de Datos (sedeagpd.gob.es) y/o ejercer las acciones judiciales que estime oportunas.
|
||||||
|
|
||||||
|
Quedo a su disposición para cualquier aclaración o para aportar documentación adicional que acredite mi identidad.
|
||||||
|
|
||||||
|
Atentamente,
|
||||||
|
|
||||||
|
${name}
|
||||||
|
${email}
|
||||||
|
${address ? address + '\n' : ''}${today}`;
|
||||||
|
|
||||||
|
document.getElementById('letter-box').textContent = letter;
|
||||||
|
document.getElementById('result-title').textContent = `Carta: ${rt.short} ante ${p.name}`;
|
||||||
|
|
||||||
|
const nextSteps = document.getElementById('next-steps');
|
||||||
|
nextSteps.innerHTML = `
|
||||||
|
<h4>Próximos pasos</h4>
|
||||||
|
<ol>
|
||||||
|
<li><strong>Copia la carta</strong> con el botón "Copiar carta".</li>
|
||||||
|
<li>${p.dpoEmail
|
||||||
|
? `<strong>Envíala por email</strong> a <a href="mailto:${p.dpoEmail}">${p.dpoEmail}</a>.`
|
||||||
|
: `<strong>Usa el formulario oficial</strong>: <a href="${p.formUrl || p.deleteUrl}" target="_blank" rel="noopener">abrir formulario</a>.`
|
||||||
|
}</li>
|
||||||
|
<li><strong>Guarda el acuse de recibo</strong> (captura o email de confirmación). El plazo de 30 días empieza desde la recepción.</li>
|
||||||
|
<li>Si no responden antes del <strong>${deadline}</strong>, presenta reclamación en la <a href="https://sedeagpd.gob.es/sede-electronica-web/" target="_blank" rel="noopener">sede AEPD</a>.</li>
|
||||||
|
${p.deleteUrl ? `<li>Si también quieres eliminar tu cuenta, accede aquí: <a href="${p.deleteUrl}" target="_blank" rel="noopener">${p.name} — eliminación de cuenta</a>.</li>` : ''}
|
||||||
|
</ol>
|
||||||
|
`;
|
||||||
|
|
||||||
|
const resultSection = document.getElementById('result-section');
|
||||||
|
resultSection.classList.add('visible');
|
||||||
|
resultSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── OAuth Gmail ── */
|
||||||
|
function sendViaGmail() {
|
||||||
|
if (!selectedPlatform || !selectedType) {
|
||||||
|
alert('Genera primero la carta antes de enviarla.');
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const name = document.getElementById('inp-name').value.trim();
|
||||||
|
const email = document.getElementById('inp-email').value.trim();
|
||||||
|
if (!name || !email) { alert('Rellena nombre y email antes de enviar.'); return; }
|
||||||
|
|
||||||
|
const params = new URLSearchParams({
|
||||||
|
provider: selectedPlatform,
|
||||||
|
requestType: selectedType,
|
||||||
|
name,
|
||||||
|
email,
|
||||||
|
nickname: document.getElementById('inp-nick').value.trim(),
|
||||||
|
phone: document.getElementById('inp-phone').value.trim(),
|
||||||
|
address: document.getElementById('inp-address').value.trim(),
|
||||||
|
extra: document.getElementById('inp-extra').value.trim(),
|
||||||
|
});
|
||||||
|
|
||||||
|
// Redirige al backend OAuth — el callback devuelve a plantillas.html
|
||||||
|
window.location.href = '/api/gmail/auth?' + params.toString();
|
||||||
|
}
|
||||||
|
|
||||||
|
/* ── Notificación post-OAuth ── */
|
||||||
|
(function handleOAuthResult() {
|
||||||
|
const p = new URLSearchParams(window.location.search);
|
||||||
|
const banner = document.getElementById('oauth-banner');
|
||||||
|
if (!banner) return;
|
||||||
|
const status = p.get('oauth');
|
||||||
|
if (!status) return;
|
||||||
|
|
||||||
|
const msgs = {
|
||||||
|
ok: { bg: '#e8f2eb', color: '#2d6b3f', text: `Carta enviada desde tu Gmail a ${p.get('provider') || 'la plataforma'}. Guarda el email enviado como prueba.` },
|
||||||
|
cancelled: { bg: '#f0e6df', color: '#7b3f2e', text: 'Autorización cancelada. Puedes copiar la carta y enviarla manualmente.' },
|
||||||
|
error: { bg: '#fde8e8', color: '#b91c1c', text: 'Error al enviar. Copia la carta y envíala manualmente desde tu correo.' },
|
||||||
|
no_email: { bg: '#f0e6df', color: '#7b3f2e', text: 'Este proveedor no acepta solicitudes por email. Usa su formulario oficial.' },
|
||||||
|
};
|
||||||
|
const m = msgs[status] || msgs.error;
|
||||||
|
banner.style.cssText = `display:block;padding:0.85rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:0.88rem;background:${m.bg};color:${m.color};border:1px solid ${m.color}33;`;
|
||||||
|
banner.textContent = m.text;
|
||||||
|
|
||||||
|
// Limpiar el parámetro de la URL sin recargar
|
||||||
|
const clean = window.location.pathname;
|
||||||
|
window.history.replaceState({}, '', clean);
|
||||||
|
})();
|
||||||
|
|
||||||
|
function copyLetter() {
|
||||||
|
const text = document.getElementById('letter-box').textContent;
|
||||||
|
if (!text) return;
|
||||||
|
navigator.clipboard.writeText(text).then(() => {
|
||||||
|
const btn = document.getElementById('copy-btn');
|
||||||
|
btn.textContent = '¡Copiado!';
|
||||||
|
btn.classList.add('copied');
|
||||||
|
setTimeout(() => {
|
||||||
|
btn.textContent = 'Copiar carta';
|
||||||
|
btn.classList.remove('copied');
|
||||||
|
}, 2500);
|
||||||
|
}).catch(() => {
|
||||||
|
// Fallback para navegadores sin clipboard API
|
||||||
|
const ta = document.createElement('textarea');
|
||||||
|
ta.value = text;
|
||||||
|
ta.style.position = 'fixed';
|
||||||
|
ta.style.opacity = '0';
|
||||||
|
document.body.appendChild(ta);
|
||||||
|
ta.select();
|
||||||
|
document.execCommand('copy');
|
||||||
|
document.body.removeChild(ta);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
509
tipos.html
Normal file
509
tipos.html
Normal file
|
|
@ -0,0 +1,509 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="es">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
|
<title>RESETEA.NET · Tipos de información</title>
|
||||||
|
<meta name="description"
|
||||||
|
content="Mapa de tipos de información personal y cómo la almacenan compañías, data brokers e indexadores. Guía práctica para entender exposición y superficies de ataque.">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
|
||||||
|
<header class="topbar">
|
||||||
|
<div class="container topbar-inner">
|
||||||
|
<div class="brand">
|
||||||
|
<div class="brand-logo">R</div>
|
||||||
|
<div class="brand-text">
|
||||||
|
<div class="brand-name">RESETEA<span>.NET</span></div>
|
||||||
|
<div class="brand-tag">Privacidad sin custodios</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<nav class="nav" aria-label="Navegación principal">
|
||||||
|
<a class="nav-btn nav-btn--primary" href="tipos.html">Tipos de información</a>
|
||||||
|
<a class="nav-btn" href="concienciacion.html">Concienciación</a>
|
||||||
|
<a class="nav-btn" href="index.html">Resetea</a>
|
||||||
|
<a class="nav-btn" href="egosurfing.html">Egosurfing</a>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<main>
|
||||||
|
|
||||||
|
<section class="hero">
|
||||||
|
<div class="container hero-inner">
|
||||||
|
<div class="hero-text">
|
||||||
|
<h1>Tipos de información personal<br>y dónde se te “escapa”.</h1>
|
||||||
|
<p>
|
||||||
|
Antes de borrar, hay que entender qué datos existen y cómo se conectan.
|
||||||
|
Este mapa te ayuda a identificar tu exposición: qué datos son “identificadores”,
|
||||||
|
cuáles son “atributos”, cuáles son “comportamiento” y cómo terminan en compañías,
|
||||||
|
publicidad, brokers y registros públicos.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="hero-actions">
|
||||||
|
<a class="btn primary" href="#mapa">Ver el mapa</a>
|
||||||
|
<a class="btn ghost" href="#almacenamiento">Cómo lo guardan</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="notice">
|
||||||
|
<strong>Enfoque:</strong><br>
|
||||||
|
Inspirado en la metodología de “empezar de cero” y reducir superficies de exposición:
|
||||||
|
identifica categorías, fuentes y vínculos, y luego actúa por prioridad.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="hero-card" aria-label="Resumen práctico">
|
||||||
|
<div class="stats">
|
||||||
|
<div class="stat">
|
||||||
|
<div class="stat-num">3</div>
|
||||||
|
<div class="stat-label">Capas de datos</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat">
|
||||||
|
<div class="stat-num">8+</div>
|
||||||
|
<div class="stat-label">Fuentes típicas</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat">
|
||||||
|
<div class="stat-num">1</div>
|
||||||
|
<div class="stat-label">Objetivo</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<ul class="steps">
|
||||||
|
<li><span>1</span> Identificadores (quién eres)</li>
|
||||||
|
<li><span>2</span> Atributos (cómo eres)</li>
|
||||||
|
<li><span>3</span> Actividad (qué haces)</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="mapa" class="panel">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Mapa de tipos de información personal</h2>
|
||||||
|
<p class="section-desc">
|
||||||
|
No todos los datos “pesan” igual. Los <strong>identificadores</strong> permiten localizarte;
|
||||||
|
los <strong>atributos</strong> te describen; la <strong>actividad</strong> te perfila.
|
||||||
|
Los ecosistemas publicitarios y los data brokers suelen unirlo todo por correlación.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid">
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>1) Identificadores directos</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Nombre completo y variantes</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Fuentes típicas</a>
|
||||||
|
<a href="#prioridad">Prioridad</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Emails (actuales y antiguos)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Cómo lo guardan</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Teléfonos (móvil/fijo/VoIP)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Fuentes típicas</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Direcciones (actuales y previas)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Fuentes típicas</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Alias/nicks recurrentes</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#egos">Relación con egosurfing</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>2) Identificadores “técnicos”</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> IP (pública), rangos y patrones</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Retención y logs</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Dispositivo (ID de publicidad, fingerprint)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">SDKs / trackers</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Cookies / sesiones / tokens</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">1st/3rd party</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Metadatos (fotos, PDFs, documentos)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Fuentes típicas</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>3) Atributos personales</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Fecha de nacimiento / edad aproximada</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Correlación</a>
|
||||||
|
<a href="#prioridad">Prioridad</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Trabajo / cargo / historial laboral</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Fuentes típicas</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Educación / centros / promociones</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Fuentes típicas</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Propiedad (vivienda/vehículo), registros y anuncios</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Registros & anuncios</a>
|
||||||
|
<a href="#prioridad">Prioridad</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>4) Contactos y “grafo social”</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Familia / convivientes / relaciones públicas</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Enlaces por similitud</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Amigos, compañeros, “etiquetados”, fotos grupales</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">Redes sociales</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Agenda subida (contact discovery)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Hashing vs matching</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>5) Actividad y comportamiento</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Historial de navegación / intereses inferidos</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">AdTech</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Compras, suscripciones, tickets y reservas</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#fuentes">E-commerce</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Ubicación (GPS, Wi-Fi, torres, check-ins)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Retención</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Contenido publicado (posts, comentarios, reseñas)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#egos">Egosurfing</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>6) Datos “sensibles” (tratamiento especial)</h3>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Salud, diagnósticos, seguros, hábitos</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#prioridad">Prioridad alta</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Biométricos (cara/huella/voz) y modelos</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#almacenamiento">Plantillas biométricas</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="item">
|
||||||
|
<label><input type="checkbox"> Creencias/ideología/sindical, etc. (si se publica)</label>
|
||||||
|
<div class="actions">
|
||||||
|
<a href="#prioridad">Prioridad alta</a>
|
||||||
|
<a href="#acciones">Acciones</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="almacenamiento" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Cómo lo guardan y conectan las compañías</h2>
|
||||||
|
<p>
|
||||||
|
Lo importante no es solo “qué dato”, sino <strong>qué sistema lo almacena</strong> y
|
||||||
|
<strong>qué identificador lo une</strong> con el resto (email, teléfono, cookie, device ID, etc.).
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Primera parte (1st-party)</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Datos que entregas a un servicio directamente (cuentas, compras, soporte).
|
||||||
|
Suelen estar en CRMs, sistemas de facturación, logs y backups.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> CRM / soporte (tickets, chats, grabaciones)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Facturación (direcciones, pagos, historial)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Logs (IP, timestamps, user-agent)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Backups y réplicas (borrado no inmediato)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Terceros (3rd-party)</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Trackers, analítica, publicidad, SDKs en apps, CDNs y “social logins”.
|
||||||
|
Pueden correlacionar actividad entre sitios.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Cookies 3rd-party / píxeles / tags</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> SDKs de móvil (ID publicidad, telemetría)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Fingerprinting (señales del navegador)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Enriquecimiento (email→perfil inferido)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Data brokers y agregadores</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Compran, cruzan y re-venden datos. Su fuerza está en correlación:
|
||||||
|
email/teléfono/dirección + registros + actividad.
|
||||||
|
</p>
|
||||||
|
<div class="item"><label><input type="checkbox"> Compras de listas (marketing)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Scraping (perfiles públicos, reseñas)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Registros públicos (según jurisdicción)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Brechas/filtraciones (datos históricos)</label></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="fuentes" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Fuentes típicas de exposición (las “tuberías”)</h2>
|
||||||
|
<p>
|
||||||
|
Para priorizar, piensa en tuberías: donde más se filtra, más impacto tiene el control.
|
||||||
|
Estas son fuentes comunes donde se “pobló” tu huella:
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Registros y trámites</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Registros públicos, boletines, licencias, directorios profesionales,
|
||||||
|
anuncios legales, listados administrativos (depende del país).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Plataformas y publicaciones</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Redes sociales, foros, comentarios, reseñas, repositorios, perfiles públicos,
|
||||||
|
páginas antiguas, “sobre mí”, biografías.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Economía cotidiana</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Bancos/seguros (muy regulado), e-commerce, envíos,
|
||||||
|
fidelización, tickets, reservas, soporte post-venta.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Telecos y conectividad</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Proveedores de internet/móvil, Wi-Fi, routers, logs, servicios de mensajería,
|
||||||
|
servicios en la nube y autenticación.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Móvil y apps</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Permisos, SDKs, analítica, ubicaciones, fotos con metadatos,
|
||||||
|
sincronización de contactos y “descubrir amigos”.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Filtraciones</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Brechas de datos: emails, teléfonos, direcciones, passwords,
|
||||||
|
preguntas de seguridad. Impactan durante años.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="prioridad" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Prioridad práctica (qué tocar primero)</h2>
|
||||||
|
<p>
|
||||||
|
Una estrategia simple: empieza por los <strong>identificadores de enlace</strong>
|
||||||
|
(email/teléfono/dirección) y por lo que “propaga” a terceros (trackers, brokers, publicaciones públicas).
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Alta prioridad</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Email/teléfono, direcciones históricas, perfiles públicos, fotos con metadatos,
|
||||||
|
directorios/brokers, páginas indexadas con tu nombre.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Media prioridad</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Historial de compras y suscripciones, cuentas secundarias,
|
||||||
|
contenidos dispersos (comentarios/foros), alias repetidos.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Baja prioridad (pero no ignorar)</h3>
|
||||||
|
<p class="section-desc">
|
||||||
|
Señales técnicas menores o aisladas sin correlación clara.
|
||||||
|
Suelen resolverse con higiene de navegador/dispositivo.
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="acciones" class="info">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Acciones recomendadas (sin entrar aún en automatización)</h2>
|
||||||
|
<p>
|
||||||
|
Esto es el puente hacia el módulo “Resetea”. Aquí solo fijamos las acciones típicas por categoría.
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="grid" style="margin-top: 1.5rem;">
|
||||||
|
<div class="group">
|
||||||
|
<h3>Identificadores</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Unificar/rotar emails (según caso de uso)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Revisar teléfonos publicados y directorios</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Solicitudes de supresión (GDPR) donde aplique</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Publicaciones e indexación</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Retirar en origen (web/foro) primero</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Desindexar (formularios buscador) como refuerzo</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Reducir “señales” (perfiles públicos/SEO personal)</label></div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="group">
|
||||||
|
<h3>Dispositivos y trackers</h3>
|
||||||
|
<div class="item"><label><input type="checkbox"> Revisar permisos de apps y SDKs</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Reducir tracking (navegador, bloqueadores, etc.)</label></div>
|
||||||
|
<div class="item"><label><input type="checkbox"> Limpiar metadatos en documentos e imágenes</label></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section id="egos" class="info alt">
|
||||||
|
<div class="container">
|
||||||
|
<h2>Relación con “egosurfing”</h2>
|
||||||
|
<p>
|
||||||
|
“Egosurfing” no es vanidad: es control de daños. Buscar tus identificadores
|
||||||
|
(nombre, alias, email, teléfono) revela qué datos están indexados, replicados
|
||||||
|
o enriquecidos por terceros.
|
||||||
|
</p>
|
||||||
|
<p style="margin-top: 0.8rem;">
|
||||||
|
Cuando tengas listo el módulo de egosurfing, lo usarás como:
|
||||||
|
<strong>diagnóstico</strong> (antes), <strong>verificación</strong> (durante)
|
||||||
|
y <strong>auditoría</strong> (después).
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
|
||||||
|
<footer class="footer">
|
||||||
|
<div class="container">
|
||||||
|
<p>
|
||||||
|
RESETEA.NET · Tipos de información · Estático · Sin cookies
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Add table
Add a link
Reference in a new issue