{"id":7711,"date":"2026-05-24T17:24:55","date_gmt":"2026-05-24T17:24:55","guid":{"rendered":"https:\/\/etchenet.com\/?page_id=7711"},"modified":"2026-05-25T12:09:03","modified_gmt":"2026-05-25T12:09:03","slug":"demo-sidra-scroll","status":"publish","type":"page","link":"https:\/\/etchenet.com\/es\/demo-sidra-scroll\/","title":{"rendered":"Demostraci\u00f3n de desplazamiento de Sidra"},"content":{"rendered":"\n\n\n\n\n \n \n Cidrerie artisanale au Pays basque \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: #d8b56d;\n --gold-light: #fff0bc;\n --gold-soft: rgba(216, 181, 109, 0.72);\n --gold-muted: rgba(216, 181, 109, 0.34);\n --gold-dark: #9d742f;\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: 0 4px;\n border-bottom: 1px solid var(--gold-muted);\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(--gold-light);\n font-size: 0.54rem;\n letter-spacing: 0.28em;\n font-weight: 560;\n }\n\n .etch-immo-menu {\n display: flex;\n align-items: center;\n gap: 24px;\n font-size: 0.68rem;\n letter-spacing: 0.13em;\n text-transform: uppercase;\n }\n\n .etch-immo-menu a {\n color: var(--white-soft);\n text-shadow: 0 8px 24px var(--ink);\n transition: color 240ms ease;\n }\n\n .etch-immo-menu a:hover {\n color: var(--gold-light);\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 var(--gold-soft);\n border-radius: 999px;\n color: var(--gold-light);\n font-size: 0.68rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n text-shadow: 0 8px 24px var(--ink);\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%, #fff0bc 43%, #d8b56d 74%, #9d742f 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%, #fff0bc 40%, #d8b56d 78%, #a8782b 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(216, 181, 109, 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<\/head>\n\n<body>\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=\"Ibaia Sagardoa Cidrerie\">\n <svg class=\"etch-immo-logo\" viewBox=\"0 0 64 64\" aria-hidden=\"true\">\n <defs>\n <linearGradient id=\"etchImmoLogoGold\" x1=\"8\" y1=\"7\" x2=\"56\" y2=\"58\" gradientUnits=\"userSpaceOnUse\">\n <stop stop-color=\"#ffffff\"><\/stop>\n <stop offset=\"0.48\" stop-color=\"#fff0bc\"><\/stop>\n <stop offset=\"1\" stop-color=\"#d8b56d\"><\/stop>\n <\/linearGradient>\n <\/defs>\n <path d=\"M9 32 32 12l23 20\" fill=\"none\" stroke=\"url(#etchImmoLogoGold)\" stroke-width=\"4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path>\n <path d=\"M16 31v22h32V31\" fill=\"none\" stroke=\"#fff0bc\" stroke-width=\"3.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" opacity=\".94\"><\/path>\n <path d=\"M25 53V38h14v15\" fill=\"none\" stroke=\"#fff0bc\" stroke-width=\"3.2\" stroke-linecap=\"round\" opacity=\".84\"><\/path>\n <path d=\"M22 29h20\" stroke=\"#d8b56d\" stroke-width=\"3.2\" stroke-linecap=\"round\"><\/path>\n <path d=\"M24 24h16\" stroke=\"#d8b56d\" stroke-width=\"2.6\" stroke-linecap=\"round\" opacity=\".82\"><\/path>\n <\/svg>\n\n <span class=\"etch-immo-brand-text\">\n <span class=\"etch-immo-brand-main\">Ibaia Sagardoa<\/span>\n <span class=\"etch-immo-brand-sub\">Cidrerie<\/span>\n <\/span>\n <\/a>\n\n <nav class=\"etch-immo-menu\" aria-label=\"Navigation de d\u00e9monstration cidrerie\">\n <a href=\"#immo-facade\">Verger<\/a>\n <a href=\"#immo-entree\">Chai<\/a>\n <a href=\"#immo-vie\">D\u00e9gustation<\/a>\n <a href=\"#immo-terrasse\">Service<\/a>\n <\/nav>\n\n <a class=\"etch-immo-pill\" href=\"#immo-contact\">D\u00e9gustation priv\u00e9e<\/a>\n <\/div>\n <\/div>\n\n <div class=\"etch-immo-progress\" aria-label=\"Progression de la d\u00e9couverte\">\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 au verger\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-entree\" aria-label=\"Aller au chai\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-vie\" aria-label=\"Aller \u00e0 la d\u00e9gustation\"><\/button>\n <button class=\"etch-immo-dot\" type=\"button\" data-target=\"#immo-terrasse\" aria-label=\"Aller au service\"><\/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\">D\u00e9mo immersive de cidrerie basque<\/div>\n <h1 class=\"etch-immo-title\">Cidrerie artisanale<br><span>au Pays basque<\/span><\/h1>\n <p class=\"etch-immo-text\">\n Une d\u00e9monstration premium o\u00f9 la vid\u00e9o accompagne le visiteur depuis le verger jusqu\u2019au verre, en r\u00e9v\u00e9lant la bouteille, la mati\u00e8re dor\u00e9e et le caract\u00e8re du cidre.\n <\/p>\n\n <div class=\"etch-immo-actions\">\n <a class=\"etch-immo-btn\" href=\"#immo-facade\">D\u00e9couvrir le cidre<\/a>\n <a class=\"etch-immo-btn etch-immo-btn-soft\" href=\"#immo-contact\">Voir la d\u00e9mo cidrerie<\/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 \/ Verger<\/div>\n <h2 class=\"etch-immo-heading\">Une origine basque, naturelle, sobre et <span>pr\u00e9cieuse<\/span><\/h2>\n <p class=\"etch-immo-text\">\n Pommiers, lumi\u00e8re atlantique, bois ancien et reflets ambr\u00e9s : la premi\u00e8re s\u00e9quence installe l\u2019origine du cidre sans surcharge visuelle.\n <\/p>\n <\/div>\n\n <div class=\"etch-immo-panel\">\n <strong>Image de d\u00e9part<\/strong>\n <span>Verger basque, table en bois, bouteille de cidre, lumi\u00e8re dor\u00e9e 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 \/ Chai<\/div>\n <h2 class=\"etch-immo-heading\">Le scroll devient une <span>visite de chai<\/span><\/h2>\n <p class=\"etch-immo-text\">\n L\u2019avanc\u00e9e de la cam\u00e9ra remplace l\u2019empilement classique des blocs. Chaque section marque une \u00e9tape nette : le fruit, le chai, la bouteille, puis le service.\n <\/p>\n\n <div class=\"etch-immo-specs\">\n <span class=\"etch-immo-spec\"><strong>Vid\u00e9o<\/strong> pilot\u00e9e<\/span>\n <span class=\"etch-immo-spec\"><strong>Snap<\/strong> fluide<\/span>\n <span class=\"etch-immo-spec\"><strong>Texte<\/strong> lisible<\/span>\n <\/div>\n <\/div>\n\n <div class=\"etch-immo-panel\">\n <strong>Rythme<\/strong>\n <span>Travelling lent, bouteille stable, lumi\u00e8re discr\u00e8te, 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 \/ D\u00e9gustation<\/div>\n <h2 class=\"etch-immo-heading\">Pr\u00e9senter le cidre comme une <span>exp\u00e9rience locale<\/span><\/h2>\n <p class=\"etch-immo-text\">\n Ce format sert \u00e0 valoriser une cidrerie, une cuv\u00e9e artisanale ou une d\u00e9monstration commerciale destin\u00e9e \u00e0 pr\u00e9senter le produit avec plus d\u2019impact.\n <\/p>\n\n <div class=\"etch-immo-grid\">\n <div class=\"etch-immo-small-card\">\n <strong>Produit<\/strong>\n <span>Une narration plus forte qu\u2019une fiche produit pour donner de la pr\u00e9sence \u00e0 la bouteille.<\/span>\n <\/div>\n\n <div class=\"etch-immo-small-card\">\n <strong>Savoir-faire<\/strong>\n <span>Une mise en sc\u00e8ne sobre pour montrer le travail du fruit, du chai et de l\u2019assemblage.<\/span>\n <\/div>\n\n <div class=\"etch-immo-small-card\">\n <strong>Vente directe<\/strong>\n <span>Un support distinctif pour pr\u00e9senter la cidrerie, la boutique, la d\u00e9gustation ou la r\u00e9servation.<\/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 \/ Service<\/div>\n <h2 class=\"etch-immo-heading\">Le cidre se r\u00e9v\u00e8le dans le verre et la <span>lumi\u00e8re dor\u00e9e<\/span><\/h2>\n <p class=\"etch-immo-text\">\n La fin de la vid\u00e9o doit respirer : bouteille pos\u00e9e, verre servi, reflets ambr\u00e9s, table en bois, pommes et atmosph\u00e8re chaude de fin de journ\u00e9e.\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 cidrerie basque<\/div>\n <h2 class=\"etch-immo-heading\">Un cidre de caract\u00e8re m\u00e9rite mieux qu\u2019une pr\u00e9sentation standard.<\/h2>\n <p class=\"etch-immo-text\">\n Cette page montre comment transformer une cidrerie locale en r\u00e9cit visuel lisible, premium et parfaitement adapt\u00e9 au scroll vid\u00e9o.\n <\/p>\n\n <div class=\"etch-immo-actions\">\n <a class=\"etch-immo-btn\" href=\"#immo-top\">Revoir la d\u00e9gustation<\/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\">Ibaia Sagardoa<\/h3>\n <p class=\"etch-immo-footer-text\">\n Marque fictive cr\u00e9\u00e9e pour une d\u00e9monstration scroll vid\u00e9o premium inspir\u00e9e des cidreries du Pays basque.\n <\/p>\n <\/div>\n\n <div>\n <h3 class=\"etch-immo-footer-title\">D\u00e9couverte<\/h3>\n <div class=\"etch-immo-footer-links\">\n <a href=\"#immo-facade\">Verger basque<\/a>\n <a href=\"#immo-entree\">Chai priv\u00e9e<\/a>\n <a href=\"#immo-terrasse\">Service & baie<\/a>\n <\/div>\n <\/div>\n\n <div>\n <h3 class=\"etch-immo-footer-title\">Terroir<\/h3>\n <div class=\"etch-immo-footer-links\">\n <a href=\"#immo-top\">Pays basque<\/a>\n <a href=\"#immo-top\">Sagardoa<\/a>\n <a href=\"#immo-top\">Verger & chai<\/a>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"etch-immo-footer-bottom\">\n <span>\u00a9 2026 Ibaia Sagardoa Cidrerie \u2014 marque fictive<\/span>\n <span>D\u00e9mo scroll vid\u00e9o pour cidrerie artisanale<\/span>\n <\/div>\n <\/footer>\n <\/section>\n <\/main>\n\n <script>\n (function () {\n function initImmoNativeSnap() {\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', initImmoNativeSnap);\n } else {\n initImmoNativeSnap();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>Cidrerie artisanale au Pays basque \u2014 D\u00e9mo scroll vid\u00e9o Ibaia Sagardoa Cidrerie Verger Chai D\u00e9gustation Service D\u00e9gustation priv\u00e9e D\u00e9mo immersive de cidrerie basque Cidrerie artisanaleau Pays basque Une d\u00e9monstration premium o\u00f9 la vid\u00e9o accompagne le visiteur depuis le verger jusqu\u2019au verre, en r\u00e9v\u00e9lant la bouteille, la mati\u00e8re dor\u00e9e et le caract\u00e8re du cidre. D\u00e9couvrir le […]<\/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":7718,"_svbs_page_video_url":"https:\/\/etchenet.com\/wp-content\/uploads\/2026\/05\/sidra_2-scrub.mp4","_svbs_page_overlay_color":"#020617","_svbs_page_overlay_opacity":0,"_svbs_page_scroll_range":0,"_svbs_page_scroll_range_desktop":0,"_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-7711","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7711","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=7711"}],"version-history":[{"count":3,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7711\/revisions"}],"predecessor-version":[{"id":7715,"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/pages\/7711\/revisions\/7715"}],"wp:attachment":[{"href":"https:\/\/etchenet.com\/es\/wp-json\/wp\/v2\/media?parent=7711"}],"curies":[{"name":"gracias","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}