{"id":63546,"date":"2026-08-04T01:56:19","date_gmt":"2026-08-04T04:56:19","guid":{"rendered":"https:\/\/deyelstage.wpenginepowered.com\/diana\/"},"modified":"2026-08-04T14:39:37","modified_gmt":"2026-08-04T17:39:37","slug":"diana","status":"publish","type":"page","link":"https:\/\/www.deyel.com\/en\/diana\/","title":{"rendered":"Diana"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"63546\" class=\"elementor elementor-63546 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-62835\" 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\">Accelerate the development<br>cycle <span class=\"texto-gradiente\">with AI<\/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>Create business applications quickly with the assistance of Diana, Artificial Intelligence Agent.<\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee09ff elementor-widget elementor-widget-html\" data-id=\"0ee09ff\" 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    Watch Diana in action\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-ingles.png\" class=\"attachment-large size-large wp-image-63576\" alt=\"\" srcset=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-ingles.png 692w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-ingles-300x176.png 300w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-ingles-128x75.png 128w, https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/header-ingles-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\">How does Diana integrate <span class=\"texto-gradiente-2\">into Deyel's development?<\/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   GRID AND CARDS\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; \/* Prevents the dot from wrapping to the next line *\/\r\n  flex-shrink: 0;      \/* Keeps the number width fixed *\/\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\/* REGULAR TABLET & DESKTOP *\/\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      <!-- Card 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 (Requirement):<\/span> You define the application you want to generate with Diana (our AI Agent) through prompts in <strong>natural language<\/strong>.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 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\">Development:<\/span> Diana analyzes what you need to do, generates the initial structure (pages, entities, and rules), and presents you with a proposal to validate. You can customize the generated application to your liking, either with prompts or Low Code.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 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\">Deployment (Production):<\/span> Upon confirming your proposal, the application is automatically published in a <strong>mission-critical environment<\/strong>. What starts as a prototype becomes a real application.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Card 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\">Evolution (Extension):<\/span> Do you want your solution to grow? Add new features and components by <strong>chatting with Diana<\/strong>, always maintaining the consistency and context of your business.<\/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    <!-- Dots -->\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    <!-- Title and description -->\r\n    <div class=\"app-builder-header\">\r\n        <h2>\r\n            From prototype to application\r\n            <span>without friction<\/span>\r\n        <\/h2>\r\n        <p class=\"section-description\">\r\n            What begins as an idea becomes a real solution within the same platform. No traumatic migrations, no starting from scratch.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"app-builder-wrapper\">\r\n\r\n        <!-- Left column -->\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>Time reduction<\/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                            Go from months to just days. Diana-assisted development allows you to optimize total development time to up to a third of traditional estimated hours, without compromising technical quality.\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>Context awareness and reuse<\/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                            Diana recognizes your current development environment. If there are previous applications, she proposes reusing those components, taking advantage of what was already created in your workspace, and you decide whether to proceed with the proposal.\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>Smart conversation management<\/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                            Diana interprets requirements and generates an initial structure that includes pages, entities, and business rules for instant validation.\r\n                        <\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Image -->\r\n        <div class=\"app-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/08\/2-en.png\" 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\/* TITLE CONTAINER *\/\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\/* GRADIENT TEXT *\/\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   LEFT COLUMN\r\n=========================== *\/\r\n.app-content{\r\n    width:48%;\r\n    max-width:540px;\r\n}\r\n\r\n\/* ===========================\r\n   IMAGE\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:transparent !important;\r\n    border:none;\r\n    outline:none;\r\n    box-shadow:none;\r\n    cursor:pointer;\r\n    color:white;\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-left{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:18px;\r\n}\r\n\r\n\/* TITLES *\/\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\/* IMAGES *\/\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\/* TEXT *\/\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\/* ARROW *\/\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.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   DOTS\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\/* ===========================\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    .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            \/\/ Close all\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            \/\/ Open only if not already open\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        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\">IT and Business: One team, <span class=\"texto-gradiente-2\">one platform <\/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>Eliminate the traditional gap in communication and requirement translation. Diana allows both roles to work as an integrated team on the same platform.<\/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    <!-- Top menu -->\r\n    <div class=\"features-nav-container\">\r\n        <ul class=\"features-nav\">\r\n            <li class=\"nav-item active\" data-target=\"1\">Natural language &rarr; Structure<\/li>\r\n            <li class=\"nav-item\" data-target=\"2\">Speed and standardization<\/li>\r\n            <li class=\"nav-item\" data-target=\"3\">Technical control and visibility<\/li>\r\n        <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Cards -->\r\n    <div class=\"features-cards-container\">\r\n        <!-- Card 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\">From natural language to functional structure:<\/h3>\r\n            <p class=\"card-text\">Business describes what it needs in its own terms and Diana instantly translates it into an interactive logical base. This eliminates endless requirement specification meetings and design misunderstandings; both teams see the same proposal from day one.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 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\">Speed for Business, standardization for IT:<\/h3>\r\n            <p class=\"card-text\">While user areas obtain solutions in record time, the IT team has the peace of mind that everything is built under a coherent nomenclature and high-quality standards, avoiding the accumulation of technical debt.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Card 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\">Absolute technical control and visibility:<\/h3>\r\n            <p class=\"card-text\">The platform doesn't act as a black box. As you converse with Diana, the system maintains technical transparency by visually mapping entities and their relationships. This allows IT architects to safely monitor, audit, and extend the software, backed by the native governance framework provided by the Deyel platform.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- Base Styles and Aligned Width (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    \/* --- Navigation (Menu) --- *\/\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 and active menu state *\/\r\n    .nav-item:hover,\r\n    .nav-item.active {\r\n        background-color: #9b8bf4; \/* Violet *\/\r\n        color: #ffffff;\r\n    }\r\n\r\n    \/* --- Cards container --- *\/\r\n    .features-cards-container {\r\n        display: flex;\r\n        gap: 30px;\r\n        align-items: stretch;\r\n    }\r\n\r\n    \/* --- Card styles --- *\/\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    \/* Active State of ALL cards (Light Green Border) *\/\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    \/* --- SVG styles --- *\/\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    \/* Inactive (Gray) *\/\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    \/* Specific Active Colors for each Icon *\/\r\n    \r\n    \/* Active Card 1 *\/\r\n    .feature-card.active#card-1 .svg-icon path {\r\n        stroke: #3AF9C5;\r\n    }\r\n\r\n    \/* Active Card 2 *\/\r\n    .feature-card.active#card-2 .svg-icon path {\r\n        fill: #9951f6;\r\n    }\r\n\r\n    \/* Active Card 3 *\/\r\n    .feature-card.active#card-3 .svg-icon path {\r\n        stroke: #28ada6;\r\n    }\r\n\r\n    \/* --- Typography --- *\/\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    \/* --- Laptop and Mobile Adaptation --- *\/\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        \/* Hide the menu completely on 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        \/* On mobile, ALL cards are illuminated (as if they had 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; \/* Permanent illuminated border *\/\r\n            box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08); \/* Permanent illuminated shadow *\/\r\n        }\r\n\r\n        \/* Icons always with their original color on 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            \/\/ Clear current active items\r\n            navItems.forEach(nav => nav.classList.remove('active'));\r\n            cards.forEach(card => card.classList.remove('active'));\r\n\r\n            \/\/ Add active to the item and the card\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            \/\/ Activates only on 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\">Artificial Intelligence<br><span class=\"texto-gradiente-2\">+ Human Judgment <\/span><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8ffa39a elementor-widget elementor-widget-text-editor\" data-id=\"8ffa39a\" 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>Diana accelerates the software development cycle from the first prompt, analyzing the requirements and resolving the initial logic for you. It does not replace the modeling user; it assists them in creating their applications.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-71e07bb elementor-widget elementor-widget-text-editor\" data-id=\"71e07bb\" 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 Human validation and control:<\/span><br \/>The initial structure generated by Diana is a proposal to validate. You evaluate the functional scope, design, and proposed dependencies before confirming; development does not move forward to publication without final human approval.<\/p><p><span style=\"color: #2f7fff; font-weight: bold;\">\u25cf Application extension:<\/span><br \/>You can add new features and components by chatting with Diana, always maintaining business consistency.<\/p><p><span style=\"color: #7d84ff; font-weight: bold;\">\u25cf Mixed model of construction and evolution:<\/span><br \/>Use the power of AI for the initial creation or extension of fields and rules, combining it with the robustness of the Deyel modeler for advanced maintenance and detailed customization of complex layouts.<\/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\">Technical Robustness, Security, and Governance<\/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>At Deyel, AI doesn&#8217;t just generate loose code; it builds within a mission-critical environment<\/p>\n\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;\">API-First Architecture:<\/strong><br \/><span style=\"color: white;\">Deyel facilitates integration with existing systems such as core, ERP, CRM, DMS, external services, and legacy applications, connecting workflows and exchanging real-time information efficiently.<\/span><\/li><li style=\"color: #00d294; margin-bottom: 18px;\"><strong style=\"color: #00d294;\">Native Governance:<\/strong><br \/><span style=\"color: white;\">Our platform ensures that every new solution automatically aligns with your organization&#8217;s compliance, security, and traceability standards.<\/span><\/li><li style=\"color: #8b5cf6; margin-bottom: 18px;\"><strong style=\"color: #8b5cf6;\">Frictionless Maintenance:<\/strong><br \/><span style=\"color: white;\">AI accelerates application creation, but it does so within a secure development environment, where you can audit, modify, and scale your solutions.<\/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\">FAQs<\/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; \/* Prevents cards in the same row from stretching when one is opened *\/\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\/* Open *\/\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\/* Light blue question when open *\/\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; \/* Increased to 500px to prevent clipping on long answers *\/\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            Who can create applications with 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                Both business profiles and technical IT teams can interact with Diana. The user uses natural language to describe their needs, and the AI generates an initial structure after analyzing their requirements. Ready to be validated and refined.\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            Are the created applications scalable?\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                Absolutely. The platform is designed so that applications starting as prototypes can scale and become mission-critical solutions for the company.\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            What happens if I need to change an application?\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                You can add new fields or rules by chatting with Diana, or make specific adjustments directly from the Deyel visual modeler.\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            Can it be integrated with other systems?\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                Yes, thanks to its API-First architecture, Deyel allows for native and seamless integration with the systems your organization already uses.\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            Is the development environment secure?\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                Yes, Deyel is designed to operate within a secure corporate environment, allowing the use of AI without losing governance or control over data and processes.\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            Does the AI make decisions on its own?\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                No. Based on the \"Human-in-the-loop\" concept, Diana assists and proposes solutions at high speed, but the final control and validation of each deployment always remain with a human supervisor.\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        \/\/ Allows opening and closing each item independently without affecting the others\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  \/* Main container without background *\/\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  \/* Glassmorphism Effect *\/\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  \/* Title Styles *\/\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  \/* Gradient Effect on Text *\/\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  \/* Subtitle Styles *\/\r\n  .glass-subtitle {\r\n    color: #9ca3af;\r\n    font-size: 1rem;\r\n    margin-bottom: 35px;\r\n  }\r\n\r\n  \/* Button Styles without 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; \/* Fully rounded borders *\/\r\n    box-sizing: border-box;\r\n  }\r\n\r\n  \/* Mobile Responsive *\/\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; \/* Keeps smooth shape on mobile *\/\r\n    }\r\n  }\r\n\r\n  \/* Block any inherited hover effect from Elementor *\/\r\n  .glass-button:hover {\r\n    background-color: #3af9c5 !important; \/* Corrected syntax (#3af9c5) *\/\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      Turn your ideas into <br>\r\n      <span class=\"gradient-text\">mission-critical<\/span> applications\r\n    <\/h2>\r\n    <p class=\"glass-subtitle\">with AI assistance<\/p>\r\n    <a href=\"https:\/\/www.deyel.com\/en\/learn-more\/\" class=\"glass-button\">Start building with 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>Accelerate the developmentcycle with AI Create business applications quickly with the assistance of Diana, Artificial Intelligence Agent. Watch Diana in action How does Diana integrate into<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-63546","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\/en\/diana\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Diana - Deyel\" \/>\n<meta property=\"og:description\" content=\"Accelerate the developmentcycle with AI Create business applications quickly with the assistance of Diana, Artificial Intelligence Agent. Watch Diana in action How does Diana integrate into [\u2026]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.deyel.com\/en\/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:39:37+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=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.deyel.com\/en\/diana\/\",\"url\":\"https:\/\/www.deyel.com\/en\/diana\/\",\"name\":\"Diana - Deyel\",\"isPartOf\":{\"@id\":\"https:\/\/www.deyel.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.deyel.com\/en\/diana\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.deyel.com\/en\/diana\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png\",\"datePublished\":\"2026-08-04T04:56:19+00:00\",\"dateModified\":\"2026-08-04T17:39:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.deyel.com\/en\/diana\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.deyel.com\/en\/diana\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.deyel.com\/en\/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\/en\/diana\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.deyel.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Diana\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.deyel.com\/en\/#website\",\"url\":\"https:\/\/www.deyel.com\/en\/\",\"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\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.deyel.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.deyel.com\/en\/#organization\",\"name\":\"Optaris\",\"url\":\"https:\/\/www.deyel.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.deyel.com\/en\/#\/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\/en\/#\/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\/en\/diana\/","og_locale":"en_US","og_type":"article","og_title":"Diana - Deyel","og_description":"Accelerate the developmentcycle with AI Create business applications quickly with the assistance of Diana, Artificial Intelligence Agent. Watch Diana in action How does Diana integrate into [\u2026]","og_url":"https:\/\/www.deyel.com\/en\/diana\/","og_site_name":"Deyel","article_publisher":"https:\/\/www.facebook.com\/deyelplatform","article_modified_time":"2026-08-04T17:39:37+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":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.deyel.com\/en\/diana\/","url":"https:\/\/www.deyel.com\/en\/diana\/","name":"Diana - Deyel","isPartOf":{"@id":"https:\/\/www.deyel.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.deyel.com\/en\/diana\/#primaryimage"},"image":{"@id":"https:\/\/www.deyel.com\/en\/diana\/#primaryimage"},"thumbnailUrl":"https:\/\/www.deyel.com\/wp-content\/uploads\/2026\/07\/Grupo-31066.png","datePublished":"2026-08-04T04:56:19+00:00","dateModified":"2026-08-04T17:39:37+00:00","breadcrumb":{"@id":"https:\/\/www.deyel.com\/en\/diana\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.deyel.com\/en\/diana\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.deyel.com\/en\/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\/en\/diana\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.deyel.com\/en\/"},{"@type":"ListItem","position":2,"name":"Diana"}]},{"@type":"WebSite","@id":"https:\/\/www.deyel.com\/en\/#website","url":"https:\/\/www.deyel.com\/en\/","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\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.deyel.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.deyel.com\/en\/#organization","name":"Optaris","url":"https:\/\/www.deyel.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.deyel.com\/en\/#\/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\/en\/#\/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\/en\/wp-json\/wp\/v2\/pages\/63546","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/users\/3752"}],"replies":[{"embeddable":true,"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/comments?post=63546"}],"version-history":[{"count":5,"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/pages\/63546\/revisions"}],"predecessor-version":[{"id":63641,"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/pages\/63546\/revisions\/63641"}],"wp:attachment":[{"href":"https:\/\/www.deyel.com\/en\/wp-json\/wp\/v2\/media?parent=63546"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}