SEMA | Ojos en el cielo, ayuda en la tierra<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700;900&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n sema: {\n yellow: '#FACC15',\n dark: '#0F172A',\n accent: '#3B82F6',\n surface: '#1E293B',\n light: '#F8FAFC'\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Space Grotesk', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n body { background-color: #F8FAFC; color: #0F172A; scroll-behavior: smooth; }\n \n .dot-pattern {\n background-image: radial-gradient(#CBD5E1 1px, transparent 1px);\n background-size: 32px 32px;\n }\n\n\n .glass-panel {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n \n .ods-card {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .ods-card:hover {\n transform: translateY(-5px);\n }\n\n\n .video-container {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 *\/\n height: 0;\n overflow: hidden;\n border-radius: 1.5rem;\n }\n .video-container iframe, .video-container video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans\">\n\n\n \n <header class=\"relative pt-20 pb-28 bg-sema-dark overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-sema-yellow opacity-10 rounded-full blur-3xl transform translate-x-1\/4 -translate-y-1\/4\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-sema-accent opacity-10 rounded-full blur-3xl transform -translate-x-1\/4 translate-y-1\/4\"><\/div>\n \n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"flex flex-col md:flex-row gap-4 items-start md:items-center justify-between mb-10\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/5 border border-white\/10 text-sema-yellow text-xs font-bold uppercase tracking-widest backdrop-blur-sm shadow-xl\">\n <span class=\"relative flex h-2 w-2\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-sema-yellow opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-sema-yellow\"><\/span>\n <\/span>\n EngiLab \/ SEMA\n <\/div>\n \n <div class=\"bg-white\/5 border border-white\/10 backdrop-blur-md rounded-2xl p-4 w-full md:w-80 shadow-2xl\">\n <div class=\"flex justify-between items-end mb-2\">\n <span class=\"text-[10px] font-bold text-slate-400 uppercase tracking-widest\">Estado del Desarrollo<\/span>\n <span class=\"text-xl font-black text-sema-yellow\">45%<\/span>\n <\/div>\n <div class=\"w-full bg-slate-800 rounded-full h-2\">\n <div class=\"bg-sema-yellow h-2 rounded-full relative shadow-[0_0_10px_rgba(250,204,21,0.5)] transition-all duration-1000\" style=\"width: 45%\"><\/div>\n <\/div>\n <p class=\"text-[9px] text-slate-500 mt-2 text-right font-medium\">Fase: Pruebas de Telemetr\u00eda y Triaje Remoto<\/p>\n <\/div>\n <\/div>\n\n\n <h1 class=\"text-5xl md:text-7xl font-black font-display text-white mb-6 leading-[1.1] tracking-tight\">\n SEMA\n <\/h1>\n <h2 class=\"text-2xl md:text-3xl font-light text-slate-300 mb-8 border-l-4 border-sema-yellow pl-6\">\n \u00abOjos en el cielo, <strong class=\"text-white font-bold italic text-sema-yellow\">ayuda en la tierra<\/strong>\u00bb\n <\/h2>\n <p class=\"text-xl text-slate-400 max-w-3xl leading-relaxed mb-10\">\n Ecosistema de respuesta a\u00e9rea que utiliza drones de alta resoluci\u00f3n para optimizar la cadena de supervivencia y transformar los servicios de emergencia mediante visi\u00f3n en tiempo real.\n <\/p>\n\n\n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#showcase\" class=\"flex items-center gap-2 px-6 py-3 bg-sema-yellow text-sema-dark rounded-xl font-bold hover:bg-yellow-400 transition-all shadow-lg shadow-yellow-500\/20\">\n <i class=\"fas fa-play-circle\"><\/i>\n Ver Soluci\u00f3n T\u00e9cnica\n <\/a>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-white\/5 border border-white\/10 rounded-xl backdrop-blur-md text-white\">\n <i class=\"fas fa-satellite-dish text-blue-400\"><\/i>\n <span class=\"text-sm font-semibold\">Tecnolog\u00eda de Vanguardia<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n\n \n <section class=\"py-12 bg-white border-b border-gray-200 shadow-sm relative z-20 -mt-8 rounded-t-[2rem]\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <h3 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6 text-center\">Equipo de Investigaci\u00f3n<\/h3>\n \n <div class=\"flex flex-wrap justify-center gap-6\">\n \n <div class=\"flex items-center gap-4 bg-gray-50 pr-6 pl-2 py-2 rounded-full border border-gray-100 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-sema-dark flex items-center justify-center text-white font-bold\">JL<\/div>\n <div>\n <p class=\"font-bold text-slate-900 text-base\">Jonathan Labrador<\/p>\n <p class=\"text-[10px] text-gray-500 uppercase tracking-wider font-bold\">Dise\u00f1ador (11 a\u00f1os)<\/p>\n <\/div>\n <\/div>\n\n\n \n <div class=\"flex items-center gap-4 bg-gray-50 pr-6 pl-2 py-2 rounded-full border border-gray-100 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-sema-dark flex items-center justify-center text-white font-bold\">OC<\/div>\n <div>\n <p class=\"font-bold text-slate-900 text-base\">Octavio Canel\u00f3n<\/p>\n <p class=\"text-[10px] text-gray-500 uppercase tracking-wider font-bold\">Dise\u00f1ador (11 a\u00f1os)<\/p>\n <\/div>\n <\/div>\n\n\n <div class=\"flex items-center gap-4 bg-gray-50 pr-6 pl-2 py-2 rounded-full border border-gray-100 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-sema-dark flex items-center justify-center text-white font-bold\">SD<\/div>\n <div>\n <p class=\"font-bold text-slate-900 text-base\">Santiago D\u00b4Uva<\/p>\n <p class=\"text-[10px] text-gray-500 uppercase tracking-wider font-bold\">Dise\u00f1ador (11 a\u00f1os)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"showcase\" class=\"py-24 bg-slate-100 relative z-20 -mt-10 rounded-t-[3rem] shadow-2xl\">\n <div class=\"max-w-6xl mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-sm font-black text-sema-accent uppercase tracking-[0.3em] mb-4\">Inmersi\u00f3n en el Proyecto<\/h3>\n <h2 class=\"text-4xl font-bold font-display text-slate-900 mb-4\">Capacidades del Sistema SEMA<\/h2>\n <div class=\"w-24 h-1 bg-sema-yellow mx-auto rounded-full\"><\/div>\n <\/div>\n\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n \n <div class=\"bg-white p-6 rounded-[2.5rem] shadow-xl border border-slate-200\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-10 h-10 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center\">\n <i class=\"fas fa-eye\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 leading-none\">Diagn\u00f3stico Remoto<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Triaje visual instant\u00e1neo para m\u00e9dicos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"aspect-[4\/3] bg-slate-900 rounded-2xl overflow-hidden border border-slate-800 flex items-center justify-center group relative\">\n <div class=\"text-center p-8 z-10\">\n <i class=\"fas fa-helicopter text-5xl text-sema-yellow mb-4 opacity-50 group-hover:scale-110 transition-transform\"><\/i>\n <p class=\"text-slate-400 text-sm\">Visualizaci\u00f3n de Telemetr\u00eda A\u00e9rea<\/p>\n <span class=\"inline-block mt-4 px-4 py-2 bg-white\/10 text-white text-xs rounded-lg border border-white\/20\">Transmisi\u00f3n HD 4K Activa…<\/span>\n <\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\n <\/div>\n\n\n <div class=\"mt-6 flex justify-between items-center px-2\">\n <span class=\"text-xs font-bold text-slate-400 uppercase tracking-tighter italic\">SEMA AIR OPS v2.0<\/span>\n <button class=\"text-blue-600 text-sm font-bold hover:underline\"><i class=\"fas fa-signal-stream ml-1\"><\/i> Ver Datos<\/button>\n <\/div>\n <\/div>\n\n\n \n <div class=\"bg-white p-6 rounded-[2.5rem] shadow-xl border border-slate-200\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-10 h-10 rounded-full bg-red-100 text-red-600 flex items-center justify-center\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 leading-none\">Seguridad de la Escena<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Identificaci\u00f3n de peligros invisibles<\/p>\n <\/div>\n <\/div>\n \n <div class=\"video-container shadow-2xl border border-slate-200 bg-slate-950\">\n <div class=\"absolute inset-0 flex flex-col items-center justify-center text-center p-10\">\n <div class=\"w-16 h-16 rounded-full bg-sema-yellow flex items-center justify-center text-sema-dark text-2xl mb-4 animate-pulse\">\n <i class=\"fas fa-broadcast-tower\"><\/i>\n <\/div>\n <p class=\"text-white font-bold mb-2\">Detecci\u00f3n T\u00e9rmica y de Gases<\/p>\n <p class=\"text-slate-500 text-xs\">Identifica fugas de gas o cables de alta tensi\u00f3n antes de la llegada de rescatistas.<\/p>\n <\/div>\n <\/div>\n\n\n <div class=\"mt-8 space-y-4\">\n <div class=\"flex items-start gap-4 p-4 bg-slate-50 rounded-2xl border border-slate-100\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 mt-2\"><\/div>\n <p class=\"text-sm text-slate-600\"><strong>Optimizaci\u00f3n de Recursos:<\/strong> Permite decidir si enviar bomberos, polic\u00edas o param\u00e9dicos seg\u00fan el incidente real.<\/p>\n <\/div>\n <div class=\"flex items-start gap-4 p-4 bg-slate-50 rounded-2xl border border-slate-100\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 mt-2\"><\/div>\n <p class=\"text-sm text-slate-600\"><strong>Integraci\u00f3n 911:<\/strong> Potencia el servicio actual proporcionando ojos inteligentes de forma instant\u00e1nea.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n <div class=\"lg:col-span-7\">\n <h3 class=\"text-sm font-black text-sema-accent uppercase tracking-[0.2em] mb-4\">El Desaf\u00edo Actual<\/h3>\n <h2 class=\"text-3xl font-bold font-display text-slate-900 mb-6 leading-tight\">Obst\u00e1culos cr\u00edticos en la respuesta de emergencias.<\/h2>\n <div class=\"space-y-6 text-slate-600 text-lg\">\n <div class=\"flex gap-4\">\n <div class=\"mt-1 text-red-500\"><i class=\"fas fa-comment-slash\"><\/i><\/div>\n <p><strong class=\"text-slate-900\">Informaci\u00f3n Sesgada:<\/strong> Los param\u00e9dicos dependen de relatos de personas nerviosas por tel\u00e9fono, lo que genera imprecisi\u00f3n.<\/p>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"mt-1 text-red-500\"><i class=\"fas fa-clock\"><\/i><\/div>\n <p><strong class=\"text-slate-900\">Falta de Triaje Previo:<\/strong> No existe certeza sobre la cantidad de heridos o el equipo espec\u00edfico necesario antes de llegar al sitio.<\/p>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"mt-1 text-red-500\"><i class=\"fas fa-traffic-light\"><\/i><\/div>\n <p><strong class=\"text-slate-900\">Barreras Log\u00edsticas:<\/strong> Las ambulancias enfrentan retrasos significativos por tr\u00e1fico y su gran tama\u00f1o en ciudades congestionadas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n <div class=\"lg:col-span-5 bg-slate-50 p-8 rounded-3xl border border-slate-100\">\n <h3 class=\"text-sm font-black text-green-600 uppercase tracking-[0.2em] mb-4\">La Soluci\u00f3n SEMA<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-center gap-3 font-medium text-slate-800\">\n <div class=\"w-6 h-6 rounded-full bg-green-100 text-green-600 flex items-center justify-center text-xs\"><i class=\"fas fa-check\"><\/i><\/div>\n Triaje Visual en Tiempo Real\n <\/li>\n <li class=\"flex items-center gap-3 font-medium text-slate-800\">\n <div class=\"w-6 h-6 rounded-full bg-green-100 text-green-600 flex items-center justify-center text-xs\"><i class=\"fas fa-check\"><\/i><\/div>\n Drones de Alta Resoluci\u00f3n\n <\/li>\n <li class=\"flex items-center gap-3 font-medium text-slate-800\">\n <div class=\"w-6 h-6 rounded-full bg-green-100 text-green-600 flex items-center justify-center text-xs\"><i class=\"fas fa-check\"><\/i><\/div>\n Optimizaci\u00f3n de la Cadena de Supervivencia\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-24 bg-slate-50 dot-pattern\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-sm font-black text-sema-accent uppercase tracking-[0.3em] mb-4 text-center\">Impacto Global<\/h3>\n <h2 class=\"text-4xl font-bold font-display text-slate-900 mb-4\">Alineaci\u00f3n con la Agenda 2030 (ONU)<\/h2>\n <div class=\"w-24 h-1 bg-sema-yellow mx-auto rounded-full\"><\/div>\n <\/div>\n\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"ods-card bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 flex flex-col items-center text-center\">\n <div class=\"w-20 h-20 rounded-2xl bg-[#4C9F38] flex items-center justify-center text-white text-3xl font-bold shadow-lg mb-6\">3<\/div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-4 uppercase tracking-tight\">Salud y Bienestar<\/h3>\n <p class=\"text-slate-600 text-sm leading-relaxed\">Mejora dr\u00e1sticamente la respuesta ante accidentes para salvar m\u00e1s vidas en los primeros minutos cr\u00edticos.<\/p>\n <\/div>\n\n\n \n <div class=\"ods-card bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 flex flex-col items-center text-center\">\n <div class=\"w-20 h-20 rounded-2xl bg-[#FD6925] flex items-center justify-center text-white text-3xl font-bold shadow-lg mb-6\">9<\/div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-4 uppercase tracking-tight\">Industria e Innovaci\u00f3n<\/h3>\n <p class=\"text-slate-600 text-sm leading-relaxed\">Aplica tecnolog\u00eda de visi\u00f3n artificial y aeron\u00e1utica avanzada en los servicios p\u00fablicos de emergencia.<\/p>\n <\/div>\n\n\n \n <div class=\"ods-card bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 flex flex-col items-center text-center\">\n <div class=\"w-20 h-20 rounded-2xl bg-[#FD9D24] flex items-center justify-center text-white text-3xl font-bold shadow-lg mb-6\">11<\/div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-4 uppercase tracking-tight\">Ciudades Sostenibles<\/h3>\n <p class=\"text-slate-600 text-sm leading-relaxed\">Crea entornos urbanos m\u00e1s seguros y resilientes mediante una gesti\u00f3n de crisis optimizada por tecnolog\u00eda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-24 bg-white border-t border-gray-100\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold font-display text-slate-900 mb-4\">M\u00f3dulos del Sistema<\/h2>\n <p class=\"text-gray-500 text-lg\">Hardware a\u00e9reo y centros de monitoreo para servicios de rescate.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-6\">\n \n <div class=\"overflow-hidden rounded-2xl shadow-sm hover:shadow-md transition-shadow cursor-pointer group\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508614589041-895b88991e3e?auto=format&fit=crop&q=80&w=800\" alt=\"Drones de Rescate\" class=\"w-full h-48 md:h-64 object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n \n <div class=\"overflow-hidden rounded-2xl shadow-sm hover:shadow-md transition-shadow cursor-pointer group\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bbbda536339a?auto=format&fit=crop&q=80&w=800\" alt=\"Centro de Monitoreo\" class=\"w-full h-48 md:h-64 object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n \n <div class=\"overflow-hidden rounded-2xl shadow-sm hover:shadow-md transition-shadow cursor-pointer group\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=800\" alt=\"Electr\u00f3nica SEMA\" class=\"w-full h-48 md:h-64 object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-24 bg-slate-900 text-white relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-sema-yellow opacity-10 rounded-full blur-3xl transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-blue-500 opacity-10 rounded-full blur-3xl transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\n\n\n <div class=\"max-w-4xl mx-auto px-4 relative z-10\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-5xl font-bold font-display mb-4 text-sema-yellow\">\u00bfInteresado en SEMA?<\/h2>\n <p class=\"text-gray-400 text-lg\">Cont\u00e1ctanos para conocer m\u00e1s sobre este desarrollo<\/p>\n <\/div>\n\n\n <div class=\"bg-white rounded-[2rem] p-8 md:p-12 shadow-2xl text-gray-800 border-4 border-white\/10\">\n <form action=\"#\" class=\"space-y-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-bold text-gray-700 mb-2\">Nombre completo *<\/label>\n <input type=\"text\" required class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-sema-yellow transition-all\" placeholder=\"Tu nombre\">\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-gray-700 mb-2\">Correo Electr\u00f3nico *<\/label>\n <input type=\"email\" required class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-sema-yellow transition-all\" placeholder=\"contacto@engidea.com.ve\">\n <\/div>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-bold text-gray-700 mb-2\">Mensaje *<\/label>\n <textarea rows=\"4\" required class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-sema-yellow resize-none transition-all\" placeholder=\"Cu\u00e9ntanos c\u00f3mo podemos colaborar o qu\u00e9 dudas t\u00e9cnicas tienes sobre el sistema SEMA...\"><\/textarea>\n <\/div>\n\n\n <button type=\"submit\" class=\"w-full bg-sema-yellow text-sema-dark font-black text-lg py-4 rounded-xl hover:bg-yellow-400 transition-colors shadow-md flex items-center justify-center gap-2 transform hover:-translate-y-1\">\n Enviar Consulta <i class=\"fas fa-paper-plane\"><\/i>\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n\n <footer class=\"bg-slate-950 py-12 text-center border-t border-white\/5\">\n <div class=\"mb-4 flex justify-center gap-6 text-slate-400\">\n <a href=\"mailto:contacto@engidea.com.ve\" class=\"hover:text-sema-yellow transition-colors\"><i class=\"fas fa-envelope mr-2\"><\/i>contacto@engidea.com.ve<\/a>\n <\/div>\n <p class=\"text-slate-500 text-sm font-medium\">\u00a9 2026 SEMA – Jonathan Labrador & Octavio Canel\u00f3n. Innovaci\u00f3n para salvar vidas.<\/p>\n <\/footer>\n\n\n<\/body>\n<\/html>\n\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ecosistema de respuesta a\u00e9rea que utiliza drones de alta resoluci\u00f3n para optimizar la cadena de supervivencia y transformar los servicios de emergencia mediante visi\u00f3n en tiempo real.<\/p>\n","protected":false},"author":1,"featured_media":2240,"comment_status":"open","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"portfolio_category":[66,13],"portfolio_tag":[68],"class_list":["post-2166","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-inteligencia-artificial","portfolio_category-robotica","portfolio_tag-68"],"_links":{"self":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/comments?post=2166"}],"version-history":[{"count":4,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2166\/revisions"}],"predecessor-version":[{"id":2241,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2166\/revisions\/2241"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media\/2240"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=2166"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2166"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=2166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\n\n\n \n \n SEMA | Ojos en el cielo, ayuda en la tierra<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;700;900&display=swap\" rel=\"stylesheet\">\n \n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n sema: {\n yellow: '#FACC15',\n dark: '#0F172A',\n accent: '#3B82F6',\n surface: '#1E293B',\n light: '#F8FAFC'\n }\n },\n fontFamily: {\n sans: ['Inter', 'sans-serif'],\n display: ['Space Grotesk', 'sans-serif'],\n }\n }\n }\n }\n <\/script>\n <style>\n body { background-color: #F8FAFC; color: #0F172A; scroll-behavior: smooth; }\n \n .dot-pattern {\n background-image: radial-gradient(#CBD5E1 1px, transparent 1px);\n background-size: 32px 32px;\n }\n\n\n .glass-panel {\n background: rgba(255, 255, 255, 0.03);\n backdrop-filter: blur(12px);\n border: 1px solid rgba(255, 255, 255, 0.1);\n }\n \n .ods-card {\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n .ods-card:hover {\n transform: translateY(-5px);\n }\n\n\n .video-container {\n position: relative;\n padding-bottom: 56.25%; \/* 16:9 *\/\n height: 0;\n overflow: hidden;\n border-radius: 1.5rem;\n }\n .video-container iframe, .video-container video {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: none;\n }\n <\/style>\n<\/head>\n<body class=\"antialiased font-sans\">\n\n\n \n <header class=\"relative pt-20 pb-28 bg-sema-dark overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-sema-yellow opacity-10 rounded-full blur-3xl transform translate-x-1\/4 -translate-y-1\/4\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-[500px] h-[500px] bg-sema-accent opacity-10 rounded-full blur-3xl transform -translate-x-1\/4 translate-y-1\/4\"><\/div>\n \n <div class=\"max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n <div class=\"flex flex-col md:flex-row gap-4 items-start md:items-center justify-between mb-10\">\n <div class=\"inline-flex items-center gap-2 px-4 py-2 rounded-full bg-white\/5 border border-white\/10 text-sema-yellow text-xs font-bold uppercase tracking-widest backdrop-blur-sm shadow-xl\">\n <span class=\"relative flex h-2 w-2\">\n <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-sema-yellow opacity-75\"><\/span>\n <span class=\"relative inline-flex rounded-full h-2 w-2 bg-sema-yellow\"><\/span>\n <\/span>\n EngiLab \/ SEMA\n <\/div>\n \n <div class=\"bg-white\/5 border border-white\/10 backdrop-blur-md rounded-2xl p-4 w-full md:w-80 shadow-2xl\">\n <div class=\"flex justify-between items-end mb-2\">\n <span class=\"text-[10px] font-bold text-slate-400 uppercase tracking-widest\">Estado del Desarrollo<\/span>\n <span class=\"text-xl font-black text-sema-yellow\">45%<\/span>\n <\/div>\n <div class=\"w-full bg-slate-800 rounded-full h-2\">\n <div class=\"bg-sema-yellow h-2 rounded-full relative shadow-[0_0_10px_rgba(250,204,21,0.5)] transition-all duration-1000\" style=\"width: 45%\"><\/div>\n <\/div>\n <p class=\"text-[9px] text-slate-500 mt-2 text-right font-medium\">Fase: Pruebas de Telemetr\u00eda y Triaje Remoto<\/p>\n <\/div>\n <\/div>\n\n\n <h1 class=\"text-5xl md:text-7xl font-black font-display text-white mb-6 leading-[1.1] tracking-tight\">\n SEMA\n <\/h1>\n <h2 class=\"text-2xl md:text-3xl font-light text-slate-300 mb-8 border-l-4 border-sema-yellow pl-6\">\n \u00abOjos en el cielo, <strong class=\"text-white font-bold italic text-sema-yellow\">ayuda en la tierra<\/strong>\u00bb\n <\/h2>\n <p class=\"text-xl text-slate-400 max-w-3xl leading-relaxed mb-10\">\n Ecosistema de respuesta a\u00e9rea que utiliza drones de alta resoluci\u00f3n para optimizar la cadena de supervivencia y transformar los servicios de emergencia mediante visi\u00f3n en tiempo real.\n <\/p>\n\n\n <div class=\"flex flex-wrap gap-4\">\n <a href=\"#showcase\" class=\"flex items-center gap-2 px-6 py-3 bg-sema-yellow text-sema-dark rounded-xl font-bold hover:bg-yellow-400 transition-all shadow-lg shadow-yellow-500\/20\">\n <i class=\"fas fa-play-circle\"><\/i>\n Ver Soluci\u00f3n T\u00e9cnica\n <\/a>\n <div class=\"flex items-center gap-2 px-4 py-2 bg-white\/5 border border-white\/10 rounded-xl backdrop-blur-md text-white\">\n <i class=\"fas fa-satellite-dish text-blue-400\"><\/i>\n <span class=\"text-sm font-semibold\">Tecnolog\u00eda de Vanguardia<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n\n \n <section class=\"py-12 bg-white border-b border-gray-200 shadow-sm relative z-20 -mt-8 rounded-t-[2rem]\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <h3 class=\"text-sm font-bold text-gray-400 uppercase tracking-widest mb-6 text-center\">Equipo de Investigaci\u00f3n<\/h3>\n \n <div class=\"flex flex-wrap justify-center gap-6\">\n \n <div class=\"flex items-center gap-4 bg-gray-50 pr-6 pl-2 py-2 rounded-full border border-gray-100 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-sema-dark flex items-center justify-center text-white font-bold\">JL<\/div>\n <div>\n <p class=\"font-bold text-slate-900 text-base\">Jonathan Labrador<\/p>\n <p class=\"text-[10px] text-gray-500 uppercase tracking-wider font-bold\">Dise\u00f1ador (11 a\u00f1os)<\/p>\n <\/div>\n <\/div>\n\n\n \n <div class=\"flex items-center gap-4 bg-gray-50 pr-6 pl-2 py-2 rounded-full border border-gray-100 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-sema-dark flex items-center justify-center text-white font-bold\">OC<\/div>\n <div>\n <p class=\"font-bold text-slate-900 text-base\">Octavio Canel\u00f3n<\/p>\n <p class=\"text-[10px] text-gray-500 uppercase tracking-wider font-bold\">Dise\u00f1ador (11 a\u00f1os)<\/p>\n <\/div>\n <\/div>\n\n\n <div class=\"flex items-center gap-4 bg-gray-50 pr-6 pl-2 py-2 rounded-full border border-gray-100 shadow-sm\">\n <div class=\"w-12 h-12 rounded-full bg-sema-dark flex items-center justify-center text-white font-bold\">SD<\/div>\n <div>\n <p class=\"font-bold text-slate-900 text-base\">Santiago D\u00b4Uva<\/p>\n <p class=\"text-[10px] text-gray-500 uppercase tracking-wider font-bold\">Dise\u00f1ador (11 a\u00f1os)<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section id=\"showcase\" class=\"py-24 bg-slate-100 relative z-20 -mt-10 rounded-t-[3rem] shadow-2xl\">\n <div class=\"max-w-6xl mx-auto px-4\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-sm font-black text-sema-accent uppercase tracking-[0.3em] mb-4\">Inmersi\u00f3n en el Proyecto<\/h3>\n <h2 class=\"text-4xl font-bold font-display text-slate-900 mb-4\">Capacidades del Sistema SEMA<\/h2>\n <div class=\"w-24 h-1 bg-sema-yellow mx-auto rounded-full\"><\/div>\n <\/div>\n\n\n <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-10\">\n \n <div class=\"bg-white p-6 rounded-[2.5rem] shadow-xl border border-slate-200\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-10 h-10 rounded-full bg-blue-100 text-blue-600 flex items-center justify-center\">\n <i class=\"fas fa-eye\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 leading-none\">Diagn\u00f3stico Remoto<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Triaje visual instant\u00e1neo para m\u00e9dicos<\/p>\n <\/div>\n <\/div>\n \n <div class=\"aspect-[4\/3] bg-slate-900 rounded-2xl overflow-hidden border border-slate-800 flex items-center justify-center group relative\">\n <div class=\"text-center p-8 z-10\">\n <i class=\"fas fa-helicopter text-5xl text-sema-yellow mb-4 opacity-50 group-hover:scale-110 transition-transform\"><\/i>\n <p class=\"text-slate-400 text-sm\">Visualizaci\u00f3n de Telemetr\u00eda A\u00e9rea<\/p>\n <span class=\"inline-block mt-4 px-4 py-2 bg-white\/10 text-white text-xs rounded-lg border border-white\/20\">Transmisi\u00f3n HD 4K Activa…<\/span>\n <\/div>\n <div class=\"absolute inset-0 bg-gradient-to-t from-black\/60 to-transparent\"><\/div>\n <\/div>\n\n\n <div class=\"mt-6 flex justify-between items-center px-2\">\n <span class=\"text-xs font-bold text-slate-400 uppercase tracking-tighter italic\">SEMA AIR OPS v2.0<\/span>\n <button class=\"text-blue-600 text-sm font-bold hover:underline\"><i class=\"fas fa-signal-stream ml-1\"><\/i> Ver Datos<\/button>\n <\/div>\n <\/div>\n\n\n \n <div class=\"bg-white p-6 rounded-[2.5rem] shadow-xl border border-slate-200\">\n <div class=\"flex items-center gap-3 mb-6\">\n <div class=\"w-10 h-10 rounded-full bg-red-100 text-red-600 flex items-center justify-center\">\n <i class=\"fas fa-shield-alt\"><\/i>\n <\/div>\n <div>\n <h4 class=\"font-bold text-slate-900 leading-none\">Seguridad de la Escena<\/h4>\n <p class=\"text-xs text-slate-500 mt-1\">Identificaci\u00f3n de peligros invisibles<\/p>\n <\/div>\n <\/div>\n \n <div class=\"video-container shadow-2xl border border-slate-200 bg-slate-950\">\n <div class=\"absolute inset-0 flex flex-col items-center justify-center text-center p-10\">\n <div class=\"w-16 h-16 rounded-full bg-sema-yellow flex items-center justify-center text-sema-dark text-2xl mb-4 animate-pulse\">\n <i class=\"fas fa-broadcast-tower\"><\/i>\n <\/div>\n <p class=\"text-white font-bold mb-2\">Detecci\u00f3n T\u00e9rmica y de Gases<\/p>\n <p class=\"text-slate-500 text-xs\">Identifica fugas de gas o cables de alta tensi\u00f3n antes de la llegada de rescatistas.<\/p>\n <\/div>\n <\/div>\n\n\n <div class=\"mt-8 space-y-4\">\n <div class=\"flex items-start gap-4 p-4 bg-slate-50 rounded-2xl border border-slate-100\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 mt-2\"><\/div>\n <p class=\"text-sm text-slate-600\"><strong>Optimizaci\u00f3n de Recursos:<\/strong> Permite decidir si enviar bomberos, polic\u00edas o param\u00e9dicos seg\u00fan el incidente real.<\/p>\n <\/div>\n <div class=\"flex items-start gap-4 p-4 bg-slate-50 rounded-2xl border border-slate-100\">\n <div class=\"w-2 h-2 rounded-full bg-blue-500 mt-2\"><\/div>\n <p class=\"text-sm text-slate-600\"><strong>Integraci\u00f3n 911:<\/strong> Potencia el servicio actual proporcionando ojos inteligentes de forma instant\u00e1nea.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-20 bg-white\">\n <div class=\"max-w-5xl mx-auto px-4\">\n <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12\">\n <div class=\"lg:col-span-7\">\n <h3 class=\"text-sm font-black text-sema-accent uppercase tracking-[0.2em] mb-4\">El Desaf\u00edo Actual<\/h3>\n <h2 class=\"text-3xl font-bold font-display text-slate-900 mb-6 leading-tight\">Obst\u00e1culos cr\u00edticos en la respuesta de emergencias.<\/h2>\n <div class=\"space-y-6 text-slate-600 text-lg\">\n <div class=\"flex gap-4\">\n <div class=\"mt-1 text-red-500\"><i class=\"fas fa-comment-slash\"><\/i><\/div>\n <p><strong class=\"text-slate-900\">Informaci\u00f3n Sesgada:<\/strong> Los param\u00e9dicos dependen de relatos de personas nerviosas por tel\u00e9fono, lo que genera imprecisi\u00f3n.<\/p>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"mt-1 text-red-500\"><i class=\"fas fa-clock\"><\/i><\/div>\n <p><strong class=\"text-slate-900\">Falta de Triaje Previo:<\/strong> No existe certeza sobre la cantidad de heridos o el equipo espec\u00edfico necesario antes de llegar al sitio.<\/p>\n <\/div>\n <div class=\"flex gap-4\">\n <div class=\"mt-1 text-red-500\"><i class=\"fas fa-traffic-light\"><\/i><\/div>\n <p><strong class=\"text-slate-900\">Barreras Log\u00edsticas:<\/strong> Las ambulancias enfrentan retrasos significativos por tr\u00e1fico y su gran tama\u00f1o en ciudades congestionadas.<\/p>\n <\/div>\n <\/div>\n <\/div>\n\n\n <div class=\"lg:col-span-5 bg-slate-50 p-8 rounded-3xl border border-slate-100\">\n <h3 class=\"text-sm font-black text-green-600 uppercase tracking-[0.2em] mb-4\">La Soluci\u00f3n SEMA<\/h3>\n <ul class=\"space-y-4\">\n <li class=\"flex items-center gap-3 font-medium text-slate-800\">\n <div class=\"w-6 h-6 rounded-full bg-green-100 text-green-600 flex items-center justify-center text-xs\"><i class=\"fas fa-check\"><\/i><\/div>\n Triaje Visual en Tiempo Real\n <\/li>\n <li class=\"flex items-center gap-3 font-medium text-slate-800\">\n <div class=\"w-6 h-6 rounded-full bg-green-100 text-green-600 flex items-center justify-center text-xs\"><i class=\"fas fa-check\"><\/i><\/div>\n Drones de Alta Resoluci\u00f3n\n <\/li>\n <li class=\"flex items-center gap-3 font-medium text-slate-800\">\n <div class=\"w-6 h-6 rounded-full bg-green-100 text-green-600 flex items-center justify-center text-xs\"><i class=\"fas fa-check\"><\/i><\/div>\n Optimizaci\u00f3n de la Cadena de Supervivencia\n <\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-24 bg-slate-50 dot-pattern\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-16\">\n <h3 class=\"text-sm font-black text-sema-accent uppercase tracking-[0.3em] mb-4 text-center\">Impacto Global<\/h3>\n <h2 class=\"text-4xl font-bold font-display text-slate-900 mb-4\">Alineaci\u00f3n con la Agenda 2030 (ONU)<\/h2>\n <div class=\"w-24 h-1 bg-sema-yellow mx-auto rounded-full\"><\/div>\n <\/div>\n\n\n <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n \n <div class=\"ods-card bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 flex flex-col items-center text-center\">\n <div class=\"w-20 h-20 rounded-2xl bg-[#4C9F38] flex items-center justify-center text-white text-3xl font-bold shadow-lg mb-6\">3<\/div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-4 uppercase tracking-tight\">Salud y Bienestar<\/h3>\n <p class=\"text-slate-600 text-sm leading-relaxed\">Mejora dr\u00e1sticamente la respuesta ante accidentes para salvar m\u00e1s vidas en los primeros minutos cr\u00edticos.<\/p>\n <\/div>\n\n\n \n <div class=\"ods-card bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 flex flex-col items-center text-center\">\n <div class=\"w-20 h-20 rounded-2xl bg-[#FD6925] flex items-center justify-center text-white text-3xl font-bold shadow-lg mb-6\">9<\/div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-4 uppercase tracking-tight\">Industria e Innovaci\u00f3n<\/h3>\n <p class=\"text-slate-600 text-sm leading-relaxed\">Aplica tecnolog\u00eda de visi\u00f3n artificial y aeron\u00e1utica avanzada en los servicios p\u00fablicos de emergencia.<\/p>\n <\/div>\n\n\n \n <div class=\"ods-card bg-white p-8 rounded-[2rem] shadow-sm border border-slate-100 flex flex-col items-center text-center\">\n <div class=\"w-20 h-20 rounded-2xl bg-[#FD9D24] flex items-center justify-center text-white text-3xl font-bold shadow-lg mb-6\">11<\/div>\n <h3 class=\"text-lg font-bold text-slate-900 mb-4 uppercase tracking-tight\">Ciudades Sostenibles<\/h3>\n <p class=\"text-slate-600 text-sm leading-relaxed\">Crea entornos urbanos m\u00e1s seguros y resilientes mediante una gesti\u00f3n de crisis optimizada por tecnolog\u00eda.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-24 bg-white border-t border-gray-100\">\n <div class=\"max-w-6xl mx-auto px-4 sm:px-6 lg:px-8\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl font-bold font-display text-slate-900 mb-4\">M\u00f3dulos del Sistema<\/h2>\n <p class=\"text-gray-500 text-lg\">Hardware a\u00e9reo y centros de monitoreo para servicios de rescate.<\/p>\n <\/div>\n \n <div class=\"grid grid-cols-2 md:grid-cols-3 gap-4 md:gap-6\">\n \n <div class=\"overflow-hidden rounded-2xl shadow-sm hover:shadow-md transition-shadow cursor-pointer group\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1508614589041-895b88991e3e?auto=format&fit=crop&q=80&w=800\" alt=\"Drones de Rescate\" class=\"w-full h-48 md:h-64 object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n \n <div class=\"overflow-hidden rounded-2xl shadow-sm hover:shadow-md transition-shadow cursor-pointer group\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bbbda536339a?auto=format&fit=crop&q=80&w=800\" alt=\"Centro de Monitoreo\" class=\"w-full h-48 md:h-64 object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n \n <div class=\"overflow-hidden rounded-2xl shadow-sm hover:shadow-md transition-shadow cursor-pointer group\">\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1518770660439-4636190af475?auto=format&fit=crop&q=80&w=800\" alt=\"Electr\u00f3nica SEMA\" class=\"w-full h-48 md:h-64 object-cover group-hover:scale-105 transition-transform duration-500\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n\n \n <section class=\"py-24 bg-slate-900 text-white relative overflow-hidden\">\n <div class=\"absolute top-0 right-0 w-64 h-64 bg-sema-yellow opacity-10 rounded-full blur-3xl transform translate-x-1\/2 -translate-y-1\/2\"><\/div>\n <div class=\"absolute bottom-0 left-0 w-64 h-64 bg-blue-500 opacity-10 rounded-full blur-3xl transform -translate-x-1\/2 translate-y-1\/2\"><\/div>\n\n\n <div class=\"max-w-4xl mx-auto px-4 relative z-10\">\n <div class=\"text-center mb-12\">\n <h2 class=\"text-3xl md:text-5xl font-bold font-display mb-4 text-sema-yellow\">\u00bfInteresado en SEMA?<\/h2>\n <p class=\"text-gray-400 text-lg\">Cont\u00e1ctanos para conocer m\u00e1s sobre este desarrollo<\/p>\n <\/div>\n\n\n <div class=\"bg-white rounded-[2rem] p-8 md:p-12 shadow-2xl text-gray-800 border-4 border-white\/10\">\n <form action=\"#\" class=\"space-y-6\">\n <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div>\n <label class=\"block text-sm font-bold text-gray-700 mb-2\">Nombre completo *<\/label>\n <input type=\"text\" required class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-sema-yellow transition-all\" placeholder=\"Tu nombre\">\n <\/div>\n <div>\n <label class=\"block text-sm font-bold text-gray-700 mb-2\">Correo Electr\u00f3nico *<\/label>\n <input type=\"email\" required class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-sema-yellow transition-all\" placeholder=\"contacto@engidea.com.ve\">\n <\/div>\n <\/div>\n \n <div>\n <label class=\"block text-sm font-bold text-gray-700 mb-2\">Mensaje *<\/label>\n <textarea rows=\"4\" required class=\"w-full bg-gray-50 border border-gray-200 rounded-xl px-4 py-3 focus:outline-none focus:ring-2 focus:ring-sema-yellow resize-none transition-all\" placeholder=\"Cu\u00e9ntanos c\u00f3mo podemos colaborar o qu\u00e9 dudas t\u00e9cnicas tienes sobre el sistema SEMA...\"><\/textarea>\n <\/div>\n\n\n <button type=\"submit\" class=\"w-full bg-sema-yellow text-sema-dark font-black text-lg py-4 rounded-xl hover:bg-yellow-400 transition-colors shadow-md flex items-center justify-center gap-2 transform hover:-translate-y-1\">\n Enviar Consulta <i class=\"fas fa-paper-plane\"><\/i>\n <\/button>\n <\/form>\n <\/div>\n <\/div>\n <\/section>\n\n\n <footer class=\"bg-slate-950 py-12 text-center border-t border-white\/5\">\n <div class=\"mb-4 flex justify-center gap-6 text-slate-400\">\n <a href=\"mailto:contacto@engidea.com.ve\" class=\"hover:text-sema-yellow transition-colors\"><i class=\"fas fa-envelope mr-2\"><\/i>contacto@engidea.com.ve<\/a>\n <\/div>\n <p class=\"text-slate-500 text-sm font-medium\">\u00a9 2026 SEMA – Jonathan Labrador & Octavio Canel\u00f3n. Innovaci\u00f3n para salvar vidas.<\/p>\n <\/footer>\n\n\n<\/body>\n<\/html>\n\n\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ecosistema de respuesta a\u00e9rea que utiliza drones de alta resoluci\u00f3n para optimizar la cadena de supervivencia y transformar los servicios de emergencia mediante visi\u00f3n en tiempo real.<\/p>\n","protected":false},"author":1,"featured_media":2240,"comment_status":"open","ping_status":"closed","template":"","meta":{"give_campaign_id":0,"_eb_attr":"","footnotes":""},"portfolio_category":[66,13],"portfolio_tag":[68],"class_list":["post-2166","portfolio","type-portfolio","status-publish","has-post-thumbnail","hentry","portfolio_category-inteligencia-artificial","portfolio_category-robotica","portfolio_tag-68"],"_links":{"self":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2166","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio"}],"about":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/types\/portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/comments?post=2166"}],"version-history":[{"count":4,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2166\/revisions"}],"predecessor-version":[{"id":2241,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio\/2166\/revisions\/2241"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media\/2240"}],"wp:attachment":[{"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/media?parent=2166"}],"wp:term":[{"taxonomy":"portfolio_category","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_category?post=2166"},{"taxonomy":"portfolio_tag","embeddable":true,"href":"https:\/\/proyectos.engidea.com.ve\/index.php\/wp-json\/wp\/v2\/portfolio_tag?post=2166"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}