{"id":63548,"date":"2026-08-04T02:11:07","date_gmt":"2026-08-04T05:11:07","guid":{"rendered":"https:\/\/deyelstage.wpenginepowered.com\/diana\/"},"modified":"2026-08-04T14:50:42","modified_gmt":"2026-08-04T17:50:42","slug":"diana","status":"publish","type":"page","link":"https:\/\/www.deyel.com\/pt-br\/diana\/","title":{"rendered":"Diana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"63548\" class=\"elementor elementor-63548 elementor-62832\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d722b6 fondo-luz-radial e-flex e-con-boxed e-con e-parent\" data-id=\"8d722b6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-8e4c3be e-con-full e-flex e-con e-child\" data-id=\"8e4c3be\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08f77c2 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-laptop__width-initial elementor-widget elementor-widget-image\" data-id=\"08f77c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"187\" height=\"44\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png\" class=\"attachment-large size-large wp-image-62836\" alt=\"\" srcset=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png 187w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066-150x35.png 150w\" sizes=\"(max-width:767px) 187px, 187px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-999d0a5 titulo-destello-blanco elementor-widget elementor-widget-heading\" data-id=\"999d0a5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Acelere o ciclo de<br>desenvolvimento <span class=\"texto-gradiente\">com IA<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-192a3d9 elementor-widget elementor-widget-text-editor\" data-id=\"192a3d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Crie aplica\u00e7\u00f5es de neg\u00f3cios rapidamente com a assist\u00eancia da Diana, Agente de Intelig\u00eancia Artificial.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19dc3c6 elementor-widget elementor-widget-html\" data-id=\"19dc3c6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<a href=\"https:\/\/www.youtube.com\/watch?v=Nt0BuodEJds\" class=\"hero-btn\">\r\n    Assista \u00e0 Diana em a\u00e7\u00e3o\r\n<\/a>\r\n\r\n<style>\r\n.hero-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 16px 30px;\r\n    margin: 25px;\r\n    border-radius: 14px;\r\n\r\n    text-decoration: none;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    color: black;\r\n\r\n    background: linear-gradient(90deg, #29E5D6 0%, #4DE8FF 100%);\r\n    position: relative;\r\n\r\n    \/* Luz suave y constante fija (sin cambios al pasar el cursor) *\/\r\n    box-shadow: \r\n        0 0 35px 8px rgba(41, 229, 214, 0.4),\r\n        0 10px 40px rgba(41, 229, 214, 0.25) !important;\r\n}\r\n\/* Desactiva cualquier cambio de Elementor al pasar el cursor *\/\r\n.hero-btn:hover,\r\n.hero-btn:hover * {\r\n    color: black !important;\r\n    text-shadow: none !important;\r\n    text-decoration: none !important;\r\n    opacity: 1 !important;\r\n    transform: none !important;\r\n}\r\n\/* Centrado autom\u00e1tico exclusivo para versi\u00f3n mobile *\/\r\n@media (max-width: 768px) {\r\n    .hero-btn {\r\n        display: flex;\r\n        margin: 20px auto;\r\n        width: fit-content;\r\n        text-align: center;\r\n    }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cc7eadb e-con-full e-flex e-con e-child\" data-id=\"cc7eadb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-548892f elementor-widget-laptop__width-initial elementor-widget elementor-widget-image\" data-id=\"548892f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"692\" height=\"406\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-pt.png\" class=\"attachment-large size-large wp-image-63598\" alt=\"\" srcset=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-pt.png 692w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-pt-300x176.png 300w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-pt-128x75.png 128w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-pt-480x282.png 480w\" sizes=\"(max-width:767px) 480px, 692px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6bab719 e-flex e-con-boxed e-con e-parent\" data-id=\"6bab719\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eb293e1 elementor-widget elementor-widget-heading\" data-id=\"eb293e1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Como a Diana <span class=\"texto-gradiente-2\">se integra ao desenvolvimento da Deyel?<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-abfbd3e elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"abfbd3e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n.diana-cards-wrapper {\r\n  padding: 0; \r\n  font-family: 'Lato', sans-serif;\r\n  box-sizing: border-box;\r\n  background: transparent;\r\n}\r\n\r\n.diana-cards-wrapper * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.diana-cards-container {\r\n  max-width: 1440px;\r\n  margin: 0 auto;\r\n  padding: 0 60px;\r\n}\r\n\r\n\/* ==========================================================================\r\n   GRILLA Y TARJETAS\r\n   ========================================================================== *\/\r\n.diana-grid {\r\n  display: grid;\r\n  gap: 30px;\r\n  grid-template-columns: 1fr; \r\n}\r\n\r\n.diana-card {\r\n  background: #ffffff; \r\n  border: 1px solid #eaeaea;\r\n  border-radius: 4px;\r\n  padding: 45px 40px; \r\n  \r\n  display: flex;\r\n  flex-direction: column; \r\n  align-items: flex-start; \r\n  text-align: left;        \r\n  gap: 20px;\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04); \r\n}\r\n\r\n.diana-number {\r\n  font-size: 2.8rem;\r\n  font-weight: 500; \r\n  color: #9F99FB; \r\n  line-height: 1;\r\n  margin: 0;\r\n  letter-spacing: 2px;\r\n  white-space: nowrap;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.diana-content p {\r\n  margin: 0;\r\n  font-size: 0.95rem;\r\n  color: #333333;\r\n  line-height: 1.6;\r\n}\r\n\r\n.diana-content .card-title {\r\n  color: #9F99FB;\r\n  font-weight: 600;\r\n  margin-right: 5px;\r\n}\r\n\r\n\/* TABLET & DESKTOP REGULAR *\/\r\n@media (min-width: 768px) {\r\n  .diana-grid {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n  \r\n  .diana-card {\r\n    flex-direction: row;\r\n    align-items: center;\r\n  }\r\n  \r\n  .diana-number {\r\n    min-width: 85px;\r\n  }\r\n}\r\n\r\n\/* LAPTOP *\/\r\n@media (max-width: 1366px) {\r\n  .diana-cards-container {\r\n    padding: 0 45px;\r\n  }\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width: 767px) {\r\n  .diana-cards-container {\r\n    padding: 0 24px;\r\n  }\r\n  .diana-card {\r\n    padding: 30px 25px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"diana-cards-wrapper\">\r\n  <div class=\"diana-cards-container\">\r\n    \r\n    <div class=\"diana-grid\">\r\n      \r\n      <!-- Cart\u00e3o 01 -->\r\n      <div class=\"diana-card\">\r\n        <div class=\"diana-number\">01.<\/div>\r\n        <div class=\"diana-content\">\r\n          <p><span class=\"card-title\">Prompt (Requisito):<\/span> Defina a aplica\u00e7\u00e3o que deseja criar com a Diana (nosso Agente de IA) por meio de prompts em <strong>linguagem natural<\/strong>.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Cart\u00e3o 02 -->\r\n      <div class=\"diana-card\">\r\n        <div class=\"diana-number\">02.<\/div>\r\n        <div class=\"diana-content\">\r\n          <p><span class=\"card-title\">Desenvolvimento:<\/span> A Diana analisa o que precisa ser feito, gera a estrutura inicial (p\u00e1ginas, entidades e regras) e apresenta uma proposta para valida\u00e7\u00e3o. Voc\u00ea pode adaptar a aplica\u00e7\u00e3o gerada como preferir, utilizando prompts ou Low Code.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Cart\u00e3o 03 -->\r\n      <div class=\"diana-card\">\r\n        <div class=\"diana-number\">03.<\/div>\r\n        <div class=\"diana-content\">\r\n          <p><span class=\"card-title\">Implanta\u00e7\u00e3o (Produ\u00e7\u00e3o):<\/span> Ao confirmar sua proposta, a aplica\u00e7\u00e3o \u00e9 publicada automaticamente em um <strong>ambiente de miss\u00e3o cr\u00edtica<\/strong>. O que come\u00e7a como um prot\u00f3tipo torna-se uma aplica\u00e7\u00e3o real.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Cart\u00e3o 04 -->\r\n      <div class=\"diana-card\">\r\n        <div class=\"diana-number\">04.<\/div>\r\n        <div class=\"diana-content\">\r\n          <p><span class=\"card-title\">Evolu\u00e7\u00e3o (Expans\u00e3o):<\/span> Quer expandir sua solu\u00e7\u00e3o? Adicione novas funcionalidades e componentes <strong>conversando com a Diana<\/strong>, mantendo sempre a consist\u00eancia e o contexto do seu neg\u00f3cio.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e67ece1 e-flex e-con-boxed e-con e-parent\" data-id=\"e67ece1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b6b525 elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"7b6b525\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"app-builder-section\">\r\n\r\n    <!-- Puntitos -->\r\n    <span class=\"floating-dot dot1\"><\/span>\r\n    <span class=\"floating-dot dot2\"><\/span>\r\n    <span class=\"floating-dot dot3\"><\/span>\r\n    <span class=\"floating-dot dot4\"><\/span>\r\n    <span class=\"floating-dot dot5\"><\/span>\r\n\r\n    <!-- T\u00edtulo y descripci\u00f3n -->\r\n    <div class=\"app-builder-header\">\r\n        <h2>\r\n            Do prot\u00f3tipo \u00e0 aplica\u00e7\u00e3o\r\n            <span>sem complica\u00e7\u00f5es<\/span>\r\n        <\/h2>\r\n        <p class=\"section-description\">\r\n            O que come\u00e7a como uma ideia transforma-se em uma solu\u00e7\u00e3o real dentro da mesma plataforma. Sem migra\u00e7\u00f5es complexas, sem precisar come\u00e7ar do zero.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"app-builder-wrapper\">\r\n\r\n        <!-- Columna izquierda -->\r\n        <div class=\"app-content\">\r\n\r\n            <!-- Accordion -->\r\n            <div class=\"custom-accordion\">\r\n\r\n                <!-- Item 1 -->\r\n                <div class=\"accordion-item\">\r\n                    <button class=\"accordion-header\">\r\n                        <div class=\"accordion-left\">\r\n                            <div class=\"custom-app-icon\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/1-1.png\" alt=\"\">\r\n                            <\/div>\r\n                            <span>Redu\u00e7\u00e3o de tempo<\/span>\r\n                        <\/div>\r\n                        <span class=\"accordion-arrow\">\r\n                            <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M1 1L7 7L13 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                    <div class=\"accordion-content\">\r\n                        <p>\r\n                            Passe de meses para apenas alguns dias. O desenvolvimento assistido pela Diana permite otimizar o tempo total de desenvolvimento para at\u00e9 um ter\u00e7o das horas tradicionalmente estimadas, sem comprometer a qualidade t\u00e9cnica.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Item 2 -->\r\n                <div class=\"accordion-item\">\r\n                    <button class=\"accordion-header\">\r\n                        <div class=\"accordion-left\">\r\n                            <div class=\"custom-app-icon\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/2-1.png\" alt=\"\">\r\n                            <\/div>\r\n                            <span>Consci\u00eancia de contexto e reutiliza\u00e7\u00e3o<\/span>\r\n                        <\/div>\r\n                        <span class=\"accordion-arrow\">\r\n                            <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M1 1L7 7L13 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                    <div class=\"accordion-content\">\r\n                        <p>\r\n                            A Diana reconhece seu ambiente de desenvolvimento atual. Se j\u00e1 existirem aplica\u00e7\u00f5es anteriores, ela sugere reutilizar esses componentes, aproveitando tudo o que j\u00e1 foi criado no seu ambiente de trabalho. Voc\u00ea decide se deseja seguir com a proposta.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Item 3 -->\r\n                <div class=\"accordion-item\">\r\n                    <button class=\"accordion-header\">\r\n                        <div class=\"accordion-left\">\r\n                            <div class=\"custom-app-icon\">\r\n                                <img decoding=\"async\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/3-2.png\" alt=\"\">\r\n                            <\/div>\r\n                            <span>Gest\u00e3o inteligente de conversas<\/span>\r\n                        <\/div>\r\n                        <span class=\"accordion-arrow\">\r\n                            <svg width=\"14\" height=\"9\" viewBox=\"0 0 14 9\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                                <path d=\"M1 1L7 7L13 1\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                            <\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                    <div class=\"accordion-content\">\r\n                        <p>\r\n                            A Diana interpreta os requisitos e gera uma estrutura inicial que inclui p\u00e1ginas, entidades e regras de neg\u00f3cio para valida\u00e7\u00e3o imediata.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Imagen -->\r\n        <div class=\"app-image\">\r\n            <img decoding=\"async\"\r\n            src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-pt.png\"\r\n            alt=\"App Builder\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* ===========================\r\n   APP BUILDER SECTION\r\n=========================== *\/\r\n.app-builder-section{\r\n    position:relative;\r\n    overflow:hidden;\r\n    padding:110px 60px;\r\n    max-width:1440px;\r\n    margin:auto;\r\n    font-family: 'Lato', sans-serif;\r\n}\r\n\r\n\/* CONTENEDOR DEL T\u00cdTULO *\/\r\n.app-builder-header {\r\n    width: 100%;\r\n    margin-bottom: 55px;\r\n}\r\n\r\n.app-builder-header h2 {\r\n    color: #FFF;\r\n    font-size: 46px;\r\n    line-height: 1.2;\r\n    font-weight: 700;\r\n    margin-bottom: 24px;\r\n}\r\n\r\n\/* TEXTO CON DEGRADADO *\/\r\n.app-builder-header h2 span {\r\n    background: linear-gradient(90deg, #40D8FF 0%, #9F99FB 100%);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    color: transparent;\r\n}\r\n\r\n.section-description {\r\n    color: #B8C0D8;\r\n    font-size: 18px;\r\n    line-height: 1.8;\r\n    max-width: 900px;\r\n    margin-bottom: 0;\r\n}\r\n\r\n.app-builder-wrapper{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:90px;\r\n}\r\n\r\n\/* ===========================\r\n   COLUMNA IZQUIERDA\r\n=========================== *\/\r\n.app-content{\r\n    width:48%;\r\n    max-width:540px;\r\n}\r\n\r\n\/* ===========================\r\n   IMAGEN\r\n=========================== *\/\r\n.app-image{\r\n    width:52%;\r\n    display:flex;\r\n    justify-content:center;\r\n}\r\n\r\n.app-image img{\r\n    width:100%;\r\n    max-width:720px;\r\n    display:block;\r\n    border: none;\r\n    box-shadow: none;\r\n}\r\n\r\n\/* ===========================\r\n   ACCORDION\r\n=========================== *\/\r\n.custom-accordion{\r\n    display:flex;\r\n    flex-direction:column;\r\n    gap:22px;\r\n}\r\n\r\n.accordion-item{\r\n    border:1px solid rgba(94,119,255,.55);\r\n    border-radius:14px;\r\n    background:rgba(23,31,57,.72);\r\n    transition:.35s;\r\n    overflow:hidden;\r\n    backdrop-filter:blur(10px);\r\n}\r\n\r\n.accordion-item.active{\r\n    border-color:#8183FF;\r\n    box-shadow:\r\n    0 0 0 1px rgba(129,131,255,.35),\r\n    0 0 30px rgba(129,131,255,.12);\r\n}\r\n\r\n\/* HEADER *\/\r\n.accordion-header{\r\n    width:100%;\r\n    padding:22px 26px;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    background:none;\r\n    border:none;\r\n    cursor:pointer;\r\n    color:white;\r\n}\r\n\r\n.accordion-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:18px;\r\n}\r\n\r\n\/* T\u00cdTULOS *\/\r\n.accordion-left span{\r\n    font-size:18px; \r\n    font-weight:700;\r\n    text-align:left;\r\n}\r\n\r\n\/* IM\u00c1GENES *\/\r\n.custom-app-icon{\r\n    width:40px; \r\n    height:40px; \r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    flex-shrink:0;\r\n    background: transparent;\r\n}\r\n\r\n.custom-app-icon img {\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: contain;\r\n    border: none !important;\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    padding: 0 !important;\r\n    margin: 0 !important;\r\n}\r\n\r\n\/* TEXTO *\/\r\n.accordion-content{\r\n    max-height:0;\r\n    overflow:hidden;\r\n    transition:max-height .45s ease;\r\n}\r\n\r\n.accordion-content p{\r\n    padding:0 28px 28px 84px; \r\n    color:#C5CDE0;\r\n    line-height:1.8;\r\n    font-size:17px;\r\n    text-align: left;\r\n}\r\n\r\n\/* FLECHA *\/\r\n.accordion-arrow{\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    color:#B6BCFF;\r\n    transition:.35s;\r\n}\r\n\r\n.accordion-item.active .accordion-arrow{\r\n    transform:rotate(180deg);\r\n}\r\n\r\n\/* ===========================\r\n   PUNTITOS\r\n=========================== *\/\r\n.floating-dot{\r\n    position:absolute;\r\n    width:10px;\r\n    height:10px;\r\n    border-radius:50%;\r\n    animation:float 6s ease-in-out infinite;\r\n}\r\n\r\n.dot1{ background:#4AD9FF; left:3%; top:33%; box-shadow:0 0 18px #4AD9FF; }\r\n.dot2{ background:#AE6DFF; left:4%; bottom:12%; width:11px; height:11px; animation-delay:1s; box-shadow:0 0 18px #AE6DFF; }\r\n.dot3{ background:#3EA9FF; right:8%; top:10%; animation-delay:2s; box-shadow:0 0 18px #3EA9FF; }\r\n.dot4{ background:#B46EFF; right:4%; top:22%; animation-delay:1.5s; box-shadow:0 0 18px #B46EFF; }\r\n.dot5{ background:#26D9FF; right:10%; bottom:24%; animation-delay:3s; box-shadow:0 0 18px #26D9FF; }\r\n\r\n@keyframes float{\r\n    0%{ transform:translateY(0); }\r\n    50%{ transform:translateY(-12px); }\r\n    100%{ transform:translateY(0); }\r\n}\r\n\r\n.accordion-header{\r\n    background: transparent !important;\r\n    outline: none;\r\n    box-shadow: none;\r\n}\r\n\r\n.accordion-header:hover,\r\n.accordion-header:focus,\r\n.accordion-header:active{\r\n    background: transparent !important;\r\n    box-shadow: none !important;\r\n    outline: none !important;\r\n}\r\n\r\n.accordion-item:hover{\r\n    border-color: rgba(94,119,255,.55);\r\n    box-shadow: none;\r\n}\r\n\r\n\/* ===========================\r\n   LAPTOP\r\n=========================== *\/\r\n@media (max-width:1366px){\r\n    .app-builder-section{ padding:90px 45px; }\r\n    .app-builder-wrapper{ gap:60px; }\r\n    .app-builder-header h2{ font-size:40px; }\r\n    .accordion-left span{ font-size:17px; }\r\n}\r\n\r\n\/* ===========================\r\n   TABLET\r\n=========================== *\/\r\n@media (max-width:1024px){\r\n    .app-builder-wrapper{ flex-direction:column; }\r\n    .app-content{ width:100%; max-width:100%; }\r\n    .app-image{ width:100%; margin-top:60px; }\r\n    .app-builder-header h2{ font-size:38px; }\r\n}\r\n\r\n\/* ===========================\r\n   MOBILE\r\n=========================== *\/\r\n@media (max-width:767px){\r\n    .app-builder-section{ padding:70px 24px; }\r\n    \r\n    \/* Textos alineados a la izquierda para mobile *\/\r\n    .app-builder-header h2{ font-size:32px; text-align: left; }\r\n    .section-description{ font-size:16px; text-align: left; }\r\n    \r\n    .accordion-header{ padding:18px; }\r\n    .accordion-left{ gap:14px; }\r\n    .custom-app-icon{ width:36px; height:36px; }\r\n    \r\n    .accordion-left span{ font-size:16px; text-align: left; }\r\n    .accordion-content p{ padding:0 20px 22px 20px; font-size:15px; text-align: left; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const items = document.querySelectorAll(\".accordion-item\");\r\n\r\n    items.forEach(item => {\r\n        const header = item.querySelector(\".accordion-header\");\r\n        const content = item.querySelector(\".accordion-content\");\r\n\r\n        const openAccordion = () => {\r\n            const isOpen = item.classList.contains(\"active\");\r\n\r\n            \/\/ Cerrar todos\r\n            items.forEach(other => {\r\n                other.classList.remove(\"active\");\r\n                const otherContent = other.querySelector(\".accordion-content\");\r\n                otherContent.style.maxHeight = null;\r\n            });\r\n\r\n            \/\/ Abrir solo si no estaba ya abierto\r\n            if (!isOpen) {\r\n                item.classList.add(\"active\");\r\n                content.style.maxHeight = content.scrollHeight + \"px\";\r\n            }\r\n        };\r\n\r\n        \/\/ Solo se abre al hacer clic\r\n        header.addEventListener(\"click\", openAccordion); \r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-caa562c e-flex e-con-boxed e-con e-parent\" data-id=\"caa562c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e73d342 elementor-widget elementor-widget-heading\" data-id=\"e73d342\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">TI e Neg\u00f3cios: Uma \u00fanica equipe, <span class=\"texto-gradiente-2\">uma \u00fanica plataforma<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6dee815 elementor-widget elementor-widget-text-editor\" data-id=\"6dee815\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Elimine a lacuna tradicional na comunica\u00e7\u00e3o e na tradu\u00e7\u00e3o de requisitos. A Diana permite que ambos os pap\u00e9is trabalhem como uma equipe integrada na mesma plataforma.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-95928c1 elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"95928c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"custom-features-wrapper\">\r\n    <!-- Men\u00fa superior -->\r\n    <div class=\"features-nav-container\">\r\n        <ul class=\"features-nav\">\r\n            <li class=\"nav-item active\" data-target=\"1\">Linguagem natural &rarr; Estrutura<\/li>\r\n            <li class=\"nav-item\" data-target=\"2\">Velocidade e padroniza\u00e7\u00e3o<\/li>\r\n            <li class=\"nav-item\" data-target=\"3\">Controle t\u00e9cnico e visibilidade<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Tarjetas -->\r\n    <div class=\"features-cards-container\">\r\n        <!-- Tarjeta 1 -->\r\n        <div class=\"feature-card active\" id=\"card-1\">\r\n            <div class=\"card-icon\">\r\n                <!-- SVG 1 -->\r\n                <svg class=\"svg-icon\" width=\"30\" height=\"28\" viewBox=\"0 0 30 28\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M22.314 23.2213L24.6 25.0225L24.6186 25.0371C25.8557 26.0114 26.4761 26.5 26.9985 26.5C27.2242 26.5002 27.447 26.4502 27.6504 26.3537C27.8537 26.2573 28.0324 26.1169 28.173 25.943C28.5 25.5396 28.5 24.7521 28.5 23.177V6.22813C28.5 4.57329 28.5 3.74586 28.173 3.11348C27.8854 2.55747 27.4265 2.10541 26.862 1.8221C26.22 1.5 25.38 1.5 23.7 1.5H6.3C4.62 1.5 3.78 1.5 3.1395 1.8221C2.57448 2.10516 2.11501 2.55724 1.827 3.11348C1.5 3.74439 1.5 4.57181 1.5 6.2237V17.4634C1.5 19.1123 1.5 19.9397 1.827 20.5721C2.11462 21.1281 2.57354 21.5802 3.138 21.8635C3.7785 22.1856 4.6185 22.1856 6.2955 22.1856H19.317C19.941 22.1856 20.2515 22.1856 20.55 22.2462C20.817 22.3003 21.071 22.388 21.312 22.5092C21.5805 22.6436 21.822 22.8327 22.299 23.2095L22.314 23.2213Z\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Da linguagem natural \u00e0 estrutura funcional:<\/h3>\r\n            <p class=\"card-text\">O Neg\u00f3cio descreve o que precisa em seus pr\u00f3prios termos, e a Diana traduz isso instantaneamente em uma base l\u00f3gica interativa. Isso elimina as intermin\u00e1veis reuni\u00f5es de especifica\u00e7\u00e3o de requisitos e os mal-entendidos de design; ambas as equipes visualizam a mesma proposta desde o primeiro dia.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tarjeta 2 -->\r\n        <div class=\"feature-card\" id=\"card-2\">\r\n            <div class=\"card-icon\">\r\n                <!-- SVG 2 -->\r\n                <svg class=\"svg-icon\" width=\"37\" height=\"26\" viewBox=\"0 0 37 26\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M23.5455 0C27.1138 0 30.536 1.36964 33.0593 3.80761C35.5825 6.24558 37 9.55219 37 13C37 16.4478 35.5825 19.7544 33.0593 22.1924C30.536 24.6304 27.1138 26 23.5455 26C19.9771 26 16.5549 24.6304 14.0317 22.1924C11.5084 19.7544 10.0909 16.4478 10.0909 13C10.0909 9.55219 11.5084 6.24558 14.0317 3.80761C16.5549 1.36964 19.9771 0 23.5455 0ZM23.5455 3.25C20.8692 3.25 18.3025 4.27723 16.4101 6.10571C14.5177 7.93419 13.4545 10.4141 13.4545 13C13.4545 15.5859 14.5177 18.0658 16.4101 19.8943C18.3025 21.7228 20.8692 22.75 23.5455 22.75C26.2217 22.75 28.7884 21.7228 30.6808 19.8943C32.5732 18.0658 33.6364 15.5859 33.6364 13C33.6364 10.4141 32.5732 7.93419 30.6808 6.10571C28.7884 4.27723 26.2217 3.25 23.5455 3.25ZM21.8636 6.5H24.3864V12.6425L28.305 16.4287L26.5223 18.1513L21.8636 13.65V6.5ZM1.68182 22.75C1.23577 22.75 0.807995 22.5788 0.492593 22.274C0.177191 21.9693 0 21.556 0 21.125C0 20.694 0.177191 20.2807 0.492593 19.976C0.807995 19.6712 1.23577 19.5 1.68182 19.5H8.12318C8.64454 20.6537 9.31727 21.7425 10.0909 22.75H1.68182ZM3.36364 14.625C2.91759 14.625 2.48981 14.4538 2.17441 14.149C1.85901 13.8443 1.68182 13.431 1.68182 13C1.68182 12.569 1.85901 12.1557 2.17441 11.851C2.48981 11.5462 2.91759 11.375 3.36364 11.375H6.81136L6.72727 13L6.81136 14.625H3.36364ZM5.04545 6.5C4.59941 6.5 4.17163 6.32879 3.85623 6.02405C3.54083 5.7193 3.36364 5.30598 3.36364 4.875C3.36364 4.44402 3.54083 4.0307 3.85623 3.72595C4.17163 3.42121 4.59941 3.25 5.04545 3.25H10.0909C9.31727 4.2575 8.64454 5.34625 8.12318 6.5H5.04545Z\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Velocidade para o Neg\u00f3cio, padroniza\u00e7\u00e3o para TI:<\/h3>\r\n            <p class=\"card-text\">Enquanto as \u00e1reas de neg\u00f3cio obt\u00eam solu\u00e7\u00f5es em tempo recorde, a equipe de TI tem a tranquilidade de saber que tudo \u00e9 constru\u00eddo com uma nomenclatura consistente e padr\u00f5es de alta qualidade, evitando o ac\u00famulo de d\u00edvida t\u00e9cnica.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Tarjeta 3 -->\r\n        <div class=\"feature-card\" id=\"card-3\">\r\n            <div class=\"card-icon\">\r\n                <!-- SVG 3 -->\r\n                <svg class=\"svg-icon\" width=\"29\" height=\"21\" viewBox=\"0 0 29 21\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M26.936 8.992C27.268 9.406 27.452 9.944 27.452 10.5C27.452 11.056 27.268 11.594 26.936 12.008C24.836 14.55 20.056 19.5 14.476 19.5C8.896 19.5 4.116 14.55 2.016 12.008C1.684 11.594 1.5 11.058 1.5 10.5C1.5 9.942 1.684 9.406 2.016 8.992C4.116 6.45 8.896 1.5 14.476 1.5C20.056 1.5 24.836 6.45 26.936 8.992Z\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <path d=\"M17.305 13.3284C16.5548 14.0786 15.5374 14.5 14.4766 14.5C13.4157 14.5 12.3983 14.0786 11.6481 13.3284C10.898 12.5783 10.4766 11.5609 10.4766 10.5C10.4766 9.43913 10.898 8.42172 11.6481 7.67157C12.3983 6.92143 13.4157 6.5 14.4766 6.5C15.5374 6.5 16.5548 6.92143 17.305 7.67157C18.0551 8.42172 18.4766 9.43913 18.4766 10.5C18.4766 11.5609 18.0551 12.5783 17.305 13.3284Z\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            <h3 class=\"card-title\">Controle t\u00e9cnico e visibilidade absoluta:<\/h3>\r\n            <p class=\"card-text\">A plataforma n\u00e3o funciona como uma caixa-preta. \u00c0 medida que voc\u00ea conversa com a Diana, o sistema mant\u00e9m a transpar\u00eancia t\u00e9cnica ao mapear visualmente as entidades e seus relacionamentos. Isso permite que os arquitetos de TI supervisionem, auditem e expandam o software com seguran\u00e7a, apoiados pelo framework nativo de governan\u00e7a da plataforma Deyel.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- Estilos Base y Ancho Alineado (1440px) --- *\/\r\n    .custom-features-wrapper {\r\n        max-width: 1440px;\r\n        margin: 0 auto;\r\n        padding: 40px 60px;\r\n        font-family: 'Lato', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .custom-features-wrapper * {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- Navegaci\u00f3n (Men\u00fa) --- *\/\r\n    .features-nav-container {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-bottom: 40px;\r\n    }\r\n\r\n    .features-nav {\r\n        display: flex;\r\n        list-style: none;\r\n        padding: 8px;\r\n        margin: 0;\r\n        background-color: #ffffff;\r\n        border-radius: 50px;\r\n        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);\r\n        gap: 10px;\r\n    }\r\n\r\n    .nav-item {\r\n        padding: 12px 24px;\r\n        border-radius: 40px;\r\n        cursor: pointer;\r\n        color: #64748b;\r\n        font-weight: 600;\r\n        font-size: 14px;\r\n        transition: all 0.3s ease;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Hover y estado activo del men\u00fa *\/\r\n    .nav-item:hover,\r\n    .nav-item.active {\r\n        background-color: #9b8bf4; \/* Violeta *\/\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* --- Contenedor de las tarjetas --- *\/\r\n    .features-cards-container {\r\n        display: flex;\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* --- Estilos de las tarjetas --- *\/\r\n    .feature-card {\r\n        flex: 1;\r\n        background: #ffffff;\r\n        border: 2px solid transparent;\r\n        border-radius: 16px;\r\n        padding: 40px 30px;\r\n        transition: all 0.3s ease;\r\n        opacity: 0.6;\r\n        text-align: left;\r\n    }\r\n\r\n    \/* Estado Activo de TODAS las tarjetas (Borde Verde Claro) *\/\r\n    .feature-card.active {\r\n        border-color: #9cfce2; \r\n        box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);\r\n        opacity: 1;\r\n    }\r\n\r\n    \/* --- Estilos de los SVGs --- *\/\r\n    .card-icon {\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .svg-icon path {\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Inactivos (Gris) *\/\r\n    .feature-card#card-1 .svg-icon path,\r\n    .feature-card#card-3 .svg-icon path {\r\n        stroke: #64748B; \r\n    }\r\n    .feature-card#card-2 .svg-icon path {\r\n        fill: #64748B; \r\n    }\r\n\r\n    \/* Colores Activos Espec\u00edficos para cada Icono *\/\r\n    \r\n    \/* Card 1 Activa *\/\r\n    .feature-card.active#card-1 .svg-icon path {\r\n        stroke: #3AF9C5;\r\n    }\r\n\r\n    \/* Card 2 Activa *\/\r\n    .feature-card.active#card-2 .svg-icon path {\r\n        fill: #9951f6;\r\n    }\r\n\r\n    \/* Card 3 Activa *\/\r\n    .feature-card.active#card-3 .svg-icon path {\r\n        stroke: #28ada6;\r\n    }\r\n\r\n    \/* --- Tipograf\u00eda --- *\/\r\n    .card-title {\r\n        font-size: 18px;\r\n        color: #1e293b;\r\n        margin: 0 0 15px 0;\r\n        line-height: 1.4;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .card-text {\r\n        font-size: 14px;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- Adaptaci\u00f3n Laptop y Mobile --- *\/\r\n    @media (max-width: 1366px) {\r\n        .custom-features-wrapper {\r\n            padding: 40px 45px;\r\n        }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .custom-features-wrapper {\r\n            padding: 30px 24px;\r\n        }\r\n\r\n        \/* Ocultar el men\u00fa completamente en mobile *\/\r\n        .features-nav-container {\r\n            display: none;\r\n        }\r\n\r\n        .features-cards-container {\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        \/* En mobile, TODAS las tarjetas se ven iluminadas (como si tuvieran hover\/active) *\/\r\n        .feature-card,\r\n        .feature-card.active {\r\n            padding: 30px 20px;\r\n            text-align: left;\r\n            opacity: 1; \r\n            border-color: #9cfce2; \/* Borde iluminado permanente *\/\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); \/* Sombra iluminada permanente *\/\r\n        }\r\n\r\n        \/* Iconos siempre con su color original en mobile *\/\r\n        .feature-card#card-1 .svg-icon path {\r\n            stroke: #3AF9C5;\r\n        }\r\n        .feature-card#card-2 .svg-icon path {\r\n            fill: #9951f6;\r\n        }\r\n        .feature-card#card-3 .svg-icon path {\r\n            stroke: #28ada6;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const navItems = document.querySelectorAll('.nav-item');\r\n        const cards = document.querySelectorAll('.feature-card');\r\n\r\n        function activarTarjeta(elemento) {\r\n            const targetId = elemento.getAttribute('data-target');\r\n\r\n            \/\/ Limpiar activos actuales\r\n            navItems.forEach(nav => nav.classList.remove('active'));\r\n            cards.forEach(card => card.classList.remove('active'));\r\n\r\n            \/\/ A\u00f1adir activo al item y a la tarjeta\r\n            elemento.classList.add('active');\r\n            document.getElementById('card-' + targetId).classList.add('active');\r\n        }\r\n\r\n        navItems.forEach(item => {\r\n            \/\/ Se activa solo al hacer click\r\n            item.addEventListener('click', function() {\r\n                activarTarjeta(this);\r\n            });\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-adb2db1 e-flex e-con-boxed e-con e-parent\" data-id=\"adb2db1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ce93c81 e-con-full e-flex e-con e-child\" data-id=\"ce93c81\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a4f722f elementor-widget elementor-widget-heading\" data-id=\"a4f722f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Intelig\u00eancia Artificial<br><span class=\"texto-gradiente-2\">+ Crit\u00e9rio Humano<\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-63fdfbb elementor-widget elementor-widget-text-editor\" data-id=\"63fdfbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Diana acelera o ciclo de desenvolvimento de software desde o primeiro prompt, analisando os requisitos e resolvendo a l\u00f3gica inicial para voc\u00ea. Ela n\u00e3o substitui o usu\u00e1rio modelador; auxilia na cria\u00e7\u00e3o de suas aplica\u00e7\u00f5es.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb5587d elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-widget elementor-widget-text-editor\" data-id=\"fb5587d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"color: #56e3c7; font-weight: bold;\">\u25cf Valida\u00e7\u00e3o e controle humano:<\/span><br \/>A estrutura inicial gerada pela Diana \u00e9 uma proposta para valida\u00e7\u00e3o. Voc\u00ea avalia o escopo funcional, o design e as depend\u00eancias propostas antes de confirmar; o desenvolvimento n\u00e3o avan\u00e7a para a publica\u00e7\u00e3o sem a aprova\u00e7\u00e3o final do usu\u00e1rio.<\/p><p><span style=\"color: #2f7fff; font-weight: bold;\">\u25cf Expans\u00e3o de aplica\u00e7\u00f5es:<\/span><br \/>Voc\u00ea pode adicionar novas funcionalidades e componentes conversando com a Diana, mantendo sempre a consist\u00eancia do neg\u00f3cio.<\/p><p><span style=\"color: #7d84ff; font-weight: bold;\">\u25cf Modelo h\u00edbrido de cria\u00e7\u00e3o e evolu\u00e7\u00e3o:<\/span><br \/>Utilize o poder da IA para a cria\u00e7\u00e3o inicial ou a expans\u00e3o de campos e regras, combinando-o com a robustez do modelador da Deyel para manuten\u00e7\u00e3o avan\u00e7ada e personaliza\u00e7\u00e3o detalhada de layouts complexos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ad28a0 elementor-hidden-mobile elementor-widget elementor-widget-text-editor\" data-id=\"8ad28a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>A Diana acelera o ciclo de desenvolvimento de software desde o primeiro prompt, analisando os requisitos e resolvendo a l\u00f3gica inicial para voc\u00ea. Ela n\u00e3o substitui o usu\u00e1rio modelador; auxilia na cria\u00e7\u00e3o de suas aplica\u00e7\u00f5es.<\/p><p><span style=\"color: #56e3c7; font-weight: bold;\">\u25cf Valida\u00e7\u00e3o e controle humano:<\/span><br \/>A estrutura inicial gerada pela Diana \u00e9 uma proposta para valida\u00e7\u00e3o. Voc\u00ea avalia o escopo funcional, o design e as depend\u00eancias propostas antes de confirmar; o desenvolvimento n\u00e3o avan\u00e7a para a publica\u00e7\u00e3o sem a aprova\u00e7\u00e3o final do usu\u00e1rio.<\/p><p><span style=\"color: #2f7fff; font-weight: bold;\">\u25cf Expans\u00e3o de aplica\u00e7\u00f5es:<\/span><br \/>Voc\u00ea pode adicionar novas funcionalidades e componentes conversando com a Diana, mantendo sempre a consist\u00eancia do neg\u00f3cio.<\/p><p><span style=\"color: #7d84ff; font-weight: bold;\">\u25cf Modelo h\u00edbrido de cria\u00e7\u00e3o e evolu\u00e7\u00e3o:<\/span><br \/>Utilize o poder da IA para a cria\u00e7\u00e3o inicial ou a expans\u00e3o de campos e regras, combinando-o com a robustez do modelador da Deyel para manuten\u00e7\u00e3o avan\u00e7ada e personaliza\u00e7\u00e3o detalhada de layouts complexos.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b84e0d4 e-con-full e-flex e-con e-child\" data-id=\"b84e0d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a2854c elementor-widget-laptop__width-initial elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"1a2854c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@300;400;700;900&display=swap');\r\n\r\n.human-loop-section {\r\n    font-family: 'Lato', sans-serif;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    padding: 60px 20px;\r\n    margin: 0 auto;\r\n    background: transparent;\r\n    min-height: 400px;\r\n    overflow: hidden;\r\n}\r\n\r\n\/* \u00c1rea Visual (C\u00edrculos y \u00d3rbita) *\/\r\n.hl-visual {\r\n    position: relative;\r\n    width: 350px;\r\n    height: 350px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n.hl-orbit {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: 50%;\r\n}\r\n\r\n\/* C\u00edrculo Central (\"Human\") *\/\r\n.hl-center {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    width: 160px;\r\n    height: 160px;\r\n    background: #ffffff;\r\n    border-radius: 50%;\r\n    box-shadow: 0 10px 40px rgba(0,0,0,0.04), 0 0 80px rgba(0, 198, 255, 0.15);\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 12px;\r\n    z-index: 30;\r\n}\r\n\r\n\/* Iconos de la \u00f3rbita (Botones activos) *\/\r\n.hl-node {\r\n    position: absolute;\r\n    width: 72px;\r\n    height: 72px;\r\n    background: var(--theme-color);\r\n    border-radius: 24px;\r\n    box-shadow: 0 15px 35px var(--theme-shadow);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    top: 50%;\r\n    left: 50%;\r\n    margin-top: -36px;\r\n    margin-left: -36px;\r\n    z-index: 20;\r\n    pointer-events: none;\r\n    transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);\r\n}\r\n\r\n.hl-node svg {\r\n    width: 32px !important;\r\n    height: 32px !important;\r\n    display: block;\r\n}\r\n\r\n\/* Adaptaci\u00f3n Mobile *\/\r\n@media (max-width: 850px) {\r\n    .hl-visual {\r\n        width: 260px;\r\n        height: 260px;\r\n    }\r\n    .hl-center {\r\n        width: 130px;\r\n        height: 130px;\r\n    }\r\n    .hl-node {\r\n        width: 56px;\r\n        height: 56px;\r\n        margin-top: -28px;\r\n        margin-left: -28px;\r\n        border-radius: 18px;\r\n    }\r\n    .hl-node svg {\r\n        width: 24px !important;\r\n        height: 24px !important;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<div class=\"human-loop-section\" id=\"hl-module\">\r\n    <div class=\"hl-visual\">\r\n        <div class=\"hl-orbit\" id=\"hl-orbit\">\r\n            \r\n            <!-- NODO 1 (Arriba): Ajuste (Celeste) -->\r\n            <div class=\"hl-node\" data-base-angle=\"0\" style=\"--theme-color: #00d2ff; --theme-shadow: rgba(0, 210, 255, 0.45);\">\r\n                <svg viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M22.2837 3.64697H21.4813C20.5141 3.64697 19.5864 4.03122 18.9025 4.71518C18.2185 5.39914 17.8343 6.32679 17.8343 7.29405V7.62229C17.8336 8.26185 17.6648 8.89 17.3447 9.44371C17.0246 9.99742 16.5646 10.4572 16.0107 10.777L15.2266 11.2329C14.6722 11.553 14.0432 11.7215 13.4031 11.7215C12.7629 11.7215 12.1339 11.553 11.5795 11.2329L11.306 11.087C10.4691 10.6043 9.47485 10.4733 8.5415 10.7229C7.60815 10.9724 6.81196 11.5822 6.32772 12.4182L5.92654 13.1111C5.44378 13.948 5.31282 14.9423 5.5624 15.8756C5.81197 16.809 6.4217 17.6052 7.25773 18.0894L7.53126 18.2718C8.08247 18.59 8.5408 19.0469 8.86071 19.5972C9.18062 20.1474 9.35095 20.7718 9.3548 21.4082V22.3383C9.35735 22.9809 9.19004 23.6128 8.86981 24.17C8.54959 24.7272 8.08782 25.1899 7.53126 25.5112L7.25773 25.6753C6.4217 26.1596 5.81197 26.9558 5.5624 27.8891C5.31282 28.8225 5.44378 29.8167 5.92654 30.6536L6.32772 31.3465C6.81196 32.1826 7.60815 32.7923 8.5415 33.0419C9.47485 33.2914 10.4691 33.1605 11.306 32.6777L11.5795 32.5318C12.1339 32.2117 12.7629 32.0432 13.4031 32.0432C14.0432 32.0432 14.6722 32.2117 15.2266 32.5318L16.0107 32.9877C16.5646 33.3075 17.0246 33.7673 17.3447 34.321C17.6648 34.8747 17.8336 35.5029 17.8343 36.1424V36.4707C17.8343 37.4379 18.2185 38.3656 18.9025 39.0496C19.5864 39.7335 20.5141 40.1178 21.4813 40.1178H22.2837C23.251 40.1178 24.1786 39.7335 24.8626 39.0496C25.5465 38.3656 25.9308 37.4379 25.9308 36.4707V36.1424C25.9314 35.5029 26.1003 34.8747 26.4203 34.321C26.7404 33.7673 27.2004 33.3075 27.7543 32.9877L28.5384 32.5318C29.0929 32.2117 29.7218 32.0432 30.362 32.0432C31.0022 32.0432 31.6311 32.2117 32.1855 32.5318L32.459 32.6777C33.2959 33.1605 34.2902 33.2914 35.2235 33.0419C36.1569 32.7923 36.9531 32.1826 37.4373 31.3465L37.8385 30.6354C38.3212 29.7985 38.4522 28.8042 38.2026 27.8709C37.9531 26.9375 37.3433 26.1413 36.5073 25.6571L36.2338 25.5112C35.6772 25.1899 35.2154 24.7272 34.8952 24.17C34.575 23.6128 34.4077 22.9809 34.4102 22.3383V21.4265C34.4077 20.7838 34.575 20.1519 34.8952 19.5947C35.2154 19.0375 35.6772 18.5748 36.2338 18.2535L36.5073 18.0894C37.3433 17.6052 37.9531 16.809 38.2026 15.8756C38.4522 14.9423 38.3212 13.948 37.8385 13.1111L37.4373 12.4182C36.9531 11.5822 36.1569 10.9724 35.2235 10.7229C34.2902 10.4733 33.2959 10.6043 32.459 11.087L32.1855 11.2329C31.6311 11.553 31.0022 11.7215 30.362 11.7215C29.7218 11.7215 29.0929 11.553 28.5384 11.2329L27.7543 10.777C27.2004 10.4572 26.7404 9.99742 26.4203 9.44371C26.1003 8.89 25.9314 8.26185 25.9308 7.62229V7.29405C25.9308 6.32679 25.5465 5.39914 24.8626 4.71518C24.1786 4.03122 23.251 3.64697 22.2837 3.64697Z\" stroke=\"white\" stroke-width=\"3.64708\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                    <path d=\"M21.8825 27.3531C24.9038 27.3531 27.3531 24.9038 27.3531 21.8825C27.3531 18.8611 24.9038 16.4119 21.8825 16.4119C18.8611 16.4119 16.4119 18.8611 16.4119 21.8825C16.4119 24.9038 18.8611 27.3531 21.8825 27.3531Z\" stroke=\"white\" stroke-width=\"3.64708\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- NODO 2 (Abajo Derecha): Estrellas (Violeta) -->\r\n            <div class=\"hl-node\" data-base-angle=\"120\" style=\"--theme-color: #927aff; --theme-shadow: rgba(146, 122, 255, 0.45);\">\r\n                <svg viewBox=\"0 0 40 43\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M13.8229 6.79674C15.0017 3.34712 19.7681 3.24264 21.1656 6.48331L21.2839 6.79871L22.8747 11.4508C23.2392 12.5177 23.8284 13.4939 24.6023 14.3138C25.3763 15.1337 26.317 15.778 27.3612 16.2034L27.7889 16.363L32.441 17.9518C35.8906 19.1306 35.9951 23.897 32.7564 25.2946L32.441 25.4129L27.7889 27.0036C26.7217 27.3679 25.745 27.957 24.9248 28.7309C24.1046 29.5049 23.4599 30.4458 23.0343 31.4901L22.8747 31.9159L21.2859 36.5699C20.1071 40.0195 15.3407 40.124 13.9451 36.8853L13.8229 36.5699L12.2341 31.9179C11.8698 30.8506 11.2807 29.8739 10.5068 29.0537C9.73283 28.2335 8.79194 27.5889 7.7476 27.1633L7.32182 27.0036L2.66976 25.4148C-0.781826 24.236 -0.8863 19.4697 2.35437 18.074L2.66976 17.9518L7.32182 16.363C8.38871 15.9985 9.365 15.4093 10.1849 14.6354C11.0047 13.8615 11.649 12.9207 12.0744 11.8765L12.2341 11.4508L13.8229 6.79674ZM17.5544 8.07014L15.9656 12.7222C15.4105 14.349 14.5074 15.8353 13.3193 17.0776C12.1312 18.3198 10.6866 19.2882 9.08606 19.9151L8.59325 20.0945L3.9412 21.6833L8.59325 23.2721C10.2201 23.8272 11.7064 24.7303 12.9486 25.9184C14.1909 27.1065 15.1592 28.5511 15.7862 30.1516L15.9656 30.6444L17.5544 35.2965L19.1432 30.6444C19.6983 29.0176 20.6013 27.5313 21.7895 26.2891C22.9776 25.0468 24.4222 24.0785 26.0227 23.4515L26.5155 23.2741L31.1676 21.6833L26.5155 20.0945C24.8887 19.5394 23.4024 18.6364 22.1601 17.4482C20.9179 16.2601 19.9496 14.8155 19.3226 13.215L19.1451 12.7222L17.5544 8.07014ZM33.3241 3.56173e-07C33.6928 -4.65151e-07 34.0542 0.103446 34.3671 0.298582C34.6801 0.493719 34.932 0.77272 35.0942 1.10388L35.1888 1.33451L35.8788 3.35697L37.9032 4.0469C38.2728 4.17245 38.5967 4.4049 38.8341 4.71477C39.0714 5.02465 39.2114 5.398 39.2363 5.78752C39.2612 6.17703 39.1699 6.56518 38.974 6.90276C38.7781 7.24035 38.4864 7.51217 38.1358 7.68378L37.9032 7.7784L35.8807 8.46832L35.1908 10.4928C35.065 10.8622 34.8324 11.186 34.5224 11.4232C34.2124 11.6603 33.839 11.8 33.4495 11.8247C33.06 11.8494 32.6719 11.758 32.3345 11.5619C31.997 11.3658 31.7254 11.074 31.5539 10.7234L31.4593 10.4928L30.7694 8.47029L28.7449 7.78037C28.3754 7.65481 28.0514 7.42237 27.8141 7.11249C27.5768 6.80262 27.4368 6.42927 27.4119 6.03975C27.3869 5.65023 27.4782 5.26209 27.6741 4.92451C27.8701 4.58692 28.1618 4.3151 28.5123 4.14349L28.7449 4.04887L30.7674 3.35894L31.4573 1.33451C31.5903 0.945049 31.8417 0.606953 32.1765 0.367629C32.5113 0.128304 32.9126 -0.000246956 33.3241 3.56173e-07Z\" fill=\"white\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n\r\n            <!-- NODO 3 (Abajo Izquierda): Check (Menta) -->\r\n            <div class=\"hl-node\" data-base-angle=\"240\" style=\"--theme-color: #3ef0b6; --theme-shadow: rgba(62, 240, 182, 0.45);\">\r\n                <svg viewBox=\"0 0 43 43\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <path d=\"M17.9863 29.596L9.69312 21.3009L12.4568 18.5372L17.9863 24.0647L29.0412 13.0078L31.8068 15.7735L17.9863 29.596Z\" fill=\"white\"\/>\r\n                    <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M-0.0795898 21.1641C-0.0795898 9.2902 9.54655 -0.335938 21.4204 -0.335938C33.2943 -0.335938 42.9204 9.2902 42.9204 21.1641C42.9204 33.0379 33.2943 42.6641 21.4204 42.6641C9.54655 42.6641 -0.0795898 33.0379 -0.0795898 21.1641ZM21.4204 38.755C19.1103 38.755 16.8229 38.3 14.6887 37.4159C12.5544 36.5319 10.6152 35.2362 8.98176 33.6027C7.34829 31.9692 6.05256 30.03 5.16853 27.8958C4.2845 25.7616 3.8295 23.4741 3.8295 21.1641C3.8295 18.854 4.2845 16.5665 5.16853 14.4323C6.05256 12.2981 7.34829 10.3589 8.98176 8.72541C10.6152 7.09194 12.5544 5.79621 14.6887 4.91218C16.8229 4.02816 19.1103 3.57315 21.4204 3.57315C26.0858 3.57315 30.5601 5.42648 33.8591 8.72541C37.158 12.0243 39.0113 16.4987 39.0113 21.1641C39.0113 25.8295 37.158 30.3038 33.8591 33.6027C30.5601 36.9016 26.0858 38.755 21.4204 38.755Z\" fill=\"white\"\/>\r\n                <\/svg>\r\n            <\/div>\r\n            \r\n        <\/div>\r\n\r\n        <div class=\"hl-center\">\r\n            <!-- Icono y Texto Central Originales -->\r\n            <svg width=\"32\" height=\"40\" viewBox=\"0 0 42 52\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M32.7303 36.1755V32.7302C32.7303 30.9027 32.0043 29.15 30.7121 27.8578C29.4198 26.5656 27.6672 25.8396 25.8397 25.8396H15.5038C13.6764 25.8396 11.9237 26.5656 10.6315 27.8578C9.33925 29.15 8.61328 30.9027 8.61328 32.7302V36.1755\" stroke=\"#94A3B8\" stroke-width=\"3.44528\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n                <path d=\"M20.6718 18.9491C24.4774 18.9491 27.5624 15.8641 27.5624 12.0585C27.5624 8.25298 24.4774 5.16797 20.6718 5.16797C16.8663 5.16797 13.7812 8.25298 13.7812 12.0585C13.7812 15.8641 16.8663 18.9491 20.6718 18.9491Z\" stroke=\"#94A3B8\" stroke-width=\"3.44528\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\r\n            <\/svg>\r\n            <svg width=\"68\" height=\"13\" viewBox=\"0 0 91 18\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                <path d=\"M0.545055 13V4.54339H2.84089V7.84676H5.87998V4.54339H8.17582V13H5.87998V9.69664H2.84089V13H0.545055ZM15.4333 4.54339H17.7291V9.96091C17.7291 10.6051 17.575 11.1625 17.2667 11.6332C16.9611 12.1012 16.5344 12.4632 15.9866 12.7192C15.4388 12.9725 14.8029 13.0991 14.0789 13.0991C13.3494 13.0991 12.7108 12.9725 12.163 12.7192C11.6152 12.4632 11.1885 12.1012 10.8829 11.6332C10.5801 11.1625 10.4287 10.6051 10.4287 9.96091V4.54339H12.7245V9.76271C12.7245 10.0242 12.7824 10.2582 12.898 10.4647C13.0136 10.6684 13.1733 10.828 13.377 10.9437C13.5834 11.0593 13.8174 11.1171 14.0789 11.1171C14.3432 11.1171 14.5772 11.0593 14.7809 10.9437C14.9846 10.828 15.1443 10.6684 15.2599 10.4647C15.3755 10.2582 15.4333 10.0242 15.4333 9.76271V4.54339ZM19.9831 4.54339H22.8405L24.806 9.33327H24.9051L26.8706 4.54339H29.728V13H27.4817V8.11102H27.4156L25.5327 12.9339H24.1783L22.2954 8.07799H22.2294V13H19.9831V4.54339ZM34.1755 13H31.698L34.4894 4.54339H37.6276L40.4189 13H37.9414L36.0915 6.87226H36.0254L34.1755 13ZM33.7131 9.6636H38.3708V11.3814H33.7131V9.6636ZM49.7131 4.54339V13H47.7972L44.7416 8.55698H44.692V13H42.3962V4.54339H44.3452L47.3512 8.9699H47.4173V4.54339H49.7131ZM55.4411 13V4.54339H57.737V11.1501H61.156V13H55.4411ZM71.1098 8.7717C71.1098 9.71316 70.9268 10.5073 70.5606 11.1542C70.1945 11.7984 69.7004 12.287 69.0782 12.6201C68.4561 12.9504 67.7624 13.1156 66.9971 13.1156C66.2263 13.1156 65.5299 12.9491 64.9078 12.616C64.2884 12.2801 63.7956 11.7901 63.4295 11.146C63.0661 10.4991 62.8844 9.70765 62.8844 8.7717C62.8844 7.83024 63.0661 7.03743 63.4295 6.39328C63.7956 5.74637 64.2884 5.25775 64.9078 4.92741C65.5299 4.59432 66.2263 4.42778 66.9971 4.42778C67.7624 4.42778 68.4561 4.59432 69.0782 4.92741C69.7004 5.25775 70.1945 5.74637 70.5606 6.39328C70.9268 7.03743 71.1098 7.83024 71.1098 8.7717ZM68.7479 8.7717C68.7479 8.26518 68.6805 7.8385 68.5456 7.49164C68.4134 7.14204 68.2166 6.87777 67.9551 6.69884C67.6963 6.51715 67.377 6.42631 66.9971 6.42631C66.6172 6.42631 66.2965 6.51715 66.035 6.69884C65.7763 6.87777 65.5794 7.14204 65.4445 7.49164C65.3124 7.8385 65.2463 8.26518 65.2463 8.7717C65.2463 9.27821 65.3124 9.70627 65.4445 10.0559C65.5794 10.4027 65.7763 10.667 66.035 10.8487C66.2965 11.0276 66.6172 11.1171 66.9971 11.1171C67.377 11.1171 67.6963 11.0276 67.9551 10.8487C68.2166 10.667 68.4134 10.4027 68.5456 10.0559C68.6805 9.70627 68.7479 9.27821 68.7479 8.7717ZM81.5272 8.7717C81.5272 9.71316 81.3441 10.5073 80.978 11.1542C80.6119 11.7984 80.1177 12.287 79.4956 12.6201C78.8735 12.9504 78.1798 13.1156 77.4145 13.1156C76.6437 13.1156 75.9472 12.9491 75.3251 12.616C74.7057 12.2801 74.213 11.7901 73.8469 11.146C73.4835 10.4991 73.3018 9.70765 73.3018 8.7717C73.3018 7.83024 73.4835 7.03743 73.8469 6.39328C74.213 5.74637 74.7057 5.25775 75.3251 4.92741C75.9472 4.59432 76.6437 4.42778 77.4145 4.42778C78.1798 4.42778 78.8735 4.59432 79.4956 4.92741C80.1177 5.25775 80.6119 5.74637 80.978 6.39328C81.3441 7.03743 81.5272 7.83024 81.5272 8.7717ZM79.1653 8.7717C79.1653 8.26518 79.0978 7.8385 78.9629 7.49164C78.8308 7.14204 78.634 6.87777 78.3725 6.69884C78.1137 6.51715 77.7944 6.42631 77.4145 6.42631C77.0346 6.42631 76.7139 6.51715 76.4524 6.69884C76.1936 6.87777 75.9968 7.14204 75.8619 7.49164C75.7298 7.8385 75.6637 8.26518 75.6637 8.7717C75.6637 9.27821 75.7298 9.70627 75.8619 10.0559C75.9968 10.4027 76.1936 10.667 76.4524 10.8487C76.7139 11.0276 77.0346 11.1171 77.4145 11.1171C77.7944 11.1171 78.1137 11.0276 78.3725 10.8487C78.634 10.667 78.8308 10.4027 78.9629 10.0559C79.0978 9.70627 79.1653 9.27821 79.1653 8.7717ZM83.7522 13V4.54339H87.4024C88.03 4.54339 88.5792 4.66727 89.05 4.91502C89.5207 5.16277 89.8868 5.511 90.1483 5.95971C90.4098 6.40842 90.5406 6.93283 90.5406 7.53294C90.5406 8.13855 90.4057 8.66296 90.1359 9.10616C89.8689 9.54936 89.4932 9.89071 89.0087 10.1302C88.5269 10.3697 87.964 10.4894 87.3198 10.4894H85.1396V8.70563H86.8574C87.1271 8.70563 87.357 8.65883 87.5469 8.56524C87.7396 8.46889 87.8869 8.33263 87.9888 8.15645C88.0934 7.98027 88.1457 7.77243 88.1457 7.53294C88.1457 7.29069 88.0934 7.08423 87.9888 6.91356C87.8869 6.74013 87.7396 6.608 87.5469 6.51715C87.357 6.42356 87.1271 6.37676 86.8574 6.37676H86.048V13H83.7522Z\" fill=\"#94A3B8\"\/>\r\n            <\/svg>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nfunction initHumanLoopAuto() {\r\n    const nodes = document.querySelectorAll('.hl-node');\r\n    let currentState = 0; \r\n\r\n    function getRadius() {\r\n        return window.innerWidth > 850 ? 170 : 110;\r\n    }\r\n\r\n    function moveToCenter() {\r\n        nodes.forEach(node => {\r\n            node.style.transform = 'translate(0px, 0px)';\r\n        });\r\n    }\r\n\r\n    function moveToOrbit(offsetIndex) {\r\n        const radius = getRadius();\r\n        const offsets = [0, 120, 240];\r\n        const offset = offsets[offsetIndex];\r\n        \r\n        nodes.forEach(node => {\r\n            const baseAngle = parseInt(node.getAttribute('data-base-angle'));\r\n            const currentAngle = baseAngle - offset;\r\n            \r\n            const rad = currentAngle * Math.PI \/ 180;\r\n            const x = radius * Math.sin(rad);\r\n            const y = -radius * Math.cos(rad);\r\n            \r\n            node.style.transform = `translate(${x}px, ${y}px)`;\r\n        });\r\n    }\r\n\r\n    async function animationLoop() {\r\n        moveToOrbit(currentState);\r\n        \r\n        \/\/ Espera de 3 segundos\r\n        await new Promise(resolve => setTimeout(resolve, 3000));\r\n        \r\n        \/\/ Vuelve al centro\r\n        moveToCenter();\r\n        \r\n        \/\/ Termina la transici\u00f3n css\r\n        await new Promise(resolve => setTimeout(resolve, 800));\r\n        \r\n        \/\/ Calcula siguiente posici\u00f3n\r\n        currentState = (currentState + 1) % 3;\r\n        \r\n        animationLoop();\r\n    }\r\n\r\n    animationLoop();\r\n}\r\n\r\nif (document.readyState === \"loading\") {\r\n    document.addEventListener(\"DOMContentLoaded\", initHumanLoopAuto);\r\n} else {\r\n    initHumanLoopAuto();\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c49608c e-flex e-con-boxed e-con e-parent\" data-id=\"c49608c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4c9fbc3 e-con-full e-flex e-con e-child\" data-id=\"4c9fbc3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b08e983 elementor-widget-laptop__width-initial elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"b08e983\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"diana-image-wrapper\">\r\n\r\n    <div class=\"glow-dot dot-1\"><\/div>\r\n    <div class=\"glow-dot dot-2\"><\/div>\r\n    <div class=\"glow-dot dot-3\"><\/div>\r\n    <div class=\"glow-dot dot-4\"><\/div>\r\n    <div class=\"glow-dot dot-5\"><\/div>\r\n    <div class=\"glow-dot dot-6\"><\/div>\r\n\r\n    <img decoding=\"async\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/06\/deyel.png\" alt=\"Deyel Graphic\">\r\n\r\n<\/div>\r\n<style>\r\n.diana-image-wrapper {\r\n    position: relative;\r\n    width: fit-content;\r\n    margin: 0 auto;\r\n    text-align: center;\r\n}\r\n\r\n.diana-image-wrapper img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    display: block;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* Glow dots *\/\r\n.glow-dot {\r\n    position: absolute;\r\n    border-radius: 50%;\r\n    pointer-events: none;\r\n    animation: floatAnimation 8s ease-in-out infinite alternate;\r\n    filter: blur(1px);\r\n    z-index: 1;\r\n}\r\n\r\n\/* Superior izquierda *\/\r\n.dot-1 {\r\n    width: 5px;\r\n    height: 5px;\r\n    background: #00e5ff;\r\n    top: 15%;\r\n    left: 10%;\r\n    box-shadow: 0 0 25px 8px rgba(0,229,255,.6);\r\n    animation-delay: 0s;\r\n}\r\n\r\n\/* Superior derecha *\/\r\n.dot-2 {\r\n    width: 4px;\r\n    height: 4px;\r\n    background: #4facfe;\r\n    top: 8%;\r\n    right: 12%;\r\n    box-shadow: 0 0 20px 6px rgba(79,172,255,.7);\r\n    animation-delay: 1.5s;\r\n}\r\n\r\n\/* Izquierda *\/\r\n.dot-3 {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #b148ff;\r\n    top: 55%;\r\n    left: 5%;\r\n    box-shadow: 0 0 30px 10px rgba(177,72,255,.5);\r\n    animation-delay: 3s;\r\n}\r\n\r\n\/* Derecha *\/\r\n.dot-4 {\r\n    width: 6px;\r\n    height: 6px;\r\n    background: #00e5ff;\r\n    top: 65%;\r\n    right: 8%;\r\n    box-shadow: 0 0 25px 8px rgba(0,229,255,.6);\r\n    animation-delay: 2s;\r\n}\r\n\r\n\/* Inferior derecha *\/\r\n.dot-5 {\r\n    width: 4px;\r\n    height: 4px;\r\n    background: #6f42c1;\r\n    bottom: 18%;\r\n    right: 22%;\r\n    box-shadow: 0 0 20px 6px rgba(111,66,193,.3);\r\n    animation-delay: 4.5s;\r\n    opacity: .6;\r\n}\r\n\r\n\/* Inferior izquierda *\/\r\n.dot-6 {\r\n    width: 5px;\r\n    height: 5px;\r\n    background: #2a5298;\r\n    bottom: 10%;\r\n    left: 18%;\r\n    box-shadow: 0 0 20px 8px rgba(42,82,152,.4);\r\n    animation-delay: 1s;\r\n    opacity: .5;\r\n}\r\n\r\n@keyframes floatAnimation {\r\n    0% {\r\n        transform: translate(0,0) scale(1);\r\n        opacity:.6;\r\n    }\r\n    50% {\r\n        transform: translate(5px,-15px) scale(1.1);\r\n        opacity:1;\r\n    }\r\n    100% {\r\n        transform: translate(-5px,5px) scale(.9);\r\n        opacity:.7;\r\n    }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a7b7e6f e-con-full e-flex e-con e-child\" data-id=\"a7b7e6f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d99721 elementor-widget elementor-widget-heading\" data-id=\"9d99721\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Robustez T\u00e9cnica, Seguran\u00e7a e Governan\u00e7a<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-179c136 elementor-widget elementor-widget-text-editor\" data-id=\"179c136\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Na Deyel, a IA n\u00e3o gera c\u00f3digo solto; ela desenvolve dentro de um ambiente de miss\u00e3o cr\u00edtica.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1548ed8 elementor-widget elementor-widget-text-editor\" data-id=\"1548ed8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul style=\"list-style-type: disc; padding-left: 1.2em; line-height: 1.6; font-size: 18px;\"><li style=\"color: #0066ff; margin-bottom: 18px;\"><strong style=\"color: #0066ff;\">Arquitetura API-First:<\/strong><br \/><span style=\"color: white;\">A Deyel facilita a integra\u00e7\u00e3o com sistemas existentes, como core, ERP, CRM, DMS, servi\u00e7os externos e aplica\u00e7\u00f5es legadas, conectando fluxos de trabalho e trocando informa\u00e7\u00f5es em tempo real de forma eficiente.<\/span><\/li><li style=\"color: #00d294; margin-bottom: 18px;\"><strong style=\"color: #00d294;\">Governan\u00e7a Nativa:<\/strong><br \/><span style=\"color: white;\">Nossa plataforma garante que cada nova solu\u00e7\u00e3o esteja automaticamente alinhada aos padr\u00f5es de conformidade, seguran\u00e7a e rastreabilidade da sua organiza\u00e7\u00e3o.<\/span><\/li><li style=\"color: #8b5cf6; margin-bottom: 18px;\"><strong style=\"color: #8b5cf6;\">Manuten\u00e7\u00e3o sem Complica\u00e7\u00f5es:<\/strong><br \/><span style=\"color: white;\">A IA acelera a cria\u00e7\u00e3o de aplica\u00e7\u00f5es, mas faz isso dentro de um ambiente de desenvolvimento seguro, onde voc\u00ea pode auditar, modificar e escalar suas solu\u00e7\u00f5es.<\/span><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-593a93d e-flex e-con-boxed e-con e-parent\" data-id=\"593a93d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4871ffb elementor-widget elementor-widget-heading\" data-id=\"4871ffb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Perguntas frequentes<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bc34e70 elementor-widget elementor-widget-html\" data-id=\"bc34e70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n.faq-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(2, 1fr);\r\n    gap: 16px;\r\n    max-width: 1200px;\r\n    margin: auto;\r\n    align-items: start; \/* Evita que os cart\u00f5es da mesma linha se estiquem ao serem abertos *\/\r\n}\r\n\r\n.faq-item {\r\n    border: 1px solid #E7EAF1;\r\n    border-radius: 10px;\r\n    background: #fff;\r\n    overflow: hidden;\r\n    transition: .25s;\r\n}\r\n\r\n.faq-question {\r\n    width: 100%;\r\n    border: 0;\r\n    background: #fff;\r\n    cursor: pointer;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 20px 22px;\r\n    text-align: left;\r\n\r\n    font-size: 19px;\r\n    font-weight: 400;\r\n    color: #1E1E1E;\r\n    line-height: 1.4;\r\n\r\n    transition: .25s;\r\n}\r\n\r\n.faq-question:hover {\r\n    background: #EEF6FF;\r\n}\r\n\r\n.faq-icon {\r\n    width: 28px;\r\n    height: 28px;\r\n    min-width: 28px;\r\n\r\n    border: 1px solid #B8C0D4;\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    color: #8B93A6;\r\n    transition: .25s;\r\n}\r\n\r\n.faq-icon svg {\r\n    width: 14px;\r\n    height: 14px;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    fill: none;\r\n    transition: .25s;\r\n}\r\n\r\n\/* Hover *\/\r\n.faq-question:hover .faq-icon {\r\n    border-color: #4B74FF;\r\n    color: #4B74FF;\r\n}\r\n\r\n\/* Aberto *\/\r\n.faq-item.active .faq-icon {\r\n    border-color: #4B74FF;\r\n    color: #4B74FF;\r\n}\r\n\r\n.faq-item.active .faq-icon svg {\r\n    transform: rotate(180deg);\r\n}\r\n\r\n\/* Pergunta em azul quando aberta *\/\r\n.faq-item.active .faq-question {\r\n    color: #4B74FF;\r\n}\r\n\r\n.faq-answer {\r\n    max-height: 0;\r\n    overflow: hidden;\r\n    transition: max-height .35s ease;\r\n}\r\n\r\n.faq-answer p {\r\n    margin: 0;\r\n    padding: 0 22px 22px;\r\n    color: #666;\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n}\r\n\r\n.faq-item.active .faq-answer {\r\n    max-height: 500px;\r\n}\r\n\r\n@media(max-width: 767px) {\r\n    .faq-grid {\r\n        grid-template-columns: 1fr;\r\n    }\r\n    .faq-question {\r\n        font-size: 17px;\r\n        padding: 18px;\r\n    }\r\n}\r\n\r\n.faq-question:hover,\r\n.faq-question:hover * {\r\n    background: transparent !important;\r\n    color: inherit !important;\r\n}\r\n<\/style>\r\n\r\n<div class=\"faq-grid\">\r\n\r\n    <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n            Quem pode criar aplica\u00e7\u00f5es com a Diana?\r\n            <span class=\"faq-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n            <p>\r\n                Tanto os perfis de neg\u00f3cios quanto as equipes t\u00e9cnicas de TI podem interagir com a Diana. O usu\u00e1rio utiliza linguagem natural para descrever suas necessidades, e a IA gera uma estrutura inicial ap\u00f3s analisar seus requisitos, pronta para ser validada e refinada.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n            As aplica\u00e7\u00f5es criadas s\u00e3o escal\u00e1veis?\r\n            <span class=\"faq-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n            <p>\r\n                Totalmente. A plataforma foi desenvolvida para que aplica\u00e7\u00f5es que come\u00e7am como prot\u00f3tipos possam evoluir e se tornar solu\u00e7\u00f5es de miss\u00e3o cr\u00edtica para a empresa.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n            O que acontece se eu precisar alterar uma aplica\u00e7\u00e3o?\r\n            <span class=\"faq-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n            <p>\r\n                Voc\u00ea pode adicionar novos campos ou regras conversando com a Diana ou realizar ajustes espec\u00edficos diretamente no modelador visual da Deyel.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n            \u00c9 poss\u00edvel integrar com outros sistemas?\r\n            <span class=\"faq-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n            <p>\r\n                Sim. Gra\u00e7as \u00e0 sua arquitetura API-First, a Deyel permite uma integra\u00e7\u00e3o nativa e fluida com os sistemas que sua organiza\u00e7\u00e3o j\u00e1 utiliza.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n            O ambiente de desenvolvimento \u00e9 seguro?\r\n            <span class=\"faq-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n            <p>\r\n                Sim. A Deyel foi desenvolvida para operar em um ambiente corporativo seguro, permitindo o uso de IA sem perder a governan\u00e7a nem o controle sobre os dados e os processos.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"faq-item\">\r\n        <button class=\"faq-question\">\r\n            A IA toma decis\u00f5es sozinha?\r\n            <span class=\"faq-icon\">\r\n                <svg viewBox=\"0 0 24 24\">\r\n                    <polyline points=\"6 9 12 15 18 9\"><\/polyline>\r\n                <\/svg>\r\n            <\/span>\r\n        <\/button>\r\n        <div class=\"faq-answer\">\r\n            <p>\r\n                N\u00e3o. Baseada no conceito \"Human-in-the-loop\", a Diana auxilia e prop\u00f5e solu\u00e7\u00f5es com grande rapidez, mas o controle final e a valida\u00e7\u00e3o de cada implanta\u00e7\u00e3o permanecem sempre sob responsabilidade humana.\r\n            <\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\nconst items = document.querySelectorAll(\".faq-item\");\r\n\r\nitems.forEach(item => {\r\n    item.querySelector(\".faq-question\").addEventListener(\"click\", () => {\r\n        \/\/ Permite abrir e fechar cada item de forma independente sem afetar os demais\r\n        item.classList.toggle(\"active\");\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7e7c530 e-flex e-con-boxed e-con e-parent\" data-id=\"7e7c530\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0ef2a4 elementor-widget elementor-widget-html\" data-id=\"b0ef2a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n  \/* Cont\u00eainer principal sem fundo *\/\r\n  .glass-section-wrapper {\r\n    padding: 80px 20px;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    font-family: 'Segoe UI', Lato, Helvetica, Arial, sans-serif;\r\n  }\r\n\r\n  \/* Efeito Glassmorphism *\/\r\n  .glass-card {\r\n    background: rgba(255, 255, 255, 0.02);\r\n    border: 1px solid rgba(255, 255, 255, 0.08);\r\n    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.4), inset 0 0 20px rgba(255, 255, 255, 0.02);\r\n    backdrop-filter: blur(16px);\r\n    -webkit-backdrop-filter: blur(16px);\r\n    border-radius: 16px;\r\n    padding: 60px 40px;\r\n    text-align: center;\r\n    max-width: 800px;\r\n    width: 100%;\r\n  }\r\n\r\n  \/* Estilos do T\u00edtulo *\/\r\n  .glass-title {\r\n    color: #ffffff;\r\n    font-size: 2.5rem;\r\n    font-weight: 600;\r\n    line-height: 1.4;\r\n    margin-top: 0;\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  \/* Efeito de Gradiente no Texto *\/\r\n  .gradient-text {\r\n    background: linear-gradient(90deg, #818cf8, #2dd4bf);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n    color: transparent;\r\n  }\r\n\r\n  \/* Estilos do Subt\u00edtulo *\/\r\n  .glass-subtitle {\r\n    color: #9ca3af;\r\n    font-size: 1rem;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  \/* Estilos do Bot\u00e3o sem Hover *\/\r\n  .glass-button {\r\n    display: inline-block;\r\n    background-color: #3af9c5;\r\n    color: black;\r\n    text-decoration: none;\r\n    font-weight: 700;\r\n    font-size: 1rem;\r\n    padding: 14px 32px;\r\n    border-radius: 50px; \/* Bordas totalmente arredondadas *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Responsivo para dispositivos m\u00f3veis *\/\r\n  @media (max-width: 768px) {\r\n    .glass-title {\r\n      font-size: 1.8rem;\r\n    }\r\n    .glass-card {\r\n      padding: 40px 20px;\r\n    }\r\n    .glass-button {\r\n      padding: 12px 28px;\r\n      font-size: 0.95rem;\r\n      border-radius: 50px; \/* Mant\u00e9m o formato suave no celular *\/\r\n    }\r\n  }\r\n\r\n  \/* Bloqueia qualquer efeito hover herdado do Elementor *\/\r\n  .glass-button:hover {\r\n    background-color: #3af9c5 !important;\r\n    color: black !important;\r\n    transform: none !important;\r\n    box-shadow: none !important;\r\n  }\r\n<\/style>\r\n\r\n<div class=\"glass-section-wrapper\">\r\n  <div class=\"glass-card\">\r\n    <h2 class=\"glass-title\">\r\n      Transforme suas ideias em <br>\r\n      aplica\u00e7\u00f5es de <span class=\"gradient-text\">miss\u00e3o cr\u00edtica<\/span>\r\n    <\/h2>\r\n    <p class=\"glass-subtitle\">com a assist\u00eancia de IA<\/p>\r\n    <a href=\"https:\/\/www.deyel.com\/pt-br\/saber-mais\/\" class=\"glass-button\">Comece a criar com a Diana<\/a>\r\n  <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Acelere o ciclo dedesenvolvimento com IA Crie aplica\u00e7\u00f5es de neg\u00f3cios rapidamente com a assist\u00eancia da Diana, Agente de Intelig\u00eancia Artificial. Assista \u00e0 Diana em a\u00e7\u00e3o Como<span class=\"excerpt-hellip\"> [\u2026]<\/span><\/p>\n","protected":false},"author":3752,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-63548","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Diana - Deyel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.deyel.com\/pt-br\/diana\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diana - Deyel\" \/>\n<meta property=\"og:description\" content=\"Acelere o ciclo dedesenvolvimento com IA Crie aplica\u00e7\u00f5es de neg\u00f3cios rapidamente com a assist\u00eancia da Diana, Agente de Intelig\u00eancia Artificial. Assista \u00e0 Diana em a\u00e7\u00e3o Como [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deyel.com\/pt-br\/diana\/\" \/>\n<meta property=\"og:site_name\" content=\"Deyel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/deyelplatform\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-04T17:50:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png\" \/>\n\t<meta property=\"og:image:width\" content=\"187\" \/>\n\t<meta property=\"og:image:height\" content=\"44\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@deyelplatform\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"6 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.deyel.com\/pt-br\/diana\/\",\"url\":\"https:\/\/www.deyel.com\/pt-br\/diana\/\",\"name\":\"Diana - Deyel\",\"isPartOf\":{\"@id\":\"https:\/\/www.deyel.com\/pt-br\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.deyel.com\/pt-br\/diana\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.deyel.com\/pt-br\/diana\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png\",\"datePublished\":\"2026-08-04T05:11:07+00:00\",\"dateModified\":\"2026-08-04T17:50:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.deyel.com\/pt-br\/diana\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.deyel.com\/pt-br\/diana\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.deyel.com\/pt-br\/diana\/#primaryimage\",\"url\":\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png\",\"contentUrl\":\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.deyel.com\/pt-br\/diana\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.deyel.com\/pt-br\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diana\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.deyel.com\/pt-br\/#website\",\"url\":\"https:\/\/www.deyel.com\/pt-br\/\",\"name\":\"Deyel\",\"description\":\"Deyel es una Low Code application platform (Lcap\/NoCap) que te permite construir tus aplicaciones en un entorno seguro.\",\"publisher\":{\"@id\":\"https:\/\/www.deyel.com\/pt-br\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.deyel.com\/pt-br\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.deyel.com\/pt-br\/#organization\",\"name\":\"Optaris\",\"url\":\"https:\/\/www.deyel.com\/pt-br\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\/\/www.deyel.com\/pt-br\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.deyel.com\/wp-content\/uploads\/2022\/01\/optaris-logo.png\",\"contentUrl\":\"https:\/\/www.deyel.com\/wp-content\/uploads\/2022\/01\/optaris-logo.png\",\"width\":800,\"height\":164,\"caption\":\"Optaris\"},\"image\":{\"@id\":\"https:\/\/www.deyel.com\/pt-br\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/deyelplatform\",\"https:\/\/x.com\/deyelplatform\",\"https:\/\/www.linkedin.com\/showcase\/deyel\/\",\"https:\/\/www.youtube.com\/channel\/UCaYPJCvwQKSStOCJ-caxRqQ\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Diana - Deyel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.deyel.com\/pt-br\/diana\/","og_locale":"pt_BR","og_type":"article","og_title":"Diana - Deyel","og_description":"Acelere o ciclo dedesenvolvimento com IA Crie aplica\u00e7\u00f5es de neg\u00f3cios rapidamente com a assist\u00eancia da Diana, Agente de Intelig\u00eancia Artificial. Assista \u00e0 Diana em a\u00e7\u00e3o Como [\u2026]","og_url":"https:\/\/www.deyel.com\/pt-br\/diana\/","og_site_name":"Deyel","article_publisher":"https:\/\/www.facebook.com\/deyelplatform","article_modified_time":"2026-08-04T17:50:42+00:00","og_image":[{"width":187,"height":44,"url":"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@deyelplatform","twitter_misc":{"Est. reading time":"6 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deyel.com\/pt-br\/diana\/","url":"https:\/\/www.deyel.com\/pt-br\/diana\/","name":"Diana - Deyel","isPartOf":{"@id":"https:\/\/www.deyel.com\/pt-br\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deyel.com\/pt-br\/diana\/#primaryimage"},"image":{"@id":"https:\/\/www.deyel.com\/pt-br\/diana\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png","datePublished":"2026-08-04T05:11:07+00:00","dateModified":"2026-08-04T17:50:42+00:00","breadcrumb":{"@id":"https:\/\/www.deyel.com\/pt-br\/diana\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deyel.com\/pt-br\/diana\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.deyel.com\/pt-br\/diana\/#primaryimage","url":"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png","contentUrl":"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.deyel.com\/pt-br\/diana\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deyel.com\/pt-br\/"},{"@type":"ListItem","position":2,"name":"Diana"}]},{"@type":"WebSite","@id":"https:\/\/www.deyel.com\/pt-br\/#website","url":"https:\/\/www.deyel.com\/pt-br\/","name":"Deyel","description":"Deyel es una Low Code application platform (Lcap\/NoCap) que te permite construir tus aplicaciones en un entorno seguro.","publisher":{"@id":"https:\/\/www.deyel.com\/pt-br\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deyel.com\/pt-br\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.deyel.com\/pt-br\/#organization","name":"Optaris","url":"https:\/\/www.deyel.com\/pt-br\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.deyel.com\/pt-br\/#\/schema\/logo\/image\/","url":"https:\/\/www.deyel.com\/wp-content\/uploads\/2022\/01\/optaris-logo.png","contentUrl":"https:\/\/www.deyel.com\/wp-content\/uploads\/2022\/01\/optaris-logo.png","width":800,"height":164,"caption":"Optaris"},"image":{"@id":"https:\/\/www.deyel.com\/pt-br\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/deyelplatform","https:\/\/x.com\/deyelplatform","https:\/\/www.linkedin.com\/showcase\/deyel\/","https:\/\/www.youtube.com\/channel\/UCaYPJCvwQKSStOCJ-caxRqQ"]}]}},"_links":{"self":[{"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/pages\/63548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/users\/3752"}],"replies":[{"embeddable":true,"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/comments?post=63548"}],"version-history":[{"count":5,"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/pages\/63548\/revisions"}],"predecessor-version":[{"id":63647,"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/pages\/63548\/revisions\/63647"}],"wp:attachment":[{"href":"https:\/\/www.deyel.com\/pt-br\/wp-json\/wp\/v2\/media?parent=63548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}