{"id":16591,"date":"2026-02-18T13:40:23","date_gmt":"2026-02-18T13:40:23","guid":{"rendered":"https:\/\/www.rapidclouddevelopment.com\/?page_id=16591"},"modified":"2026-10-21T19:17:14","modified_gmt":"2026-10-21T19:17:14","slug":"tutoriales","status":"publish","type":"page","link":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/","title":{"rendered":"Tutoriales"},"content":{"rendered":"\n<style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Sora:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');.rcd-page{overflow-x:hidden;background:#F6F7FB;color:#0E1424;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.rcd-page *,.rcd-page *::before,.rcd-page *::after{box-sizing:border-box}.rcd-page img{max-width:100%}.rcd-page picture{display:block}.rcd-page picture>img{display:block;width:inherit;height:inherit;max-width:100%;max-height:inherit;object-fit:inherit;object-position:inherit;border-radius:inherit;aspect-ratio:inherit}.rcd-page details>summary{list-style:none}.rcd-page details>summary::-webkit-details-marker{display:none}.rcd-page details[open]{border-color:#FF6B2C!important}.rcd-page details .rcd-sign{transition:transform .2s,background .2s}.rcd-page details[open] .rcd-sign{background:#C2410C!important;color:#fff!important;transform:rotate(45deg)}.rcd-page a[href^=\"mailto:\"]{word-break:break-all}@media(max-width:600px){.rcd-page [style*=\"minmax(min(100%,200px),1fr)\"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.rcd-page [style*=\"minmax(min(100%,200px),1fr)\"] a{min-height:80px!important}.rcd-page [style*=\"flex:1 1 420px\"],.rcd-page [style*=\"flex:1 1 400px\"]{flex-direction:column;align-items:flex-start!important}.rcd-page [style*=\"repeat(3,minmax(0,1fr))\"]>div{padding:14px!important}.rcd-page [style*=\"repeat(3,minmax(0,1fr))\"] b{font-size:24px!important}.rcd-page .rcd-mosaic{min-height:0!important;display:flex;flex-direction:column;gap:12px}.rcd-page .rcd-mosaic>div{position:static!important;width:auto!important}.rcd-page .rcd-mosaic>div:first-child{aspect-ratio:3\/2}}.rcd-page{background: rgb(246, 247, 251); color: rgb(14, 20, 36); font-family: Inter, system-ui, sans-serif; -webkit-font-smoothing: antialiased;}.rcd-page a{color: rgb(75, 50, 214);}.rcd-page a:hover{color: rgb(46, 27, 166);}.rcd-page .wrap{max-width: 1200px; margin: 0px auto; padding: 0px 32px; box-sizing: border-box;}.rcd-page .dark{background: rgb(10, 14, 26); color: rgb(231, 234, 243);}.rcd-page .dots{background: radial-gradient(50% 60% at 78% 30%, rgba(255, 107, 44, 0.18), transparent 70%), radial-gradient(40% 50% at 12% 85%, rgba(124, 92, 255, 0.18), transparent 70%), linear-gradient(rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0px 0px \/ 48px 48px, linear-gradient(90deg, rgba(255, 255, 255, 0.043) 1px, transparent 1px) 0px 0px \/ 48px 48px, linear-gradient(135deg, rgb(10, 14, 26) 0%, rgb(20, 26, 51) 60%, rgb(28, 22, 56) 100%);}.rcd-page .gtext{background: linear-gradient(90deg, rgb(255, 107, 44), rgb(255, 177, 74) 45%, rgb(184, 168, 255)) text; color: transparent;}.rcd-page .glow-btn{box-shadow: rgba(255, 138, 76, 0.4) 0px 0px 0px 1px, rgba(255, 107, 44, 0.7) 0px 10px 40px -8px;}.rcd-page .flow{position: relative; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; align-items: center; padding: 40px 32px; border-radius: 28px; border: 1px solid rgba(255, 255, 255, 0.08); background: rgba(13, 18, 32, 0.55); backdrop-filter: blur(6px);}.rcd-page .fcol{position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 14px;}.rcd-page .track{position: absolute; left: 12%; right: 12%; top: 50%; height: 2px; background: linear-gradient(90deg, rgba(255, 107, 44, 0.15), rgba(255, 107, 44, 0.6), rgba(124, 92, 255, 0.6), rgba(124, 92, 255, 0.15));}.rcd-page .track i{position: absolute; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: rgb(255, 177, 74); box-shadow: rgba(255, 138, 76, 0.9) 0px 0px 12px 3px; animation: 4s linear 0s infinite normal none running flow;}.rcd-page .track i:nth-child(2){animation-delay: 1s; background: rgb(255, 255, 255);}.rcd-page .track i:nth-child(3){animation-delay: 2s; background: rgb(184, 168, 255); box-shadow: rgba(124, 92, 255, 0.9) 0px 0px 12px 3px;}.rcd-page .track i:nth-child(4){animation-delay: 3s;}@keyframes flow { \n  0% { left: 0px; opacity: 0; }\n  10% { opacity: 1; }\n  90% { opacity: 1; }\n  100% { left: 100%; opacity: 0; }\n}.rcd-page .agent{display: flex; align-items: center; gap: 12px; width: 100%; max-width: 220px; padding: 12px 14px; border-radius: 16px; background: rgb(17, 23, 41); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.02),0 0 24px -10px var(--c); text-align: left; box-sizing: border-box;}.rcd-page .agent b{display: block; font: 500 10px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.12em; text-transform: uppercase; color: var(--c);}.rcd-page .agent span:last-child{font: 500 14px \/ 1.3 Inter, sans-serif; color: rgb(231, 234, 243);}.rcd-page .agent-i{width: 38px; height: 38px; border-radius: 11px; display: flex; align-items: center; justify-content: center; color: var(--c); background: rgb(10, 14, 26); border: 1px solid var(--c); flex: 0 0 auto;}.rcd-page .codecard{width: 100%; max-width: 250px; box-sizing: border-box; background: rgb(11, 16, 32); border: 1px solid rgb(42, 51, 80); border-radius: 14px; padding: 14px 16px; font-size: 11.5px; line-height: 1.7; color: rgb(126, 137, 166); text-align: left; box-shadow: rgba(0, 0, 0, 0.8) 0px 20px 40px -20px;}.rcd-page .dotw{width: 8px; height: 8px; border-radius: 50%; background: rgb(42, 51, 80);}.rcd-page .flabel{font: 500 12px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.08em; text-transform: uppercase; color: rgb(174, 182, 202);}.rcd-page .engine{position: relative; width: 200px; height: 200px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: radial-gradient(circle, rgb(42, 26, 46) 0%, rgb(18, 24, 41) 65%); border: 1px solid rgba(255, 138, 76, 0.35); box-shadow: rgba(255, 107, 44, 0.55) 0px 0px 80px -10px, rgba(124, 92, 255, 0.5) 0px 0px 140px -20px;}.rcd-page .engine-ring{position: absolute; inset: -14px; border-radius: 50%; border: 1px dashed rgba(184, 168, 255, 0.45); animation: 24s linear 0s infinite normal none running spin;}@keyframes spin { \n  100% { transform: rotate(360deg); }\n}@media (max-width: 980px){.rcd-page .flow{grid-template-columns: repeat(2, minmax(0px, 1fr));}.rcd-page .track{display: none;}}@media (max-width: 560px){.rcd-page .flow{grid-template-columns: minmax(0px, 1fr);}}@media (prefers-reduced-motion: reduce){.rcd-page .track i,.rcd-page .engine-ring{animation: auto ease 0s 1 normal none running none;}}.rcd-page .eyebrow{font: 500 12px \/ 1.2 \"JetBrains Mono\", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(194, 65, 12);}.rcd-page .dark .eyebrow{color: rgb(255, 138, 76);}.rcd-page .h1{font: 700 clamp(44px, 6vw, 84px) \/ 1.02 Sora, sans-serif; letter-spacing: -0.035em; margin: 0px;}.rcd-page .h2{font: 700 clamp(30px, 3.4vw, 48px) \/ 1.08 Sora, sans-serif; letter-spacing: -0.025em; margin: 0px;}.rcd-page .lead{font-size: clamp(17px, 1.4vw, 20px); line-height: 1.6; color: rgb(74, 84, 104); margin: 0px;}.rcd-page .dark .lead{color: rgb(174, 182, 202);}.rcd-page .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 48px; padding: 0px 22px; border-radius: 12px; font: 600 15px \/ 1 Inter, sans-serif; text-decoration: none; box-sizing: border-box;}.rcd-page .btn-p{background: rgb(194, 65, 12); color: rgb(255, 255, 255);}.rcd-page .btn-p:hover{background: rgb(154, 52, 18); color: rgb(255, 255, 255);}.rcd-page .btn-o{border: 1px solid rgb(203, 210, 225); color: rgb(14, 20, 36); background: rgb(255, 255, 255);}.rcd-page .btn-o:hover{border-color: rgb(14, 20, 36); color: rgb(14, 20, 36);}.rcd-page .crumb{display: flex; gap: 10px; align-items: center; font-size: 14px; color: rgb(139, 149, 174);}.rcd-page .crumb a{color: rgb(201, 208, 224); text-decoration: none;}.rcd-page .crumb a:hover{color: rgb(255, 255, 255); text-decoration: underline;}.rcd-page .grp{font: 500 11px \/ 1 \"JetBrains Mono\", monospace; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(91, 100, 120); margin: 22px 0px 10px;}.rcd-page .li{display: flex; gap: 12px; align-items: flex-start; padding: 7px 0px; line-height: 1.45;}.rcd-page .ck{flex: 0 0 auto; width: 22px; height: 22px; border-radius: 7px; background: rgb(255, 241, 234); color: rgb(194, 65, 12); display: flex; align-items: center; justify-content: center; margin-top: 1px;}.rcd-page .feat .ck{background: rgba(255, 107, 44, 0.16); color: rgb(255, 138, 76);}.rcd-page .feat .grp{color: rgb(139, 149, 174);}@media (max-width: 860px){.rcd-page .wrap{padding: 0px 20px;}}.rcd-page{}.rcd-page .cf-in{width: 100%; box-sizing: border-box; min-height: 48px; padding: 12px 14px; border: 1px solid rgb(203, 210, 225); border-radius: 12px; font: 400 15px Inter, sans-serif; color: rgb(14, 20, 36); background: rgb(255, 255, 255);}.rcd-page .cf-in:focus{outline: rgb(124, 92, 255) solid 2px; outline-offset: 1px; border-color: rgb(124, 92, 255);}.rcd-page .cf-l{display: flex; flex-direction: column; gap: 8px; font: 500 14px Inter, sans-serif; color: rgb(42, 50, 71);}.rcd-page a{color: rgb(75, 50, 214);}.rcd-page a:hover{color: rgb(46, 27, 166);}.rcd-page .gform_wrapper.gravity-theme{margin: 8px 0px 0px;}.rcd-page .gform_wrapper.gravity-theme .gform_fields{gap: 16px;}.rcd-page .gform_wrapper.gravity-theme .gfield_label{font: 500 14px Inter, sans-serif; color: rgb(42, 50, 71); margin-bottom: 8px;}.rcd-page .gform_wrapper.gravity-theme .gfield_required{color: rgb(194, 65, 12);}.rcd-page .gform_wrapper.gravity-theme .gform_required_legend{font-size: 13px; color: rgb(91, 100, 120);}.rcd-page .gform_wrapper.gravity-theme input[type=\"text\"],.rcd-page .gform_wrapper.gravity-theme input[type=\"email\"],.rcd-page .gform_wrapper.gravity-theme input[type=\"tel\"],.rcd-page .gform_wrapper.gravity-theme select,.rcd-page .gform_wrapper.gravity-theme textarea{width: 100%; min-height: 48px; padding: 12px 14px; border: 1px solid rgb(203, 210, 225); border-radius: 12px; font: 400 15px Inter, sans-serif; color: rgb(14, 20, 36); background: rgb(255, 255, 255); transition: border-color 0.2s, box-shadow 0.2s;}.rcd-page .gform_wrapper.gravity-theme textarea{min-height: 120px; height: 140px; resize: vertical;}.rcd-page .gform_wrapper.gravity-theme input:focus,.rcd-page .gform_wrapper.gravity-theme select:focus,.rcd-page .gform_wrapper.gravity-theme textarea:focus{outline: none; border-color: rgb(124, 92, 255); box-shadow: rgba(124, 92, 255, 0.2) 0px 0px 0px 3px;}.rcd-page .gform_wrapper.gravity-theme .gfield_checkbox label,.rcd-page .gform_wrapper.gravity-theme .ginput_container_consent label{font-size: 14px; color: rgb(42, 50, 71);}.rcd-page .gform_wrapper.gravity-theme input[type=\"checkbox\"]{width: 20px; height: 20px; accent-color: rgb(194, 65, 12);}.rcd-page .gform_wrapper.gravity-theme .gform_footer{margin: 8px 0px 0px; padding: 0px;}.rcd-page .gform_wrapper.gravity-theme .gform_button{min-height: 48px; padding: 0px 28px; border: 0px; border-radius: 12px; background: rgb(194, 65, 12); color: rgb(255, 255, 255); font: 600 15px Inter, sans-serif; cursor: pointer; box-shadow: rgba(255, 107, 44, 0.8) 0px 10px 30px -10px; transition: background 0.2s;}.rcd-page .gform_wrapper.gravity-theme .gform_button:hover{background: rgb(154, 52, 18);}.rcd-page .gform_wrapper.gravity-theme .gfield_error input,.rcd-page .gform_wrapper.gravity-theme .gfield_error textarea{border-color: rgb(192, 38, 38);}<\/style><div class=\"rcd-page\"> <div> <section class=\"dark dots\" style=\"padding:56px 0 104px;overflow:hidden\"> <div class=\"wrap\" style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:56px;align-items:center\"> <div style=\"display:flex;flex-direction:column;gap:26px\"> <nav class=\"crumb\" aria-label=\"Ruta de navegaci\u00f3n\"><a href=\"https:\/\/www.rapidclouddevelopment.com\/es\/\">Inicio<\/a><span aria-hidden=\"true\">\/<\/span><span>Tutoriales<\/span><\/nav> <span class=\"eyebrow\">Empiece a utilizar el marco RCD con nuestros tutoriales detallados en v\u00eddeo y texto<\/span> <h1 class=\"h1\"><span class=\"gtext\">Tutoriales<\/span><\/h1> <p class=\"lead\">Empiece r\u00e1pidamente con tutoriales paso a paso que combinan explicaciones claras y v\u00eddeos pr\u00e1cticos. Tanto si es nuevo en el marco como si est\u00e1 explorando funciones avanzadas, estas gu\u00edas le ayudar\u00e1n a comprender, crear y dominar todos los aspectos de Rapid Cloud Development.<\/p> <div><a class=\"btn btn-p glow-btn\" href=\"#contact-us\">Cont\u00e1ctenos<\/a><\/div> <\/div> <div aria-hidden=\"true\" style=\"position:relative;min-height:380px\"> <div style=\"position:absolute;left:0;top:0;width:82%;aspect-ratio:16\/9;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);box-shadow:0 40px 80px -24px rgba(0,0,0,.85);background:#fff\"> <img decoding=\"async\" src=\"https:\/\/img.youtube.com\/vi\/k2iIyG7Fgt0\/hqdefault.jpg\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover\"> <span style=\"position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 12px rgba(255,107,44,.2),0 0 60px rgba(255,107,44,.7)\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"#fff\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <div style=\"position:absolute;left:0;right:0;bottom:0;height:4px;background:rgba(14,20,36,.15)\"><div style=\"width:38%;height:100%;background:linear-gradient(90deg,#FF6B2C,#7C5CFF)\"><\/div><\/div> <\/div> <div style=\"position:absolute;right:0;bottom:0;width:270px;padding:16px;border-radius:18px;background:rgba(17,23,41,.95);border:1px solid rgba(184,168,255,.3);display:flex;flex-direction:column;gap:10px;box-shadow:0 0 50px -14px rgba(124,92,255,.6)\"> <span style=\"font:500 11px 'JetBrains Mono';letter-spacing:.1em;color:#B8A8FF;text-transform:uppercase\">Lista de reproducci\u00f3n<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora\">C\u00f3mo crear una aplicaci\u00f3n web en menos de 10 minutos<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora;opacity:.6\">C\u00f3mo crear un grid treeview<\/span> <span style=\"color:#fff;font:600 14px\/1.35 Sora;opacity:.4\">C\u00f3mo crear aplicaciones m\u00f3viles<\/span> <\/div> <\/div> <\/div> <\/section> <section style=\"padding:72px 0 112px\"> <div class=\"wrap\" style=\"display:flex;flex-direction:column;gap:36px\"> <div role=\"tablist\" aria-label=\"Categor\u00edas de tutoriales\" style=\"display:flex;flex-wrap:wrap;gap:8px\"> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:0;background:#0E1424;color:#fff;font:600 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Para empezar<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Crear componentes<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Crear aplicaciones<\/span> <span style=\"min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #CBD2E1;background:#fff;color:#0E1424;font:500 14px Inter;cursor:pointer;display:inline-flex;align-items:center\">Objetos<\/span> <\/div> <div style=\"display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px\"> <div style=\"grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:32px 36px;border-radius:24px;background:#fff;border:1px solid #E3E7F0\"> <div style=\"display:flex;gap:20px;align-items:center;flex:1 1 400px\"><span style=\"flex:none;width:56px;height:56px;border-radius:16px;background:#FFF1EA;color:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h12a4 4 0 0 1 4 4v12H8a4 4 0 0 1-4-4zM8 9h8M8 13h6\"><\/path><\/svg><\/span><div style=\"display:flex;flex-direction:column;gap:6px\"><h2 style=\"margin:0;font:700 24px Sora\">Palabras clave b\u00e1sicas<\/h2><p style=\"margin:0;color:#4A5468\">Aqu\u00ed encontrar\u00e1 una lista de las palabras clave b\u00e1sicas que se utilizan en el marco.<\/p><\/div><\/div> <a class=\"btn btn-o\" href=\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/base-de-conocimientos\/\">M\u00e1s informaci\u00f3n<\/a> <\/div> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/9TLXuGIYHrg\" aria-label=\"Reproducir v\u00eddeo: Recorrido por el dise\u00f1ador\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v12H3zM8 20h8M12 16v4\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">01 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Recorrido por el dise\u00f1ador<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos un recorrido por el dise\u00f1ador de Rapid Cloud Development.<\/p> <a href=\"https:\/\/youtu.be\/9TLXuGIYHrg\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/vKne4P-1O_0\" aria-label=\"Reproducir v\u00eddeo: Recorrido por el portal\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">02 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">Recorrido por el portal<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos un recorrido por el portal de Rapid Cloud Development.<\/p> <a href=\"https:\/\/youtu.be\/vKne4P-1O_0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/JkHFghPXFFc\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear y utilizar un componente\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 2l9 5v10l-9 5-9-5V7zM12 12l9-5M12 12v10M12 12L3 7\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">03 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear y utilizar un componente<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear y utilizar un componente. Un componente es una parte de una aplicaci\u00f3n: un conjunto de elementos que se pueden reutilizar en varios lugares. No hay l\u00edmite en lo que puede contener un componente; puede incluir todo lo que a\u00f1adir\u00eda normalmente a una aplicaci\u00f3n.<\/p> <a href=\"https:\/\/youtu.be\/JkHFghPXFFc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/T9zGcdAayNs\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo configurar insignias en las pesta\u00f1as mediante un componente\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 8h8V4H3zM13 8h8V4h-8zM3 8v12h18V8\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">04 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo configurar insignias en las pesta\u00f1as mediante un componente<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo configurar insignias en las pesta\u00f1as mediante un componente. Un componente es una parte de una aplicaci\u00f3n: un grupo de elementos que se pueden reutilizar en varios lugares.<\/p> <a href=\"https:\/\/youtu.be\/T9zGcdAayNs\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/XTrSKW2eXsk\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear una plantilla de fila de grid para un componente\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM3 9h18M3 14h18M9 4v16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">05 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear una plantilla de fila de grid para un componente<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear una aplicaci\u00f3n de plantilla de fila de grid. Aprender\u00e1 a pasar par\u00e1metros desde el grid principal, vincular la aplicaci\u00f3n de plantilla a un grid y ajustar el tama\u00f1o del panel. Una aplicaci\u00f3n de plantilla ofrece la misma flexibilidad que cualquier aplicaci\u00f3n normal: no hay l\u00edmite en lo que puede hacer.<\/p> <a href=\"https:\/\/youtu.be\/XTrSKW2eXsk\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/k2iIyG7Fgt0\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear una aplicaci\u00f3n web en menos de 10 minutos\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M13 2L4 14h7l-1 8 9-12h-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">06 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear una aplicaci\u00f3n web en menos de 10 minutos<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear desde cero una aplicaci\u00f3n web totalmente funcional. Crearemos tanto la interfaz de usuario como los endpoints de backend que la hacen funcionar. El v\u00eddeo explica c\u00f3mo crear una pantalla que incluye: un grid, filtros de grid, un formulario con campos editables, una lista dropdown con datos y un men\u00fa ribbon con las acciones CRUD est\u00e1ndar.<\/p> <a href=\"https:\/\/youtu.be\/k2iIyG7Fgt0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/OAd9JvNBX1Q\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear y aplicar un endpoint de lista\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6h13M8 12h13M8 18h13M3 6h1M3 12h1M3 18h1\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">07 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear y aplicar un endpoint de lista<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear y aplicar un endpoint de lista. Este endpoint se puede utilizar en distintos tipos de objeto. Esta es la lista: dropdown, dropdown multi, autocomplete, radioset, selectionlist, emailaddressselect.<\/p> <a href=\"https:\/\/youtu.be\/OAd9JvNBX1Q\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/h6j335t69pU\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo definir atributos de celdas y filas del grid\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM3 10h18M9 10v10M15 10v10\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">08 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo definir atributos de celdas y filas del grid<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo definir atributos de celdas y filas en funci\u00f3n de sus datos. Aprender\u00e1 a a\u00f1adir im\u00e1genes o iconos, aplicar colores, insertar botones, mostrar barras de progreso y dar formato a los datos, todo ello de forma din\u00e1mica.<\/p> <a href=\"https:\/\/youtu.be\/h6j335t69pU\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/guUO5DRhtts\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear filtros de grid de forma din\u00e1mica\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 5h18l-7 8v6l-4 2v-8z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">09 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear filtros de grid de forma din\u00e1mica<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear filtros de grid de forma din\u00e1mica desde el endpoint griddef.<\/p> <a href=\"https:\/\/youtu.be\/guUO5DRhtts\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/-2hv2ZweSvc\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear un grid treeview\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 4h6v4H4zM10 6h4v6h4M18 10h3v4h-3zM14 12v6h4M18 16h3v4h-3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">10 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear un grid treeview<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear un grid treeview. No hay l\u00edmite en el n\u00famero de niveles jer\u00e1rquicos que puede crear. La relaci\u00f3n interna entre las filas padre e hijo se define principalmente mediante dos campos: RowIdData y RowIdDataParent.<\/p> <a href=\"https:\/\/youtu.be\/-2hv2ZweSvc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/qD-FvBcfmno\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo personalizar las pesta\u00f1as del programa\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 9h18v11H3zM3 9V5h6v4M9 5h6v4\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">11 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo personalizar las pesta\u00f1as del programa<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo personalizar el contenido de las pesta\u00f1as del programa. Dispone de dos filas, y el texto que coloque en ellas admite cualquier formato y estilo.<\/p> <a href=\"https:\/\/youtu.be\/qD-FvBcfmno\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/2Smw9VpUI_0\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar una barra de progreso gestionada desde el endpoint\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 10h18v4H3zM3 10h11v4H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">12 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar una barra de progreso gestionada desde el endpoint<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo controlar una barra de progreso desde un endpoint. En los procesos m\u00e1s largos, resulta \u00fatil mostrar una barra de progreso en el frontend, gestionada mediante el sistema de websocket. Puede utilizar dos tipos: paso a paso o infinita, con control total sobre el valor, el estado y el texto mostrado.<\/p> <a href=\"https:\/\/youtu.be\/2Smw9VpUI_0\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/KPGUWF7__Qo\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo habilitar el drag &amp; drop entre datagrids\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 9l-3 3 3 3M9 5l3-3 3 3M15 19l-3 3-3-3M19 9l3 3-3 3M2 12h20M12 2v20\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">13 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo habilitar el drag &amp; drop entre datagrids<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo habilitar la acci\u00f3n de drag &amp; drop en un grid. El drop puede configurarse sobre el propio grid o tambi\u00e9n sobre uno o varios datagrids distintos<\/p> <a href=\"https:\/\/youtu.be\/KPGUWF7__Qo\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/JWjcXqC3tzQ\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo crear aplicaciones m\u00f3viles\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M7 2h10v20H7zM11 18h2\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">14 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo crear aplicaciones m\u00f3viles<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo crear aplicaciones m\u00f3viles.<\/p> <a href=\"https:\/\/youtu.be\/JWjcXqC3tzQ\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/yK6IPeaJz1Y\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo habilitar la ribbonbar\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v6H3zM6 7h2M10 7h2M14 7h2M3 14h18v6H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">15 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo habilitar la ribbonbar<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo habilitar, utilizar y personalizar una ribbon bar. Esta barra ribbon o barra de botones puede asignarse en tres niveles: Layout, Datagrid, Form.<\/p> <a href=\"https:\/\/youtu.be\/yK6IPeaJz1Y\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/Sv6kIxnhR-E\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo a\u00f1adir una pantalla de lookup a un campo autocomplete\/input\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 6h12v4H3zM15 13a4 4 0 1 0-8 0a4 4 0 0 0 8 0M18 19l-3-3\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">16 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo a\u00f1adir una pantalla de lookup a un campo autocomplete\/input<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo configurar la funcionalidad de lookup para un campo autocomplete o input.<\/p> <a href=\"https:\/\/youtu.be\/Sv6kIxnhR-E\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/VNfftz0arcM\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar campos din\u00e1micos desde un endpoint\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M4 5h16v4H4zM4 11h10v4H4zM4 17h13v3H4z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">17 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar campos din\u00e1micos desde un endpoint<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Este v\u00eddeo explica c\u00f3mo crear campos din\u00e1micos mediante un endpoint y conectarlos a RecordGet y RecordSet, para que funcionen como objetos normales.<\/p> <a href=\"https:\/\/youtu.be\/VNfftz0arcM\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/LlUy2OeQV_U\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto countdown\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 7v5l3 2M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">18 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto countdown<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo utilizar el objeto countdown.<\/p> <a href=\"https:\/\/youtu.be\/LlUy2OeQV_U\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/y7rzQHjBwck\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar un objeto file upload en una peque\u00f1a aplicaci\u00f3n de asistente\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 16V4M7 9l5-5 5 5M4 20h16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">19 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar un objeto file upload en una peque\u00f1a aplicaci\u00f3n de asistente<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo utilizar el objeto file upload mediante una sencilla aplicaci\u00f3n de asistente.<\/p> <a href=\"https:\/\/youtu.be\/y7rzQHjBwck\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/5Mi5dkSaqlY\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto email address select\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 5h18v14H3zM3 6l9 7 9-7\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">20 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto email address select<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo utilizar el objeto EmailAddressSelect.<\/p> <a href=\"https:\/\/youtu.be\/5Mi5dkSaqlY\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/ONxbo_4NGkQ\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto colorpicker\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M12 3a9 9 0 1 0 0 18c1 0 2-1 2-2s-1-2 0-3 2 0 4 0a3 3 0 0 0 3-3c0-5-4-10-9-10\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">21 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto colorpicker<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo utilizar el objeto ColorPicker.<\/p> <a href=\"https:\/\/youtu.be\/ONxbo_4NGkQ\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/GzfL-itQm3g\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto signature\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 17c3-6 5-6 6-2s3 1 5-3 4 0 2 3M3 21h18\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">22 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto signature<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo utilizar el objeto Signature.<\/p> <a href=\"https:\/\/youtu.be\/GzfL-itQm3g\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/3wumawvfN9Y\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el editor HTML\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M8 6l-6 6 6 6M16 6l6 6-6 6M14 4l-4 16\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">23 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el editor HTML<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">En este v\u00eddeo le mostramos c\u00f3mo utilizar el objeto editor HTML.<\/p> <a href=\"https:\/\/youtu.be\/3wumawvfN9Y\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/z8glAk-QtKE\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el PDF Viewer\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M6 2h9l5 5v15H6zM14 2v6h6M9 13h6M9 17h6\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">24 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el PDF Viewer<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Aprenda a utilizar el objeto PDF Viewer para abrir documentos PDF en su aplicaci\u00f3n.<\/p> <a href=\"https:\/\/youtu.be\/z8glAk-QtKE\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/_eKud6b-fRg\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto tiles\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FF8A4C;color:#FF8A4C;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FF8A4C\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 3h8v8H3zM13 3h8v5h-8zM13 10h8v11h-8zM3 13h8v8H3z\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">25 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto tiles<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Aprenda a utilizar el objeto tiles.<\/p> <a href=\"https:\/\/youtu.be\/_eKud6b-fRg\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/4IuvML8g7Mc\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto imageviewer\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #FFC15A;color:#FFC15A;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #FFC15A\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M3 4h18v16H3zM21 16l-5-5-9 9\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">26 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto imageviewer<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Este v\u00eddeo muestra c\u00f3mo utilizar el objeto imageviewer.<\/p> <a href=\"https:\/\/youtu.be\/4IuvML8g7Mc\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <article style=\"display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #E3E7F0\"> <a href=\"https:\/\/youtu.be\/zVX3ngCn2tM\" aria-label=\"Reproducir v\u00eddeo: C\u00f3mo utilizar el objeto map\" class=\"dots\" style=\"position:relative;aspect-ratio:16\/9;display:flex;align-items:center;justify-content:center;text-decoration:none\" target=\"_blank\" rel=\"noopener\"> <span style=\"width:84px;height:84px;border-radius:24px;background:rgba(17,23,41,.9);border:1px solid #B8A8FF;color:#B8A8FF;display:flex;align-items:center;justify-content:center;box-shadow:0 0 50px -10px #B8A8FF\"><svg width=\"40\" height=\"40\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M9 4L3 6v14l6-2 6 2 6-2V4l-6 2zM9 4v14M15 6v14\"><\/path><\/svg><\/span> <span style=\"position:absolute;right:14px;bottom:14px;width:40px;height:40px;border-radius:50%;background:#C2410C;display:flex;align-items:center;justify-content:center\"><svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"#fff\" aria-hidden=\"true\"><path d=\"M8 5v14l11-7z\"><\/path><\/svg><\/span> <span style=\"position:absolute;left:14px;top:14px;font:500 11px 'JetBrains Mono';letter-spacing:.08em;color:#AEB6CA\">27 \/ 27<\/span> <\/a> <div style=\"padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1\"> <h2 style=\"margin:0;font:600 18px\/1.3 Sora,sans-serif\">C\u00f3mo utilizar el objeto map<\/h2> <p style=\"margin:0;color:#4A5468;line-height:1.55;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden\">Este v\u00eddeo muestra c\u00f3mo utilizar el objeto map.<\/p> <a href=\"https:\/\/youtu.be\/zVX3ngCn2tM\" style=\"margin-top:auto;display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:#C2410C;text-decoration:none\" target=\"_blank\" rel=\"noopener\">M\u00e1s informaci\u00f3n<svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" aria-hidden=\"true\"><path d=\"M5 12h14M13 6l6 6-6 6\"><\/path><\/svg><\/a> <\/div> <\/article> <div style=\"grid-column:1\/-1;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between;padding:32px 36px;border-radius:24px;background:#0A0E1A;color:#E7EAF3;border:1px solid #232C44\"> <div style=\"display:flex;flex-direction:column;gap:6px;flex:1 1 400px\"><h2 style=\"margin:0;font:700 24px Sora;color:#fff\">UIRules: atributos de objeto editables<\/h2><p style=\"margin:0;color:#AEB6CA\">Cada endpoint puede devolver UIRules mediante el mecanismo de respuesta ttRules. Haga clic en el bot\u00f3n de abajo para ver todos los atributos disponibles por objeto.<\/p><\/div> <a class=\"btn btn-p\" href=\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/uirules-atributos-de-objeto-editables\/\">M\u00e1s informaci\u00f3n<\/a> <\/div> <\/div> <div style=\"display:flex;gap:20px;align-items:center;flex-wrap:wrap;padding:24px 28px;border-radius:20px;background:#fff;border:1px solid #E3E7F0;align-self:flex-start\"> <img decoding=\"async\" src=\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/10\/Ferry.png\" alt=\"Ferry Bode\" style=\"width:64px;height:64px;border-radius:18px;object-fit:cover\"> <a href=\"https:\/\/www.linkedin.com\/in\/ferry-bode-3801792\/\" style=\"display:inline-flex;align-items:center;min-height:44px\">LinkedIn<\/a> <\/div> <\/div> <\/section> <section id=\"contact-us\" style=\"background:#F6F7FB;padding:104px 0;font-family:Inter,system-ui,sans-serif;color:#0E1424\"> <div style=\"max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:32px;align-items:stretch\"> <div style=\"background:#0A0E1A;color:#E7EAF3;border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:28px 28px\"> <h3 style=\"margin:0;font:700 clamp(28px,3vw,40px)\/1.1 Sora,sans-serif;letter-spacing:-.02em;color:#fff\">\u00bfPor qu\u00e9 RCD?<\/h3> <ul style=\"list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px\"> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Explore y aproveche las nuevas posibilidades t\u00e9cnicas<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Cumpla con los requisitos de seguridad modernos<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Recupere su competitividad en el mercado<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Sea independiente de los dispositivos<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Reduzca sus costes de desarrollo<\/li> <li style=\"display:flex;gap:14px;align-items:flex-start;font-size:16.5px;line-height:1.45;color:#D7DCE8\"><span style=\"flex:none;width:26px;height:26px;border-radius:8px;background:rgba(255,107,44,.16);color:#FF8A4C;display:flex;align-items:center;justify-content:center\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\"><path d=\"M5 12l5 5 9-10\"><\/path><\/svg><\/span>Y muchas otras ventajas m\u00e1s&#8230;<\/li> <\/ul> <div style=\"margin-top:auto;height:2px;background:linear-gradient(90deg,#FF6B2C,#7C5CFF);border-radius:2px\"><\/div> <\/div> <div style=\"background:#fff;border:1px solid #E3E7F0;border-radius:28px;padding:44px;display:flex;flex-direction:column;gap:18px;box-sizing:border-box\"><h3 style=\"margin:0;font:700 clamp(26px,2.6vw,34px)\/1.15 Sora,sans-serif;letter-spacing:-.02em\">\u00bfTiene alguna pregunta? \u00bfLe interesa?<\/h3><p style=\"margin:0;color:#4A5468;line-height:1.55\">Rellene el siguiente formulario y nos pondremos en contacto con usted lo antes posible.<\/p><script>\nvar gform;gform||(document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),document.addEventListener(\"gform\/theme\/scripts_loaded\",function(){gform.themeScriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0}),gform={domLoaded:!1,scriptsLoaded:!1,themeScriptsLoaded:!1,isFormEditor:()=>\"function\"==typeof InitializeEditor,callIfLoaded:function(o){return!(!gform.domLoaded||!gform.scriptsLoaded||!gform.themeScriptsLoaded&&!gform.isFormEditor()||(gform.isFormEditor()&&console.warn(\"The use of gform.initializeOnLoaded() is deprecated in the form editor context and will be removed in Gravity Forms 3.1.\"),o(),0))},initializeOnLoaded:function(o){gform.callIfLoaded(o)||(document.addEventListener(\"gform_main_scripts_loaded\",()=>{gform.scriptsLoaded=!0,gform.callIfLoaded(o)}),document.addEventListener(\"gform\/theme\/scripts_loaded\",()=>{gform.themeScriptsLoaded=!0,gform.callIfLoaded(o)}),window.addEventListener(\"DOMContentLoaded\",()=>{gform.domLoaded=!0,gform.callIfLoaded(o)}))},hooks:{action:{},filter:{}},addAction:function(o,r,e,t){gform.addHook(\"action\",o,r,e,t)},addFilter:function(o,r,e,t){gform.addHook(\"filter\",o,r,e,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,r){gform.removeHook(\"action\",o,r)},removeFilter:function(o,r,e){gform.removeHook(\"filter\",o,r,e)},addHook:function(o,r,e,t,n){null==gform.hooks[o][r]&&(gform.hooks[o][r]=[]);var d=gform.hooks[o][r];null==n&&(n=r+\"_\"+d.length),gform.hooks[o][r].push({tag:n,callable:e,priority:t=null==t?10:t})},doHook:function(r,o,e){var t;if(e=Array.prototype.slice.call(e,1),null!=gform.hooks[r][o]&&((o=gform.hooks[r][o]).sort(function(o,r){return o.priority-r.priority}),o.forEach(function(o){\"function\"!=typeof(t=o.callable)&&(t=window[t]),\"action\"==r?t.apply(null,e):e[0]=t.apply(null,e)})),\"filter\"==r)return e[0]},removeHook:function(o,r,t,n){var e;null!=gform.hooks[o][r]&&(e=(e=gform.hooks[o][r]).filter(function(o,r,e){return!!(null!=n&&n!=o.tag||null!=t&&t!=o.priority)}),gform.hooks[o][r]=e)}});\n<\/script>\n\n                <div class='gf_browser_gecko gform_wrapper gravity-theme gform-theme--no-framework' data-form-theme='gravity-theme' data-form-index='0' id='gform_wrapper_28' ><div id='gf_28' class='gform_anchor' tabindex='-1'><\/div>\n                        <div class='gform_heading'>\n\t\t\t\t\t\t\t<p class='gform_required_legend'>&quot;<span class=\"gfield_required gfield_required_asterisk\">*<\/span>&quot; se\u00f1ala los campos obligatorios<\/p>\n                        <\/div><form method='post' enctype='multipart\/form-data' target='gform_ajax_frame_28' id='gform_28'  action='\/es\/wp-json\/wp\/v2\/pages\/16591#gf_28' data-formid='28' novalidate>\n                        <div class='gform-body gform_body'><div id='gform_fields_28' class='gform_fields top_label form_sublabel_below description_below validation_below'><div id=\"field_28_9\" class=\"gfield gfield--type-honeypot gform_validation_container field_sublabel_below gfield--has-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_9'>Instagram<\/label><div class='ginput_container'><input name='input_9' id='input_28_9' type='text' value='' autocomplete='new-password'\/><\/div><div class='gfield_description' id='gfield_description_28_9'>Este campo es un campo de validaci\u00f3n y debe quedar sin cambios.<\/div><\/div><div id=\"field_28_1\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_1'>Nombre y apellidos<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_1' id='input_28_1' type='text' value='' class='large'    placeholder='Nombre y apellidos' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_28_7\" class=\"gfield gfield--type-text gfield--input-type-text gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_7'>Nombre de la empresa<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_text'><input name='input_7' id='input_28_7' type='text' value='' class='large'    placeholder='Nombre de la empresa' aria-required=\"true\" aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_28_3\" class=\"gfield gfield--type-email gfield--input-type-email gfield--width-half gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_3'>Direcci\u00f3n de correo electr\u00f3nico<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_email'>\n                            <input name='input_3' id='input_28_3' type='email' value='' class='large'   placeholder='Direcci\u00f3n de correo electr\u00f3nico' aria-required=\"true\" aria-invalid=\"false\"  \/>\n                        <\/div><\/div><div id=\"field_28_2\" class=\"gfield gfield--type-phone gfield--input-type-phone gfield--width-half field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_2'>N\u00famero de tel\u00e9fono<\/label><div class='ginput_container ginput_container_phone'><input name='input_2' id='input_28_2' type='tel' value='' class='large'  placeholder='N\u00famero de tel\u00e9fono'  aria-invalid=\"false\"   \/><\/div><\/div><div id=\"field_28_8\" class=\"gfield gfield--type-select gfield--input-type-select gfield--width-full gfield_contains_required field_sublabel_below gfield--no-description field_description_below field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_8'>\u00bfC\u00f3mo podemos ayudarle?<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_8' id='input_28_8' class='large gfield_select'    aria-required=\"true\" aria-invalid=\"false\" ><option value='Solicitar una demostraci\u00f3n' >Solicitar una demostraci\u00f3n<\/option><option value='Solicitud de precios' >Solicitud de precios<\/option><option value='Solicitud de asistencia' >Solicitud de asistencia<\/option><option value='Consulta general' >Consulta general<\/option><option value='Otros' >Otros<\/option><\/select><\/div><\/div><div id=\"field_28_4\" class=\"gfield gfield--type-textarea gfield--input-type-textarea gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><label class='gfield_label gform-field-label' for='input_28_4'>Su pregunta o comentario<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/label><div class='ginput_container ginput_container_textarea'><textarea name='input_4' id='input_28_4' class='textarea small'    placeholder='Su pregunta o comentario' aria-required=\"true\" aria-invalid=\"false\"   rows='10' cols='50'><\/textarea><\/div><\/div><fieldset id=\"field_28_5\" class=\"gfield gfield--type-consent gfield--type-choice gfield--input-type-consent gfield_contains_required field_sublabel_below gfield--no-description field_description_below hidden_label field_validation_below gfield_visibility_visible\"  ><legend class='gfield_label gform-field-label gfield_label_before_complex' >T\u00e9rminos y condiciones<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/span><\/legend><div class='ginput_container ginput_container_consent'><input name='input_5.1' id='input_28_5_1' type='checkbox' value='1'   aria-required=\"true\" aria-invalid=\"false\"   \/> <label class=\"gform-field-label gform-field-label--type-inline gfield_consent_label\" for='input_28_5_1' >Acepto los <a href=\"https:\/\/www.rapidclouddevelopment.com\/es\/terminos-y-condiciones\/\" target=\"_blank\">t\u00e9rminos y condiciones<\/a>.<span class=\"gfield_required gfield_required_asterisk\">*<\/span><\/label><input type='hidden' name='input_5.2' value='Acepto los &lt;a href=&quot;https:\/\/www.rapidclouddevelopment.com\/es\/terminos-y-condiciones\/&quot; target=&quot;_blank&quot;&gt;t\u00e9rminos y condiciones&lt;\/a&gt;.' class='gform_hidden' \/><input type='hidden' name='input_5.3' value='16' class='gform_hidden' \/><\/div><\/fieldset><\/div><\/div>\n        <div class='gform-footer gform_footer top_label'> <input type='submit' id='gform_submit_button_28' class='gform_button button' onclick='gform.submission.handleButtonClick(this);' data-submission-type='submit' value='Enviar'  \/> <input type='hidden' name='gform_ajax' value='form_id=28&amp;title=&amp;description=&amp;tabindex=0&amp;theme=gravity-theme&amp;styles=[]&amp;hash=14610b632969230355aeacca2909577f' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submission_method' data-js='gform_submission_method_28' value='iframe' \/>\n            <input type='hidden' class='gform_hidden' name='gform_theme' data-js='gform_theme_28' id='gform_theme_28' value='gravity-theme' \/>\n            <input type='hidden' class='gform_hidden' name='gform_style_settings' data-js='gform_style_settings_28' id='gform_style_settings_28' value='[]' \/>\n            <input type='hidden' class='gform_hidden' name='is_submit_28' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='28' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_currency' data-currency='EUR' value='pG3Tzdnln\/BFzaBqRDkIz1d1aMyhIfkNz4riqeOWsbdlsctZZdnfqD+izU1YrxsyuinnZ4bP\/9pue09AjKFll7mnHqB9WuZQH5kJ4WfJ2dFVEpQ=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_28' value='WyJ7XCI4XCI6W1wiNDgxNWRjYmY2MWJlZDY0MmZmNzdmZWI3ZmEyYWM0ZTVcIixcImYyYTkzMjNiMmJhNDU0NTM3MzJhNTg1YzJmZTFlNjZjXCIsXCJiYWI5NjkwMzRhN2I5MDViMmVmNjUxZjNkZjc4MWZiOVwiLFwiMjFlMjlmYWQ0MDFhMDYyMmU0Y2YxM2RmODU5MzViMmVcIixcImU3OTc0NDMzMjZkODg5YTUwOTNkZjFmZDU2MjhjYWYxXCJdLFwiNS4xXCI6XCJhNTBiMTNjOGZiNzUyZjVjYjY0NTQyOTcxYzUwMzYzM1wiLFwiNS4yXCI6XCJlYjY2ZTQyYzE2YmZlMjU1YWE4OWZiNTU4MjM1OWQwMlwiLFwiNS4zXCI6XCIxM2IwN2JmNDYxMmJjZDdmYjY4NWNjNjE5MzUyMzdlZlwifSIsIjFjNWU1MWUyYzk2OTdjNmI2NmZmYmI0MTBiNGE2MDJiIl0=' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_target_page_number_28' id='gform_target_page_number_28' value='0' \/>\n            <input type='hidden' autocomplete='off' class='gform_hidden' name='gform_source_page_number_28' id='gform_source_page_number_28' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <p style=\"display: none !important;\" class=\"akismet-fields-container\" data-prefix=\"ak_\"><label>&#916;<textarea name=\"ak_hp_textarea\" cols=\"45\" rows=\"8\" maxlength=\"100\"><\/textarea><\/label><input type=\"hidden\" id=\"ak_js_1\" name=\"ak_js\" value=\"220\"\/><script>document.getElementById( \"ak_js_1\" ).setAttribute( \"value\", ( new Date() ).getTime() );<\/script><\/p><\/form>\n                        <\/div>\n\t\t                <iframe style='display:none;width:0px;height:0px;' src='about:blank' name='gform_ajax_frame_28' id='gform_ajax_frame_28' title='Este iframe contiene la l\u00f3gica necesaria para gestionar formularios con ajax activado.'><\/iframe>\n\t\t                <script>\ngform.initializeOnLoaded( function() {gformInitSpinner( 28, 'https:\/\/www.rapidclouddevelopment.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery('#gform_ajax_frame_28').on('load',function(){var contents = jQuery(this).contents().find('*').html();var is_postback = contents.indexOf('GF_AJAX_POSTBACK') >= 0;if(!is_postback){return;}var form_content = jQuery(this).contents().find('#gform_wrapper_28');var is_confirmation = jQuery(this).contents().find('#gform_confirmation_wrapper_28').length > 0;var is_redirect = contents.indexOf('gformRedirect(){') >= 0;var is_form = form_content.length > 0 && ! is_redirect && ! is_confirmation;var mt = parseInt(jQuery('html').css('margin-top'), 10) + parseInt(jQuery('body').css('margin-top'), 10) + 100;if(is_form){jQuery('#gform_wrapper_28').html(form_content.html());if(form_content.hasClass('gform_validation_error')){jQuery('#gform_wrapper_28').addClass('gform_validation_error');} else {jQuery('#gform_wrapper_28').removeClass('gform_validation_error');}setTimeout( function() { \/* delay the scroll by 50 milliseconds to fix a bug in chrome *\/ jQuery(document).scrollTop(jQuery('#gform_wrapper_28').offset().top - mt); }, 50 );if(window['gformInitDatepicker']) {gformInitDatepicker();}if(window['gformInitPriceFields']) {gformInitPriceFields();}var current_page = jQuery('#gform_source_page_number_28').val();gformInitSpinner( 28, 'https:\/\/www.rapidclouddevelopment.com\/wp-content\/plugins\/gravityforms\/images\/spinner.svg', true );jQuery(document).trigger('gform_page_loaded', [28, current_page]);window['gf_submitting_28'] = false;}else if(!is_redirect){var confirmation_content = jQuery(this).contents().find('.GF_AJAX_POSTBACK').html();if(!confirmation_content){confirmation_content = contents;}jQuery('#gform_wrapper_28').replaceWith(confirmation_content);jQuery(document).scrollTop(jQuery('#gf_28').offset().top - mt);jQuery(document).trigger('gform_confirmation_loaded', [28]);window['gf_submitting_28'] = false;wp.a11y.speak(jQuery('#gform_confirmation_message_28').text());}else{jQuery('#gform_28').append(contents);if(window['gformRedirect']) {gformRedirect();}}jQuery(document).trigger(\"gform_pre_post_render\", [{ formId: \"28\", currentPage: \"current_page\", abort: function() { this.preventDefault(); } }]);        if (event && event.defaultPrevented) {                return;        }        const gformWrapperDiv = document.getElementById( \"gform_wrapper_28\" );        if ( gformWrapperDiv ) {            const visibilitySpan = document.createElement( \"span\" );            visibilitySpan.id = \"gform_visibility_test_28\";            gformWrapperDiv.insertAdjacentElement( \"afterend\", visibilitySpan );        }        const visibilityTestDiv = document.getElementById( \"gform_visibility_test_28\" );        let postRenderFired = false;        function triggerPostRender() {            if ( postRenderFired ) {                return;            }            postRenderFired = true;            gform.core.triggerPostRenderEvents( 28, current_page );            if ( visibilityTestDiv ) {                visibilityTestDiv.parentNode.removeChild( visibilityTestDiv );            }        }        function debounce( func, wait, immediate ) {            var timeout;            return function() {                var context = this, args = arguments;                var later = function() {                    timeout = null;                    if ( !immediate ) func.apply( context, args );                };                var callNow = immediate && !timeout;                clearTimeout( timeout );                timeout = setTimeout( later, wait );                if ( callNow ) func.apply( context, args );            };        }        const debouncedTriggerPostRender = debounce( function() {            triggerPostRender();        }, 200 );        if ( visibilityTestDiv && visibilityTestDiv.offsetParent === null ) {            const observer = new MutationObserver( ( mutations ) => {                mutations.forEach( ( mutation ) => {                    if ( mutation.type === 'attributes' && visibilityTestDiv.offsetParent !== null ) {                        debouncedTriggerPostRender();                        observer.disconnect();                    }                });            });            observer.observe( document.body, {                attributes: true,                childList: false,                subtree: true,                attributeFilter: [ 'style', 'class' ],            });        } else {            triggerPostRender();        }    } );} );\n<\/script>\n<\/div> <\/div> <\/section> <\/div> <\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>Inicio\/Tutoriales Empiece a utilizar el marco RCD con nuestros tutoriales detallados en v\u00eddeo y texto Tutoriales Empiece r\u00e1pidamente con tutoriales paso a paso que combinan explicaciones claras y v\u00eddeos pr\u00e1cticos. Tanto si es nuevo en el marco como si est\u00e1 explorando funciones avanzadas, estas gu\u00edas le ayudar\u00e1n a comprender, crear y dominar todos los aspectos [&hellip;]<\/p>\n","protected":false},"author":11,"featured_media":16590,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16591","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.0 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Tutoriales - Rapid Cloud Development<\/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.rapidclouddevelopment.com\/es\/tutoriales\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Tutoriales - Rapid Cloud Development\" \/>\n<meta property=\"og:description\" content=\"Inicio\/Tutoriales Empiece a utilizar el marco RCD con nuestros tutoriales detallados en v\u00eddeo y texto Tutoriales Empiece r\u00e1pidamente con tutoriales paso a paso que combinan explicaciones claras y v\u00eddeos pr\u00e1cticos. Tanto si es nuevo en el marco como si est\u00e1 explorando funciones avanzadas, estas gu\u00edas le ayudar\u00e1n a comprender, crear y dominar todos los aspectos [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/\" \/>\n<meta property=\"og:site_name\" content=\"Rapid Cloud Development\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-21T19:17:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"1707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/\",\"name\":\"Tutoriales - Rapid Cloud Development\",\"isPartOf\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"datePublished\":\"2026-02-18T13:40:23+00:00\",\"dateModified\":\"2026-10-21T19:17:14+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#primaryimage\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"contentUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg\",\"width\":2560,\"height\":1707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.rapidclouddevelopment.com\/es\/home\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutoriales\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/#website\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/es\/\",\"name\":\"Rapid Cloud Development\",\"description\":\"The first OpenEdge web development framework for small and medium-sized companies\",\"publisher\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.rapidclouddevelopment.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/#organization\",\"name\":\"Rapid Cloud Development\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png\",\"contentUrl\":\"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png\",\"width\":501,\"height\":500,\"caption\":\"Rapid Cloud Development\"},\"image\":{\"@id\":\"https:\/\/www.rapidclouddevelopment.com\/es\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Tutoriales - Rapid Cloud Development","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.rapidclouddevelopment.com\/es\/tutoriales\/","og_locale":"es_ES","og_type":"article","og_title":"Tutoriales - Rapid Cloud Development","og_description":"Inicio\/Tutoriales Empiece a utilizar el marco RCD con nuestros tutoriales detallados en v\u00eddeo y texto Tutoriales Empiece r\u00e1pidamente con tutoriales paso a paso que combinan explicaciones claras y v\u00eddeos pr\u00e1cticos. Tanto si es nuevo en el marco como si est\u00e1 explorando funciones avanzadas, estas gu\u00edas le ayudar\u00e1n a comprender, crear y dominar todos los aspectos [&hellip;]","og_url":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/","og_site_name":"Rapid Cloud Development","article_modified_time":"2026-10-21T19:17:14+00:00","og_image":[{"width":2560,"height":1707,"url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/","url":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/","name":"Tutoriales - Rapid Cloud Development","isPartOf":{"@id":"https:\/\/www.rapidclouddevelopment.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#primaryimage"},"image":{"@id":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#primaryimage"},"thumbnailUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","datePublished":"2026-02-18T13:40:23+00:00","dateModified":"2026-10-21T19:17:14+00:00","breadcrumb":{"@id":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#primaryimage","url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","contentUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2022\/02\/picjumbo.com_HNCK8404-scaled.jpg","width":2560,"height":1707},{"@type":"BreadcrumbList","@id":"https:\/\/www.rapidclouddevelopment.com\/es\/tutoriales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.rapidclouddevelopment.com\/es\/home\/"},{"@type":"ListItem","position":2,"name":"Tutoriales"}]},{"@type":"WebSite","@id":"https:\/\/www.rapidclouddevelopment.com\/es\/#website","url":"https:\/\/www.rapidclouddevelopment.com\/es\/","name":"Rapid Cloud Development","description":"The first OpenEdge web development framework for small and medium-sized companies","publisher":{"@id":"https:\/\/www.rapidclouddevelopment.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.rapidclouddevelopment.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.rapidclouddevelopment.com\/es\/#organization","name":"Rapid Cloud Development","url":"https:\/\/www.rapidclouddevelopment.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.rapidclouddevelopment.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png","contentUrl":"https:\/\/www.rapidclouddevelopment.com\/wp-content\/uploads\/2025\/09\/logo500x500-black.png","width":501,"height":500,"caption":"Rapid Cloud Development"},"image":{"@id":"https:\/\/www.rapidclouddevelopment.com\/es\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/pages\/16591","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/comments?post=16591"}],"version-history":[{"count":27,"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/pages\/16591\/revisions"}],"predecessor-version":[{"id":17794,"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/pages\/16591\/revisions\/17794"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/media\/16590"}],"wp:attachment":[{"href":"https:\/\/www.rapidclouddevelopment.com\/es\/wp-json\/wp\/v2\/media?parent=16591"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}