{"id":93502,"date":"2026-07-31T12:54:54","date_gmt":"2026-07-31T17:54:54","guid":{"rendered":"https:\/\/yakidoo.com\/?page_id=93502"},"modified":"2026-08-07T14:34:15","modified_gmt":"2026-08-07T19:34:15","slug":"dhs","status":"publish","type":"page","link":"https:\/\/yakidoo.com\/de\/tecnologia\/dhs\/","title":{"rendered":"DHS HUB"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>@import url('https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Urbanist:wght@500;600;700&display=swap');\n.yk-dhs{\n      --yakidoo:#21153f;\n      --night:#111827;\n      --night-2:#172037;\n      --ink:#1e2840;\n      --body:#5d6579;\n      --lavender:#8178ec;\n      --blue:#7199f5;\n      --ice:#bfe9ff;\n      --cloud:#f2f4fb;\n      --mist:#e8ecf6;\n      --white:#fff;\n      --line:rgba(30,40,64,.12);\n      --line-dark:rgba(255,255,255,.12);\n      --shadow:0 24px 70px rgba(32,38,75,.10);\n      --radius:28px;\n      --ease:cubic-bezier(.22,1,.36,1);\n    }\n\n    .yk-dhs *{box-sizing:border-box}\n    .yk-dhs{scroll-behavior:smooth}\n    .yk-dhs{\n      margin:0;\n      background:var(--cloud);\n      color:var(--ink);\n      font-family:\"Plus Jakarta Sans\",system-ui,sans-serif;\n      -webkit-font-smoothing:antialiased;\n      overflow-x:hidden;\n    }\n    .yk-dhs a{color:inherit;text-decoration:none}\n    .yk-dhs button{font:inherit}\n    .yk-dhs img{display:block;max-width:100%}\n    .yk-dhs .wrap{width:min(1320px,calc(100% - clamp(48px,7.8vw,112px)));margin-inline:auto}\n    .yk-dhs .display{\n      margin:0;\n      font-family:\"Urbanist\",sans-serif;\n      font-weight:600;\n      letter-spacing:-.035em;\n      line-height:1.02;\n    }\n    .yk-dhs .kicker{\n      display:flex;\n      align-items:center;\n      gap:10px;\n      margin:0 0 22px;\n      color:var(--lavender);\n      font-family:\"Urbanist\",sans-serif;\n      font-size:11px;\n      font-weight:700;\n      letter-spacing:.18em;\n      text-transform:uppercase;\n    }\n    .yk-dhs .kicker::before{\n      width:28px;\n      height:1px;\n      background:currentColor;\n      content:\"\";\n    }\n    .yk-dhs .gradient-text{\n      color:transparent;\n      background:linear-gradient(110deg,var(--lavender),var(--blue) 55%,#9adcf8);\n      -webkit-background-clip:text;\n      background-clip:text;\n    }\n    .yk-dhs .btn{\n      display:inline-flex;\n      min-height:54px;\n      align-items:center;\n      justify-content:center;\n      gap:16px;\n      padding:0 24px;\n      border:1px solid transparent;\n      border-radius:999px;\n      background:var(--yakidoo);\n      color:#fff;\n      font-family:\"Urbanist\",sans-serif;\n      font-size:14px;\n      font-weight:700;\n      box-shadow:0 16px 34px -20px rgba(33,21,63,.8);\n      transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s;\n    }\n    .yk-dhs .btn:hover{transform:translateY(-2px);box-shadow:0 20px 42px -20px rgba(33,21,63,.8)}\n    .yk-dhs .btn.gradient{background:linear-gradient(110deg,var(--lavender),var(--blue));box-shadow:0 18px 34px -18px rgba(106,112,225,.9)}\n    .yk-dhs .btn.ghost{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.06);box-shadow:none}\n    .yk-dhs .btn.white{background:#fff;color:var(--yakidoo);box-shadow:none}\n    .yk-dhs .btn .arrow{font-size:18px;transition:transform .25s var(--ease)}\n    .yk-dhs .btn:hover .arrow{transform:translateX(4px)}\n    .yk-dhs .text-link{\n      display:inline-flex;\n      align-items:center;\n      gap:12px;\n      font-family:\"Urbanist\",sans-serif;\n      font-size:14px;\n      font-weight:800;\n    }\n    .yk-dhs .text-link i{\n      display:grid;\n      width:36px;\n      height:36px;\n      place-items:center;\n      border:1px solid currentColor;\n      border-radius:50%;\n      font-style:normal;\n      transition:.3s var(--ease);\n    }\n    .yk-dhs .text-link:hover i{transform:translateX(4px);border-color:var(--yakidoo);background:var(--yakidoo);color:#fff}\n    .yk-dhs .route:last-child .text-link:hover i{border-color:#fff;background:#fff;color:var(--yakidoo)}\n\n    \n    .yk-dhs .site-header{\n      position:relative;\n      z-index:30;\n      height:82px;\n      background:#fff;\n      border-bottom:1px solid rgba(30,40,64,.06);\n    }\n    .yk-dhs .header-inner{\n      height:100%;\n      display:flex;\n      align-items:center;\n      gap:34px;\n    }\n    .yk-dhs .brand{width:170px;flex:0 0 auto}\n    .yk-dhs .brand img{width:100%;height:auto}\n    .yk-dhs .nav{\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      gap:32px;\n      margin-left:auto;\n      font-family:\"Urbanist\",sans-serif;\n      font-size:14px;\n      font-weight:600;\n      color:#171426;\n    }\n    .yk-dhs .nav a{white-space:nowrap}\n    .yk-dhs .nav .has-menu::after{content:\"\u2304\";margin-left:7px;font-size:12px}\n    .yk-dhs .header-cta{min-height:52px;padding-inline:23px;white-space:nowrap}\n    .yk-dhs .menu-toggle{display:none;border:0;background:none;color:var(--yakidoo);font-weight:800}\n\n    \n    .yk-dhs .hero{\n      position:relative;\n      min-height:735px;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at 82% 26%,rgba(113,153,245,.24),transparent 30%),\n        radial-gradient(circle at 70% 88%,rgba(129,120,236,.16),transparent 26%),\n        var(--night);\n      color:#fff;\n    }\n    .yk-dhs .hero::before{\n      position:absolute;\n      inset:0;\n      opacity:.16;\n      background-image:\n        linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),\n        linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);\n      background-size:64px 64px;\n      mask-image:linear-gradient(90deg,transparent 0,#000 35%,#000 100%);\n      content:\"\";\n    }\n    .yk-dhs .hero-inner{position:relative;z-index:2;padding:54px 0 68px}\n    .yk-dhs .breadcrumb{\n      display:flex;\n      gap:10px;\n      margin-bottom:54px;\n      color:rgba(255,255,255,.50);\n      font-size:12px;\n      font-weight:600;\n    }\n    .yk-dhs .breadcrumb b{color:rgba(255,255,255,.78)}\n    .yk-dhs .hero-grid{\n      display:grid;\n      grid-template-columns:minmax(0,1fr) minmax(450px,.92fr);\n      gap:62px;\n      align-items:center;\n    }\n    .yk-dhs .hero-copy{position:relative;z-index:3}\n    .yk-dhs .hero-copy .kicker{color:#bac9ff}\n    .yk-dhs .hero h1{max-width:720px;font-size:clamp(52px,4.75vw,72px);font-weight:600}\n    .yk-dhs .hero-copy>p{\n      max-width:660px;\n      margin:28px 0 30px;\n      color:rgba(234,238,248,.72);\n      font-size:17px;\n      line-height:1.7;\n    }\n    .yk-dhs .hero-copy>p strong{color:#fff}\n    .yk-dhs .hero-actions{display:flex;flex-wrap:wrap;gap:12px}\n    .yk-dhs .hero-notes{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px 24px;\n      margin-top:28px;\n      color:rgba(232,236,244,.56);\n      font-size:11px;\n      font-weight:600;\n    }\n    .yk-dhs .hero-notes span{display:flex;align-items:center;gap:9px}\n    .yk-dhs .hero-notes span::before{width:6px;height:6px;border-radius:50%;background:#87a2ff;content:\"\"}\n\n    .yk-dhs .hero-visual{\n      position:relative;\n      min-height:510px;\n      perspective:1400px;\n    }\n    .yk-dhs .orbit{\n      position:absolute;\n      inset:20px -50px -70px 0;\n      border:1px solid rgba(155,178,255,.16);\n      border-radius:50%;\n      transform:rotate(-10deg);\n    }\n    .yk-dhs .orbit.two{inset:85px 15px -15px 55px;transform:rotate(18deg)}\n    .yk-dhs .system-card{\n      position:absolute;\n      inset:42px 5px 26px 18px;\n      overflow:hidden;\n      border:1px solid rgba(188,206,255,.18);\n      border-radius:30px;\n      background:linear-gradient(145deg,rgba(37,48,80,.92),rgba(20,27,49,.78));\n      box-shadow:0 40px 90px rgba(5,9,25,.42);\n      transform:rotateY(-5deg) rotateX(2deg);\n      transform-style:preserve-3d;\n      transition:transform .6s var(--ease);\n    }\n    .yk-dhs .system-head{\n      height:62px;\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      padding:0 23px;\n      border-bottom:1px solid var(--line-dark);\n      font-family:\"Urbanist\",sans-serif;\n      font-size:12px;\n      font-weight:700;\n    }\n    .yk-dhs .system-head span{display:flex;align-items:center;gap:9px;color:#aeb9dc}\n    .yk-dhs .system-head span::before{width:7px;height:7px;border-radius:50%;background:#7e9bff;box-shadow:0 0 18px #7e9bff;content:\"\"}\n    .yk-dhs .system-body{padding:24px}\n    .yk-dhs .system-label{color:#8d99be;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}\n    .yk-dhs .record{\n      display:grid;\n      grid-template-columns:56px 1fr auto;\n      gap:15px;\n      align-items:center;\n      margin-top:13px;\n      padding:16px;\n      border:1px solid rgba(255,255,255,.09);\n      border-radius:18px;\n      background:rgba(255,255,255,.045);\n    }\n    .yk-dhs .record-icon{\n      display:grid;\n      width:56px;\n      height:56px;\n      place-items:center;\n      border-radius:15px;\n      background:linear-gradient(135deg,rgba(129,120,236,.95),rgba(113,153,245,.95));\n    }\n    .yk-dhs .record-icon svg{width:25px}\n    .yk-dhs .record b{display:block;font-family:\"Urbanist\";font-size:15px}\n    .yk-dhs .record small{display:block;margin-top:4px;color:#8e99b8;font-size:10px}\n    .yk-dhs .status{\n      padding:7px 10px;\n      border:1px solid rgba(154,220,248,.25);\n      border-radius:999px;\n      background:rgba(154,220,248,.08);\n      color:#bfe9ff;\n      font-size:9px;\n      font-weight:700;\n      letter-spacing:.08em;\n    }\n    .yk-dhs .trace{\n      position:relative;\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:12px;\n      margin-top:30px;\n    }\n    .yk-dhs .trace::before{\n      position:absolute;\n      top:18px;\n      right:15%;\n      left:15%;\n      height:1px;\n      background:linear-gradient(90deg,var(--lavender),var(--blue),var(--ice));\n      content:\"\";\n    }\n    .yk-dhs .trace-step{position:relative;text-align:center}\n    .yk-dhs .trace-step i{\n      position:relative;\n      z-index:1;\n      display:grid;\n      width:37px;\n      height:37px;\n      place-items:center;\n      margin:0 auto 10px;\n      border:1px solid rgba(255,255,255,.16);\n      border-radius:12px;\n      background:#1c2745;\n      color:#bdc9f4;\n      font-family:\"Urbanist\";\n      font-size:11px;\n      font-style:normal;\n      font-weight:800;\n    }\n    .yk-dhs .trace-step:last-child i{background:linear-gradient(135deg,var(--lavender),var(--blue));color:#fff}\n    .yk-dhs .trace-step b{display:block;font-family:\"Urbanist\";font-size:11px}\n    .yk-dhs .trace-step span{color:#7f8bab;font-size:8px}\n    .yk-dhs .scan-panel{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      margin-top:26px;\n      padding:15px 17px;\n      border-radius:16px;\n      background:linear-gradient(100deg,rgba(129,120,236,.15),rgba(113,153,245,.08));\n    }\n    .yk-dhs .scan-panel b{display:block;font-family:\"Urbanist\";font-size:12px}\n    .yk-dhs .scan-panel span{color:#8e99b8;font-size:9px}\n    .yk-dhs .scan-panel em{color:#a8e2fb;font-size:10px;font-style:normal;font-weight:700}\n    .yk-dhs .floating-chip{\n      position:absolute;\n      z-index:4;\n      padding:13px 16px;\n      border:1px solid rgba(255,255,255,.14);\n      border-radius:16px;\n      background:rgba(24,32,57,.88);\n      color:#aab5d7;\n      font-size:9px;\n      box-shadow:0 18px 50px rgba(4,8,20,.35);\n      backdrop-filter:blur(14px);\n    }\n    .yk-dhs .floating-chip b{display:block;margin-top:4px;color:#fff;font-family:\"Urbanist\";font-size:12px}\n    .yk-dhs .floating-chip.one{top:4px;right:-9px}\n    .yk-dhs .floating-chip.two{bottom:2px;left:-16px}\n\n    .yk-dhs .clarity-strip{\n      position:relative;\n      z-index:3;\n      border-bottom:1px solid var(--line);\n      background:#fff;\n    }\n    .yk-dhs .clarity-grid{\n      display:grid;\n      grid-template-columns:190px repeat(4,1fr);\n      align-items:stretch;\n    }\n    .yk-dhs .clarity-label{\n      display:flex;\n      flex-direction:column;\n      justify-content:center;\n      padding:27px 26px 27px 0;\n      color:#8a91a5;\n      font-size:10px;\n      font-weight:600;\n      letter-spacing:.12em;\n      text-transform:uppercase;\n    }\n    .yk-dhs .clarity-label b{\n      display:block;\n      margin-top:6px;\n      color:var(--ink);\n      font-family:\"Urbanist\",sans-serif;\n      font-size:15px;\n      font-weight:700;\n      letter-spacing:0;\n      text-transform:none;\n    }\n    .yk-dhs .clarity-step{\n      position:relative;\n      min-height:112px;\n      display:flex;\n      align-items:center;\n      gap:14px;\n      padding:24px 22px;\n      border-left:1px solid var(--line);\n    }\n    .yk-dhs .clarity-step span{\n      display:grid;\n      width:28px;\n      height:28px;\n      flex:0 0 auto;\n      place-items:center;\n      border-radius:9px;\n      background:var(--cloud);\n      color:var(--lavender);\n      font-family:\"Urbanist\",sans-serif;\n      font-size:10px;\n      font-weight:700;\n    }\n    .yk-dhs .clarity-step strong{\n      font-family:\"Urbanist\",sans-serif;\n      font-size:14px;\n      font-weight:600;\n      line-height:1.25;\n    }\n    .yk-dhs .clarity-step:not(:last-child)::after{\n      position:absolute;\n      top:50%;\n      right:-8px;\n      z-index:2;\n      width:16px;\n      height:16px;\n      display:grid;\n      place-items:center;\n      border:1px solid var(--line);\n      border-radius:50%;\n      background:#fff;\n      color:#9ba2b5;\n      font-size:9px;\n      content:\"\u2192\";\n      transform:translateY(-50%);\n    }\n\n    \n    .yk-dhs .manifesto{padding:118px 0 100px}\n    .yk-dhs .manifesto-top{\n      display:grid;\n      grid-template-columns:.78fr 1.22fr;\n      gap:90px;\n      align-items:start;\n    }\n    .yk-dhs .manifesto h2{max-width:580px;font-size:clamp(43px,4.25vw,61px)}\n    .yk-dhs .manifesto-copy{\n      padding-top:12px;\n      border-top:1px solid var(--ink);\n    }\n    .yk-dhs .manifesto-copy>p{\n      margin:0;\n      color:var(--body);\n      font-size:17px;\n      line-height:1.75;\n    }\n    .yk-dhs .manifesto-copy blockquote{\n      margin:42px 0 0;\n      font-family:\"Urbanist\",sans-serif;\n      font-size:clamp(26px,3vw,39px);\n      font-weight:600;\n      letter-spacing:-.03em;\n      line-height:1.14;\n    }\n    .yk-dhs .manifesto-copy blockquote span{color:var(--lavender)}\n    .yk-dhs .partner-grid{\n      display:grid;\n      grid-template-columns:repeat(4,1fr);\n      gap:0;\n      margin-top:85px;\n      border-top:1px solid var(--line);\n      border-bottom:1px solid var(--line);\n    }\n    .yk-dhs .partner-point{min-height:220px;padding:28px 24px;border-right:1px solid var(--line)}\n    .yk-dhs .partner-point:first-child{padding-left:0}\n    .yk-dhs .partner-point:last-child{padding-right:0;border-right:0}\n    .yk-dhs .point-number{color:var(--lavender);font-family:\"Urbanist\";font-size:11px;font-weight:700;letter-spacing:.12em}\n    .yk-dhs .partner-point h3{margin:38px 0 12px;font-family:\"Urbanist\";font-size:21px;font-weight:600;line-height:1.14}\n    .yk-dhs .partner-point p{margin:0;color:var(--body);font-size:13px;line-height:1.6}\n\n    \n    .yk-dhs .bridge{padding:110px 0;background:var(--night);color:#fff}\n    .yk-dhs .bridge-head{\n      display:grid;\n      grid-template-columns:1.08fr .72fr;\n      gap:90px;\n      align-items:end;\n      margin-bottom:58px;\n    }\n    .yk-dhs .bridge h2{max-width:790px;font-size:clamp(43px,4.25vw,61px)}\n    .yk-dhs .bridge-head p{margin:0;color:#8e99b8;font-size:15px;line-height:1.7}\n    .yk-dhs .bridge-shell{\n      display:grid;\n      grid-template-columns:330px 1fr;\n      min-height:565px;\n      overflow:hidden;\n      border:1px solid var(--line-dark);\n      border-radius:32px;\n      background:var(--night-2);\n    }\n    .yk-dhs .bridge-nav{padding:18px;border-right:1px solid var(--line-dark)}\n    .yk-dhs .bridge-tab{\n      width:100%;\n      display:grid;\n      grid-template-columns:38px 1fr 22px;\n      gap:12px;\n      align-items:center;\n      padding:23px 15px;\n      border:0;\n      border-bottom:1px solid var(--line-dark);\n      background:none;\n      color:#7783a2;\n      cursor:pointer;\n      text-align:left;\n      transition:.3s;\n    }\n    .yk-dhs .bridge-tab:last-child{border-bottom:0}\n    .yk-dhs .bridge-tab>span{font-family:\"Urbanist\";font-size:11px;font-weight:700}\n    .yk-dhs .bridge-tab b{font-family:\"Urbanist\";font-size:16px;font-weight:600}\n    .yk-dhs .bridge-tab i{font-style:normal;font-size:18px}\n    .yk-dhs .bridge-tab.active{border-radius:18px;background:rgba(126,136,255,.12);color:#fff}\n    .yk-dhs .bridge-tab.active>span{color:#aebcff}\n    .yk-dhs .bridge-tab:focus-visible{outline:2px solid rgba(174,188,255,.75);outline-offset:-2px;border-radius:18px}\n    .yk-dhs .bridge-stage{\n      position:relative;\n      display:grid;\n      grid-template-columns:.9fr 1.1fr;\n      gap:30px;\n      align-items:center;\n      padding:52px;\n      overflow:hidden;\n    }\n    .yk-dhs .bridge-stage::after{\n      position:absolute;\n      width:420px;\n      height:420px;\n      right:-170px;\n      top:-100px;\n      border-radius:50%;\n      background:rgba(113,153,245,.11);\n      filter:blur(4px);\n      content:\"\";\n    }\n    .yk-dhs .stage-copy{position:relative;z-index:2}\n    .yk-dhs .stage-index{color:#9eabca;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}\n    .yk-dhs .stage-copy h3{margin:18px 0;font-family:\"Urbanist\";font-size:34px;font-weight:600;letter-spacing:-.025em;line-height:1.1}\n    .yk-dhs .stage-copy p{margin:0;color:#919cba;font-size:14px;line-height:1.75}\n    .yk-dhs .stage-result{\n      display:inline-flex;\n      margin-top:28px;\n      padding:10px 13px;\n      border:1px solid rgba(191,233,255,.18);\n      border-radius:999px;\n      background:rgba(191,233,255,.06);\n      color:#bfe9ff;\n      font-size:10px;\n      font-weight:700;\n    }\n    .yk-dhs .stage-graphic{\n      position:relative;\n      z-index:2;\n      height:370px;\n      display:grid;\n      place-items:center;\n    }\n    .yk-dhs .stage-orbit{\n      position:absolute;\n      width:310px;\n      height:310px;\n      border:1px dashed rgba(129,153,221,.20);\n      border-radius:50%;\n      transition:.5s var(--ease);\n    }\n    .yk-dhs .stage-orbit::before,.yk-dhs .stage-orbit::after{\n      position:absolute;\n      width:12px;\n      height:12px;\n      border:3px solid var(--night-2);\n      border-radius:50%;\n      background:var(--blue);\n      box-shadow:0 0 20px rgba(113,153,245,.8);\n      content:\"\";\n    }\n    .yk-dhs .stage-orbit::before{top:33px;right:48px}\n    .yk-dhs .stage-orbit::after{bottom:48px;left:30px}\n    .yk-dhs .stage-core{\n      position:relative;\n      z-index:2;\n      width:142px;\n      height:142px;\n      display:grid;\n      place-items:center;\n      border:1px solid rgba(255,255,255,.16);\n      border-radius:50%;\n      background:radial-gradient(circle at 35% 25%,#a1adff,var(--lavender) 42%,#4d60b9 100%);\n      box-shadow:0 0 0 24px rgba(129,120,236,.06),0 28px 70px rgba(83,81,188,.38);\n      color:#fff;\n      font-family:\"Urbanist\";\n      font-size:15px;\n      font-weight:700;\n      text-align:center;\n      transition:background .45s var(--ease),box-shadow .45s var(--ease);\n    }\n    .yk-dhs .stage-node{\n      position:absolute;\n      min-width:112px;\n      padding:12px 13px;\n      border:1px solid rgba(255,255,255,.11);\n      border-radius:13px;\n      background:#1b2540;\n      color:#8591b1;\n      font-size:9px;\n      text-align:center;\n      box-shadow:0 18px 34px rgba(7,11,26,.26);\n      transition:border-color .35s var(--ease),background .35s var(--ease),transform .35s var(--ease),opacity .25s;\n    }\n    .yk-dhs .stage-node span{display:block}\n    .yk-dhs .stage-node b{display:block;margin-top:3px;color:#e7eafa;font-family:\"Urbanist\";font-size:11px;font-weight:600}\n    .yk-dhs .stage-node.a{top:15px;left:30px}\n    .yk-dhs .stage-node.b{right:12px;top:100px}\n    .yk-dhs .stage-node.c{right:65px;bottom:9px}\n    .yk-dhs .stage-graphic.is-changing .stage-node{animation:nodeSwap .46s var(--ease)}\n    .yk-dhs .stage-graphic.is-changing .stage-node.b{animation-delay:.045s}\n    .yk-dhs .stage-graphic.is-changing .stage-node.c{animation-delay:.09s}\n    .yk-dhs .stage-graphic.is-changing .stage-core{animation:corePulse .48s var(--ease)}\n    @keyframes nodeSwap{\n      0%{opacity:1;transform:translateY(0)}\n      38%{opacity:0;transform:translateY(7px)}\n      100%{opacity:1;transform:translateY(0)}\n    }\n    @keyframes corePulse{\n      0%{transform:scale(1)}\n      46%{transform:scale(.93)}\n      100%{transform:scale(1)}\n    }\n\n    \n    .yk-dhs .product{padding:122px 0;background:#fff}\n    .yk-dhs .section-head{\n      display:grid;\n      grid-template-columns:1.1fr .6fr;\n      gap:90px;\n      align-items:end;\n      margin-bottom:58px;\n    }\n    .yk-dhs .section-head h2{font-size:clamp(43px,4.15vw,60px)}\n    .yk-dhs .section-head>p{margin:0;color:var(--body);font-size:15px;line-height:1.72}\n    .yk-dhs .product-card{\n      display:grid;\n      grid-template-columns:1.02fr .98fr;\n      min-height:600px;\n      overflow:hidden;\n      border:1px solid var(--line);\n      border-radius:32px;\n      background:var(--cloud);\n      box-shadow:var(--shadow);\n    }\n    .yk-dhs .product-copy{padding:58px}\n    .yk-dhs .product-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:74px}\n    .yk-dhs .product-brand{display:flex;align-items:center;gap:13px}\n    .yk-dhs .product-mark{\n      display:grid;\n      width:44px;\n      height:44px;\n      place-items:center;\n      border-radius:13px;\n      background:linear-gradient(135deg,var(--lavender),var(--blue));\n      color:#fff;\n      font-family:\"Urbanist\";\n      font-size:13px;\n      font-weight:800;\n    }\n    .yk-dhs .product-brand b{display:block;font-family:\"Urbanist\";font-size:14px}\n    .yk-dhs .product-brand span span{display:block;margin-top:2px;color:#8a91a2;font-size:9px}\n    .yk-dhs .product-count{color:#7e87a0;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}\n    .yk-dhs .product-copy h3{max-width:610px;margin:0;font-family:\"Urbanist\";font-size:clamp(37px,3.6vw,52px);font-weight:600;letter-spacing:-.032em;line-height:1.05}\n    .yk-dhs .product-copy>p{max-width:560px;margin:25px 0 30px;color:var(--body);font-size:15px;line-height:1.72}\n    .yk-dhs .product-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:38px}\n    .yk-dhs .product-tags span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:#fff;color:#687084;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}\n    .yk-dhs .product-art{\n      position:relative;\n      overflow:hidden;\n      background:\n        radial-gradient(circle at 72% 22%,rgba(113,153,245,.35),transparent 28%),\n        linear-gradient(145deg,#172037,#101625);\n    }\n    .yk-dhs .product-art::before{\n      position:absolute;\n      inset:0;\n      opacity:.2;\n      background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);\n      background-size:55px 55px;\n      content:\"\";\n    }\n    .yk-dhs .product-console{\n      position:absolute;\n      width:520px;\n      top:70px;\n      left:52px;\n      overflow:hidden;\n      border:1px solid rgba(255,255,255,.17);\n      border-radius:22px;\n      background:rgba(25,34,59,.88);\n      box-shadow:0 32px 75px rgba(4,8,20,.38);\n      transform:rotate(-3deg);\n    }\n    .yk-dhs .console-head{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line-dark);color:#8792af;font-size:9px}\n    .yk-dhs .console-head b{color:#e9ecf7;font-family:\"Urbanist\";font-size:12px}\n    .yk-dhs .console-body{display:grid;grid-template-columns:78px 1fr;min-height:320px}\n    .yk-dhs .console-nav{padding:17px;border-right:1px solid var(--line-dark)}\n    .yk-dhs .console-nav i{display:block;width:36px;height:8px;margin-bottom:18px;border-radius:6px;background:rgba(255,255,255,.10)}\n    .yk-dhs .console-nav i:first-child{background:#7984ed}\n    .yk-dhs .console-content{padding:25px}\n    .yk-dhs .console-content h4{margin:0 0 18px;color:#fff;font-family:\"Urbanist\";font-size:18px}\n    .yk-dhs .console-search{height:38px;border:1px solid rgba(255,255,255,.10);border-radius:11px;background:rgba(255,255,255,.035)}\n    .yk-dhs .console-row{display:grid;grid-template-columns:34px 1fr 64px;gap:11px;align-items:center;margin-top:11px;padding:11px;border-radius:11px;background:rgba(255,255,255,.045)}\n    .yk-dhs .console-row i{height:29px;border-radius:8px;background:rgba(119,139,235,.25)}\n    .yk-dhs .console-row span{height:6px;border-radius:5px;background:rgba(255,255,255,.12)}\n    .yk-dhs .console-row b{height:18px;border-radius:999px;background:rgba(176,226,250,.13)}\n    .yk-dhs .console-float{position:absolute;right:26px;bottom:54px;padding:15px 18px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(25,34,59,.9);color:#94a0c1;font-size:9px}\n    .yk-dhs .console-float b{display:block;margin-top:4px;color:#bfe9ff;font-family:\"Urbanist\";font-size:12px}\n\n    \n    .yk-dhs .routes-section{padding:115px 0;background:var(--cloud)}\n    .yk-dhs .routes-head{max-width:820px;margin-bottom:50px}\n    .yk-dhs .routes-head h2{font-size:clamp(41px,3.9vw,56px)}\n    .yk-dhs .routes{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:18px;\n    }\n    .yk-dhs .route{\n      position:relative;\n      min-height:385px;\n      display:flex;\n      flex-direction:column;\n      padding:42px;\n      overflow:hidden;\n      border:1px solid var(--line);\n      border-radius:28px;\n      background:#fff;\n      transition:transform .35s var(--ease),box-shadow .35s var(--ease);\n    }\n    .yk-dhs .route:hover{transform:translateY(-5px);box-shadow:var(--shadow)}\n    .yk-dhs .route:last-child{background:var(--yakidoo);color:#fff}\n    .yk-dhs .route:last-child::after{\n      position:absolute;\n      width:300px;\n      height:300px;\n      right:-130px;\n      bottom:-130px;\n      border-radius:50%;\n      background:linear-gradient(135deg,rgba(129,120,236,.35),rgba(113,153,245,.18));\n      content:\"\";\n    }\n    .yk-dhs .route-top{display:flex;justify-content:space-between;align-items:center;color:#8b92a4;font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}\n    .yk-dhs .route:last-child .route-top{color:#aeb8d8}\n    .yk-dhs .route-number{font-family:\"Urbanist\";font-size:16px}\n    .yk-dhs .route h3{margin:72px 0 16px;font-family:\"Urbanist\";font-size:34px;font-weight:600;letter-spacing:-.025em}\n    .yk-dhs .route p{max-width:520px;margin:0 0 28px;color:var(--body);font-size:14px;line-height:1.7}\n    .yk-dhs .route:last-child p{color:#aab4d2}\n    .yk-dhs .route .text-link{position:relative;z-index:2;margin-top:auto}\n\n    \n    .yk-dhs .evidence{padding:115px 0;background:#fff}\n    .yk-dhs .evidence-intro{\n      display:grid;\n      grid-template-columns:.9fr 1.1fr;\n      gap:90px;\n      align-items:end;\n    }\n    .yk-dhs .evidence h2{font-size:clamp(42px,4vw,58px)}\n    .yk-dhs .evidence-intro>p{margin:0;color:var(--body);font-size:15px;line-height:1.75}\n    .yk-dhs .stats{\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      margin-top:68px;\n      border-top:1px solid var(--line);\n      border-bottom:1px solid var(--line);\n    }\n    .yk-dhs .stat{min-height:220px;padding:35px;border-right:1px solid var(--line)}\n    .yk-dhs .stat:first-child{padding-left:0}\n    .yk-dhs .stat:last-child{padding-right:0;border-right:0}\n    .yk-dhs .stat strong{display:block;color:var(--lavender);font-family:\"Urbanist\";font-size:50px;font-weight:600;letter-spacing:-.035em}\n    .yk-dhs .stat span{display:block;max-width:210px;margin-top:42px;color:#757d90;font-size:12px;line-height:1.55}\n    .yk-dhs .compliance{\n      display:grid;\n      grid-template-columns:.72fr 1.28fr;\n      gap:90px;\n      margin-top:85px;\n      padding:48px;\n      border:1px solid var(--line);\n      border-radius:26px;\n      background:var(--cloud);\n    }\n    .yk-dhs .compliance h3{margin:0;font-family:\"Urbanist\";font-size:30px;font-weight:600;line-height:1.12}\n    .yk-dhs .compliance-copy p{margin:0;color:var(--body);font-size:13px;line-height:1.7}\n    .yk-dhs .chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}\n    .yk-dhs .chips span{padding:8px 10px;border:1px solid rgba(129,120,236,.22);border-radius:999px;background:#fff;color:#6c66be;font-size:8px;font-weight:700;letter-spacing:.08em}\n    .yk-dhs .compliance-copy .legal{padding-left:15px;border-left:2px solid var(--lavender);font-size:10px}\n\n    \n    .yk-dhs .cta{\n      position:relative;\n      padding:108px 0;\n      overflow:hidden;\n      background:\n        linear-gradient(112deg,#21153f 0%,#1c1a45 52%,#172a53 100%);\n      color:#fff;\n    }\n    .yk-dhs .cta::before{\n      position:absolute;\n      width:620px;\n      height:430px;\n      top:-210px;\n      right:-30px;\n      border-radius:44% 56% 63% 37%;\n      background:\n        radial-gradient(circle at 36% 45%,rgba(154,220,248,.75),transparent 25%),\n        radial-gradient(circle at 64% 44%,rgba(129,120,236,.92),transparent 46%);\n      filter:blur(70px);\n      opacity:.56;\n      content:\"\";\n      transform:rotate(-14deg);\n    }\n    .yk-dhs .cta::after{\n      position:absolute;\n      width:540px;\n      height:260px;\n      right:23%;\n      bottom:-190px;\n      border-radius:50%;\n      background:rgba(109,120,255,.58);\n      filter:blur(90px);\n      opacity:.58;\n      content:\"\";\n    }\n    .yk-dhs .cta-grid{\n      position:relative;\n      z-index:2;\n      display:grid;\n      grid-template-columns:1.08fr .62fr;\n      gap:100px;\n      align-items:center;\n    }\n    .yk-dhs .cta h2{max-width:780px;font-size:clamp(44px,4.15vw,60px);font-weight:600;line-height:1.04}\n    .yk-dhs .cta-side{\n      padding:30px;\n      border:1px solid rgba(255,255,255,.14);\n      border-radius:25px;\n      background:rgba(255,255,255,.075);\n      box-shadow:0 28px 80px rgba(8,10,35,.22);\n      backdrop-filter:blur(22px);\n    }\n    .yk-dhs .cta-side p{margin:0 0 25px;color:#c8cde0;font-size:13px;line-height:1.72}\n\n    .yk-dhs .footer{padding:70px 0 25px;background:#fff}\n    .yk-dhs .footer-grid{display:grid;grid-template-columns:1.45fr repeat(4,1fr);gap:42px}\n    .yk-dhs .footer-brand img{width:170px;margin-bottom:22px}\n    .yk-dhs .footer-brand p{margin:0;color:#8990a0;font-size:11px;line-height:1.75}\n    .yk-dhs .footer h4{margin:0 0 18px;font-family:\"Urbanist\";font-size:13px}\n    .yk-dhs .footer ul{margin:0;padding:0;list-style:none}\n    .yk-dhs .footer li{margin:0 0 10px;color:#7b8292;font-size:11px}\n    .yk-dhs .footer a:hover{color:var(--lavender)}\n    .yk-dhs .footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:22px;border-top:1px solid var(--line);color:#9aa0ad;font-size:9px}\n\n    .yk-dhs .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}\n    .yk-dhs .reveal.in{opacity:1;transform:none}\n\n    @media(min-width:1400px){\n      .yk-dhs .hero-grid{grid-template-columns:.92fr 1.08fr;gap:82px}\n      .yk-dhs .hero-visual{min-height:535px}\n      .yk-dhs .bridge-shell{grid-template-columns:350px 1fr}\n      .yk-dhs .bridge-stage{grid-template-columns:.82fr 1.18fr;padding:58px 66px}\n      .yk-dhs .product-copy{padding:64px}\n      .yk-dhs .product-console{width:570px;left:58px}\n    }\n\n    @media(max-width:1050px){\n      .yk-dhs .nav{display:none}\n      .yk-dhs .menu-toggle{display:block;margin-left:auto}\n      .yk-dhs .header-cta{display:none}\n      .yk-dhs .hero{min-height:auto}\n      .yk-dhs .hero-grid{grid-template-columns:1fr}\n      .yk-dhs .hero-visual{width:min(620px,100%);margin:10px auto 0}\n      .yk-dhs .manifesto-top,.yk-dhs .bridge-head,.yk-dhs .section-head,.yk-dhs .evidence-intro,.yk-dhs .cta-grid{grid-template-columns:1fr;gap:35px}\n      .yk-dhs .clarity-grid{grid-template-columns:1fr 1fr}\n      .yk-dhs .clarity-label{grid-column:1\/-1;padding:22px 0}\n      .yk-dhs .clarity-step{border-top:1px solid var(--line)}\n      .yk-dhs .clarity-step:nth-of-type(odd){border-left:0}\n      .yk-dhs .clarity-step::after{display:none!important}\n      .yk-dhs .partner-grid{grid-template-columns:1fr 1fr}\n      .yk-dhs .partner-point{border-bottom:1px solid var(--line)}\n      .yk-dhs .partner-point:nth-child(2){border-right:0}\n      .yk-dhs .bridge-shell{grid-template-columns:270px 1fr}\n      .yk-dhs .bridge-stage{grid-template-columns:1fr;padding:38px}\n      .yk-dhs .stage-graphic{height:320px}\n      .yk-dhs .product-card{grid-template-columns:1fr}\n      .yk-dhs .product-art{min-height:540px}\n      .yk-dhs .footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}\n    }\n\n    @media(max-width:720px){\n      .yk-dhs .wrap{width:min(100% - 30px,1180px)}\n      .yk-dhs .site-header{height:72px}\n      .yk-dhs .brand{width:142px}\n      .yk-dhs .hero-inner{padding-top:32px}\n      .yk-dhs .breadcrumb{margin-bottom:38px}\n      .yk-dhs .hero-grid{gap:35px}\n      .yk-dhs .hero h1{font-size:49px}\n      .yk-dhs .hero-copy>p{font-size:15px}\n      .yk-dhs .hero-actions{align-items:stretch;flex-direction:column}\n      .yk-dhs .hero-actions .btn{width:100%}\n      .yk-dhs .hero-visual{min-height:440px}\n      .yk-dhs .clarity-grid{grid-template-columns:1fr}\n      .yk-dhs .clarity-label{padding:19px 0}\n      .yk-dhs .clarity-step{min-height:78px;padding:17px 0;border-left:0}\n      .yk-dhs .system-card{inset:28px 0 24px 0;transform:none}\n      .yk-dhs .system-body{padding:17px}\n      .yk-dhs .floating-chip.one{right:2px}\n      .yk-dhs .floating-chip.two{left:2px}\n      .yk-dhs .manifesto,.yk-dhs .product,.yk-dhs .routes-section,.yk-dhs .evidence{padding:82px 0}\n      .yk-dhs .manifesto h2,.yk-dhs .bridge h2,.yk-dhs .section-head h2,.yk-dhs .routes-head h2,.yk-dhs .evidence h2,.yk-dhs .cta h2{font-size:43px}\n      .yk-dhs .manifesto-top{gap:40px}\n      .yk-dhs .manifesto-copy blockquote{font-size:27px}\n      .yk-dhs .partner-grid{grid-template-columns:1fr;margin-top:60px}\n      .yk-dhs .partner-point,.yk-dhs .partner-point:first-child,.yk-dhs .partner-point:last-child{min-height:0;padding:25px 0;border-right:0}\n      .yk-dhs .partner-point h3{margin-top:20px}\n      .yk-dhs .bridge{padding:82px 0}\n      .yk-dhs .bridge-shell{grid-template-columns:1fr}\n      .yk-dhs .bridge-nav{display:flex;gap:6px;padding:8px;border-right:0;border-bottom:1px solid var(--line-dark);overflow-x:auto}\n      .yk-dhs .bridge-tab{min-width:135px;grid-template-columns:1fr;padding:15px;border:0;border-radius:14px}\n      .yk-dhs .bridge-tab b{font-size:13px}\n      .yk-dhs .bridge-tab i{display:none}\n      .yk-dhs .bridge-stage{padding:30px 22px}\n      .yk-dhs .stage-copy h3{font-size:30px}\n      .yk-dhs .stage-graphic{height:300px;transform:scale(.86)}\n      .yk-dhs .product-copy{padding:34px 25px}\n      .yk-dhs .product-meta{margin-bottom:45px}\n      .yk-dhs .product-copy h3{font-size:40px}\n      .yk-dhs .product-art{min-height:420px}\n      .yk-dhs .product-console{width:440px;top:45px;left:25px}\n      .yk-dhs .routes{grid-template-columns:1fr}\n      .yk-dhs .route{min-height:350px;padding:30px}\n      .yk-dhs .route h3{margin-top:55px;font-size:31px}\n      .yk-dhs .stats{grid-template-columns:1fr}\n      .yk-dhs .stat,.yk-dhs .stat:first-child,.yk-dhs .stat:last-child{min-height:0;padding:26px 0;border-right:0;border-bottom:1px solid var(--line)}\n      .yk-dhs .stat:last-child{border-bottom:0}\n      .yk-dhs .stat span{margin-top:12px}\n      .yk-dhs .compliance{grid-template-columns:1fr;gap:30px;padding:28px 22px}\n      .yk-dhs .cta{padding:78px 0}\n      .yk-dhs .cta-side{padding:24px 20px}\n      .yk-dhs .footer-grid{grid-template-columns:1fr 1fr}\n      .yk-dhs .footer-brand{grid-column:1\/-1}\n      .yk-dhs .footer-bottom{flex-direction:column;gap:10px}\n    }\n\n    @media(prefers-reduced-motion:reduce){\n      .yk-dhs{scroll-behavior:auto}\n      .yk-dhs .reveal{opacity:1;transform:none;transition:none}\n      .yk-dhs .stage-graphic.is-changing .stage-node,.yk-dhs .stage-graphic.is-changing .stage-core{animation:none}\n      .yk-dhs .system-card{transition:none}\n    }\n.yk-dhs{display:block;width:100%;overflow:hidden}\n.yk-dhs .reveal{will-change:opacity,transform}\n\/* Reveal progresivo seguro para Divi 5:\n   visible sin JS; animado \u00fanicamente despu\u00e9s de inicializar. *\/\n.yk-dhs .reveal{opacity:1;transform:none}\n.yk-dhs.js .reveal{opacity:0;transform:translateY(24px)}\n.yk-dhs.js .reveal.in{opacity:1;transform:none}\n\n\/* Integraci\u00f3n visual Divi 5 *\/\n.et_pb_section:has(.yk-dhs){padding:0!important;margin:0!important;background:transparent!important}\n.et_pb_row:has(.yk-dhs){width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}\n.et_pb_column:has(.yk-dhs),.et_pb_code:has(.yk-dhs),.et_pb_code_inner:has(.yk-dhs){padding:0!important;margin:0!important}\n.yk-dhs .hero h1,.yk-dhs .bridge h2,.yk-dhs .bridge .stage-copy h3,.yk-dhs .cta h2{color:#fff!important}\n.yk-dhs .gradient-text{color:transparent!important;-webkit-text-fill-color:transparent!important}\n.yk-dhs .cta .kicker{color:#9d95ff!important}\n\n\n\/* DHS Hub \u00b7 correcciones finales *\/\n.et-l--header,#main-header{z-index:99999!important}\n.yk-dhs .route:last-child h3{color:#fff!important;-webkit-text-fill-color:#fff!important}\n.yk-dhs .floating-chip{white-space:nowrap}\n.yk-dhs .clarity-step:not(:last-child)::after{\n  width:24px;\n  height:24px;\n  right:-12px;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  padding:0 0 2px;\n  box-sizing:border-box;\n  font-family:Arial,sans-serif;\n  font-size:14px;\n  font-weight:600;\n  line-height:1;\n}\n@media(min-width:1051px){\n  .yk-dhs .hero-visual{min-height:610px}\n  .yk-dhs .system-card{inset:68px 5px 68px 18px}\n  .yk-dhs .floating-chip.one{top:0;right:10px}\n  .yk-dhs .floating-chip.two{bottom:0;left:10px}\n  .yk-dhs .stat{min-height:175px;padding:28px 35px 24px}\n  .yk-dhs .stat:first-child{padding-left:0}\n  .yk-dhs .stat:last-child{padding-right:0}\n  .yk-dhs .stat span{margin-top:20px}\n  .yk-dhs .compliance{margin-top:0}\n}\n<\/style>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><section class=\"hero\">\n      <div class=\"wrap hero-inner\">\n        <div class=\"breadcrumb\"><a href=\"\/tecnologia\/\">Tecnolog\u00eda y partners<\/a><span>\/<\/span><b>DHS Worldwide<\/b><\/div>\n        <div class=\"hero-grid\">\n          <div class=\"hero-copy\">\n            <div class=\"kicker reveal\">DHS Worldwide \u00d7 Yakidoo<\/div>\n            <h1 class=\"display reveal\">La tecnolog\u00eda que respalda tu custodia. <span class=\"gradient-text\">Con salida digital.<\/span><\/h1>\n            <p class=\"reveal\">Nuestra custodia f\u00edsica corre sobre <strong>Total Recall de DHS Worldwide<\/strong>: cadena de custodia, portal web 24\/7 y digitalizaci\u00f3n bajo demanda, operado por Yakidoo o implementado para tu propia operaci\u00f3n.<\/p>\n            <div class=\"hero-actions reveal\">\n              <a class=\"btn gradient\" href=\"#alianza\">Conoce la alianza <span class=\"arrow\">\u2192<\/span><\/a>\n              <a class=\"btn ghost\" href=\"#total-recall\">Ver Total Recall<\/a>\n            <\/div>\n            <div class=\"hero-notes reveal\">\n              <span>Motor f\u00edsico: Total Recall<\/span>\n              <span>Operaci\u00f3n y criterio Yakidoo<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"hero-visual reveal\" id=\"heroVisual\">\n            <div class=\"orbit\"><\/div>\n            <div class=\"orbit two\"><\/div>\n            <div class=\"system-card\" id=\"systemCard\">\n              <div class=\"system-head\"><b>TOTAL RECALL<\/b><span>Cadena activa<\/span><\/div>\n              <div class=\"system-body\">\n                <div class=\"system-label\">Registro localizado<\/div>\n                <div class=\"record\">\n                  <div class=\"record-icon\">\n                    <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" aria-hidden=\"true\">\n                      <path d=\"M4 7.5h16v11H4zM7 4.5h10v3H7zM9 11h6\"\/>\n                    <\/svg>\n                  <\/div>\n                  <div><b>Caja B\u201304829<\/b><small>B\u00f3veda 02 \u00b7 Pasillo C \u00b7 Nivel 4<\/small><\/div>\n                  <span class=\"status\">CUSTODIADO<\/span>\n                <\/div>\n                <div class=\"trace\">\n                  <div class=\"trace-step\"><i>01<\/i><b>Recibido<\/b><span>09:12<\/span><\/div>\n                  <div class=\"trace-step\"><i>02<\/i><b>Controlado<\/b><span>09:31<\/span><\/div>\n                  <div class=\"trace-step\"><i>03<\/i><b>Disponible<\/b><span>24\/7<\/span><\/div>\n                <\/div>\n                <div class=\"scan-panel\">\n                  <div><b>Expediente B\u201304829.pdf<\/b><span>Digitalizaci\u00f3n bajo demanda<\/span><\/div>\n                  <em>LISTO \u2713<\/em>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"floating-chip one\">Ubicaci\u00f3n verificada<b>Cadena intacta \u2713<\/b><\/div>\n            <div class=\"floating-chip two\">Del original legal a<b>informaci\u00f3n disponible<\/b><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_2 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_2 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_2 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_2 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><div class=\"clarity-strip\" aria-label=\"DHS explicado en una secuencia\">\n      <div class=\"wrap clarity-grid\">\n        <div class=\"clarity-label\">DHS, en una frase<b>Del archivo al trabajo digital<\/b><\/div>\n        <div class=\"clarity-step\"><span>01<\/span><strong>Conservas el original<\/strong><\/div>\n        <div class=\"clarity-step\"><span>02<\/span><strong>Controlas cada movimiento<\/strong><\/div>\n        <div class=\"clarity-step\"><span>03<\/span><strong>Lo solicitas en l\u00ednea<\/strong><\/div>\n        <div class=\"clarity-step\"><span>04<\/span><strong>Recibes una copia digital<\/strong><\/div>\n      <\/div>\n    <\/div><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><section class=\"manifesto\" id=\"alianza\">\n      <div class=\"wrap\">\n        <div class=\"manifesto-top\">\n          <div class=\"reveal\">\n            <div class=\"kicker\">La alianza<\/div>\n            <h2 class=\"display\">No solo guardamos cajas. Operamos tu custodia.<\/h2>\n          <\/div>\n          <div class=\"manifesto-copy reveal\">\n            <p>DHS Worldwide aporta una plataforma creada para Records &amp; Information Management. Yakidoo traduce esa especialidad a tu operaci\u00f3n, tus normas y la realidad de las Am\u00e9ricas.<\/p>\n            <blockquote>\u201cEl papel que la ley exige, conservado. <span>El resto del tiempo, trabajas en digital.<\/span>\u201d<\/blockquote>\n          <\/div>\n        <\/div>\n\n        <div class=\"partner-grid\">\n          <article class=\"partner-point reveal\">\n            <div class=\"point-number\">01 \u00b7 PARTNER REGIONAL<\/div>\n            <h3>Tecnolog\u00eda global, aterrizada localmente.<\/h3>\n            <p>Implementaci\u00f3n, operaci\u00f3n y soporte con contexto regulatorio y operativo regional.<\/p>\n          <\/article>\n          <article class=\"partner-point reveal\">\n            <div class=\"point-number\">02 \u00b7 ESPECIALIDAD RIM<\/div>\n            <h3>Software hecho para custodiar registros.<\/h3>\n            <p>No es una adaptaci\u00f3n: inventario, log\u00edstica, destrucci\u00f3n e imagen conviven en el mismo entorno.<\/p>\n          <\/article>\n          <article class=\"partner-point reveal\">\n            <div class=\"point-number\">03 \u00b7 SALIDA DIGITAL<\/div>\n            <h3>El original nunca se vuelve un callej\u00f3n sin salida.<\/h3>\n            <p>Tu equipo solicita, consulta y recibe una copia digital cuando necesita trabajar.<\/p>\n          <\/article>\n          <article class=\"partner-point reveal\">\n            <div class=\"point-number\">04 \u00b7 DOS RUTAS<\/div>\n            <h3>Operada por Yakidoo o implementada para ti.<\/h3>\n            <p>Una misma plataforma para dos modelos de entrega seg\u00fan tu capacidad y estrategia.<\/p>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><section class=\"bridge\">\n      <div class=\"wrap\">\n        <div class=\"bridge-head\">\n          <div class=\"reveal\">\n            <div class=\"kicker\">El principio DHS<\/div>\n            <h2 class=\"display\">La custodia f\u00edsica no es lo opuesto a lo digital. <span class=\"gradient-text\">Es su ancla legal.<\/span><\/h2>\n          <\/div>\n          <p class=\"reveal\">Una sola secuencia conecta el original con el trabajo diario, sin perder ubicaci\u00f3n, contexto ni evidencia.<\/p>\n        <\/div>\n\n        <div class=\"bridge-shell reveal\">\n          <div class=\"bridge-nav\" role=\"tablist\" aria-label=\"Recorrido de la custodia\">\n            <button class=\"bridge-tab active\" type=\"button\" role=\"tab\" aria-selected=\"true\"\n              data-index=\"01 \u00b7 Conservar\" data-title=\"El original permanece protegido.\"\n              data-copy=\"Cada caja y expediente entra a una custodia dise\u00f1ada para preservar su integridad, su valor legal y su contexto.\"\n              data-result=\"Protecci\u00f3n f\u00edsica con reglas claras\" data-core=\"Original<br>legal\"\n              data-a-label=\"Identidad\" data-a-value=\"Caja B\u201304829\"\n              data-b-label=\"Ubicaci\u00f3n\" data-b-value=\"B\u00f3veda 02\"\n              data-c-label=\"Estado\" data-c-value=\"Protegido \u2713\">\n              <span>01<\/span><b>Conservar<\/b><i>&#x2197;<\/i>\n            <\/button>\n            <button class=\"bridge-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\"\n              data-index=\"02 \u00b7 Controlar\" data-title=\"Cada movimiento deja evidencia.\"\n              data-copy=\"Recepci\u00f3n, ubicaci\u00f3n, traslado, entrega y devoluci\u00f3n quedan registrados para reconstruir toda la cadena.\"\n              data-result=\"Trazabilidad auditable\" data-core=\"Cadena<br>activa\"\n              data-a-label=\"Evento\" data-a-value=\"Salida registrada\"\n              data-b-label=\"Responsable\" data-b-value=\"Usuario autorizado\"\n              data-c-label=\"Auditor\u00eda\" data-c-value=\"Traza completa \u2713\">\n              <span>02<\/span><b>Controlar<\/b><i>&#x2197;<\/i>\n            <\/button>\n            <button class=\"bridge-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\"\n              data-index=\"03 \u00b7 Encontrar\" data-title=\"Lo que buscas aparece, no se persigue.\"\n              data-copy=\"El usuario consulta el inventario y solicita servicios desde el portal, sin depender de llamadas o b\u00fasquedas manuales.\"\n              data-result=\"Acceso web las 24 horas\" data-core=\"Portal<br>24\/7\"\n              data-a-label=\"B\u00fasqueda\" data-a-value=\"Caja o expediente\"\n              data-b-label=\"Canal\" data-b-value=\"Portal web 24\/7\"\n              data-c-label=\"Resultado\" data-c-value=\"Localizado \u2713\">\n              <span>03<\/span><b>Encontrar<\/b><i>&#x2197;<\/i>\n            <\/button>\n            <button class=\"bridge-tab\" type=\"button\" role=\"tab\" aria-selected=\"false\"\n              data-index=\"04 \u00b7 Activar\" data-title=\"El papel se convierte en acci\u00f3n digital.\"\n              data-copy=\"Cuando necesitas trabajar con un expediente, solicitas su digitalizaci\u00f3n y lo recibes listo para consultar.\"\n              data-result=\"Entrega digital bajo demanda\" data-core=\"Salida<br>digital\"\n              data-a-label=\"Solicitud\" data-a-value=\"Scan-on-demand\"\n              data-b-label=\"Entrega\" data-b-value=\"Expediente.pdf\"\n              data-c-label=\"Estado\" data-c-value=\"Disponible \u2713\">\n              <span>04<\/span><b>Activar<\/b><i>&#x2197;<\/i>\n            <\/button>\n          <\/div>\n          <div class=\"bridge-stage\">\n            <div class=\"stage-copy\">\n              <div class=\"stage-index\" id=\"stageIndex\">01 \u00b7 Conservar<\/div>\n              <h3 id=\"stageTitle\">El original permanece protegido.<\/h3>\n              <p id=\"stageCopy\">Cada caja y expediente entra a una custodia dise\u00f1ada para preservar su integridad, su valor legal y su contexto.<\/p>\n              <div class=\"stage-result\" id=\"stageResult\">Protecci\u00f3n f\u00edsica con reglas claras<\/div>\n            <\/div>\n            <div class=\"stage-graphic\">\n              <div class=\"stage-orbit\" id=\"stageOrbit\"><\/div>\n              <div class=\"stage-core\" id=\"stageCore\">Original<br>legal<\/div>\n              <div class=\"stage-node a\"><span id=\"stageNodeALabel\">Identidad<\/span><b id=\"stageNodeAValue\">Caja B\u201304829<\/b><\/div>\n              <div class=\"stage-node b\"><span id=\"stageNodeBLabel\">Ubicaci\u00f3n<\/span><b id=\"stageNodeBValue\">B\u00f3veda 02<\/b><\/div>\n              <div class=\"stage-node c\"><span id=\"stageNodeCLabel\">Estado<\/span><b id=\"stageNodeCValue\">Protegido \u2713<\/b><\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><section class=\"product\" id=\"total-recall\">\n      <div class=\"wrap\">\n        <div class=\"section-head\">\n          <div class=\"reveal\">\n            <div class=\"kicker\">El producto dentro del hub<\/div>\n            <h2 class=\"display\">Una alianza. Una plataforma central: <span class=\"gradient-text\">Total Recall.<\/span><\/h2>\n          <\/div>\n          <p class=\"reveal\">Total Recall es el n\u00facleo tecnol\u00f3gico de esta soluci\u00f3n: conecta la operaci\u00f3n f\u00edsica con el acceso digital sin romper la trazabilidad de cada registro.<\/p>\n        <\/div>\n\n        <article class=\"product-card reveal\">\n          <div class=\"product-copy\">\n            <div class=\"product-meta\">\n              <div class=\"product-brand\">\n                <span class=\"product-mark\">TR<\/span>\n                <span><b>Total Recall<\/b><span>Records &amp; Information Management<\/span><\/span>\n              <\/div>\n              <span class=\"product-count\">01 producto DHS<\/span>\n            <\/div>\n            <h3>Todo registro conectado con toda su historia.<\/h3>\n            <p>Inventario, cadena de custodia, solicitudes, log\u00edstica f\u00edsica y entrega digital dentro de un entorno creado espec\u00edficamente para centros de archivo y operaciones RIM.<\/p>\n            <div class=\"product-tags\">\n              <span>Cadena de custodia<\/span>\n              <span>Portal web 24\/7<\/span>\n              <span>App m\u00f3vil<\/span>\n              <span>Scan-on-demand<\/span>\n            <\/div>\n            <a class=\"text-link\" href=\"\/tecnologia\/dhs\/total-recall\/\">Explorar Total Recall <i>\u2192<\/i><\/a>\n          <\/div>\n          <div class=\"product-art\" aria-label=\"Representaci\u00f3n conceptual del portal Total Recall\">\n            <div class=\"product-console\">\n              <div class=\"console-head\"><b>Total Recall<\/b><span>OPERACI\u00d3N RIM \u00b7 EN L\u00cdNEA<\/span><\/div>\n              <div class=\"console-body\">\n                <div class=\"console-nav\"><i><\/i><i><\/i><i><\/i><i><\/i><i><\/i><\/div>\n                <div class=\"console-content\">\n                  <h4>Registros bajo control<\/h4>\n                  <div class=\"console-search\"><\/div>\n                  <div class=\"console-row\"><i><\/i><span><\/span><b><\/b><\/div>\n                  <div class=\"console-row\"><i><\/i><span><\/span><b><\/b><\/div>\n                  <div class=\"console-row\"><i><\/i><span><\/span><b><\/b><\/div>\n                  <div class=\"console-row\"><i><\/i><span><\/span><b><\/b><\/div>\n                <\/div>\n              <\/div>\n            <\/div>\n            <div class=\"console-float\">\u00daltima solicitud<b>Digitalizaci\u00f3n completada \u2713<\/b><\/div>\n          <\/div>\n        <\/article>\n      <\/div>\n    <\/section><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_6 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_6 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_6 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_6 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><section class=\"routes-section\">\n      <div class=\"wrap\">\n        <div class=\"routes-head reveal\">\n          <div class=\"kicker\">C\u00f3mo trabajamos<\/div>\n          <h2 class=\"display\">La operamos por ti o la implementamos contigo.<\/h2>\n        <\/div>\n        <div class=\"routes\">\n          <article class=\"route reveal\">\n            <div class=\"route-top\"><span>Operada por Yakidoo<\/span><span class=\"route-number\">01<\/span><\/div>\n            <h3>Custodia como servicio.<\/h3>\n            <p>Yakidoo administra la custodia y la plataforma. Tu organizaci\u00f3n consulta, solicita y recibe informaci\u00f3n sin operar bodega ni software.<\/p>\n            <a class=\"text-link\" href=\"\/contacto\">Hablar de custodia <i>\u2192<\/i><\/a>\n          <\/article>\n          <article class=\"route reveal\">\n            <div class=\"route-top\"><span>Tu propia operaci\u00f3n<\/span><span class=\"route-number\">02<\/span><\/div>\n            <h3>Implementaci\u00f3n y consultor\u00eda.<\/h3>\n            <p>Implementamos Total Recall, dise\u00f1amos procesos y preparamos a tu equipo para gestionar su propia operaci\u00f3n RIM.<\/p>\n            <a class=\"text-link\" href=\"\/contacto\">Hablar de implementaci\u00f3n <i>\u2192<\/i><\/a>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><style>\n@media (min-width:1051px) {\n  \/* Hace m\u00e1s compactas las tres columnas y sube la l\u00ednea inferior *\/\n  .yk-dhs .evidence .stat {\n    min-height: 154px !important;\n    padding: 18px 35px 16px !important;\n  }\n\n  .yk-dhs .evidence .stat:first-child {\n    padding-left: 0 !important;\n  }\n\n  .yk-dhs .evidence .stat:last-child {\n    padding-right: 0 !important;\n  }\n\n  \/* Separa mejor las cifras de sus descripciones *\/\n  .yk-dhs .evidence .stat strong {\n    line-height: 1 !important;\n  }\n\n  .yk-dhs .evidence .stat span {\n    margin-top: 22px !important;\n    font-size: 13px;\n    line-height: 1.6;\n  }\n\n  \/* Separa las estad\u00edsticas de Cumplimiento y seguridad *\/\n  .yk-dhs .evidence .compliance {\n    margin-top: 32px !important;\n  }\n}\n<\/style>\n\n<div class=\"yk-dhs\"><section class=\"evidence\">\n      <div class=\"wrap\">\n        <div class=\"evidence-intro\">\n          <div class=\"reveal\">\n            <div class=\"kicker\">Respaldo<\/div>\n            <h2 class=\"display\">Una especialidad construida durante d\u00e9cadas.<\/h2>\n          <\/div>\n          <p class=\"reveal\">DHS Worldwide aporta la plataforma y su experiencia global. Yakidoo suma dise\u00f1o, operaci\u00f3n y acompa\u00f1amiento regional bajo las mejores pr\u00e1cticas de gesti\u00f3n de informaci\u00f3n.<\/p>\n        <\/div>\n        <div class=\"stats reveal\">\n          <div class=\"stat\"><strong>1.500+<\/strong><span>operaciones RIM conf\u00edan en Total Recall.<\/span><\/div>\n          <div class=\"stat\"><strong>29 a\u00f1os<\/strong><span>de especializaci\u00f3n en registros y destrucci\u00f3n.<\/span><\/div>\n          <div class=\"stat\"><strong>24\/7<\/strong><span>acceso web a solicitudes e inventario.<\/span><\/div>\n        <\/div>\n        <div class=\"compliance reveal\">\n          <div>\n            <div class=\"kicker\">Cumplimiento y seguridad<\/div>\n            <h3>Claridad sobre qui\u00e9n certifica qu\u00e9.<\/h3>\n          <\/div>\n          <div class=\"compliance-copy\">\n            <p>Total Recall gestiona la custodia. Los controles f\u00edsicos, ambientales y de proceso corresponden a la operaci\u00f3n que los aplica y se confirman para cada proyecto.<\/p>\n            <div class=\"chips\">\n              <span>CADENA AUDITABLE<\/span>\n              <span>C\u00d3DIGO DE BARRAS \/ RFID<\/span>\n              <span>DHS \u00b7 i-SIGMA CORPORATE PARTNER<\/span>\n              <span>NAID AAA \u00b7 SEG\u00daN OPERACI\u00d3N<\/span>\n              <span>PRISM PRIVACY+ \u00b7 SEG\u00daN OPERACI\u00d3N<\/span>\n            <\/div>\n            <p class=\"legal\">NAID AAA y PRISM Privacy+ acreditan a la operaci\u00f3n que aplica los controles, no al software. Yakidoo confirma las certificaciones aplicables en cada caso.<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section><\/div><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><div class=\"yk-dhs\"><section class=\"cta\" id=\"contacto\">\n      <div class=\"wrap cta-grid\">\n        <div class=\"reveal\">\n          <div class=\"kicker\">Siguiente paso<\/div>\n          <h2 class=\"display\">Custodia conforme, con la <span class=\"gradient-text\">puerta digital siempre abierta.<\/span><\/h2>\n        <\/div>\n        <div class=\"cta-side reveal\">\n          <p>Revisamos tu archivo y definimos si conviene operarlo por ti o implementar Total Recall en tu organizaci\u00f3n.<\/p>\n          <a class=\"btn white\" href=\"\/contacto\/\">Agenda tu diagn\u00f3stico <span class=\"arrow\">\u2192<\/span><\/a>\n        <\/div>\n      <\/div>\n    <\/section><\/div>\n<script>(function(){\n  function initDhsHub(){\n    if(document.body && document.body.classList.contains('et-fb')) return;\n    if(window.__yakidooDhsHubReady) return;\n    var dhsRoots=[].slice.call(document.querySelectorAll('.yk-dhs'));if(!dhsRoots.length)return;dhsRoots.forEach(function(root){root.classList.add('js');});\n    window.__yakidooDhsHubReady = true;\nconst $ = (selector, context = document) => context.querySelector(selector);\n    const $$ = (selector, context = document) => [...context.querySelectorAll(selector)];\n\n    const revealObserver = new IntersectionObserver(entries => {\n      entries.forEach(entry => {\n        if (entry.isIntersecting) {\n          entry.target.classList.add(\"in\");\n          revealObserver.unobserve(entry.target);\n        }\n      });\n    }, { threshold: .12 });\n    $$(\".yk-dhs .reveal\").forEach(element => revealObserver.observe(element));\n\n    const heroVisual = $(\"#heroVisual\");\n    const systemCard = $(\"#systemCard\");\n    if (window.matchMedia(\"(pointer:fine)\").matches) {\n      heroVisual.addEventListener(\"pointermove\", event => {\n        const rect = heroVisual.getBoundingClientRect();\n        const x = (event.clientX - rect.left) \/ rect.width - .5;\n        const y = (event.clientY - rect.top) \/ rect.height - .5;\n        systemCard.style.transform = `rotateY(${x * 7 - 5}deg) rotateX(${-y * 5 + 2}deg) translate3d(${x * 6}px,${y * 5}px,0)`;\n      });\n      heroVisual.addEventListener(\"pointerleave\", () => {\n        systemCard.style.transform = \"rotateY(-5deg) rotateX(2deg)\";\n      });\n    }\n\n    const bridgeTabs = $$(\".yk-dhs .bridge-tab\");\n    const stagePalette = [\n      [\"#8178ec\", \"#7199f5\"],\n      [\"#7199f5\", \"#9adcf8\"],\n      [\"#8b7bf3\", \"#7b9ff7\"],\n      [\"#9adcf8\", \"#8178ec\"]\n    ];\n    const stageGraphic = $(\".yk-dhs .stage-graphic\");\n    let bridgeAnimationTimer;\n\n    function setBridge(tab, index) {\n      bridgeTabs.forEach(item => {\n        const selected = item === tab;\n        item.classList.toggle(\"active\", selected);\n        item.setAttribute(\"aria-selected\", String(selected));\n      });\n      $(\"#stageIndex\").textContent = tab.dataset.index;\n      $(\"#stageTitle\").textContent = tab.dataset.title;\n      $(\"#stageCopy\").textContent = tab.dataset.copy;\n      $(\"#stageResult\").textContent = tab.dataset.result;\n      $(\"#stageCore\").innerHTML = tab.dataset.core;\n      $(\"#stageNodeALabel\").textContent = tab.dataset.aLabel;\n      $(\"#stageNodeAValue\").textContent = tab.dataset.aValue;\n      $(\"#stageNodeBLabel\").textContent = tab.dataset.bLabel;\n      $(\"#stageNodeBValue\").textContent = tab.dataset.bValue;\n      $(\"#stageNodeCLabel\").textContent = tab.dataset.cLabel;\n      $(\"#stageNodeCValue\").textContent = tab.dataset.cValue;\n      const [a, b] = stagePalette[index];\n      $(\"#stageCore\").style.background = `radial-gradient(circle at 35% 25%, #b8c2ff, ${a} 42%, ${b} 130%)`;\n      $(\"#stageOrbit\").style.transform = `rotate(${index * 31}deg)`;\n      stageGraphic.style.setProperty(\"--stage-accent\", a);\n      stageGraphic.classList.remove(\"is-changing\");\n      void stageGraphic.offsetWidth;\n      stageGraphic.classList.add(\"is-changing\");\n      window.clearTimeout(bridgeAnimationTimer);\n      bridgeAnimationTimer = window.setTimeout(() => stageGraphic.classList.remove(\"is-changing\"), 560);\n    }\n    bridgeTabs.forEach((tab, index) => {\n      tab.addEventListener(\"click\", () => setBridge(tab, index));\n      tab.addEventListener(\"mouseenter\", () => setBridge(tab, index));\n    });\n\n    $$('a[href^=\"#\"]').forEach(link => link.addEventListener(\"click\", event => {\n      const id = link.getAttribute(\"href\");\n      if (!id || id === \"#\") return;\n      const target = $(id);\n      if (!target) return;\n      event.preventDefault();\n      target.scrollIntoView({ behavior: \"smooth\" });\n    }));\n  }\n  if(document.readyState === 'loading'){\n    document.addEventListener('DOMContentLoaded', initDhsHub, {once:true});\n  }else{\n    window.setTimeout(initDhsHub, 0);\n  }\n})();<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1049,"featured_media":0,"parent":93220,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_joinchat":[],"footnotes":""},"difl_page_category":[],"class_list":["post-93502","page","type-page","status-publish","hentry"],"acf":[],"dsm_author":{"name":"Andreina Mendoza","avatar_url":"https:\/\/secure.gravatar.com\/avatar\/bb56d07b0a1fcb7408cbbacad692981913914a7b06192ef06ffa3079eff0ae95?s=96&d=mm&r=g","archive_link":"https:\/\/yakidoo.com\/de\/author\/andreina\/","biodata":""},"dsm_categories":[],"dsm_attachment_categories":[],"dsm_featured_image":null,"dsm_comment_count":0,"_links":{"self":[{"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/pages\/93502","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/users\/1049"}],"replies":[{"embeddable":true,"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/comments?post=93502"}],"version-history":[{"count":8,"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/pages\/93502\/revisions"}],"predecessor-version":[{"id":93605,"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/pages\/93502\/revisions\/93605"}],"up":[{"embeddable":true,"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/pages\/93220"}],"wp:attachment":[{"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/media?parent=93502"}],"wp:term":[{"taxonomy":"difl_page_category","embeddable":true,"href":"https:\/\/yakidoo.com\/de\/wp-json\/wp\/v2\/difl_page_category?post=93502"}],"curies":[{"name":"Wo","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}