<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Diagnóstico Jefes del Miedo | Despide a tu Jefe</title>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800;900&display=swap" rel="stylesheet">
<!-- META PIXEL BASE CODE -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '2353567871652991');
fbq('track', 'PageView');
</script>
<style>
:root {
--brand-blue: #7fced2;
--brand-text: #1f2937;
--brand-bg: #fdfdfb;
}
/* Forzar ocultamiento de elementos innecesarios de WP */
header, footer, nav.main-navigation, .entry-header, .site-header, .site-footer { display: none !important; }
#quiz-app-container {
background-color: var(--brand-bg) !important;
color: var(--brand-text) !important;
font-family: 'Inter', sans-serif !important;
min-height: 100vh;
width: 100%;
}
.chart-container {
position: relative;
width: 100%;
max-width: 450px;
margin: 0 auto;
height: 450px;
}
.step-container {
display: none;
opacity: 0;
transform: translateY(10px);
transition: all 0.5s ease-out;
}
.step-active {
display: block !important;
opacity: 1 !important;
transform: translateY(0) !important;
}
.btn-primary {
background-color: var(--brand-blue) !important;
color: #000 !important;
font-weight: 800 !important;
transition: all 0.3s ease;
box-shadow: 0 4px 14px rgba(127, 206, 210, 0.4);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(127, 206, 210, 0.6);
}
.option-btn {
border: 1px solid #e5e7eb !important;
background: white !important;
color: #374151 !important;
transition: all 0.2s ease;
text-align: left;
width: 100%;
font-size: 1.125rem;
}
.option-btn:hover {
border-color: var(--brand-blue) !important;
background-color: #f0fdfa !important;
color: #000 !important;
}
.boss-card {
background: white !important;
border-top: 8px solid var(--brand-blue) !important;
box-shadow: 0 20px 30px -5px rgba(0, 0, 0, 0.08) !important;
}
/* Pop-up Styles */
#agenda-popup {
display: none;
position: fixed;
inset: 0;
background: rgba(0,0,0,0.85);
z-index: 9999;
align-items: center;
justify-content: center;
padding: 20px;
}
.popup-active {
display: flex !important;
}
</style>
</head>
<body class="antialiased">
<div id="quiz-app-container" class="flex flex-col items-center justify-center py-10 px-4 md:px-8">
<main id="app" class="w-full max-w-4xl">
<!-- PORTADA -->
<div id="step-0" class="step-container step-active">
<div class="text-center">
<div class="w-full max-w-2xl mx-auto rounded-3xl overflow-hidden shadow-2xl mb-10">
<img src="https://despideatujefe.co/wp-content/uploads/2026/01/portada-incial-jefes.jpg" alt="Portada Jefes del Miedo" class="w-full h-auto">
</div>
<h1 class="text-4xl md:text-6xl font-extrabold mb-6 tracking-tight uppercase leading-tight text-gray-900">
¿QUÉ JEFE DEL MIEDO ESTÁ <span class="text-[#7fced2]">DIRIGIENDO TU VIDA?</span>
</h1>
<div class="max-w-2xl mx-auto space-y-6 text-gray-600 text-xl leading-relaxed mb-10">
<p>Todos tenemos miedos. Pero algunos no solo aparecen… <strong>toman la gerencia de tus decisiones</strong>.</p>
<p>Este diagnóstico revelará la junta directiva invisible que hoy gobierna tu vida y las oportunidades reales que te está costando.</p>
</div>
<button onclick="startQuiz()" class="btn-primary px-12 py-5 rounded-2xl text-xl uppercase tracking-wider">Iniciar Diagnóstico</button>
<p class="text-xs text-gray-400 mt-6 font-bold uppercase tracking-widest">🕒 Toma menos de 3 minutos</p>
</div>
</div>
<!-- QUIZ -->
<div id="step-quiz" class="step-container">
<div class="max-w-2xl mx-auto">
<div class="mb-8">
<div class="flex justify-between items-end mb-2">
<span id="q-count" class="text-[10px] font-bold text-[#7fced2] uppercase tracking-widest">Pregunta</span>
<span id="q-percent" class="text-[10px] text-gray-400 font-bold">0%</span>
</div>
<div class="h-1.5 w-full bg-gray-100 rounded-full overflow-hidden">
<div id="q-progress" class="h-full bg-[#7fced2] transition-all duration-500"></div>
</div>
</div>
<div class="bg-white rounded-[2.5rem] p-8 md:p-14 shadow-xl border border-gray-50 relative">
<p class="text-[11px] text-gray-400 font-bold uppercase mb-6 tracking-widest text-center">Instrucción: Elige la opción que más te identifique hoy</p>
<h3 id="question-text" class="text-2xl md:text-3xl font-bold text-gray-900 mb-10 text-center leading-tight">...</h3>
<div id="options-container" class="space-y-4 mb-10"></div>
<div class="border-t border-gray-50 pt-8 text-center">
<button onclick="goBack()" id="back-btn" class="text-gray-400 text-sm font-bold hover:text-gray-900 transition-colors uppercase tracking-widest">← VOLVER ATRÁS</button>
</div>
</div>
</div>
</div>
<!-- CAPTURA DATOS -->
<div id="step-data" class="step-container">
<div class="bg-white rounded-[3rem] p-10 md:p-16 shadow-2xl border border-gray-100 max-w-xl mx-auto text-center">
<div class="mb-10">
<div class="inline-block bg-[#7fced2]/10 text-[#7fced2] text-[10px] font-black px-4 py-1 rounded-full mb-6 uppercase tracking-widest">¡Análisis Completado!</div>
<h2 class="text-3xl font-bold text-gray-900 mb-4 italic">Expediente de Despido Listo</h2>
<p class="text-gray-600 text-lg leading-relaxed">Compártenos tus datos para <strong>desbloquear tu diagnóstico completo ahora mismo</strong> en la siguiente pantalla y enviarte una copia privada a tu correo electrónico.</p>
</div>
<form id="dataForm" onsubmit="event.preventDefault(); processFinalStep();" class="space-y-8 text-left">
<input type="text" id="userName" required class="w-full border-b-2 border-gray-200 py-3 outline-none focus:border-[#7fced2] text-xl" placeholder="Nombre completo">
<input type="email" id="userEmail" required class="w-full border-b-2 border-gray-200 py-3 outline-none focus:border-[#7fced2] text-xl" placeholder="Email principal">
<div class="flex gap-4">
<select id="countryCode" class="border-b-2 border-gray-200 py-3 outline-none w-28 text-sm">
<option value="57">🇨🇴 +57</option>
<option value="52">🇲🇽 +52</option>
<option value="34">🇪🇸 +34</option>
<option value="1">🇺🇸 +1</option>
</select>
<input type="tel" id="userPhone" required class="flex-1 border-b-2 border-gray-200 py-3 outline-none focus:border-[#7fced2] text-xl" placeholder="WhatsApp">
</div>
<button type="submit" class="btn-primary w-full py-6 rounded-2xl mt-4 uppercase tracking-widest text-lg font-black">Ver mi Informe Ahora</button>
</form>
</div>
</div>
<!-- RESULTADOS REPOTENCIADOS -->
<div id="step-results" class="step-container">
<!-- NOTA DE EMAIL SUPERIOR -->
<div class="text-center mb-8">
<div class="bg-amber-50 border border-amber-200 text-amber-800 text-xs md:text-sm font-semibold px-6 py-3 rounded-2xl inline-block shadow-sm">
📩 <strong>Importante:</strong> Revisa tu correo electrónico donde te hemos enviado la copia de este informe. Si no lo ves, busca en <strong>Spam o Promociones</strong> y márcalo como principal.
</div>
</div>
<div class="text-center mb-12">
<h2 class="text-4xl md:text-6xl font-black text-gray-900 mb-2 tracking-tighter leading-tight">EXPEDIENTE DE <span id="res-name-title" class="text-[#7fced2] uppercase"></span></h2>
<p class="text-xl md:text-2xl font-light text-gray-500 italic">La junta directiva del miedo que hoy decide por ti:</p>
</div>
<!-- JEFE DOMINANTE - CEO DE TU VIDA -->
<div class="boss-card rounded-[3.5rem] p-8 md:p-16 mb-16 shadow-2xl bg-white relative overflow-hidden">
<div class="bg-red-600 text-white font-black text-[11px] tracking-[0.25em] py-2 px-8 rounded-b-2xl absolute top-0 left-1/2 -translate-x-1/2 uppercase text-center shadow-md">
👑 CEO INVOLUNTARIO DE LA EMPRESA DE TU VIDA
</div>
<div class="flex flex-col md:flex-row gap-10 items-center mt-6">
<div class="relative flex-shrink-0">
<img id="res-img" src="" alt="Jefe CEO" class="w-60 h-64 md:w-72 md:h-80 rounded-3xl shadow-2xl object-cover border-4 border-white">
</div>
<div class="flex-1 text-center md:text-left">
<span id="res-boss-role" class="text-xs font-black text-red-500 uppercase tracking-widest block mb-2">...</span>
<h3 id="res-boss-name" class="text-4xl md:text-6xl font-black text-gray-900 mb-4 uppercase tracking-tighter leading-none">...</h3>
<p id="res-boss-intro" class="text-gray-600 text-lg md:text-xl leading-relaxed italic mb-6"></p>
<div class="bg-red-50/70 p-6 rounded-2xl border-l-4 border-red-500 text-left">
<h4 class="text-xs font-black text-red-900 uppercase tracking-widest mb-2">📍 Escenario donde ejerce el control total:</h4>
<p id="res-boss-scenario" class="text-red-950/80 leading-relaxed text-sm md:text-base"></p>
</div>
</div>
</div>
<div class="mt-12 grid md:grid-cols-2 gap-8 text-left">
<div class="bg-gray-50 p-8 rounded-[2rem] border border-gray-200">
<h4 class="text-gray-900 font-black mb-4 uppercase tracking-widest text-xs flex items-center gap-2">
<span>💸</span> LO QUE HAS PERDIDO EN LOS ÚLTIMOS AÑOS
</h4>
<ul id="res-boss-costs" class="text-gray-700 space-y-3 text-sm list-disc pl-5 leading-relaxed"></ul>
</div>
<div class="bg-red-900 text-white p-8 rounded-[2rem] shadow-xl">
<h4 class="text-yellow-400 font-black mb-4 uppercase tracking-widest text-xs flex items-center gap-2"><span>⚠️</span> SI NO LO DESPIDES HOY MISMO...</h4>
<ul id="res-boss-future" class="text-gray-200 space-y-3 text-sm list-disc pl-5 leading-relaxed"></ul>
</div>
</div>
</div>
<!-- Gráfica -->
<div class="bg-white rounded-[3rem] p-10 md:p-12 mb-16 shadow-sm border border-gray-100 text-center">
<h4 class="text-2xl font-black text-gray-900 mb-2 uppercase tracking-tight">ARQUITECTURA DE TUS MIEDOS</h4>
<p class="text-gray-400 text-sm mb-10 italic">Mezcla porcentual de influencia en la toma de tus decisiones</p>
<div class="chart-container"><canvas id="miedoChart"></canvas></div>
</div>
<!-- JEFES SECUNDARIOS -->
<div class="mb-16">
<h3 class="text-2xl md:text-3xl font-black text-gray-900 mb-8 uppercase tracking-tight text-center">TUS VICEPRESIDENTES DEL MIEDO</h3>
<div class="grid md:grid-cols-2 gap-8">
<div class="bg-white p-8 md:p-10 rounded-[2.5rem] shadow-md border-t-8 border-gray-400 flex flex-col justify-between">
<div>
<span class="text-[10px] bg-gray-100 text-gray-700 font-black px-3 py-1 rounded-full uppercase tracking-widest">🥈 JEFE SECUNDARIO</span>
<h4 class="text-3xl font-black mt-4 uppercase text-gray-900 tracking-tighter" id="res-sec-name">...</h4>
<p class="text-xs font-bold text-gray-400 uppercase mb-4" id="res-sec-role">...</p>
<p class="text-gray-600 text-sm leading-relaxed mb-6" id="res-sec-summary"></p>
</div>
<div class="bg-amber-50 p-5 rounded-2xl border border-amber-200 text-left">
<p class="text-xs font-bold text-amber-900 uppercase mb-1">⏳ RIESGO SI NO TOMAS ACCIÓN AHORA:</p>
<p class="text-xs text-amber-800 leading-relaxed italic" id="res-sec-future"></p>
</div>
</div>
<div class="bg-white p-8 md:p-10 rounded-[2.5rem] shadow-md border-t-8 border-gray-900 flex flex-col justify-between">
<div>
<span class="text-[10px] bg-gray-900 text-white font-black px-3 py-1 rounded-full uppercase tracking-widest">🥉 JEFE SOMBRA</span>
<h4 class="text-3xl font-black mt-4 uppercase text-gray-900 tracking-tighter" id="res-sha-name">...</h4>
<p class="text-xs font-bold text-gray-400 uppercase mb-4" id="res-sha-role">...</p>
<p class="text-gray-600 text-sm leading-relaxed mb-6" id="res-sha-summary"></p>
</div>
<div class="bg-amber-50 p-5 rounded-2xl border border-amber-200 text-left">
<p class="text-xs font-bold text-amber-900 uppercase mb-1">⏳ RIESGO SI NO TOMAS ACCIÓN AHORA:</p>
<p class="text-xs text-amber-800 leading-relaxed italic" id="res-sha-future"></p>
</div>
</div>
</div>
</div>
<!-- PITCH MANIFIESTO: RECUPERAR EL GOBIERNO DE TU VIDA -->
<div class="bg-white rounded-[3.5rem] p-10 md:p-16 mb-16 shadow-xl border border-gray-100 text-left md:text-center">
<span class="bg-[#7fced2]/20 text-gray-900 text-[10px] font-black px-4 py-1.5 rounded-full uppercase tracking-[0.2em] mb-6 inline-block">MANIFIESTO DE LIBERTAD</span>
<h3 class="text-3xl md:text-5xl font-black text-gray-900 mb-8 uppercase tracking-tight leading-tight">
¿CUÁNTO MÁS VAS A PERMITIR QUE <span class="text-[#7fced2]">ELLOS DECIDAN POR TI?</span>
</h3>
<div class="max-w-3xl mx-auto space-y-8 text-gray-600 text-lg leading-relaxed text-left">
<div class="space-y-4">
<p>Ahora ya sabes quién ha estado al mando de tu vida: <strong>un jefe del miedo que no te representa.</strong></p>
<p>Francisco Fracaso, Martín Novalgo, Valery Víctima… no importa cuál sea su nombre, todos tienen algo en común: <strong>te han robado tiempo, sueños y confianza.</strong></p>
<p>Y lo peor es que lo han hecho en silencio, disfrazados de "seguridad", "prudencia" o "responsabilidad".</p>
<p class="font-semibold text-gray-900">Pero aquí está la verdad: el precio que estás pagando por mantenerlos en el poder es demasiado alto.</p>
</div>
<div class="bg-amber-50/60 p-6 md:p-8 rounded-3xl border border-amber-200/60">
<h4 class="text-xl font-black text-gray-900 mb-4 uppercase tracking-tight">¿QUÉ TE ESTÁ COSTANDO HOY?</h4>
<ul class="space-y-3 text-gray-800 font-medium">
<li class="flex items-start gap-2">
<span>⏱️</span>
<span><strong>Tu tiempo:</strong> Cada día que sigues bajo su mando es un día menos para construir la vida que realmente deseas.</span>
</li>
<li class="flex items-start gap-2">
<span>✨</span>
<span><strong>Tus sueños:</strong> Has dejado pasar oportunidades doradas por miedo a equivocarte o no ser suficiente.</span>
</li>
<li class="flex items-start gap-2">
<span>🧘</span>
<span><strong>Tu paz:</strong> Vives atrapad@ en un ciclo de autocrítica, postergación y resentimiento.</span>
</li>
</ul>
</div>
<div class="bg-red-50/70 p-6 md:p-8 rounded-3xl border border-red-200/60">
<h4 class="text-xl font-black text-red-900 mb-4 uppercase tracking-tight">SI NO LOS DESPIDES HOY, ESTO ES LO QUE TE ESPERA:</h4>
<ul class="space-y-3 text-red-950 font-medium">
<li class="flex items-start gap-2">
<span>⏳</span>
<span><strong>En 5 años:</strong> Seguirás en el mismo lugar, soñando con lo que "podría haber sido".</span>
</li>
<li class="flex items-start gap-2">
<span>⏳</span>
<span><strong>En 10 años:</strong> Descubrirás que tu vida fue una colección de excusas y planes mentales que nunca se materializaron.</span>
</li>
<li class="flex items-start gap-2">
<span>⏳</span>
<span><strong>En 20 años:</strong> El arrepentimiento será tu única compañía, preguntándote por qué no actuaste cuando aún tenías tiempo.</span>
</li>
</ul>
</div>
<div class="text-center pt-4 space-y-6">
<h4 class="text-2xl md:text-3xl font-black text-gray-900 uppercase tracking-tight">ES HORA DE TOMAR EL MANDO</h4>
<p class="text-center">No estás aquí por casualidad. Este es el momento de despedir a esos jefes del miedo y recuperar el control de tu vida.</p>
<p class="font-medium text-gray-800 text-center">He creado un <strong>video de 5 minutos</strong>, donde te explico:</p>
<ul class="text-left inline-block space-y-3 text-gray-700 font-medium max-w-xl mx-auto bg-gray-50 p-6 rounded-2xl border border-gray-100 w-full">
<li class="flex items-start gap-2">
<span>💡</span>
<span>Por qué esos miedos no son tuyos, sino programaciones inconscientes que puedes soltar.</span>
</li>
<li class="flex items-start gap-2">
<span>⚡</span>
<span>Cómo puedes reprogramar tu mente para actuar desde la confianza, no desde el miedo.</span>
</li>
</ul>
<p class="text-sm font-bold text-[#7fced2] uppercase tracking-wider text-center">Haz clic abajo para ver el video ahora y descubre cómo puedes empezar a tomar decisiones desde tu poder, no desde tus patrones.</p>
</div>
</div>
</div>
<!-- CAJÓN VIDEO CTA -->
<div class="bg-[#1f2937] rounded-[3.5rem] p-10 md:p-20 text-center shadow-2xl relative overflow-hidden mb-16">
<div class="relative z-10 text-center">
<span class="bg-yellow-400 text-black text-[10px] font-black px-4 py-1.5 rounded-full uppercase tracking-widest mb-6 inline-block">ENTRENAMIENTO EXCLUSIVO DE 5 MINUTOS</span>
<h3 class="text-3xl md:text-5xl font-black text-[#ffcc00] mb-8 uppercase tracking-tight leading-tight italic" style="color: #ffcc00 !important;">
¿CÓMO DESPEDIR A ESTOS JEFES Y CONVERTIRTE EN EL CEO DE TU VIDA?
</h3>
<p class="text-gray-300 text-lg md:text-xl mb-12 max-w-2xl mx-auto leading-relaxed text-center">
Hemos preparado un corto video de 5 minutos donde te revelamos el método exacto para desinstalar estos códigos de miedo, recuperar tu energía y diseñar tu plan de escape definitivo.
</p>
<div class="flex justify-center">
<a href="https://despideatujefe.co/libertad/" target="_blank" class="btn-primary inline-block px-12 py-6 rounded-[2rem] text-xl md:text-2xl font-black uppercase tracking-wider shadow-2xl">
👉 Quiero ser CEO de mi vida
</a>
</div>
</div>
</div>
<!-- SECCIÓN PODCAST Y REDES SOCIALES -->
<div class="bg-gray-50 rounded-[3rem] p-10 md:p-14 text-center border border-gray-200 mb-12">
<h4 class="text-2xl font-black text-gray-900 uppercase tracking-tight mb-2">ESCÚCHANOS EN EL PODCAST</h4>
<p class="text-gray-500 italic mb-8">"Despide a tu Jefe: El que vive en tu cabeza"</p>
<div class="flex flex-wrap justify-center items-center gap-6 md:gap-8">
<!-- Spotify -->
<a href="https://open.spotify.com/show/1adWfOSNn6TAGvsBA4kyAY?si=05fa1b4bba4b4d72" target="_blank" class="flex items-center gap-2 bg-white px-5 py-3 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-all">
<svg class="w-6 h-6 text-[#1DB954]" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.376 0 0 5.377 0 12s5.376 12 12 12 12-5.377 12-12S18.624 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.899 4.56-1.021 8.52-.6 11.64 1.32.42.18.48.66.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141 4.38-1.38 9.841-.72 13.561 1.56.36.24.54.84.24 1.261zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.18-1.2-.18-1.38-.72-.18-.6.18-1.2.72-1.38 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z"/></svg>
<span class="text-xs font-bold text-gray-800">Spotify</span>
</a>
<!-- YouTube -->
<a href="https://www.youtube.com/@DespideatujefePodcast" target="_blank" class="flex items-center gap-2 bg-white px-5 py-3 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-all">
<svg class="w-6 h-6 text-[#FF0000]" fill="currentColor" viewBox="0 0 24 24"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/></svg>
<span class="text-xs font-bold text-gray-800">YouTube</span>
</a>
<!-- Apple Podcast -->
<a href="https://podcasts.apple.com/us/podcast/despide-a-tu-jefe-el-que-vive-en-tu-cabeza/id1690501583" target="_blank" class="flex items-center gap-2 bg-white px-5 py-3 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-all">
<svg class="w-6 h-6 text-[#872EC4]" fill="currentColor" viewBox="0 0 24 24"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.06 2.47.26 3.64 2.1-3.09 1.86-2.58 5.94.3 7.16zM15.97 4.54c.64-.78 1.08-1.85.96-2.93-.93.04-2.09.63-2.75 1.41-.59.68-1.1 1.78-.96 2.84 1.05.08 2.12-.54 2.75-1.32z"/></svg>
<span class="text-xs font-bold text-gray-800">Apple Podcasts</span>
</a>
<!-- Instagram -->
<a href="https://www.instagram.com/despideatujefepodcast" target="_blank" class="flex items-center gap-2 bg-white px-5 py-3 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-all">
<svg class="w-6 h-6 text-[#E4405F]" fill="currentColor" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg>
<span class="text-xs font-bold text-gray-800">Instagram</span>
</a>
<!-- TikTok -->
<a href="https://www.tiktok.com/@despideatujefepodcast" target="_blank" class="flex items-center gap-2 bg-white px-5 py-3 rounded-2xl shadow-sm border border-gray-100 hover:shadow-md transition-all">
<svg class="w-6 h-6 text-black" fill="currentColor" viewBox="0 0 24 24"><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.82.57-1.31 1.56-1.31 2.56.02.82.4 1.62 1.05 2.13.78.63 1.83.84 2.8.61.96-.21 1.78-.9 2.13-1.87.12-.33.18-.68.18-1.03.01-4.7.01-9.4 0-14.1z"/></svg>
<span class="text-xs font-bold text-gray-800">TikTok</span>
</a>
</div>
</div>
</div>
</main>
</div>
<!-- POP-UP MODAL (20 Segundos) -->
<div id="agenda-popup">
<div class="bg-white rounded-[3rem] p-8 md:p-12 max-w-lg w-full text-center shadow-2xl relative">
<button onclick="closePopup()" class="absolute top-6 right-6 text-gray-300 hover:text-black text-2xl font-black">✕</button>
<span class="bg-yellow-100 text-yellow-800 text-[10px] font-black px-4 py-1 rounded-full uppercase tracking-[0.3em] mb-4 inline-block">VIDEO EXCLUSIVO DE 5 MINUTOS</span>
<h3 class="text-2xl md:text-3xl font-black mb-4 leading-tight uppercase tracking-tighter text-gray-900">¿CÓMO DESPEDIR A ESTOS JEFES Y SER EL CEO DE TU VIDA?</h3>
<p class="text-gray-600 mb-8 text-base leading-relaxed">Descubre el método exacto para desinstalar estos códigos de miedo, recuperar tu energía y diseñar tu plan de escape definitivo.</p>
<a href="https://despideatujefe.co/libertad/" target="_blank" onclick="closePopup()" class="btn-primary block w-full py-5 rounded-2xl text-lg font-black uppercase tracking-widest text-center shadow-lg">
👉 Ver el video ahora
</a>
<p class="text-[10px] text-gray-400 mt-6 font-bold uppercase tracking-[0.2em] italic text-center">Entrenamiento gratuito de 5 minutos</p>
</div>
</div>
<script>
const GOOGLE_SHEETS_URL = "https://script.google.com/macros/s/AKfycbwibPeoMDwchGoyf7QZzarAvsHshJPgPkISm37NBM7isUQpVKz0fIDPFm4Mn9WoK1GkRA/exec";
// BASE DE DATOS ENRIQUECIDA CON EXPEDIENTES REALES DE LOS PDF
const bossData = {
C: {
name: 'Valery Víctima',
fear: 'Responsable',
role: 'LA MÁRTIR PROFESIONAL | DIRECTORA DE EVASIÓN DE RESPONSABILIDAD',
intro: 'Valery te enseñó a sobrevivir cargando con las necesidades de los demás. Te acostumbró a postergarte y a creer que todo el mundo es más urgente que tú misma.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/7.png',
scenario: 'Has normalizado el cansancio crónico y la postergación bajo la excusa de "los demás primero". Eres la mártir de un sistema u oficina que te reemplazará en una semana si colapsas.',
summary: 'Te mantiene como rehén de las prioridades ajenas. Mientras ella mande, tu propia vida estará en pausa indefinida, alimentando un resentimiento crónico que destruye tu paz.',
costs: [
'Normalizado el cansancio mental y físico extremo.',
'Pospuesto tus proyectos por salvar o complacer a otros.',
'Culpado a las circunstancias o al destino por la falta de tiempo.'
],
future: [
'Llegarás al agotamiento total (burnout) sin haber construido nada propio.',
'El resentimiento hacia tu entorno te desconectará de tus pasiones.',
'Morirás sin conocer tu verdadero potencial porque siempre hubo algo "más urgente" que tu felicidad.'
]
},
D: {
name: 'Richard Razón',
fear: 'Razón',
role: 'EL ABOGADO DE LA INFALIBILIDAD | DIRECTOR DE DEBATES INTERNOS',
intro: 'Richard es inteligente y sumamente peligroso. Te convence de que pensar es avanzar, cuando en realidad solo evitas tomar acción por miedo al error.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/3.png',
scenario: 'Atrapado en la parálisis por análisis. Usas tu inteligencia para justificar con "lógica elegante" por qué aún no renuncias o emprendes, acumulando cursos y datos estériles.',
summary: 'Su arma es la lógica impecable pero estéril. Te hace estructurar teorías que jamás aplicas. Si no lo despides, tu vida será un gran cementerio de ideas brillantes.',
costs: [
'Acumular conocimiento y certificaciones sin aplicarlos jamás.',
'Parálisis por análisis que congela decisiones financieras clave.',
'Justificar la inacción con excusas lógicas e impecables.'
],
future: [
'Tu potencial morirá sepultado en una hoja de cálculo.',
'Verás cómo personas con la mitad de tu preparación logran tus sueños.',
'La frustración de no ver resultados reales terminará por consumir tu intuición.'
]
},
A: {
name: 'Francisco Fracaso',
fear: 'Fracaso',
role: 'EL PARALIZADOR DE SUEÑOS | DIRECTOR DE ESTRATEGIAS EVITATIVAS',
intro: 'Francisco no grita, te paraliza en silencio. Bajo su mando, has dejado pasar oportunidades doradas porque el miedo a equivocarme fue más fuerte que la ilusión de ganar.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/4.png',
scenario: 'Estás pagando con tu moneda más cara: el tiempo. Por evitar la equivocación, has aceptado una "muerte lenta" en un escritorio o estilo de vida que ya no te motiva.',
summary: 'Te obliga a elegir lo seguro aunque eso te apague el alma. Él prefiere mantenerte en una zona de confort asfixiante antes que permitirte el riesgo necesario para aprender.',
costs: [
'Renunciado a proyectos propios antes de empezarlos.',
'Elegido la seguridad mediocre sobre la realización personal.',
'Postergado decisiones clave con la excusa de "no estar lista".'
],
future: [
'Despertarás en 10 años descubriendo que tu vida fue una colección de "planes mentales".',
'Vivirás una existencia diseñada para no perder en lugar de una para ganar.',
'El arrepentimiento por lo que no intentaste será tu nueva identidad.'
]
},
B: {
name: 'Martín Novalgo',
fear: 'Suficiente',
role: 'EL SABOTEADOR INTERNO | DIRECTOR DE AUTOCRÍTICA DESTRUCTIVA',
intro: 'Martín es esa voz que dice que todavía no estás lista, que te falta un título más. Te hace vivir en una deuda constante contigo misma, saboteando tu éxito.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/1.png',
scenario: 'Sufres del Síndrome del Impostor crónico. Minimizas tus logros, te comparas con cada perfil en redes sociales y silencias tu voz para no ser "descubierta".',
summary: 'Te obliga a compararte con el resto para que siempre te sientas inferior. Mientras él mande, jamás te atreverás a cobrar lo que vales ni a mostrarte como eres.',
costs: [
'Comparación destructiva diaria con colegas y competidores.',
'Auto-sabotaje profesional pidiendo permisos y validaciones constantes.',
'Incapacidad de disfrutar tus éxitos por sentirte un fraude.'
],
future: [
'Nunca te sentirás lista sin importar cuántos títulos o dinero acumules.',
'Mendigarás validación externa para dar cualquier paso importante.',
'Perderás la oportunidad de crear abundancia desde tu valor único.'
]
},
E: {
name: 'Consuelo Control',
fear: 'Control',
role: 'LA DICTADORA INTERNA | GERENTE DE MICROGESTIÓN Y ANSIEDAD',
intro: 'Consuelo te prometió seguridad, pero te entregó una jaula de rigidez. Aprendiste a no moverte hasta no tener la certeza absoluta de cada detalle del futuro.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/2.png',
scenario: 'Vives en una jaula de cristal. Tu necesidad obsesiva de planificación te genera una ansiedad extrema ante cualquier imprevisto, confundiendo control con paz.',
summary: 'Te agotas tratando de microgestionar el futuro. Confundes el orden con la tranquilidad, pero vives en hipervigilancia constante por lo que no puedes prever.',
costs: [
'Ansiedad e insomnio ante cambios repentinos de planes.',
'Incapacidad absoluta de disfrutar el presente por controlar el mañana.',
'Relaciones y proyectos rígidos, pesados y sin espontaneidad.'
],
future: [
'Te volverás una persona rígida e incapaz de adaptarse.',
'Cada cambio en el mercado o en tu vida será vivido como una amenaza mortal.',
'Te desconectará por completo de la alegría de fluir con las oportunidades.'
]
},
F: {
name: 'Lucy Dirán',
fear: 'Qué dirán',
role: 'LA CAMALEÓN SOCIAL | DIRECTORA DE RELACIONES PÚBLICAS',
intro: 'Lucy es la arquitecta de tu personaje público. Te enseñó a vivir mirando hacia afuera para ser aprobada, sacrificando tu autenticidad por encajar.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/6.png',
scenario: 'Estás viviendo el guion de otra persona. Tomas decisiones pensando en las expectativas de tu familia o de extraños, silenciando tu verdad para no desentonar.',
summary: 'Tu vida es hermosa para la galería pero ajena para ti misma. Si Lucy sigue al mando, habrás sacrificado tu verdadera esencia por un aplauso que no llena.',
costs: [
'Tomar decisiones de carrera o vida basadas en el estatus visual.',
'Silenciar tus opiniones o deseos reales por no generar desacuerdo.',
'Exhibir un éxito profesional o personal que por dentro se siente vacío.'
],
future: [
'Despertarás en una vida que se ve perfecta en fotos pero vacía en la realidad.',
'La insatisfacción profunda y la soledad serán tus sombras constantes.',
'Habrás vendido tu libertad por una aprobación social fugaz.'
]
},
G: {
name: 'Renata Rechazo',
fear: 'Rechazo',
role: 'LA GUARDIÁN DE LA SOLEDAD | ARQUITECTA DE FORTALEZAS EMOCIONALES',
intro: 'Renata te hizo experta en agradar a todo el mundo. Te entrenó para esconder tus límites y usar una máscara de adaptación para evitar ser excluida.',
img: 'https://despideatujefe.co/wp-content/uploads/2026/01/5.png',
scenario: 'Eres una camaleón experta en agradar a costa de tu visibilidad. Callas lo que piensas y dices "sí" cuando quieres decir "no", sintiéndote sola rodeada de gente.',
summary: 'Te obliga a ceder en tus límites para no ser rechazada. Al final te sientes invisible e insatisfecha tras una coraza de autoprotección que te aísla.',
costs: [
'Incapacidad casi total de poner límites claros y sanos.',
'Perder tu identidad por adaptarte a lo que el grupo espera de ti.',
'Relaciones de dependencia basadas en complacer para no ser abandonada.'
],
future: [
'Te volverás completamente invisible para ti misma.',
'Sentirás una soledad profunda porque nadie conoce a tu ser real.',
'Perderás el respeto propio por haberte traicionado tantas veces por otros.'
]
}
};
const questions = [
{ text: "¿Qué aparece primero ante un cambio profundo de vida?", options: [{t:"“¿Y si intento y me va mal?”", b:"A"}, {t:"“Siento que todavía no soy suficiente.”", b:"B"}, {t:"“No es el momento, tengo responsabilidades.”", b:"C"}, {t:"“Necesito tener todo claro primero.”", b:"D"}, {t:"“¿Y si pierdo el control?”", b:"E"}, {t:"“¿Qué pensarán de mí?”", b:"F"}, {t:"“Seguro otros lo harían mejor.”", b:"G"}] },
{ text: "Si algo no sale como esperabas, sueles pensar:", options: [{t:"Fue una señal de que no debía intentarlo", b:"A"}, {t:"Cuestionarme a mí misma y mi valor", b:"B"}, {t:"Las circunstancias no me favorecen", b:"C"}, {t:"Analizar qué hice mal una y otra vez", b:"D"}, {t:"Intentar controlar más", b:"E"}, {t:"Preocuparte por cómo te vieron", b:"F"}, {t:"Incomodidad por no haber sido aceptada", b:"G"}] },
{ text: "Al ver a alguien viviendo el éxito que tú deseas:", options: [{t:"“Yo no podría arriesgarme así como ella.”", b:"A"}, {t:"“Ella tiene un talento que yo no tengo.”", b:"B"}, {t:"“Ella puede, yo no por mi situación.”", b:"C"}, {t:"“Seguro tuvo un plan perfecto.”", b:"D"}, {t:"“Me daría ansiedad esa falta de estabilidad.”", b:"E"}, {t:"“Yo no aguantaría la crítica ajena.”", b:"F"}, {t:"“Yo no encajaría en ese mundo.”", b:"G"}] },
{ text: "Tu mayor freno a la hora de decidir hoy es:", options: [{t:"Miedo a equivocarte", b:"A"}, {t:"Falta de confianza propia", b:"B"}, {t:"Mis cargas personales", b:"C"}, {t:"No saber lo suficiente todavía", b:"D"}, {t:"Incertidumbre absoluta", b:"E"}, {t:"Opinión ajena", b:"F"}, {t:"Miedo al rechazo", b:"G"}] },
{ text: "Si postergas es porque normalmente:", options: [{t:"Temo que el plan falle", b:"A"}, {t:"No confío en mi capacidad", b:"B"}, {t:"Tengo otras prioridades ajenas", b:"C"}, {t:"Aún no está perfecto", b:"D"}, {t:"Me incomoda no tener el control", b:"E"}, {t:"Temo lo que digan", b:"F"}, {t:"Temo incomodar a otros", b:"G"}] },
{ text: "Tu diálogo interno suena a:", options: [{t:"“¿Y si me equivoco?”", b:"A"}, {t:"“No valgo suficiente.”", b:"B"}, {t:"“No puedo ahora mismo.”", b:"C"}, {t:"“Tengo que pensarlo más.”", b:"D"}, {t:"“Se desordena todo.”", b:"E"}, {t:"“¿Qué van a pensar?”", b:"F"}, {t:"“No quiero molestar.”", b:"G"}] },
{ text: "Lo que más te duele admitir es:", options: [{t:"Que no intento por miedo", b:"A"}, {t:"Que no me valoro lo suficiente", b:"B"}, {t:"Que me postergo por otros", b:"C"}, {t:"Que solo pienso y no hago", b:"D"}, {t:"Que soy demasiado rígida", b:"E"}, {t:"Que vivo para la galería", b:"F"}, {t:"Que finjo para encajar", b:"G"}] },
{ text: "Si nada cambia en 2 años, temes:", options: [{t:"Haber fracasado definitivamente", b:"A"}, {t:"Sentirme insuficiente siempre", b:"B"}, {t:"Seguir agotada en lo mismo", b:"C"}, {t:"Seguir analizando sin vivir nada", b:"D"}, {t:"Vivir con ansiedad constante", b:"E"}, {t:"Haber vivido para los demás", b:"F"}, {t:"No haberme mostrado nunca", b:"G"}] }
];
let state = { currentQ: 0, scores: { A:0, B:0, C:0, D:0, E:0, F:0, G:0 }, history: [], user: {} };
function goToStep(n) {
document.querySelectorAll('.step-container').forEach(s => s.classList.remove('step-active'));
document.getElementById(`step-${n}`).classList.add('step-active');
window.scrollTo({ top: 0, behavior: 'smooth' });
}
function startQuiz() {
state.scores = { A:0, B:0, C:0, D:0, E:0, F:0, G:0 };
state.currentQ = 0;
state.history = [];
goToStep('quiz');
renderQuestion();
}
function renderQuestion() {
const q = questions[state.currentQ];
document.getElementById('q-count').innerText = `NIVEL ${state.currentQ + 1} DE ${questions.length}`;
const pct = (state.currentQ/questions.length)*100;
document.getElementById('q-progress').style.width = pct + '%';
document.getElementById('q-percent').innerText = Math.round(pct) + '%';
document.getElementById('question-text').innerText = q.text;
const container = document.getElementById('options-container');
container.innerHTML = '';
q.options.forEach(opt => {
const b = document.createElement('button');
b.className = 'option-btn p-6 rounded-2xl font-medium shadow-sm';
b.innerText = opt.t;
b.onclick = () => {
state.scores[opt.b]++;
state.history.push(opt.b);
if(state.currentQ < questions.length - 1) {
state.currentQ++;
renderQuestion();
} else { goToStep('data'); }
};
container.appendChild(b);
});
document.getElementById('back-btn').style.visibility = (state.currentQ === 0) ? 'hidden' : 'visible';
}
function goBack() {
if(state.currentQ > 0) {
const last = state.history.pop();
state.scores[last]--;
state.currentQ--;
renderQuestion();
}
}
function processFinalStep() {
const name = document.getElementById('userName').value;
const email = document.getElementById('userEmail').value;
if(!name || !email) return;
const code = document.getElementById('countryCode').value;
const rawPhone = document.getElementById('userPhone').value.trim();
const cleanPhone = code + rawPhone;
state.user = { name, email, phone: cleanPhone };
if (typeof fbq !== 'undefined') fbq('track', 'Lead');
showResults();
}
function showResults() {
const sorted = Object.entries(state.scores).sort((a,b) => b[1] - a[1]);
const dominant = bossData[sorted[0][0]];
const secondary = bossData[sorted[1][0]];
const shadow = bossData[sorted[2][0]];
// Nombre y Nota
document.getElementById('res-name-title').innerText = state.user.name;
// Jefe Dominante (CEO)
document.getElementById('res-boss-role').innerText = dominant.role;
document.getElementById('res-boss-name').innerText = dominant.name;
document.getElementById('res-boss-intro').innerText = dominant.intro;
document.getElementById('res-boss-scenario').innerText = dominant.scenario;
document.getElementById('res-img').src = dominant.img;
document.getElementById('res-boss-costs').innerHTML = dominant.costs.map(c => `<li>${c}</li>`).join('');
document.getElementById('res-boss-future').innerHTML = dominant.future.map(f => `<li>${f}</li>`).join('');
// Jefes Secundarios (Vicepresidentes)
document.getElementById('res-sec-name').innerText = secondary.name;
document.getElementById('res-sec-role').innerText = secondary.role;
document.getElementById('res-sec-summary').innerText = secondary.summary;
document.getElementById('res-sec-future').innerText = secondary.future[0];
document.getElementById('res-sha-name').innerText = shadow.name;
document.getElementById('res-sha-role').innerText = shadow.role;
document.getElementById('res-sha-summary').innerText = shadow.summary;
document.getElementById('res-sha-future').innerText = shadow.future[0];
// Envío a Google Sheets & Kit
fetch(GOOGLE_SHEETS_URL, {
method: "POST",
mode: "no-cors",
body: JSON.stringify({
nombre: state.user.name,
email: state.user.email,
whatsapp: state.user.phone,
jefeDominante: dominant.name,
jefeSecundario: secondary.name,
jefeSombra: shadow.name
})
});
goToStep('results');
setTimeout(initChart, 500);
// Pop-up modal a los 20 segundos
setTimeout(() => {
document.getElementById('agenda-popup').classList.add('popup-active');
}, 20000);
}
function closePopup() { document.getElementById('agenda-popup').classList.remove('popup-active'); }
function initChart() {
const ctx = document.getElementById('miedoChart').getContext('2d');
const keys = ['C', 'D', 'A', 'B', 'E', 'F', 'G'];
const dataValues = keys.map(k => state.scores[k]);
const total = dataValues.reduce((a,b) => a+b, 0);
new Chart(ctx, {
type: 'doughnut',
data: {
labels: keys.map(k => "Miedo al " + bossData[k].fear),
datasets: [{ data: dataValues, backgroundColor: ['#b6e2d3','#ffe6ba','#ffc0cb','#d6eaf8','#e8daef','#d1f2eb','#f5cbaf'], borderWidth: 4, borderColor: '#ffffff' }]
},
options: {
responsive: true,
maintainAspectRatio: false,
cutout: '70%',
plugins: { legend: { position: 'bottom', labels: { generateLabels: (chart) => chart.data.labels.map((l, i) => ({ text: `${l}: ${Math.round((chart.data.datasets[0].data[i]/total)*100)}%`, fillStyle: ['#b6e2d3','#ffe6ba','#ffc0cb','#d6eaf8','#e8daef','#d1f2eb','#f5cbaf'][i], pointStyle: 'circle', usePointStyle: true, index: i })) } } }
}
});
}
function trackAgendaClick() { if (typeof fbq !== 'undefined') fbq('trackCustom', 'AgendarSesionGratis'); }
</script>
</body>
</html>