<!–
BLOQUE DE CONTENIDO: HOME PAGE (LEONARDO LUJAN)
Versión: 2.1 (Optimized Performance + Links Corregidos)
Instrucciones: Pegar en bloque «HTML Personalizado» de WordPress/Elementor.
Asegurar configuración de página «Ancho Completo» (Full Width).
–>
<!– 1. PRECARGA CRÍTICA (MEJORA LCP) –>
<!– Forzamos al navegador a descargar la primera imagen del slider inmediatamente –>
<link rel=»preload» as=»image» href=»https://leonardolujan.com/wp-content/uploads/2026/01/leonardo-lujan-conferencia-liderazgo.png»>
<!– CARGA DE FUENTES ESTRATÉGICAS (CON DISPLAY SWAP) –>
<link rel=»preconnect» href=»https://fonts.googleapis.com»>
<link rel=»preconnect» href=»https://fonts.gstatic.com» crossorigin=»»>
<link href=»https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap» rel=»stylesheet»>
<!– 2. ESTILOS ENCAPSULADOS (Astra-Safe) –>
<style>
/* Scope: .ll-content-wrapper protege los estilos globales del tema */
.ll-content-wrapper {
/* — COLORES DE MARCA (MANUAL) — */
–ll-primary: #0F1C2E; /* Deep Consciousness Blue */
–ll-accent: #C6A664; /* Gold Prestige */
–ll-white: #FFFFFF;
–ll-light: #F8F9FA;
–ll-text: #4A5568;
–ll-overlay: rgba(15, 28, 46, 0.92);
/* — TIPOGRAFÍA — */
–ll-font-heading: ‘Playfair Display’, serif; /* Autoridad */
–ll-font-body: ‘Montserrat’, sans-serif; /* Claridad */
/* — LAYOUT — */
–ll-spacing: 100px;
–ll-container: 1280px;
/* — ANIMACIONES — */
–ll-ease: cubic-bezier(0.25, 0.8, 0.25, 1);
–ll-duration: 0.4s;
font-family: var(–ll-font-body);
color: var(–ll-primary);
line-height: 1.6;
width: 100%;
max-width: 100vw;
overflow-x: hidden;
}
/* Reset interno */
.ll-content-wrapper *, .ll-content-wrapper *::before, .ll-content-wrapper *::after { box-sizing: border-box; }
.ll-content-wrapper img { max-width: 100%; height: auto; display: block; }
.ll-content-wrapper a { text-decoration: none; transition: all var(–ll-duration) var(–ll-ease); }
/* Jerarquía Tipográfica */
.ll-content-wrapper h1,
.ll-content-wrapper h2,
.ll-content-wrapper h3 {
font-family: var(–ll-font-heading);
color: var(–ll-primary);
line-height: 1.2;
margin-top: 0;
margin-bottom: 1rem;
}
.ll-content-wrapper h1 { font-size: clamp(2.5rem, 5vw, 3.8rem); font-weight: 700; }
.ll-content-wrapper h2 { font-size: clamp(2rem, 4vw, 2.8rem); }
.ll-content-wrapper h3 { font-size: clamp(1.1rem, 2vw, 1.4rem); font-weight: 700; }
.ll-content-wrapper p { margin-bottom: 1.5rem; font-size: 1rem; color: var(–ll-text); }
/* Utilidades */
.ll-container {
max-width: var(–ll-container);
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.ll-section { padding: var(–ll-spacing) 0; }
.ll-bg-light { background-color: var(–ll-light); }
.ll-bg-dark { background-color: var(–ll-primary); color: var(–ll-white); }
.ll-bg-dark h2, .ll-bg-dark p { color: var(–ll-white); }
.ll-text-center { text-align: center; }
.ll-badge {
display: inline-block;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 0.85rem;
font-weight: 600;
color: var(–ll-accent);
margin-bottom: 15px;
border-bottom: 2px solid var(–ll-accent);
padding-bottom: 5px;
}
/* Botones CTA */
.ll-btn {
display: inline-block;
padding: 16px 36px;
font-family: var(–ll-font-body);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9rem;
border-radius: 4px;
cursor: pointer;
border: 1px solid transparent;
text-align: center;
transition: all var(–ll-duration) var(–ll-ease);
position: relative;
overflow: hidden;
}
.ll-btn-primary {
background-color: var(–ll-accent);
color: var(–ll-primary);
}
.ll-btn-primary:hover {
background-color: #b09152;
transform: translateY(-4px);
color: var(–ll-primary);
box-shadow: 0 15px 30px rgba(198, 166, 100, 0.3);
}
.ll-btn-outline {
border-color: var(–ll-accent);
color: var(–ll-accent);
background: transparent;
}
.ll-btn-outline:hover {
background-color: var(–ll-accent);
color: var(–ll-primary);
transform: translateY(-4px);
box-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
/* — HERO SECTION (CARRUSEL) — */
.ll-hero {
min-height: 85vh;
position: relative;
display: flex;
align-items: center;
overflow: hidden;
}
.ll-hero-carousel {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;
}
.ll-hero-slide {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-size: cover; background-position: center;
opacity: 0; transition: opacity 1.5s ease-in-out; z-index: 0;
will-change: opacity, transform; /* Performance hint */
}
.ll-hero-slide.active {
opacity: 1; z-index: 1; animation: llSlowZoom 10s infinite alternate;
}
.ll-hero-overlay {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: linear-gradient(to right, var(–ll-overlay), rgba(15, 28, 46, 0.7));
z-index: 2;
}
.ll-hero-content {
max-width: 800px; position: relative; z-index: 3;
animation: llFadeUp 1s ease-out; text-align: left;
margin-right: auto; margin-left: 0;
}
.ll-hero h1 { color: var(–ll-white); }
.ll-hero p { color: rgba(255,255,255,0.9); font-size: 1.25rem; font-weight: 300; }
.ll-hero-btns { display: flex; gap: 20px; flex-wrap: wrap; margin-top: 30px; justify-content: flex-start; }
/* — PROBLEMA — */
.ll-problem-grid {
display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 40px; margin-top: 50px;
}
.ll-problem-card {
padding: 40px 30px; background: var(–ll-white); border: 1px solid #eee;
border-top: 4px solid var(–ll-primary); transition: transform 0.5s var(–ll-ease), box-shadow 0.5s var(–ll-ease);
display: flex; flex-direction: column; align-items: flex-start;
}
.ll-problem-card:hover {
transform: translateY(-12px); border-top-color: var(–ll-accent); box-shadow: 0 25px 50px rgba(15, 28, 46, 0.1);
}
.ll-icon-img { width: 80px; height: 80px; margin-bottom: 25px; display: block; object-fit: contain; transition: transform 0.4s var(–ll-ease); }
.ll-problem-card:hover .ll-icon-img { transform: scale(1.05); }
/* — GUÍA — */
.ll-guide-grid { display: grid; grid-template-columns: 1fr 0.8fr; gap: 60px; align-items: center; }
.ll-guide-img-wrapper { position: relative; }
.ll-guide-img-wrapper::before {
content: »; position: absolute; top: -20px; left: -20px; width: 100%; height: 100%;
border: 2px solid var(–ll-accent); z-index: 0; transition: transform 0.6s var(–ll-ease);
}
.ll-guide-grid:hover .ll-guide-img-wrapper::before { transform: translate(10px, 10px); }
.ll-guide-img-wrapper img { position: relative; z-index: 1; width: 100%; height: auto; filter: grayscale(10%); transition: filter 0.5s ease; }
.ll-guide-grid:hover .ll-guide-img-wrapper img { filter: grayscale(0%); }
.ll-signature { font-family: ‘Playfair Display’, cursive; font-size: 1.8rem; color: var(–ll-accent); margin-top: 20px; }
/* — PLAN — */
.ll-steps-container { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-top: 60px; position: relative; }
.ll-steps-container::before {
content: »; position: absolute; top: 40px; left: 15%; right: 15%; height: 2px; background: #eee; z-index: 0;
}
.ll-step-card {
position: relative; background: var(–ll-white); z-index: 1; padding: 30px 20px;
transition: transform 0.4s var(–ll-ease), box-shadow 0.4s var(–ll-ease); border-radius: 4px;
}
.ll-step-card:hover { transform: translateY(-8px); box-shadow: 0 15px 30px rgba(0,0,0,0.08); }
.ll-step-num {
width: 80px; height: 80px; background: var(–ll-primary); color: var(–ll-accent);
border-radius: 50%; display: flex; align-items: center; justify-content: center;
font-family: var(–ll-font-heading); font-size: 2.5rem; font-weight: 700;
margin: 0 auto 30px; border: 4px solid var(–ll-white); box-shadow: 0 0 0 2px var(–ll-accent);
transition: transform 0.4s var(–ll-ease), box-shadow 0.4s ease;
}
.ll-step-card:hover .ll-step-num { transform: scale(1.1); box-shadow: 0 0 0 4px var(–ll-accent); }
/* — SERVICIOS (MODIFICADO: LOOK AESTHETIC & PREMIUM) — */
.ll-services-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 30px;
margin-top: 50px;
}
.ll-service-item {
background: var(–ll-white);
border: 1px solid #f0f0f0; /* Borde más sutil */
border-radius: 8px; /* Bordes suavizados */
display: flex;
flex-direction: column;
transition: all 0.5s var(–ll-ease);
height: 100%;
overflow: hidden;
}
.ll-service-item:hover {
border-color: rgba(198, 166, 100, 0.3);
box-shadow: 0 25px 50px rgba(15, 28, 46, 0.08); /* Sombra difusa elegante */
transform: translateY(-8px);
}
/* Contenedor del Icono: Limpio y espacioso */
.ll-service-img {
height: 150px; /* Reducido para que no sea un banner */
display: flex;
align-items: center;
justify-content: center;
padding-top: 35px; /* Aire superior */
background: transparent;
}
/* El Icono en sí: Pequeño, contenido y estético */
.ll-service-img img {
width: auto;
height: 100%;
max-height: 90px; /* Tamaño máximo controlado */
object-fit: contain;
transition: transform 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275);
filter: drop-shadow(0 4px 6px rgba(0,0,0,0.06)); /* Sombra suave al PNG */
}
.ll-service-item:hover .ll-service-img img {
transform: scale(1.15); /* Efecto pop al hover */
}
/* Info centrada para look «Icon Box» */
.ll-service-info {
padding: 20px 30px 40px;
flex-grow: 1;
display: flex;
flex-direction: column;
text-align: center; /* Centrado elegante */
}
.ll-service-info h3 {
font-size: 1.1rem;
line-height: 1.4;
margin-bottom: 15px;
min-height: auto;
}
.ll-link-arrow {
margin-top: auto;
align-self: center; /* Botón centrado */
color: var(–ll-primary);
font-weight: 700;
text-transform: uppercase;
font-size: 0.75rem;
letter-spacing: 2px;
border-bottom: 1px solid var(–ll-accent);
padding-bottom: 4px;
transition: all 0.3s ease;
cursor: pointer;
}
.ll-service-item:hover .ll-link-arrow {
color: var(–ll-accent);
border-bottom-color: transparent;
transform: translateY(-2px);
}
/* — LEAD MAGNET + MODAL BUTTON — */
.ll-magnet { background-color: var(–ll-accent); color: var(–ll-primary); text-align: center; padding: 80px 20px; }
.ll-magnet h2 { color: var(–ll-primary); border: none; }
.ll-btn-dark {
background-color: var(–ll-primary); color: var(–ll-white); padding: 18px 40px; border: none;
font-weight: 700; cursor: pointer; text-transform: uppercase; border-radius: 4px; letter-spacing: 1px;
transition: all 0.3s var(–ll-ease); font-family: var(–ll-font-body); font-size: 1rem;
}
.ll-btn-dark:hover { background-color: #000; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
/* — ESTILOS DEL MODAL (FLOATING WINDOW) — */
.ll-modal {
display: none; /* Oculto por defecto */
position: fixed;
z-index: 99999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: hidden;
background-color: rgba(15, 28, 46, 0.85); /* Overlay oscuro marca */
backdrop-filter: blur(8px); /* Efecto cristal */
opacity: 0;
transition: opacity 0.3s ease;
}
.ll-modal.show {
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
.ll-modal-content {
background-color: var(–ll-white);
margin: auto;
padding: 0;
border: 2px solid var(–ll-accent);
width: 95%;
max-width: 700px;
height: 90vh; /* Alto relativo para ver bien el form */
border-radius: 8px;
position: relative;
box-shadow: 0 25px 50px rgba(0,0,0,0.5);
animation: llZoomIn 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
display: flex;
flex-direction: column;
}
.ll-close-modal {
color: var(–ll-white);
background: var(–ll-primary);
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
font-size: 24px;
font-weight: bold;
border-radius: 50%;
position: absolute;
right: -15px;
top: -15px;
z-index: 100;
cursor: pointer;
box-shadow: 0 5px 15px rgba(0,0,0,0.2);
transition: all 0.2s ease;
border: 2px solid var(–ll-accent);
}
.ll-close-modal:hover {
transform: scale(1.1) rotate(90deg);
background-color: var(–ll-accent);
}
.ll-iframe-wrapper {
flex-grow: 1;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: 6px;
}
.ll-iframe-wrapper iframe {
width: 100%;
height: 100%;
border: none;
}
/* — RESPONSIVIDAD — */
@media (max-width: 1024px) {
.ll-steps-container::before { display: none; }
.ll-steps-container { grid-template-columns: 1fr; gap: 40px; }
.ll-guide-grid { grid-template-columns: 1fr; gap: 50px; }
.ll-guide-img-wrapper { order: -1; max-width: 500px; margin: 0 auto; }
.ll-hero { min-height: 600px; align-items: center; }
}
@media (max-width: 768px) {
.ll-content-wrapper { –ll-spacing: 60px; }
.ll-hero h1 { font-size: 2.2rem; }
.ll-hero-content { text-align: left; }
.ll-hero-btns { justify-content: flex-start; }
.ll-close-modal {
right: 10px;
top: 10px;
}
.ll-modal-content {
height: 95vh;
width: 100%;
border-radius: 0;
border: none;
}
}
@keyframes llFadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes llSlowZoom { from { transform: scale(1); } to { transform: scale(1.05); } }
@keyframes llZoomIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } }
</style>
<!– 3. ESTRUCTURA SEMÁNTICA (SEO Optimized) –>
<div class=»ll-content-wrapper»>
<!– HERO SECTION –>
<section class=»ll-hero»>
<div class=»ll-hero-carousel»>
<div class=»ll-hero-slide active» style=»background-image: url(‘https://leonardolujan.com/wp-content/uploads/2026/01/leonardo-lujan-conferencia-liderazgo.png’);»></div>
<div class=»ll-hero-slide» style=»background-image: url(‘https://leonardolujan.com/wp-content/uploads/2026/01/Lujan.png’);»></div>
<div class=»ll-hero-slide» style=»background-image: url(‘https://leonardolujan.com/wp-content/uploads/2026/01/Lujan-1.png’);»></div>
</div>
<div class=»ll-hero-overlay»></div>
<div class=»ll-container»>
<div class=»ll-hero-content»>
<span class=»ll-badge» style=»color: var(–ll-accent); border-color: rgba(255,255,255,0.3);»>NeuroCoach & Mentor de Negocios</span>
<h1>Deja de sobrevivir y empieza a liderar tu vida.</h1>
<p>Has leído los libros y tomado los cursos, pero sigues en el mismo lugar. <strong>No te falta información, te falta un proceso</strong> de transformación real y un mentor que ya haya recorrido el camino.</p>
<div class=»ll-hero-btns»>
<a href=»#plan» class=»ll-btn ll-btn-primary»>Descubre el Proceso</a>
<a href=»#guia» class=»ll-btn ll-btn-outline» style=»color: #fff; border-color: #fff;»>Conoce a tu Mentor</a>
</div>
</div>
</div>
</section>
<!– PROBLEMA –>
<section class=»ll-section ll-bg-light» id=»filosofia»>
<div class=»ll-container»>
<div class=»ll-text-center» style=»max-width: 800px; margin: 0 auto;»>
<span class=»ll-badge»>Identificación</span>
<h2>¿Sientes que sabes mucho pero logras poco?</h2>
<p>Vivimos en la era de la <strong>Procastinación e Infoxicación</strong>. El exceso de información teórica sin implementación práctica está creando una generación de emprendedores bloqueados.</p>
</div>
<div class=»ll-problem-grid»>
<article class=»ll-problem-card»>
<!– width/height agregados para evitar CLS –>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260120_081031.png» alt=»Icono Parálisis» class=»ll-icon-img» width=»80″ height=»80″ loading=»lazy»>
<h3>Parálisis por Análisis</h3>
<p>Consumes tanto contenido gratuito que te sientes abrumado. Tienes las piezas del rompecabezas, pero no la imagen completa.</p>
</article>
<article class=»ll-problem-card»>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260120_081037.png» alt=»Icono Ruido Mental» class=»ll-icon-img» width=»80″ height=»80″ loading=»lazy»>
<h3>Ruido Mental</h3>
<p>Tu mente no para, pero tu negocio no avanza. La ansiedad por el futuro te roba la energía para ejecutar hoy.</p>
</article>
<article class=»ll-problem-card»>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260120_085335.png» alt=»Icono Soledad» class=»ll-icon-img» width=»80″ height=»80″ loading=»lazy»>
<h3>La Soledad del Líder</h3>
<p>Intentas hacerlo todo solo, convirtiéndote en el cuello de botella de tu propio éxito y sacrificando tu paz mental.</p>
</article>
</div>
</div>
</section>
<!– GUÍA –>
<section class=»ll-section ll-bg-dark» id=»guia»>
<div class=»ll-container»>
<div class=»ll-guide-grid»>
<div class=»ll-guide-content»>
<span class=»ll-badge»>Tu Mentor</span>
<h2>He decodificado el proceso de cambio mental para que no tengas que improvisar.</h2>
<p>Soy <strong>Leonardo Lujan</strong>. No soy un gurú inalcanzable; soy un facilitador de procesos. Durante más de 17 años he estudiado por qué algunas personas logran el éxito sostenible mientras otras se queman en el intento.</p>
<p>La respuesta no está en trabajar más duro, sino en la <strong>reprogramación mental</strong>. Mediante PNL, Coaching y Liderazgo consciente te ayudo a construir tu propio imperio y una vida plena.</p>
<div class=»ll-signature»>Leonardo Lujan</div>
<div style=»margin-top: 30px;»>
<a href=»#servicios» class=»ll-btn ll-btn-primary»>Ver cómo puedo ayudarte</a>
</div>
</div>
<div class=»ll-guide-img-wrapper»>
<!– Loading Lazy y dimensiones –>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/leonardo-lujan-mentor-perfil.png» alt=»Retrato profesional de Leonardo Lujan» width=»500″ height=»600″ loading=»lazy»>
</div>
</div>
</div>
</section>
<!– PLAN –>
<section class=»ll-section» id=»plan»>
<div class=»ll-container ll-text-center»>
<span class=»ll-badge»>Tu Ruta de Éxito</span>
<h2>El Camino de la Transformación</h2>
<p>He simplificado el caos en 3 fases claras para llevarte del bloqueo a la expansión.</p>
<div class=»ll-steps-container»>
<div class=»ll-step-card»>
<div class=»ll-step-num»>1</div>
<h3>Diagnóstico</h3>
<p>Identificamos los bloqueos inconscientes y patrones limitantes que te mantienen en el ciclo de supervivencia.</p>
</div>
<div class=»ll-step-card»>
<div class=»ll-step-num»>2</div>
<h3>Reprogramación</h3>
<p>Implementamos técnicas de PNL para instalar nuevas creencias y hábitos de alto rendimiento.</p>
</div>
<div class=»ll-step-card»>
<div class=»ll-step-num»>3</div>
<h3>Expansión</h3>
<p>Aplicas el sistema en tu vida y en tu negocio para liderar con propósito y generar resultados escalables.</p>
</div>
</div>
</div>
</section>
<!– SERVICIOS: 4 ICONOS ESTÉTICOS Y ENLACES ACTUALIZADOS –>
<section class=»ll-section ll-bg-light» id=»servicios»>
<div class=»ll-container»>
<div class=»ll-text-center» style=»margin-bottom: 50px;»>
<span class=»ll-badge»>Soluciones</span>
<h2>¿Cómo quieres iniciar tu viaje?</h2>
</div>
<div class=»ll-services-grid»>
<!– 1. ESCUELA INTERNACIONAL –>
<article class=»ll-service-item»>
<div class=»ll-service-img»>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260127_112509-1.png» alt=»Escuela Internacional AiderGlobal» width=»100″ height=»90″ loading=»lazy»>
</div>
<div class=»ll-service-info»>
<h3>Escuela Internacional de PNL + Transformación Profunda</h3>
<p>La comunidad #1 en desarrollo humano. Formación y certificación internacional para tu crecimiento integral.</p>
<!– Enlace actualizado –>
<a href=»https://leonardolujan.com/aiderglobal/» class=»ll-link-arrow» target=»_blank»>Ver Escuela</a>
</div>
</article>
<!– 2. COACHING PERSONAL –>
<article class=»ll-service-item»>
<div class=»ll-service-img»>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260127_113228.png» alt=»Coaching Personal y Empresarial» width=»100″ height=»90″ loading=»lazy»>
</div>
<div class=»ll-service-info»>
<h3>Coaching Personal y Empresarial</h3>
<p>Acompañamiento 1:1 estratégico para personas y empresas que necesitan claridad interna y decisiones alineadas.</p>
<!– Enlace actualizado –>
<a href=»https://leonardolujan.com/coaching-personal-y-empresarial/» class=»ll-link-arrow» target=»_blank»>Solicitar Sesión</a>
</div>
</article>
<!– 3. MENTORIA ELITE –>
<article class=»ll-service-item»>
<div class=»ll-service-img»>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260127_113453.png» alt=»Mentoría Elite Leonardo Lujan» width=»100″ height=»90″ loading=»lazy»>
</div>
<div class=»ll-service-info»>
<h3>Mentoría Elite</h3>
<p>El nivel más alto de acompañamiento. Un espacio exclusivo para líderes que buscan expansión consciente.</p>
<!– Enlace actualizado –>
<a href=»https://leonardolujan.com/mentoria-elite/» class=»ll-link-arrow» target=»_blank»>Aplicar a Mentoría</a>
</div>
</article>
<!– 4. CONFERENCIAS –>
<article class=»ll-service-item»>
<div class=»ll-service-img»>
<img src=»https://leonardolujan.com/wp-content/uploads/2026/01/Copilot_20260127_113711.png» alt=»Conferencias y Talleres» width=»100″ height=»90″ loading=»lazy»>
</div>
<div class=»ll-service-info»>
<h3>Conferencias y Talleres Empresariales</h3>
<p>Experiencias de alto impacto para empresas que buscan liderazgo consciente y transformación cultural real.</p>
<!– Enlace actualizado –>
<a href=»https://leonardolujan.com/conferencias-y-talleres-empresariales/» class=»ll-link-arrow» target=»_blank»>Contratar Evento</a>
</div>
</article>
</div>
</div>
</section>
<!– LEAD MAGNET: BOTÓN DE ACCIÓN (Abre Modal) –>
<section class=»ll-magnet»>
<div class=»ll-container» style=»max-width: 800px;»>
<h2>No inicies este viaje solo.</h2>
<p style=»color: var(–ll-primary); margin-bottom: 30px;»>Únete a mi comunidad exclusiva y descarga gratis el <strong>Manual Expres: «5 Técnicas de PNL +TP»</strong>.</p>
<!– Botón Trigger –>
<div style=»text-align: center;»>
<button id=»llOpenModal» class=»ll-btn-dark»>Descargar Manual Gratis</button>
</div>
<p style=»font-size: 0.8rem; opacity: 0.8; margin-top: 20px; color: var(–ll-primary);»>Respetamos tu privacidad. Cero spam.</p>
</div>
</section>
<!– MODAL (POP-UP) CON GOOGLE FORM –>
<div id=»llMagnetModal» class=»ll-modal»>
<div class=»ll-modal-content»>
<div class=»ll-close-modal» id=»llCloseModal»>×</div>
<div class=»ll-iframe-wrapper»>
<!– loading=»lazy» en iframe para no bloquear carga inicial –>
<iframe src=»https://docs.google.com/forms/d/e/1FAIpQLSe3W4R5qb1lA8qGvHAbKuWK3cBuYdGbyGhhB-C2VYUD9o_ANA/viewform?embedded=true» width=»640″ height=»931″ frameborder=»0″ marginheight=»0″ marginwidth=»0″ loading=»lazy»>Cargando…</iframe>
</div>
</div>
</div>
<!– SCRIPTS DE INTERACCIÓN –>
<script>
document.addEventListener(‘DOMContentLoaded’, function() {
// — 1. Lógica Carrusel —
const slides = document.querySelectorAll(‘.ll-hero-slide’);
let currentSlide = 0;
const slideInterval = 3000;
if (slides.length > 0) {
setInterval(() => {
slides[currentSlide].classList.remove(‘active’);
currentSlide = (currentSlide + 1) % slides.length;
slides[currentSlide].classList.add(‘active’);
}, slideInterval);
}
// — 2. Lógica Modal (Pop-up) —
const modal = document.getElementById(‘llMagnetModal’);
const openBtn = document.getElementById(‘llOpenModal’);
const closeBtn = document.getElementById(‘llCloseModal’);
if(openBtn && modal) {
// Abrir Modal
openBtn.addEventListener(‘click’, function(e) {
e.preventDefault();
modal.style.display = ‘flex’;
setTimeout(() => { modal.classList.add(‘show’); }, 10); // Trigger transition
document.body.style.overflow = ‘hidden’; // Bloquear scroll página
});
// Cerrar Modal
function closeModal() {
modal.classList.remove(‘show’);
setTimeout(() => { modal.style.display = ‘none’; }, 300); // Wait transition
document.body.style.overflow = »; // Habilitar scroll
}
if(closeBtn) closeBtn.addEventListener(‘click’, closeModal);
// Cerrar al clickear afuera del contenido
window.addEventListener(‘click’, function(e) {
if (e.target == modal) {
closeModal();
}
});
}
});
</script>
<!– SCHEMA MARKUP –>
<script type=»application/ld+json»>
{
«@context»: «https://schema.org»,
«@type»: «Person»,
«name»: «Leonardo Lujan»,
«jobTitle»: «Neuro Coach • Mentor • Conferencista Internacional»,
«url»: «https://leonardolujan.com»,
«image»: «https://leonardolujan.com/wp-content/uploads/2026/01/leonardo-lujan-mentor-perfil.png»,
«description»: «Facilitador de procesos de cambio mental para emprendedores. Experto en NeuroCoaching, PNL y Transformación Personal.»,
«brand»: {
«@type»: «Brand»,
«name»: «Leonardo Lujan»,
«slogan»: «Deja de sobrevivir y empieza a liderar tu vida»
}
}
</script>
</div>