Curso DIPEN\/RN – Forma\u00e7\u00e3o em Opera\u00e7\u00e3o de Drones<\/title>\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=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --azul-profundo: #0a192f;\n --azul-cyber: #00d1ff;\n --roxo-neon: #9d4edd;\n --verde-tech: #00ff9d;\n --branco-tech: #e6f1ff;\n --sombra-neon: 0 0 15px rgba(0, 209, 255, 0.5);\n --sombra-roxo: 0 0 15px rgba(157, 78, 221, 0.5);\n --sombra-verde: 0 0 15px rgba(0, 255, 157, 0.5);\n --transicao: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: linear-gradient(135deg, #0a192f 0%, #091428 100%);\n color: var(--branco-tech);\n font-family: 'Exo 2', sans-serif;\n min-height: 100vh;\n line-height: 1.6;\n overflow-x: hidden;\n position: relative;\n padding: 20px;\n }\n\n body::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 30%, rgba(0, 209, 255, 0.1) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(157, 78, 221, 0.1) 0%, transparent 40%);\n z-index: -1;\n }\n\n .grid-lines {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(to right, rgba(0, 209, 255, 0.03) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(0, 209, 255, 0.03) 1px, transparent 1px);\n background-size: 40px 40px;\n z-index: -1;\n pointer-events: none;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n }\n\n .header-tech {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px 0;\n margin-bottom: 30px;\n border-bottom: 1px solid rgba(0, 209, 255, 0.2);\n }\n\n .logo-container {\n display: flex;\n align-items: center;\n }\n\n .logo-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--azul-cyber) 0%, var(--roxo-neon) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 15px;\n box-shadow: var(--sombra-neon);\n animation: pulse 4s infinite alternate;\n }\n\n @keyframes pulse {\n 0% { box-shadow: 0 0 15px rgba(0, 209, 255, 0.5); }\n 50% { box-shadow: 0 0 25px rgba(0, 209, 255, 0.8), 0 0 35px rgba(157, 78, 221, 0.6); }\n 100% { box-shadow: 0 0 15px rgba(157, 78, 221, 0.5); }\n }\n\n .logo-icon i {\n font-size: 28px;\n color: white;\n }\n\n .logo-text h1 {\n font-family: 'Orbitron', sans-serif;\n font-size: 28px;\n font-weight: 600;\n letter-spacing: 1px;\n background: linear-gradient(to right, var(--azul-cyber), var(--roxo-neon));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .logo-text p {\n font-size: 14px;\n color: rgba(230, 241, 255, 0.7);\n margin-top: 4px;\n }\n\n .hero-banner {\n background: rgba(10, 25, 47, 0.6);\n border: 1px solid rgba(0, 209, 255, 0.2);\n border-radius: 20px;\n padding: 40px;\n margin-bottom: 40px;\n backdrop-filter: blur(10px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: hidden;\n transition: var(--transicao);\n text-align: center;\n }\n\n .hero-banner::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 209, 255, 0.1) 0%, transparent 70%);\n animation: rotate 30s linear infinite;\n z-index: -1;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .hero-banner h1 {\n font-family: 'Orbitron', sans-serif;\n font-size: 42px;\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 15px;\n color: white;\n }\n\n .hero-banner h1 i {\n font-size: 48px;\n color: var(--azul-cyber);\n text-shadow: var(--sombra-neon);\n }\n\n .hero-banner p {\n font-size: 20px;\n max-width: 800px;\n line-height: 1.7;\n color: rgba(230, 241, 255, 0.9);\n margin: 0 auto 30px;\n }\n\n .hero-banner:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n }\n\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .course-card {\n background: rgba(10, 25, 47, 0.6);\n border: 1px solid rgba(0, 209, 255, 0.2);\n border-radius: 20px;\n padding: 30px;\n backdrop-filter: blur(10px);\n transition: var(--transicao);\n position: relative;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .course-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--azul-cyber), var(--roxo-neon));\n opacity: 0.7;\n }\n\n .course-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), var(--sombra-neon);\n border-color: rgba(0, 209, 255, 0.4);\n }\n\n .course-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n flex-direction: column;\n }\n\n .course-header i {\n font-size: 42px;\n color: var(--azul-cyber);\n text-shadow: var(--sombra-neon);\n margin-bottom: 10px;\n }\n\n .course-header h2 {\n font-family: 'Orbitron', sans-serif;\n font-size: 24px;\n font-weight: 500;\n letter-spacing: 0.5px;\n color: var(--branco-tech);\n }\n\n .course-content p {\n font-size: 16px;\n color: rgba(230, 241, 255, 0.8);\n margin-bottom: 30px;\n line-height: 1.7;\n }\n\n .btn-access {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--azul-cyber) 0%, var(--roxo-neon) 100%);\n color: white;\n text-decoration: none;\n padding: 14px 28px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 16px;\n transition: var(--transicao);\n box-shadow: 0 5px 15px rgba(0, 209, 255, 0.3);\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .btn-access::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: 0.5s;\n }\n\n .btn-access:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(157, 78, 221, 0.5), 0 0 25px rgba(0, 209, 255, 0.4);\n }\n\n .btn-access:hover::before {\n left: 100%;\n }\n\n .student-area {\n background: rgba(10, 25, 47, 0.6);\n border: 1px solid rgba(0, 255, 157, 0.2);\n border-radius: 20px;\n padding: 30px;\n text-align: center;\n backdrop-filter: blur(10px);\n transition: var(--transicao);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n }\n\n .student-area:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), var(--sombra-verde);\n border-color: rgba(0, 255, 157, 0.4);\n }\n\n .student-area p {\n font-size: 20px;\n margin-bottom: 25px;\n color: var(--branco-tech);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .student-area p i {\n color: var(--verde-tech);\n text-shadow: var(--sombra-verde);\n }\n\n \/* Novo drone SVG com anima\u00e7\u00e3o *\/\n .drone-animation {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 120px;\n height: 120px;\n animation: float 6s ease-in-out infinite;\n }\n\n .drone-svg {\n width: 100%;\n height: 100%;\n filter: drop-shadow(0 0 8px var(--azul-cyber));\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n\n .footer-tech {\n text-align: center;\n margin-top: 60px;\n padding-top: 30px;\n border-top: 1px solid rgba(0, 209, 255, 0.2);\n color: rgba(230, 241, 255, 0.7);\n font-size: 14px;\n }\n\n .scan-line {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--azul-cyber), transparent);\n box-shadow: 0 0 10px var(--azul-cyber);\n animation: scan 5s linear infinite;\n }\n\n @keyframes scan {\n 0% { top: 0; }\n 50% { top: 100%; }\n 100% { top: 0; }\n }\n\n @media (max-width: 768px) {\n .hero-banner h1 {\n font-size: 32px;\n }\n \n .hero-banner p {\n font-size: 18px;\n }\n \n .courses-grid {\n grid-template-columns: 1fr;\n }\n \n .header-tech {\n flex-direction: column;\n text-align: center;\n gap: 20px;\n }\n \n .logo-container {\n justify-content: center;\n }\n \n .drone-animation {\n position: relative;\n margin: 30px auto;\n top: 0;\n right: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"grid-lines\"><\/div>\n <div class=\"scan-line\"><\/div>\n \n <div class=\"container\">\n <header class=\"header-tech\">\n <div class=\"logo-container\">\n <div class=\"logo-text\">\n <h1>CURSO DIPEN\/RN<\/h1>\n <p>Forma\u00e7\u00e3o em Tecnologia de Drones<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"drone-animation\">\n <svg class=\"drone-svg\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M50 20L40 30L60 30L50 20Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M50 80L40 70L60 70L50 80Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M20 50L30 40L30 60L20 50Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M80 50L70 40L70 60L80 50Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M40 30L15 15\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M60 30L85 15\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M40 70L15 85\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M60 70L85 85\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <circle cx=\"15\" cy=\"15\" r=\"5\" fill=\"#00d1ff\"\/>\n <circle cx=\"85\" cy=\"15\" r=\"5\" fill=\"#00d1ff\"\/>\n <circle cx=\"15\" cy=\"85\" r=\"5\" fill=\"#00d1ff\"\/>\n <circle cx=\"85\" cy=\"85\" r=\"5\" fill=\"#00d1ff\"\/>\n <\/svg>\n <\/div>\n <\/header>\n\n <section class=\"hero-banner\">\n <h1><i class=\"fas fa-bullseye\"><\/i>\n <h1>Curso de Opera\u00e7\u00e3o com Drones<\/h1>\n <p class=\"submissao\">Forma\u00e7\u00e3o gratuita e institucional voltada exclusivamente para Policiais Penais e agentes de intelig\u00eancia. Domine as t\u00e9cnicas de opera\u00e7\u00e3o de drones para aplica\u00e7\u00f5es de seguran\u00e7a p\u00fablica com nosso curso especializado.<\/p>\n <\/section>\n\n <div class=\"courses-grid\">\n <div class=\"course-card\">\n <div class=\"course-header\">\n <i class=\"fas fa-book-open\"><\/i>\n <h2>Curso: Drones DJI para Seguran\u00e7a P\u00fablica<\/h2>\n <\/div>\n <div class=\"course-content\">\n <p>Curso 100% online e gratuito com emiss\u00e3o de certificado. Desenvolvido pelo Departamento de Intelig\u00eancia Penitenci\u00e1ria, este programa oferece treinamento especializado em opera\u00e7\u00e3o de drones para profissionais de seguran\u00e7a p\u00fablica.<\/p>\n <a href=\"\/drone\/cursos\/curso-teorico-de-operacao-de-voo-com-drones-dji-para-seguranca-publica\/\" class=\"btn-access\">\n <i class=\"fas fa-rocket\"><\/i> Acessar Curso\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"student-area\">\n <p><i class=\"fas fa-lock\"><\/i> \u00c1rea restrita para alunos cadastrados<\/p>\n <a href=\"\/drone\/area-do-aluno\/\" class=\"btn-access\" style=\"background: linear-gradient(135deg, var(--verde-tech) 0%, #00cc88 100%); box-shadow: 0 5px 15px rgba(0, 255, 157, 0.3);\">\n <i class=\"fas fa-user-astronaut\"><\/i> Acessar \u00c1rea do Aluno\n <\/a>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ Efeito de movimento mais suave para os cards\n document.querySelectorAll('.course-card').forEach(card => {\n card.addEventListener('mousemove', function(e) {\n const x = e.offsetX;\n const y = e.offsetY;\n const centerX = this.offsetWidth \/ 2;\n const centerY = this.offsetHeight \/ 2;\n \n const angleY = (x - centerX) \/ 20;\n const angleX = (centerY - y) \/ 20;\n \n this.style.transform = `perspective(1000px) rotateX(${angleX}deg) rotateY(${angleY}deg) translateZ(5px)`;\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateZ(0)';\n });\n });\n\n \/\/ Anima\u00e7\u00e3o das h\u00e9lices do drone SVG\n const droneProps = document.querySelectorAll('.drone-svg circle');\n setInterval(() => {\n droneProps.forEach(prop => {\n prop.style.transform = `rotate(${Math.random() * 360}deg)`;\n });\n }, 100);\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Curso DIPEN\/RN – Forma\u00e7\u00e3o em Opera\u00e7\u00e3o de Drones CURSO DIPEN\/RN Forma\u00e7\u00e3o em Tecnologia de Drones Curso de Opera\u00e7\u00e3o com Drones […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":53,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages\/69\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":69,"date":"2025-08-05T14:35:37","date_gmt":"2025-08-05T14:35:37","guid":{"rendered":"https:\/\/firmacoruja.com.br\/drone\/?page_id=69"},"modified":"2025-08-20T18:48:00","modified_gmt":"2025-08-20T18:48:00","slug":"inicio","status":"publish","type":"page","link":"https:\/\/firmacoruja.com.br\/drone\/","title":{"rendered":"In\u00edcio"},"content":{"rendered":"\n\n\n\n \n \n Curso DIPEN\/RN – Forma\u00e7\u00e3o em Opera\u00e7\u00e3o de Drones<\/title>\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=Exo+2:wght@300;400;500;600;700&family=Orbitron:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --azul-profundo: #0a192f;\n --azul-cyber: #00d1ff;\n --roxo-neon: #9d4edd;\n --verde-tech: #00ff9d;\n --branco-tech: #e6f1ff;\n --sombra-neon: 0 0 15px rgba(0, 209, 255, 0.5);\n --sombra-roxo: 0 0 15px rgba(157, 78, 221, 0.5);\n --sombra-verde: 0 0 15px rgba(0, 255, 157, 0.5);\n --transicao: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n background: linear-gradient(135deg, #0a192f 0%, #091428 100%);\n color: var(--branco-tech);\n font-family: 'Exo 2', sans-serif;\n min-height: 100vh;\n line-height: 1.6;\n overflow-x: hidden;\n position: relative;\n padding: 20px;\n }\n\n body::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: \n radial-gradient(circle at 20% 30%, rgba(0, 209, 255, 0.1) 0%, transparent 40%),\n radial-gradient(circle at 80% 70%, rgba(157, 78, 221, 0.1) 0%, transparent 40%);\n z-index: -1;\n }\n\n .grid-lines {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-image: \n linear-gradient(to right, rgba(0, 209, 255, 0.03) 1px, transparent 1px),\n linear-gradient(to bottom, rgba(0, 209, 255, 0.03) 1px, transparent 1px);\n background-size: 40px 40px;\n z-index: -1;\n pointer-events: none;\n }\n\n .container {\n max-width: 1200px;\n margin: 0 auto;\n position: relative;\n }\n\n .header-tech {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 25px 0;\n margin-bottom: 30px;\n border-bottom: 1px solid rgba(0, 209, 255, 0.2);\n }\n\n .logo-container {\n display: flex;\n align-items: center;\n }\n\n .logo-icon {\n width: 60px;\n height: 60px;\n background: linear-gradient(135deg, var(--azul-cyber) 0%, var(--roxo-neon) 100%);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-right: 15px;\n box-shadow: var(--sombra-neon);\n animation: pulse 4s infinite alternate;\n }\n\n @keyframes pulse {\n 0% { box-shadow: 0 0 15px rgba(0, 209, 255, 0.5); }\n 50% { box-shadow: 0 0 25px rgba(0, 209, 255, 0.8), 0 0 35px rgba(157, 78, 221, 0.6); }\n 100% { box-shadow: 0 0 15px rgba(157, 78, 221, 0.5); }\n }\n\n .logo-icon i {\n font-size: 28px;\n color: white;\n }\n\n .logo-text h1 {\n font-family: 'Orbitron', sans-serif;\n font-size: 28px;\n font-weight: 600;\n letter-spacing: 1px;\n background: linear-gradient(to right, var(--azul-cyber), var(--roxo-neon));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .logo-text p {\n font-size: 14px;\n color: rgba(230, 241, 255, 0.7);\n margin-top: 4px;\n }\n\n .hero-banner {\n background: rgba(10, 25, 47, 0.6);\n border: 1px solid rgba(0, 209, 255, 0.2);\n border-radius: 20px;\n padding: 40px;\n margin-bottom: 40px;\n backdrop-filter: blur(10px);\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n position: relative;\n overflow: hidden;\n transition: var(--transicao);\n text-align: center;\n }\n\n .hero-banner::before {\n content: \"\";\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: radial-gradient(circle, rgba(0, 209, 255, 0.1) 0%, transparent 70%);\n animation: rotate 30s linear infinite;\n z-index: -1;\n }\n\n @keyframes rotate {\n from { transform: rotate(0deg); }\n to { transform: rotate(360deg); }\n }\n\n .hero-banner h1 {\n font-family: 'Orbitron', sans-serif;\n font-size: 42px;\n font-weight: 600;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 15px;\n color: white;\n }\n\n .hero-banner h1 i {\n font-size: 48px;\n color: var(--azul-cyber);\n text-shadow: var(--sombra-neon);\n }\n\n .hero-banner p {\n font-size: 20px;\n max-width: 800px;\n line-height: 1.7;\n color: rgba(230, 241, 255, 0.9);\n margin: 0 auto 30px;\n }\n\n .hero-banner:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);\n }\n\n .courses-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\n gap: 30px;\n margin-bottom: 50px;\n }\n\n .course-card {\n background: rgba(10, 25, 47, 0.6);\n border: 1px solid rgba(0, 209, 255, 0.2);\n border-radius: 20px;\n padding: 30px;\n backdrop-filter: blur(10px);\n transition: var(--transicao);\n position: relative;\n overflow: hidden;\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n }\n\n .course-card::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 5px;\n background: linear-gradient(90deg, var(--azul-cyber), var(--roxo-neon));\n opacity: 0.7;\n }\n\n .course-card:hover {\n transform: translateY(-10px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), var(--sombra-neon);\n border-color: rgba(0, 209, 255, 0.4);\n }\n\n .course-header {\n display: flex;\n align-items: center;\n gap: 15px;\n margin-bottom: 20px;\n flex-direction: column;\n }\n\n .course-header i {\n font-size: 42px;\n color: var(--azul-cyber);\n text-shadow: var(--sombra-neon);\n margin-bottom: 10px;\n }\n\n .course-header h2 {\n font-family: 'Orbitron', sans-serif;\n font-size: 24px;\n font-weight: 500;\n letter-spacing: 0.5px;\n color: var(--branco-tech);\n }\n\n .course-content p {\n font-size: 16px;\n color: rgba(230, 241, 255, 0.8);\n margin-bottom: 30px;\n line-height: 1.7;\n }\n\n .btn-access {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n background: linear-gradient(135deg, var(--azul-cyber) 0%, var(--roxo-neon) 100%);\n color: white;\n text-decoration: none;\n padding: 14px 28px;\n border-radius: 50px;\n font-weight: 600;\n font-size: 16px;\n transition: var(--transicao);\n box-shadow: 0 5px 15px rgba(0, 209, 255, 0.3);\n border: none;\n cursor: pointer;\n position: relative;\n overflow: hidden;\n }\n\n .btn-access::before {\n content: \"\";\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: 0.5s;\n }\n\n .btn-access:hover {\n transform: translateY(-5px);\n box-shadow: 0 8px 20px rgba(157, 78, 221, 0.5), 0 0 25px rgba(0, 209, 255, 0.4);\n }\n\n .btn-access:hover::before {\n left: 100%;\n }\n\n .student-area {\n background: rgba(10, 25, 47, 0.6);\n border: 1px solid rgba(0, 255, 157, 0.2);\n border-radius: 20px;\n padding: 30px;\n text-align: center;\n backdrop-filter: blur(10px);\n transition: var(--transicao);\n box-shadow: 0 8px 25px rgba(0, 0, 0, 0.25);\n }\n\n .student-area:hover {\n transform: translateY(-5px);\n box-shadow: 0 15px 35px rgba(0, 0, 0, 0.4), var(--sombra-verde);\n border-color: rgba(0, 255, 157, 0.4);\n }\n\n .student-area p {\n font-size: 20px;\n margin-bottom: 25px;\n color: var(--branco-tech);\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n }\n\n .student-area p i {\n color: var(--verde-tech);\n text-shadow: var(--sombra-verde);\n }\n\n \/* Novo drone SVG com anima\u00e7\u00e3o *\/\n .drone-animation {\n position: absolute;\n top: 20px;\n right: 20px;\n width: 120px;\n height: 120px;\n animation: float 6s ease-in-out infinite;\n }\n\n .drone-svg {\n width: 100%;\n height: 100%;\n filter: drop-shadow(0 0 8px var(--azul-cyber));\n }\n\n @keyframes float {\n 0% { transform: translateY(0px); }\n 50% { transform: translateY(-15px); }\n 100% { transform: translateY(0px); }\n }\n\n .footer-tech {\n text-align: center;\n margin-top: 60px;\n padding-top: 30px;\n border-top: 1px solid rgba(0, 209, 255, 0.2);\n color: rgba(230, 241, 255, 0.7);\n font-size: 14px;\n }\n\n .scan-line {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 3px;\n background: linear-gradient(90deg, transparent, var(--azul-cyber), transparent);\n box-shadow: 0 0 10px var(--azul-cyber);\n animation: scan 5s linear infinite;\n }\n\n @keyframes scan {\n 0% { top: 0; }\n 50% { top: 100%; }\n 100% { top: 0; }\n }\n\n @media (max-width: 768px) {\n .hero-banner h1 {\n font-size: 32px;\n }\n \n .hero-banner p {\n font-size: 18px;\n }\n \n .courses-grid {\n grid-template-columns: 1fr;\n }\n \n .header-tech {\n flex-direction: column;\n text-align: center;\n gap: 20px;\n }\n \n .logo-container {\n justify-content: center;\n }\n \n .drone-animation {\n position: relative;\n margin: 30px auto;\n top: 0;\n right: 0;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"grid-lines\"><\/div>\n <div class=\"scan-line\"><\/div>\n \n <div class=\"container\">\n <header class=\"header-tech\">\n <div class=\"logo-container\">\n <div class=\"logo-text\">\n <h1>CURSO DIPEN\/RN<\/h1>\n <p>Forma\u00e7\u00e3o em Tecnologia de Drones<\/p>\n <\/div>\n <\/div>\n \n \n <div class=\"drone-animation\">\n <svg class=\"drone-svg\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n <path d=\"M50 20L40 30L60 30L50 20Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M50 80L40 70L60 70L50 80Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M20 50L30 40L30 60L20 50Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M80 50L70 40L70 60L80 50Z\" fill=\"white\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linejoin=\"round\"\/>\n <path d=\"M40 30L15 15\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M60 30L85 15\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M40 70L15 85\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <path d=\"M60 70L85 85\" stroke=\"#00d1ff\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <circle cx=\"15\" cy=\"15\" r=\"5\" fill=\"#00d1ff\"\/>\n <circle cx=\"85\" cy=\"15\" r=\"5\" fill=\"#00d1ff\"\/>\n <circle cx=\"15\" cy=\"85\" r=\"5\" fill=\"#00d1ff\"\/>\n <circle cx=\"85\" cy=\"85\" r=\"5\" fill=\"#00d1ff\"\/>\n <\/svg>\n <\/div>\n <\/header>\n\n <section class=\"hero-banner\">\n <h1><i class=\"fas fa-bullseye\"><\/i>\n <h1>Curso de Opera\u00e7\u00e3o com Drones<\/h1>\n <p class=\"submissao\">Forma\u00e7\u00e3o gratuita e institucional voltada exclusivamente para Policiais Penais e agentes de intelig\u00eancia. Domine as t\u00e9cnicas de opera\u00e7\u00e3o de drones para aplica\u00e7\u00f5es de seguran\u00e7a p\u00fablica com nosso curso especializado.<\/p>\n <\/section>\n\n <div class=\"courses-grid\">\n <div class=\"course-card\">\n <div class=\"course-header\">\n <i class=\"fas fa-book-open\"><\/i>\n <h2>Curso: Drones DJI para Seguran\u00e7a P\u00fablica<\/h2>\n <\/div>\n <div class=\"course-content\">\n <p>Curso 100% online e gratuito com emiss\u00e3o de certificado. Desenvolvido pelo Departamento de Intelig\u00eancia Penitenci\u00e1ria, este programa oferece treinamento especializado em opera\u00e7\u00e3o de drones para profissionais de seguran\u00e7a p\u00fablica.<\/p>\n <a href=\"\/drone\/cursos\/curso-teorico-de-operacao-de-voo-com-drones-dji-para-seguranca-publica\/\" class=\"btn-access\">\n <i class=\"fas fa-rocket\"><\/i> Acessar Curso\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"student-area\">\n <p><i class=\"fas fa-lock\"><\/i> \u00c1rea restrita para alunos cadastrados<\/p>\n <a href=\"\/drone\/area-do-aluno\/\" class=\"btn-access\" style=\"background: linear-gradient(135deg, var(--verde-tech) 0%, #00cc88 100%); box-shadow: 0 5px 15px rgba(0, 255, 157, 0.3);\">\n <i class=\"fas fa-user-astronaut\"><\/i> Acessar \u00c1rea do Aluno\n <\/a>\n <\/div>\n\n <\/div>\n\n <script>\n \/\/ Efeito de movimento mais suave para os cards\n document.querySelectorAll('.course-card').forEach(card => {\n card.addEventListener('mousemove', function(e) {\n const x = e.offsetX;\n const y = e.offsetY;\n const centerX = this.offsetWidth \/ 2;\n const centerY = this.offsetHeight \/ 2;\n \n const angleY = (x - centerX) \/ 20;\n const angleX = (centerY - y) \/ 20;\n \n this.style.transform = `perspective(1000px) rotateX(${angleX}deg) rotateY(${angleY}deg) translateZ(5px)`;\n });\n \n card.addEventListener('mouseleave', function() {\n this.style.transform = 'perspective(1000px) rotateX(0) rotateY(0) translateZ(0)';\n });\n });\n\n \/\/ Anima\u00e7\u00e3o das h\u00e9lices do drone SVG\n const droneProps = document.querySelectorAll('.drone-svg circle');\n setInterval(() => {\n droneProps.forEach(prop => {\n prop.style.transform = `rotate(${Math.random() * 360}deg)`;\n });\n }, 100);\n <\/script>\n<\/body>\n<\/html>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Curso DIPEN\/RN – Forma\u00e7\u00e3o em Opera\u00e7\u00e3o de Drones CURSO DIPEN\/RN Forma\u00e7\u00e3o em Tecnologia de Drones Curso de Opera\u00e7\u00e3o com Drones […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-69","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":53,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages\/69\/revisions"}],"predecessor-version":[{"id":585,"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/pages\/69\/revisions\/585"}],"wp:attachment":[{"href":"https:\/\/firmacoruja.com.br\/drone\/wp-json\/wp\/v2\/media?parent=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}