{"id":1805,"date":"2026-11-09T17:18:09","date_gmt":"2026-11-09T17:18:09","guid":{"rendered":"https:\/\/modular-mx.com\/Trainings\/?p=1805"},"modified":"2026-11-13T00:22:15","modified_gmt":"2026-11-13T00:22:15","slug":"thezephyrtraining","status":"publish","type":"post","link":"https:\/\/modular-mx.com\/Trainings\/thezephyrtraining\/","title":{"rendered":"Zephyr Training"},"content":{"rendered":"\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<div class=\"wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>Banner Zephyr Training &#8211; Optimizado<\/title>\n    <style>\n        \/* Reseteo b\u00e1sico y prevenci\u00f3n de scroll horizontal en m\u00f3viles *\/\n        body {\n            margin: 0;\n            padding: 0;\n            overflow-x: hidden; \n        }\n\n        \/* Contenedor del banner forzado a ANCHO COMPLETO - M\u00e9todo Optimizado *\/\n        .banner-wrapper {\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            \/* translateX es mucho m\u00e1s estable en celulares que margin negativo *\/\n            transform: translateX(-50%);\n            background-color: #eef2f9; \n            display: block;\n        }\n\n        \/* Estilos de la imagen fluida *\/\n        .banner-image {\n            width: 100%;\n            height: auto;\n            display: block; \n            opacity: 0; \n            animation: bannerReveal 1.2s ease-out forwards;\n        }\n\n        \/* Definici\u00f3n de la animaci\u00f3n optimizada para que no \"brinque\" tanto en pantallas peque\u00f1as *\/\n        @keyframes bannerReveal {\n            0% {\n                opacity: 0;\n                transform: translateY(20px); \n            }\n            100% {\n                opacity: 1;\n                transform: translateY(0); \n            }\n        }\n    <\/style>\n\n\n\n    <!-- SECCI\u00d3N BANNER COMPLETO -->\n    <section class=\"banner-wrapper\">\n        <a href=\"#enroll\">\n            \n            <!-- La etiqueta <picture> permite tener una imagen para PC y otra para celular -->\n            <picture>\n                <!-- Opcional: Si dise\u00f1as un banner cuadrado\/vertical para celulares, quita los comentarios y pon el link aqu\u00ed -->\n                <!-- <source media=\"(max-width: 768px)\" srcset=\"TU_IMAGEN_PARA_CELULAR.png\"> -->\n                \n                <!-- Imagen principal (Escritorio) -->\n                <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/11\/A.jpg\" alt=\"The Zephyr Online Training\" class=\"banner-image\">\n            <\/picture>\n            \n        <\/a>\n    <\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n<title>Zephyr Training &#8211; Sections<\/title>\n<style>\n    \/* ==========================================\n       Estilos Base\n       ========================================== *\/\n    body {\n        font-family: 'Montserrat', sans-serif, Arial, sans-serif;\n        margin: 0;\n        padding: 0;\n        color: #111;\n        background-color: #FFFFFF;\n        line-height: 1.5;\n    }\n    .container {\n        max-width: 1200px;\n        margin: 0 auto;\n        padding: 40px 20px;\n    }\n    .text-purple {\n        color: #7d34ce;\n    }\n    a {\n        text-decoration: none;\n    }\n\n    \/* ==========================================\n       Botonera (Botones con Hover y SVG)\n       ========================================== *\/\n    .botonera {\n        display: flex;\n        justify-content: center;\n        flex-wrap: wrap;\n        gap: 15px;\n        margin-bottom: 60px;\n    }\n    .btn {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n        padding: 0.8rem 1.8rem;\n        border-radius: 9999px;\n        text-align: center;\n        font-weight: 600;\n        font-size: 1.05rem;\n        cursor: pointer;\n        transition: all 0.3s ease;\n    }\n    .btn-outline {\n        border: 3px solid #7d34ce;\n        color: #7d34ce;\n        background: transparent;\n    }\n    .btn-outline:hover {\n        background-color: #7d34ce;\n        color: #ffffff;\n    }\n    .btn-fill {\n        background-color: #7d34ce;\n        color: #ffffff;\n        border: 3px solid #7d34ce;\n    }\n    .btn-fill:hover {\n        background-color: transparent;\n        color: #7d34ce;\n    }\n    .btn svg {\n        transition: transform 0.3s ease;\n    }\n    .btn:hover svg {\n        transform: translateX(4px);\n    }\n\n    \/* ==========================================\n       Tarjetas de Contenido (Carrusel Infinito Zephyr)\n       ========================================== *\/\n    .modular-fases-contenedor {\n        font-family: 'Gilroy', -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\n        box-sizing: border-box;\n        margin-top: 40px;\n    }\n\n    .fase-caja {\n        border-radius: 24px;\n        padding: 40px;\n        margin-bottom: 40px;\n        position: relative;\n        box-sizing: border-box;\n        box-shadow: 0 10px 30px rgba(0,0,0,0.08);\n        background-color: #7d34ce; \/* Morado Zephyr *\/\n    }\n\n    .fase-encabezado {\n        display: flex;\n        align-items: center;\n        margin-bottom: 35px;\n    }\n\n    .titulo-fase-banner {\n        background: #ffffff;\n        width: 100%;\n        padding: 15px 30px;\n        border-radius: 16px;\n        font-size: 22px;\n        font-weight: 700;\n        text-align: center;\n        box-shadow: 0 4px 15px rgba(0,0,0,0.1);\n        color: #7d34ce; \n    }\n\n    .modulos-carousel-wrapper {\n        overflow: hidden;\n        width: 100%;\n        padding: 15px 0 35px 0; \n    }\n\n    .modulos-grid-track {\n        display: flex;\n        gap: 20px;\n        width: max-content;\n        animation: scroll-carousel 60s linear infinite;\n    }\n\n    .modulos-grid-track:hover {\n        animation-play-state: paused;\n    }\n\n    @keyframes scroll-carousel {\n        0% { transform: translateX(0); }\n        100% { transform: translateX(calc(-50% - 10px)); }\n    }\n\n    \/* Oscurece el resto de tarjetas cuando se hace hover sobre el track *\/\n    .fase-caja:hover .modulos-grid-track .modulo-tarjeta {\n        filter: brightness(0.7);\n        opacity: 0.8;\n    }\n\n    .modulo-tarjeta {\n        background: #ffffff;\n        border-radius: 16px;\n        display: flex;\n        flex-direction: column;\n        overflow: hidden;\n        box-shadow: 0 6px 20px rgba(0,0,0,0.1);\n        box-sizing: border-box;\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);\n        min-width: 280px;\n        max-width: 280px;\n        min-height: 280px; \n        flex: 0 0 auto;\n    }\n\n    \/* Ilumina y eleva la tarjeta seleccionada *\/\n    .modulos-grid-track .modulo-tarjeta:hover {\n        filter: brightness(1) !important;\n        opacity: 1 !important;\n        transform: translateY(-10px);\n        box-shadow: 0 15px 35px rgba(0,0,0,0.3);\n    }\n\n    .modulo-header {\n        background: #3c3b4f; \n        color: #ffffff;\n        padding: 18px 15px;\n        text-align: center;\n        min-height: 85px;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n        border-bottom: 4px solid #7d34ce; \n        z-index: 5;\n    }\n\n    .modulo-header h4 {\n        font-size: 18px;\n        font-weight: 800;\n        margin: 0;\n        line-height: 1.3;\n    }\n\n    .modulo-cuerpo {\n        padding: 25px 20px;\n        flex-grow: 1;\n        background: #ffffff;\n        position: relative; \n    }\n\n    .modulo-titulo-tema {\n        color: #7d34ce;\n        font-size: 14px;\n        font-weight: 800;\n        margin: 0 0 15px 0;\n        line-height: 1.4;\n        text-align: center;\n    }\n\n    .modulo-lista {\n        list-style: none;\n        padding: 0;\n        margin: 0;\n    }\n\n    .modulo-lista li {\n        font-size: 13.5px;\n        color: #333333;\n        margin-bottom: 14px;\n        display: flex;\n        align-items: flex-start;\n        gap: 8px;\n        line-height: 1.4;\n    }\n\n    .modulo-lista li:last-child { \n        margin-bottom: 0; \n    }\n\n    .modulo-lista li strong {\n        color: #111;\n        font-weight: 800;\n        display: block;\n        margin-bottom: 2px;\n    }\n\n    .icono-check-fase {\n        color: #7d34ce;\n        font-size: 15px;\n        font-weight: 800;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-shrink: 0;\n        margin-top: -1px;\n    }\n\n    \/* ==========================================\n       Secci\u00f3n de Descarga (Al final del Course Content)\n       ========================================== *\/\n    .download-section {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 40px;\n        margin-top: 50px;\n    }\n    .download-info h3 {\n        font-size: 1.5rem;\n        font-weight: 700;\n        margin: 0 0 5px 0;\n    }\n    .download-info p {\n        margin: 0;\n        font-size: 1.1rem;\n    }\n    .btn-download {\n        background-color: #7d34ce;\n        color: #ffffff;\n        font-weight: bold;\n        font-size: 1.2rem;\n        padding: 0.8rem 2.5rem;\n        border-radius: 9999px;\n        display: inline-block;\n        border: 3px solid #7d34ce;\n        transition: all 0.3s;\n    }\n    .btn-download:hover {\n        background-color: transparent;\n        color: #7d34ce;\n    }\n\n    \/* ==========================================\n       Optimizaci\u00f3n M\u00f3vil (Smartphones & Tablets)\n       ========================================== *\/\n    @media (max-width: 992px) {\n        .fase-caja {\n            padding: 30px 20px;\n        }\n        .titulo-fase-banner {\n            text-align: center;\n            font-size: 18px;\n        }\n    }\n\n    @media (max-width: 768px) {\n        section h2.text-purple {\n            font-size: 2.2rem !important;\n        }\n        p {\n            font-size: 1.1rem !important;\n        }\n        .botonera {\n            gap: 10px;\n            margin-bottom: 40px;\n        }\n        .btn {\n            padding: 0.6rem 1.2rem;\n            font-size: 0.95rem;\n        }\n        .modulo-tarjeta {\n            min-width: 250px;\n            max-width: 250px;\n        }\n        .modulos-grid-track:active {\n            animation-play-state: paused;\n        }\n        .download-section {\n            flex-direction: column;\n            text-align: center;\n            gap: 20px;\n            margin-top: 40px;\n        }\n    }\n<\/style>\n\n<div class=\"container\">\n    \n    <!-- 1. BOTONERA DE ANCLAJE -->\n    <div class=\"botonera\">\n        <a href=\"#Content\" class=\"btn btn-outline\">\n            Content\n            <!-- Pega tu c\u00f3digo SVG aqu\u00ed -->\n        <\/a>\n        <a href=\"#Requirements\" class=\"btn btn-outline\">\n            Requirements\n            <!-- Pega tu c\u00f3digo SVG aqu\u00ed -->\n        <\/a>\n        <a href=\"#Tools\" class=\"btn btn-outline\">\n            Tools\n            <!-- Pega tu c\u00f3digo SVG aqu\u00ed -->\n        <\/a>\n        <a href=\"#Resources\" class=\"btn btn-outline\">\n            Resources\n            <!-- Pega tu c\u00f3digo SVG aqu\u00ed -->\n        <\/a>\n        <a href=\"#Tutor\" class=\"btn btn-outline\">\n            Instructor\n            <!-- Pega tu c\u00f3digo SVG aqu\u00ed -->\n        <\/a>\n        <a href=\"#FAQS\" class=\"btn btn-outline\">\n            F.A.Q.\n            <!-- Pega tu c\u00f3digo SVG aqu\u00ed -->\n        <\/a>\n    <\/div>\n\n    <!-- 2. DESCRIPCI\u00d3N DEL CURSO -->\n    <section style=\"margin-bottom: 60px;\">\n        <h2 class=\"text-purple\" style=\"font-size: 2.8rem; font-weight: 700; margin-bottom: 20px;\">Zephyr Training<\/h2>\n        <p style=\"font-size: 1.2rem; color: #444; margin-bottom: 20px;\">Advance your embedded career with this 12-week Zephyr Upskilling Training. Designed for engineers moving from bare-metal or other RTOS environments, the program delivers practical mastery of the Zephyr Project.<\/p>\n        <p style=\"font-size: 1.2rem; color: #444;\">You will understand Zephyr\u2019s architecture, configuration model (DeviceTree, Kconfig, CMake), peripheral drivers, kernel fundamentals, and modern communication frameworks like Zbus and RTIO. By the end, you will be able to develop drivers, define custom boards, and build robust real-time systems with confidence.<\/p>\n    <\/section>\n\n    <!-- 3. TABLA INTERACTIVA DE CONTENIDO (CARRUSEL INFINITO) -->\n    <section id=\"Content\" class=\"modular-fases-contenedor\">\n        \n        <div class=\"fase-caja\">\n            <!-- Encabezado -->\n            <div class=\"fase-encabezado\">\n                <div class=\"titulo-fase-banner\">Course Content (12 weeks, 24 sessions)<\/div>\n            <\/div>\n\n            <div class=\"modulos-carousel-wrapper\">\n                <div class=\"modulos-grid-track\">\n                    \n                    <!-- ================= SET ORIGINAL (12 Semanas) ================= -->\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 1<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Foundations, Environment, and First Hardware Interaction<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 1:<\/strong> Introduction and Project Setup<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 2:<\/strong> GPIOs and dt_spec<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 2<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Serial Communication and Interrupts<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 3:<\/strong> UART<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 4:<\/strong> Interrupts<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 3<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Console, Logging, and Build Fundamentals<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 5:<\/strong> Console Logs<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 6:<\/strong> Build and Configuration<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 4<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Kernel Fundamentals &#8211; Threads and Scheduling<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 7:<\/strong> Threads<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 8:<\/strong> Kernel<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 5<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Inter-Thread Communication and Synchronization<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 9:<\/strong> Data Passing<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 10:<\/strong> Thread Synchronization<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 6<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Deferred Execution and Advanced Communication<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 11:<\/strong> Work Queues<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 12:<\/strong> Zbus<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 7<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">ADC and Sensor Interface<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 13:<\/strong> ADC<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 14:<\/strong> Sensors<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 8<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">I2C and RTIO<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 15:<\/strong> I2C<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 16:<\/strong> RTIO<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 9<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">SPI and the RTIO-Based Sensor Interface<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 17:<\/strong> SPI<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 18:<\/strong> Sensors &#8211; Part 2<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 10<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Device Drivers from Scratch<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 19:<\/strong> Your First Driver<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 20:<\/strong> Device Drivers (Sensor)<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 11<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Defining Your Own Board<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 21:<\/strong> Board definition I<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 22:<\/strong> Board Definition II<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 12<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Startup Sequence and Contributing<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 23:<\/strong> Startup Sequence<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 24:<\/strong> Contributing to Zephyr<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <!-- ================= SET DUPLICADO (Para el Loop Infinito sin cortes) ================= -->\n                    \n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 1<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Foundations, Environment, and First Hardware Interaction<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 1:<\/strong> Introduction and Project Setup<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 2:<\/strong> GPIOs and dt_spec<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 2<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Serial Communication and Interrupts<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 3:<\/strong> UART<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 4:<\/strong> Interrupts<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 3<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Console, Logging, and Build Fundamentals<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 5:<\/strong> Console Logs<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 6:<\/strong> Build and Configuration<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 4<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Kernel Fundamentals &#8211; Threads and Scheduling<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 7:<\/strong> Threads<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 8:<\/strong> Kernel<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 5<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Inter-Thread Communication and Synchronization<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 9:<\/strong> Data Passing<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 10:<\/strong> Thread Synchronization<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 6<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Deferred Execution and Advanced Communication<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 11:<\/strong> Work Queues<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 12:<\/strong> Zbus<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 7<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">ADC and Sensor Interface<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 13:<\/strong> ADC<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 14:<\/strong> Sensors<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 8<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">I2C and RTIO<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 15:<\/strong> I2C<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 16:<\/strong> RTIO<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 9<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">SPI and the RTIO-Based Sensor Interface<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 17:<\/strong> SPI<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 18:<\/strong> Sensors &#8211; Part 2<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 10<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Device Drivers from Scratch<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 19:<\/strong> Your First Driver<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 20:<\/strong> Device Drivers (Sensor)<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 11<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Defining Your Own Board<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 21:<\/strong> Board definition I<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 22:<\/strong> Board Definition II<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"modulo-tarjeta\" aria-hidden=\"true\">\n                        <div class=\"modulo-header\">\n                            <h4>Week 12<\/h4>\n                        <\/div>\n                        <div class=\"modulo-cuerpo\">\n                            <h5 class=\"modulo-titulo-tema\">Startup Sequence and Contributing<\/h5>\n                            <ul class=\"modulo-lista\">\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 23:<\/strong> Startup Sequence<\/div><\/li>\n                                <li><span class=\"icono-check-fase\">\u00bb<\/span> <div><strong>Session 24:<\/strong> Contributing to Zephyr<\/div><\/li>\n                            <\/ul>\n                        <\/div>\n                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- Download Section -->\n        <div class=\"download-section\">\n            <div class=\"download-info\">\n                <h3 class=\"text-purple\">For more information:<\/h3>\n                <p>Zephyr Training Syllabus<\/p>\n            <\/div>\n            <a href=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/The-Zephyr-Training-Syllabus.pdf\" class=\"btn-download\" download=\"\">Download<\/a>\n        <\/div>\n    <\/section>\n\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"en-US\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>Requirements, Tools and Resources<\/title>\n    <style>\n        \/* ==========================================\n           Estilos Base\n           ========================================== *\/\n        body {\n            font-family: 'Montserrat', sans-serif, Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            color: #333;\n            background-color: #FFFFFF;\n            line-height: 1.6;\n        }\n        .container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 60px 20px;\n        }\n        .text-purple {\n            color: #7d34ce;\n        }\n        h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            margin: 0 0 20px 0;\n        }\n\n        \/* ==========================================\n           Secci\u00f3n: Requirements & Tools (Grid de 2 columnas)\n           ========================================== *\/\n        .req-tools-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-bottom: 70px;\n        }\n\n        .box-outline {\n            border: 4px solid #7d34ce;\n            border-radius: 24px;\n            padding: 40px 45px;\n            background: #fff;\n        }\n\n        .box-outline h2 {\n            margin-top: 0;\n            margin-bottom: 20px;\n        }\n\n        .box-outline ul {\n            list-style-type: none;\n            padding-left: 0;\n            margin: 0;\n        }\n\n        .box-outline ul li {\n            position: relative;\n            padding-left: 20px;\n            margin-bottom: 12px;\n            font-size: 1.15rem;\n            color: #444;\n        }\n        .box-outline ul li::before {\n            content: \"\u2022\";\n            position: absolute;\n            left: 0;\n            color: #444;\n            font-size: 1.5rem;\n            line-height: 1.4rem;\n        }\n\n        \/* ==========================================\n           Secci\u00f3n: Resources (Grid de 4 columnas)\n           ========================================== *\/\n        .resources-section h2 {\n            margin-bottom: 40px;\n        }\n\n        .resources-grid {\n            display: grid;\n            grid-template-columns: repeat(4, 1fr);\n            gap: 30px 20px;\n        }\n\n        .resource-item {\n            display: flex;\n            align-items: center;\n            gap: 15px;\n        }\n\n        .resource-icon {\n            flex-shrink: 0;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            width: 50px;\n            height: 50px;\n        }\n\n        \/* Estilo fundamental para que los SVGs externos no se deformen *\/\n        .resource-icon img {\n            width: 42px;\n            height: 42px;\n            object-fit: contain;\n        }\n\n        .resource-text {\n            font-size: 1.1rem;\n            font-weight: 600;\n            color: #111;\n            line-height: 1.3;\n        }\n\n        \/* ==========================================\n           Optimizaci\u00f3n M\u00f3vil (Smartphones & Tablets)\n           ========================================== *\/\n        @media (max-width: 1024px) {\n            .resources-grid {\n                grid-template-columns: repeat(2, 1fr);\n                gap: 40px 30px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            h2 { font-size: 2.3rem; }\n            .req-tools-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            .box-outline { padding: 30px 25px; }\n            .box-outline ul li { font-size: 1.05rem; }\n            .resources-grid {\n                grid-template-columns: 1fr;\n                gap: 30px;\n            }\n            .resource-item {\n                background: #f7f7f9;\n                padding: 15px 20px;\n                border-radius: 12px;\n            }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- SECTION 1: Requirements & Tools -->\n        <div class=\"req-tools-grid\">\n            \n            <div class=\"box-outline\">\n                <h2 class=\"text-purple\">Requirements<\/h2>\n                <ul>\n                    <li>Computer with Teams and Docker installed<\/li>\n                    <li>Previous experience with Cortex-M microcontrollers<\/li>\n                    <li>Experience working with GPIOs, UART, SPI, I\u00b2C, ADC, and interrupts<\/li>\n                    <li>Understanding of memory management<\/li>\n                    <li>C programming (structures, arrays, and pointers)<\/li>\n                    <li>Basic knowledge of CMake and debugging tools<\/li>\n                    <li>Operating system concepts (recommended)<\/li>\n                <\/ul>\n            <\/div>\n\n            <div class=\"box-outline\">\n                <h2 class=\"text-purple\">Tools<\/h2>\n                <ul>\n                    <li>Any Cortex-M board supported officially by Zephyr (see F.A.Q. section)<\/li>\n                    <li>Agilent pmod boards: Pmod-Leds, Pmod-Btn, Pmod-Gyro, Pmod-Acl<\/li>\n                    <li>At least two potentiometers<\/li>\n                    <li>Docker, Docker Compose, DevContainers, VS Code<\/li>\n                    <li>On-board Segger J-Link, Ozone, and SystemView (optional)<\/li>\n                <\/ul>\n            <\/div>\n\n        <\/div>\n\n        <!-- SECTION 2: Resources -->\n        <div class=\"resources-section\">\n            <h2 class=\"text-purple\">Resources<\/h2>\n            \n            <div class=\"resources-grid\">\n                \n                <!-- Resource 1 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/Notes.svg\" alt=\"Application Notes\">\n                    <\/div>\n                    <div class=\"resource-text\">Access to application notes<\/div>\n                <\/div>\n\n                <!-- Resource 2 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/Presentations.svg\" alt=\"Presentations\">\n                    <\/div>\n                    <div class=\"resource-text\">Beautiful presentations<\/div>\n                <\/div>\n\n                <!-- Resource 3 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/slack.svg\" alt=\"Slack Support\">\n                    <\/div>\n                    <div class=\"resource-text\">Offline support on Slack channel<\/div>\n                <\/div>\n\n                <!-- Resource 4 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/live.svg\" alt=\"Live Sessions\">\n                    <\/div>\n                    <div class=\"resource-text\">Online live sessions<\/div>\n                <\/div>\n\n                <!-- Resource 5 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/code.svg\" alt=\"Code Snippets\">\n                    <\/div>\n                    <div class=\"resource-text\">120+ code snippets<\/div>\n                <\/div>\n\n                <!-- Resource 6 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/Practical.svg\" alt=\"Practical Exercises\">\n                    <\/div>\n                    <div class=\"resource-text\">70+ practical exercises<\/div>\n                <\/div>\n\n                <!-- Resource 7 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/Group.svg\" alt=\"Participant Groups\">\n                    <\/div>\n                    <div class=\"resource-text\">10 participant groups<\/div>\n                <\/div>\n\n                <!-- Resource 8 -->\n                <div class=\"resource-item\">\n                    <div class=\"resource-icon\">\n                        <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/Badge.svg\" alt=\"Badge and Certificate\">\n                    <\/div>\n                    <div class=\"resource-text\">Badge and Certificate<br>of Completion<\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n\n    <\/div>\n\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>Tutor and Pricing Tiers<\/title>\n    <style>\n        \/* ==========================================\n           Estilos Base\n           ========================================== *\/\n        body {\n            font-family: 'Montserrat', sans-serif, Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            color: #111;\n            background-color: #FFFFFF;\n            line-height: 1.5;\n        }\n        .container {\n            max-width: 1300px;\n            margin: 0 auto;\n            padding: 60px 20px;\n        }\n        .text-purple {\n            color: #7d34ce;\n        }\n        a {\n            text-decoration: none;\n        }\n\n        \/* ==========================================\n           Secci\u00f3n del Tutor (Perfil)\n           ========================================== *\/\n        .tutor-profile {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 40px;\n            margin-bottom: 70px;\n        }\n\n        .tutor-info {\n            flex: 1;\n            max-width: 700px;\n        }\n\n        .tutor-info h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            margin: 0 0 10px 0;\n        }\n\n        \/* Estilos para el enlace de LinkedIn en el nombre de Diego *\/\n        .tutor-info h3 a {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #7d34ce;\n            margin: 0 0 20px 0;\n            display: inline-block;\n            transition: opacity 0.3s ease;\n        }\n\n        .tutor-info h3 a:hover {\n            opacity: 0.8;\n            text-decoration: underline;\n        }\n\n        .tutor-info p {\n            font-size: 1.2rem;\n            color: #333;\n            line-height: 1.6;\n            margin: 0;\n        }\n\n        .tutor-image-wrapper {\n            position: relative;\n            width: 320px;\n            height: 180px;\n            display: flex;\n            justify-content: center;\n            align-items: flex-end;\n            flex-shrink: 0;\n        }\n\n        .tutor-image-wrapper::before {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 150px;\n            background-color: #7d34ce;\n            border-radius: 9999px;\n            z-index: 1;\n        }\n\n        .tutor-image-wrapper img {\n            position: relative;\n            height: 220px;\n            width: auto;\n            z-index: 2;\n            object-fit: contain;\n        }\n\n        \/* ==========================================\n           Secci\u00f3n de Precios (3 Tarjetas \/ Tiers)\n           ========================================== *\/\n        .pricing-grid {\n            display: grid;\n            grid-template-columns: repeat(3, 1fr);\n            gap: 30px;\n            align-items: stretch;\n        }\n\n        .pricing-card {\n            border: 3px solid #7d34ce;\n            border-radius: 24px;\n            padding: 40px 30px;\n            background-color: #fff;\n            display: flex;\n            flex-direction: column;\n            justify-content: space-between;\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .pricing-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 30px rgba(125, 52, 206, 0.1);\n        }\n\n        .pricing-header h3 {\n            font-size: 2.2rem;\n            font-weight: 700;\n            color: #7d34ce;\n            margin: 0 0 10px 0;\n        }\n\n        .pricing-desc {\n            font-size: 1.05rem;\n            color: #444;\n            min-height: 50px;\n            margin: 0 0 25px 0;\n            line-height: 1.4;\n        }\n\n        .pricing-price {\n            font-size: 1.8rem;\n            font-weight: 700;\n            color: #111;\n            padding-bottom: 20px;\n            margin-bottom: 25px;\n            border-bottom: 1px solid #e0e0e0;\n        }\n\n        \/* Lista de caracter\u00edsticas con palomita *\/\n        .pricing-features {\n            list-style: none;\n            padding: 0;\n            margin: 0 0 40px 0;\n            flex-grow: 1;\n        }\n\n        .pricing-features li {\n            position: relative;\n            padding-left: 30px;\n            margin-bottom: 16px;\n            font-size: 1.05rem;\n            color: #333;\n            line-height: 1.4;\n        }\n\n        \/* Icono de palomita morada hecho con CSS *\/\n        .pricing-features li::before {\n            content: \"\u2713\";\n            position: absolute;\n            left: 0;\n            top: 0;\n            color: #7d34ce;\n            font-weight: 700;\n            font-size: 1.2rem;\n        }\n\n        \/* Bot\u00f3n de cada tarjeta *\/\n        .btn-pricing {\n            display: block;\n            background-color: #7d34ce;\n            color: #ffffff;\n            font-weight: 600;\n            font-size: 1.15rem;\n            text-align: center;\n            padding: 15px 20px;\n            border-radius: 9999px;\n            text-decoration: none;\n            box-shadow: 0 8px 20px rgba(125, 52, 206, 0.25);\n            transition: all 0.3s ease;\n            border: 2px solid #7d34ce;\n        }\n\n        .btn-pricing:hover {\n            background-color: transparent;\n            color: #7d34ce;\n            box-shadow: 0 4px 12px rgba(125, 52, 206, 0.15);\n        }\n\n        \/* ==========================================\n           Optimizaci\u00f3n M\u00f3vil (Smartphones & Tablets)\n           ========================================== *\/\n        @media (max-width: 1024px) {\n            .pricing-grid {\n                grid-template-columns: 1fr; \/* Pasa a 1 sola columna en tablets y m\u00f3viles *\/\n                max-width: 500px;\n                margin: 0 auto;\n            }\n        }\n\n        @media (max-width: 900px) {\n            .tutor-profile {\n                flex-direction: column;\n                text-align: center;\n                gap: 50px;\n            }\n        }\n\n        @media (max-width: 768px) {\n            .tutor-info h2 { font-size: 2.5rem; }\n            .tutor-info h3 a { font-size: 1.7rem; }\n            .tutor-info p { font-size: 1.1rem; }\n            \n            .pricing-card {\n                padding: 30px 20px;\n            }\n            .pricing-header h3 { font-size: 1.8rem; }\n            .pricing-price { font-size: 1.5rem; }\n        }\n    <\/style>\n\n\n\n    <section id=\"Tutor\" class=\"container\">\n        \n        <!-- 1. PERFIL DEL TUTOR -->\n        <div class=\"tutor-profile\">\n            <div class=\"tutor-info\">\n                <h2 class=\"text-purple\">Tutor<\/h2>\n                <!-- Nombre con enlace a LinkedIn -->\n                <h3>\n                    <a href=\"https:\/\/www.linkedin.com\/in\/diego-perez-modularmx\/\" target=\"_blank\" rel=\"noopener\">Diego Perez<\/a>\n                <\/h3>\n                <p>Embedded software engineer with more than 18 years of experience developing complex real-time systems across multiple microcontroller architectures, serving industries such as automotive, IoT, appliances, and industrial automation.<\/p>\n            <\/div>\n            \n            <div class=\"tutor-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/DIEGO.png\" alt=\"Diego Perez\">\n            <\/div>\n        <\/div>\n\n        <!-- 2. TARJETAS DE PRECIOS Y PLANES (GRID DE 3) -->\n        <div class=\"pricing-grid\">\n            \n            <!-- PLAN 1: Free -->\n            <div class=\"pricing-card\">\n                <div>\n                    <div class=\"pricing-header\">\n                        <h3>Free<\/h3>\n                    <\/div>\n                    <div class=\"pricing-desc\">Self-paced learning with limited access.<\/div>\n                    <div class=\"pricing-price\">Free<\/div>\n                    <ul class=\"pricing-features\">\n                        <li>Limited access to course content using Embedded House<\/li>\n                        <li>Access to our Docker Hub<\/li>\n                    <\/ul>\n                <\/div>\n                <a href=\"https:\/\/embedded-house.ghost.io\/tag\/zephyr-blog\/\" class=\"btn-pricing\" target=\"_blank\" rel=\"noopener\">Start here<\/a>\n            <\/div>\n\n            <!-- PLAN 2: Professional -->\n            <div class=\"pricing-card\">\n                <div>\n                    <div class=\"pricing-header\">\n                        <h3>Professional<\/h3>\n                    <\/div>\n                    <div class=\"pricing-desc\">Mentored with a hardware kit.<\/div>\n                    <div class=\"pricing-price\">$3,200 USD<\/div>\n                    <ul class=\"pricing-features\">\n                        <li>Full access to the course content<\/li>\n                        <li>Dev kit included<\/li>\n                        <li>Weekly group mentorship<\/li>\n                        <li>Verified Certification<\/li>\n                        <li>Badge and Certificate of Completion<\/li>\n                    <\/ul>\n                <\/div>\n                <a href=\"https:\/\/modular-mx.com\/Trainings\/cart\/?add-to-cart=1200\" class=\"btn-pricing\" target=\"_blank\" rel=\"noopener\">Enroll Now<\/a>\n            <\/div>\n\n            <!-- PLAN 3: Enterprise -->\n            <div class=\"pricing-card\">\n                <div>\n                    <div class=\"pricing-header\">\n                        <h3>Enterprise<\/h3>\n                    <\/div>\n                    <div class=\"pricing-desc\">Custom training for engineering teams.<\/div>\n                    <div class=\"pricing-price\">Custom<\/div>\n                    <ul class=\"pricing-features\">\n                        <li>Full access to the course content<\/li>\n                        <li>Custom driver modules<\/li>\n                        <li>Dedicated support<\/li>\n                    <\/ul>\n                <\/div>\n                <a href=\"https:\/\/modular-mx.com\/Trainings\/contact-us\/\" class=\"btn-pricing\" target=\"_blank\" rel=\"noopener\">Contact Sales<\/a>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-794e3cfa wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<!DOCTYPE html>\n<html lang=\"en-US\">\n<head>\n    <meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n    <title>F.A.Q. and Get in Touch<\/title>\n    <style>\n        \/* ==========================================\n           Estilos Base\n           ========================================== *\/\n        body {\n            font-family: 'Montserrat', sans-serif, Arial, sans-serif;\n            margin: 0;\n            padding: 0;\n            color: #111;\n            background-color: #FFFFFF;\n            line-height: 1.5;\n            overflow-x: hidden;\n        }\n        .container {\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 40px 20px;\n        }\n        .text-purple {\n            color: #7d34ce;\n        }\n        a {\n            text-decoration: none;\n        }\n\n        \/* ==========================================\n           F.A.Q. (Acorde\u00f3n)\n           ========================================== *\/\n        .faq-section {\n            margin-bottom: 80px;\n        }\n        .faq-section h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            margin: 0 0 40px 0;\n        }\n        details {\n            margin-bottom: 15px;\n        }\n        details > summary {\n            list-style: none;\n            cursor: pointer;\n            display: flex;\n            align-items: center;\n            font-size: 1.25rem;\n            font-weight: 600;\n            color: #222;\n        }\n        details > summary::-webkit-details-marker {\n            display: none;\n        }\n        .faq-pill {\n            display: inline-flex;\n            align-items: center;\n            background-color: #7d34ce;\n            color: white;\n            border-radius: 9999px;\n            padding: 4px 16px 4px 6px;\n            font-weight: 700;\n            font-size: 1.1rem;\n            margin-right: 15px;\n            gap: 10px;\n            flex-shrink: 0;\n        }\n        .icon-circle {\n            background-color: white;\n            color: #7d34ce;\n            border-radius: 50%;\n            width: 24px;\n            height: 24px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            transition: transform 0.4s ease;\n            flex-shrink: 0;\n        }\n        details.is-open > summary .icon-circle {\n            transform: rotate(180deg);\n        }\n        .faq-content {\n            background-color: #f7f7f9;\n            border-radius: 12px;\n            font-size: 1.1rem;\n            color: #333;\n            line-height: 1.6;\n            max-height: 0;\n            padding: 0 30px;\n            margin-top: 0;\n            opacity: 0;\n            overflow: hidden;\n            transition: all 0.4s ease-in-out;\n        }\n        details.is-open .faq-content {\n            max-height: 500px;\n            padding: 24px 30px;\n            margin-top: 15px;\n            opacity: 1;\n        }\n\n        \/* ==========================================\n           Get in Touch (Edwin Bol\u00f3n)\n           ========================================== *\/\n        .get-in-touch {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 40px;\n            margin-top: 60px;\n        }\n        .touch-info {\n            flex: 1;\n            max-width: 650px;\n        }\n        .touch-info h2 {\n            font-size: 3rem;\n            font-weight: 700;\n            margin: 0 0 10px 0;\n        }\n        .touch-info h3 a {\n            font-size: 2rem;\n            font-weight: 700;\n            color: #7d34ce;\n            margin: 0 0 15px 0;\n            display: inline-block;\n            transition: opacity 0.3s ease;\n        }\n        .touch-info h3 a:hover {\n            opacity: 0.8;\n            text-decoration: underline;\n        }\n        .touch-info p {\n            font-size: 1.2rem;\n            color: #333;\n            line-height: 1.6;\n            margin: 0 0 30px 0;\n        }\n        .touch-buttons {\n            display: flex;\n            gap: 20px;\n            flex-wrap: wrap;\n        }\n        .btn-outline-purple {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            padding: 14px 32px;\n            border-radius: 9999px;\n            font-weight: 600;\n            font-size: 1.1rem;\n            border: 3px solid #7d34ce;\n            color: #7d34ce;\n            background: transparent;\n            transition: all 0.3s ease;\n            text-decoration: none;\n        }\n        .btn-outline-purple:hover {\n            background-color: #7d34ce;\n            color: #ffffff;\n        }\n        .touch-image-wrapper {\n            position: relative;\n            width: 320px;\n            height: 180px;\n            display: flex;\n            justify-content: center;\n            align-items: flex-end;\n            flex-shrink: 0;\n        }\n        .touch-image-wrapper::before {\n            content: \"\";\n            position: absolute;\n            bottom: 0;\n            left: 0;\n            width: 100%;\n            height: 150px;\n            background-color: #7d34ce;\n            border-radius: 9999px;\n            z-index: 1;\n        }\n        .touch-image-wrapper img {\n            position: relative;\n            height: 220px;\n            width: auto;\n            z-index: 2;\n            object-fit: contain;\n        }\n\n        \/* ==========================================\n           Optimizaci\u00f3n M\u00f3vil (Responsive)\n           ========================================== *\/\n        @media (max-width: 900px) {\n            .get-in-touch {\n                flex-direction: column;\n                text-align: center;\n                gap: 50px;\n            }\n            .touch-buttons {\n                justify-content: center;\n            }\n        }\n        @media (max-width: 768px) {\n            .faq-section h2, .touch-info h2 { font-size: 2.3rem; }\n            details > summary { align-items: flex-start; font-size: 1.1rem; }\n            .faq-pill { padding: 3px 12px 3px 5px; font-size: 1rem; margin-right: 12px; }\n            .faq-content { font-size: 1.05rem; padding: 20px 15px; }\n            .touch-buttons { flex-direction: column; width: 100%; }\n            .btn-outline-purple { width: 100%; box-sizing: border-box; }\n        }\n    <\/style>\n<\/head>\n<body>\n\n    <div class=\"container\">\n        \n        <!-- SECCI\u00d3N DE F.A.Q. -->\n        <section id=\"FAQS\" class=\"faq-section\">\n            <h2 class=\"text-purple\">F.A.Q.<\/h2>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>Which development board will be used during the training?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    The training is designed to be hardware-flexible, utilizing officially supported Cortex-M boards within the Zephyr ecosystem. Detailed specifications and board requirements are covered extensively during the introductory module to ensure full compatibility with your setup.\n                <\/div>\n            <\/details>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>Do I need the exact PMOD modules mentioned in the course?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    While having the exact modules (such as Pmod-Leds, Pmod-Btn, Pmod-Gyro, and Pmod-Acl) makes following along with the practical exercises seamless, alternative compatible components or simulated peripherals can also be utilized.\n                <\/div>\n            <\/details>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>Can I use Arduino shields or MikroBUS Click boards?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    Yes! You can adapt compatible shields or click boards as long as you properly configure the corresponding DeviceTree overlays and pin mappings according to your development board&#8217;s layout.\n                <\/div>\n            <\/details>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>Do I have to complete all the exercises?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    Completing the exercises is highly recommended to get the maximum value out of the mentorship and hands-on modules, but they are structured so you can work through them at a pace that fits your professional schedule.\n                <\/div>\n            <\/details>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>What materials will I receive during the training?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    You will receive comprehensive application notes, presentation slides, over 120+ tested code snippets, and access to our private offline support channels on Slack.\n                <\/div>\n            <\/details>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>Which boards are officially supported in the course examples?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    The course primarily highlights standard Cortex-M targets and widely adopted development boards compatible with standard Zephyr RTOS drivers and toolchains.\n                <\/div>\n            <\/details>\n\n            <details>\n                <summary>\n                    <span class=\"faq-pill\">\n                        <span class=\"icon-circle\">\n                            <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 9l6 6 6-6\"><\/path><\/svg>\n                        <\/span>\n                    <\/span>\n                    <span>When will the live sessions with the instructor take place?<\/span>\n                <\/summary>\n                <div class=\"faq-content\">\n                    Live sessions are scheduled to provide direct interaction, troubleshooting, and code reviews with the instructors. Exact schedules are coordinated directly with enrolled participants.\n                <\/div>\n            <\/details>\n        <\/section>\n\n        <!-- SECCI\u00d3N GET IN TOUCH -->\n        <section class=\"get-in-touch\">\n            <div class=\"touch-info\">\n                <h2 class=\"text-purple\">Get in touch<\/h2>\n                <h3>\n                    <a href=\"https:\/\/www.linkedin.com\/in\/edwinbolon\/\" target=\"_blank\" rel=\"noopener\">Edwin Bol\u00f3n<\/a>\n                <\/h3>\n                <p>Ready to master <strong>Zephyr<\/strong>? Reach out today to get your questions answered directly by one of our engineers.<\/p>\n                \n                <div class=\"touch-buttons\">\n                    <a href=\"https:\/\/modular-mx.com\/Trainings\/contact-us\/\" class=\"btn-outline-purple\">Contact us<\/a>\n                    <a href=\"https:\/\/bookings.cloud.microsoft\/bookwithme\/user\/a1550bcc584243d985acc05c44f88825%40modular-mx.com\/meetingtype\/nKRJnuFKAkmwMNn76v61Yw2?anonymous&#038;ismsaljsauthenabled\" class=\"btn-outline-purple\" target=\"_blank\" rel=\"noopener\">Schedule appointment<\/a>\n                <\/div>\n            <\/div>\n\n            <div class=\"touch-image-wrapper\">\n                <img decoding=\"async\" src=\"https:\/\/modular-mx.com\/Trainings\/wp-content\/uploads\/2026\/03\/EDWIN.png\" alt=\"Edwin Bol\u00f3n\">\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n    <!-- SCRIPT DE ACORDE\u00d3N \u00daNICO Y FLUIDO -->\n    <script>\n        const allFaqDetails = document.querySelectorAll('.faq-section details');\n\n        allFaqDetails.forEach((el) => {\n            const summary = el.querySelector('summary');\n            \n            summary.addEventListener('click', (e) => {\n                e.preventDefault(); \n                \n                const isAlreadyOpen = el.classList.contains('is-open');\n\n                allFaqDetails.forEach((otherEl) => {\n                    if (otherEl.classList.contains('is-open')) {\n                        otherEl.classList.remove('is-open'); \n                        setTimeout(() => {\n                            if (!otherEl.classList.contains('is-open')) {\n                                otherEl.removeAttribute('open');\n                            }\n                        }, 400); \n                    }\n                });\n\n                if (!isAlreadyOpen) {\n                    el.setAttribute('open', ''); \n                    \n                    setTimeout(() => {\n                        el.classList.add('is-open'); \n                    }, 10);\n                }\n            });\n        });\n    <\/script>\n<\/body>\n<\/html>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Banner Zephyr Training &#8211; Optimizado Zephyr Training &#8211; Sections Content Requirements Tools Resources Instructor F.A.Q. Zephyr Training Advance your embedded career with this 12-week Zephyr Upskilling Training. Designed for engineers moving from bare-metal or other RTOS environments, the program delivers practical mastery of the Zephyr Project. You will understand Zephyr\u2019s architecture, configuration model (DeviceTree, Kconfig, [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":1827,"comment_status":"closed","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-1805","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-upskilling"],"_links":{"self":[{"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/posts\/1805","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/comments?post=1805"}],"version-history":[{"count":18,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/posts\/1805\/revisions"}],"predecessor-version":[{"id":1939,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/posts\/1805\/revisions\/1939"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/media\/1827"}],"wp:attachment":[{"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/media?parent=1805"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/categories?post=1805"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/modular-mx.com\/Trainings\/wp-json\/wp\/v2\/tags?post=1805"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}