R2D2Tronics Portfolio<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <style>\n \/* 1. RESET Y VARIABLES *\/\n .r2d2-wrapper, .r2d2-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .r2d2-wrapper {\n --primary-color: #00d4ff;\n --card-bg: #16161a;\n --text-light: #e0e0e0;\n background: #0a0a0c;\n font-family: 'Inter', 'Segoe UI', sans-serif;\n color: var(--text-light);\n overflow-x: hidden;\n }\n\n \/* Scrollbar estilo tech *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a0a0c; }\n ::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 4px; }\n\n \/* ===== CARRUSEL XL ===== *\/\n .hero-carousel {\n position: relative;\n width: 100%;\n height: 650px; \n overflow: hidden;\n background: #000;\n }\n\n .slides-r2d2 {\n display: flex;\n width: 100%;\n height: 100%;\n transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);\n will-change: transform;\n }\n\n \/* Cambiado de div a a (enlace) *\/\n .slide-item {\n flex: 0 0 100%;\n min-width: 100%; \n height: 100%;\n position: relative;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n align-items: center;\n padding: 0 8%;\n text-decoration: none; \/* Quita subrayado de links *\/\n cursor: pointer;\n transition: filter 0.3s ease;\n }\n\n .slide-item:hover {\n filter: brightness(1.1); \/* Efecto visual al pasar el mouse *\/\n }\n\n .slide-item::before {\n content: '';\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);\n }\n\n .slide-info-box {\n position: relative;\n z-index: 2;\n max-width: 700px;\n }\n\n .slide-info-box h2 { \n font-size: clamp(2.5rem, 5vw, 4rem); \n line-height: 1.1; \n margin-bottom: 15px; \n color: #fff;\n text-transform: uppercase;\n font-weight: 800;\n }\n\n .slide-info-box p {\n color: var(--text-light);\n font-size: 1.1rem;\n opacity: 0.9;\n }\n\n .badge-tech { \n background: var(--primary-color); \n color: #000; \n padding: 5px 15px; \n font-weight: bold; \n font-size: 13px; \n text-transform: uppercase; \n border-radius: 3px;\n display: inline-block;\n margin-bottom: 15px;\n box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);\n }\n\n \/* DOTS *\/\n .dots-r2d2 {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 12px;\n z-index: 10;\n }\n .dot-item { \n width: 45px; height: 5px; \n background: rgba(255,255,255,0.2); \n cursor: pointer; \n transition: 0.4s; \n }\n .dot-item.active { background: var(--primary-color); width: 60px; box-shadow: 0 0 10px var(--primary-color); }\n\n \/* ===== ESTAD\u00cdSTICAS ===== *\/\n .channel-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n padding: 60px 8%;\n background: #0f0f12;\n text-align: center;\n border-bottom: 1px solid #222;\n }\n .stat-box h4 { font-size: 3rem; color: var(--primary-color); margin: 0; font-weight: 800; }\n .stat-box p { opacity: 0.5; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; }\n\n \/* ===== PROYECTOS ===== *\/\n .yt-projects { padding: 80px 8%; }\n .title-area { margin-bottom: 50px; border-left: 5px solid var(--primary-color); padding-left: 25px; }\n .title-area h2 { font-size: 2.5rem; color: #fff; }\n\n .projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 35px;\n }\n\n .yt-card {\n background: var(--card-bg);\n border-radius: 15px;\n overflow: hidden;\n border: 1px solid #222;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out, border-color 0.3s, box-shadow 0.3s;\n }\n\n .yt-card.fade-in-active { opacity: 1; transform: translateY(0); }\n .yt-card:hover { border-color: var(--primary-color); box-shadow: 0 10px 30px rgba(0, 212, 255, 0.15); }\n \n .card-thumb { \n width: 100%; height: 220px; \n background-size: cover; background-position: center; \n transition: transform 0.5s ease; \n }\n .yt-card:hover .card-thumb { transform: scale(1.05); }\n\n .card-text { padding: 25px; }\n .card-text h3 { margin-bottom: 12px; font-size: 1.4rem; color: #fff; }\n .card-text p { font-size: 15px; opacity: 0.7; margin-bottom: 20px; height: 45px; overflow: hidden; }\n \n .yt-link { \n color: var(--primary-color); text-decoration: none; font-weight: bold; \n font-size: 14px; display: flex; align-items: center; gap: 8px; transition: gap 0.3s;\n }\n .yt-link:hover { gap: 12px; }\n\n @media (max-width: 768px) {\n .hero-carousel { height: 500px; }\n .slide-info-box h2 { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"r2d2-wrapper\">\n <section class=\"hero-carousel\">\n <div class=\"slides-r2d2\" id=\"slides-r2d2\">\n \n <a href=\"https:\/\/r2d2tronics.com\/?page_id=91\" class=\"slide-item\" style=\"background-image:url('https:\/\/r2d2tronics.com\/wp-content\/uploads\/2026\/01\/Untitled-1.png')\">\n <div class=\"slide-info-box\">\n <span class=\"badge-tech\">ESP 32 ESPRESSIF<\/span>\n <h2>Propulsor ESP32 MK1<\/h2>\n <p>Dise\u00f1ado en SolidWorks, programado en ESPRESSIF, propulsor con motor de drone JA!.<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/tu-sitio.com\/taller-inteligente\" class=\"slide-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop')\">\n <div class=\"slide-info-box\">\n <span class=\"badge-tech\">Dom\u00f3tica Lab<\/span>\n <h2>Taller Inteligente v2.0<\/h2>\n <p>Integraci\u00f3n de sensores y control remoto para el setup definitivo de electr\u00f3nica.<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/tu-sitio.com\/analisis-osciloscopio\" class=\"slide-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?q=80&w=2070&auto=format&fit=crop')\">\n <div class=\"slide-info-box\">\n <span class=\"badge-tech\">Hardware<\/span>\n <h2>An\u00e1lisis de Se\u00f1ales<\/h2>\n <p>Aprendiendo a visualizar datos complejos en proyectos de alta frecuencia.<\/p>\n <\/div>\n <\/a>\n\n <\/div>\n <div class=\"dots-r2d2\" id=\"dots-r2d2\"><\/div>\n <\/section>\n\n <section class=\"channel-stats\">\n <div class=\"stat-box\"><h4>+15K<\/h4><p>Mentes Curiosas (SUBS)<\/p><\/div>\n <div class=\"stat-box\"><h4>+120<\/h4><p>Proyectos Documentados<\/p><\/div>\n <div class=\"stat-box\"><h4>100%<\/h4><p>Ingenier\u00eda Real<\/p><\/div>\n <\/section>\n\n <section class=\"yt-projects\">\n <div class=\"title-area\">\n <h2>PROYECTOS DESTACADOS<\/h2>\n <p>Explora lo \u00faltimo que hemos dise\u00f1ado en el canal.<\/p>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"yt-card\">\n <div class=\"card-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1558444479-c8485183056a?w=500&auto=format');\"><\/div>\n <div class=\"card-text\">\n <h3>Monitor Energ\u00eda WiFi<\/h3>\n <p>Dise\u00f1o de PCB y monitoreo en tiempo real con ESP8266 y MQTT.<\/p>\n <a href=\"#\" class=\"yt-link\"><i class=\"fab fa-youtube\"><\/i> VER TUTORIAL<\/a>\n <\/div>\n <\/div>\n <div class=\"yt-card\">\n <div class=\"card-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=500&auto=format');\"><\/div>\n <div class=\"card-text\">\n <h3>Brazo Rob\u00f3tico 4 DOF<\/h3>\n <p>Programaci\u00f3n de servomotores y cinem\u00e1tica inversa con Arduino.<\/p>\n <a href=\"#\" class=\"yt-link\"><i class=\"fab fa-youtube\"><\/i> VER TUTORIAL<\/a>\n <\/div>\n <\/div>\n <div class=\"yt-card\">\n <div class=\"card-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1606291406916-401823d5f665?q=80&w=2071&auto=format&fit=crop');\"><\/div>\n <div class=\"card-text\">\n <h3>PCB Art\u00edstica \u00abCyber\u00bb<\/h3>\n <p>C\u00f3mo dise\u00f1ar circuitos que no solo funcionen, sino que se vean incre\u00edbles.<\/p>\n <a href=\"#\" class=\"yt-link\"><i class=\"fab fa-youtube\"><\/i> VER TUTORIAL<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/div>\n\n<script>\n \/\/ L\u00f3gica del Carrusel con Pausa y Navegaci\u00f3n\n (function(){\n const container = document.querySelector('.hero-carousel');\n const slides = document.getElementById(\"slides-r2d2\");\n const total = slides.children.length;\n const dotsCont = document.getElementById(\"dots-r2d2\");\n let current = 0;\n let timer;\n\n for(let i=0; i<total; i++){\n const d = document.createElement(\"div\");\n d.classList.add(\"dot-item\");\n if(i === 0) d.classList.add(\"active\");\n d.onclick = (e) => { \n e.preventDefault(); \/\/ Evita que el clic en el dot dispare el link del slide\n current = i; \n updateCarousel(); \n clearInterval(timer);\n startTimer();\n };\n dotsCont.appendChild(d);\n }\n\n function updateCarousel(){\n slides.style.transform = `translateX(-${current * 100}%)`;\n document.querySelectorAll(\".dot-item\").forEach((d, idx) => {\n d.classList.toggle(\"active\", idx === current);\n });\n }\n\n function startTimer() {\n timer = setInterval(() => {\n current = (current + 1) % total;\n updateCarousel();\n }, 5000);\n }\n\n container.addEventListener('mouseenter', () => clearInterval(timer));\n container.addEventListener('mouseleave', startTimer);\n startTimer();\n })();\n\n \/\/ L\u00f3gica de Animaci\u00f3n al hacer Scroll\n document.addEventListener(\"DOMContentLoaded\", function() {\n const animatedCards = document.querySelectorAll('.yt-card');\n const observerOptions = { threshold: 0.15 };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in-active');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n animatedCards.forEach(card => observer.observe(card));\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>R2D2Tronics Portfolio ESP 32 ESPRESSIF Propulsor ESP32 MK1 Dise\u00f1ado en SolidWorks, programado en ESPRESSIF, propulsor con motor de drone JA!. Dom\u00f3tica Lab Taller Inteligente v2.0 Integraci\u00f3n de sensores y control remoto para el setup definitivo de electr\u00f3nica. Hardware An\u00e1lisis de Se\u00f1ales Aprendiendo a visualizar datos complejos en proyectos de alta frecuencia. +15K Mentes Curiosas (SUBS) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"diazdeleonpadillaluisarturo@hotmail.com","author_link":"https:\/\/r2d2tronics.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"R2D2Tronics Portfolio ESP 32 ESPRESSIF Propulsor ESP32 MK1 Dise\u00f1ado en SolidWorks, programado en ESPRESSIF, propulsor con motor de drone JA!. Dom\u00f3tica Lab Taller Inteligente v2.0 Integraci\u00f3n de sensores y control remoto para el setup definitivo de electr\u00f3nica. Hardware An\u00e1lisis de Se\u00f1ales Aprendiendo a visualizar datos complejos en proyectos de alta frecuencia. +15K Mentes Curiosas (SUBS)…","_links":{"self":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":35,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":20,"date":"2026-01-01T16:54:48","date_gmt":"2026-01-01T22:54:48","guid":{"rendered":"https:\/\/r2d2tronics.com\/?page_id=20"},"modified":"2026-01-10T01:41:02","modified_gmt":"2026-01-10T07:41:02","slug":"home","status":"publish","type":"page","link":"https:\/\/r2d2tronics.com\/","title":{"rendered":"HOME"},"content":{"rendered":"\n\n\n\n \n \n R2D2Tronics Portfolio<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n <style>\n \/* 1. RESET Y VARIABLES *\/\n .r2d2-wrapper, .r2d2-wrapper * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n .r2d2-wrapper {\n --primary-color: #00d4ff;\n --card-bg: #16161a;\n --text-light: #e0e0e0;\n background: #0a0a0c;\n font-family: 'Inter', 'Segoe UI', sans-serif;\n color: var(--text-light);\n overflow-x: hidden;\n }\n\n \/* Scrollbar estilo tech *\/\n ::-webkit-scrollbar { width: 8px; }\n ::-webkit-scrollbar-track { background: #0a0a0c; }\n ::-webkit-scrollbar-thumb { background: var(--primary-color); border-radius: 4px; }\n\n \/* ===== CARRUSEL XL ===== *\/\n .hero-carousel {\n position: relative;\n width: 100%;\n height: 650px; \n overflow: hidden;\n background: #000;\n }\n\n .slides-r2d2 {\n display: flex;\n width: 100%;\n height: 100%;\n transition: transform 0.8s cubic-bezier(0.65, 0, 0.35, 1);\n will-change: transform;\n }\n\n \/* Cambiado de div a a (enlace) *\/\n .slide-item {\n flex: 0 0 100%;\n min-width: 100%; \n height: 100%;\n position: relative;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: flex;\n align-items: center;\n padding: 0 8%;\n text-decoration: none; \/* Quita subrayado de links *\/\n cursor: pointer;\n transition: filter 0.3s ease;\n }\n\n .slide-item:hover {\n filter: brightness(1.1); \/* Efecto visual al pasar el mouse *\/\n }\n\n .slide-item::before {\n content: '';\n position: absolute;\n top: 0; left: 0; width: 100%; height: 100%;\n background: linear-gradient(90deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.2) 60%, transparent 100%);\n }\n\n .slide-info-box {\n position: relative;\n z-index: 2;\n max-width: 700px;\n }\n\n .slide-info-box h2 { \n font-size: clamp(2.5rem, 5vw, 4rem); \n line-height: 1.1; \n margin-bottom: 15px; \n color: #fff;\n text-transform: uppercase;\n font-weight: 800;\n }\n\n .slide-info-box p {\n color: var(--text-light);\n font-size: 1.1rem;\n opacity: 0.9;\n }\n\n .badge-tech { \n background: var(--primary-color); \n color: #000; \n padding: 5px 15px; \n font-weight: bold; \n font-size: 13px; \n text-transform: uppercase; \n border-radius: 3px;\n display: inline-block;\n margin-bottom: 15px;\n box-shadow: 0 0 15px rgba(0, 212, 255, 0.4);\n }\n\n \/* DOTS *\/\n .dots-r2d2 {\n position: absolute;\n bottom: 30px;\n left: 50%;\n transform: translateX(-50%);\n display: flex;\n gap: 12px;\n z-index: 10;\n }\n .dot-item { \n width: 45px; height: 5px; \n background: rgba(255,255,255,0.2); \n cursor: pointer; \n transition: 0.4s; \n }\n .dot-item.active { background: var(--primary-color); width: 60px; box-shadow: 0 0 10px var(--primary-color); }\n\n \/* ===== ESTAD\u00cdSTICAS ===== *\/\n .channel-stats {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n gap: 30px;\n padding: 60px 8%;\n background: #0f0f12;\n text-align: center;\n border-bottom: 1px solid #222;\n }\n .stat-box h4 { font-size: 3rem; color: var(--primary-color); margin: 0; font-weight: 800; }\n .stat-box p { opacity: 0.5; text-transform: uppercase; font-size: 13px; letter-spacing: 2px; }\n\n \/* ===== PROYECTOS ===== *\/\n .yt-projects { padding: 80px 8%; }\n .title-area { margin-bottom: 50px; border-left: 5px solid var(--primary-color); padding-left: 25px; }\n .title-area h2 { font-size: 2.5rem; color: #fff; }\n\n .projects-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n gap: 35px;\n }\n\n .yt-card {\n background: var(--card-bg);\n border-radius: 15px;\n overflow: hidden;\n border: 1px solid #222;\n opacity: 0;\n transform: translateY(40px);\n transition: opacity 0.8s ease-out, transform 0.8s ease-out, border-color 0.3s, box-shadow 0.3s;\n }\n\n .yt-card.fade-in-active { opacity: 1; transform: translateY(0); }\n .yt-card:hover { border-color: var(--primary-color); box-shadow: 0 10px 30px rgba(0, 212, 255, 0.15); }\n \n .card-thumb { \n width: 100%; height: 220px; \n background-size: cover; background-position: center; \n transition: transform 0.5s ease; \n }\n .yt-card:hover .card-thumb { transform: scale(1.05); }\n\n .card-text { padding: 25px; }\n .card-text h3 { margin-bottom: 12px; font-size: 1.4rem; color: #fff; }\n .card-text p { font-size: 15px; opacity: 0.7; margin-bottom: 20px; height: 45px; overflow: hidden; }\n \n .yt-link { \n color: var(--primary-color); text-decoration: none; font-weight: bold; \n font-size: 14px; display: flex; align-items: center; gap: 8px; transition: gap 0.3s;\n }\n .yt-link:hover { gap: 12px; }\n\n @media (max-width: 768px) {\n .hero-carousel { height: 500px; }\n .slide-info-box h2 { font-size: 2.2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"r2d2-wrapper\">\n <section class=\"hero-carousel\">\n <div class=\"slides-r2d2\" id=\"slides-r2d2\">\n \n <a href=\"https:\/\/r2d2tronics.com\/?page_id=91\" class=\"slide-item\" style=\"background-image:url('https:\/\/r2d2tronics.com\/wp-content\/uploads\/2026\/01\/Untitled-1.png')\">\n <div class=\"slide-info-box\">\n <span class=\"badge-tech\">ESP 32 ESPRESSIF<\/span>\n <h2>Propulsor ESP32 MK1<\/h2>\n <p>Dise\u00f1ado en SolidWorks, programado en ESPRESSIF, propulsor con motor de drone JA!.<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/tu-sitio.com\/taller-inteligente\" class=\"slide-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?q=80&w=2070&auto=format&fit=crop')\">\n <div class=\"slide-info-box\">\n <span class=\"badge-tech\">Dom\u00f3tica Lab<\/span>\n <h2>Taller Inteligente v2.0<\/h2>\n <p>Integraci\u00f3n de sensores y control remoto para el setup definitivo de electr\u00f3nica.<\/p>\n <\/div>\n <\/a>\n\n <a href=\"https:\/\/tu-sitio.com\/analisis-osciloscopio\" class=\"slide-item\" style=\"background-image:url('https:\/\/images.unsplash.com\/photo-1581092160562-40aa08e78837?q=80&w=2070&auto=format&fit=crop')\">\n <div class=\"slide-info-box\">\n <span class=\"badge-tech\">Hardware<\/span>\n <h2>An\u00e1lisis de Se\u00f1ales<\/h2>\n <p>Aprendiendo a visualizar datos complejos en proyectos de alta frecuencia.<\/p>\n <\/div>\n <\/a>\n\n <\/div>\n <div class=\"dots-r2d2\" id=\"dots-r2d2\"><\/div>\n <\/section>\n\n <section class=\"channel-stats\">\n <div class=\"stat-box\"><h4>+15K<\/h4><p>Mentes Curiosas (SUBS)<\/p><\/div>\n <div class=\"stat-box\"><h4>+120<\/h4><p>Proyectos Documentados<\/p><\/div>\n <div class=\"stat-box\"><h4>100%<\/h4><p>Ingenier\u00eda Real<\/p><\/div>\n <\/section>\n\n <section class=\"yt-projects\">\n <div class=\"title-area\">\n <h2>PROYECTOS DESTACADOS<\/h2>\n <p>Explora lo \u00faltimo que hemos dise\u00f1ado en el canal.<\/p>\n <\/div>\n <div class=\"projects-grid\">\n <div class=\"yt-card\">\n <div class=\"card-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1558444479-c8485183056a?w=500&auto=format');\"><\/div>\n <div class=\"card-text\">\n <h3>Monitor Energ\u00eda WiFi<\/h3>\n <p>Dise\u00f1o de PCB y monitoreo en tiempo real con ESP8266 y MQTT.<\/p>\n <a href=\"#\" class=\"yt-link\"><i class=\"fab fa-youtube\"><\/i> VER TUTORIAL<\/a>\n <\/div>\n <\/div>\n <div class=\"yt-card\">\n <div class=\"card-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?w=500&auto=format');\"><\/div>\n <div class=\"card-text\">\n <h3>Brazo Rob\u00f3tico 4 DOF<\/h3>\n <p>Programaci\u00f3n de servomotores y cinem\u00e1tica inversa con Arduino.<\/p>\n <a href=\"#\" class=\"yt-link\"><i class=\"fab fa-youtube\"><\/i> VER TUTORIAL<\/a>\n <\/div>\n <\/div>\n <div class=\"yt-card\">\n <div class=\"card-thumb\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1606291406916-401823d5f665?q=80&w=2071&auto=format&fit=crop');\"><\/div>\n <div class=\"card-text\">\n <h3>PCB Art\u00edstica \u00abCyber\u00bb<\/h3>\n <p>C\u00f3mo dise\u00f1ar circuitos que no solo funcionen, sino que se vean incre\u00edbles.<\/p>\n <a href=\"#\" class=\"yt-link\"><i class=\"fab fa-youtube\"><\/i> VER TUTORIAL<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n<\/div>\n\n<script>\n \/\/ L\u00f3gica del Carrusel con Pausa y Navegaci\u00f3n\n (function(){\n const container = document.querySelector('.hero-carousel');\n const slides = document.getElementById(\"slides-r2d2\");\n const total = slides.children.length;\n const dotsCont = document.getElementById(\"dots-r2d2\");\n let current = 0;\n let timer;\n\n for(let i=0; i<total; i++){\n const d = document.createElement(\"div\");\n d.classList.add(\"dot-item\");\n if(i === 0) d.classList.add(\"active\");\n d.onclick = (e) => { \n e.preventDefault(); \/\/ Evita que el clic en el dot dispare el link del slide\n current = i; \n updateCarousel(); \n clearInterval(timer);\n startTimer();\n };\n dotsCont.appendChild(d);\n }\n\n function updateCarousel(){\n slides.style.transform = `translateX(-${current * 100}%)`;\n document.querySelectorAll(\".dot-item\").forEach((d, idx) => {\n d.classList.toggle(\"active\", idx === current);\n });\n }\n\n function startTimer() {\n timer = setInterval(() => {\n current = (current + 1) % total;\n updateCarousel();\n }, 5000);\n }\n\n container.addEventListener('mouseenter', () => clearInterval(timer));\n container.addEventListener('mouseleave', startTimer);\n startTimer();\n })();\n\n \/\/ L\u00f3gica de Animaci\u00f3n al hacer Scroll\n document.addEventListener(\"DOMContentLoaded\", function() {\n const animatedCards = document.querySelectorAll('.yt-card');\n const observerOptions = { threshold: 0.15 };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('fade-in-active');\n observer.unobserve(entry.target);\n }\n });\n }, observerOptions);\n\n animatedCards.forEach(card => observer.observe(card));\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>R2D2Tronics Portfolio ESP 32 ESPRESSIF Propulsor ESP32 MK1 Dise\u00f1ado en SolidWorks, programado en ESPRESSIF, propulsor con motor de drone JA!. Dom\u00f3tica Lab Taller Inteligente v2.0 Integraci\u00f3n de sensores y control remoto para el setup definitivo de electr\u00f3nica. Hardware An\u00e1lisis de Se\u00f1ales Aprendiendo a visualizar datos complejos en proyectos de alta frecuencia. +15K Mentes Curiosas (SUBS) […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"diazdeleonpadillaluisarturo@hotmail.com","author_link":"https:\/\/r2d2tronics.com\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"R2D2Tronics Portfolio ESP 32 ESPRESSIF Propulsor ESP32 MK1 Dise\u00f1ado en SolidWorks, programado en ESPRESSIF, propulsor con motor de drone JA!. Dom\u00f3tica Lab Taller Inteligente v2.0 Integraci\u00f3n de sensores y control remoto para el setup definitivo de electr\u00f3nica. Hardware An\u00e1lisis de Se\u00f1ales Aprendiendo a visualizar datos complejos en proyectos de alta frecuencia. +15K Mentes Curiosas (SUBS)…","_links":{"self":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":35,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/101"}],"wp:attachment":[{"href":"https:\/\/r2d2tronics.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}