{"id":5472,"date":"2026-05-11T02:57:40","date_gmt":"2026-05-11T02:57:40","guid":{"rendered":"https:\/\/robin-ai.io\/?page_id=5472"},"modified":"2026-05-14T22:45:00","modified_gmt":"2026-05-14T22:45:00","slug":"demos","status":"publish","type":"page","link":"https:\/\/robin-ai.io\/en\/demos\/","title":{"rendered":"Demos"},"content":{"rendered":"<section class=\"robin-demo-wrap\">\n  <div class=\"robin-demo-header\">\n    <span class=\"robin-demo-label\">DEMO INTERACTIVA<\/span>\n    <h3 class=\"robin-demo-title\">Mira c\u00f3mo Robin orquesta el flujo en tiempo real<\/h3>\n    <p class=\"robin-demo-sub\">Selecciona un caso de uso y reproduce el flujo completo de principio a fin.<\/p>\n  <\/div>\n  <div class=\"robin-demo-frame-wrap\">\n    <iframe\n      src=\"https:\/\/robin-ai.io\/wp-content\/uploads\/2026\/04\/robin_ai_demo_es.html\"\n      title=\"Robin AI \u2014 Demo interactiva\"\n      loading=\"lazy\"\n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n<\/section>\n<style>\n.robin-demo-wrap {\n  width: 100%;\n  padding: 60px 20px;\n  background: #FDF2E1;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  box-sizing: border-box;\n}\n.robin-demo-header {\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto 32px;\n}\n.robin-demo-label {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #FF363A;\n  text-transform: uppercase;\n  margin-bottom: 10px;\n}\n.robin-demo-title {\n  font-size: clamp(22px, 3vw, 32px);\n  font-weight: 800;\n  color: #111827;\n  line-height: 1.25;\n  margin: 0 0 12px;\n}\n.robin-demo-sub {\n  font-size: 15px;\n  color: #6b7280;\n  line-height: 1.6;\n  margin: 0;\n}\n.robin-demo-frame-wrap {\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(83,74,183,0.12), 0 2px 8px rgba(0,0,0,0.06);\n  border: 1px solid rgba(83,74,183,0.12);\n  height: 860px;\n}\n.robin-demo-frame-wrap iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  display: block;\n}\n\/* iPad Pro 1366px *\/\n@media (max-width: 1366px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 12px; }\n}\n\/* iPad Air 1180px *\/\n@media (max-width: 1180px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 10px; }\n}\n\/* iPad Mini landscape 1024px *\/\n@media (max-width: 1024px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 8px; }\n}\n\/* iPad Air portrait 820px *\/\n@media (max-width: 820px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 8px; }\n}\n\/* iPad Mini portrait 768px *\/\n@media (max-width: 768px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 8px; }\n}\n\/* M\u00f3vil landscape *\/\n@media (max-width: 900px) and (orientation: landscape) {\n  .robin-demo-frame-wrap { height: 100svh; border-radius: 0; box-shadow: none; border: none; }\n}\n\/* M\u00f3vil grande *\/\n@media (max-width: 600px) {\n  .robin-demo-wrap { padding: 40px 12px; }\n  .robin-demo-frame-wrap { height: 100svh; max-height: 750px; border-radius: 12px; }\n}\n\/* M\u00f3vil peque\u00f1o *\/\n@media (max-width: 400px) {\n  .robin-demo-frame-wrap { height: 100svh; max-height: 700px; border-radius: 10px; }\n}\n<\/style>\n\n\n\n<iframe\n  src=\"https:\/\/robin-ai.io\/wp-content\/uploads\/2026\/05\/demo_styled.html\"\n  width=\"100%\"\n  height=\"700px\"\n  frameborder=\"0\"\n><\/iframe>\n\n\n\n<section class=\"robin-demo-wrap\">\n  <div class=\"robin-demo-header\">\n    <span class=\"robin-demo-label\">DEMO INTERACTIVA<\/span>\n    <h3 class=\"robin-demo-title\">Mira c\u00f3mo Robin detecta y responde amenazas en tiempo real<\/h3>\n    <p class=\"robin-demo-sub\">Selecciona un caso de uso y reproduce el flujo completo de principio a fin.<\/p>\n  <\/div>\n  <div class=\"robin-demo-frame-wrap\">\n    <iframe\n      src=\"https:\/\/robin-ai.io\/wp-content\/uploads\/2026\/04\/robin_ai_demo_ciberseguridad.html\"\n      title=\"Robin AI \u2014 Demo Ciberseguridad\"\n      loading=\"lazy\"\n      allowfullscreen>\n    <\/iframe>\n  <\/div>\n<\/section>\n<style>\n.robin-demo-wrap {\n  width: 100%;\n  padding: 60px 20px;\n  background: #FDF2E1;\n  font-family: 'Plus Jakarta Sans', sans-serif;\n  box-sizing: border-box;\n}\n.robin-demo-header {\n  text-align: center;\n  max-width: 600px;\n  margin: 0 auto 32px;\n}\n.robin-demo-label {\n  display: inline-block;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #FF363A;\n  text-transform: uppercase;\n  margin-bottom: 10px;\n}\n.robin-demo-title {\n  font-size: clamp(22px, 3vw, 32px);\n  font-weight: 800;\n  color: #111827;\n  line-height: 1.25;\n  margin: 0 0 12px;\n}\n.robin-demo-sub {\n  font-size: 15px;\n  color: #6b7280;\n  line-height: 1.6;\n  margin: 0;\n}\n.robin-demo-frame-wrap {\n  width: 100%;\n  max-width: 1600px;\n  margin: 0 auto;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 8px 40px rgba(83,74,183,0.12), 0 2px 8px rgba(0,0,0,0.06);\n  border: 1px solid rgba(83,74,183,0.12);\n  height: 860px;\n}\n.robin-demo-frame-wrap iframe {\n  width: 100%;\n  height: 100%;\n  border: none;\n  display: block;\n}\n\/* iPad Pro 1366px *\/\n@media (max-width: 1366px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 12px; }\n}\n\/* iPad Air 1180px *\/\n@media (max-width: 1180px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 10px; }\n}\n\/* iPad Mini landscape 1024px *\/\n@media (max-width: 1024px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 8px; }\n}\n\/* iPad Air portrait 820px *\/\n@media (max-width: 820px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 8px; }\n}\n\/* iPad Mini portrait 768px *\/\n@media (max-width: 768px) {\n  .robin-demo-frame-wrap { height: 900px; border-radius: 8px; }\n}\n\/* M\u00f3vil landscape *\/\n@media (max-width: 900px) and (orientation: landscape) {\n  .robin-demo-frame-wrap { height: 100svh; border-radius: 0; box-shadow: none; border: none; }\n}\n\/* M\u00f3vil grande *\/\n@media (max-width: 600px) {\n  .robin-demo-wrap { padding: 40px 12px; }\n  .robin-demo-frame-wrap { height: 100svh; max-height: 750px; border-radius: 12px; }\n}\n\/* M\u00f3vil peque\u00f1o *\/\n@media (max-width: 400px) {\n  .robin-demo-frame-wrap { height: 100svh; max-height: 700px; border-radius: 10px; }\n}\n<\/style>","protected":false},"excerpt":{"rendered":"<p>DEMO INTERACTIVA Mira c\u00f3mo Robin orquesta el flujo en tiempo real Selecciona un caso de uso y reproduce el flujo completo de principio a fin. DEMO INTERACTIVA Mira c\u00f3mo Robin detecta y responde amenazas en tiempo real Selecciona un caso de uso y reproduce el flujo completo de principio a fin.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_post_transparent":"","_kad_post_title":"hide","_kad_post_layout":"fullwidth","_kad_post_sidebar_id":"","_kad_post_content_style":"unboxed","_kad_post_vertical_padding":"hide","_kad_post_feature":"hide","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"<!-- ================================================   BLOQUE 00 \u00b7 TOKENS GLOBALES   \u25ba Pegar UNA SOLA VEZ en WordPress:     Apariencia \u2192 Personalizar \u2192 CSS adicional     O en el primer bloque \"HTML personalizado\" de la p\u00e1gina.   \u25ba Fuentes: a\u00f1adir en el <head> del tema (functions.php o plugin):     <link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Syne:wght@500;600;700;800&display=swap\" rel=\"stylesheet\" \/> ================================================ -->  <style> \/* \u2500\u2500 TOKENS GLOBALES ROBIN AI \u00b7 MOTOR DE IA \u2500\u2500 *\/ :root {   --rvp-navy:        #0F1B3C;   --rvp-navy-deep:   #0A1230;   --rvp-navy-soft:   #18234A;   --rvp-navy-card:   #1A2649;   --rvp-navy-line:   rgba(255,255,255,0.08);    --rvp-red:         #E8344B;   --rvp-red-deep:    #C42339;   --rvp-red-soft:    #F76A7B;   --rvp-mustard:     #E8B53C;   --rvp-coral:       #F4A78C;    --rvp-white:       #FFFFFF;   --rvp-cream:       #FDF2E1;   --rvp-cream-border:#F0E6D3;    --rvp-text:        #F5F5F8;   --rvp-text-muted:  rgba(245,245,248,0.68);   --rvp-text-subtle: rgba(245,245,248,0.42);   --rvp-text-dark:   #0F1B3C;   --rvp-text-gray:   #6B7280;    --rvp-r-sm:   8px;   --rvp-r-md:   14px;   --rvp-r-lg:   22px;   --rvp-r-pill: 999px;    --rvp-sp3:  12px;   --rvp-sp4:  16px;   --rvp-sp5:  24px;   --rvp-sp6:  32px;   --rvp-sp7:  48px;   --rvp-sp8:  64px;   --rvp-sp9:  96px;   --rvp-sp10: 128px;    --rvp-font-display: 'Syne', sans-serif;   --rvp-font-body:    'DM Sans', sans-serif;   --rvp-font-mono:    'JetBrains Mono', monospace;    --rvp-ease: cubic-bezier(0.22,1,0.36,1);   --rvp-container: 1240px; }  \/* \u2500\u2500 RESET SCOPED (no afecta el tema WP) \u2500\u2500 *\/ .rvp-wrap *, .rvp-wrap *::before, .rvp-wrap *::after { box-sizing: border-box; } .rvp-wrap { -webkit-font-smoothing: antialiased; } .rvp-wrap img, .rvp-wrap svg { display: block; max-width: 100%; } .rvp-wrap a { color: inherit; text-decoration: none; } .rvp-wrap ul { list-style: none; padding: 0; margin: 0; }  \/* \u2500\u2500 CONTENEDOR \u2500\u2500 *\/ .rvp-inner {   width: 100%;   max-width: var(--rvp-container);   margin: 0 auto;   padding: 0 var(--rvp-sp5); }  \/* \u2500\u2500 EYEBROW \u2500\u2500 *\/ .rvp-eyebrow {   display: inline-flex;   align-items: center;   gap: var(--rvp-sp3);   font-family: var(--rvp-font-body);   font-size: 11px;   font-weight: 500;   letter-spacing: 0.16em;   text-transform: uppercase;   color: var(--rvp-red);   margin-bottom: 16px; } .rvp-eyebrow::before {   content: '';   width: 6px; height: 6px;   background: var(--rvp-red);   border-radius: 50%;   flex-shrink: 0; }  \/* \u2500\u2500 SECTION HEAD \u2500\u2500 *\/ .rvp-section-head { max-width: 720px; margin-bottom: var(--rvp-sp8); } .rvp-section-head h2 {   font-family: var(--rvp-font-display);   font-size: clamp(1.9rem, 3.6vw, 2.8rem);   font-weight: 700;   letter-spacing: -0.025em;   line-height: 1.08;   margin: 0 0 var(--rvp-sp5); } .rvp-section-head--dark h2  { color: var(--rvp-text-dark); } .rvp-section-head--dark .rvp-lead { color: var(--rvp-text-gray); } .rvp-section-head--light h2  { color: var(--rvp-text); } .rvp-section-head--light .rvp-lead { color: var(--rvp-text-muted); }  .rvp-lead {   font-family: var(--rvp-font-body);   font-size: clamp(1rem,1.6vw,1.125rem);   line-height: 1.65;   max-width: 56ch;   margin: 0; }  \/* \u2500\u2500 BOTONES \u2500\u2500 *\/ .rvp-btn {   display: inline-flex;   align-items: center;   justify-content: center;   gap: var(--rvp-sp3);   padding: 14px 24px;   border-radius: var(--rvp-r-pill);   font-family: var(--rvp-font-body);   font-weight: 500;   font-size: 14px;   letter-spacing: 0.04em;   text-transform: uppercase;   text-decoration: none;   cursor: pointer;   border: none;   transition: transform 220ms var(--rvp-ease), background 220ms var(--rvp-ease), box-shadow 220ms var(--rvp-ease);   white-space: nowrap; } .rvp-btn--primary { background: var(--rvp-red); color: #fff; box-shadow: 0 6px 24px rgba(232,52,75,0.28); } .rvp-btn--primary:hover { background: var(--rvp-red-deep); transform: translateY(-2px); box-shadow: 0 10px 32px rgba(232,52,75,0.42); color: #fff; } .rvp-btn--ghost { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.22); } .rvp-btn--ghost:hover { border-color: #fff; background: rgba(255,255,255,0.04); color: #fff; } .rvp-btn--inverted { background: #fff; color: var(--rvp-red); box-shadow: 0 8px 28px rgba(0,0,0,0.22); } .rvp-btn--inverted:hover { transform: translateY(-3px); box-shadow: 0 14px 36px rgba(0,0,0,0.3); background: #F9F9F9; color: var(--rvp-red-deep); }  \/* \u2500\u2500 REVEAL ANIMATION \u2500\u2500 *\/ .rvp-reveal {   opacity: 0;   transform: translateY(22px);   transition: opacity 650ms var(--rvp-ease), transform 650ms var(--rvp-ease); } .rvp-reveal.is-vis { opacity: 1; transform: translateY(0); } .rvp-reveal:nth-child(2) { transition-delay: 80ms; } .rvp-reveal:nth-child(3) { transition-delay: 160ms; } .rvp-reveal:nth-child(4) { transition-delay: 240ms; } .rvp-reveal:nth-child(5) { transition-delay: 300ms; } .rvp-reveal:nth-child(6) { transition-delay: 360ms; }  \/* \u2500\u2500 FADE-UP (hero) \u2500\u2500 *\/ @keyframes rvp-fadeup {   from { opacity:0; transform:translateY(20px); }   to   { opacity:1; transform:translateY(0); } } .rvp-fu   { animation: rvp-fadeup 700ms var(--rvp-ease) both; } .rvp-fu-1 { animation-delay: 80ms; } .rvp-fu-2 { animation-delay: 180ms; } .rvp-fu-3 { animation-delay: 280ms; } <\/style>  <script> \/* \u2500\u2500 REVEAL OBSERVER GLOBAL \u2500\u2500 *\/ (function(){   if (!('IntersectionObserver' in window)) {     document.querySelectorAll('.rvp-reveal').forEach(function(el){ el.classList.add('is-vis'); });     return;   }   var obs = new IntersectionObserver(function(entries){     entries.forEach(function(entry){       if (entry.isIntersecting) {         entry.target.classList.add('is-vis');         obs.unobserve(entry.target);       }     });   }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' });   document.querySelectorAll('.rvp-reveal').forEach(function(el){ obs.observe(el); }); })(); <\/script>","footnotes":""},"class_list":["post-5472","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/pages\/5472","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/comments?post=5472"}],"version-history":[{"count":3,"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/pages\/5472\/revisions"}],"predecessor-version":[{"id":5783,"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/pages\/5472\/revisions\/5783"}],"wp:attachment":[{"href":"https:\/\/robin-ai.io\/en\/wp-json\/wp\/v2\/media?parent=5472"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}