{"id":7763,"date":"2026-05-25T17:54:27","date_gmt":"2026-05-25T17:54:27","guid":{"rendered":"https:\/\/etchenet.com\/?page_id=7763"},"modified":"2026-05-25T18:00:49","modified_gmt":"2026-05-25T18:00:49","slug":"demo-magicien-video-scroll","status":"publish","type":"page","link":"https:\/\/etchenet.com\/es\/demo-magicien-video-scroll\/","title":{"rendered":"V\u00eddeo de demostraci\u00f3n del mago (desplazamiento)"},"content":{"rendered":"\n<meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>Spectacle de magie \u2014 D\u00e9mo scroll vid\u00e9o<\/title>\n\n  <style>\n    :root {\n      color-scheme: dark;\n      --white: rgba(255, 255, 255, 0.96);\n      --white-soft: rgba(255, 255, 255, 0.72);\n      --white-muted: rgba(255, 255, 255, 0.58);\n      --gold: #cfd6e6;\n      --gold-light: #f4f7ff;\n      --gold-soft: rgba(207, 214, 230, 0.72);\n      --gold-muted: rgba(207, 214, 230, 0.34);\n      --gold-dark: #8f98ad;\n      --violet: #9d6cff;\n      --violet-light: #d8c6ff;\n      --violet-soft: rgba(157, 108, 255, 0.66);\n      --violet-muted: rgba(157, 108, 255, 0.26);\n      --violet-glow: rgba(171, 92, 255, 0.34);\n      --ink: rgba(0, 0, 0, 0.34);\n      --max: 1140px;\n      --page-x: min(var(--max), calc(100vw - 42px));\n      --snap-duration: 1700ms;\n    }\n\n    * { box-sizing: border-box; }\n\n    html {\n      margin: 0;\n      min-height: 100%;\n      scroll-behavior: smooth;\n      background: transparent;\n    }\n\n    @supports (scroll-snap-type: y mandatory) {\n      html {\n        scroll-snap-type: y mandatory;\n      }\n    }\n\n    body {\n      margin: 0;\n      min-height: 100vh;\n      overflow-x: hidden;\n      color: var(--white);\n      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n      background: transparent;\n    }\n\n\n    a {\n      color: inherit;\n      text-decoration: none;\n    }\n\n    button {\n      font: inherit;\n    }\n\n    .etch-immo-page {\n      position: relative;\n      width: 100%;\n      min-height: 100vh;\n      overflow: visible;\n      background: transparent;\n    }\n\n    .etch-immo-header-wrap {\n      position: fixed;\n      top: clamp(18px, 3.5vh, 40px);\n      left: 50%;\n      z-index: 50;\n      width: min(1080px, calc(100% - 44px));\n      transform: translateX(-50%);\n    }\n\n    .etch-immo-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 24px;\n      min-height: 64px;\n      padding: 9px 14px;\n      border: 1px solid rgba(216, 198, 255, 0.24);\n      border-radius: 999px;\n      background:\n        radial-gradient(circle at 12% 50%, rgba(157, 108, 255, 0.22), transparent 34%),\n        linear-gradient(135deg, rgba(18, 10, 42, 0.58), rgba(6, 10, 28, 0.38));\n      box-shadow:\n        0 18px 56px rgba(0, 0, 0, 0.34),\n        inset 0 1px 0 rgba(255, 255, 255, 0.12),\n        0 0 42px var(--violet-glow);\n      backdrop-filter: blur(18px) saturate(136%);\n      -webkit-backdrop-filter: blur(18px) saturate(136%);\n    }\n\n    .etch-immo-brand {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      min-width: 0;\n      color: var(--white);\n      text-transform: uppercase;\n      letter-spacing: 0.15em;\n      font-weight: 760;\n    }\n\n    .etch-immo-logo {\n      width: 42px;\n      height: 42px;\n      flex: 0 0 42px;\n      filter: drop-shadow(0 10px 22px var(--ink));\n    }\n\n    .etch-immo-brand-text {\n      display: flex;\n      flex-direction: column;\n      line-height: 1;\n      white-space: nowrap;\n    }\n\n    .etch-immo-brand-main {\n      font-size: 0.82rem;\n    }\n\n    .etch-immo-brand-sub {\n      margin-top: 6px;\n      color: var(--violet-light);\n      font-size: 0.54rem;\n      letter-spacing: 0.28em;\n      font-weight: 560;\n      text-shadow: 0 0 18px var(--violet-glow);\n    }\n\n    .etch-immo-menu {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 0.68rem;\n      letter-spacing: 0.13em;\n      text-transform: uppercase;\n    }\n\n    .etch-immo-menu a {\n      min-height: 34px;\n      padding: 0 13px;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      border-radius: 999px;\n      color: var(--white-soft);\n      text-shadow: 0 8px 24px var(--ink);\n      transition: color 240ms ease, border-color 240ms ease, background 240ms ease, box-shadow 240ms ease;\n    }\n\n    .etch-immo-menu a:hover {\n      color: var(--violet-light);\n      border-color: rgba(216, 198, 255, 0.25);\n      background: rgba(157, 108, 255, 0.14);\n      box-shadow: 0 0 22px rgba(157, 108, 255, 0.20);\n    }\n\n    .etch-immo-pill {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 38px;\n      padding: 0 18px;\n      border: 1px solid rgba(216, 198, 255, 0.42);\n      border-radius: 999px;\n      color: var(--violet-light);\n      background: rgba(157, 108, 255, 0.14);\n      box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 0 26px rgba(157,108,255,0.20);\n      font-size: 0.68rem;\n      letter-spacing: 0.12em;\n      text-transform: uppercase;\n      text-shadow: 0 8px 24px var(--ink);\n      transition: transform 240ms ease, box-shadow 240ms ease, background 240ms ease;\n    }\n\n    .etch-immo-pill:hover {\n      transform: translateY(-1px);\n      background: rgba(157, 108, 255, 0.22);\n      box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 0 34px rgba(157,108,255,0.30);\n    }\n\n    .etch-immo-progress {\n      position: fixed;\n      left: 50%;\n      bottom: clamp(20px, 4vh, 42px);\n      z-index: 42;\n      display: flex;\n      gap: 10px;\n      transform: translateX(-50%);\n    }\n\n    .etch-immo-dot {\n      width: 7px;\n      height: 7px;\n      border: 1px solid rgba(255,255,255,0.42);\n      padding: 0;\n      border-radius: 999px;\n      background: transparent;\n      cursor: pointer;\n      transition: width 300ms ease, border-color 300ms ease, background 300ms ease;\n    }\n\n    .etch-immo-dot.is-active {\n      width: 34px;\n      border-color: var(--gold-light);\n      background: linear-gradient(90deg, var(--white), var(--gold-light), var(--gold));\n    }\n\n    .etch-immo-section {\n      position: relative;\n      z-index: 2;\n      min-height: 100vh;\n      min-height: 100svh;\n      width: var(--page-x);\n      margin: 0 auto;\n      display: grid;\n      align-items: center;\n      padding: clamp(112px, 15vh, 158px) 0 clamp(78px, 10vh, 118px);\n      scroll-margin-top: 0;\n      scroll-snap-align: start;\n      scroll-snap-stop: always;\n      background: transparent;\n    }\n\n    .etch-immo-content {\n      width: min(820px, 100%);\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .etch-immo-page.etch-snap-ready .etch-immo-content,\n    .etch-immo-page.etch-snap-ready .etch-immo-panel,\n    .etch-immo-page.etch-snap-ready .etch-immo-footer {\n      opacity: 0.24;\n      transform: translateY(18px);\n      transition: opacity 820ms ease, transform 820ms ease;\n    }\n\n    .etch-immo-page.etch-snap-ready .etch-immo-section.etch-immo-active .etch-immo-content,\n    .etch-immo-page.etch-snap-ready .etch-immo-section.etch-immo-active .etch-immo-panel,\n    .etch-immo-page.etch-snap-ready .etch-immo-section.etch-immo-active .etch-immo-footer {\n      opacity: 1;\n      transform: translateY(0);\n    }\n\n    .etch-immo-kicker {\n      display: inline-flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 18px;\n      color: var(--gold-light);\n      font-size: 0.68rem;\n      font-weight: 760;\n      letter-spacing: 0.24em;\n      text-transform: uppercase;\n      text-shadow: 0 10px 30px var(--ink);\n    }\n\n    .etch-immo-kicker::before {\n      content: \"\";\n      width: 42px;\n      height: 1px;\n      border-top: 1px solid var(--gold-soft);\n    }\n\n    .etch-immo-title,\n    .etch-immo-heading {\n      margin: 0;\n      color: var(--white);\n      font-family: Georgia, \"Times New Roman\", serif;\n      font-weight: 520;\n      letter-spacing: -0.06em;\n      text-wrap: balance;\n      text-shadow: 0 24px 80px rgba(0,0,0,0.62);\n    }\n\n    .etch-immo-title {\n      max-width: 980px;\n      font-size: clamp(4rem, 8.15vw, 8.4rem);\n      line-height: 0.88;\n    }\n\n    .etch-immo-heading {\n      max-width: 860px;\n      font-size: clamp(2.7rem, 4.9vw, 5.35rem);\n      line-height: 0.94;\n    }\n\n    .etch-immo-title span,\n    .etch-immo-heading span {\n      color: transparent;\n      background: linear-gradient(105deg, #ffffff 0%, #f4f7ff 43%, #cfd6e6 74%, #8f98ad 100%);\n      -webkit-background-clip: text;\n      background-clip: text;\n    }\n\n    .etch-immo-text {\n      max-width: 660px;\n      margin: 24px 0 0;\n      color: var(--white-soft);\n      font-size: clamp(1.02rem, 1.16vw, 1.18rem);\n      line-height: 1.72;\n      text-shadow: 0 10px 34px rgba(0,0,0,0.58);\n    }\n\n    .etch-immo-actions {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 14px;\n      margin-top: 34px;\n    }\n\n    .etch-immo-btn {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 46px;\n      padding: 0 24px;\n      border-radius: 999px;\n      border: 1px solid var(--gold-light);\n      color: #1a1812;\n      background: linear-gradient(105deg, #ffffff 0%, #f4f7ff 40%, #cfd6e6 78%, #9aa3b8 100%);\n      box-shadow: 0 18px 44px rgba(0,0,0,0.28);\n      font-weight: 780;\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n      font-size: 0.76rem;\n      transition: transform 240ms ease, box-shadow 240ms ease;\n    }\n\n    .etch-immo-btn:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 24px 58px rgba(0,0,0,0.36);\n    }\n\n    .etch-immo-btn-soft {\n      color: var(--gold-light);\n      background: transparent;\n      border-color: var(--gold-soft);\n      box-shadow: none;\n      text-shadow: 0 10px 30px var(--ink);\n    }\n\n    .etch-immo-panel {\n      width: min(390px, 100%);\n      padding: 0 0 0 24px;\n      border-left: 1px solid var(--gold-muted);\n      background: transparent;\n      text-shadow: 0 10px 30px var(--ink);\n    }\n\n    .etch-immo-panel strong {\n      display: block;\n      margin-bottom: 12px;\n      color: var(--gold-light);\n      font-size: 0.74rem;\n      letter-spacing: 0.16em;\n      text-transform: uppercase;\n    }\n\n    .etch-immo-panel span {\n      color: var(--white-soft);\n      line-height: 1.68;\n      font-size: 0.98rem;\n    }\n\n    .etch-immo-specs {\n      display: flex;\n      flex-wrap: wrap;\n      gap: 10px;\n      margin-top: 30px;\n    }\n\n    .etch-immo-spec {\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 0 10px 14px;\n      border-left: 1px solid var(--gold-muted);\n      color: var(--white-soft);\n      font-size: 0.74rem;\n      letter-spacing: 0.08em;\n      text-transform: uppercase;\n      text-shadow: 0 10px 28px var(--ink);\n    }\n\n    .etch-immo-spec strong {\n      color: var(--gold-light);\n      font-weight: 780;\n    }\n\n    .etch-immo-grid {\n      display: grid;\n      grid-template-columns: repeat(3, 1fr);\n      gap: 22px;\n      width: min(900px, 100%);\n      margin-top: 38px;\n    }\n\n    .etch-immo-small-card {\n      min-height: 142px;\n      padding: 20px 0 0;\n      border-top: 1px solid var(--gold-muted);\n      background: transparent;\n      text-shadow: 0 10px 30px var(--ink);\n    }\n\n    .etch-immo-small-card strong {\n      display: block;\n      margin-bottom: 11px;\n      color: var(--gold-light);\n      font-size: 0.76rem;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n    }\n\n    .etch-immo-small-card span {\n      display: block;\n      color: var(--white-soft);\n      line-height: 1.62;\n      font-size: 0.94rem;\n    }\n\n    .etch-immo-layout-hero {\n      place-items: center;\n      text-align: center;\n    }\n\n    .etch-immo-layout-hero .etch-immo-content,\n    .etch-immo-layout-hero .etch-immo-title,\n    .etch-immo-layout-hero .etch-immo-text,\n    .etch-immo-layout-hero .etch-immo-actions {\n      margin-left: auto;\n      margin-right: auto;\n      justify-content: center;\n    }\n\n    .etch-immo-layout-hero .etch-immo-title {\n      max-width: 930px;\n    }\n\n    .etch-immo-layout-left,\n    .etch-immo-layout-right {\n      grid-template-columns: minmax(0, 0.62fr) minmax(260px, 0.38fr);\n      column-gap: clamp(34px, 7vw, 104px);\n    }\n\n    .etch-immo-layout-right {\n      grid-template-columns: minmax(260px, 0.38fr) minmax(0, 0.62fr);\n    }\n\n    .etch-immo-layout-right .etch-immo-content {\n      grid-column: 2;\n    }\n\n    .etch-immo-layout-right .etch-immo-panel {\n      grid-column: 1;\n      grid-row: 1;\n    }\n\n    .etch-immo-layout-gallery {\n      justify-items: center;\n      text-align: center;\n    }\n\n    .etch-immo-layout-gallery .etch-immo-content,\n    .etch-immo-layout-gallery .etch-immo-text,\n    .etch-immo-layout-gallery .etch-immo-heading {\n      margin-left: auto;\n      margin-right: auto;\n    }\n\n    .etch-immo-layout-calm {\n      justify-items: end;\n      text-align: right;\n    }\n\n    .etch-immo-layout-calm .etch-immo-content,\n    .etch-immo-layout-calm .etch-immo-text,\n    .etch-immo-layout-calm .etch-immo-heading {\n      margin-left: auto;\n    }\n\n    .etch-immo-layout-calm .etch-immo-kicker::before {\n      order: 2;\n    }\n\n    .etch-immo-layout-final {\n      min-height: 100vh;\n      min-height: 100svh;\n      grid-template-rows: 1fr auto;\n      align-items: center;\n      padding-bottom: clamp(24px, 4vh, 42px);\n      text-align: center;\n    }\n\n    .etch-immo-layout-final .etch-immo-content,\n    .etch-immo-layout-final .etch-immo-heading,\n    .etch-immo-layout-final .etch-immo-text,\n    .etch-immo-layout-final .etch-immo-actions {\n      margin-left: auto;\n      margin-right: auto;\n      justify-content: center;\n    }\n\n    .etch-immo-footer {\n      width: 100%;\n      margin-top: clamp(32px, 5vh, 58px);\n      padding-top: 24px;\n      border-top: 1px solid var(--gold-muted);\n      background: transparent;\n      color: var(--white-soft);\n      text-align: left;\n      text-shadow: 0 10px 30px var(--ink);\n    }\n\n    .etch-immo-footer-grid {\n      display: grid;\n      grid-template-columns: minmax(0, 1.5fr) minmax(180px, 0.7fr) minmax(180px, 0.7fr);\n      gap: clamp(24px, 5vw, 72px);\n    }\n\n    .etch-immo-footer-title {\n      margin: 0 0 12px;\n      color: var(--gold-light);\n      font-size: 0.78rem;\n      letter-spacing: 0.18em;\n      text-transform: uppercase;\n    }\n\n    .etch-immo-footer-text,\n    .etch-immo-footer-links a {\n      color: var(--white-soft);\n      font-size: 0.92rem;\n      line-height: 1.62;\n    }\n\n    .etch-immo-footer-text {\n      max-width: 460px;\n      margin: 0;\n    }\n\n    .etch-immo-footer-links {\n      display: grid;\n      gap: 7px;\n    }\n\n    .etch-immo-footer-bottom {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: 18px;\n      margin-top: 24px;\n      padding-top: 16px;\n      border-top: 1px solid rgba(207, 214, 230, 0.20);\n      color: var(--white-muted);\n      font-size: 0.78rem;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      .etch-immo-page.etch-snap-ready .etch-immo-content,\n      .etch-immo-page.etch-snap-ready .etch-immo-panel,\n      .etch-immo-page.etch-snap-ready .etch-immo-footer {\n        opacity: 1;\n        transform: none;\n        transition: none;\n      }\n    }\n\n    @media (max-width: 980px) {\n      .etch-immo-menu {\n        display: none;\n      }\n\n      .etch-immo-layout-left,\n      .etch-immo-layout-right {\n        grid-template-columns: 1fr;\n        gap: 28px;\n      }\n\n      .etch-immo-layout-right .etch-immo-content,\n      .etch-immo-layout-right .etch-immo-panel {\n        grid-column: auto;\n        grid-row: auto;\n      }\n\n      .etch-immo-panel {\n        width: min(520px, 100%);\n      }\n\n      .etch-immo-grid {\n        grid-template-columns: 1fr;\n      }\n    }\n\n    @media (max-width: 720px) {\n      :root {\n        --page-x: min(100vw - 30px, 1140px);\n      }\n\n      .etch-immo-header-wrap {\n        top: 14px;\n        width: calc(100% - 30px);\n      }\n\n      .etch-immo-header {\n        min-height: 56px;\n      }\n\n      .etch-immo-pill {\n        display: none;\n      }\n\n      .etch-immo-logo {\n        width: 36px;\n        height: 36px;\n        flex-basis: 36px;\n      }\n\n      .etch-immo-brand-main {\n        font-size: 0.72rem;\n      }\n\n      .etch-immo-brand-sub {\n        font-size: 0.48rem;\n      }\n\n      .etch-immo-section {\n        min-height: auto;\n        padding-top: 118px;\n        padding-bottom: 72px;\n      }\n\n      .etch-immo-layout-hero,\n      .etch-immo-layout-gallery,\n      .etch-immo-layout-calm,\n      .etch-immo-layout-final {\n        text-align: left;\n        justify-items: start;\n      }\n\n      .etch-immo-layout-hero .etch-immo-content,\n      .etch-immo-layout-hero .etch-immo-title,\n      .etch-immo-layout-hero .etch-immo-text,\n      .etch-immo-layout-hero .etch-immo-actions,\n      .etch-immo-layout-gallery .etch-immo-content,\n      .etch-immo-layout-gallery .etch-immo-text,\n      .etch-immo-layout-gallery .etch-immo-heading,\n      .etch-immo-layout-calm .etch-immo-content,\n      .etch-immo-layout-calm .etch-immo-text,\n      .etch-immo-layout-calm .etch-immo-heading,\n      .etch-immo-layout-final .etch-immo-content,\n      .etch-immo-layout-final .etch-immo-heading,\n      .etch-immo-layout-final .etch-immo-text,\n      .etch-immo-layout-final .etch-immo-actions {\n        margin-left: 0;\n        margin-right: 0;\n        justify-content: flex-start;\n      }\n\n      .etch-immo-layout-calm .etch-immo-kicker::before {\n        order: 0;\n      }\n\n      .etch-immo-title {\n        font-size: clamp(3.35rem, 16vw, 5.6rem);\n      }\n\n      .etch-immo-heading {\n        font-size: clamp(2.45rem, 11vw, 4.2rem);\n      }\n\n      .etch-immo-title br {\n        display: none;\n      }\n\n      .etch-immo-progress {\n        bottom: 14px;\n      }\n\n      .etch-immo-footer-grid {\n        grid-template-columns: 1fr;\n        gap: 22px;\n      }\n\n      .etch-immo-footer-bottom {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n    }\n  <\/style>\n\n\n\n  <main class=\"etch-immo-page\" id=\"immo-page\" data-etch-snap-sections=\"\">\n    <div class=\"etch-immo-header-wrap\">\n      <div class=\"etch-immo-header\">\n        <a class=\"etch-immo-brand\" href=\"#immo-top\" aria-label=\"Magie Signature Spectacles\">\n          <svg class=\"etch-immo-logo\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n            <defs>\n              <radialGradient id=\"etchMagicOrb\" cx=\"50%\" cy=\"50%\" r=\"58%\">\n                <stop offset=\"0\" stop-color=\"#ffffff\"><\/stop>\n                <stop offset=\"0.42\" stop-color=\"#d8c6ff\"><\/stop>\n                <stop offset=\"1\" stop-color=\"#8b5cf6\"><\/stop>\n              <\/radialGradient>\n              <linearGradient id=\"etchMagicSilver\" x1=\"8\" y1=\"8\" x2=\"56\" y2=\"56\" gradientUnits=\"userSpaceOnUse\">\n                <stop stop-color=\"#ffffff\"><\/stop>\n                <stop offset=\"0.52\" stop-color=\"#f4f7ff\"><\/stop>\n                <stop offset=\"1\" stop-color=\"#cfd6e6\"><\/stop>\n              <\/linearGradient>\n            <\/defs>\n            <circle cx=\"31\" cy=\"34\" r=\"15\" fill=\"none\" stroke=\"url(#etchMagicOrb)\" stroke-width=\"3.4\" opacity=\".96\"><\/circle>\n            <path d=\"M21 51h20\" fill=\"none\" stroke=\"url(#etchMagicSilver)\" stroke-width=\"3.2\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M25 45h12\" fill=\"none\" stroke=\"#d8c6ff\" stroke-width=\"2.8\" stroke-linecap=\"round\" opacity=\".9\"><\/path>\n            <path d=\"M43 17l10-10\" fill=\"none\" stroke=\"url(#etchMagicSilver)\" stroke-width=\"3.2\" stroke-linecap=\"round\"><\/path>\n            <path d=\"M51 6l2 6 6 2-6 2-2 6-2-6-6-2 6-2z\" fill=\"#d8c6ff\" opacity=\".96\"><\/path>\n            <path d=\"M15 17l2 4 4 2-4 2-2 4-2-4-4-2 4-2z\" fill=\"#f4f7ff\" opacity=\".78\"><\/path>\n            <path d=\"M31 21v26M18 34h26M22 25l18 18M40 25 22 43\" stroke=\"#f4f7ff\" stroke-width=\"1.25\" stroke-linecap=\"round\" opacity=\".32\"><\/path>\n          <\/svg>\n\n          <span class=\"etch-immo-brand-text\">\n            <span class=\"etch-immo-brand-main\">Magie Signature<\/span>\n            <span class=\"etch-immo-brand-sub\">Spectacles<\/span>\n          <\/span>\n        <\/a>\n\n        <nav class=\"etch-immo-menu\" aria-label=\"Navigation de d\u00e9monstration\">\n          <a href=\"#immo-facade\">Univers<\/a>\n          <a href=\"#immo-entree\">Mouvement<\/a>\n          <a href=\"#immo-vie\">Objets magiques<\/a>\n          <a href=\"#immo-terrasse\">Final<\/a>\n        <\/nav>\n\n        <a class=\"etch-immo-pill\" href=\"#immo-contact\">R\u00e9server une date<\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"etch-immo-progress\" aria-label=\"Progression de la visite\">\n      <button class=\"etch-immo-dot is-active\" type=\"button\" data-target=\"#immo-top\" aria-label=\"Aller \u00e0 l\u2019accueil\"><\/button>\n      <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-facade\" aria-label=\"Aller \u00e0 l\u2019univers\"><\/button>\n      <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-entree\" aria-label=\"Aller au mouvement\"><\/button>\n      <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-vie\" aria-label=\"Aller aux objets magiques\"><\/button>\n      <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-terrasse\" aria-label=\"Aller au final\"><\/button>\n      <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-contact\" aria-label=\"Aller au contact\"><\/button>\n    <\/div>\n\n    <section id=\"immo-top\" class=\"etch-immo-section etch-immo-layout-hero\">\n      <div class=\"etch-immo-content\">\n        <div class=\"etch-immo-kicker\">Spectacle immersif pour enfants et adultes<\/div>\n        <h1 class=\"etch-immo-title\">Un univers magique<br><span>pour petits et grands<\/span><\/h1>\n        <p class=\"etch-immo-text\">\n          Une d\u00e9monstration premium o\u00f9 la vid\u00e9o accompagne le visiteur dans une ambiance intime, de la boule lumineuse jusqu\u2019au final avec cartes, foulard et lapin.\n        <\/p>\n\n        <div class=\"etch-immo-actions\">\n          <a class=\"etch-immo-btn\" href=\"#immo-facade\">D\u00e9couvrir l\u2019univers<\/a>\n          <a class=\"etch-immo-btn etch-immo-btn-soft\" href=\"#immo-contact\">Voir la d\u00e9mo vid\u00e9o<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"immo-facade\" class=\"etch-immo-section etch-immo-layout-left\">\n      <div class=\"etch-immo-content\">\n        <div class=\"etch-immo-kicker\">01 \/ Boule de cristal<\/div>\n        <h2 class=\"etch-immo-heading\">Un magicien, une lumi\u00e8re, une ambiance <span>myst\u00e9rieuse<\/span><\/h2>\n        <p class=\"etch-immo-text\">\n          Plan rapproch\u00e9 sur le magicien, la boule de cristal et les premi\u00e8res particules lumineuses : la s\u00e9quence installe le myst\u00e8re sans surcharge visuelle.\n        <\/p>\n      <\/div>\n\n      <div class=\"etch-immo-panel\">\n        <strong>Image de d\u00e9part<\/strong>\n        <span>Magicien en plan rapproch\u00e9, boule de cristal lumineuse, fum\u00e9e violette, particules argent\u00e9es et espace libre suffisant pour les textes HTML.<\/span>\n      <\/div>\n    <\/section>\n\n    <section id=\"immo-entree\" class=\"etch-immo-section etch-immo-layout-right\">\n      <div class=\"etch-immo-content\">\n        <div class=\"etch-immo-kicker\">02 \/ Illusion<\/div>\n        <h2 class=\"etch-immo-heading\">Le scroll devient une <span>illusion en mouvement<\/span><\/h2>\n        <p class=\"etch-immo-text\">\n          Le mouvement de cam\u00e9ra remplace l\u2019empilement classique des blocs. Chaque section r\u00e9v\u00e8le une \u00e9tape du num\u00e9ro, avec une lecture fluide, myst\u00e9rieuse et haut de gamme.\n        <\/p>\n\n        <div class=\"etch-immo-specs\">\n          <span class=\"etch-immo-spec\"><strong>Cam\u00e9ra<\/strong> circulaire<\/span>\n          <span class=\"etch-immo-spec\"><strong>Objets<\/strong> volants<\/span>\n          <span class=\"etch-immo-spec\"><strong>Ambiance<\/strong> intime<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"etch-immo-panel\">\n        <strong>Rythme<\/strong>\n        <span>Travelling lent, rotation douce autour du magicien, aucune coupe brutale et aucun effet d\u00e9coratif ajout\u00e9 au-dessus de l\u2019image.<\/span>\n      <\/div>\n    <\/section>\n\n    <section id=\"immo-vie\" class=\"etch-immo-section etch-immo-layout-gallery\">\n      <div class=\"etch-immo-content\">\n        <div class=\"etch-immo-kicker\">03 \/ Objets magiques<\/div>\n        <h2 class=\"etch-immo-heading\">Pr\u00e9senter le spectacle comme une <span>exp\u00e9rience vivante<\/span><\/h2>\n        <p class=\"etch-immo-text\">\n          Ce format sert \u00e0 valoriser un spectacle de magie pour enfants, adultes, soir\u00e9es priv\u00e9es ou \u00e9v\u00e9nements professionnels.\n        <\/p>\n\n        <div class=\"etch-immo-grid\">\n          <div class=\"etch-immo-small-card\">\n            <strong>Cartes<\/strong>\n            <span>Des cartes qui tournent autour du magicien pour donner du rythme et de la pr\u00e9sence \u00e0 la sc\u00e8ne.<\/span>\n          <\/div>\n\n          <div class=\"etch-immo-small-card\">\n            <strong>Foulard<\/strong>\n            <span>Un foulard rouge traverse l\u2019image pour cr\u00e9er une transition fluide entre les s\u00e9quences.<\/span>\n          <\/div>\n\n          <div class=\"etch-immo-small-card\">\n            <strong>Lapin<\/strong>\n            <span>Une apparition finale l\u00e9g\u00e8re et magique, sans effet enfantin ni caricatural.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <section id=\"immo-terrasse\" class=\"etch-immo-section etch-immo-layout-calm\">\n      <div class=\"etch-immo-content\">\n        <div class=\"etch-immo-kicker\">04 \/ Final<\/div>\n        <h2 class=\"etch-immo-heading\">La sc\u00e8ne s\u2019ouvre sur le magicien et sa <span>lumi\u00e8re argent\u00e9e<\/span><\/h2>\n        <p class=\"etch-immo-text\">\n          La fin de la vid\u00e9o doit respirer : salon intime, table en bois, boule lumineuse, objets flottants, fum\u00e9e violette et ambiance de spectacle priv\u00e9.\n        <\/p>\n      <\/div>\n    <\/section>\n\n    <section id=\"immo-contact\" class=\"etch-immo-section etch-immo-layout-final\">\n      <div class=\"etch-immo-content\">\n        <div class=\"etch-immo-kicker\">D\u00e9mo site de magicien<\/div>\n        <h2 class=\"etch-immo-heading\">Un spectacle de magie m\u00e9rite mieux qu\u2019une page standard.<\/h2>\n        <p class=\"etch-immo-text\">\n          Cette page montre comment transformer un univers de magicien en exp\u00e9rience immersive, intime, premium et parfaitement adapt\u00e9e au scroll vid\u00e9o.\n        <\/p>\n\n        <div class=\"etch-immo-actions\">\n          <a class=\"etch-immo-btn\" href=\"#immo-top\">Revoir l\u2019illusion<\/a>\n        <\/div>\n      <\/div>\n\n      <footer class=\"etch-immo-footer\">\n        <div class=\"etch-immo-footer-grid\">\n          <div>\n            <h3 class=\"etch-immo-footer-title\">Magie Signature<\/h3>\n            <p class=\"etch-immo-footer-text\">\n              Marque fictive cr\u00e9\u00e9e pour une d\u00e9monstration scroll vid\u00e9o premium inspir\u00e9e d\u2019un univers de magie intime.\n            <\/p>\n          <\/div>\n\n          <div>\n            <h3 class=\"etch-immo-footer-title\">Univers<\/h3>\n            <div class=\"etch-immo-footer-links\">\n              <a href=\"#immo-facade\">Boule de cristal<\/a>\n              <a href=\"#immo-entree\">Objets volants<\/a>\n              <a href=\"#immo-terrasse\">Final magique<\/a>\n            <\/div>\n          <\/div>\n\n          <div>\n            <h3 class=\"etch-immo-footer-title\">Publics<\/h3>\n            <div class=\"etch-immo-footer-links\">\n              <a href=\"#immo-top\">Spectacles enfants<\/a>\n              <a href=\"#immo-top\">Soir\u00e9es adultes<\/a>\n              <a href=\"#immo-top\">\u00c9v\u00e9nements priv\u00e9s<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"etch-immo-footer-bottom\">\n          <span>\u00a9 2026 Magie Signature Spectacles \u2014 marque fictive<\/span>\n          <span>D\u00e9mo scroll vid\u00e9o pour site de magicien<\/span>\n        <\/div>\n      <\/footer>\n    <\/section>\n  <\/main>\n\n  <script>\n    (function () {\n      function initImmoNativeObjets() {\n        var root = document.querySelector('[data-etch-snap-sections]');\n        if (!root || root.dataset.etchReady === '1') return;\n\n        root.dataset.etchReady = '1';\n        root.classList.add('etch-snap-ready');\n\n        var sections = Array.prototype.slice.call(root.querySelectorAll('.etch-immo-section'));\n        var dots = Array.prototype.slice.call(root.querySelectorAll('.etch-immo-dot'));\n\n        if (!sections.length) return;\n\n        function setActive(index) {\n          sections.forEach(function (section, i) {\n            section.classList.toggle('etch-immo-active', i === index);\n          });\n\n          dots.forEach(function (dot, i) {\n            dot.classList.toggle('is-active', i === index);\n          });\n        }\n\n        var observer = new IntersectionObserver(function (entries) {\n          var visible = entries\n            .filter(function (entry) { return entry.isIntersecting; })\n            .sort(function (a, b) { return b.intersectionRatio - a.intersectionRatio; })[0];\n\n          if (!visible) return;\n\n          var index = sections.indexOf(visible.target);\n          if (index >= 0) setActive(index);\n        }, {\n          root: null,\n          threshold: [0.45, 0.6, 0.75]\n        });\n\n        sections.forEach(function (section) {\n          observer.observe(section);\n        });\n\n        dots.forEach(function (dot, index) {\n          dot.addEventListener('click', function () {\n            sections[index].scrollIntoView({ behavior: 'smooth', block: 'start' });\n          });\n        });\n\n        root.querySelectorAll('a[href^=\"#immo-\"]').forEach(function (link) {\n          link.addEventListener('click', function (event) {\n            var target = document.querySelector(link.getAttribute('href'));\n            if (!target) return;\n\n            event.preventDefault();\n            target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n          });\n        });\n\n        var initialHash = window.location.hash;\n        var initialIndex = sections.findIndex(function (section) {\n          return '#' + section.id === initialHash;\n        });\n\n        setActive(initialIndex >= 0 ? initialIndex : 0);\n      }\n\n      if (document.readyState === 'loading') {\n        document.addEventListener('DOMContentLoaded', initImmoNativeObjets);\n      } else {\n        initImmoNativeObjets();\n      }\n    })();\n  <\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Spectacle de magie \u2014 D\u00e9mo scroll vid\u00e9o Magie Signature Spectacles Univers Mouvement Objets magiques Final R\u00e9server une date Spectacle immersif pour enfants et adultes Un univers magiquepour petits et grands Une d\u00e9monstration premium o\u00f9 la vid\u00e9o accompagne le visiteur dans une ambiance intime, de la boule lumineuse jusqu\u2019au final avec cartes, foulard et lapin. D\u00e9couvrir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sin-header-footer","meta":{"ai_generated_summary":"","_svbs_page_enabled":true,"_svbs_page_video_id":7764,"_svbs_page_video_url":"https:\/\/etchenet.com\/wp-content\/uploads\/2026\/05\/magnific_crear-un-video-cinematogr_LUoCaQ9swO-scrub.mp4","_svbs_page_overlay_color":"#020617","_svbs_page_overlay_opacity":0.45,"_svbs_page_scroll_range":0,"_svbs_page_scroll_range_desktop":6000,"_svbs_page_scroll_range_tablet":0,"_svbs_page_scroll_range_mobile":0,"_svbs_page_start_time":0,"_svbs_page_end_time":0,"_svbs_page_mobile_behavior":"enabled","_svbs_page_z_index":0,"footnotes":""},"class_list":["post-7763","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/comments?post=7763"}],"version-history":[{"count":1,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7763\/revisions"}],"predecessor-version":[{"id":7765,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7763\/revisions\/7765"}],"wp:attachment":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/media?parent=7763"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}