{"id":982,"date":"2026-05-22T19:50:05","date_gmt":"2026-05-22T19:50:05","guid":{"rendered":"https:\/\/wewow.com.mx\/bootcamp\/?page_id=982"},"modified":"2026-06-01T21:12:16","modified_gmt":"2026-06-01T21:12:16","slug":"bootcamp","status":"publish","type":"page","link":"https:\/\/wewow.com.mx\/bootcamp\/bootcamp\/","title":{"rendered":"Bootcamp"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"982\" class=\"elementor elementor-982\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1dc5230 e-con-full e-flex e-con e-parent\" data-id=\"1dc5230\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46b6c07 elementor-widget elementor-widget-html\" data-id=\"46b6c07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<nav\r\n  class=\"fixed top-0 w-full z-50 bg-[#1a1a1a]\/70 backdrop-blur-md border-b border-white\/5 transition-all duration-300\">\r\n\r\n  <div class=\"max-w-7xl mx-auto px-4 md:px-6 h-16 flex items-center justify-between\">\r\n\r\n    <!-- Logo -->\r\n    <a href=\"#\" class=\"block hover:opacity-80 transition-opacity shrink-0\">\r\n      <img decoding=\"async\" \r\n        src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Logo-horizontal-scaled.png\"\r\n        alt=\"Logo oficial de WeWow Energizers Bootcamp The Speaker Edition\"\r\n        class=\"bootcamp-header-logo\">\r\n    <\/a>\r\n\r\n    <!-- Desktop Navigation -->\r\n    <div class=\"hidden md:flex items-center gap-8 text-xs font-chivo uppercase tracking-widest text-brand-sand\">\r\n      <a href=\"#experiencia\" class=\"hover:text-brand-yellow transition-colors\">La Experiencia<\/a>\r\n      <a href=\"#mentores\" class=\"hover:text-brand-yellow transition-colors\">Mentores<\/a>\r\n      <a href=\"#beneficios\" class=\"hover:text-brand-yellow transition-colors\">Beneficios<\/a>\r\n    <\/div>\r\n\r\n    <!-- Right Actions -->\r\n    <div class=\"flex items-center gap-3 md:gap-4 shrink-0\">\r\n\r\n      <!-- CTA -->\r\n      <a \r\n        href=\"#registro\"\r\n        class=\"bg-brand-yellow text-brand-charcoal font-chivo font-bold uppercase tracking-[2px] text-[10px] md:text-xs px-4 py-2.5 md:px-6 md:py-3 rounded-sm hover:bg-brand-yellowLight transition-all duration-300 hover:shadow-[0_0_15px_rgba(247,168,0,0.5)]\">\r\n        Reg\u00edstrate\r\n      <\/a>\r\n\r\n      <!-- Mobile Menu Button -->\r\n      <button \r\n        id=\"mobile-menu-toggle\"\r\n        class=\"bootcamp-mobile-toggle md:hidden text-white transition-colors\"\r\n        type=\"button\"\r\n        aria-label=\"Abrir men\u00fa\"\r\n        aria-expanded=\"false\">\r\n\r\n        <svg class=\"w-6 h-6\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n          <path \r\n            stroke-linecap=\"round\" \r\n            stroke-linejoin=\"round\" \r\n            stroke-width=\"2\" \r\n            d=\"M4 6h16M4 12h16m-7 6h7\">\r\n          <\/path>\r\n        <\/svg>\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- Mobile Menu -->\r\n  <div \r\n    id=\"mobile-menu\"\r\n    class=\"hidden md:hidden bg-[#111111]\/95 border-t border-white\/5 backdrop-blur-xl\">\r\n\r\n    <div class=\"flex flex-col px-6 py-5 gap-5 text-xs font-chivo uppercase tracking-widest text-brand-sand\">\r\n      <a href=\"#experiencia\" class=\"mobile-menu-link hover:text-brand-yellow transition-colors\">La Experiencia<\/a>\r\n      <a href=\"#mentores\" class=\"mobile-menu-link hover:text-brand-yellow transition-colors\">Mentores<\/a>\r\n      <a href=\"#beneficios\" class=\"mobile-menu-link hover:text-brand-yellow transition-colors\">Beneficios<\/a>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/nav>\r\n\r\n<script>\r\n(function () {\r\n  function initBootcampMobileMenu() {\r\n    const toggle = document.getElementById('mobile-menu-toggle');\r\n    const menu = document.getElementById('mobile-menu');\r\n    const links = document.querySelectorAll('.mobile-menu-link');\r\n\r\n    if (!toggle || !menu) return;\r\n\r\n    function toggleMenu(event) {\r\n      event.preventDefault();\r\n      event.stopPropagation();\r\n\r\n      menu.classList.toggle('hidden');\r\n\r\n      const isOpen = !menu.classList.contains('hidden');\r\n      toggle.setAttribute('aria-expanded', isOpen ? 'true' : 'false');\r\n    }\r\n\r\n    toggle.addEventListener('click', toggleMenu);\r\n    toggle.addEventListener('touchstart', toggleMenu, { passive: false });\r\n\r\n    links.forEach(function(link) {\r\n      link.addEventListener('click', function () {\r\n        menu.classList.add('hidden');\r\n        toggle.setAttribute('aria-expanded', 'false');\r\n      });\r\n    });\r\n  }\r\n\r\n  if (document.readyState === 'loading') {\r\n    document.addEventListener('DOMContentLoaded', initBootcampMobileMenu);\r\n  } else {\r\n    initBootcampMobileMenu();\r\n  }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c855210 elementor-widget elementor-widget-html\" data-id=\"c855210\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- INTRO VIDEO + HERO PARALLAX WRAPPER -->\r\n  <div class=\"intro-wrapper\" id=\"intro-wrapper\">\r\n\r\n    <!-- Sticky intro video stage (visible at top, fades on scroll) -->\r\n    <div class=\"intro-video-stage\" id=\"intro-video-stage\">\r\n      <video autoplay loop muted playsinline id=\"intro-video\">\r\n        <source src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Recap%20Horizontal.mp4\"\r\n          type=\"video\/mp4\">\r\n      <\/video>\r\n      <div class=\"intro-video-overlay\"><\/div>\r\n      <div class=\"intro-scroll-hint\">\r\n        <span>Desliza para entrar<\/span>\r\n        <span class=\"arrow\"><\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <!-- Hero Section -->\r\n  <header\r\n    class=\"hero-parallax relative pt-28 pb-24 px-6 min-h-screen flex flex-col justify-center items-center text-center overflow-hidden\"\r\n    id=\"hero-parallax\">\r\n    <!-- Stock Video Background (Moving Background) -->\r\n    <video autoplay loop muted playsinline\r\n      class=\"absolute top-0 left-0 w-full h-full object-cover z-0 opacity-40 mix-blend-screen\"\r\n      style=\"filter: grayscale(100%) contrast(120%);\">\r\n      <source\r\n        src=\"https:\/\/assets.mixkit.co\/videos\/preview\/mixkit-speaker-giving-a-presentation-on-a-stage-4168-large.mp4\"\r\n        type=\"video\/mp4\">\r\n    <\/video>\r\n    <!-- Dark Gradient Overlay for readability -->\r\n    <div class=\"absolute inset-0 z-0 bg-gradient-to-b from-[#1a1a1a]\/90 via-[#1a1a1a]\/60 to-[#1a1a1a]\/80\"><\/div>\r\n\r\n    <!-- Premium Spotlight Lights (Animated Corner Lights Replicating Reference) -->\r\n    <div class=\"spotlight-container\">\r\n      <div class=\"spotlight-left\"><\/div>\r\n      <div class=\"spotlight-right\"><\/div>\r\n    <\/div>\r\n\r\n    <!-- Decorative background ray -->\r\n    <div class=\"absolute inset-0 z-0 flex justify-center items-center opacity-5 pointer-events-none\">\r\n      <svg viewBox=\"0 0 200 300\" class=\"w-full h-full max-w-4xl animate-pulse-slow\" fill=\"none\">\r\n        <path d=\"M120 10 L40 160 L90 160 L80 290 L160 130 L110 130 Z\" fill=\"white\" \/>\r\n      <\/svg>\r\n    <\/div>\r\n\r\n    <div class=\"relative z-10 max-w-5xl mx-auto flex flex-col items-center fade-in-up\">\r\n      <span\r\n        class=\"font-chivo font-light text-brand-sand tracking-[6px] uppercase text-xs sm:text-sm mb-6 inline-flex items-center gap-4 text-center\">\r\n        <span class=\"w-8 h-px bg-brand-yellow\"><\/span>\r\n        Energizers Bootcamp <span class=\"text-brand-yellow\">|<\/span> The Speaker Edition\r\n        <span class=\"w-8 h-px bg-brand-yellow\"><\/span>\r\n      <\/span>\r\n\r\n      <h1\r\n        class=\"font-chivo font-black text-5xl md:text-7xl lg:text-8xl leading-[1.1] md:leading-[0.9] tracking-tighter mb-8 uppercase text-shadow-glow\">\r\n        Tu momento ha <span class=\"text-brand-yellow block mt-2\">Llegado<\/span>\r\n      <\/h1>\r\n\r\n      <p\r\n        class=\"font-chivo font-light text-xl md:text-2xl text-brand-sand uppercase tracking-[4px] mb-16 leading-relaxed\">\r\n        31 de agosto, 1 y 2 de septiembre <br>\r\n        <span class=\"text-white font-bold tracking-widest text-shadow-sm mt-2 inline-block\">JW Marriott <span\r\n            class=\"text-brand-yellow\/50 mx-2\">|<\/span> Santa Fe <span class=\"text-brand-yellow\/50 mx-2\">|<\/span>\r\n          CDMX<\/span>\r\n      <\/p>\r\n\r\n      <!-- Countdown (Oculto temporalmente para evitar diluci\u00f3n de FOMO. Para mostrarlo, remueve la clase 'hidden' en el div de abajo) -->\r\n      <div class=\"hidden flex gap-4 sm:gap-8 mb-16\" id=\"countdown-timer\">\r\n        <div class=\"flex flex-col items-center\">\r\n          <span class=\"font-chivo font-black text-4xl sm:text-6xl text-brand-yellow leading-none mb-2\"\r\n            id=\"days\">00<\/span>\r\n          <span class=\"text-brand-sand text-xs tracking-[3px] uppercase\">D\u00edas<\/span>\r\n        <\/div>\r\n        <div class=\"text-2xl sm:text-4xl text-brand-sand\/30 font-chivo pt-2\">:<\/div>\r\n        <div class=\"flex flex-col items-center\">\r\n          <span class=\"font-chivo font-black text-4xl sm:text-6xl text-brand-yellow leading-none mb-2\"\r\n            id=\"hours\">00<\/span>\r\n          <span class=\"text-brand-sand text-xs tracking-[3px] uppercase\">Horas<\/span>\r\n        <\/div>\r\n        <div class=\"text-2xl sm:text-4xl text-brand-sand\/30 font-chivo pt-2\">:<\/div>\r\n        <div class=\"flex flex-col items-center\">\r\n          <span class=\"font-chivo font-black text-4xl sm:text-6xl text-brand-yellow leading-none mb-2\"\r\n            id=\"minutes\">00<\/span>\r\n          <span class=\"text-brand-sand text-xs tracking-[3px] uppercase\">Min<\/span>\r\n        <\/div>\r\n        <div class=\"text-2xl sm:text-4xl text-brand-sand\/30 font-chivo pt-2\">:<\/div>\r\n        <div class=\"flex flex-col items-center\">\r\n          <span class=\"font-chivo font-black text-4xl sm:text-6xl text-brand-yellow leading-none mb-2\"\r\n            id=\"seconds\">00<\/span>\r\n          <span class=\"text-brand-sand text-xs tracking-[3px] uppercase\">Seg<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <a href=\"#registro\" class=\"btn-primary\">\r\n        Asegura tu lugar hoy\r\n      <\/a>\r\n\r\n      <!-- Early Bird Badge -->\r\n      <div class=\"early-bird-badge mt-5 mb-5\">\r\n\r\n          <div class=\"old-price-wrapper\">\r\n            <span class=\"old-price\">$74,750 MXN<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"early-bird-badge\">\r\n          <div class=\"new-price-wrapper\">\r\n            <span class=\"label\">EARLY BIRD<\/span>\r\n            <span class=\"divider\"><\/span>\r\n        \r\n            <span class=\"price\">\r\n              $64,750\r\n              <span class=\"currency\">MXN<\/span>\r\n            <\/span>\r\n            <span class=\"priceIva\">\r\n              + IVA\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"early-bird-note\">\r\n          Para los primeros 20 lugares\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Visual background configurations (Default state is now premium organic liquid metaballs) -->\r\n  <\/header>\r\n\r\n  <\/div>\r\n  <!-- \/INTRO VIDEO + HERO PARALLAX WRAPPER -->\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bda84c5 elementor-widget elementor-widget-html\" data-id=\"bda84c5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- TICKER -->\r\n  <div class=\"ticker\">\r\n    <div class=\"ticker-track\">\r\n      <span class=\"ticker-item\">MARRIOT SANTA FE CDMX <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">ENERGIZERS BOOTCAMP <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">COMUNIDAD ENERGIZERS <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">2026 <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">TRANSFORMA TU VOZ <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">MARRIOT SANTA FE CDMX <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">ENERGIZERS BOOTCAMP <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">COMUNIDAD ENERGIZERS <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">2026 <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n      <span class=\"ticker-item\">TRANSFORMA TU VOZ <span class=\"ticker-dot\">\u00b7<\/span><\/span>\r\n\r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-30fe9ca elementor-widget elementor-widget-html\" data-id=\"30fe9ca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Photo Carousel Gallery -->\r\n  <section id=\"experiencia\" class=\"bg-[#0a0a0a] border-y border-white\/5 overflow-hidden\">\r\n    <div class=\"photo-marquee\">\r\n      <div class=\"photo-marquee-track\">\r\n        <!-- Original 9 items -->\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM-2-3-scaled.jpg\"\r\n            alt=\"Audiencia masiva en conferencia WeWow Energizers Bootcamp\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM1.1-62-scaled.jpg\"\r\n            alt=\"Espacio de networking y presentacion ejecutiva en WeWow\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM2.1-scaled.jpg\"\r\n            alt=\"Reunion de lideres y corporativos en el Energizers Bootcamp\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM4.1-16-scaled.jpg\"\r\n            alt=\"Escenario y ambiente inmersivo para speakers WeWow CDMX\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM4.1-23-scaled.jpg\"\r\n            alt=\"Participantes interactuando y colaborando en el Bootcamp\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM4.1-25-scaled.jpg\"\r\n            alt=\"Silueta de speaker profesional inspirando a la audiencia\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM_DIA3_PT1-6-scaled.jpg\"\r\n            alt=\"Asistentes al evento corporativo prestando atencion al mentor\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM_DIA3_PT2-8-scaled.jpg\"\r\n            alt=\"Experiencia exclusiva para formacion de speakers WeWow\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/bootcam4-25.jpg\"\r\n            alt=\"Publico cautivado durante sesion magistral The Speaker Edition\"><\/div>\r\n\r\n        <!-- Duplicated 9 items for infinite scroll -->\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM-2-3-scaled.jpg\"\r\n            alt=\"Audiencia masiva en conferencia WeWow Energizers Bootcamp\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM1.1-62-scaled.jpg\"\r\n            alt=\"Espacio de networking y presentacion ejecutiva en WeWow\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM2.1-scaled.jpg\"\r\n            alt=\"Reunion de lideres y corporativos en el Energizers Bootcamp\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM4.1-16-scaled.jpg\"\r\n            alt=\"Escenario y ambiente inmersivo para speakers WeWow CDMX\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM4.1-23-scaled.jpg\"\r\n            alt=\"Participantes interactuando y colaborando en el Bootcamp\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM4.1-25-scaled.jpg\"\r\n            alt=\"Silueta de speaker profesional inspirando a la audiencia\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM_DIA3_PT1-6-scaled.jpg\"\r\n            alt=\"Asistentes al evento corporativo prestando atencion al mentor\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\"\r\n            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM_DIA3_PT2-8-scaled.jpg\"\r\n            alt=\"Experiencia exclusiva para formacion de speakers WeWow\"><\/div>\r\n        <div class=\"photo-item\"><img decoding=\"async\" src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/bootcam4-25.jpg\"\r\n            alt=\"Publico cautivado durante sesion magistral The Speaker Edition\"><\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-dc4ba0b elementor-widget elementor-widget-html\" data-id=\"dc4ba0b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Propuesta de Valor -->\r\n  <section id=\"beneficios\" class=\"py-24 px-6 bg-[#F3F2F1] text-brand-charcoal relative overflow-hidden\">\r\n    <div class=\"max-w-7xl mx-auto flex flex-col md:flex-row items-center gap-12 relative z-10\">\r\n      <div class=\"flex-1 text-center md:text-left\">\r\n        <h2 class=\"font-chivo font-black text-6xl md:text-8xl text-brand-yellow mb-4 tracking-tighter drop-shadow-sm\">3\r\n          D\u00cdAS<\/h2>\r\n        <p class=\"font-chivo font-bold text-3xl md:text-5xl uppercase tracking-tight mb-4\">Para transformar<\/p>\r\n        <p\r\n          class=\"font-chivo font-bold text-4xl md:text-6xl text-brand-yellow uppercase tracking-tight mb-4 drop-shadow-sm\">\r\n          Tu voz<\/p>\r\n        <p class=\"font-chivo font-bold text-3xl md:text-5xl uppercase tracking-tight\">En impacto real<\/p>\r\n      <\/div>\r\n      <div class=\"flex-1 w-full\">\r\n        <img decoding=\"async\" src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/BOOTCAM_DIA3_PT2-8-scaled.jpg\"\r\n          alt=\"Experiencia inmersiva y transformadora presencial en el WeWow Energizers Bootcamp CDMX\"\r\n          class=\"rounded-lg shadow-xl w-full h-auto object-cover aspect-video grayscale hover:grayscale-0 transition-all duration-500\">\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"flex flex-col items-center mx-auto pt-8\">\r\n      <a href=\"#registro\" class=\"btn-primary\">\r\n        Asegura tu lugar hoy\r\n      <\/a>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <hr class=\"border-t border-white\/5\">\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f980fe elementor-widget elementor-widget-html\" data-id=\"0f980fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- A qui\u00e9n va dirigido (Bento Interactive Layout) -->\r\n  <section class=\"py-32 px-6 bg-transparent relative z-10\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n\r\n      <div class=\"flex flex-col lg:flex-row gap-16 mb-16\">\r\n        <!-- Sticky Left Header -->\r\n        <div class=\"lg:w-1\/3 lg:sticky lg:top-32 self-start\">\r\n          <span class=\"section-label justify-start\">Para qui\u00e9n es<\/span>\r\n          <h2\r\n            class=\"font-chivo font-black text-5xl md:text-6xl uppercase tracking-tight leading-[1.05] mb-6 text-shadow-sm\">\r\n            Lleg\u00f3 la hora de que tu voz <br><span class=\"text-brand-yellow\">llegue lejos<\/span>\r\n          <\/h2>\r\n          <p class=\"text-brand-sand\/70 text-lg leading-relaxed\">\r\n            Este bootcamp no es para cualquiera. Est\u00e1 dise\u00f1ado exclusivamente para mentes ambiciosas listas para dominar\r\n            el escenario y dejar un legado.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <!-- Right Bento Grid -->\r\n        <div class=\"lg:w-2\/3 grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n\r\n          <!-- Card 1 -->\r\n          <div\r\n            class=\"group relative p-8 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-white\/5 rounded-3xl overflow-hidden hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(247,168,0,0.1)] hover:border-brand-yellow\/30 transition-all duration-500\">\r\n            <div\r\n              class=\"absolute inset-0 bg-gradient-to-br from-brand-yellow\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\">\r\n            <\/div>\r\n            <div class=\"relative z-10\">\r\n              <div\r\n                class=\"w-14 h-14 rounded-2xl bg-white\/5 flex items-center justify-center text-brand-yellow mb-6 group-hover:scale-110 group-hover:bg-brand-yellow group-hover:text-brand-charcoal transition-all duration-500\">\r\n                <svg class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                    d=\"M11 5.882V19.24a1.76 1.76 0 01-3.417.592l-2.147-6.15M18 13a3 3 0 100-6M5.436 13.683A4.001 4.001 0 017 6h1.832c4.1 0 7.625-1.234 9.168-3v14c-1.543-1.766-5.067-3-9.168-3H7a3.988 3.988 0 01-1.564-.317z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4 class=\"font-chivo font-bold text-xl mb-3 text-white\">Aspirantes a Speakers<\/h4>\r\n              <p class=\"text-brand-sand\/80 leading-relaxed text-sm\">Llevas tiempo pensando en subirte al escenario y dar\r\n                una conferencia memorable, pero necesitas t\u00e9cnica y estructura.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Card 2 -->\r\n          <div\r\n            class=\"group relative p-8 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-white\/5 rounded-3xl overflow-hidden hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(247,168,0,0.1)] hover:border-brand-yellow\/30 transition-all duration-500\">\r\n            <div\r\n              class=\"absolute inset-0 bg-gradient-to-br from-brand-yellow\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\">\r\n            <\/div>\r\n            <div class=\"relative z-10\">\r\n              <div\r\n                class=\"w-14 h-14 rounded-2xl bg-white\/5 flex items-center justify-center text-brand-yellow mb-6 group-hover:scale-110 group-hover:bg-brand-yellow group-hover:text-brand-charcoal transition-all duration-500\">\r\n                <svg class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                    d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4 class=\"font-chivo font-bold text-xl mb-3 text-white\">Dominio del Storytelling<\/h4>\r\n              <p class=\"text-brand-sand\/80 leading-relaxed text-sm\">Quieres incrementar el impacto radical en tus\r\n                discursos dominando el poder del storytelling estrat\u00e9gico.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Card 3 -->\r\n          <div\r\n            class=\"group relative p-8 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-white\/5 rounded-3xl overflow-hidden hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(247,168,0,0.1)] hover:border-brand-yellow\/30 transition-all duration-500 md:col-span-2\">\r\n            <div\r\n              class=\"absolute inset-0 bg-gradient-to-br from-brand-yellow\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\">\r\n            <\/div>\r\n            <div class=\"relative z-10 md:flex md:items-center md:gap-8\">\r\n              <div\r\n                class=\"w-14 h-14 shrink-0 rounded-2xl bg-white\/5 flex items-center justify-center text-brand-yellow mb-6 md:mb-0 group-hover:scale-110 group-hover:bg-brand-yellow group-hover:text-brand-charcoal transition-all duration-500\">\r\n                <svg class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                    d=\"M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4 class=\"font-chivo font-bold text-xl mb-3 text-white\">L\u00edderes y Ejecutivos<\/h4>\r\n                <p class=\"text-brand-sand\/80 leading-relaxed text-sm\">Eres l\u00edder de un equipo y necesitas proyectar\r\n                  autoridad, incrementar tu influencia e inspirar acci\u00f3n directa en tu organizaci\u00f3n a trav\u00e9s de la\r\n                  comunicaci\u00f3n verbal.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Card 4 -->\r\n          <div\r\n            class=\"group relative p-8 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-white\/5 rounded-3xl overflow-hidden hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(247,168,0,0.1)] hover:border-brand-yellow\/30 transition-all duration-500\">\r\n            <div\r\n              class=\"absolute inset-0 bg-gradient-to-br from-brand-yellow\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\">\r\n            <\/div>\r\n            <div class=\"relative z-10\">\r\n              <div\r\n                class=\"w-14 h-14 rounded-2xl bg-white\/5 flex items-center justify-center text-brand-yellow mb-6 group-hover:scale-110 group-hover:bg-brand-yellow group-hover:text-brand-charcoal transition-all duration-500\">\r\n                <svg class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                    d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4 class=\"font-chivo font-bold text-xl mb-3 text-white\">Estructura tu Mensaje<\/h4>\r\n              <p class=\"text-brand-sand\/80 leading-relaxed text-sm\">Sabes que tu historia personal tiene gran poder,\r\n                pero no sabes exactamente c\u00f3mo estructurarla.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Card 5 -->\r\n          <div\r\n            class=\"group relative p-8 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-white\/5 rounded-3xl overflow-hidden hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(247,168,0,0.1)] hover:border-brand-yellow\/30 transition-all duration-500\">\r\n            <div\r\n              class=\"absolute inset-0 bg-gradient-to-br from-brand-yellow\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\">\r\n            <\/div>\r\n            <div class=\"relative z-10\">\r\n              <div\r\n                class=\"w-14 h-14 rounded-2xl bg-white\/5 flex items-center justify-center text-brand-yellow mb-6 group-hover:scale-110 group-hover:bg-brand-yellow group-hover:text-brand-charcoal transition-all duration-500\">\r\n                <svg class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                    d=\"M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.514\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <h4 class=\"font-chivo font-bold text-xl mb-3 text-white\">Conexi\u00f3n Genuina<\/h4>\r\n              <p class=\"text-brand-sand\/80 leading-relaxed text-sm\">Quieres inspirar desde lo aut\u00e9ntico, aprender a\r\n                manejar los nervios y conectar \u00edntimamente.<\/p>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- Card 6 -->\r\n          <div\r\n            class=\"group relative p-8 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-white\/5 rounded-3xl overflow-hidden hover:-translate-y-2 hover:shadow-[0_10px_30px_rgba(247,168,0,0.1)] hover:border-brand-yellow\/30 transition-all duration-500 md:col-span-2\">\r\n            <div\r\n              class=\"absolute inset-0 bg-gradient-to-br from-brand-yellow\/10 to-transparent opacity-0 group-hover:opacity-100 transition-opacity duration-500\">\r\n            <\/div>\r\n            <div class=\"relative z-10 md:flex md:items-center md:gap-8\">\r\n              <div\r\n                class=\"w-14 h-14 shrink-0 rounded-2xl bg-white\/5 flex items-center justify-center text-brand-yellow mb-6 md:mb-0 group-hover:scale-110 group-hover:bg-brand-yellow group-hover:text-brand-charcoal transition-all duration-500\">\r\n                <svg class=\"w-7 h-7\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                  <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                    d=\"M3.055 11H5a2 2 0 012 2v1a2 2 0 002 2 2 2 0 012 2v2.945M8 3.935V5.5A2.5 2.5 0 0010.5 8h.5a2 2 0 012 2 2 2 0 104 0 2 2 0 012-2h1.064M15 20.488V18a2 2 0 012-2h3.064M21 12a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\r\n                <\/svg>\r\n              <\/div>\r\n              <div>\r\n                <h4 class=\"font-chivo font-bold text-xl mb-3 text-white\">Creaci\u00f3n de Comunidad<\/h4>\r\n                <p class=\"text-brand-sand\/80 leading-relaxed text-sm\">Buscas crear una comunidad leal, dejar una huella\r\n                  profunda y construir un legado tangible en el mundo con tu mensaje.<\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Big Call to action \/ Highlight con video expandible al hover -->\r\n      <div class=\"viviras-highlight mt-8 p-12 bg-[#1a1a1a]\/80 backdrop-blur-xl border border-brand-yellow\/20 rounded-3xl relative overflow-hidden group hover:border-brand-yellow\/50 transition-colors duration-500 text-center shadow-xl\"\r\n        id=\"virivasHighlight\">\r\n        <div\r\n          class=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-brand-yellow\/10 via-brand-charcoal\/5 to-transparent opacity-50 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none\">\r\n        <\/div>\r\n        <h3\r\n          class=\"font-chivo font-black text-3xl md:text-5xl text-brand-yellow uppercase tracking-tight mb-4 relative z-10\">\r\n          Lo que vivir\u00e1s ser\u00e1 \u00e9pico<\/h3>\r\n        <p class=\"text-xl text-brand-sand uppercase tracking-[4px] relative z-10 mb-2\">Aqu\u00ed trabajas tu voz y te unes a\r\n          una comunidad que te expande.<\/p>\r\n        <p class=\"text-sm text-brand-yellow\/80 uppercase tracking-[3px] relative z-10 flex items-center justify-center gap-2 mt-3\">\r\n          <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"\r\n            stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\r\n            <polygon points=\"10 8 16 12 10 16 10 8\" fill=\"currentColor\"><\/polygon>\r\n          <\/svg>\r\n          Pasa el cursor para ver el recap\r\n        <\/p>\r\n\r\n        <!-- VIDEO EXPANDIBLE al hover -->\r\n        <div class=\"viviras-video-frame relative z-10\">\r\n          <!-- Wrapper centrado con ancho fijo para video + carrusel -->\r\n          <div class=\"viviras-stack mx-auto\" style=\"max-width: 440px;\">\r\n            <!-- Video principal vertical -->\r\n            <div class=\"viviras-video-vertical\">\r\n              <video id=\"virivasMainVideo\" class=\"viviras-recap-video\" controls playsinline preload=\"auto\" muted>\r\n                <source id=\"virivasMainSource\"\r\n                  src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Secuencia-01_1.mp4\" type=\"video\/mp4\">\r\n                Tu navegador no soporta video.\r\n              <\/video>\r\n            <\/div>\r\n\r\n            <!-- Carrusel de 3 miniaturas, juntos ocupan el ancho del video -->\r\n            <div class=\"viviras-thumbs-carousel mt-6\">\r\n              <div class=\"viviras-thumbs-track\">\r\n                <button type=\"button\" class=\"viviras-thumb is-active\"\r\n                data-video-src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Secuencia-01_1.mp4\"\r\n                data-label=\"Recap\">\r\n                <div class=\"viviras-thumb-frame\">\r\n                  <video class=\"viviras-thumb-video\" muted playsinline preload=\"metadata\">\r\n                    <source src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Secuencia-01_1.mp4#t=1\" type=\"video\/mp4\">\r\n                  <\/video>\r\n                  <div class=\"viviras-thumb-play\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\r\n                      <polygon points=\"6 4 20 12 6 20 6 4\"><\/polygon>\r\n                    <\/svg>\r\n                  <\/div>\r\n                <\/div>\r\n                <div class=\"viviras-thumb-label\">Recap<\/div>\r\n              <\/button>\r\n                <button type=\"button\" class=\"viviras-thumb\" data-video-src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Ceci%20Aro%20testimonio%202.mp4\" data-label=\"Ceci Aro\">\r\n                  <div class=\"viviras-thumb-frame\">\r\n                    <video class=\"viviras-thumb-video\" muted playsinline preload=\"metadata\">\r\n                      <source src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Ceci%20Aro%20testimonio%202.mp4#t=1\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                    <div class=\"viviras-thumb-play\">\r\n                      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"6 4 20 12 6 20 6 4\"><\/polygon><\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"viviras-thumb-label\">Ceci Aro<\/div>\r\n                <\/button>\r\n\r\n                <button type=\"button\" class=\"viviras-thumb\" data-video-src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Mario%20Sol%C3%ADs%20testimonio%203-.mp4\" data-label=\"Mario Sol\u00eds\">\r\n                  <div class=\"viviras-thumb-frame\">\r\n                    <video class=\"viviras-thumb-video\" muted playsinline preload=\"metadata\">\r\n                      <source src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Mario%20Sol%C3%ADs%20testimonio%203-.mp4#t=1\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                    <div class=\"viviras-thumb-play\">\r\n                      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"6 4 20 12 6 20 6 4\"><\/polygon><\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"viviras-thumb-label\">Mario Sol\u00eds<\/div>\r\n                <\/button>\r\n\r\n                <button type=\"button\" class=\"viviras-thumb\" data-video-src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Cristel%20Silerio%20testimonio%2011%20.mp4\" data-label=\"Cristel Silerio\">\r\n                  <div class=\"viviras-thumb-frame\">\r\n                    <video class=\"viviras-thumb-video\" muted playsinline preload=\"metadata\">\r\n                      <source src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Cristel%20Silerio%20testimonio%2011%20.mp4#t=1\" type=\"video\/mp4\">\r\n                    <\/video>\r\n                    <div class=\"viviras-thumb-play\">\r\n                      <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><polygon points=\"6 4 20 12 6 20 6 4\"><\/polygon><\/svg>\r\n                    <\/div>\r\n                  <\/div>\r\n                  <div class=\"viviras-thumb-label\">Cristel Silerio<\/div>\r\n                <\/button>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7e10b3a elementor-widget elementor-widget-html\" data-id=\"7e10b3a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- MARQUEE -->\r\n  <div class=\"marquee-text\">\r\n    <div class=\"marquee-inner\">\r\n      <span class=\"marquee-word filled\">LO QUE VIVIR\u00c1S SER\u00c1 \u00c9PICO<\/span>\r\n      <span class=\"marquee-word outline\">NADA VOLVER\u00c1 A SER IGUAL<\/span>\r\n      <span class=\"marquee-word filled\">LA GRANDEZA TE ESPERA<\/span>\r\n      <span class=\"marquee-word outline\">PREP\u00c1RATE<\/span>\r\n      <span class=\"marquee-word filled\">LO QUE VIVIR\u00c1S SER\u00c1 \u00c9PICO<\/span>\r\n      <span class=\"marquee-word outline\">NADA VOLVER\u00c1 A SER IGUAL<\/span>\r\n      <span class=\"marquee-word filled\">LA GRANDEZA TE ESPERA<\/span>\r\n      <span class=\"marquee-word outline\">PREP\u00c1RATE<\/span>\r\n    <\/div>\r\n  <\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fea406c elementor-widget elementor-widget-html\" data-id=\"fea406c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Qu\u00e9 obtendr\u00e1s -->\r\n  <section class=\"py-24 px-6 bg-brand-charcoalMid\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n      <div class=\"mb-16\">\r\n        <span class=\"section-label\">Resultados<\/span>\r\n        <h2 class=\"font-chivo font-black text-4xl md:text-6xl uppercase tracking-tight\">\r\n          \u00bfQu\u00e9 obtendr\u00e1s en el <span class=\"text-brand-yellow\">Bootcamp?<\/span>\r\n        <\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"grid grid-cols-1 md:grid-cols-2 gap-x-12 gap-y-16\">\r\n        <div class=\"relative pl-16\">\r\n          <span\r\n            class=\"absolute left-0 top-[-20px] font-chivo font-black text-8xl text-brand-yellow\/10 leading-none\">1<\/span>\r\n          <p class=\"text-lg text-brand-sand\">Te ayudaremos a encontrar ese mensaje \u00fanico que te har\u00e1 diferente.<\/p>\r\n        <\/div>\r\n        <div class=\"relative pl-16\">\r\n          <span\r\n            class=\"absolute left-0 top-[-20px] font-chivo font-black text-8xl text-brand-yellow\/10 leading-none\">2<\/span>\r\n          <p class=\"text-lg text-brand-sand\">Aprender\u00e1s a mover emociones y dejar huella con tu voz.<\/p>\r\n        <\/div>\r\n        <div class=\"relative pl-16\">\r\n          <span\r\n            class=\"absolute left-0 top-[-20px] font-chivo font-black text-8xl text-brand-yellow\/10 leading-none\">3<\/span>\r\n          <p class=\"text-lg text-brand-sand\">Formar\u00e1s parte de la comunidad de Speakers m\u00e1s importante de Latinoam\u00e9rica\r\n            con acceso a los mejores bur\u00f3s.<\/p>\r\n        <\/div>\r\n        <div class=\"relative pl-16\">\r\n          <span\r\n            class=\"absolute left-0 top-[-20px] font-chivo font-black text-8xl text-brand-yellow\/10 leading-none\">4<\/span>\r\n          <p class=\"text-lg text-brand-sand\">Dominar\u00e1s el arte de dar TED talks y te ense\u00f1aremos c\u00f3mo crear tu libro y\r\n            tu podcast.<\/p>\r\n        <\/div>\r\n        <div class=\"relative pl-16\">\r\n          <span\r\n            class=\"absolute left-0 top-[-20px] font-chivo font-black text-8xl text-brand-yellow\/10 leading-none\">5<\/span>\r\n          <p class=\"text-lg text-brand-sand\">Entender\u00e1s c\u00f3mo potenciar tu marca personal y presencia en redes para\r\n            monetizar tu talento.<\/p>\r\n        <\/div>\r\n        <div class=\"relative pl-16\">\r\n          <span\r\n            class=\"absolute left-0 top-[-20px] font-chivo font-black text-8xl text-brand-yellow\/10 leading-none\">6<\/span>\r\n          <p class=\"text-lg text-brand-sand\">Te ense\u00f1aremos c\u00f3mo moverte en el escenario y potenciar tu presentaci\u00f3n a\r\n            nivel audio-visual.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Highlight Box \u2014 Lo m\u00e1s importante que no te ofrece nadie -->\r\n      <div class=\"lo-importante-block\">\r\n        <div class=\"relative z-10 max-w-4xl\">\r\n          <div class=\"lo-importante-badge\">\r\n            <span class=\"pulse-dot\"><\/span>\r\n            <span>Exclusivo \u00b7 Solo en Energizers<\/span>\r\n          <\/div>\r\n          <h3 class=\"font-chivo font-black text-3xl md:text-5xl text-brand-charcoal uppercase tracking-tight leading-[1.05] mb-6\">\r\n            Y lo m\u00e1s importante <br class=\"hidden md:block\"><span class=\"italic\">que no te ofrece nadie:<\/span>\r\n          <\/h3>\r\n          <div class=\"w-16 h-1 bg-brand-charcoal mb-8 rounded-full\"><\/div>\r\n          <div class=\"space-y-5 text-brand-charcoal\">\r\n            <p class=\"text-lg md:text-xl leading-relaxed font-medium\">\r\n              En el <span class=\"font-black underline decoration-2 underline-offset-4\">tercer d\u00eda<\/span> no solo practicas. <span class=\"font-black\">Sales a jugar en serio.<\/span>\r\n            <\/p>\r\n            <p class=\"text-base md:text-lg leading-relaxed\">\r\n              Presentar\u00e1s tu pitch en formato <span class=\"font-bold\">TED<\/span> frente a <span class=\"font-bold\">bur\u00f3s de speakers, clientes y decision makers.<\/span>\r\n            <\/p>\r\n            <p class=\"text-base md:text-lg leading-relaxed\">\r\n              Recibir\u00e1s <span class=\"font-bold\">feedback real<\/span>\u2026 y la posibilidad de que tu voz se convierta en oportunidad.\r\n            <\/p>\r\n            <p class=\"text-base md:text-lg leading-relaxed font-medium pt-4 border-t border-brand-charcoal\/20\">\r\n              Aqu\u00ed vienes a <span class=\"font-black\">aprender, exponerte, crecer<\/span> y <span class=\"font-black\">entrar al juego.<\/span>\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex flex-wrap gap-3 mt-10\">\r\n            <span class=\"inline-flex items-center gap-2 px-4 py-2 bg-brand-charcoal\/90 text-brand-yellow rounded-full text-xs font-chivo font-bold uppercase tracking-widest\">\r\n              <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\"\/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z\"\/><\/svg>\r\n              Bur\u00f3s presentes\r\n            <\/span>\r\n            <span class=\"inline-flex items-center gap-2 px-4 py-2 bg-brand-charcoal\/90 text-brand-yellow rounded-full text-xs font-chivo font-bold uppercase tracking-widest\">\r\n              <svg class=\"w-3.5 h-3.5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n              Feedback profesional\r\n            <\/span>\r\n            <span class=\"inline-flex items-center gap-2 px-4 py-2 bg-brand-charcoal\/90 text-brand-yellow rounded-full text-xs font-chivo font-bold uppercase tracking-widest\">\r\n              <svg class=\"w-3.5 h-3.5\" fill=\"currentColor\" viewBox=\"0 0 20 20\"><path d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 18v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.38z\"\/><\/svg>\r\n              Oportunidad real\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ad961ef elementor-widget elementor-widget-html\" data-id=\"ad961ef\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Speakers (Vercel Ship Style) -->\r\n<section id=\"mentores\" class=\"py-24 px-6 bg-transparent relative\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n        <div class=\"mb-20 text-center lg:text-left flex flex-col lg:flex-row lg:items-end justify-between gap-8\">\r\n            <div>\r\n                <span class=\"section-label justify-center lg:justify-start\">Los Mentores<\/span>\r\n                <h2 class=\"font-chivo font-black text-4xl md:text-6xl uppercase tracking-tight\">\r\n                    Aprende de los <span class=\"text-brand-yellow\">Mejores<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n            <p class=\"text-brand-sand max-w-md lg:text-right font-light\">\r\n                Conoce a los expertos que te guiar\u00e1n en tu camino para convertir tu voz en tu mayor activo.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-8 relative\">\r\n\r\n            <!-- Left Column: Speaker List -->\r\n            <div\r\n                class=\"w-full lg:w-7\/12 flex flex-col order-2 lg:order-1 bg-[#1a1a1a]\/70 backdrop-blur-xl border border-white\/10 rounded-2xl overflow-hidden shadow-2xl\">\r\n                <!-- Jorge Rosas -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/08\/Diseno-sin-titulo-42-e1755270089895.png\"\r\n                    data-name=\"Jorge Rosas\" data-title=\"Fundador del movimiento Energizers\"\r\n                    data-bio=\"CEO de WeWow, speaker internacional y autor de tres TEDx Talks. Con m\u00e1s de 1,200 conferencias en 4 continentes, ha compartido su mensaje con m\u00e1s de 500,000 personas. Ex Director de RH en empresas globales como Disney y Cin\u00e9polis.\"\r\n                    data-quote=\"&quot;Jorge no ense\u00f1a a hablar\u2026 ense\u00f1a a encender audiencias.&quot;\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">01<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Jorge Rosas<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Fundador del movimiento Energizers<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Adri\u00e1n Pe\u00f1a -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/PHOTO-2026-05-25-15-44-22.jpg\"\r\n                    data-name=\"Adri\u00e1n Pe\u00f1a\" data-title=\"Lord of the speakers\"\r\n                    data-bio=\"El hombre que transforma oradores en leyendas. Mentor de l\u00edderes, estratega de impacto y creador de conferencias que marcan un antes y un despu\u00e9s. Con The Speakers, lleva a l\u00edderes a dominar el escenario y conectar sin filtros.\"\r\n                    data-quote=\"Estar\u00e1 EN VIVO en el Bootcamp. Es tu momento para aprender de \u00e9l.\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">02<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Adri\u00e1n Pe\u00f1a<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Lord of the speakers<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n               \r\n               <!-- Borja Castelar -->\r\n            <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/06\/251215_BorjaCastelar_perfilsinfondo768x768-1.webp\"\r\n                data-name=\"Borja Castelar\"\r\n                data-title=\"Ex Director de LinkedIn LATAM\"\r\n                                data-bio=\"Borja Castelar es conferencista internacional, autor bestseller y exdirector de Linkedin para Latinoam\u00e9rica. Ha inspirado a m\u00e1s de 500,000 personas en Linkedin Learning y ha impartido m\u00e1s de 700 conferencias en 25 pa\u00edses sobre liderazgo, innovaci\u00f3n y futuro del trabajo.\r\n                Es autor de Power Skills (Planeta) y es reconocido por su energ\u00eda en el escenario y su capacidad para convertir conocimiento en acci\u00f3n. Sus presentaciones combinan tendencias, herramientas y mentalidad para liderar con relevancia en un mundo laboral en evoluci\u00f3n.\"\r\n                data-quote=\"&quot;El liderazgo del futuro se construye con habilidades humanas extraordinarias.&quot;\">\r\n                \r\n                <div class=\"flex items-center gap-6\">\r\n                    <span class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">03<\/span>\r\n            \r\n                    <div>\r\n                        <h3 class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                            Borja Castelar\r\n                        <\/h3>\r\n            \r\n                        <p class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                            Ex Director de LinkedIn LATAM\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n                <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                    fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                        d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <!-- Jorge Serratos -->\r\n            <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/06\/230623-_JS1-scaled.jpg\"\r\n                data-name=\"Jorge Serratos\"\r\n                data-title=\"Empresario, conferencista y creador de Sinerg\u00e9ticos\"\r\n                data-bio=\"Jorge Serratos es empresario, conferencista y CEO de Grupo Serlo, conformado por ASL Despacho Legal, Sinertegia Agencia Digital y Sinertegia Academy. Es creador del podcast Sinerg\u00e9ticos, uno de los m\u00e1s influyentes en M\u00e9xico, y autor de los libros Sinerg\u00e9ticos y \u00a1Llama la atenci\u00f3n!.\r\n              Su historia de transformaci\u00f3n personal \u2014 de pandillero a empresario\u2014se convirti\u00f3 en una filosof\u00eda de sinergia, liderazgo y superaci\u00f3n que ha inspirado a millones en Am\u00e9rica Latina y Estados Unidos.\"\r\n                data-quote=\"&quot;La sinergia correcta puede transformar cualquier historia.&quot;\">\r\n                \r\n                <div class=\"flex items-center gap-6\">\r\n                    <span class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">04<\/span>\r\n            \r\n                    <div>\r\n                        <h3 class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                            Jorge Serratos\r\n                        <\/h3>\r\n            \r\n                        <p class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                            Creador de Sinerg\u00e9ticos\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n                <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                    fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                        d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <!-- Juan Lombana -->\r\n            <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/06\/2025-A_MG_7967-scaled.jpg\"\r\n                data-name=\"Juan Lombana\"\r\n                data-title=\"Ex Google & Fundador de Mercatitl\u00e1n\"\r\n                                data-bio=\"Juan Lombana convierte conceptos complejos de marketing digital, innovaci\u00f3n e inteligencia artificial en aprendizajes pr\u00e1cticos y memorables.\r\n                Con un estilo irreverente, din\u00e1mico y cercano, combina educaci\u00f3n y entretenimiento para hablar de redes sociales, construcci\u00f3n de comunidades, transformaci\u00f3n digital, liderazgo y motivaci\u00f3n.\r\n                Ex Google y fundador de Mercatitl\u00e1n, es reconocido por su enfoque estrat\u00e9gico y actual, con conferencias como Los 4 ingredientes para triunfar en redes sociales, \u00bflA vali\u00f3? y TikTok, la red social que tu t\u00eda no entiende (ni t\u00fa), que conecta con audiencias de forma directa y entretenida.\"\r\n                data-quote=\"&quot;La innovaci\u00f3n sucede cuando entiendes hacia d\u00f3nde se mueve el mundo.&quot;\">\r\n                \r\n                <div class=\"flex items-center gap-6\">\r\n                    <span class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">05<\/span>\r\n            \r\n                    <div>\r\n                        <h3 class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                            Juan Lombana\r\n                        <\/h3>\r\n            \r\n                        <p class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                            Ex Google & Fundador de Mercatitl\u00e1n\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n                <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                    fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                        d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n            <!-- Nayo Escobar -->\r\n            <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/06\/NAYO-ESCOBAR-1.webp\"\r\n                data-name=\"Nayo Escobar\"\r\n                data-title=\"Creador de El Circo de las Emociones\"\r\n                data-bio=\"Nayo Escobar es conferencista y creador de la showferencia El Circo de las Emociones, una experiencia esc\u00e9nica de alto impacto que fusiona storytelling, reflexi\u00f3n y espect\u00e1culo. Su propuesta inmersiva impulsa el autoconocimiento, el cambio de perspectiva y la transformaci\u00f3n personal y profesional.\"\r\n                data-quote=\"&quot;Las emociones bien dirigidas tienen el poder de transformar vidas.&quot;\">\r\n                \r\n                <div class=\"flex items-center gap-6\">\r\n                    <span class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">06<\/span>\r\n            \r\n                    <div>\r\n                        <h3 class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                            Nayo Escobar\r\n                        <\/h3>\r\n            \r\n                        <p class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                            El Circo de las Emociones\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            \r\n                <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                    fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                    <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                        d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                <\/svg>\r\n            <\/div>\r\n               \r\n               \r\n\r\n               \r\n\r\n            <\/div>\r\n\r\n            <!-- Right Column: Dynamic Display -->\r\n            <div class=\"w-full lg:w-6\/12 order-1 lg:order-2 flex flex-col\">\r\n                <div\r\n                  class=\"relative bg-[#1e1e1e] border border-[#2a2a2a] rounded-2xl overflow-hidden shadow-2xl flex flex-col transition-all duration-500 h-[620px] lg:h-[720px] group\">\r\n\r\n                    <div class=\"relative flex-1 overflow-hidden bg-black\">\r\n                        <img decoding=\"async\" id=\"speaker-display-image\"\r\n                            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/08\/Diseno-sin-titulo-42-e1755270089895.png\"\r\n                            alt=\"Jorge Rosas - Mentor destacado del WeWow Energizers Bootcamp\"\r\n                            class=\"absolute inset-0 w-full h-full object-cover grayscale transition-all duration-700 transform group-hover:scale-105 opacity-80 mix-blend-luminosity\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1e1e1e] via-[#1e1e1e]\/80 to-transparent\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"absolute bottom-0 w-full p-8 lg:p-10\">\r\n                        <div\r\n                            class=\"inline-block px-3 py-1 bg-brand-yellow text-brand-charcoal font-chivo font-bold text-xs tracking-widest uppercase rounded-sm mb-4\">\r\n                            Speaker Destacado<\/div>\r\n                        <h3 id=\"speaker-display-name\"\r\n                            class=\"font-chivo font-black text-4xl lg:text-5xl uppercase mb-2 text-white\">Jorge Rosas\r\n                        <\/h3>\r\n                        <p id=\"speaker-display-title\"\r\n                            class=\"font-chivo font-bold text-brand-yellow uppercase tracking-[2px] text-sm mb-4\">\r\n                            Fundador del\r\n                            movimiento Energizers<\/p>\r\n                        <p id=\"speaker-display-bio\"\r\n                            class=\"text-brand-sand leading-relaxed text-sm lg:text-base font-light\">CEO de\r\n                            WeWow, speaker internacional y autor de tres TEDx Talks. Con m\u00e1s de 1,200 conferencias en 4\r\n                            continentes,\r\n                            ha compartido su mensaje con m\u00e1s de 500,000 personas. Ex Director de RH en empresas globales\r\n                            como Disney\r\n                            y Cin\u00e9polis.<\/p>\r\n                        <p id=\"speaker-display-quote\"\r\n                            class=\"text-white\/60 italic text-sm mt-4 border-l-2 border-brand-yellow pl-4\">\"Jorge no\r\n                            ense\u00f1a a hablar\u2026\r\n                            ense\u00f1a a encender audiencias.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5ddf16 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-mobile elementor-widget elementor-widget-html\" data-id=\"d5ddf16\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Speakers (Vercel Ship Style) -->\r\n<section id=\"mentores\" class=\"py-24 px-6 bg-transparent relative\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n        <div class=\"mb-20 text-center lg:text-left flex flex-col lg:flex-row lg:items-end justify-between gap-8\">\r\n            <div>\r\n                <span class=\"section-label justify-center lg:justify-start\">Los Mentores<\/span>\r\n                <h2 class=\"font-chivo font-black text-4xl md:text-6xl uppercase tracking-tight\">\r\n                    Aprende de los <span class=\"text-brand-yellow\">Mejores<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n            <p class=\"text-brand-sand max-w-md lg:text-right font-light\">\r\n                Conoce a los expertos que te guiar\u00e1n en tu camino para convertir tu voz en tu mayor activo.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"flex flex-col lg:flex-row gap-12 lg:gap-8 relative\">\r\n\r\n            <!-- Left Column: Speaker List -->\r\n            <div\r\n                class=\"w-full lg:w-7\/12 flex flex-col order-2 lg:order-1 bg-[#1a1a1a]\/70 backdrop-blur-xl border border-white\/10 rounded-2xl overflow-hidden shadow-2xl\">\r\n                <!-- Jorge Rosas -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/08\/Diseno-sin-titulo-42-e1755270089895.png\"\r\n                    data-name=\"Jorge Rosas\" data-title=\"Fundador del movimiento Energizers\"\r\n                    data-bio=\"CEO de WeWow, speaker internacional y autor de tres TEDx Talks. Con m\u00e1s de 1,200 conferencias en 4 continentes, ha compartido su mensaje con m\u00e1s de 500,000 personas. Ex Director de RH en empresas globales como Disney y Cin\u00e9polis.\"\r\n                    data-quote=\"&quot;Jorge no ense\u00f1a a hablar\u2026 ense\u00f1a a encender audiencias.&quot;\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">01<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Jorge Rosas<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Fundador del movimiento Energizers<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Adri\u00e1n Pe\u00f1a -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/PHOTO-2026-05-25-15-44-22.jpg\"\r\n                    data-name=\"Adri\u00e1n Pe\u00f1a\" data-title=\"Lord of the speakers\"\r\n                    data-bio=\"El hombre que transforma oradores en leyendas. Mentor de l\u00edderes, estratega de impacto y creador de conferencias que marcan un antes y un despu\u00e9s. Con The Speakers, lleva a l\u00edderes a dominar el escenario y conectar sin filtros.\"\r\n                    data-quote=\"Estar\u00e1 EN VIVO en el Bootcamp. Es tu momento para aprender de \u00e9l.\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">02<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Adri\u00e1n Pe\u00f1a<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Lord of the speakers<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Jes\u00fas Cochegrus -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/Jesus-Cochegrus-scaled.jpg\"\r\n                    data-name=\"Jes\u00fas Cochegrus\" data-title=\"Speaker Internacional WOBI\"\r\n                    data-bio=\"Destacado conferencista y estratega mexicano, conocido por su trabajo en innovaci\u00f3n, storytelling y liderazgo. Forma parte del selecto grupo de speakers internacionales WOBI.\"\r\n                    data-quote=\"\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">03<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Jes\u00fas Cochegrus<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Speaker Internacional WOBI<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Oso Trava -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/09\/Asset-3.png\"\r\n                    data-name=\"Oso Trava\" data-title=\"Fundador de Cracks Podcast\"\r\n                    data-bio=\"Emprendedor e inversionista. Compartir\u00e1 c\u00f3mo encontrar tu autenticidad alineada a tu prop\u00f3sito y c\u00f3mo estructurar mensajes que conecten desde la vulnerabilidad, convirtiendo tu historia en una plataforma de impacto.\"\r\n                    data-quote=\"\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">04<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Oso Trava<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Fundador de Cracks Podcast<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Vilma Nu\u00f1ez -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/09\/Asset-5.png\"\r\n                    data-name=\"Vilma Nu\u00f1ez\" data-title=\"Estratega en Inteligencia Artificial & Marketing\"\r\n                    data-bio=\"Doctora en Publicidad y fundadora de Convierte M\u00e1s. En el Bootcamp revelar\u00e1 c\u00f3mo la IA est\u00e1 revolucionando el marketing y la creaci\u00f3n de marcas personales para impulsar tu liderazgo en la era digital.\"\r\n                    data-quote=\"\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">05<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Vilma Nu\u00f1ez<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Estratega en Inteligencia Artificial & Marketing<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n                <!-- Juan C. Barrios -->\r\n                <div class=\"speaker-row group flex items-center justify-between py-8 px-4 md:px-6 border-b border-white\/10 cursor-pointer hover:bg-white\/5 transition-colors duration-300\"\r\n                    data-image=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/09\/Asset-4.png\"\r\n                    data-name=\"Juan C. Barrios\" data-title=\"Mentor & Escritor\"\r\n                    data-bio=\"Estratega con m\u00e1s de 20 a\u00f1os ayudando a l\u00edderes a construir mensajes que trascienden. Mostrar\u00e1 el camino para transformar tu voz en un legado escrito (un libro) y abrir nuevas puertas como speaker.\"\r\n                    data-quote=\"\">\r\n                    <div class=\"flex items-center gap-6\">\r\n                        <span\r\n                            class=\"font-chivo font-black text-xl md:text-2xl text-white\/20 group-hover:text-brand-yellow transition-colors w-6 md:w-8\">06<\/span>\r\n                        <div>\r\n                            <h3\r\n                                class=\"font-chivo font-black text-2xl md:text-4xl uppercase text-white\/60 group-hover:text-white transition-colors\">\r\n                                Juan C. Barrios<\/h3>\r\n                            <p\r\n                                class=\"font-roboto font-light text-brand-sand\/50 group-hover:text-brand-sand transition-colors text-xs md:text-sm uppercase tracking-widest mt-1\">\r\n                                Mentor & Escritor<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <svg class=\"w-6 h-6 md:w-8 md:h-8 text-brand-yellow opacity-0 group-hover:opacity-100 transform -translate-x-4 group-hover:translate-x-0 transition-all duration-300 hidden sm:block\"\r\n                        fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\r\n                        <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"\r\n                            d=\"M17 8l4 4m0 0l-4 4m4-4H3\" \/>\r\n                    <\/svg>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- Right Column: Dynamic Display -->\r\n            <div class=\"w-full lg:w-5\/12 order-1 lg:order-2 flex flex-col\">\r\n                <div\r\n                    class=\"relative bg-[#1e1e1e] border border-[#2a2a2a] rounded-2xl overflow-hidden shadow-2xl flex flex-col transition-all duration-500 h-[500px] lg:h-full group\">\r\n\r\n                    <div class=\"relative flex-1 overflow-hidden bg-black\">\r\n                        <img decoding=\"async\" id=\"speaker-display-image\"\r\n                            src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2025\/08\/Diseno-sin-titulo-42-e1755270089895.png\"\r\n                            alt=\"Jorge Rosas - Mentor destacado del WeWow Energizers Bootcamp\"\r\n                            class=\"absolute inset-0 w-full h-full object-cover grayscale transition-all duration-700 transform group-hover:scale-105 opacity-80 mix-blend-luminosity\">\r\n                        <div class=\"absolute inset-0 bg-gradient-to-t from-[#1e1e1e] via-[#1e1e1e]\/80 to-transparent\">\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"absolute bottom-0 w-full p-8 lg:p-10\">\r\n                        <div\r\n                            class=\"inline-block px-3 py-1 bg-brand-yellow text-brand-charcoal font-chivo font-bold text-xs tracking-widest uppercase rounded-sm mb-4\">\r\n                            Speaker Destacado<\/div>\r\n                        <h3 id=\"speaker-display-name\"\r\n                            class=\"font-chivo font-black text-4xl lg:text-5xl uppercase mb-2 text-white\">Jorge Rosas\r\n                        <\/h3>\r\n                        <p id=\"speaker-display-title\"\r\n                            class=\"font-chivo font-bold text-brand-yellow uppercase tracking-[2px] text-sm mb-4\">\r\n                            Fundador del\r\n                            movimiento Energizers<\/p>\r\n                        <p id=\"speaker-display-bio\"\r\n                            class=\"text-brand-sand leading-relaxed text-sm lg:text-base font-light\">CEO de\r\n                            WeWow, speaker internacional y autor de tres TEDx Talks. Con m\u00e1s de 1,200 conferencias en 4\r\n                            continentes,\r\n                            ha compartido su mensaje con m\u00e1s de 500,000 personas. Ex Director de RH en empresas globales\r\n                            como Disney\r\n                            y Cin\u00e9polis.<\/p>\r\n                        <p id=\"speaker-display-quote\"\r\n                            class=\"text-white\/60 italic text-sm mt-4 border-l-2 border-brand-yellow pl-4\">\"Jorge no\r\n                            ense\u00f1a a hablar\u2026\r\n                            ense\u00f1a a encender audiencias.\"<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84a7cde elementor-widget elementor-widget-html\" data-id=\"84a7cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<hr class=\"border-t border-white\/5\">\r\n\r\n  <!-- Lo que vivir\u00e1s \/ M\u00f3dulos -->\r\n  <section class=\"py-16 md:py-20 px-6 bg-transparent relative z-10 overflow-hidden\">\r\n    <div class=\"max-w-7xl mx-auto\">\r\n\r\n      <!-- Compact horizontal header -->\r\n      <div class=\"flex flex-col md:flex-row md:items-end md:justify-between gap-6 mb-10\">\r\n        <div class=\"max-w-2xl\">\r\n          <span class=\"section-label justify-start\">Los M\u00f3dulos<\/span>\r\n          <h2 class=\"font-chivo font-black text-4xl md:text-5xl uppercase tracking-tight leading-[1] text-shadow-sm\">\r\n            Lo que <span class=\"text-brand-yellow\">vivir\u00e1s<\/span>\r\n          <\/h2>\r\n        <\/div>\r\n        <div class=\"flex flex-col md:items-end gap-3\">\r\n          <p class=\"text-brand-sand\/70 text-sm md:text-base leading-relaxed max-w-md md:text-right\">\r\n            9 m\u00f3dulos \u00b7 3 pilares \u00b7 de la idea al escenario.\r\n          <\/p>\r\n          <div class=\"flex flex-wrap items-center gap-x-4 gap-y-2\">\r\n            <span class=\"inline-flex items-center gap-2\">\r\n              <span class=\"w-1.5 h-1.5 rounded-full bg-brand-yellow\"><\/span>\r\n              <span class=\"font-chivo font-bold text-[10px] uppercase tracking-[3px] text-white\">Yourself<\/span>\r\n            <\/span>\r\n            <span class=\"inline-flex items-center gap-2\">\r\n              <span class=\"w-1.5 h-1.5 rounded-full bg-brand-yellow\"><\/span>\r\n              <span class=\"font-chivo font-bold text-[10px] uppercase tracking-[3px] text-white\">Others<\/span>\r\n            <\/span>\r\n            <span class=\"inline-flex items-center gap-2\">\r\n              <span class=\"w-1.5 h-1.5 rounded-full bg-brand-yellow\"><\/span>\r\n              <span class=\"font-chivo font-bold text-[10px] uppercase tracking-[3px] text-white\">Your Business<\/span>\r\n            <\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Compact 3-col grid with mouse-follow gradient -->\r\n      <div class=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\" id=\"modulos-grid\">\r\n\r\n        <div class=\"modulo-card reveal-item\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">01<\/div>\r\n          <\/div>\r\n          <h4>El arte del dise\u00f1o<\/h4>\r\n          <p>Pausas, ritmo y silencios como herramientas de impacto.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.05s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 8h10M7 12h4m1 8l-4-4H5a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v8a2 2 0 01-2 2h-3l-4 4z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">02<\/div>\r\n          <\/div>\r\n          <h4>Comunicaci\u00f3n persuasiva<\/h4>\r\n          <p>Conecta desde la autenticidad. Sin manipulaci\u00f3n.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.1s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 10V3L4 14h7v7l9-11h-7z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">03<\/div>\r\n          <\/div>\r\n          <h4>Domina el miedo esc\u00e9nico<\/h4>\r\n          <p>Transforma el nervio en presencia esc\u00e9nica.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.15s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">04<\/div>\r\n          <\/div>\r\n          <h4>Propuesta \u00fanica de valor<\/h4>\r\n          <p>Qu\u00e9 te diferencia. Por qu\u00e9 deben contratarte.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.2s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M20 7l-8-4-8 4m16 0l-8 4m8-4v10l-8 4m0-10L4 7m8 4v10M4 7v10l8 4\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">05<\/div>\r\n          <\/div>\r\n          <h4>Portafolio de alto valor<\/h4>\r\n          <p>Autoridad, claridad y atractivo comercial.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.25s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"currentColor\" viewBox=\"0 0 24 24\"><path d=\"M19 0H5a5 5 0 00-5 5v14a5 5 0 005 5h14a5 5 0 005-5V5a5 5 0 00-5-5zM8 19H5V8h3v11zM6.5 6.7a1.8 1.8 0 110-3.6 1.8 1.8 0 010 3.6zM20 19h-3v-5.6c0-3.4-4-3.1-4 0V19h-3V8h3v1.8c1.4-2.6 7-2.8 7 2.5V19z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">06<\/div>\r\n          <\/div>\r\n          <h4>LinkedIn para speakers<\/h4>\r\n          <p>Atrae clientes, eventos y grandes oportunidades.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.3s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">07<\/div>\r\n          <\/div>\r\n          <h4>Modelos de negocio<\/h4>\r\n          <p>Libros, cursos, mentor\u00edas. M\u00e1s que el escenario.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.35s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">08<\/div>\r\n          <\/div>\r\n          <h4>Vender sin vender<\/h4>\r\n          <p>Marketing basado en generosidad. Opci\u00f3n natural.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"modulo-card reveal-item\" style=\"transition-delay: 0.4s;\">\r\n          <div class=\"modulo-head\">\r\n            <div class=\"modulo-icon\">\r\n              <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4M7.835 4.697a3.42 3.42 0 001.946-.806 3.42 3.42 0 014.438 0 3.42 3.42 0 001.946.806 3.42 3.42 0 013.138 3.138 3.42 3.42 0 00.806 1.946 3.42 3.42 0 010 4.438 3.42 3.42 0 00-.806 1.946 3.42 3.42 0 01-3.138 3.138 3.42 3.42 0 00-1.946.806 3.42 3.42 0 01-4.438 0 3.42 3.42 0 00-1.946-.806 3.42 3.42 0 01-3.138-3.138 3.42 3.42 0 00-.806-1.946 3.42 3.42 0 010-4.438 3.42 3.42 0 00.806-1.946 3.42 3.42 0 013.138-3.138z\"\/><\/svg>\r\n            <\/div>\r\n            <div class=\"modulo-number\">09<\/div>\r\n          <\/div>\r\n          <h4>Del pitch a la firma<\/h4>\r\n          <p>Cierra tratos con organizadores y clientes corporativos.<\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e4e22c3 elementor-widget elementor-widget-html\" data-id=\"e4e22c3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- CTA Registration -->\r\n<section id=\"registro\" class=\"py-32 px-6 bg-brand-yellow relative overflow-hidden\">\r\n\r\n  <!-- Decorative -->\r\n  <div class=\"absolute inset-0 flex justify-center items-center opacity-10 pointer-events-none\">\r\n    <svg viewBox=\"0 0 200 300\" class=\"w-full h-full max-w-4xl\" fill=\"none\">\r\n      <path d=\"M120 10 L40 160 L90 160 L80 290 L160 130 L110 130 Z\" fill=\"black\" \/>\r\n    <\/svg>\r\n  <\/div>\r\n\r\n  <div class=\"max-w-4xl mx-auto text-center relative z-10 text-brand-charcoal\">\r\n\r\n    <h2 class=\"font-chivo font-black text-5xl md:text-7xl uppercase tracking-tighter mb-6 leading-none\">\r\n      Si no es ahora...<br>\u00bfCu\u00e1ndo vas a usar tu voz?\r\n    <\/h2>\r\n\r\n    <p class=\"font-chivo font-bold text-2xl uppercase tracking-widest mb-12 opacity-80\">\r\n      Inscr\u00edbete antes de que te lo cuenten.\r\n    <\/p>\r\n\r\n    <div class=\"rounded-xl shadow-2xl text-left max-w-2xl mx-auto\">\r\n\r\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f978-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"978\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/bootcamp\/wp-json\/wp\/v2\/pages\/982#wpcf7-f978-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" enctype=\"multipart\/form-data\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"978\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f978-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_group_fields\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_hidden_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_visible_groups\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_repeaters\" value=\"[]\" \/><input type=\"hidden\" name=\"_wpcf7cf_steps\" value=\"{}\" \/><input type=\"hidden\" name=\"_wpcf7cf_options\" value=\"{&quot;form_id&quot;:978,&quot;conditions&quot;:[{&quot;then_field&quot;:&quot;persona-fisica&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;tipo-persona&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Persona f\\u00edsica&quot;}]},{&quot;then_field&quot;:&quot;persona-moral&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;tipo-persona&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;Persona moral&quot;}]},{&quot;then_field&quot;:&quot;no-factura&quot;,&quot;and_rules&quot;:[{&quot;if_field&quot;:&quot;tipo-persona&quot;,&quot;operator&quot;:&quot;equals&quot;,&quot;if_value&quot;:&quot;No requiero factura&quot;}]}],&quot;settings&quot;:{&quot;animation&quot;:&quot;yes&quot;,&quot;animation_intime&quot;:200,&quot;animation_outtime&quot;:200,&quot;conditions_ui&quot;:&quot;normal&quot;,&quot;notice_dismissed&quot;:false,&quot;repeater_remove_button&quot;:&quot;bottom&quot;}}\" \/>\n<\/fieldset>\n<div class=\"bootcamp-payment-form register-form\">\n\t<div class=\"form-title\">\n\t\t<p>Formulario de inscripci\u00f3n de pago\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"form-step\">\n\t\t<p><span>Paso 1<\/span>\n\t\t<\/p>\n\t\t<h3>Datos del participante\n\t\t<\/h3>\n\t<\/div>\n\t<div class=\"form-grid\">\n\t\t<div class=\"form-field\">\n\t\t\t<p><label class=\"form-label\">Nombre completo<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nombre-completo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre completo\" value=\"\" type=\"text\" name=\"nombre-completo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-field\">\n\t\t\t<p><label class=\"form-label\">Correo electr\u00f3nico<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"correo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"correo@ejemplo.com\" value=\"\" type=\"email\" name=\"correo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-field\">\n\t\t\t<p><label class=\"form-label\">Celular<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"celular\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"+52 55 0000 0000\" value=\"\" type=\"tel\" name=\"celular\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-field\">\n\t\t<p><label class=\"form-label\">\u00bfTipo de persona?<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"tipo-persona\"><span class=\"wpcf7-form-control wpcf7-radio\"><span class=\"wpcf7-list-item first\"><label><input type=\"radio\" name=\"tipo-persona\" value=\"Persona f\u00edsica\" checked=\"checked\" \/><span class=\"wpcf7-list-item-label\">Persona f\u00edsica<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"radio\" name=\"tipo-persona\" value=\"Persona moral\" \/><span class=\"wpcf7-list-item-label\">Persona moral<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"radio\" name=\"tipo-persona\" value=\"No requiero factura\" \/><span class=\"wpcf7-list-item-label\">No requiero factura<\/span><\/label><\/span><\/span><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div data-id=\"persona-fisica\" data-orig_data_id=\"persona-fisica\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t\t<div class=\"form-step form-step-blue\">\n\t\t\t<p><span>Paso 2<\/span>\n\t\t\t<\/p>\n\t\t\t<h3>Datos fiscales \u2014 Persona f\u00edsica\n\t\t\t<\/h3>\n\t\t<\/div>\n\t\t<div class=\"form-grid\">\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">Nombre completo fiscal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"nombre-fiscal-fisica\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre completo\" value=\"\" type=\"text\" name=\"nombre-fiscal-fisica\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">RFC<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"rfc-fisica\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"RFC\" value=\"\" type=\"text\" name=\"rfc-fisica\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">R\u00e9gimen fiscal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"regimen-fisica\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"R\u00e9gimen fiscal\" value=\"\" type=\"text\" name=\"regimen-fisica\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">Direcci\u00f3n fiscal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"direccion-fisica\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Direcci\u00f3n fiscal\" value=\"\" type=\"text\" name=\"direccion-fisica\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">C\u00f3digo postal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cp-fisica\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"C\u00f3digo postal\" value=\"\" type=\"text\" name=\"cp-fisica\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"payment-box payment-link-card\">\n\t\t\t<h4>Liga de pago \u2014 Persona f\u00edsica\n\t\t\t<\/h4>\n\t\t\t<p><a href=\"https:\/\/mpago.la\/31wbu2h\" target=\"_blank\" class=\"payment-btn\"><br \/>\nPagar Persona F\u00edsica \u2192<br \/>\n<\/a>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div data-id=\"persona-moral\" data-orig_data_id=\"persona-moral\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t\t<div class=\"form-step form-step-pink\">\n\t\t\t<p><span>Paso 2<\/span>\n\t\t\t<\/p>\n\t\t\t<h3>Datos fiscales \u2014 Persona moral\n\t\t\t<\/h3>\n\t\t<\/div>\n\t\t<div class=\"form-grid\">\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">Raz\u00f3n social<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"razon-social\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Raz\u00f3n social\" value=\"\" type=\"text\" name=\"razon-social\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">RFC empresa<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"rfc-moral\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"RFC empresa\" value=\"\" type=\"text\" name=\"rfc-moral\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">R\u00e9gimen fiscal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"regimen-moral\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"R\u00e9gimen fiscal\" value=\"\" type=\"text\" name=\"regimen-moral\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">Direcci\u00f3n fiscal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"direccion-moral\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Direcci\u00f3n fiscal\" value=\"\" type=\"text\" name=\"direccion-moral\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-field\">\n\t\t\t\t<p><label class=\"form-label\">C\u00f3digo postal<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"cp-moral\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"C\u00f3digo postal\" value=\"\" type=\"text\" name=\"cp-moral\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"payment-box payment-link-card\">\n\t\t\t<h4>Liga de pago \u2014 Persona moral\n\t\t\t<\/h4>\n\t\t\t<p><a href=\"https:\/\/mpago.la\/341LZZm\" target=\"_blank\" class=\"payment-btn\"><br \/>\nPagar Persona Moral \u2192<br \/>\n<\/a>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div data-id=\"no-factura\" data-orig_data_id=\"no-factura\"  class=\"\" data-class=\"wpcf7cf_group\">\n\t\t<div class=\"payment-box payment-link-card\">\n\t\t\t<h4>Liga de pago \u2014 No requiero factura\n\t\t\t<\/h4>\n\t\t\t<p><a href=\"https:\/\/mpago.la\/341LZZm\" target=\"_blank\" class=\"payment-btn\"><br \/>\nPagar sin factura \u2192<br \/>\n<\/a>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-step\">\n\t\t<p><span>Paso 3<\/span>\n\t\t<\/p>\n\t\t<h3>Adjuntar comprobante\n\t\t<\/h3>\n\t<\/div>\n\t<div class=\"form-field\">\n\t\t<p><label class=\"form-label\">Subir comprobante de pago<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"comprobante-pago\"><input size=\"40\" class=\"wpcf7-form-control wpcf7-file wpcf7-validates-as-required form-input\" accept=\".jpg,.jpeg,.png,.pdf\" aria-required=\"true\" aria-invalid=\"false\" type=\"file\" name=\"comprobante-pago\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"submit-ts\" value=\"\" type=\"hidden\" name=\"submit_ts\" \/>\n<input class=\"wpcf7-form-control wpcf7-hidden\" id=\"submit-tz\" value=\"\" type=\"hidden\" name=\"submit_tz\" \/>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner form-submit\" type=\"submit\" value=\"Enviar inscripci\u00f3n\" \/>\n\t<\/p>\n<\/div>\n<style>\n .bootcamp-payment-form .form-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n}\n\n.form-field{\n padding-top: 15px;\n}\n\n.bootcamp-payment-form .form-step {\n background: rgba(247,168,0,0.12);\n border: 1px solid rgba(247,168,0,0.35);\n padding: 18px 22px;\n margin: 28px 0 24px;\n}\n\n.bootcamp-payment-form .form-step span {\n font-family: 'Chivo', sans-serif;\n font-size: 11px;\n letter-spacing: 3px;\n text-transform: uppercase;\n color: var(--yellow);\n font-weight: 700;\n}\n\n.bootcamp-payment-form .form-step h3 {\n margin: 4px 0 0;\n color: var(--white);\n font-family: 'Chivo', sans-serif;\n font-size: 20px;\n text-transform: uppercase;\n}\n\n.bootcamp-payment-form .form-step-blue {\n border-color: rgba(90,140,255,0.45);\n background: rgba(90,140,255,0.10);\n}\n\n.bootcamp-payment-form .form-step-pink {\n border-color: rgba(255,80,160,0.45);\n background: rgba(255,80,160,0.10);\n}\n\n.bootcamp-payment-form .wpcf7-radio {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.bootcamp-payment-form .wpcf7-list-item {\n margin: 0;\n}\n\n.bootcamp-payment-form .wpcf7-list-item label {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: #151515;\n border: 1px solid #2a2a2a;\n padding: 12px 16px;\n color: var(--sand);\n cursor: pointer;\n}\n\n.bootcamp-payment-form input[type=\"radio\"],\n.bootcamp-payment-form input[type=\"checkbox\"] {\n accent-color: var(--yellow);\n}\n\n.payment-box,\n.payment-info {\n background: #151515;\n border: 1px solid #2a2a2a;\n padding: 24px;\n margin: 24px 0;\n}\n\n.payment-box h4,\n.payment-info h4 {\n font-family: 'Chivo', sans-serif;\n color: var(--yellow);\n text-transform: uppercase;\n letter-spacing: 2px;\n margin-bottom: 10px;\n}\n\n.payment-box p,\n.payment-info p {\n color: var(--sand);\n font-size: 14px;\n line-height: 1.7;\n}\n\n.payment-info a {\n color: var(--yellow);\n font-weight: 700;\n text-decoration: none;\n}\n\n.wpcf7-form {\n display: flex;\n flex-direction: column;\n gap: 24px;\n}\n\n@media (max-width: 767px) {\n .bootcamp-payment-form .form-grid {\n grid-template-columns: 1fr;\n }\n\n .bootcamp-payment-form .wpcf7-radio {\n flex-direction: column;\n }\n}\n\n\/* FORM BOOTCAMP - ESTILO FINAL *\/\n\n.bootcamp-payment-form.register-form {\n background: #1e1e1e !important;\n border: 1px solid #2a2a2a !important;\n padding: 40px !important;\n color: #ffffff !important;\n border-radius: 0.75rem 0.75rem 0 0;\n}\n\n.bootcamp-payment-form .form-title {\n font-family: 'Chivo', sans-serif !important;\n font-weight: 700 !important;\n font-size: 13px !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #F7A800 !important;\n margin-bottom: 28px !important;\n}\n\n.bootcamp-payment-form .form-label {\n font-family: 'Chivo', sans-serif !important;\n font-size: 11px !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n color: #6B6B6B !important;\n display: block !important;\n}\n\n.bootcamp-payment-form .form-input,\n.bootcamp-payment-form input[type=\"text\"],\n.bootcamp-payment-form input[type=\"email\"],\n.bootcamp-payment-form input[type=\"tel\"],\n.bootcamp-payment-form textarea,\n.bootcamp-payment-form select {\n width: 100% !important;\n background: #151515 !important;\n border: 1px solid #2a2a2a !important;\n color: #ffffff !important;\n font-family: 'Roboto', sans-serif !important;\n font-size: 15px !important;\n padding: 14px 16px !important;\n border-radius: 0 !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n.bootcamp-payment-form input[type=\"file\"]{\n width: 100% !important;\n background: #151515 !important;\n border: 1px solid #2a2a2a !important;\n color: #ffffff !important;\n font-family: 'Roboto', sans-serif !important;\n font-size: 15px !important;\n padding: 14px 16px !important;\n margin-bottom: 15px !important; \n border-radius: 0 !important;\n outline: none !important;\n box-shadow: none !important;\n}\n\n.bootcamp-payment-form input::placeholder,\n.bootcamp-payment-form textarea::placeholder {\n color: #3a3a3a !important;\n}\n\n.bootcamp-payment-form input:focus,\n.bootcamp-payment-form textarea:focus,\n.bootcamp-payment-form select:focus {\n border-color: #F7A800 !important;\n box-shadow: 0 0 0 1px rgba(247,168,0,.25) !important;\n}\n\n.bootcamp-payment-form .form-step {\n background: rgba(247,168,0,0.08) !important;\n border: 1px solid rgba(247,168,0,0.25) !important;\n padding: 18px 22px !important;\n margin: 28px 0 24px !important;\n}\n\n.bootcamp-payment-form .form-step span {\n color: #F7A800 !important;\n}\n\n.bootcamp-payment-form .form-step h3 {\n color: #ffffff !important;\n font-family: 'Chivo', sans-serif !important;\n font-size: 18px !important;\n text-transform: uppercase !important;\n}\n\n.bootcamp-payment-form .wpcf7-list-item label {\n background: #151515 !important;\n border: 1px solid #2a2a2a !important;\n color: #D4CEC3 !important;\n padding: 12px 16px !important;\n}\n\n.bootcamp-payment-form input[type=\"radio\"],\n.bootcamp-payment-form input[type=\"checkbox\"] {\n accent-color: #F7A800 !important;\n}\n\n.bootcamp-payment-form .payment-box,\n.bootcamp-payment-form .payment-info {\n background: #151515 !important;\n border: 1px solid #2a2a2a !important;\n padding: 24px !important;\n}\n\n.bootcamp-payment-form .payment-box h4,\n.bootcamp-payment-form .payment-info h4 {\n color: #F7A800 !important;\n}\n\n.bootcamp-payment-form .payment-box p,\n.bootcamp-payment-form .payment-info p,\n.bootcamp-payment-form .form-check {\n color: #999999 !important;\n}\n\n.bootcamp-payment-form .payment-info a{\n color: #F7A800 !important;\n}\n\n.bootcamp-payment-form .form-submit,\n.bootcamp-payment-form input[type=\"submit\"] {\n width: 100% !important;\n background: #F7A800 !important;\n color: #1A1A1A !important;\n font-family: 'Chivo', sans-serif !important;\n font-weight: 900 !important;\n font-size: 13px !important;\n letter-spacing: 4px !important;\n text-transform: uppercase !important;\n padding: 18px !important;\n border: none !important;\n border-radius: 0 !important;\n cursor: pointer !important;\n}\n\n.bootcamp-payment-form .form-submit:hover,\n.bootcamp-payment-form input[type=\"submit\"]:hover {\n background: #FFC740 !important;\n}\n\n.bootcamp-payment-form .form-note {\n color: #444444 !important;\n font-size: 11px !important;\n text-align: center !important;\n}\n\n.payment-link-card {\n background: #101010 !important;\n border: 1px solid #2a2a2a !important;\n padding: 24px !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 14px !important;\n}\n\n.payment-price-old {\n font-size: 14px !important;\n color: rgba(255,255,255,.4) !important;\n text-decoration: line-through !important;\n font-weight: 700 !important;\n}\n\n.payment-price-new {\n font-family: 'Chivo', sans-serif !important;\n font-size: 28px !important;\n line-height: 1.1 !important;\n font-weight: 900 !important;\n color: #ffffff !important;\n}\n\n.payment-btn {\n display: inline-flex !important;\n justify-content: center !important;\n align-items: center !important;\n background: #F7A800 !important;\n color: #1A1A1A !important;\n padding: 5px 18px !important;\n font-family: 'Chivo', sans-serif !important;\n font-size: 11px !important;\n letter-spacing: 2px !important;\n text-transform: uppercase !important;\n font-weight: 900 !important;\n text-decoration: none !important;\n transition: all .3s ease !important;\n}\n\n.payment-btn:hover {\n background: #FFC740 !important;\n}\n<\/style>\n<p><script>\ndocument.addEventListener('DOMContentLoaded', function () {\n\n \/\/ Funci\u00f3n que inyecta timestamp y zona horaria\n function setTimestamp(form) {\n var iso = new Date().toISOString();\n\n var tz = (Intl.DateTimeFormat && Intl.DateTimeFormat().resolvedOptions)\n ? Intl.DateTimeFormat().resolvedOptions().timeZone\n : '';\n\n var tsInput = form.querySelector('input[name=\"submit_ts\"]');\n if (tsInput) tsInput.value = iso;\n\n var tzInput = form.querySelector('input[name=\"submit_tz\"]');\n if (tzInput) tzInput.value = tz;\n }\n\n \/\/ Antes del submit\n var forms = document.querySelectorAll('.wpcf7 form');\n\n forms.forEach(function (form) {\n\n form.addEventListener('submit', function () {\n setTimestamp(form);\n });\n\n });\n\n});\n<\/script>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abaf261 elementor-widget elementor-widget-html\" data-id=\"abaf261\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Footer -->\r\n  <footer class=\"py-10 px-6 bg-[#0f0f0f] border-t border-white\/5 text-center\">\r\n    <img decoding=\"async\" src=\"https:\/\/wewow.com.mx\/bootcamp\/wp-content\/uploads\/2026\/05\/LogoBootcamp.png\"\r\n  alt=\"Logo de WeWow Energizers Bootcamp The Speaker Edition monocromatico\"\r\n  class=\"bootcamp-footer-logo mx-auto mb-6 opacity-50 grayscale hover:grayscale-0 hover:opacity-100 transition-all duration-300\">\r\n    <p class=\"text-gray-600 text-xs uppercase tracking-widest font-chivo font-light mb-2\">Powered by The Speaker\u00ae &\r\n      WeWow<\/p>\r\n    <p class=\"text-gray-700 text-xs\">&copy; 2025 WeWow. Todos los derechos reservados.<\/p>\r\n  <\/footer>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-da095f9 e-flex e-con-boxed e-con e-parent\" data-id=\"da095f9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3cebba3 elementor-widget elementor-widget-html\" data-id=\"3cebba3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const rows = document.querySelectorAll('.speaker-row');\r\n      const displayImg = document.getElementById('speaker-display-image');\r\n      const displayName = document.getElementById('speaker-display-name');\r\n      const displayTitle = document.getElementById('speaker-display-title');\r\n      const displayBio = document.getElementById('speaker-display-bio');\r\n      const displayQuote = document.getElementById('speaker-display-quote');\r\n\r\n      \/\/ Set initial active state\r\n      if (rows.length > 0) {\r\n        rows[0].classList.add('bg-white\/5');\r\n      }\r\n\r\n      rows.forEach(row => {\r\n        const updateDisplay = () => {\r\n          \/\/ Update styling\r\n          rows.forEach(r => {\r\n            r.classList.remove('bg-white\/5');\r\n            r.querySelector('h3').classList.replace('text-white', 'text-white\/60');\r\n            r.querySelector('span').classList.replace('text-brand-yellow', 'text-white\/20');\r\n            r.querySelector('svg').classList.replace('opacity-100', 'opacity-0');\r\n            r.querySelector('svg').classList.replace('translate-x-0', '-translate-x-4');\r\n          });\r\n\r\n          row.classList.add('bg-white\/5');\r\n          row.querySelector('h3').classList.replace('text-white\/60', 'text-white');\r\n          row.querySelector('span').classList.replace('text-white\/20', 'text-brand-yellow');\r\n          row.querySelector('svg').classList.replace('opacity-0', 'opacity-100');\r\n          row.querySelector('svg').classList.replace('-translate-x-4', 'translate-x-0');\r\n\r\n          \/\/ Smooth image transition\r\n          displayImg.style.opacity = '0';\r\n          setTimeout(() => {\r\n            displayImg.src = row.getAttribute('data-image');\r\n            displayImg.alt = `${row.getAttribute('data-name')} - Mentor del WeWow Energizers Bootcamp CDMX`;\r\n            displayImg.style.opacity = '0.8';\r\n          }, 300);\r\n\r\n          \/\/ Update text content\r\n          displayName.textContent = row.getAttribute('data-name');\r\n          displayTitle.textContent = row.getAttribute('data-title');\r\n          displayBio.textContent = row.getAttribute('data-bio');\r\n\r\n          const quote = row.getAttribute('data-quote');\r\n          if (quote && quote.trim() !== \"\") {\r\n            displayQuote.textContent = quote;\r\n            displayQuote.style.display = 'block';\r\n          } else {\r\n            displayQuote.style.display = 'none';\r\n          }\r\n        };\r\n\r\n        row.addEventListener('mouseenter', updateDisplay);\r\n        row.addEventListener('click', updateDisplay);\r\n      });\r\n    });\r\n  <\/script>\r\n\r\n<script>\r\n    \/\/ A simple visual countdown script to make it look active (counts down to Aug 31, 2026 for demonstration)\r\n    const countDownDate = new Date(\"Aug 31, 2026 09:00:00\").getTime();\r\n\r\n    const updateTimer = setInterval(function () {\r\n      const now = new Date().getTime();\r\n      const distance = countDownDate - now;\r\n\r\n      if (distance < 0) return clearInterval(updateTimer);\r\n\r\n      const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n      const hours = Math.floor((distance % (1000 * 60 * 60 * 24)) \/ (1000 * 60 * 60));\r\n      const minutes = Math.floor((distance % (1000 * 60 * 60)) \/ (1000 * 60));\r\n      const seconds = Math.floor((distance % (1000 * 60)) \/ 1000);\r\n\r\n      document.getElementById(\"days\").innerHTML = days.toString().padStart(2, '0');\r\n      document.getElementById(\"hours\").innerHTML = hours.toString().padStart(2, '0');\r\n      document.getElementById(\"minutes\").innerHTML = minutes.toString().padStart(2, '0');\r\n      document.getElementById(\"seconds\").innerHTML = seconds.toString().padStart(2, '0');\r\n    }, 1000);\r\n  <\/script>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const modal = document.getElementById('photo-modal');\r\n      const modalImg = document.getElementById('modal-image');\r\n      const closeBtn = document.getElementById('close-modal');\r\n\r\n      document.querySelectorAll('.photo-item').forEach(item => {\r\n        item.addEventListener('click', () => {\r\n          const imgSrc = item.querySelector('img').src;\r\n          \/\/ Set a higher quality image source for the modal if needed, but for now use the same\r\n          modalImg.src = imgSrc;\r\n          modal.classList.remove('hidden');\r\n          \/\/ small delay to allow display:block to apply before opacity transition\r\n          setTimeout(() => modal.classList.remove('opacity-0'), 10);\r\n        });\r\n      });\r\n\r\n      const closeModal = () => {\r\n        modal.classList.add('opacity-0');\r\n        setTimeout(() => modal.classList.add('hidden'), 300);\r\n      };\r\n\r\n      closeBtn.addEventListener('click', closeModal);\r\n      modal.addEventListener('click', (e) => {\r\n        if (e.target === modal || e.target === modalImg) {\r\n          closeModal();\r\n        }\r\n      });\r\n    });\r\n\r\n    \/\/ Mouse tracking for interactive background\r\n    document.addEventListener('mousemove', (e) => {\r\n      document.body.style.setProperty('--mouse-x', `${e.clientX}px`);\r\n      document.body.style.setProperty('--mouse-y', `${e.clientY}px`);\r\n    });\r\n  <\/script>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const revealObserver = new IntersectionObserver((entries) => {\r\n        entries.forEach(entry => {\r\n          if (entry.isIntersecting) {\r\n            entry.target.classList.add('is-visible');\r\n          }\r\n        });\r\n      }, {\r\n        threshold: 0.1,\r\n        rootMargin: '0px 0px -50px 0px'\r\n      });\r\n\r\n      document.querySelectorAll('.reveal-text, .reveal-item').forEach(el => {\r\n        revealObserver.observe(el);\r\n      });\r\n    });\r\n  <\/script>\r\n\r\n<script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n      const canvas = document.getElementById('deforming-grid-canvas');\r\n      if (!canvas) return;\r\n\r\n      const ctx = canvas.getContext('2d');\r\n\r\n      let width = canvas.width = window.innerWidth;\r\n      let height = canvas.height = window.innerHeight;\r\n\r\n      \/\/ targetMouse is where the cursor is, currentMouse is LERPed for liquid momentum\r\n      let targetMouseX = -1000;\r\n      let targetMouseY = -1000;\r\n      let currentMouseX = -1000;\r\n      let currentMouseY = -1000;\r\n      let mouseActive = false;\r\n      let hasMoved = false;\r\n\r\n      window.addEventListener('mousemove', (e) => {\r\n        targetMouseX = e.clientX;\r\n        targetMouseY = e.clientY;\r\n        mouseActive = true;\r\n\r\n        \/\/ If it's the first move, snap the LERP mouse directly to the cursor to avoid drawing a trail from -1000\r\n        if (!hasMoved) {\r\n          currentMouseX = targetMouseX;\r\n          currentMouseY = targetMouseY;\r\n          hasMoved = true;\r\n        }\r\n      });\r\n\r\n      window.addEventListener('mouseleave', () => {\r\n        mouseActive = false;\r\n      });\r\n\r\n      window.addEventListener('resize', () => {\r\n        width = canvas.width = window.innerWidth;\r\n        height = canvas.height = window.innerHeight;\r\n      });\r\n\r\n      \/\/ Interactive grid properties\r\n      const baseGridSize = 45; \/\/ base size of grid cells (pixels)\r\n      const influenceRadius = 200; \/\/ radius of cursor warp distortion (wider for softer blending)\r\n      const maxDeformation = 18; \/\/ maximum warp push (pixels) (subtler for premium feel)\r\n\r\n      \/\/ Deformation function at any grid vertex (x, y)\r\n      function getDeformedPoint(x, y) {\r\n        if (!hasMoved || (currentMouseX === -1000 && currentMouseY === -1000)) {\r\n          return { x, y };\r\n        }\r\n\r\n        const dx = x - currentMouseX;\r\n        const dy = y - currentMouseY;\r\n        const dist = Math.sqrt(dx * dx + dy * dy);\r\n\r\n        if (dist < influenceRadius) {\r\n          \/\/ Normalized distance from center of lens (0 to 1)\r\n          const r = dist \/ influenceRadius;\r\n\r\n          \/\/ Spherical lens magnification math:\r\n          \/\/ scale factor is 1.28 at center (pushing coordinates outward to enlarge\/agrandar the grid cells)\r\n          \/\/ and smoothly transitions to 1.0 at the boundary using a smooth cubic curve\r\n          const scaleFactor = 1.0 + Math.pow(1 - r * r, 2) * 0.28;\r\n\r\n          return {\r\n            x: currentMouseX + dx * scaleFactor,\r\n            y: currentMouseY + dy * scaleFactor\r\n          };\r\n        }\r\n\r\n        return { x, y };\r\n      }\r\n\r\n      function drawGrid() {\r\n        ctx.clearRect(0, 0, width, height);\r\n\r\n        \/\/ Adjust grid cell size based on screen size for premium performance & aesthetics\r\n        const isMobile = width < 768;\r\n        const gridSize = isMobile ? baseGridSize * 1.2 : baseGridSize;\r\n\r\n        \/\/ Easing LERP coordinates for the cursor (liquid wave momentum)\r\n        if (mouseActive) {\r\n          currentMouseX += (targetMouseX - currentMouseX) * 0.15;\r\n          currentMouseY += (targetMouseY - currentMouseY) * 0.15;\r\n        } else {\r\n          \/\/ If mouse leaves the page, slowly fade\/slide the warp coordinate off screen\r\n          currentMouseX += (-1000 - currentMouseX) * 0.08;\r\n          currentMouseY += (-1000 - currentMouseY) * 0.08;\r\n        }\r\n\r\n        \/\/ Create elegant, interactive radial gradient centered at the LERPed cursor position\r\n        let lineStyle;\r\n        let dotStyle;\r\n\r\n        if (hasMoved && currentMouseX !== -1000 && currentMouseY !== -1000) {\r\n          \/\/ Replicates the original CSS radial-gradient highlight (glowing spotlights on grid)\r\n          const lineGrad = ctx.createRadialGradient(\r\n            currentMouseX, currentMouseY, 0,\r\n            currentMouseX, currentMouseY, influenceRadius * 1.8\r\n          );\r\n          lineGrad.addColorStop(0, 'rgba(255, 220, 100, 0.85)');   \/\/ Bright yellow-white center glow on lines\r\n          lineGrad.addColorStop(0.2, 'rgba(247, 168, 0, 0.55)');  \/\/ Brand yellow glow\r\n          lineGrad.addColorStop(0.5, 'rgba(247, 168, 0, 0.18)');  \/\/ Soft ambient yellow glow\r\n          lineGrad.addColorStop(1, 'rgba(255, 255, 255, 0.02)');  \/\/ Standard subtle white grid lines elsewhere (highly subtle 2%)\r\n          lineStyle = lineGrad;\r\n\r\n          const dotGrad = ctx.createRadialGradient(\r\n            currentMouseX, currentMouseY, 0,\r\n            currentMouseX, currentMouseY, influenceRadius * 1.4\r\n          );\r\n          dotGrad.addColorStop(0, 'rgba(255, 235, 160, 0.95)');   \/\/ Bright dot center\r\n          dotGrad.addColorStop(0.3, 'rgba(247, 168, 0, 0.7)');    \/\/ Brand gold dot glow\r\n          dotGrad.addColorStop(0.8, 'rgba(255, 255, 255, 0.04)');  \/\/ Standard dot elsewhere (highly subtle 4%)\r\n          dotGrad.addColorStop(1, 'rgba(255, 255, 255, 0.04)');\r\n          dotStyle = dotGrad;\r\n        } else {\r\n          lineStyle = 'rgba(255, 255, 255, 0.02)';\r\n          dotStyle = 'rgba(255, 255, 255, 0.04)';\r\n        }\r\n\r\n        \/\/ Set line styling\r\n        ctx.strokeStyle = lineStyle;\r\n        ctx.lineWidth = 1;\r\n\r\n        \/\/ Sample points along each grid line every 15px to form smooth bezier-like warping curves\r\n        const sampleStep = 15;\r\n\r\n        \/\/ 1. Draw horizontal grid lines\r\n        \/\/ Ensure we cover outer margins\r\n        const startY = Math.floor(0 \/ gridSize) * gridSize;\r\n        for (let y = startY; y <= height + gridSize; y += gridSize) {\r\n          ctx.beginPath();\r\n          let first = true;\r\n          for (let x = -gridSize; x <= width + gridSize; x += sampleStep) {\r\n            const pt = getDeformedPoint(x, y);\r\n            if (first) {\r\n              ctx.moveTo(pt.x, pt.y);\r\n              first = false;\r\n            } else {\r\n              ctx.lineTo(pt.x, pt.y);\r\n            }\r\n          }\r\n          ctx.stroke();\r\n        }\r\n\r\n        \/\/ 2. Draw vertical grid lines\r\n        const startX = Math.floor(0 \/ gridSize) * gridSize;\r\n        for (let x = startX; x <= width + gridSize; x += gridSize) {\r\n          ctx.beginPath();\r\n          let first = true;\r\n          for (let y = -gridSize; y <= height + gridSize; y += sampleStep) {\r\n            const pt = getDeformedPoint(x, y);\r\n            if (first) {\r\n              ctx.moveTo(pt.x, pt.y);\r\n              first = false;\r\n            } else {\r\n              ctx.lineTo(pt.x, pt.y);\r\n            }\r\n          }\r\n          ctx.stroke();\r\n        }\r\n\r\n        \/\/ 3. Draw premium micro glowing dots at all deformed intersections\r\n        ctx.fillStyle = dotStyle;\r\n        for (let y = startY; y <= height + gridSize; y += gridSize) {\r\n          for (let x = startX; x <= width + gridSize; x += gridSize) {\r\n            const pt = getDeformedPoint(x, y);\r\n            ctx.beginPath();\r\n            ctx.arc(pt.x, pt.y, 1.2, 0, Math.PI * 2);\r\n            ctx.fill();\r\n          }\r\n        }\r\n      }\r\n\r\n      function loop() {\r\n        drawGrid();\r\n        requestAnimationFrame(loop);\r\n      }\r\n      loop();\r\n    });\r\n  <\/script>\r\n\r\n<script>\r\n    (function () {\r\n      const wrapper = document.getElementById('intro-wrapper');\r\n      const stage = document.getElementById('intro-video-stage');\r\n      const hero = document.getElementById('hero-parallax');\r\n      if (!wrapper || !stage || !hero) return;\r\n\r\n      \/\/ Initially hide hero so it eases in\r\n      hero.style.opacity = '0';\r\n      hero.style.transform = 'translateY(40px)';\r\n\r\n      function onScroll() {\r\n        const rect = wrapper.getBoundingClientRect();\r\n        const total = wrapper.offsetHeight - window.innerHeight;\r\n        if (total <= 0) return;\r\n        const scrolled = Math.min(Math.max(-rect.top, 0), total);\r\n        const progress = scrolled \/ total; \/\/ 0 \u2192 1\r\n\r\n        \/\/ Video fades out across the first 60% of the scroll\r\n        const videoFade = Math.min(progress \/ 0.6, 1);\r\n        stage.style.opacity = String(1 - videoFade);\r\n\r\n        \/\/ Hero parallax: starts appearing after 25%, fully visible at ~85%\r\n        const heroStart = 0.25;\r\n        const heroEnd = 0.85;\r\n        let heroP = (progress - heroStart) \/ (heroEnd - heroStart);\r\n        heroP = Math.min(Math.max(heroP, 0), 1);\r\n        hero.style.opacity = String(heroP);\r\n        \/\/ Parallax translate: from 80px down to 0\r\n        hero.style.transform = 'translateY(' + ((1 - heroP) * 80) + 'px)';\r\n      }\r\n\r\n      window.addEventListener('scroll', onScroll, { passive: true });\r\n      window.addEventListener('resize', onScroll);\r\n      onScroll();\r\n    })();\r\n  <\/script>\r\n\r\n<script>\r\n    (function () {\r\n      const cards = document.querySelectorAll('.modulo-card');\r\n      cards.forEach(card => {\r\n        card.addEventListener('pointermove', (e) => {\r\n          const rect = card.getBoundingClientRect();\r\n          const x = ((e.clientX - rect.left) \/ rect.width) * 100;\r\n          const y = ((e.clientY - rect.top) \/ rect.height) * 100;\r\n          card.style.setProperty('--mx', x + '%');\r\n          card.style.setProperty('--my', y + '%');\r\n        });\r\n        card.addEventListener('pointerleave', () => {\r\n          card.style.setProperty('--mx', '50%');\r\n          card.style.setProperty('--my', '50%');\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n\r\n<script>\r\n    (function () {\r\n      const box = document.getElementById('viviras-highlight-box');\r\n      if (!box) return;\r\n      \/\/ On touch devices, toggle the active state on tap\r\n      const isTouch = window.matchMedia('(hover: none)').matches;\r\n      if (isTouch) {\r\n        box.addEventListener('click', () => {\r\n          box.classList.toggle('is-active');\r\n        });\r\n      }\r\n    })();\r\n  <\/script>\r\n  \r\n  <script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const mainVideo = document.getElementById('virivasMainVideo');\r\n  const mainSource = document.getElementById('virivasMainSource');\r\n  const thumbs = document.querySelectorAll('.viviras-thumb');\r\n\r\n  if (!mainVideo || !mainSource || !thumbs.length) return;\r\n\r\n  thumbs.forEach(function (thumb) {\r\n    thumb.addEventListener('click', function (e) {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n\r\n      const newSrc = thumb.getAttribute('data-video-src');\r\n      if (!newSrc) return;\r\n\r\n      if (mainSource.src !== newSrc) {\r\n        mainSource.src = newSrc;\r\n        mainVideo.load();\r\n      }\r\n\r\n      mainVideo.play().catch(function () {});\r\n\r\n      thumbs.forEach(function (item) {\r\n        item.classList.remove('is-active');\r\n      });\r\n\r\n      thumb.classList.add('is-active');\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>La Experiencia Mentores Beneficios Reg\u00edstrate La Experiencia Mentores Beneficios Desliza para entrar Energizers Bootcamp | The Speaker Edition Tu momento ha Llegado 31 de agosto, 1 y 2 de septiembre JW Marriott | Santa Fe | CDMX 00 D\u00edas : 00 Horas : 00 Min : 00 Seg Asegura tu lugar hoy $74,750 MXN EARLY [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-982","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/pages\/982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/comments?post=982"}],"version-history":[{"count":193,"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/pages\/982\/revisions"}],"predecessor-version":[{"id":1278,"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/pages\/982\/revisions\/1278"}],"wp:attachment":[{"href":"https:\/\/wewow.com.mx\/bootcamp\/wp-json\/wp\/v2\/media?parent=982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}