{"id":25211,"date":"2026-04-17T16:53:05","date_gmt":"2026-04-17T19:53:05","guid":{"rendered":"https:\/\/joanastorino.com\/?page_id=25211"},"modified":"2026-04-17T17:07:41","modified_gmt":"2026-04-17T20:07:41","slug":"biblioteca-interativa","status":"publish","type":"page","link":"https:\/\/joanastorino.com\/en\/biblioteca-interativa\/","title":{"rendered":"Biblioteca Interativa"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"25211\" class=\"elementor elementor-25211\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10148d1 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"10148d1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2fba0cd elementor-widget elementor-widget-html\" data-id=\"2fba0cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"immersive-library-game\" id=\"immersiveLibraryGame\">\n  <style>\n    .immersive-library-game{\n      --bg-1:#0f0906;\n      --bg-2:#1a110c;\n      --bg-3:#24170f;\n      --wood-1:#3e2417;\n      --wood-2:#5a3421;\n      --wood-3:#7a4a2f;\n      --wood-4:#9a6641;\n      --gold:#cfa15c;\n      --gold-soft:#e8c98b;\n      --cream:#f6eddc;\n      --muted:#d7c1a0;\n      --green:#2e4638;\n      --green-dark:#213229;\n      --metal:#626a72;\n      --shadow:0 30px 80px rgba(0,0,0,.48);\n      --font-display:\"Ricardo ALT\", Georgia, \"Times New Roman\", serif;\n      --font-body: Georgia, \"Times New Roman\", serif;\n      position:relative;\n      overflow:hidden;\n      border-radius:30px;\n      padding:22px;\n      background:\n        radial-gradient(circle at 20% 0%, rgba(231,183,96,.12), transparent 22%),\n        radial-gradient(circle at 100% 10%, rgba(231,183,96,.08), transparent 18%),\n        linear-gradient(180deg, #21150f 0%, #120c09 100%);\n      color:var(--cream);\n      font-family:var(--font-body);\n      box-shadow:var(--shadow);\n    }\n\n    .immersive-library-game *{box-sizing:border-box;}\n\n    .immersive-library-game .shell{\n      max-width:1320px;\n      margin:0 auto;\n      position:relative;\n      min-height:1060px;\n    }\n\n    .immersive-library-game .title-block{\n      position:relative;\n      z-index:3;\n      text-align:center;\n      max-width:960px;\n      margin:0 auto 22px;\n    }\n\n    .immersive-library-game .kicker{\n      display:inline-block;\n      padding:8px 14px;\n      border:1px solid rgba(232,201,139,.22);\n      border-radius:999px;\n      background:rgba(255,255,255,.03);\n      color:var(--gold-soft);\n      font-size:12px;\n      text-transform:uppercase;\n      letter-spacing:.18em;\n      margin-bottom:14px;\n    }\n\n    .immersive-library-game .title-block h2{\n      margin:0 0 12px;\n      font-family:var(--font-display);\n      font-weight:400;\n      font-size:clamp(34px,5vw,68px);\n      line-height:1;\n      color:#f8edd8;\n      text-shadow:0 4px 24px rgba(0,0,0,.35);\n    }\n\n    .immersive-library-game .title-block p{\n      margin:0 auto;\n      max-width:780px;\n      font-size:clamp(16px,2vw,20px);\n      line-height:1.7;\n      color:#eadbc2;\n      opacity:.95;\n    }\n\n    .immersive-library-game .ambient{\n      position:absolute;\n      inset:0;\n      pointer-events:none;\n      z-index:0;\n      overflow:hidden;\n    }\n\n    .immersive-library-game .glow{\n      position:absolute;\n      border-radius:50%;\n      filter:blur(14px);\n      background:radial-gradient(circle, rgba(255,213,129,.18), transparent 68%);\n      animation:floatGlow 9s ease-in-out infinite;\n    }\n\n    .immersive-library-game .glow.g1{width:320px;height:320px;top:30px;left:-40px;}\n    .immersive-library-game .glow.g2{width:260px;height:260px;top:120px;right:-20px;animation-delay:1.8s;}\n    .immersive-library-game .glow.g3{width:420px;height:420px;bottom:20px;left:42%;animation-delay:3.2s;}\n\n    @keyframes floatGlow{\n      0%,100%{transform:translateY(0) scale(1);}\n      50%{transform:translateY(-12px) scale(1.05);}\n    }\n\n    .immersive-library-game .stars{\n      position:absolute;\n      inset:0;\n      pointer-events:none;\n      z-index:1;\n      opacity:.35;\n      background-image:\n        radial-gradient(circle at 12% 18%, rgba(255,255,255,.9) 0 1px, transparent 2px),\n        radial-gradient(circle at 28% 12%, rgba(255,255,255,.7) 0 1px, transparent 2px),\n        radial-gradient(circle at 72% 16%, rgba(255,255,255,.75) 0 1px, transparent 2px),\n        radial-gradient(circle at 86% 22%, rgba(255,255,255,.8) 0 1px, transparent 2px),\n        radial-gradient(circle at 52% 10%, rgba(255,255,255,.55) 0 1px, transparent 2px);\n    }\n\n    .immersive-library-game .stage{\n      position:relative;\n      z-index:2;\n      min-height:920px;\n      border-radius:28px;\n      overflow:hidden;\n      transition:opacity .9s ease, transform .9s ease, visibility .9s ease;\n    }\n\n    .immersive-library-game .stage.hidden{\n      opacity:0;\n      visibility:hidden;\n      pointer-events:none;\n      transform:scale(.985);\n      position:absolute;\n      inset:0;\n    }\n\n    \/* =========================\n       ETAPA 1 - FACHADA \/ PORTA\n       ========================= *\/\n    .immersive-library-game .facade-stage{\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),\n        linear-gradient(180deg, #284032 0%, #1e3027 100%);\n      border:14px solid #21342a;\n      box-shadow:inset 0 0 0 2px rgba(232,201,139,.14), var(--shadow);\n    }\n\n    .immersive-library-game .ivy-top{\n      position:absolute;\n      top:0;\n      left:0;\n      right:0;\n      height:130px;\n      pointer-events:none;\n      opacity:.96;\n      background:\n        radial-gradient(circle at 8% 28%, #7ca05d 0 8px, transparent 9px),\n        radial-gradient(circle at 15% 50%, #efb7c0 0 6px, transparent 7px),\n        radial-gradient(circle at 22% 28%, #7ca05d 0 8px, transparent 9px),\n        radial-gradient(circle at 34% 46%, #7ca05d 0 8px, transparent 9px),\n        radial-gradient(circle at 44% 24%, #efb7c0 0 6px, transparent 7px),\n        radial-gradient(circle at 54% 46%, #7ca05d 0 8px, transparent 9px),\n        radial-gradient(circle at 66% 24%, #efb7c0 0 6px, transparent 7px),\n        radial-gradient(circle at 76% 36%, #7ca05d 0 10px, transparent 11px),\n        radial-gradient(circle at 88% 44%, #efb7c0 0 6px, transparent 7px);\n      filter:drop-shadow(0 6px 10px rgba(0,0,0,.2));\n    }\n\n    .immersive-library-game .sign{\n      position:absolute;\n      top:24px;\n      left:50%;\n      transform:translateX(-50%);\n      width:min(92%, 780px);\n      padding:20px 22px 16px;\n      border-radius:18px;\n      text-align:center;\n      background:linear-gradient(180deg, rgba(0,0,0,.16), rgba(255,255,255,.04));\n      border:1px solid rgba(232,201,139,.24);\n      box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);\n      z-index:3;\n    }\n\n    .immersive-library-game .sign h3{\n      margin:0;\n      font-family:var(--font-display);\n      font-weight:400;\n      font-size:clamp(30px,4vw,52px);\n      line-height:1;\n      color:var(--gold-soft);\n      letter-spacing:.05em;\n    }\n\n    .immersive-library-game .sign span{\n      display:block;\n      margin-top:8px;\n      font-size:12px;\n      letter-spacing:.25em;\n      text-transform:uppercase;\n      color:#f4e2be;\n      opacity:.8;\n    }\n\n    .immersive-library-game .facade-floor{\n      position:absolute;\n      inset:0;\n      background:\n        radial-gradient(circle at 50% 18%, rgba(255,220,143,.12), transparent 26%),\n        linear-gradient(180deg, transparent 0 76%, rgba(0,0,0,.08) 76% 100%);\n    }\n\n    .immersive-library-game .door-scene{\n      position:absolute;\n      left:50%;\n      bottom:62px;\n      transform:translateX(-50%);\n      width:min(88%, 760px);\n      height:700px;\n      perspective:2200px;\n      z-index:4;\n    }\n\n    .immersive-library-game .door-frame{\n      position:absolute;\n      inset:0;\n      border-radius:34px 34px 10px 10px;\n      background:linear-gradient(180deg, #6d4830, #4f311f);\n      box-shadow:inset 0 0 0 2px rgba(255,255,255,.06), 0 16px 30px rgba(0,0,0,.34);\n    }\n\n    .immersive-library-game .door-frame::before{\n      content:\"\";\n      position:absolute;\n      inset:22px;\n      border:2px solid rgba(222,190,147,.22);\n      border-radius:24px;\n      pointer-events:none;\n    }\n\n    .immersive-library-game .door-leaf{\n      position:absolute;\n      inset:16px;\n      transform-origin:left center;\n      transform-style:preserve-3d;\n      transition:transform 1.8s cubic-bezier(.2,.9,.2,1), opacity .8s ease 1.25s;\n      z-index:3;\n    }\n\n    .immersive-library-game.entered .door-leaf{\n      transform:rotateY(-118deg);\n      opacity:0;\n    }\n\n    .immersive-library-game .door-surface{\n      position:absolute;\n      inset:0;\n      border-radius:22px;\n      background:linear-gradient(180deg, #6b432a, #482b1b);\n      box-shadow:inset 0 0 0 2px rgba(255,255,255,.05);\n      backface-visibility:hidden;\n    }\n\n    .immersive-library-game .door-arch{\n      position:absolute;\n      top:24px;\n      left:24px;\n      right:24px;\n      bottom:24px;\n      border-radius:260px 260px 18px 18px \/ 210px 210px 18px 18px;\n      overflow:hidden;\n      border:2px solid rgba(222,190,147,.20);\n      background:\n        linear-gradient(135deg, rgba(255,255,255,.12), rgba(255,255,255,.02)),\n        rgba(24,19,14,.30);\n    }\n\n    .immersive-library-game .door-arch::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(90deg, rgba(255,255,255,.08), transparent 28%, transparent 68%, rgba(255,255,255,.04)),\n        linear-gradient(180deg, rgba(255,255,255,.10), transparent 36%);\n    }\n\n    .immersive-library-game .door-note{\n      position:absolute;\n      top:195px;\n      left:50%;\n      transform:translateX(-50%);\n      width:min(88%, 340px);\n      text-align:center;\n      color:#f5e5c7;\n      font-size:14px;\n      line-height:1.6;\n      letter-spacing:.07em;\n      text-transform:uppercase;\n      opacity:.85;\n      pointer-events:none;\n      z-index:5;\n    }\n\n    .immersive-library-game .handle{\n      position:absolute;\n      right:34px;\n      top:54%;\n      width:28px;\n      height:28px;\n      border-radius:50%;\n      border:none;\n      background:radial-gradient(circle at 30% 30%, #f3d39c, #a16c2f 70%);\n      box-shadow:0 0 0 4px rgba(0,0,0,.18), 0 0 18px rgba(239,194,110,.45);\n      cursor:pointer;\n      z-index:6;\n      animation:handleGlow 1.8s ease-in-out infinite;\n    }\n\n    .immersive-library-game .handle::after{\n      content:\"\";\n      position:absolute;\n      width:9px;\n      height:76px;\n      border-radius:8px;\n      background:linear-gradient(180deg, #d8b276, #8b5c29);\n      left:50%;\n      top:50%;\n      transform:translate(-50%,-10%);\n      box-shadow:0 2px 6px rgba(0,0,0,.25);\n    }\n\n    @keyframes handleGlow{\n      0%,100%{transform:scale(1); box-shadow:0 0 0 4px rgba(0,0,0,.18), 0 0 14px rgba(239,194,110,.32);}\n      50%{transform:scale(1.08); box-shadow:0 0 0 4px rgba(0,0,0,.18), 0 0 24px rgba(239,194,110,.75);}\n    }\n\n    .immersive-library-game .bubble{\n      position:absolute;\n      top:128px;\n      left:50%;\n      transform:translateX(-50%);\n      max-width:320px;\n      padding:15px 18px;\n      border-radius:18px;\n      background:#f8edd7;\n      color:#3f2919;\n      font-size:15px;\n      line-height:1.5;\n      box-shadow:0 16px 24px rgba(0,0,0,.25);\n      z-index:7;\n      animation:bobBubble 2.6s ease-in-out infinite;\n      text-align:center;\n    }\n\n    .immersive-library-game .bubble::after{\n      content:\"\";\n      position:absolute;\n      left:50%;\n      transform:translateX(-50%);\n      bottom:-12px;\n      border-width:12px 10px 0 10px;\n      border-style:solid;\n      border-color:#f8edd7 transparent transparent transparent;\n    }\n\n    @keyframes bobBubble{\n      0%,100%{transform:translateX(-50%) translateY(0);}\n      50%{transform:translateX(-50%) translateY(-8px);}\n    }\n\n    .immersive-library-game.entered .bubble{\n      opacity:0;\n      visibility:hidden;\n      transition:.35s ease;\n    }\n\n    .immersive-library-game .brick-strip{\n      position:absolute;\n      left:0;\n      right:0;\n      bottom:0;\n      height:118px;\n      background:\n        linear-gradient(#8a4d39 0 0) padding-box,\n        repeating-linear-gradient(90deg, transparent 0 58px, rgba(245,230,213,.34) 58px 60px),\n        repeating-linear-gradient(180deg, rgba(245,230,213,.30) 0 2px, transparent 2px 32px);\n      opacity:.94;\n      border-top:1px solid rgba(255,255,255,.10);\n    }\n\n    \/* =========================\n       ETAPA 2 - BIBLIOTECA\n       ========================= *\/\n    .immersive-library-game .library-stage{\n      opacity:0;\n      visibility:hidden;\n      transform:translateY(14px) scale(.995);\n      transition:opacity .9s ease .75s, transform .9s ease .75s, visibility .9s ease .75s;\n      position:absolute;\n      inset:0;\n      background:\n        radial-gradient(circle at 50% 8%, rgba(255,223,145,.16), transparent 18%),\n        linear-gradient(180deg, #1d130d 0%, #100a07 100%);\n      border:1px solid rgba(232,201,139,.12);\n      box-shadow:var(--shadow);\n    }\n\n    .immersive-library-game.entered .library-stage{\n      opacity:1;\n      visibility:visible;\n      transform:translateY(0) scale(1);\n    }\n\n    .immersive-library-game .inside-note{\n      position:absolute;\n      top:16px;\n      left:50%;\n      transform:translateX(-50%);\n      width:min(94%, 860px);\n      padding:16px 18px;\n      border-radius:16px;\n      background:rgba(16,10,7,.88);\n      border:1px solid rgba(232,201,139,.22);\n      color:#f5e8ce;\n      text-align:center;\n      font-size:15px;\n      line-height:1.6;\n      z-index:5;\n    }\n\n    .immersive-library-game .cinema-room{\n      position:relative;\n      min-height:920px;\n      overflow:hidden;\n    }\n\n    .immersive-library-game .ceiling-haze{\n      position:absolute;\n      top:20px;\n      left:50%;\n      transform:translateX(-50%);\n      width:560px;\n      height:220px;\n      border-radius:50%;\n      background:radial-gradient(circle, rgba(255,223,145,.16), transparent 68%);\n      filter:blur(12px);\n      pointer-events:none;\n      z-index:1;\n    }\n\n    .immersive-library-game .corridor{\n      position:absolute;\n      inset:88px 18px 18px 18px;\n      perspective:1800px;\n      z-index:2;\n      pointer-events:none;\n    }\n\n    .immersive-library-game .wall-left,\n    .immersive-library-game .wall-right,\n    .immersive-library-game .back-wall,\n    .immersive-library-game .floor,\n    .immersive-library-game .ceiling{\n      position:absolute;\n      border-radius:24px;\n    }\n\n    .immersive-library-game .wall-left{\n      left:0;\n      top:40px;\n      bottom:90px;\n      width:32%;\n      transform:rotateY(18deg) translateX(-26px);\n      transform-origin:left center;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),\n        linear-gradient(180deg, #4c2f20 0%, #28180f 100%);\n      box-shadow:inset -40px 0 60px rgba(0,0,0,.22);\n    }\n\n    .immersive-library-game .wall-right{\n      right:0;\n      top:40px;\n      bottom:90px;\n      width:32%;\n      transform:rotateY(-18deg) translateX(26px);\n      transform-origin:right center;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.01)),\n        linear-gradient(180deg, #4c2f20 0%, #28180f 100%);\n      box-shadow:inset 40px 0 60px rgba(0,0,0,.22);\n    }\n\n    .immersive-library-game .back-wall{\n      left:26%;\n      right:26%;\n      top:110px;\n      bottom:165px;\n      background:\n        radial-gradient(circle at 50% 30%, rgba(255,221,142,.08), transparent 36%),\n        linear-gradient(180deg, #3a2418 0%, #1d120c 100%);\n      box-shadow:inset 0 0 70px rgba(0,0,0,.28);\n    }\n\n    .immersive-library-game .ceiling{\n      left:22%;\n      right:22%;\n      top:36px;\n      height:160px;\n      transform:rotateX(68deg);\n      transform-origin:top center;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),\n        linear-gradient(180deg, #372317 0%, #1f140e 100%);\n      opacity:.8;\n    }\n\n    .immersive-library-game .floor{\n      left:14%;\n      right:14%;\n      bottom:28px;\n      height:270px;\n      transform:rotateX(74deg);\n      transform-origin:bottom center;\n      background:\n        repeating-linear-gradient(90deg, #6e462f 0 36px, #5d3a27 36px 72px),\n        linear-gradient(180deg, #6e462f, #4d2d1d);\n      box-shadow:0 -30px 80px rgba(0,0,0,.24) inset;\n      border-top:1px solid rgba(255,255,255,.05);\n    }\n\n    .immersive-library-game .room-content{\n      position:relative;\n      z-index:4;\n      display:grid;\n      grid-template-columns:1fr 320px;\n      gap:22px;\n      padding:94px 18px 22px;\n      min-height:920px;\n    }\n\n    @media (max-width:1100px){\n      .immersive-library-game .room-content{\n        grid-template-columns:1fr;\n      }\n    }\n\n    .immersive-library-game .book-world{\n      position:relative;\n      min-height:760px;\n      padding:0 0 120px;\n    }\n\n    .immersive-library-game .back-shelf{\n      position:absolute;\n      left:26%;\n      right:26%;\n      top:136px;\n      height:430px;\n      border-radius:18px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),\n        linear-gradient(180deg, #4d2f20 0%, #29180f 100%);\n      border:1px solid rgba(232,201,139,.12);\n      box-shadow:0 30px 50px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.03);\n      overflow:hidden;\n      pointer-events:none;\n    }\n\n    .immersive-library-game .back-shelf::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(180deg, transparent 0 22%, rgba(0,0,0,.08) 22% 23%, transparent 23% 48%, rgba(0,0,0,.08) 48% 49%, transparent 49% 74%, rgba(0,0,0,.08) 74% 75%, transparent 75% 100%);\n    }\n\n    .immersive-library-game .back-shelf-books{\n      position:absolute;\n      inset:18px 16px;\n      display:grid;\n      grid-template-rows:repeat(3,1fr);\n      gap:18px;\n    }\n\n    .immersive-library-game .back-row{\n      display:flex;\n      align-items:flex-end;\n      gap:6px;\n    }\n\n    .immersive-library-game .mini-book{\n      flex:0 0 auto;\n      width:18px;\n      height:72px;\n      border-radius:3px 3px 2px 2px;\n      opacity:.88;\n      box-shadow:0 4px 8px rgba(0,0,0,.16);\n    }\n\n    .immersive-library-game .left-shelf,\n    .immersive-library-game .right-shelf{\n      position:absolute;\n      top:108px;\n      width:30%;\n      min-height:520px;\n      border-radius:20px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01)),\n        linear-gradient(180deg, #5a3523 0%, #311c12 100%);\n      border:1px solid rgba(232,201,139,.12);\n      box-shadow:0 24px 38px rgba(0,0,0,.22);\n      overflow:hidden;\n      transform-style:preserve-3d;\n    }\n\n    .immersive-library-game .left-shelf{\n      left:0;\n      transform:perspective(1200px) rotateY(16deg);\n      transform-origin:left center;\n    }\n\n    .immersive-library-game .right-shelf{\n      right:0;\n      transform:perspective(1200px) rotateY(-16deg);\n      transform-origin:right center;\n    }\n\n    .immersive-library-game .shelf-top-glow{\n      position:absolute;\n      top:0;\n      left:0;\n      right:0;\n      height:70px;\n      background:radial-gradient(circle at 50% 0%, rgba(255,223,145,.16), transparent 60%);\n      pointer-events:none;\n      z-index:1;\n    }\n\n    .immersive-library-game .shelf-row{\n      position:relative;\n      z-index:2;\n      display:flex;\n      align-items:flex-end;\n      gap:8px;\n      min-height:124px;\n      padding:16px 10px 14px;\n      border-bottom:7px solid #6f472d;\n      box-shadow:inset 0 -2px 0 rgba(255,255,255,.05);\n    }\n\n    .immersive-library-game .book{\n      position:relative;\n      display:flex;\n      align-items:flex-end;\n      justify-content:center;\n      text-align:center;\n      padding:12px 7px;\n      border-radius:7px 7px 4px 4px;\n      color:#fff7e7;\n      font-size:10px;\n      line-height:1.15;\n      letter-spacing:.03em;\n      text-transform:uppercase;\n      border:1px solid rgba(255,255,255,.08);\n      box-shadow:0 10px 18px rgba(0,0,0,.22);\n      user-select:none;\n      overflow:hidden;\n      font-family:var(--font-body);\n      pointer-events:auto;\n    }\n\n    .immersive-library-game .book span{\n      writing-mode:vertical-rl;\n      transform:rotate(180deg);\n      font-size:10px;\n      font-weight:700;\n      max-height:100%;\n      opacity:.92;\n    }\n\n    .immersive-library-game .book.decoy{\n      cursor:default;\n      filter:saturate(.9);\n    }\n\n    .immersive-library-game .book.real{\n      cursor:pointer;\n      outline:none;\n      animation:bookPulse 1.8s ease-in-out infinite;\n      transform-origin:center bottom;\n    }\n\n    .immersive-library-game .book.real:hover{\n      transform:translateY(-8px) rotate(-1.2deg) scale(1.02);\n      box-shadow:0 18px 28px rgba(0,0,0,.32);\n    }\n\n    .immersive-library-game .book.real::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(135deg, rgba(255,255,255,.2), transparent 45%, rgba(255,255,255,.08));\n      pointer-events:none;\n    }\n\n    .immersive-library-game .book.real.has-secret::before{\n      content:\"\u2726\";\n      position:absolute;\n      top:5px;\n      right:5px;\n      font-size:14px;\n      color:#ffe7a9;\n      text-shadow:0 0 12px rgba(255,225,137,.7);\n      z-index:2;\n    }\n\n    @keyframes bookPulse{\n      0%,100%{\n        transform:translateY(0) scale(1);\n        box-shadow:0 8px 18px rgba(0,0,0,.28), 0 0 0 rgba(255,214,130,0);\n      }\n      50%{\n        transform:translateY(-5px) scale(1.03);\n        box-shadow:0 18px 28px rgba(0,0,0,.34), 0 0 26px rgba(255,214,130,.28);\n      }\n    }\n\n    .immersive-library-game .center-table{\n      position:absolute;\n      left:50%;\n      bottom:122px;\n      transform:translateX(-50%);\n      width:min(44%, 360px);\n      height:130px;\n      border-radius:18px;\n      background:\n        linear-gradient(180deg, #7d5033 0%, #53311f 100%);\n      box-shadow:0 18px 30px rgba(0,0,0,.28);\n      z-index:4;\n      pointer-events:none;\n    }\n\n    .immersive-library-game .center-table::before{\n      content:\"\";\n      position:absolute;\n      left:10%;\n      right:10%;\n      top:18px;\n      height:12px;\n      border-radius:999px;\n      background:rgba(255,255,255,.08);\n      filter:blur(2px);\n    }\n\n    .immersive-library-game .open-book{\n      position:absolute;\n      left:50%;\n      top:-26px;\n      transform:translateX(-50%) rotate(-4deg);\n      width:132px;\n      height:84px;\n      filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));\n    }\n\n    .immersive-library-game .open-book::before,\n    .immersive-library-game .open-book::after{\n      content:\"\";\n      position:absolute;\n      top:0;\n      width:64px;\n      height:84px;\n      background:linear-gradient(180deg, #f2e5ca, #d7c19b);\n      border:1px solid rgba(72,41,24,.22);\n      box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);\n    }\n\n    .immersive-library-game .open-book::before{\n      left:0;\n      transform:skewY(8deg);\n      border-radius:7px 0 0 8px;\n    }\n\n    .immersive-library-game .open-book::after{\n      right:0;\n      transform:skewY(-8deg);\n      border-radius:0 7px 8px 0;\n    }\n\n    .immersive-library-game .safe-panel{\n      position:relative;\n      z-index:5;\n      padding:22px;\n      border-radius:22px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),\n        linear-gradient(180deg, #2d3135 0%, #1e2226 100%);\n      border:1px solid rgba(255,255,255,.08);\n      box-shadow:var(--shadow);\n      align-self:start;\n    }\n\n    .immersive-library-game .safe-title{\n      font-family:var(--font-display);\n      font-size:32px;\n      font-weight:400;\n      line-height:1;\n      color:#f2e3c2;\n      margin:0 0 12px;\n    }\n\n    .immersive-library-game .safe-copy{\n      font-size:15px;\n      line-height:1.6;\n      color:#d9d0c2;\n      margin:0 0 18px;\n    }\n\n    .immersive-library-game .safe-box{\n      position:relative;\n      border-radius:20px;\n      padding:18px;\n      background:\n        radial-gradient(circle at 50% 30%, rgba(255,255,255,.09), transparent 36%),\n        linear-gradient(180deg, #575f66 0%, #2f353b 100%);\n      border:1px solid rgba(255,255,255,.12);\n      box-shadow:inset 0 0 0 2px rgba(255,255,255,.04);\n    }\n\n    .immersive-library-game .dial{\n      width:124px;\n      height:124px;\n      margin:6px auto 18px;\n      border-radius:50%;\n      background:radial-gradient(circle at 35% 30%, #cfd4d8, #707981 70%);\n      border:8px solid #929aa0;\n      box-shadow: inset 0 0 0 3px rgba(0,0,0,.15), 0 12px 18px rgba(0,0,0,.3);\n      position:relative;\n    }\n\n    .immersive-library-game .dial::before{\n      content:\"\";\n      position:absolute;\n      top:10px;\n      left:50%;\n      width:4px;\n      height:20px;\n      transform:translateX(-50%);\n      background:#3b4349;\n      border-radius:2px;\n    }\n\n    .immersive-library-game .dial::after{\n      content:\"\";\n      position:absolute;\n      inset:24px;\n      border-radius:50%;\n      border:2px dashed rgba(57,64,69,.4);\n    }\n\n    .immersive-library-game .safe-label{\n      display:block;\n      font-size:12px;\n      text-transform:uppercase;\n      letter-spacing:.16em;\n      color:#f4e1b9;\n      margin:12px 0 8px;\n    }\n\n    .immersive-library-game .safe-input,\n    .immersive-library-game .safe-email{\n      width:100%;\n      appearance:none;\n      border:none;\n      outline:none;\n      padding:14px 16px;\n      border-radius:14px;\n      background:#f5eddc;\n      color:#3d2a1d;\n      font-size:15px;\n      margin-bottom:10px;\n      box-shadow:inset 0 2px 6px rgba(0,0,0,.06);\n      font-family:inherit;\n    }\n\n    .immersive-library-game .safe-btn,\n    .immersive-library-game .buy-btn,\n    .immersive-library-game .ghost-btn{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:10px;\n      padding:14px 20px;\n      border-radius:999px;\n      border:none;\n      cursor:pointer;\n      font-family:inherit;\n      font-size:14px;\n      font-weight:700;\n      letter-spacing:.06em;\n      text-transform:uppercase;\n      transition:.25s ease;\n      text-decoration:none;\n    }\n\n    .immersive-library-game .safe-btn,\n    .immersive-library-game .buy-btn{\n      background:linear-gradient(180deg, #e3bd7f, #bb8642);\n      color:#24150d;\n      box-shadow:0 10px 18px rgba(0,0,0,.25);\n    }\n\n    .immersive-library-game .safe-btn:hover,\n    .immersive-library-game .buy-btn:hover{\n      transform:translateY(-2px);\n      filter:brightness(1.04);\n    }\n\n    .immersive-library-game .ghost-btn{\n      background:rgba(255,255,255,.06);\n      color:#f6e4c2;\n      border:1px solid rgba(255,255,255,.12);\n    }\n\n    .immersive-library-game .ghost-btn:hover{\n      background:rgba(255,255,255,.10);\n      transform:translateY(-2px);\n    }\n\n    .immersive-library-game .safe-feedback{\n      margin-top:12px;\n      font-size:14px;\n      line-height:1.5;\n      color:#f0dfc2;\n      min-height:42px;\n    }\n\n    .immersive-library-game .email-gate{\n      display:none;\n      margin-top:16px;\n      padding-top:14px;\n      border-top:1px solid rgba(255,255,255,.1);\n    }\n\n    .immersive-library-game .email-gate.show{\n      display:block;\n    }\n\n    .immersive-library-game .secret-hint{\n      margin-top:12px;\n      font-size:13px;\n      color:#ddd1c2;\n      opacity:.8;\n    }\n\n    .immersive-library-game .success-note{\n      margin-top:14px;\n      padding:12px 14px;\n      border-radius:14px;\n      background:rgba(96,156,107,.16);\n      border:1px solid rgba(120,210,142,.24);\n      color:#def4de;\n      display:none;\n      line-height:1.5;\n      font-size:14px;\n    }\n\n    .immersive-library-game .success-note.show{\n      display:block;\n    }\n\n    \/* MODAL *\/\n    .immersive-library-game .book-modal{\n      position:fixed;\n      inset:0;\n      z-index:99999;\n      display:none;\n      align-items:center;\n      justify-content:center;\n      padding:20px;\n      background:rgba(12,8,5,.74);\n      backdrop-filter:blur(5px);\n    }\n\n    .immersive-library-game .book-modal.show{\n      display:flex;\n    }\n\n    .immersive-library-game .modal-card{\n      width:min(960px, 100%);\n      border-radius:24px;\n      overflow:hidden;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),\n        linear-gradient(180deg, #271810 0%, #180f0a 100%);\n      border:1px solid rgba(229,195,135,.16);\n      box-shadow:0 28px 70px rgba(0,0,0,.45);\n      position:relative;\n    }\n\n    .immersive-library-game .modal-grid{\n      display:grid;\n      grid-template-columns:280px 1fr;\n    }\n\n    @media (max-width:760px){\n      .immersive-library-game .modal-grid{\n        grid-template-columns:1fr;\n      }\n    }\n\n    .immersive-library-game .modal-cover{\n      min-height:420px;\n      background:\n        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02)),\n        var(--cover-gradient, linear-gradient(180deg,#7a4b2e,#3a2216));\n      position:relative;\n      padding:24px;\n      display:flex;\n      align-items:flex-end;\n      justify-content:center;\n    }\n\n    .immersive-library-game .cover-book{\n      width:170px;\n      height:260px;\n      border-radius:10px;\n      background:\n        linear-gradient(135deg, rgba(255,255,255,.18), transparent 40%),\n        var(--cover-gradient, linear-gradient(180deg,#7a4b2e,#3a2216));\n      box-shadow:0 20px 30px rgba(0,0,0,.34);\n      border:1px solid rgba(255,255,255,.1);\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      padding:18px;\n      text-align:center;\n    }\n\n    .immersive-library-game .cover-book span{\n      font-family:var(--font-display);\n      font-size:26px;\n      line-height:1.05;\n      color:#fff1d4;\n      text-shadow:0 2px 16px rgba(0,0,0,.34);\n    }\n\n    .immersive-library-game .modal-content{\n      padding:28px;\n      color:#f4ead8;\n    }\n\n    .immersive-library-game .modal-close{\n      position:absolute;\n      top:16px;\n      right:16px;\n      width:42px;\n      height:42px;\n      border:none;\n      border-radius:50%;\n      cursor:pointer;\n      font-size:20px;\n      background:rgba(255,255,255,.08);\n      color:#fff3db;\n      z-index:2;\n    }\n\n    .immersive-library-game .modal-kicker{\n      display:inline-block;\n      padding:6px 10px;\n      border-radius:999px;\n      background:rgba(255,255,255,.05);\n      border:1px solid rgba(255,255,255,.08);\n      color:var(--gold-soft);\n      font-size:11px;\n      letter-spacing:.18em;\n      text-transform:uppercase;\n      margin-bottom:14px;\n    }\n\n    .immersive-library-game .modal-title{\n      font-family:var(--font-display);\n      font-size:clamp(28px,4vw,46px);\n      line-height:1.02;\n      margin:0 0 12px;\n      color:#fff1d4;\n      font-weight:400;\n    }\n\n    .immersive-library-game .modal-meta{\n      font-size:14px;\n      line-height:1.7;\n      color:#e3d3b9;\n      margin-bottom:16px;\n    }\n\n    .immersive-library-game .modal-text{\n      font-size:16px;\n      line-height:1.8;\n      color:#f0e5d3;\n      margin-bottom:22px;\n    }\n\n    .immersive-library-game .secret-badge{\n      display:inline-flex;\n      align-items:center;\n      gap:8px;\n      margin-bottom:18px;\n      padding:10px 14px;\n      border-radius:999px;\n      background:rgba(230,195,128,.12);\n      border:1px solid rgba(230,195,128,.22);\n      color:#ffe3a7;\n      font-size:13px;\n      letter-spacing:.08em;\n      text-transform:uppercase;\n    }\n\n    .immersive-library-game .modal-actions{\n      display:flex;\n      flex-wrap:wrap;\n      gap:12px;\n    }\n\n    @media (max-width:1100px){\n      .immersive-library-game .left-shelf,\n      .immersive-library-game .right-shelf{\n        position:relative;\n        top:auto;\n        width:100%;\n        min-height:auto;\n        transform:none;\n        margin-bottom:20px;\n      }\n\n      .immersive-library-game .back-shelf{\n        position:relative;\n        left:auto;\n        right:auto;\n        top:auto;\n        height:260px;\n        margin-bottom:20px;\n      }\n\n      .immersive-library-game .center-table{\n        position:relative;\n        left:auto;\n        bottom:auto;\n        transform:none;\n        width:100%;\n        margin-top:20px;\n      }\n\n      .immersive-library-game .corridor{\n        display:none;\n      }\n\n      .immersive-library-game .book-world{\n        display:grid;\n        gap:18px;\n      }\n    }\n\n    @media (max-width:768px){\n      .immersive-library-game{\n        padding:16px;\n      }\n\n      .immersive-library-game .shell{\n        min-height:1020px;\n      }\n\n      .immersive-library-game .door-scene{\n        width:min(94%, 460px);\n        height:620px;\n        bottom:92px;\n      }\n\n      .immersive-library-game .bubble{\n        top:112px;\n        max-width:260px;\n      }\n\n      .immersive-library-game .inside-note{\n        font-size:14px;\n      }\n\n      .immersive-library-game .room-content{\n        padding-top:96px;\n      }\n    }\n  <\/style>\n\n  <div class=\"shell\">\n    <div class=\"ambient\">\n      <div class=\"glow g1\"><\/div>\n      <div class=\"glow g2\"><\/div>\n      <div class=\"glow g3\"><\/div>\n      <div class=\"stars\"><\/div>\n    <\/div>\n\n    <div class=\"title-block\">\n      <span class=\"kicker\">Experi\u00eancia imersiva<\/span>\n      <h2>Entre na biblioteca<\/h2>\n      <p>\n        Abra a porta, caminhe visualmente pelo corredor, explore as estantes e descubra as palavras secretas escondidas nos livros em destaque.\n      <\/p>\n    <\/div>\n\n    <!-- ETAPA 1 -->\n    <div class=\"stage facade-stage\" id=\"immersiveFacadeStage\">\n      <div class=\"ivy-top\"><\/div>\n\n      <div class=\"sign\">\n        <h3>Old Library<\/h3>\n        <span>medical editions & rare works<\/span>\n      <\/div>\n\n      <div class=\"facade-floor\"><\/div>\n\n      <div class=\"door-scene\">\n        <div class=\"bubble\">Clique na ma\u00e7aneta para abrir a porta.<\/div>\n        <div class=\"door-frame\"><\/div>\n\n        <div class=\"door-leaf\" id=\"immersiveDoorLeaf\">\n          <div class=\"door-surface\"><\/div>\n          <div class=\"door-arch\"><\/div>\n          <div class=\"door-note\">toque para entrar<\/div>\n          <button class=\"handle\" id=\"immersiveDoorHandle\" aria-label=\"Abrir porta\"><\/button>\n        <\/div>\n      <\/div>\n\n      <div class=\"brick-strip\"><\/div>\n    <\/div>\n\n    <!-- ETAPA 2 -->\n    <div class=\"stage library-stage\" id=\"immersiveLibraryStage\">\n      <div class=\"inside-note\">\n        Clique nos livros que est\u00e3o piscando para conhecer os lan\u00e7amentos, descobrir as tr\u00eas palavras secretas e abrir o cofre.\n      <\/div>\n\n      <div class=\"cinema-room\" id=\"cinemaRoom\">\n        <div class=\"ceiling-haze\"><\/div>\n\n        <div class=\"corridor\" aria-hidden=\"true\">\n          <div class=\"ceiling\"><\/div>\n          <div class=\"wall-left\"><\/div>\n          <div class=\"wall-right\"><\/div>\n          <div class=\"back-wall\"><\/div>\n          <div class=\"floor\"><\/div>\n        <\/div>\n\n        <div class=\"room-content\">\n          <div class=\"book-world\">\n            <div class=\"left-shelf\" id=\"leftShelf\">\n              <div class=\"shelf-top-glow\"><\/div>\n              <div class=\"shelf-row\" id=\"leftShelfRow1\"><\/div>\n              <div class=\"shelf-row\" id=\"leftShelfRow2\"><\/div>\n              <div class=\"shelf-row\" id=\"leftShelfRow3\"><\/div>\n              <div class=\"shelf-row\" id=\"leftShelfRow4\"><\/div>\n            <\/div>\n\n            <div class=\"back-shelf\">\n              <div class=\"back-shelf-books\" id=\"backShelfBooks\">\n                <div class=\"back-row\" id=\"backRow1\"><\/div>\n                <div class=\"back-row\" id=\"backRow2\"><\/div>\n                <div class=\"back-row\" id=\"backRow3\"><\/div>\n              <\/div>\n            <\/div>\n\n            <div class=\"right-shelf\" id=\"rightShelf\">\n              <div class=\"shelf-top-glow\"><\/div>\n              <div class=\"shelf-row\" id=\"rightShelfRow1\"><\/div>\n              <div class=\"shelf-row\" id=\"rightShelfRow2\"><\/div>\n              <div class=\"shelf-row\" id=\"rightShelfRow3\"><\/div>\n              <div class=\"shelf-row\" id=\"rightShelfRow4\"><\/div>\n            <\/div>\n\n            <div class=\"center-table\">\n              <div class=\"open-book\"><\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"safe-panel\">\n            <h3 class=\"safe-title\">Cofre secreto<\/h3>\n            <p class=\"safe-copy\">\n              Encontre as tr\u00eas palavras escondidas nos livros em destaque. Depois, escreva as palavras abaixo para liberar o acesso ao primeiro cap\u00edtulo do Atlas.\n            <\/p>\n\n            <div class=\"safe-box\">\n              <div class=\"dial\"><\/div>\n\n              <label class=\"safe-label\" for=\"immersiveSecret1\">Palavra 1<\/label>\n              <input class=\"safe-input\" id=\"immersiveSecret1\" type=\"text\" placeholder=\"Digite a primeira palavra\">\n\n              <label class=\"safe-label\" for=\"immersiveSecret2\">Palavra 2<\/label>\n              <input class=\"safe-input\" id=\"immersiveSecret2\" type=\"text\" placeholder=\"Digite a segunda palavra\">\n\n              <label class=\"safe-label\" for=\"immersiveSecret3\">Palavra 3<\/label>\n              <input class=\"safe-input\" id=\"immersiveSecret3\" type=\"text\" placeholder=\"Digite a terceira palavra\">\n\n              <button class=\"safe-btn\" id=\"immersiveUnlockBtn\" type=\"button\">Abrir cofre<\/button>\n\n              <div class=\"safe-feedback\" id=\"immersiveSafeFeedback\"><\/div>\n\n              <div class=\"email-gate\" id=\"immersiveEmailGate\">\n                <label class=\"safe-label\" for=\"immersiveReaderEmail\">Seu melhor e-mail<\/label>\n                <input class=\"safe-email\" id=\"immersiveReaderEmail\" type=\"email\" placeholder=\"Digite seu e-mail para receber o cap\u00edtulo\">\n                <button class=\"safe-btn\" id=\"immersiveSendBtn\" type=\"button\">Receber cap\u00edtulo<\/button>\n                <div class=\"success-note\" id=\"immersiveSuccessNote\"><\/div>\n              <\/div>\n\n              <div class=\"secret-hint\">\n                Dica: as palavras aparecem apenas em tr\u00eas livros reais.\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- MODAL -->\n    <div class=\"book-modal\" id=\"immersiveBookModal\" aria-hidden=\"true\">\n      <div class=\"modal-card\">\n        <button class=\"modal-close\" id=\"immersiveModalClose\" aria-label=\"Fechar\">\u2715<\/button>\n\n        <div class=\"modal-grid\">\n          <div class=\"modal-cover\" id=\"immersiveModalCover\">\n            <div class=\"cover-book\">\n              <span id=\"immersiveModalCoverTitle\">Livro<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"modal-content\">\n            <span class=\"modal-kicker\">Lan\u00e7amento em destaque<\/span>\n            <h3 class=\"modal-title\" id=\"immersiveModalTitle\">T\u00edtulo do livro<\/h3>\n            <div class=\"modal-meta\" id=\"immersiveModalMeta\"><\/div>\n            <div class=\"secret-badge\" id=\"immersiveSecretBadge\" style=\"display:none;\"><\/div>\n            <div class=\"modal-text\" id=\"immersiveModalText\"><\/div>\n\n            <div class=\"modal-actions\">\n              <a class=\"buy-btn\" id=\"immersiveModalBuy\" href=\"#\" target=\"_blank\" rel=\"noopener\">Comprar livro<\/a>\n              <button class=\"ghost-btn\" id=\"immersiveModalClose2\" type=\"button\">Continuar explorando<\/button>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    (function(){\n      const section = document.getElementById('immersiveLibraryGame');\n      const facadeStage = section.querySelector('#immersiveFacadeStage');\n      const handle = section.querySelector('#immersiveDoorHandle');\n      const room = section.querySelector('#cinemaRoom');\n\n      const modal = section.querySelector('#immersiveBookModal');\n      const modalClose = section.querySelector('#immersiveModalClose');\n      const modalClose2 = section.querySelector('#immersiveModalClose2');\n      const modalTitle = section.querySelector('#immersiveModalTitle');\n      const modalMeta = section.querySelector('#immersiveModalMeta');\n      const modalText = section.querySelector('#immersiveModalText');\n      const modalBuy = section.querySelector('#immersiveModalBuy');\n      const modalCover = section.querySelector('#immersiveModalCover');\n      const modalCoverTitle = section.querySelector('#immersiveModalCoverTitle');\n      const secretBadge = section.querySelector('#immersiveSecretBadge');\n\n      const unlockBtn = section.querySelector('#immersiveUnlockBtn');\n      const safeFeedback = section.querySelector('#immersiveSafeFeedback');\n      const emailGate = section.querySelector('#immersiveEmailGate');\n      const sendBtn = section.querySelector('#immersiveSendBtn');\n      const successNote = section.querySelector('#immersiveSuccessNote');\n\n      const WEBHOOK_URL = \"\";\n      const PDF_URL = \"https:\/\/drive.google.com\/file\/d\/1_KethvWmW6fzXiQRp-g3qPXZmZK_MFW2\/view?usp=drivesdk\";\n      const SECRET_WORDS = [\"atlas\", \"venoso\", \"pelve\"];\n\n      const featuredBooks = [\n        {\n          id: \"atlas\",\n          title: \"Atlas de Desordens Venosas P\u00e9lvicas: Imagens Essenciais\",\n          author: \"Joana Storino \/ Fanilda Barros\",\n          meta: \"Livro em destaque\",\n          preview: \"Uma obra visual e t\u00e9cnica voltada ao universo das desordens venosas p\u00e9lvicas, reunindo imagens, esquemas e uma leitura que aproxima medicina, anatomia e observa\u00e7\u00e3o do corpo.\",\n          buyLink: \"https:\/\/www.dilivros.com.br\/livro-atlas-de-desordens-venosas-pelvicas-imagens-essenciais-9788580532708,s37725.html?srsltid=AfmBOopkggummhCVzCvR7MrhIFuc1sDTlhjsUzTtVzVLFQ1nKPGyG1eu\",\n          coverGradient: \"linear-gradient(180deg, #355542, #1d2f25)\",\n          secretWord: \"atlas\"\n        },\n        {\n          id: \"ultra\",\n          title: \"Guia Pr\u00e1tico de Ultrassonografia Vascular\",\n          author: \"Edi\u00e7\u00e3o t\u00e9cnica\",\n          meta: \"Livro em destaque\",\n          preview: \"Um guia de consulta pensado para o dia a dia, com protocolos de estudo em diversos segmentos vasculares e crit\u00e9rios diagn\u00f3sticos, servindo tanto a iniciantes quanto a profissionais experientes.\",\n          buyLink: \"https:\/\/www.dilivros.com.br\/livro-guia-pratico-de-ultrassonografia-vascular-9786586143928%2Cb49951.html\",\n          coverGradient: \"linear-gradient(180deg, #7a4d22, #3b210f)\",\n          secretWord: \"venoso\"\n        },\n        {\n          id: \"maffei\",\n          title: \"Maffei \u2013 Doen\u00e7as Vasculares Perif\u00e9ricas\",\n          author: \"Winston Bonetti Yoshida\",\n          meta: \"Livro em destaque\",\n          preview: \"Um cl\u00e1ssico da cirurgia vascular em volume \u00fanico, atualizado e enriquecido com conte\u00fado recente para uma consulta de alto n\u00edvel.\",\n          buyLink: \"https:\/\/www.grupogen.com.br\/livro-doencas-vasculares-perifericas-winston-bonetti-yoshida-guanabara-koogan-9788527740364\",\n          coverGradient: \"linear-gradient(180deg, #5a1f1f, #231010)\",\n          secretWord: \"pelve\"\n        }\n      ];\n\n      const decoyTitles = [\n        \"Anatomia Comparada\",\"Atlas Cl\u00ednico\",\"Cirurgia Antiga\",\"Notas de Londres\",\"Patologia\",\"Vascular Review\",\n        \"Rare Studies\",\"Medical Essays\",\"Manual Ingl\u00eas\",\"Arquivo Cl\u00ednico\",\"Observa\u00e7\u00f5es\",\"Cole\u00e7\u00e3o Imperial\",\n        \"Study Notes\",\"Velhos Volumes\",\"M\u00e9todos\",\"Fisiologia\",\"Tratados\",\"Therapeutics\",\"Compendium\",\n        \"Lecture Notes\",\"Clinic Papers\",\"Pesquisa\",\"Monografias\",\"Early Works\",\"Journal\",\"Casebook\",\n        \"Histologia\",\"Registros\",\"Observational\",\"Clinical Atlas\",\"Medical Reports\",\"Companion Volume\"\n      ];\n\n      const decoyColors = [\n        \"linear-gradient(180deg,#5f2f22,#3e1e16)\",\n        \"linear-gradient(180deg,#3e4b65,#20273a)\",\n        \"linear-gradient(180deg,#425639,#233120)\",\n        \"linear-gradient(180deg,#6d5839,#42331f)\",\n        \"linear-gradient(180deg,#5a2740,#311423)\",\n        \"linear-gradient(180deg,#7a5b27,#4f3815)\"\n      ];\n\n      const leftRows = [\n        section.querySelector('#leftShelfRow1'),\n        section.querySelector('#leftShelfRow2'),\n        section.querySelector('#leftShelfRow3'),\n        section.querySelector('#leftShelfRow4')\n      ];\n\n      const rightRows = [\n        section.querySelector('#rightShelfRow1'),\n        section.querySelector('#rightShelfRow2'),\n        section.querySelector('#rightShelfRow3'),\n        section.querySelector('#rightShelfRow4')\n      ];\n\n      const backRows = [\n        section.querySelector('#backRow1'),\n        section.querySelector('#backRow2'),\n        section.querySelector('#backRow3')\n      ];\n\n      function randomBetween(min, max){\n        return Math.floor(Math.random() * (max - min + 1)) + min;\n      }\n\n      function shuffle(array){\n        const arr = [...array];\n        for(let i = arr.length - 1; i > 0; i--){\n          const j = Math.floor(Math.random() * (i + 1));\n          [arr[i], arr[j]] = [arr[j], arr[i]];\n        }\n        return arr;\n      }\n\n      function createDecoyBook(title){\n        const div = document.createElement('div');\n        div.className = 'book decoy';\n        div.style.width = randomBetween(24, 44) + 'px';\n        div.style.height = randomBetween(82, 122) + 'px';\n        div.style.background = decoyColors[Math.floor(Math.random() * decoyColors.length)];\n        div.innerHTML = '<span>' + title + '<\/span>';\n        return div;\n      }\n\n      function createFeaturedBook(book){\n        const btn = document.createElement('button');\n        btn.type = 'button';\n        btn.className = 'book real has-secret';\n        btn.dataset.bookId = book.id;\n        btn.style.width = randomBetween(40, 58) + 'px';\n        btn.style.height = randomBetween(100, 134) + 'px';\n        btn.style.background = book.coverGradient;\n        btn.innerHTML = '<span>' + book.title + '<\/span>';\n        btn.addEventListener('click', function(){\n          openBookModal(book);\n        });\n        return btn;\n      }\n\n      function createMiniBook(){\n        const div = document.createElement('div');\n        div.className = 'mini-book';\n        div.style.width = randomBetween(12, 22) + 'px';\n        div.style.height = randomBetween(50, 84) + 'px';\n        div.style.background = decoyColors[Math.floor(Math.random() * decoyColors.length)];\n        return div;\n      }\n\n      function populateBackShelf(){\n        backRows.forEach(row => {\n          for(let i = 0; i < 18; i++){\n            row.appendChild(createMiniBook());\n          }\n        });\n      }\n\n      function populateSideShelves(){\n        const realBooks = featuredBooks.map(createFeaturedBook);\n        const decoys = decoyTitles.map(createDecoyBook);\n\n        const combined = shuffle([\n          ...decoys.slice(0, 8),\n          realBooks[0],\n          ...decoys.slice(8, 16),\n          realBooks[1],\n          ...decoys.slice(16, 24),\n          realBooks[2],\n          ...decoys.slice(24)\n        ]);\n\n        let pointer = 0;\n\n        [...leftRows, ...rightRows].forEach((row, index) => {\n          const count = index % 2 === 0 ? 8 : 7;\n          for(let i = 0; i < count; i++){\n            if(combined[pointer]) row.appendChild(combined[pointer]);\n            pointer++;\n          }\n        });\n      }\n\n      function shortCoverTitle(title){\n        if(title.length > 34){\n          return title.split(':')[0];\n        }\n        return title;\n      }\n\n      function openBookModal(book){\n        modal.classList.add('show');\n        modal.setAttribute('aria-hidden', 'false');\n        modalTitle.textContent = book.title;\n        modalMeta.innerHTML = '<strong>Autor(es):<\/strong> ' + book.author + '<br><strong>Detalhes:<\/strong> ' + book.meta;\n        modalText.textContent = book.preview;\n        modalBuy.href = book.buyLink;\n        modalCover.style.setProperty('--cover-gradient', book.coverGradient);\n        modalCoverTitle.textContent = shortCoverTitle(book.title);\n        secretBadge.style.display = 'inline-flex';\n        secretBadge.textContent = 'Palavra secreta: ' + book.secretWord;\n      }\n\n      function closeModal(){\n        modal.classList.remove('show');\n        modal.setAttribute('aria-hidden', 'true');\n      }\n\n      handle.addEventListener('click', function(){\n        section.classList.add('entered');\n        setTimeout(function(){\n          facadeStage.classList.add('hidden');\n        }, 1250);\n      });\n\n      modalClose.addEventListener('click', closeModal);\n      modalClose2.addEventListener('click', closeModal);\n      modal.addEventListener('click', function(e){\n        if(e.target === modal) closeModal();\n      });\n\n      document.addEventListener('keydown', function(e){\n        if(e.key === 'Escape' && modal.classList.contains('show')){\n          closeModal();\n        }\n      });\n\n      function normalize(str){\n        return (str || \"\")\n          .toString()\n          .trim()\n          .toLowerCase()\n          .normalize(\"NFD\")\n          .replace(\/[\\u0300-\\u036f]\/g, \"\");\n      }\n\n      unlockBtn.addEventListener('click', function(){\n        const v1 = normalize(section.querySelector('#immersiveSecret1').value);\n        const v2 = normalize(section.querySelector('#immersiveSecret2').value);\n        const v3 = normalize(section.querySelector('#immersiveSecret3').value);\n\n        const attempt = [v1, v2, v3].sort().join('|');\n        const correct = [...SECRET_WORDS].sort().join('|');\n\n        if([v1,v2,v3].some(v => !v)){\n          safeFeedback.innerHTML = 'Preencha as tr\u00eas palavras para tentar abrir o cofre.';\n          emailGate.classList.remove('show');\n          return;\n        }\n\n        if(attempt === correct){\n          safeFeedback.innerHTML = 'Cofre desbloqueado. Agora digite seu e-mail para liberar o primeiro cap\u00edtulo.';\n          emailGate.classList.add('show');\n        } else {\n          safeFeedback.innerHTML = 'As palavras n\u00e3o conferem. Explore os livros em destaque e tente novamente.';\n          emailGate.classList.remove('show');\n        }\n      });\n\n      sendBtn.addEventListener('click', async function(){\n        const email = section.querySelector('#immersiveReaderEmail').value.trim();\n\n        if(!email || !\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(email)){\n          successNote.classList.add('show');\n          successNote.textContent = 'Digite um e-mail v\u00e1lido para continuar.';\n          return;\n        }\n\n        sendBtn.disabled = true;\n        sendBtn.textContent = 'Enviando...';\n\n        try{\n          if(WEBHOOK_URL){\n            const response = await fetch(WEBHOOK_URL, {\n              method: 'POST',\n              headers: {'Content-Type':'application\/json'},\n              body: JSON.stringify({\n                email: email,\n                origem: 'biblioteca-imersiva',\n                isca: 'primeiro-capitulo-atlas',\n                pdf_url: PDF_URL\n              })\n            });\n\n            if(!response.ok){\n              throw new Error('Falha no webhook');\n            }\n\n            successNote.classList.add('show');\n            successNote.innerHTML = 'Tudo certo. Seu pedido foi enviado. Verifique sua caixa de entrada.';\n          } else {\n            successNote.classList.add('show');\n            successNote.innerHTML =\n              'A experi\u00eancia est\u00e1 pronta, mas o envio autom\u00e1tico depende da integra\u00e7\u00e3o do webhook.<br>' +\n              'Para teste, voc\u00ea pode abrir o cap\u00edtulo aqui: <a href=\"' + PDF_URL + '\" target=\"_blank\" rel=\"noopener\" style=\"color:#ffe3a7;text-decoration:underline;\">acessar cap\u00edtulo<\/a>.';\n          }\n        } catch(err){\n          successNote.classList.add('show');\n          successNote.textContent = 'N\u00e3o foi poss\u00edvel concluir o envio autom\u00e1tico agora. Revise a integra\u00e7\u00e3o do webhook.';\n        } finally {\n          sendBtn.disabled = false;\n          sendBtn.textContent = 'Receber cap\u00edtulo';\n        }\n      });\n\n      \/* leve parallax no ambiente interno *\/\n      if(room){\n        room.addEventListener('mousemove', function(e){\n          if(window.innerWidth <= 1100) return;\n\n          const rect = room.getBoundingClientRect();\n          const x = (e.clientX - rect.left) \/ rect.width - 0.5;\n          const y = (e.clientY - rect.top) \/ rect.height - 0.5;\n\n          const leftShelf = section.querySelector('.left-shelf');\n          const rightShelf = section.querySelector('.right-shelf');\n          const backShelf = section.querySelector('.back-shelf');\n          const table = section.querySelector('.center-table');\n\n          if(leftShelf){\n            leftShelf.style.transform = 'perspective(1200px) rotateY(' + (16 + x * 6) + 'deg) translateY(' + (y * -6) + 'px)';\n          }\n\n          if(rightShelf){\n            rightShelf.style.transform = 'perspective(1200px) rotateY(' + (-16 + x * 6) + 'deg) translateY(' + (y * -6) + 'px)';\n          }\n\n          if(backShelf){\n            backShelf.style.transform = 'translate(' + (x * 10) + 'px,' + (y * 8) + 'px)';\n          }\n\n          if(table){\n            table.style.transform = 'translateX(-50%) translate(' + (x * 14) + 'px,' + (y * 8) + 'px)';\n          }\n        });\n\n        room.addEventListener('mouseleave', function(){\n          if(window.innerWidth <= 1100) return;\n\n          const leftShelf = section.querySelector('.left-shelf');\n          const rightShelf = section.querySelector('.right-shelf');\n          const backShelf = section.querySelector('.back-shelf');\n          const table = section.querySelector('.center-table');\n\n          if(leftShelf){\n            leftShelf.style.transform = 'perspective(1200px) rotateY(16deg)';\n          }\n          if(rightShelf){\n            rightShelf.style.transform = 'perspective(1200px) rotateY(-16deg)';\n          }\n          if(backShelf){\n            backShelf.style.transform = 'translate(0,0)';\n          }\n          if(table){\n            table.style.transform = 'translateX(-50%)';\n          }\n        });\n      }\n\n      populateBackShelf();\n      populateSideShelves();\n    })();\n  <\/script>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Experi\u00eancia imersiva Entre na biblioteca Abra a porta, caminhe visualmente pelo corredor, explore as estantes e descubra as palavras secretas escondidas nos livros em destaque. Old Library medical editions &#038; rare works Clique na ma\u00e7aneta para abrir a porta. toque para entrar Clique nos livros que est\u00e3o piscando para conhecer os lan\u00e7amentos, descobrir as tr\u00eas palavras secretas e abrir o cofre. Cofre secreto Encontre as tr\u00eas palavras escondidas nos livros em destaque. Depois, escreva as palavras abaixo para liberar o acesso ao primeiro cap\u00edtulo do Atlas. Palavra 1 Palavra 2 Palavra 3 Abrir cofre Seu melhor e-mail Receber cap\u00edtulo Dica: as palavras aparecem apenas em tr\u00eas livros reais. \u2715 Livro Lan\u00e7amento em destaque T\u00edtulo do livro Comprar livro Continuar explorando<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-25211","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Biblioteca Interativa - Joana Storino<\/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:\/\/joanastorino.com\/en\/biblioteca-interativa\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Biblioteca Interativa - Joana Storino\" \/>\n<meta property=\"og:description\" content=\"Experi\u00eancia imersiva Entre na biblioteca Abra a porta, caminhe visualmente pelo corredor, explore as estantes e descubra as palavras secretas escondidas nos livros em destaque. Old Library medical editions &#038; rare works Clique na ma\u00e7aneta para abrir a porta. toque para entrar Clique nos livros que est\u00e3o piscando para conhecer os lan\u00e7amentos, descobrir as tr\u00eas palavras secretas e abrir o cofre. Cofre secreto Encontre as tr\u00eas palavras escondidas nos livros em destaque. Depois, escreva as palavras abaixo para liberar o acesso ao primeiro cap\u00edtulo do Atlas. Palavra 1 Palavra 2 Palavra 3 Abrir cofre Seu melhor e-mail Receber cap\u00edtulo Dica: as palavras aparecem apenas em tr\u00eas livros reais. \u2715 Livro Lan\u00e7amento em destaque T\u00edtulo do livro Comprar livro Continuar explorando\" \/>\n<meta property=\"og:url\" content=\"https:\/\/joanastorino.com\/en\/biblioteca-interativa\/\" \/>\n<meta property=\"og:site_name\" content=\"Joana Storino\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-17T20:07:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/joanastorino.com\/biblioteca-interativa\/\",\"url\":\"https:\/\/joanastorino.com\/biblioteca-interativa\/\",\"name\":\"Biblioteca Interativa - Joana Storino\",\"isPartOf\":{\"@id\":\"https:\/\/joanastorino.com\/#website\"},\"datePublished\":\"2026-04-17T19:53:05+00:00\",\"dateModified\":\"2026-04-17T20:07:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/joanastorino.com\/biblioteca-interativa\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/joanastorino.com\/biblioteca-interativa\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/joanastorino.com\/biblioteca-interativa\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/joanastorino.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Biblioteca Interativa\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/joanastorino.com\/#website\",\"url\":\"https:\/\/joanastorino.com\/\",\"name\":\"Joana Storino\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/joanastorino.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/joanastorino.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/joanastorino.com\/#organization\",\"name\":\"Joana Storino\",\"url\":\"https:\/\/joanastorino.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/joanastorino.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/joanastorino.com\/wp-content\/uploads\/2024\/03\/cropped-JoanaStorino_Symbol_1a.png\",\"contentUrl\":\"https:\/\/joanastorino.com\/wp-content\/uploads\/2024\/03\/cropped-JoanaStorino_Symbol_1a.png\",\"width\":512,\"height\":512,\"caption\":\"Joana Storino\"},\"image\":{\"@id\":\"https:\/\/joanastorino.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Biblioteca Interativa - Joana Storino","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:\/\/joanastorino.com\/en\/biblioteca-interativa\/","og_locale":"en_US","og_type":"article","og_title":"Biblioteca Interativa - Joana Storino","og_description":"Experi\u00eancia imersiva Entre na biblioteca Abra a porta, caminhe visualmente pelo corredor, explore as estantes e descubra as palavras secretas escondidas nos livros em destaque. Old Library medical editions &#038; rare works Clique na ma\u00e7aneta para abrir a porta. toque para entrar Clique nos livros que est\u00e3o piscando para conhecer os lan\u00e7amentos, descobrir as tr\u00eas palavras secretas e abrir o cofre. Cofre secreto Encontre as tr\u00eas palavras escondidas nos livros em destaque. Depois, escreva as palavras abaixo para liberar o acesso ao primeiro cap\u00edtulo do Atlas. Palavra 1 Palavra 2 Palavra 3 Abrir cofre Seu melhor e-mail Receber cap\u00edtulo Dica: as palavras aparecem apenas em tr\u00eas livros reais. \u2715 Livro Lan\u00e7amento em destaque T\u00edtulo do livro Comprar livro Continuar explorando","og_url":"https:\/\/joanastorino.com\/en\/biblioteca-interativa\/","og_site_name":"Joana Storino","article_modified_time":"2026-04-17T20:07:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/joanastorino.com\/biblioteca-interativa\/","url":"https:\/\/joanastorino.com\/biblioteca-interativa\/","name":"Biblioteca Interativa - Joana Storino","isPartOf":{"@id":"https:\/\/joanastorino.com\/#website"},"datePublished":"2026-04-17T19:53:05+00:00","dateModified":"2026-04-17T20:07:41+00:00","breadcrumb":{"@id":"https:\/\/joanastorino.com\/biblioteca-interativa\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/joanastorino.com\/biblioteca-interativa\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/joanastorino.com\/biblioteca-interativa\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/joanastorino.com\/"},{"@type":"ListItem","position":2,"name":"Biblioteca Interativa"}]},{"@type":"WebSite","@id":"https:\/\/joanastorino.com\/#website","url":"https:\/\/joanastorino.com\/","name":"Joana Storino","description":"","publisher":{"@id":"https:\/\/joanastorino.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/joanastorino.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/joanastorino.com\/#organization","name":"Joana Storino","url":"https:\/\/joanastorino.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/joanastorino.com\/#\/schema\/logo\/image\/","url":"https:\/\/joanastorino.com\/wp-content\/uploads\/2024\/03\/cropped-JoanaStorino_Symbol_1a.png","contentUrl":"https:\/\/joanastorino.com\/wp-content\/uploads\/2024\/03\/cropped-JoanaStorino_Symbol_1a.png","width":512,"height":512,"caption":"Joana Storino"},"image":{"@id":"https:\/\/joanastorino.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/pages\/25211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/comments?post=25211"}],"version-history":[{"count":10,"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/pages\/25211\/revisions"}],"predecessor-version":[{"id":25221,"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/pages\/25211\/revisions\/25221"}],"wp:attachment":[{"href":"https:\/\/joanastorino.com\/en\/wp-json\/wp\/v2\/media?parent=25211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}