Workshop PRIME – Descubre tu forma \u00fanica de procesar informaci\u00f3n<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', sans-serif;\n line-height: 1.6;\n overflow-x: hidden;\n background: rgb(248, 246, 241);\n }\n\n \/* Animaciones *\/\n @keyframes float {\n 0%, 100% { transform: translateY(0) rotate(var(--rotation)); }\n 50% { transform: translateY(-20px) rotate(calc(var(--rotation) + 5deg)); }\n }\n\n @keyframes spark {\n 0% { \n opacity: 0;\n transform: translateY(0) scale(0);\n }\n 50% { \n opacity: 1;\n transform: translateY(-100px) scale(1);\n }\n 100% { \n opacity: 0;\n transform: translateY(-200px) scale(0.5);\n }\n }\n\n @keyframes wobble {\n 0%, 100% { transform: rotate(-2deg); }\n 50% { transform: rotate(2deg); }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n \/* Fondo animado *\/\n .circus-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n opacity: 0.1;\n }\n\n .circus-element {\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: linear-gradient(45deg, #d3f30b, #3773a5);\n animation: float 10s infinite ease-in-out;\n }\n\n .circus-element:nth-child(1) {\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n }\n\n .circus-element:nth-child(2) {\n top: 60%;\n right: 10%;\n animation-delay: 3s;\n }\n\n .circus-element:nth-child(3) {\n bottom: 10%;\n left: 50%;\n animation-delay: 6s;\n }\n\n \/* Navegaci\u00f3n tipo tickets *\/\n .nav-tickets {\n position: fixed;\n top: 20px;\n right: 20px;\n display: flex;\n gap: 10px;\n z-index: 1000;\n flex-wrap: wrap;\n max-width: 600px;\n justify-content: flex-end;\n }\n\n .ticket-nav {\n background: white;\n color: rgb(26, 26, 46);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid rgb(26, 26, 46);\n }\n\n .ticket-nav:hover {\n background: #d3f30b;\n transform: rotate(-5deg) scale(1.1);\n }\n\n \/* Hero Section *\/\n .hero-gen-z {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 80px 20px;\n background: linear-gradient(135deg, rgb(248, 246, 241) 0%, rgb(255, 255, 255) 100%);\n position: relative;\n }\n\n .hero-content {\n max-width: 1200px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .logo-collab {\n font-size: 0.9rem;\n color: #3773a5;\n margin-bottom: 20px;\n font-weight: 600;\n }\n\n .hero-title {\n font-size: 3rem;\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 20px;\n color: rgb(26, 26, 46);\n }\n\n .highlight-prime {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 0 10px;\n border-radius: 10px;\n display: inline-block;\n animation: wobble 2s infinite;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 30px;\n font-weight: 500;\n }\n\n .pain-points {\n list-style: none;\n margin-bottom: 30px;\n }\n\n .pain-points li {\n padding: 10px 0;\n color: rgb(55, 115, 165);\n font-size: 1.1rem;\n position: relative;\n padding-left: 30px;\n }\n\n .pain-points li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: #d3f30b;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n .cta-ticket {\n background: #3773a5;\n color: white;\n padding: 20px 40px;\n border-radius: 25px;\n font-size: 1.2rem;\n font-weight: 700;\n border: 3px solid rgb(26, 26, 46);\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n box-shadow: 5px 5px 0 rgba(26, 26, 46, 0.2);\n }\n\n .cta-ticket:hover {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n transform: scale(1.05) rotate(-2deg);\n box-shadow: 10px 10px 0 rgba(26, 26, 46, 0.3);\n }\n\n .hero-visual {\n position: relative;\n }\n\n .phone-mockup {\n width: 300px;\n height: 600px;\n background: rgb(26, 26, 46);\n border-radius: 30px;\n padding: 10px;\n margin: 0 auto;\n transform: rotate(-5deg);\n box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2);\n }\n\n .phone-screen {\n background: white;\n height: 100%;\n border-radius: 20px;\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .story-preview {\n text-align: center;\n }\n\n .story-preview h3 {\n color: #3773a5;\n margin-bottom: 10px;\n }\n\n .float-element {\n position: absolute;\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: 700;\n animation: float 3s infinite ease-in-out;\n border: 2px solid rgb(26, 26, 46);\n }\n\n .float-element:nth-child(2) { top: 10%; right: -50px; }\n .float-element:nth-child(3) { bottom: 30%; left: -50px; }\n .float-element:nth-child(4) { bottom: 10%; right: -30px; }\n\n \/* Secci\u00f3n de problemas *\/\n .problems-section {\n padding: 80px 20px;\n background: white;\n text-align: center;\n }\n\n .problems-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 50px auto;\n }\n\n .problem-card {\n background: rgb(248, 246, 241);\n padding: 30px;\n border-radius: 20px;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n }\n\n .problem-card:hover {\n transform: translateY(-10px) rotate(-2deg);\n border-color: #d3f30b;\n box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n .problem-emoji {\n font-size: 3rem;\n margin-bottom: 15px;\n }\n\n .problem-title {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .problem-text {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n }\n\n \/* Framework PRIME aventura *\/\n .prime-adventure {\n padding: 80px 20px;\n background: linear-gradient(180deg, white 0%, rgb(248, 246, 241) 100%);\n text-align: center;\n position: relative;\n }\n\n .adventure-title {\n font-size: 2.5rem;\n color: rgb(26, 26, 46);\n margin-bottom: 50px;\n font-weight: 800;\n }\n\n .adventure-path {\n position: relative;\n height: 300px;\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-around;\n align-items: center;\n }\n\n .adventure-path::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 10%;\n right: 10%;\n height: 4px;\n background: repeating-linear-gradient(\n 90deg,\n #d3f30b,\n #d3f30b 10px,\n transparent 10px,\n transparent 20px\n );\n z-index: 1;\n }\n\n .prime-station {\n position: relative;\n width: 80px;\n height: 80px;\n background: white;\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 10;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 4px solid #3773a5;\n margin: 0 10px;\n }\n\n .prime-station:hover {\n transform: scale(1.2);\n background: #d3f30b;\n }\n\n .station-letter {\n font-size: 2rem;\n font-weight: 800;\n color: rgb(26, 26, 46);\n line-height: 1;\n }\n\n .station-label {\n font-size: 0.7rem;\n font-weight: 600;\n text-align: center;\n color: #3773a5;\n margin-top: 5px;\n }\n\n \/* Nueva secci\u00f3n Workshop *\/\n .workshop-section {\n padding: 80px 20px;\n background: linear-gradient(180deg, rgb(248, 246, 241) 0%, rgb(255, 255, 255) 100%);\n color: rgb(26, 26, 46);\n text-align: center;\n }\n\n .workshop-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .workshop-title {\n font-size: 2.5rem;\n margin-bottom: 20px;\n color: rgb(26, 26, 46);\n }\n\n .workshop-subtitle {\n font-size: 1.3rem;\n margin-bottom: 50px;\n color: #3773a5;\n }\n\n .workshop-timeline {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 60px 0;\n position: relative;\n flex-wrap: wrap;\n gap: 30px;\n }\n\n .timeline-item {\n flex: 1;\n background: white;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n }\n\n .timeline-number {\n position: absolute;\n top: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: #d3f30b;\n border: 3px solid rgb(26, 26, 46);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.2rem;\n }\n\n .timeline-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n }\n\n .timeline-title {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .timeline-duration {\n font-size: 1.1rem;\n color: rgb(26, 26, 46);\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .timeline-description {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n }\n\n .workshop-objectives {\n background: #3773a5;\n color: white;\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n }\n\n .objectives-title {\n font-size: 2rem;\n margin-bottom: 30px;\n color: #d3f30b;\n }\n\n .objectives-text {\n font-size: 1.2rem;\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .workshop-outcomes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 50px 0;\n }\n\n .outcome-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-top: 5px solid #d3f30b;\n }\n\n .outcome-icon {\n font-size: 2.5rem;\n margin-bottom: 15px;\n }\n\n .outcome-title {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .outcome-text {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n }\n\n .workshop-price {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 30px 50px;\n border-radius: 50px;\n display: inline-block;\n font-size: 1.5rem;\n font-weight: 800;\n margin: 30px 0;\n border: 3px solid rgb(26, 26, 46);\n }\n\n .workshop-cta {\n background: #3773a5;\n color: white;\n padding: 20px 40px;\n border-radius: 25px;\n font-size: 1.2rem;\n font-weight: 700;\n text-decoration: none;\n display: inline-block;\n transition: all 0.3s ease;\n cursor: pointer;\n text-transform: uppercase;\n border: 3px solid rgb(26, 26, 46);\n }\n\n .workshop-cta:hover {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n transform: scale(1.05);\n box-shadow: 10px 10px 0 rgba(26, 26, 46, 0.2);\n }\n\n \/* Secci\u00f3n de Profesionales *\/\n .team-section {\n padding: 80px 20px;\n background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(248, 246, 241) 100%);\n position: relative;\n }\n\n .team-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .team-title {\n font-size: 2.5rem;\n color: rgb(26, 26, 46);\n text-align: center;\n margin-bottom: 20px;\n font-weight: 800;\n }\n\n .team-subtitle {\n font-size: 1.3rem;\n color: #3773a5;\n text-align: center;\n margin-bottom: 60px;\n }\n\n .team-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-bottom: 60px;\n }\n\n @media (max-width: 1200px) {\n .team-grid {\n grid-template-columns: repeat(2, 1fr);\n max-width: 800px;\n margin: 0 auto 60px;\n }\n }\n\n .team-member {\n display: flex;\n justify-content: center;\n }\n\n .member-card {\n background: white;\n border-radius: 25px;\n padding: 40px 30px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n text-align: center;\n max-width: 400px;\n width: 100%;\n border-top: 5px solid #d3f30b;\n }\n\n .member-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n\n .universinside-card {\n border-top-color: #3773a5;\n background: linear-gradient(135deg, white 0%, rgb(248, 250, 255) 100%);\n }\n\n .member-avatar {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, #d3f30b 0%, #3773a5 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n border: 4px solid white;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .avatar-emoji {\n font-size: 3rem;\n }\n\n .member-name {\n font-size: 1.5rem;\n color: rgb(26, 26, 46);\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .member-role {\n font-size: 1rem;\n color: #3773a5;\n margin-bottom: 20px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .member-bio {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n margin-bottom: 20px;\n text-align: left;\n font-size: 0.95rem;\n }\n\n .member-quote {\n padding: 20px;\n background: rgb(248, 246, 241);\n border-left: 4px solid #d3f30b;\n font-style: italic;\n color: rgb(26, 26, 46);\n margin-top: 20px;\n border-radius: 10px;\n font-weight: 500;\n }\n\n \/* Secci\u00f3n para padres *\/\n .parents-section {\n padding: 80px 20px;\n background: rgb(210, 226, 241);\n position: relative;\n }\n\n .parents-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .parents-title {\n font-size: 2.2rem;\n color: rgb(26, 26, 46);\n margin-bottom: 30px;\n font-weight: 800;\n }\n\n .credential-badge {\n background: white;\n padding: 10px 20px;\n border-radius: 20px;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 30px;\n font-weight: 600;\n color: #3773a5;\n }\n\n .parents-benefits {\n list-style: none;\n }\n\n .parents-benefits li {\n padding: 15px 0;\n padding-left: 30px;\n position: relative;\n color: rgb(26, 26, 46);\n font-size: 1.1rem;\n }\n\n .parents-benefits li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: #d3f30b;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* CTA Final *\/\n .final-cta {\n padding: 80px 20px;\n background: linear-gradient(135deg, rgb(26, 26, 46) 0%, #3773a5 100%);\n color: white;\n text-align: center;\n }\n\n .cta-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: 3rem;\n margin-bottom: 20px;\n font-weight: 800;\n }\n\n .cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 40px;\n color: #d3f30b;\n }\n\n \/* Footer *\/\n footer {\n padding: 40px 20px;\n background: rgb(26, 26, 46);\n color: white;\n text-align: center;\n }\n\n footer p {\n margin: 10px 0;\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n z-index: 2000;\n align-items: center;\n justify-content: center;\n }\n\n .modal-content {\n background: white;\n padding: 40px;\n border-radius: 20px;\n max-width: 500px;\n position: relative;\n animation: pulse 0.5s ease;\n }\n\n .modal-close {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 30px;\n height: 30px;\n background: rgb(26, 26, 46);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-weight: bold;\n transition: all 0.3s ease;\n }\n\n .modal-close:hover {\n transform: rotate(90deg);\n background: #d3f30b;\n }\n\n \/* Responsive *\/\n @media (max-width: 968px) {\n .hero-content,\n .parents-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero-visual {\n margin-top: 40px;\n }\n\n .phone-mockup {\n transform: rotate(0);\n }\n\n .nav-tickets {\n top: 10px;\n right: 10px;\n max-width: 100%;\n justify-content: center;\n }\n\n .prime-station {\n margin: 20px auto;\n }\n\n .adventure-path {\n flex-direction: column;\n gap: 20px;\n height: auto;\n }\n\n .adventure-path::before {\n display: none;\n }\n\n .team-grid {\n grid-template-columns: 1fr;\n max-width: 500px;\n margin: 0 auto 60px;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 2rem;\n }\n\n .phone-mockup {\n width: 250px;\n height: 500px;\n }\n\n .team-grid {\n gap: 30px;\n }\n\n .member-card {\n padding: 30px 20px;\n }\n\n .logo-collab {\n font-size: 0.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"circus-bg\">\n <div class=\"circus-element\"><\/div>\n <div class=\"circus-element\"><\/div>\n <div class=\"circus-element\"><\/div>\n <\/div>\n\n \n <nav class=\"nav-tickets\">\n <div class=\"ticket-nav\" data-section=\"hero\">Para ti<\/div>\n <div class=\"ticket-nav\" data-section=\"method\">M\u00e9todo<\/div>\n <div class=\"ticket-nav\" data-section=\"workshop\">Workshop<\/div>\n <div class=\"ticket-nav\" data-section=\"team\">Equipo<\/div>\n <div class=\"ticket-nav\" data-section=\"parents\">Padres\/Tutor<\/div>\n <div class=\"ticket-nav\" data-section=\"cta\">\u00a1\u00danete!<\/div>\n <\/nav>\n\n \n <section id=\"hero\" class=\"hero-gen-z\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"logo-collab\">\n <span>UniversInside<\/span>\n <span style=\"color: rgb(249, 156, 140);\">\u00d7<\/span>\n <span>Marta Leci\u00f1ena<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n Descubre c\u00f3mo procesa tu cerebro<br>\n y multiplica tu <span class=\"highlight-prime\">RENDIMIENTO<\/span>\n <\/h1>\n\n <p class=\"hero-subtitle\">\n Workshop intensivo para descubrir tu estilo \u00fanico de procesamiento y crear tu estrategia personalizada de aprendizaje\n <\/p>\n\n <ul class=\"pain-points\">\n <li>Estrategias personalizadas basadas en tu forma \u00fanica de procesar<\/li>\n <li>T\u00e9cnicas espec\u00edficas para tu estilo de procesamiento y preferencias<\/li>\n <li>Plan de acci\u00f3n adaptado a c\u00f3mo tu cerebro aprende mejor<\/li>\n <\/ul>\n\n <button class=\"cta-ticket\" data-action=\"activate\">\n DESCUBRE TU M\u00c9TODO \u00d3PTIMO\n <\/button>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"phone-mockup\">\n <div class=\"phone-screen\">\n <div class=\"story-preview\">\n <h3>\u00bfSab\u00edas que…?<\/h3>\n <p>Cada persona tiene un estilo \u00fanico de procesamiento que determina c\u00f3mo aprende mejor<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"float-element\" style=\"--rotation: 10deg;\">100% Pr\u00e1ctico<\/div>\n <div class=\"float-element\" style=\"--rotation: -15deg;\">Resultados reales<\/div>\n <div class=\"float-element\" style=\"--rotation: 5deg;\">Tu estrategia<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"problems-section\">\n <h2 class=\"adventure-title\">Lo que nadie te ha ense\u00f1ado sobre tu cerebro<\/h2>\n <div class=\"problems-grid\">\n <div class=\"problem-card\">\n <div class=\"problem-emoji\">\ud83e\udde9<\/div>\n <h3 class=\"problem-title\">Estrategias gen\u00e9ricas<\/h3>\n <p class=\"problem-text\">Te ense\u00f1an m\u00e9todos de estudio \u00abuniversales\u00bb que no consideran tu forma particular de procesar informaci\u00f3n<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-emoji\">\ud83d\udcda<\/div>\n <h3 class=\"problem-title\">Esfuerzo sin resultados<\/h3>\n <p class=\"problem-text\">Estudias horas y horas pero no rindes porque usas t\u00e9cnicas que no conectan con tu estilo de procesamiento<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-emoji\">\ud83c\udfaf<\/div>\n <h3 class=\"problem-title\">Potencial desaprovechado<\/h3>\n <p class=\"problem-text\">Tu rendimiento actual es solo una fracci\u00f3n de lo que podr\u00edas lograr con las estrategias correctas<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"method\" class=\"prime-adventure\">\n <h2 class=\"adventure-title\">Tu viaje de transformaci\u00f3n PRIME<\/h2>\n <div class=\"adventure-path\">\n <div class=\"prime-station\" data-info=\"potencial\">\n <span class=\"station-letter\">P<\/span>\n <span class=\"station-label\">Potencial<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"rentar\">\n <span class=\"station-letter\">R<\/span>\n <span class=\"station-label\">Rentar<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"impulso\">\n <span class=\"station-letter\">I<\/span>\n <span class=\"station-label\">Impulso<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"metas\">\n <span class=\"station-letter\">M<\/span>\n <span class=\"station-label\">Metas<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"exito\">\n <span class=\"station-letter\">E<\/span>\n <span class=\"station-label\">\u00c9xito<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"workshop\" class=\"workshop-section\">\n <div class=\"workshop-container\">\n <h2 class=\"workshop-title\">Workshop PRIME Intensivo<\/h2>\n <p class=\"workshop-subtitle\">\n Tu estilo de procesamiento + Tus preferencias de aprendizaje = Tu estrategia personalizada\n <\/p>\n \n \n <div class=\"workshop-timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-number\">1<\/div>\n <div class=\"timeline-icon\">\ud83e\udde0<\/div>\n <h3 class=\"timeline-title\">Diagn\u00f3stico Previo<\/h3>\n <p class=\"timeline-duration\">30 minutos<\/p>\n <p class=\"timeline-description\">Evaluaci\u00f3n completa de tu estilo de procesamiento de informaci\u00f3n y preferencias de aprendizaje<\/p>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-number\">2<\/div>\n <div class=\"timeline-icon\">\ud83d\udca1<\/div>\n <h3 class=\"timeline-title\">Sesi\u00f3n Principal<\/h3>\n <p class=\"timeline-duration\">120 minutos online<\/p>\n <p class=\"timeline-description\">An\u00e1lisis profundo de tus resultados y dise\u00f1o de tu estrategia personalizada de estudio basada en tu estilo \u00fanico<\/p>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-number\">3<\/div>\n <div class=\"timeline-icon\">\ud83d\ude80<\/div>\n <h3 class=\"timeline-title\">Seguimiento<\/h3>\n <p class=\"timeline-duration\">Seguimiento por wassap durante 1 mes<\/p>\n <p class=\"timeline-description\">Seguimientos opcionales grupales a los 15 dias y al mes (50\u20ac sesi\u00f3n)<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"workshop-objectives\">\n <h3 class=\"objectives-title\">\ud83c\udfaf Objetivo del Workshop<\/h3>\n <p class=\"objectives-text\">\n Descubrir\u00e1s tu estilo \u00fanico de procesamiento de informaci\u00f3n y tus preferencias de aprendizaje, y aprender\u00e1s a crear estrategias personalizadas que maximicen tu rendimiento acad\u00e9mico y personal.\n <\/p>\n <\/div>\n\n \n <div class=\"workshop-outcomes\">\n <div class=\"outcome-card\">\n <div class=\"outcome-icon\">\ud83d\udcca<\/div>\n <h4 class=\"outcome-title\">Recibir\u00e1s<\/h4>\n <p class=\"outcome-text\">Tu perfil completo de procesamiento de informaci\u00f3n + Estrategias espec\u00edficas para tus preferencias de aprendizaje<\/p>\n <\/div>\n \n <div class=\"outcome-card\">\n <div class=\"outcome-icon\">\u2728<\/div>\n <h4 class=\"outcome-title\">Impacto<\/h4>\n <p class=\"outcome-text\">Descubrir\u00e1s tu propio PRIME y aprender\u00e1s estrategias espec\u00edficas para sacarle el m\u00e1ximo partido<\/p>\n <\/div>\n \n <div class=\"outcome-card\">\n <div class=\"outcome-icon\">\ud83c\udfae<\/div>\n <h4 class=\"outcome-title\">Din\u00e1mica<\/h4>\n <p class=\"outcome-text\">Sesiones participativas y divertidas donde conectar\u00e1s con otros j\u00f3venes con estilos similares<\/p>\n <\/div>\n <\/div>\n\n <div class=\"workshop-price\">\n \ud83d\udcb0 Precio: 160\u20ac\n <\/div>\n\n \n <div style=\"margin: 30px auto; max-width: 600px;\">\n <p style=\"font-size: 1.1rem; color: rgb(55, 115, 165); line-height: 1.8;\">\n <strong style=\"color: rgb(26, 26, 46);\">\ud83d\udcda Para estudiantes de:<\/strong> ESO, Bachillerato y FP<br>\n <strong style=\"color: rgb(26, 26, 46);\">\ud83d\udcc5 Pr\u00f3ximas fechas:<\/strong> Martes 21 de Octubre y Mi\u00e9rcoles 22 de Octubre <br>\n <strong style=\"color: rgb(26, 26, 46);\">\u231a\ufe0f Horario:<\/strong> De 18 a 20h\n <\/p>\n <\/div>\n \n <div>\n <button class=\"workshop-cta\" data-action=\"activate\">\n RESERVA TU PLAZA EN EL WORKSHOP\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"team\" class=\"team-section\">\n <div class=\"team-container\">\n <h2 class=\"team-title\">Qui\u00e9nes te acompa\u00f1ar\u00e1n en este viaje<\/h2>\n <p class=\"team-subtitle\">Un equipo de expertos apasionados por transformar la educaci\u00f3n<\/p>\n \n <div class=\"team-grid\">\n \n <div class=\"team-member\">\n <div class=\"member-card\">\n <div class=\"member-avatar\">\n <span class=\"avatar-emoji\">\ud83c\udf1f<\/span>\n <\/div>\n <h3 class=\"member-name\">Marta Leci\u00f1ena<\/h3>\n <p class=\"member-role\">Especialista en Desarrollo de Talento<\/p>\n <p class=\"member-bio\">\n <strong>Curiosa por naturaleza y apasionada por descubrir c\u00f3mo cada mente procesa de forma \u00fanica.<\/strong>\n <br><br>\n Creo que cada persona tiene un estilo de aprendizaje particular esperando ser descubierto. Mi misi\u00f3n es acompa\u00f1arte a identificar tu forma especial de procesar informaci\u00f3n y convertirla en tu mayor ventaja acad\u00e9mica.\n <br><br>\n Formada en coaching, mentoring, PNL y liderazgo, aunque lo que realmente me mueve es ser testigo de c\u00f3mo los j\u00f3venes descubren su potencial cuando entienden c\u00f3mo funciona realmente su cerebro.\n <\/p>\n <div class=\"member-quote\">\n \u00abTu forma de procesar no es un problema, es tu superpoder esperando ser activado\u00bb\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"team-member\">\n <div class=\"member-card\">\n <div class=\"member-avatar\">\n <span class=\"avatar-emoji\">\ud83e\udde0<\/span>\n <\/div>\n <h3 class=\"member-name\">Cecilia Jim\u00e9nez Gonz\u00e1lez<\/h3>\n <p class=\"member-role\">Psic\u00f3loga e Investigadora<\/p>\n <p class=\"member-bio\">\n <strong>Creadora de UniversInside y experta en neurociencia aplicada al aprendizaje.<\/strong>\n <br><br>\n Mi trabajo se centra en traducir los descubrimientos de la neurociencia cognitiva en estrategias pr\u00e1cticas que transforman el rendimiento acad\u00e9mico. He desarrollado herramientas psicotecnol\u00f3gicas que identifican y activan el potencial \u00fanico de cada estudiante.\n <br><br>\n Especializada en redes sem\u00e1nticas, memoria epis\u00f3dica y desarrollo del talento, con a\u00f1os de investigaci\u00f3n sobre c\u00f3mo optimizar el procesamiento de informaci\u00f3n seg\u00fan cada perfil cognitivo.\n <\/p>\n <div class=\"member-quote\">\n \u00abLa genialidad no es exclusiva de unos pocos; cada cerebro tiene su forma \u00f3ptima de brillar\u00bb\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"team-member\">\n <div class=\"member-card universinside-card\">\n <div class=\"member-avatar\">\n <span class=\"avatar-emoji\">\ud83d\ude80<\/span>\n <\/div>\n <h3 class=\"member-name\">UniversInside<\/h3>\n <p class=\"member-role\">Metodolog\u00eda Base<\/p>\n <p class=\"member-bio\">\n <strong>Transformaci\u00f3n educativa basada en neurociencia.<\/strong>\n <br><br>\n Metodolog\u00eda que identifica y activa el potencial \u00fanico de cada estudiante mediante herramientas psicotecnol\u00f3gicas validadas.\n <br><br>\n Nuestro enfoque: detectar tu estilo de procesamiento, eliminar bloqueos de aprendizaje y crear estrategias personalizadas que multiplican tu rendimiento.\n <\/p>\n <div class=\"member-quote\">\n \u00abTu cerebro es \u00fanico, tu estrategia tambi\u00e9n debe serlo\u00bb\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"parents\" class=\"parents-section\">\n <div class=\"parents-container\">\n <div class=\"parents-info\">\n <h2 class=\"parents-title\">Padres\/Tutores: ayuda real para el rendimiento acad\u00e9mico de tu adolescente<\/h2>\n \n <div class=\"credential-badge\">\n <span>\ud83d\udc69\u200d\ud83c\udfeb<\/span>\n <span>Psicotecnolog\u00eda + Neurociencia aplicada<\/span>\n <\/div>\n\n <ul class=\"parents-benefits\">\n <li>Diagn\u00f3stico preciso del estilo de procesamiento de tu adolescente<\/li>\n <li>Estrategias personalizadas seg\u00fan sus preferencias de aprendizaje<\/li>\n <li>Resultados medibles desde la primera semana de aplicaci\u00f3n<\/li>\n <li>Acompa\u00f1amiento profesional durante todo el proceso<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"cta\" class=\"final-cta\">\n <div class=\"cta-container\">\n <h2 class=\"cta-title\">Activa tu estrategia personalizada<\/h2>\n <p class=\"cta-subtitle\">Solo 15 plazas disponibles para la pr\u00f3xima edici\u00f3n<\/p>\n \n \n \n <style>\n #prime-wordpress-form .form-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 30px;\n }\n\n #prime-wordpress-form .form-field {\n position: relative;\n }\n\n #prime-wordpress-form .form-field.full-width {\n grid-column: span 2;\n }\n\n #prime-wordpress-form .form-field input,\n #prime-wordpress-form .form-field select {\n width: 100%;\n padding: 15px;\n border-radius: 10px;\n border: 2px solid transparent;\n font-size: 1rem;\n transition: all 0.3s ease;\n background: white;\n color: rgb(26, 26, 46);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", sans-serif;\n }\n\n #prime-wordpress-form .form-field input:focus,\n #prime-wordpress-form .form-field select:focus {\n outline: none;\n border-color: #d3f30b;\n transform: scale(1.02);\n }\n\n #prime-wordpress-form .submit-btn {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 20px 40px;\n border-radius: 25px;\n font-size: 1.2rem;\n font-weight: 700;\n border: 3px solid white;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", sans-serif;\n }\n\n #prime-wordpress-form .submit-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 10px 30px rgba(211, 243, 11, 0.3);\n }\n\n .fecha-info {\n background: rgba(255, 255, 255, 0.1);\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 30px;\n color: #d3f30b;\n text-align: center;\n }\n\n .fecha-info h4 {\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n .fecha-info p {\n margin: 5px 0;\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n #prime-wordpress-form .form-grid {\n grid-template-columns: 1fr;\n }\n #prime-wordpress-form .form-field.full-width {\n grid-column: span 1;\n }\n }\n <\/style>\n <div id=\"prime-wordpress-form\">\n \n <div class=\"fecha-info\">\n <h4>\ud83d\udcc5 Fechas del Workshop<\/h4>\n <p><strong>ESO:<\/strong> Martes 21 de Octubre (15 plazas)<\/p>\n <p><strong>Bachillerato\/FP:<\/strong> Mi\u00e9rcoles 22 de Octubre(15 plazas)<\/p>\n\t\t\t<p><strong>Horario:<\/strong> De 18 a 20h <\/p> \n <\/div>\n \n <form id=\"prime-form\" method=\"POST\" action=\"\">\n <input type=\"hidden\" name=\"prime_guardar\" value=\"1\">\n <div class=\"form-grid\">\n <div class=\"form-field\">\n <input type=\"text\" name=\"nombre\" placeholder=\"Nombre completo\" required>\n <\/div>\n \n <div class=\"form-field\">\n <select name=\"nivel_educativo\" id=\"nivel_educativo\" required onchange=\"actualizarDia()\">\n <option value=\"\">Nivel educativo<\/option>\n <option value=\"ESO\">ESO<\/option>\n <option value=\"Bachillerato\">Bachillerato<\/option>\n <option value=\"FP\">FP<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-field\">\n <input type=\"email\" name=\"email\" placeholder=\"Email\" required>\n <\/div>\n \n <div class=\"form-field\">\n <input type=\"tel\" name=\"whatsapp\" placeholder=\"WhatsApp\" required>\n <\/div>\n \n <div class=\"form-field\">\n <select name=\"dia_workshop\" id=\"dia_workshop\" required>\n <option value=\"\">Selecciona primero el nivel<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-field\">\n <select name=\"tipo_usuario\" required>\n <option value=\"\">\u00bfQui\u00e9n completa este formulario?<\/option>\n <option value=\"estudiante\">Soy el\/la estudiante<\/option>\n <option value=\"padre\">Soy padre\/madre\/tutor<\/option>\n <\/select>\n <\/div>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn\">\n RESERVAR MI PLAZA\n <\/button>\n <\/form>\n <\/div>\n \n <script>\n function actualizarDia() {\n var nivel = document.getElementById(\"nivel_educativo\").value;\n var diaSelect = document.getElementById(\"dia_workshop\");\n \n diaSelect.innerHTML = \"\";\n \n if (nivel === \"ESO\") {\n diaSelect.innerHTML = '<option value=\"30-septiembre-ESO\">Martes 30 de septiembre - ESO<\/option>';\n } else if (nivel === \"Bachillerato\" || nivel === \"FP\") {\n diaSelect.innerHTML = '<option value=\"1-octubre-BachFP\">Mi\u00e9rcoles 1 de octubre - Bachillerato\/FP<\/option>';\n } else {\n diaSelect.innerHTML = '<option value=\"\">Selecciona primero el nivel<\/option>';\n }\n }\n <\/script>\n \n <\/div>\n <\/section>\n\n \n <footer>\n <p>\u00a9 2025 Programa PRIME | UniversInside \u00d7 Marta Leci\u00f1ena \u00d7 Cecilia Jim\u00e9nez<\/p>\n <p>Tu rendimiento \u00f3ptimo te est\u00e1 esperando \ud83c\udfaf<\/p>\n <p style=\"margin-top: 15px; font-size: 0.9rem; opacity: 0.8;\">\n Metodolog\u00eda basada en neurociencia cognitiva y psicotecnolog\u00eda aplicada\n <\/p>\n <\/footer>\n\n \n <div id=\"info-modal\" class=\"modal\">\n <div class=\"modal-content\">\n <div class=\"modal-close\">\u2715<\/div>\n <h3 id=\"modal-title\">T\u00edtulo<\/h3>\n <p id=\"modal-text\">Descripci\u00f3n<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"confirm-modal\" class=\"modal\">\n <div class=\"modal-content\">\n <div class=\"modal-close\">\u2715<\/div>\n <h3>\u00a1Tu plaza est\u00e1 casi lista! \ud83c\udf89<\/h3>\n <p>Te contactaremos en las pr\u00f3ximas 24 horas por WhatsApp para confirmar tu inscripci\u00f3n y resolver todas tus dudas.<\/p>\n <p style=\"margin-top: 20px; font-weight: 600; color: #3773a5;\">Prep\u00e1rate para optimizar tu rendimiento \ud83d\ude80<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ JavaScript simple para navegaci\u00f3n y modales (sin formulario)\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Navegaci\u00f3n suave\n var navItems = document.querySelectorAll('.ticket-nav');\n navItems.forEach(function(item) {\n item.addEventListener('click', function() {\n var targetId = this.getAttribute('data-section');\n var targetSection = document.getElementById(targetId);\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Info de estaciones PRIME\n var primeInfo = {\n 'potencial': {\n title: 'P - Potencial',\n text: 'Descubrimos tu capacidad \u00fanica, esa que siempre has tenido pero nadie te ayud\u00f3 a ver. Es hora de conocer tu verdadero poder.'\n },\n 'rentar': {\n title: 'R - Rentar',\n text: 'Aprendes a hacer que tu talento genere valor real. Desarrollando habilidades que te abren puertas.'\n },\n 'impulso': {\n title: 'I - Impulso',\n text: 'Activamos tu motor interno. Esa energ\u00eda que te mueve sin que nadie te empuje. Tu motivaci\u00f3n real, no la impuesta.'\n },\n 'metas': {\n title: 'M - Metas',\n text: 'Dise\u00f1as objetivos que s\u00ed tienen sentido para TI.'\n },\n 'exito': {\n title: 'E - \u00c9xito',\n text: 'Defines tu propia victoria. El \u00e9xito no es igual para todos, y aqu\u00ed descubres c\u00f3mo es el tuyo.'\n }\n };\n\n \/\/ Modal de informaci\u00f3n PRIME\n var infoModal = document.getElementById('info-modal');\n var modalTitle = document.getElementById('modal-title');\n var modalText = document.getElementById('modal-text');\n\n \/\/ Clicks en estaciones PRIME\n var stations = document.querySelectorAll('.prime-station');\n stations.forEach(function(station) {\n station.addEventListener('click', function() {\n var info = this.getAttribute('data-info');\n if (primeInfo[info]) {\n modalTitle.textContent = primeInfo[info].title;\n modalText.textContent = primeInfo[info].text;\n infoModal.style.display = 'flex';\n }\n });\n });\n\n \/\/ Cerrar modales\n var closeButtons = document.querySelectorAll('.modal-close');\n closeButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n this.closest('.modal').style.display = 'none';\n });\n });\n\n \/\/ Click fuera del modal para cerrar\n window.addEventListener('click', function(e) {\n if (e.target.classList.contains('modal')) {\n e.target.style.display = 'none';\n }\n });\n\n \/\/ CTAs\n var ctaButtons = document.querySelectorAll('[data-action=\"activate\"]');\n ctaButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n document.getElementById('cta').scrollIntoView({ behavior: 'smooth' });\n });\n });\n\n \/\/ Animaci\u00f3n de wobble en scroll\n var observerOptions = {\n threshold: 0.1,\n rootMargin: '0px'\n };\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'none';\n setTimeout(function() {\n entry.target.style.animation = '';\n }, 10);\n }\n });\n }, observerOptions);\n\n var animatedElements = document.querySelectorAll('.highlight-prime, .problem-card, .prime-station');\n animatedElements.forEach(function(el) {\n observer.observe(el);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\"><\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\"><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Workshop PRIME – Descubre tu forma \u00fanica de procesar informaci\u00f3n Para ti M\u00e9todo Workshop Equipo Padres\/Tutor \u00a1\u00danete! UniversInside \u00d7 Marta Leci\u00f1ena Descubre c\u00f3mo procesa tu cerebro y multiplica tu RENDIMIENTO Workshop intensivo para descubrir tu estilo \u00fanico de procesamiento y crear tu estrategia personalizada de aprendizaje Estrategias personalizadas basadas en tu forma \u00fanica de procesar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"plantilla","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":19,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2,"date":"2025-08-25T15:01:30","date_gmt":"2025-08-25T15:01:30","guid":{"rendered":"https:\/\/programa-prime.com\/?page_id=2"},"modified":"2025-09-02T12:04:18","modified_gmt":"2025-09-02T12:04:18","slug":"prime","status":"publish","type":"page","link":"https:\/\/programa-prime.com\/","title":{"rendered":"PRIME"},"content":{"rendered":"\n\n\n\n \n \n Workshop PRIME – Descubre tu forma \u00fanica de procesar informaci\u00f3n<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', sans-serif;\n line-height: 1.6;\n overflow-x: hidden;\n background: rgb(248, 246, 241);\n }\n\n \/* Animaciones *\/\n @keyframes float {\n 0%, 100% { transform: translateY(0) rotate(var(--rotation)); }\n 50% { transform: translateY(-20px) rotate(calc(var(--rotation) + 5deg)); }\n }\n\n @keyframes spark {\n 0% { \n opacity: 0;\n transform: translateY(0) scale(0);\n }\n 50% { \n opacity: 1;\n transform: translateY(-100px) scale(1);\n }\n 100% { \n opacity: 0;\n transform: translateY(-200px) scale(0.5);\n }\n }\n\n @keyframes wobble {\n 0%, 100% { transform: rotate(-2deg); }\n 50% { transform: rotate(2deg); }\n }\n\n @keyframes pulse {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n }\n\n \/* Fondo animado *\/\n .circus-bg {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n opacity: 0.1;\n }\n\n .circus-element {\n position: absolute;\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: linear-gradient(45deg, #d3f30b, #3773a5);\n animation: float 10s infinite ease-in-out;\n }\n\n .circus-element:nth-child(1) {\n top: 10%;\n left: 10%;\n animation-delay: 0s;\n }\n\n .circus-element:nth-child(2) {\n top: 60%;\n right: 10%;\n animation-delay: 3s;\n }\n\n .circus-element:nth-child(3) {\n bottom: 10%;\n left: 50%;\n animation-delay: 6s;\n }\n\n \/* Navegaci\u00f3n tipo tickets *\/\n .nav-tickets {\n position: fixed;\n top: 20px;\n right: 20px;\n display: flex;\n gap: 10px;\n z-index: 1000;\n flex-wrap: wrap;\n max-width: 600px;\n justify-content: flex-end;\n }\n\n .ticket-nav {\n background: white;\n color: rgb(26, 26, 46);\n padding: 8px 16px;\n border-radius: 20px;\n font-size: 0.9rem;\n font-weight: 600;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 2px solid rgb(26, 26, 46);\n }\n\n .ticket-nav:hover {\n background: #d3f30b;\n transform: rotate(-5deg) scale(1.1);\n }\n\n \/* Hero Section *\/\n .hero-gen-z {\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 80px 20px;\n background: linear-gradient(135deg, rgb(248, 246, 241) 0%, rgb(255, 255, 255) 100%);\n position: relative;\n }\n\n .hero-content {\n max-width: 1200px;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .logo-collab {\n font-size: 0.9rem;\n color: #3773a5;\n margin-bottom: 20px;\n font-weight: 600;\n }\n\n .hero-title {\n font-size: 3rem;\n font-weight: 800;\n line-height: 1.2;\n margin-bottom: 20px;\n color: rgb(26, 26, 46);\n }\n\n .highlight-prime {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 0 10px;\n border-radius: 10px;\n display: inline-block;\n animation: wobble 2s infinite;\n }\n\n .hero-subtitle {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 30px;\n font-weight: 500;\n }\n\n .pain-points {\n list-style: none;\n margin-bottom: 30px;\n }\n\n .pain-points li {\n padding: 10px 0;\n color: rgb(55, 115, 165);\n font-size: 1.1rem;\n position: relative;\n padding-left: 30px;\n }\n\n .pain-points li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: #d3f30b;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n .cta-ticket {\n background: #3773a5;\n color: white;\n padding: 20px 40px;\n border-radius: 25px;\n font-size: 1.2rem;\n font-weight: 700;\n border: 3px solid rgb(26, 26, 46);\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n box-shadow: 5px 5px 0 rgba(26, 26, 46, 0.2);\n }\n\n .cta-ticket:hover {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n transform: scale(1.05) rotate(-2deg);\n box-shadow: 10px 10px 0 rgba(26, 26, 46, 0.3);\n }\n\n .hero-visual {\n position: relative;\n }\n\n .phone-mockup {\n width: 300px;\n height: 600px;\n background: rgb(26, 26, 46);\n border-radius: 30px;\n padding: 10px;\n margin: 0 auto;\n transform: rotate(-5deg);\n box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.2);\n }\n\n .phone-screen {\n background: white;\n height: 100%;\n border-radius: 20px;\n padding: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .story-preview {\n text-align: center;\n }\n\n .story-preview h3 {\n color: #3773a5;\n margin-bottom: 10px;\n }\n\n .float-element {\n position: absolute;\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 10px 20px;\n border-radius: 20px;\n font-weight: 700;\n animation: float 3s infinite ease-in-out;\n border: 2px solid rgb(26, 26, 46);\n }\n\n .float-element:nth-child(2) { top: 10%; right: -50px; }\n .float-element:nth-child(3) { bottom: 30%; left: -50px; }\n .float-element:nth-child(4) { bottom: 10%; right: -30px; }\n\n \/* Secci\u00f3n de problemas *\/\n .problems-section {\n padding: 80px 20px;\n background: white;\n text-align: center;\n }\n\n .problems-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n max-width: 1200px;\n margin: 50px auto;\n }\n\n .problem-card {\n background: rgb(248, 246, 241);\n padding: 30px;\n border-radius: 20px;\n transition: all 0.3s ease;\n border: 3px solid transparent;\n }\n\n .problem-card:hover {\n transform: translateY(-10px) rotate(-2deg);\n border-color: #d3f30b;\n box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1);\n }\n\n .problem-emoji {\n font-size: 3rem;\n margin-bottom: 15px;\n }\n\n .problem-title {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .problem-text {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n }\n\n \/* Framework PRIME aventura *\/\n .prime-adventure {\n padding: 80px 20px;\n background: linear-gradient(180deg, white 0%, rgb(248, 246, 241) 100%);\n text-align: center;\n position: relative;\n }\n\n .adventure-title {\n font-size: 2.5rem;\n color: rgb(26, 26, 46);\n margin-bottom: 50px;\n font-weight: 800;\n }\n\n .adventure-path {\n position: relative;\n height: 300px;\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-around;\n align-items: center;\n }\n\n .adventure-path::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 10%;\n right: 10%;\n height: 4px;\n background: repeating-linear-gradient(\n 90deg,\n #d3f30b,\n #d3f30b 10px,\n transparent 10px,\n transparent 20px\n );\n z-index: 1;\n }\n\n .prime-station {\n position: relative;\n width: 80px;\n height: 80px;\n background: white;\n border-radius: 50%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n z-index: 10;\n cursor: pointer;\n transition: all 0.3s ease;\n border: 4px solid #3773a5;\n margin: 0 10px;\n }\n\n .prime-station:hover {\n transform: scale(1.2);\n background: #d3f30b;\n }\n\n .station-letter {\n font-size: 2rem;\n font-weight: 800;\n color: rgb(26, 26, 46);\n line-height: 1;\n }\n\n .station-label {\n font-size: 0.7rem;\n font-weight: 600;\n text-align: center;\n color: #3773a5;\n margin-top: 5px;\n }\n\n \/* Nueva secci\u00f3n Workshop *\/\n .workshop-section {\n padding: 80px 20px;\n background: linear-gradient(180deg, rgb(248, 246, 241) 0%, rgb(255, 255, 255) 100%);\n color: rgb(26, 26, 46);\n text-align: center;\n }\n\n .workshop-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .workshop-title {\n font-size: 2.5rem;\n margin-bottom: 20px;\n color: rgb(26, 26, 46);\n }\n\n .workshop-subtitle {\n font-size: 1.3rem;\n margin-bottom: 50px;\n color: #3773a5;\n }\n\n .workshop-timeline {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 60px 0;\n position: relative;\n flex-wrap: wrap;\n gap: 30px;\n }\n\n .timeline-item {\n flex: 1;\n background: white;\n border-radius: 20px;\n padding: 30px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n position: relative;\n transition: all 0.3s ease;\n }\n\n .timeline-item:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);\n }\n\n .timeline-number {\n position: absolute;\n top: -20px;\n left: 50%;\n transform: translateX(-50%);\n width: 40px;\n height: 40px;\n background: #d3f30b;\n border: 3px solid rgb(26, 26, 46);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 800;\n font-size: 1.2rem;\n }\n\n .timeline-icon {\n font-size: 3rem;\n margin-bottom: 15px;\n }\n\n .timeline-title {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .timeline-duration {\n font-size: 1.1rem;\n color: rgb(26, 26, 46);\n font-weight: 600;\n margin-bottom: 10px;\n }\n\n .timeline-description {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n }\n\n .workshop-objectives {\n background: #3773a5;\n color: white;\n padding: 50px;\n border-radius: 30px;\n margin: 50px 0;\n }\n\n .objectives-title {\n font-size: 2rem;\n margin-bottom: 30px;\n color: #d3f30b;\n }\n\n .objectives-text {\n font-size: 1.2rem;\n line-height: 1.8;\n max-width: 800px;\n margin: 0 auto;\n }\n\n .workshop-outcomes {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 30px;\n margin: 50px 0;\n }\n\n .outcome-card {\n background: white;\n padding: 30px;\n border-radius: 20px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n border-top: 5px solid #d3f30b;\n }\n\n .outcome-icon {\n font-size: 2.5rem;\n margin-bottom: 15px;\n }\n\n .outcome-title {\n font-size: 1.3rem;\n color: #3773a5;\n margin-bottom: 15px;\n font-weight: 700;\n }\n\n .outcome-text {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n }\n\n .workshop-price {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 30px 50px;\n border-radius: 50px;\n display: inline-block;\n font-size: 1.5rem;\n font-weight: 800;\n margin: 30px 0;\n border: 3px solid rgb(26, 26, 46);\n }\n\n .workshop-cta {\n background: #3773a5;\n color: white;\n padding: 20px 40px;\n border-radius: 25px;\n font-size: 1.2rem;\n font-weight: 700;\n text-decoration: none;\n display: inline-block;\n transition: all 0.3s ease;\n cursor: pointer;\n text-transform: uppercase;\n border: 3px solid rgb(26, 26, 46);\n }\n\n .workshop-cta:hover {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n transform: scale(1.05);\n box-shadow: 10px 10px 0 rgba(26, 26, 46, 0.2);\n }\n\n \/* Secci\u00f3n de Profesionales *\/\n .team-section {\n padding: 80px 20px;\n background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(248, 246, 241) 100%);\n position: relative;\n }\n\n .team-container {\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .team-title {\n font-size: 2.5rem;\n color: rgb(26, 26, 46);\n text-align: center;\n margin-bottom: 20px;\n font-weight: 800;\n }\n\n .team-subtitle {\n font-size: 1.3rem;\n color: #3773a5;\n text-align: center;\n margin-bottom: 60px;\n }\n\n .team-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n margin-bottom: 60px;\n }\n\n @media (max-width: 1200px) {\n .team-grid {\n grid-template-columns: repeat(2, 1fr);\n max-width: 800px;\n margin: 0 auto 60px;\n }\n }\n\n .team-member {\n display: flex;\n justify-content: center;\n }\n\n .member-card {\n background: white;\n border-radius: 25px;\n padding: 40px 30px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n text-align: center;\n max-width: 400px;\n width: 100%;\n border-top: 5px solid #d3f30b;\n }\n\n .member-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);\n }\n\n .universinside-card {\n border-top-color: #3773a5;\n background: linear-gradient(135deg, white 0%, rgb(248, 250, 255) 100%);\n }\n\n .member-avatar {\n width: 100px;\n height: 100px;\n background: linear-gradient(135deg, #d3f30b 0%, #3773a5 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 20px;\n border: 4px solid white;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);\n }\n\n .avatar-emoji {\n font-size: 3rem;\n }\n\n .member-name {\n font-size: 1.5rem;\n color: rgb(26, 26, 46);\n margin-bottom: 10px;\n font-weight: 700;\n }\n\n .member-role {\n font-size: 1rem;\n color: #3773a5;\n margin-bottom: 20px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .member-bio {\n color: rgb(55, 115, 165);\n line-height: 1.6;\n margin-bottom: 20px;\n text-align: left;\n font-size: 0.95rem;\n }\n\n .member-quote {\n padding: 20px;\n background: rgb(248, 246, 241);\n border-left: 4px solid #d3f30b;\n font-style: italic;\n color: rgb(26, 26, 46);\n margin-top: 20px;\n border-radius: 10px;\n font-weight: 500;\n }\n\n \/* Secci\u00f3n para padres *\/\n .parents-section {\n padding: 80px 20px;\n background: rgb(210, 226, 241);\n position: relative;\n }\n\n .parents-container {\n max-width: 1200px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 60px;\n align-items: center;\n }\n\n .parents-title {\n font-size: 2.2rem;\n color: rgb(26, 26, 46);\n margin-bottom: 30px;\n font-weight: 800;\n }\n\n .credential-badge {\n background: white;\n padding: 10px 20px;\n border-radius: 20px;\n display: inline-flex;\n align-items: center;\n gap: 10px;\n margin-bottom: 30px;\n font-weight: 600;\n color: #3773a5;\n }\n\n .parents-benefits {\n list-style: none;\n }\n\n .parents-benefits li {\n padding: 15px 0;\n padding-left: 30px;\n position: relative;\n color: rgb(26, 26, 46);\n font-size: 1.1rem;\n }\n\n .parents-benefits li:before {\n content: '\u2713';\n position: absolute;\n left: 0;\n color: #d3f30b;\n font-weight: bold;\n font-size: 1.3rem;\n }\n\n \/* CTA Final *\/\n .final-cta {\n padding: 80px 20px;\n background: linear-gradient(135deg, rgb(26, 26, 46) 0%, #3773a5 100%);\n color: white;\n text-align: center;\n }\n\n .cta-container {\n max-width: 800px;\n margin: 0 auto;\n }\n\n .cta-title {\n font-size: 3rem;\n margin-bottom: 20px;\n font-weight: 800;\n }\n\n .cta-subtitle {\n font-size: 1.3rem;\n margin-bottom: 40px;\n color: #d3f30b;\n }\n\n \/* Footer *\/\n footer {\n padding: 40px 20px;\n background: rgb(26, 26, 46);\n color: white;\n text-align: center;\n }\n\n footer p {\n margin: 10px 0;\n }\n\n \/* Modal *\/\n .modal {\n display: none;\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.8);\n z-index: 2000;\n align-items: center;\n justify-content: center;\n }\n\n .modal-content {\n background: white;\n padding: 40px;\n border-radius: 20px;\n max-width: 500px;\n position: relative;\n animation: pulse 0.5s ease;\n }\n\n .modal-close {\n position: absolute;\n top: 10px;\n right: 10px;\n width: 30px;\n height: 30px;\n background: rgb(26, 26, 46);\n color: white;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n font-weight: bold;\n transition: all 0.3s ease;\n }\n\n .modal-close:hover {\n transform: rotate(90deg);\n background: #d3f30b;\n }\n\n \/* Responsive *\/\n @media (max-width: 968px) {\n .hero-content,\n .parents-container {\n grid-template-columns: 1fr;\n text-align: center;\n }\n\n .hero-visual {\n margin-top: 40px;\n }\n\n .phone-mockup {\n transform: rotate(0);\n }\n\n .nav-tickets {\n top: 10px;\n right: 10px;\n max-width: 100%;\n justify-content: center;\n }\n\n .prime-station {\n margin: 20px auto;\n }\n\n .adventure-path {\n flex-direction: column;\n gap: 20px;\n height: auto;\n }\n\n .adventure-path::before {\n display: none;\n }\n\n .team-grid {\n grid-template-columns: 1fr;\n max-width: 500px;\n margin: 0 auto 60px;\n }\n }\n\n @media (max-width: 480px) {\n .hero-title {\n font-size: 2rem;\n }\n\n .phone-mockup {\n width: 250px;\n height: 500px;\n }\n\n .team-grid {\n gap: 30px;\n }\n\n .member-card {\n padding: 30px 20px;\n }\n\n .logo-collab {\n font-size: 0.8rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"circus-bg\">\n <div class=\"circus-element\"><\/div>\n <div class=\"circus-element\"><\/div>\n <div class=\"circus-element\"><\/div>\n <\/div>\n\n \n <nav class=\"nav-tickets\">\n <div class=\"ticket-nav\" data-section=\"hero\">Para ti<\/div>\n <div class=\"ticket-nav\" data-section=\"method\">M\u00e9todo<\/div>\n <div class=\"ticket-nav\" data-section=\"workshop\">Workshop<\/div>\n <div class=\"ticket-nav\" data-section=\"team\">Equipo<\/div>\n <div class=\"ticket-nav\" data-section=\"parents\">Padres\/Tutor<\/div>\n <div class=\"ticket-nav\" data-section=\"cta\">\u00a1\u00danete!<\/div>\n <\/nav>\n\n \n <section id=\"hero\" class=\"hero-gen-z\">\n <div class=\"hero-content\">\n <div class=\"hero-text\">\n <div class=\"logo-collab\">\n <span>UniversInside<\/span>\n <span style=\"color: rgb(249, 156, 140);\">\u00d7<\/span>\n <span>Marta Leci\u00f1ena<\/span>\n <\/div>\n\n <h1 class=\"hero-title\">\n Descubre c\u00f3mo procesa tu cerebro<br>\n y multiplica tu <span class=\"highlight-prime\">RENDIMIENTO<\/span>\n <\/h1>\n\n <p class=\"hero-subtitle\">\n Workshop intensivo para descubrir tu estilo \u00fanico de procesamiento y crear tu estrategia personalizada de aprendizaje\n <\/p>\n\n <ul class=\"pain-points\">\n <li>Estrategias personalizadas basadas en tu forma \u00fanica de procesar<\/li>\n <li>T\u00e9cnicas espec\u00edficas para tu estilo de procesamiento y preferencias<\/li>\n <li>Plan de acci\u00f3n adaptado a c\u00f3mo tu cerebro aprende mejor<\/li>\n <\/ul>\n\n <button class=\"cta-ticket\" data-action=\"activate\">\n DESCUBRE TU M\u00c9TODO \u00d3PTIMO\n <\/button>\n <\/div>\n\n <div class=\"hero-visual\">\n <div class=\"phone-mockup\">\n <div class=\"phone-screen\">\n <div class=\"story-preview\">\n <h3>\u00bfSab\u00edas que…?<\/h3>\n <p>Cada persona tiene un estilo \u00fanico de procesamiento que determina c\u00f3mo aprende mejor<\/p>\n <\/div>\n <\/div>\n <\/div>\n <div class=\"float-element\" style=\"--rotation: 10deg;\">100% Pr\u00e1ctico<\/div>\n <div class=\"float-element\" style=\"--rotation: -15deg;\">Resultados reales<\/div>\n <div class=\"float-element\" style=\"--rotation: 5deg;\">Tu estrategia<\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"problems-section\">\n <h2 class=\"adventure-title\">Lo que nadie te ha ense\u00f1ado sobre tu cerebro<\/h2>\n <div class=\"problems-grid\">\n <div class=\"problem-card\">\n <div class=\"problem-emoji\">\ud83e\udde9<\/div>\n <h3 class=\"problem-title\">Estrategias gen\u00e9ricas<\/h3>\n <p class=\"problem-text\">Te ense\u00f1an m\u00e9todos de estudio \u00abuniversales\u00bb que no consideran tu forma particular de procesar informaci\u00f3n<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-emoji\">\ud83d\udcda<\/div>\n <h3 class=\"problem-title\">Esfuerzo sin resultados<\/h3>\n <p class=\"problem-text\">Estudias horas y horas pero no rindes porque usas t\u00e9cnicas que no conectan con tu estilo de procesamiento<\/p>\n <\/div>\n <div class=\"problem-card\">\n <div class=\"problem-emoji\">\ud83c\udfaf<\/div>\n <h3 class=\"problem-title\">Potencial desaprovechado<\/h3>\n <p class=\"problem-text\">Tu rendimiento actual es solo una fracci\u00f3n de lo que podr\u00edas lograr con las estrategias correctas<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"method\" class=\"prime-adventure\">\n <h2 class=\"adventure-title\">Tu viaje de transformaci\u00f3n PRIME<\/h2>\n <div class=\"adventure-path\">\n <div class=\"prime-station\" data-info=\"potencial\">\n <span class=\"station-letter\">P<\/span>\n <span class=\"station-label\">Potencial<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"rentar\">\n <span class=\"station-letter\">R<\/span>\n <span class=\"station-label\">Rentar<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"impulso\">\n <span class=\"station-letter\">I<\/span>\n <span class=\"station-label\">Impulso<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"metas\">\n <span class=\"station-letter\">M<\/span>\n <span class=\"station-label\">Metas<\/span>\n <\/div>\n <div class=\"prime-station\" data-info=\"exito\">\n <span class=\"station-letter\">E<\/span>\n <span class=\"station-label\">\u00c9xito<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"workshop\" class=\"workshop-section\">\n <div class=\"workshop-container\">\n <h2 class=\"workshop-title\">Workshop PRIME Intensivo<\/h2>\n <p class=\"workshop-subtitle\">\n Tu estilo de procesamiento + Tus preferencias de aprendizaje = Tu estrategia personalizada\n <\/p>\n \n \n <div class=\"workshop-timeline\">\n <div class=\"timeline-item\">\n <div class=\"timeline-number\">1<\/div>\n <div class=\"timeline-icon\">\ud83e\udde0<\/div>\n <h3 class=\"timeline-title\">Diagn\u00f3stico Previo<\/h3>\n <p class=\"timeline-duration\">30 minutos<\/p>\n <p class=\"timeline-description\">Evaluaci\u00f3n completa de tu estilo de procesamiento de informaci\u00f3n y preferencias de aprendizaje<\/p>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-number\">2<\/div>\n <div class=\"timeline-icon\">\ud83d\udca1<\/div>\n <h3 class=\"timeline-title\">Sesi\u00f3n Principal<\/h3>\n <p class=\"timeline-duration\">120 minutos online<\/p>\n <p class=\"timeline-description\">An\u00e1lisis profundo de tus resultados y dise\u00f1o de tu estrategia personalizada de estudio basada en tu estilo \u00fanico<\/p>\n <\/div>\n \n <div class=\"timeline-item\">\n <div class=\"timeline-number\">3<\/div>\n <div class=\"timeline-icon\">\ud83d\ude80<\/div>\n <h3 class=\"timeline-title\">Seguimiento<\/h3>\n <p class=\"timeline-duration\">Seguimiento por wassap durante 1 mes<\/p>\n <p class=\"timeline-description\">Seguimientos opcionales grupales a los 15 dias y al mes (50\u20ac sesi\u00f3n)<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"workshop-objectives\">\n <h3 class=\"objectives-title\">\ud83c\udfaf Objetivo del Workshop<\/h3>\n <p class=\"objectives-text\">\n Descubrir\u00e1s tu estilo \u00fanico de procesamiento de informaci\u00f3n y tus preferencias de aprendizaje, y aprender\u00e1s a crear estrategias personalizadas que maximicen tu rendimiento acad\u00e9mico y personal.\n <\/p>\n <\/div>\n\n \n <div class=\"workshop-outcomes\">\n <div class=\"outcome-card\">\n <div class=\"outcome-icon\">\ud83d\udcca<\/div>\n <h4 class=\"outcome-title\">Recibir\u00e1s<\/h4>\n <p class=\"outcome-text\">Tu perfil completo de procesamiento de informaci\u00f3n + Estrategias espec\u00edficas para tus preferencias de aprendizaje<\/p>\n <\/div>\n \n <div class=\"outcome-card\">\n <div class=\"outcome-icon\">\u2728<\/div>\n <h4 class=\"outcome-title\">Impacto<\/h4>\n <p class=\"outcome-text\">Descubrir\u00e1s tu propio PRIME y aprender\u00e1s estrategias espec\u00edficas para sacarle el m\u00e1ximo partido<\/p>\n <\/div>\n \n <div class=\"outcome-card\">\n <div class=\"outcome-icon\">\ud83c\udfae<\/div>\n <h4 class=\"outcome-title\">Din\u00e1mica<\/h4>\n <p class=\"outcome-text\">Sesiones participativas y divertidas donde conectar\u00e1s con otros j\u00f3venes con estilos similares<\/p>\n <\/div>\n <\/div>\n\n <div class=\"workshop-price\">\n \ud83d\udcb0 Precio: 160\u20ac\n <\/div>\n\n \n <div style=\"margin: 30px auto; max-width: 600px;\">\n <p style=\"font-size: 1.1rem; color: rgb(55, 115, 165); line-height: 1.8;\">\n <strong style=\"color: rgb(26, 26, 46);\">\ud83d\udcda Para estudiantes de:<\/strong> ESO, Bachillerato y FP<br>\n <strong style=\"color: rgb(26, 26, 46);\">\ud83d\udcc5 Pr\u00f3ximas fechas:<\/strong> Martes 21 de Octubre y Mi\u00e9rcoles 22 de Octubre <br>\n <strong style=\"color: rgb(26, 26, 46);\">\u231a\ufe0f Horario:<\/strong> De 18 a 20h\n <\/p>\n <\/div>\n \n <div>\n <button class=\"workshop-cta\" data-action=\"activate\">\n RESERVA TU PLAZA EN EL WORKSHOP\n <\/button>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"team\" class=\"team-section\">\n <div class=\"team-container\">\n <h2 class=\"team-title\">Qui\u00e9nes te acompa\u00f1ar\u00e1n en este viaje<\/h2>\n <p class=\"team-subtitle\">Un equipo de expertos apasionados por transformar la educaci\u00f3n<\/p>\n \n <div class=\"team-grid\">\n \n <div class=\"team-member\">\n <div class=\"member-card\">\n <div class=\"member-avatar\">\n <span class=\"avatar-emoji\">\ud83c\udf1f<\/span>\n <\/div>\n <h3 class=\"member-name\">Marta Leci\u00f1ena<\/h3>\n <p class=\"member-role\">Especialista en Desarrollo de Talento<\/p>\n <p class=\"member-bio\">\n <strong>Curiosa por naturaleza y apasionada por descubrir c\u00f3mo cada mente procesa de forma \u00fanica.<\/strong>\n <br><br>\n Creo que cada persona tiene un estilo de aprendizaje particular esperando ser descubierto. Mi misi\u00f3n es acompa\u00f1arte a identificar tu forma especial de procesar informaci\u00f3n y convertirla en tu mayor ventaja acad\u00e9mica.\n <br><br>\n Formada en coaching, mentoring, PNL y liderazgo, aunque lo que realmente me mueve es ser testigo de c\u00f3mo los j\u00f3venes descubren su potencial cuando entienden c\u00f3mo funciona realmente su cerebro.\n <\/p>\n <div class=\"member-quote\">\n \u00abTu forma de procesar no es un problema, es tu superpoder esperando ser activado\u00bb\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"team-member\">\n <div class=\"member-card\">\n <div class=\"member-avatar\">\n <span class=\"avatar-emoji\">\ud83e\udde0<\/span>\n <\/div>\n <h3 class=\"member-name\">Cecilia Jim\u00e9nez Gonz\u00e1lez<\/h3>\n <p class=\"member-role\">Psic\u00f3loga e Investigadora<\/p>\n <p class=\"member-bio\">\n <strong>Creadora de UniversInside y experta en neurociencia aplicada al aprendizaje.<\/strong>\n <br><br>\n Mi trabajo se centra en traducir los descubrimientos de la neurociencia cognitiva en estrategias pr\u00e1cticas que transforman el rendimiento acad\u00e9mico. He desarrollado herramientas psicotecnol\u00f3gicas que identifican y activan el potencial \u00fanico de cada estudiante.\n <br><br>\n Especializada en redes sem\u00e1nticas, memoria epis\u00f3dica y desarrollo del talento, con a\u00f1os de investigaci\u00f3n sobre c\u00f3mo optimizar el procesamiento de informaci\u00f3n seg\u00fan cada perfil cognitivo.\n <\/p>\n <div class=\"member-quote\">\n \u00abLa genialidad no es exclusiva de unos pocos; cada cerebro tiene su forma \u00f3ptima de brillar\u00bb\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"team-member\">\n <div class=\"member-card universinside-card\">\n <div class=\"member-avatar\">\n <span class=\"avatar-emoji\">\ud83d\ude80<\/span>\n <\/div>\n <h3 class=\"member-name\">UniversInside<\/h3>\n <p class=\"member-role\">Metodolog\u00eda Base<\/p>\n <p class=\"member-bio\">\n <strong>Transformaci\u00f3n educativa basada en neurociencia.<\/strong>\n <br><br>\n Metodolog\u00eda que identifica y activa el potencial \u00fanico de cada estudiante mediante herramientas psicotecnol\u00f3gicas validadas.\n <br><br>\n Nuestro enfoque: detectar tu estilo de procesamiento, eliminar bloqueos de aprendizaje y crear estrategias personalizadas que multiplican tu rendimiento.\n <\/p>\n <div class=\"member-quote\">\n \u00abTu cerebro es \u00fanico, tu estrategia tambi\u00e9n debe serlo\u00bb\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"parents\" class=\"parents-section\">\n <div class=\"parents-container\">\n <div class=\"parents-info\">\n <h2 class=\"parents-title\">Padres\/Tutores: ayuda real para el rendimiento acad\u00e9mico de tu adolescente<\/h2>\n \n <div class=\"credential-badge\">\n <span>\ud83d\udc69\u200d\ud83c\udfeb<\/span>\n <span>Psicotecnolog\u00eda + Neurociencia aplicada<\/span>\n <\/div>\n\n <ul class=\"parents-benefits\">\n <li>Diagn\u00f3stico preciso del estilo de procesamiento de tu adolescente<\/li>\n <li>Estrategias personalizadas seg\u00fan sus preferencias de aprendizaje<\/li>\n <li>Resultados medibles desde la primera semana de aplicaci\u00f3n<\/li>\n <li>Acompa\u00f1amiento profesional durante todo el proceso<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section id=\"cta\" class=\"final-cta\">\n <div class=\"cta-container\">\n <h2 class=\"cta-title\">Activa tu estrategia personalizada<\/h2>\n <p class=\"cta-subtitle\">Solo 15 plazas disponibles para la pr\u00f3xima edici\u00f3n<\/p>\n \n \n \n <style>\n #prime-wordpress-form .form-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 20px;\n margin-bottom: 30px;\n }\n\n #prime-wordpress-form .form-field {\n position: relative;\n }\n\n #prime-wordpress-form .form-field.full-width {\n grid-column: span 2;\n }\n\n #prime-wordpress-form .form-field input,\n #prime-wordpress-form .form-field select {\n width: 100%;\n padding: 15px;\n border-radius: 10px;\n border: 2px solid transparent;\n font-size: 1rem;\n transition: all 0.3s ease;\n background: white;\n color: rgb(26, 26, 46);\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", sans-serif;\n }\n\n #prime-wordpress-form .form-field input:focus,\n #prime-wordpress-form .form-field select:focus {\n outline: none;\n border-color: #d3f30b;\n transform: scale(1.02);\n }\n\n #prime-wordpress-form .submit-btn {\n background: #d3f30b;\n color: rgb(26, 26, 46);\n padding: 20px 40px;\n border-radius: 25px;\n font-size: 1.2rem;\n font-weight: 700;\n border: 3px solid white;\n cursor: pointer;\n transition: all 0.3s ease;\n text-transform: uppercase;\n width: 100%;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", sans-serif;\n }\n\n #prime-wordpress-form .submit-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 10px 30px rgba(211, 243, 11, 0.3);\n }\n\n .fecha-info {\n background: rgba(255, 255, 255, 0.1);\n padding: 20px;\n border-radius: 10px;\n margin-bottom: 30px;\n color: #d3f30b;\n text-align: center;\n }\n\n .fecha-info h4 {\n margin-bottom: 10px;\n font-size: 1.2rem;\n }\n\n .fecha-info p {\n margin: 5px 0;\n font-size: 1rem;\n }\n\n @media (max-width: 480px) {\n #prime-wordpress-form .form-grid {\n grid-template-columns: 1fr;\n }\n #prime-wordpress-form .form-field.full-width {\n grid-column: span 1;\n }\n }\n <\/style>\n <div id=\"prime-wordpress-form\">\n \n <div class=\"fecha-info\">\n <h4>\ud83d\udcc5 Fechas del Workshop<\/h4>\n <p><strong>ESO:<\/strong> Martes 21 de Octubre (15 plazas)<\/p>\n <p><strong>Bachillerato\/FP:<\/strong> Mi\u00e9rcoles 22 de Octubre(15 plazas)<\/p>\n\t\t\t<p><strong>Horario:<\/strong> De 18 a 20h <\/p> \n <\/div>\n \n <form id=\"prime-form\" method=\"POST\" action=\"\">\n <input type=\"hidden\" name=\"prime_guardar\" value=\"1\">\n <div class=\"form-grid\">\n <div class=\"form-field\">\n <input type=\"text\" name=\"nombre\" placeholder=\"Nombre completo\" required>\n <\/div>\n \n <div class=\"form-field\">\n <select name=\"nivel_educativo\" id=\"nivel_educativo\" required onchange=\"actualizarDia()\">\n <option value=\"\">Nivel educativo<\/option>\n <option value=\"ESO\">ESO<\/option>\n <option value=\"Bachillerato\">Bachillerato<\/option>\n <option value=\"FP\">FP<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-field\">\n <input type=\"email\" name=\"email\" placeholder=\"Email\" required>\n <\/div>\n \n <div class=\"form-field\">\n <input type=\"tel\" name=\"whatsapp\" placeholder=\"WhatsApp\" required>\n <\/div>\n \n <div class=\"form-field\">\n <select name=\"dia_workshop\" id=\"dia_workshop\" required>\n <option value=\"\">Selecciona primero el nivel<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-field\">\n <select name=\"tipo_usuario\" required>\n <option value=\"\">\u00bfQui\u00e9n completa este formulario?<\/option>\n <option value=\"estudiante\">Soy el\/la estudiante<\/option>\n <option value=\"padre\">Soy padre\/madre\/tutor<\/option>\n <\/select>\n <\/div>\n <\/div>\n \n <button type=\"submit\" class=\"submit-btn\">\n RESERVAR MI PLAZA\n <\/button>\n <\/form>\n <\/div>\n \n <script>\n function actualizarDia() {\n var nivel = document.getElementById(\"nivel_educativo\").value;\n var diaSelect = document.getElementById(\"dia_workshop\");\n \n diaSelect.innerHTML = \"\";\n \n if (nivel === \"ESO\") {\n diaSelect.innerHTML = '<option value=\"30-septiembre-ESO\">Martes 30 de septiembre - ESO<\/option>';\n } else if (nivel === \"Bachillerato\" || nivel === \"FP\") {\n diaSelect.innerHTML = '<option value=\"1-octubre-BachFP\">Mi\u00e9rcoles 1 de octubre - Bachillerato\/FP<\/option>';\n } else {\n diaSelect.innerHTML = '<option value=\"\">Selecciona primero el nivel<\/option>';\n }\n }\n <\/script>\n \n <\/div>\n <\/section>\n\n \n <footer>\n <p>\u00a9 2025 Programa PRIME | UniversInside \u00d7 Marta Leci\u00f1ena \u00d7 Cecilia Jim\u00e9nez<\/p>\n <p>Tu rendimiento \u00f3ptimo te est\u00e1 esperando \ud83c\udfaf<\/p>\n <p style=\"margin-top: 15px; font-size: 0.9rem; opacity: 0.8;\">\n Metodolog\u00eda basada en neurociencia cognitiva y psicotecnolog\u00eda aplicada\n <\/p>\n <\/footer>\n\n \n <div id=\"info-modal\" class=\"modal\">\n <div class=\"modal-content\">\n <div class=\"modal-close\">\u2715<\/div>\n <h3 id=\"modal-title\">T\u00edtulo<\/h3>\n <p id=\"modal-text\">Descripci\u00f3n<\/p>\n <\/div>\n <\/div>\n\n \n <div id=\"confirm-modal\" class=\"modal\">\n <div class=\"modal-content\">\n <div class=\"modal-close\">\u2715<\/div>\n <h3>\u00a1Tu plaza est\u00e1 casi lista! \ud83c\udf89<\/h3>\n <p>Te contactaremos en las pr\u00f3ximas 24 horas por WhatsApp para confirmar tu inscripci\u00f3n y resolver todas tus dudas.<\/p>\n <p style=\"margin-top: 20px; font-weight: 600; color: #3773a5;\">Prep\u00e1rate para optimizar tu rendimiento \ud83d\ude80<\/p>\n <\/div>\n <\/div>\n\n <script>\n \/\/ JavaScript simple para navegaci\u00f3n y modales (sin formulario)\n document.addEventListener('DOMContentLoaded', function() {\n \/\/ Navegaci\u00f3n suave\n var navItems = document.querySelectorAll('.ticket-nav');\n navItems.forEach(function(item) {\n item.addEventListener('click', function() {\n var targetId = this.getAttribute('data-section');\n var targetSection = document.getElementById(targetId);\n if (targetSection) {\n targetSection.scrollIntoView({ behavior: 'smooth' });\n }\n });\n });\n\n \/\/ Info de estaciones PRIME\n var primeInfo = {\n 'potencial': {\n title: 'P - Potencial',\n text: 'Descubrimos tu capacidad \u00fanica, esa que siempre has tenido pero nadie te ayud\u00f3 a ver. Es hora de conocer tu verdadero poder.'\n },\n 'rentar': {\n title: 'R - Rentar',\n text: 'Aprendes a hacer que tu talento genere valor real. Desarrollando habilidades que te abren puertas.'\n },\n 'impulso': {\n title: 'I - Impulso',\n text: 'Activamos tu motor interno. Esa energ\u00eda que te mueve sin que nadie te empuje. Tu motivaci\u00f3n real, no la impuesta.'\n },\n 'metas': {\n title: 'M - Metas',\n text: 'Dise\u00f1as objetivos que s\u00ed tienen sentido para TI.'\n },\n 'exito': {\n title: 'E - \u00c9xito',\n text: 'Defines tu propia victoria. El \u00e9xito no es igual para todos, y aqu\u00ed descubres c\u00f3mo es el tuyo.'\n }\n };\n\n \/\/ Modal de informaci\u00f3n PRIME\n var infoModal = document.getElementById('info-modal');\n var modalTitle = document.getElementById('modal-title');\n var modalText = document.getElementById('modal-text');\n\n \/\/ Clicks en estaciones PRIME\n var stations = document.querySelectorAll('.prime-station');\n stations.forEach(function(station) {\n station.addEventListener('click', function() {\n var info = this.getAttribute('data-info');\n if (primeInfo[info]) {\n modalTitle.textContent = primeInfo[info].title;\n modalText.textContent = primeInfo[info].text;\n infoModal.style.display = 'flex';\n }\n });\n });\n\n \/\/ Cerrar modales\n var closeButtons = document.querySelectorAll('.modal-close');\n closeButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n this.closest('.modal').style.display = 'none';\n });\n });\n\n \/\/ Click fuera del modal para cerrar\n window.addEventListener('click', function(e) {\n if (e.target.classList.contains('modal')) {\n e.target.style.display = 'none';\n }\n });\n\n \/\/ CTAs\n var ctaButtons = document.querySelectorAll('[data-action=\"activate\"]');\n ctaButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n document.getElementById('cta').scrollIntoView({ behavior: 'smooth' });\n });\n });\n\n \/\/ Animaci\u00f3n de wobble en scroll\n var observerOptions = {\n threshold: 0.1,\n rootMargin: '0px'\n };\n\n var observer = new IntersectionObserver(function(entries) {\n entries.forEach(function(entry) {\n if (entry.isIntersecting) {\n entry.target.style.animation = 'none';\n setTimeout(function() {\n entry.target.style.animation = '';\n }, 10);\n }\n });\n }, observerOptions);\n\n var animatedElements = document.querySelectorAll('.highlight-prime, .problem-card, .prime-station');\n animatedElements.forEach(function(el) {\n observer.observe(el);\n });\n });\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\"><\/p>\n\n\n\n<p style=\"margin-top:0;margin-bottom:0;padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80)\"><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Workshop PRIME – Descubre tu forma \u00fanica de procesar informaci\u00f3n Para ti M\u00e9todo Workshop Equipo Padres\/Tutor \u00a1\u00danete! UniversInside \u00d7 Marta Leci\u00f1ena Descubre c\u00f3mo procesa tu cerebro y multiplica tu RENDIMIENTO Workshop intensivo para descubrir tu estilo \u00fanico de procesamiento y crear tu estrategia personalizada de aprendizaje Estrategias personalizadas basadas en tu forma \u00fanica de procesar […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"plantilla","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":19,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":37,"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/37"}],"wp:attachment":[{"href":"https:\/\/programa-prime.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}