/* Shared paper construction, with a complete composition when motion is unavailable. */
.build-story{--build-ink:#f5ecde;--build-muted:#c2bbaf;--build-accent:#dfb79e;--build-line:#ffffff26;background:#151916;color:var(--build-ink);position:relative;margin-block:25px 65px}
.build-sticky{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:6vw;min-height:740px;padding-block:80px}
.build-copy h2{font:500 clamp(38px,4.8vw,68px)/1.04 'Bricolage Grotesque',GiftDisplay,'Segoe UI',sans-serif;letter-spacing:-.055em;margin:24px 0}
.build-copy h2 em{font:italic 1.06em Georgia,serif;color:var(--build-accent)}
.build-copy p{color:var(--build-muted);font-size:16px;line-height:1.7;max-width:31ch;margin:0 0 28px}
.build-copy .text-link{font-size:14px;text-decoration:none;border-bottom:1px solid var(--build-accent);padding-block:12px;display:inline-block}
.build-index{font:11px monospace;letter-spacing:.18em;color:var(--build-accent)}
.build-hint{display:flex;align-items:center;gap:30px;font-size:11px;color:var(--build-muted);margin-top:34px;letter-spacing:.05em}
.build-hint>span{font-size:20px;color:var(--build-accent)}
.build-canvas{height:470px;position:relative;perspective:1100px;isolation:isolate}
.build-canvas:before{content:'';position:absolute;inset:10% -8%;border:1px solid var(--build-line);border-radius:50%;transform:rotate(-22deg);z-index:-1}
.build-canvas:after{content:'';position:absolute;inset:0 10%;border:1px solid var(--build-line);border-radius:50%;transform:rotate(28deg);z-index:-1}
.build-browser{position:absolute;inset:30px 0 20px;background:#efe5d5;border:1px solid #f8ecde55;box-shadow:0 30px 70px #0005;transform:rotate(-3deg)}
.build-browser-bar{height:32px;border-bottom:1px solid #543d3326;display:flex;gap:5px;align-items:center;padding:0 12px;color:#79675e}
.build-browser-bar i{width:5px;height:5px;background:#b29482;border-radius:50%}.build-browser-bar span{font:9px 'Segoe UI',sans-serif;margin:auto}
.build-photo{position:absolute;inset:88px 45% 54px 6%;margin:0;background:#fff9ef;padding:9px 9px 28px;transform:rotate(-7deg);box-shadow:0 12px 24px #4c34291c}
.build-photo img{width:100%;height:calc(100% - 24px);object-fit:cover;display:block}.build-photo figcaption{font:italic 14px Georgia,serif;color:#725148;margin-top:15px}
.build-note{position:absolute;left:55%;top:87px;color:#46332b;width:41%}.build-note>span{font:9px 'Segoe UI',sans-serif;letter-spacing:.1em;text-transform:uppercase}.build-note strong{display:block;font:normal clamp(44px,5vw,72px)/.93 Georgia,serif;letter-spacing:-.065em;margin:22px 0}.build-note strong em{color:#9d5d51}.build-note p{font:11px/1.7 'Segoe UI',sans-serif;margin:0}
.build-letter{position:absolute;left:42%;top:285px;right:4%;padding:20px;background:#fffaf0;transform:rotate(5deg);color:#6e4f44;box-shadow:0 16px 22px #4b35201c}.build-letter>span{font:italic 21px Georgia,serif}.build-letter>div{height:1px;background:#ae8b6e55;margin-top:10px;width:90%}.build-letter>div:nth-of-type(3){width:65%}.build-letter i{display:block;font:italic 14px Georgia,serif;margin-top:13px}
.build-seal{position:absolute;top:340px;left:32%;width:48px;height:48px;border-radius:50%;background:#975a4c;color:#f8debd;border:5px double #c78f73;display:grid;place-items:center;font:italic 22px Georgia,serif;box-shadow:0 5px 10px #4b352033}
.build-track{grid-column:1/-1;position:relative;display:flex;justify-content:space-between;border-top:1px solid var(--build-line);padding-top:16px;font:10px monospace;letter-spacing:.08em;color:var(--build-muted)}.build-track i{position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--build-accent);transform-origin:left;transform:scaleX(var(--build-progress,1))}
.build-enhanced{height:240svh}.build-enhanced .build-sticky{position:sticky;top:0;height:100svh;min-height:0;padding-block:65px 30px}.build-enhanced .build-track{position:absolute;bottom:28px;left:0;right:0}
.gift-experience .build-story{--build-ink:#302827;--build-muted:#78625a;--build-accent:#9d5d51;--build-line:#51362c25;background:#e8ddcf;margin:10px calc((1180px - 100vw)/2) 50px;padding-inline:max(30px,calc((100vw - 1180px)/2))}.gift-experience .build-sticky{max-width:1180px;margin:auto}.gift-experience .build-browser{box-shadow:0 30px 70px #664b2920;background:#f6eddf}
@media(min-width:761px){body[data-brand=regalos] .gift-intro{padding-block:80px 70px;gap:7vw}body[data-brand=regalos] .gift-intro h1{font-size:clamp(58px,6.2vw,90px);font-weight:500;letter-spacing:-.06em}body[data-brand=regalos] .gift-preview{background:#e4d3bd;box-shadow:none;height:450px}body[data-brand=regalos] .gift-exhibit{gap:8vw}}
@media(max-width:1239px){.gift-experience .build-story{margin-inline:-30px;padding-inline:30px}}
@media(max-width:760px){.build-story{margin-block:25px 40px}.build-sticky{grid-template-columns:1fr;gap:24px;align-content:center;padding-block:45px;min-height:0}.build-copy h2{font-size:35px;line-height:1.04;margin:12px 0}.build-copy p{font-size:13px;line-height:1.6;max-width:38ch;margin-bottom:6px}.build-copy .text-link{font-size:12px;padding-block:9px}.build-index{font-size:9px}.build-hint{display:none}.build-canvas{height:340px;width:min(100%,400px);margin:auto}.build-browser{inset:20px 0 10px}.build-photo{inset:65px 46% 35px 5%;padding:7px 7px 18px}.build-photo figcaption{font-size:11px;line-height:1.3;margin-top:10px}.build-note{top:68px;left:55%;width:42%}.build-note>span{font-size:8px;letter-spacing:0}.build-note strong{font-size:48px;margin:18px 0}.build-note p{font-size:9px}.build-letter{top:213px;padding:13px;left:42%}.build-letter>span{font-size:18px}.build-letter i{font-size:11px;margin-top:10px}.build-letter>div{margin-top:7px}.build-seal{top:247px;width:38px;height:38px;font-size:18px}.build-enhanced{height:210svh}.build-enhanced .build-sticky{gap:20px;padding-block:45px 55px}.build-enhanced .build-track{bottom:20px;left:0;right:0}.build-track{font-size:9px}.gift-experience .build-story{margin-inline:-20px;padding-inline:20px}.gift-intro h1{font-size:clamp(43px,11vw,60px);font-weight:500}.gift-intro>div>p{font-size:15px}.gift-preview{height:320px;box-shadow:none}.gift-intro{gap:30px}.gift-actions{margin-top:23px}.gift-experience .cover h1{font-size:clamp(38px,10vw,54px)}.gift-experience .cover{gap:30px;padding-block:35px 45px}.gift-experience .envelope-scene{height:295px}.gift-experience .gift-header nav{gap:1px}.gift-experience .gift-header nav a{padding:8px;font-size:11px}.gift-experience .gift-header nav a span{font-size:9px}}
@media(max-height:650px) and (min-width:761px){.build-enhanced .build-sticky{padding-block:30px}.build-canvas{transform:scale(.78);transform-origin:center}.build-copy h2{font-size:42px}}
@media(max-height:720px) and (max-width:760px){.build-enhanced .build-sticky{gap:5px;padding-block:25px 45px}.build-copy h2{font-size:29px}.build-copy p{display:none}.build-canvas{height:300px;transform:scale(.9);transform-origin:center top}.build-copy .text-link{font-size:11px}}
@media(prefers-reduced-motion:reduce){.build-enhanced{height:auto}.build-enhanced .build-sticky{position:relative;height:auto;min-height:0;padding-block:45px 70px}.build-hint{display:none}}
/* Exploded pieces stay inside the section without creating a scroll container. */
.build-story{overflow-x:clip}
.build-link-arrow{width:14px;height:14px;display:inline-block;margin-left:12px;fill:none;stroke:currentColor;stroke-width:1.2;vertical-align:middle}
.gift-scroll-invite{display:flex;align-items:center;gap:15px;font:12px/1.5 'Segoe UI',sans-serif;text-decoration:none;color:inherit;min-height:44px;flex-basis:100%;margin-top:4px;opacity:.8}.gift-scroll-invite svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}.cover .gift-scroll-invite{margin-top:15px}#armar-regalo{scroll-margin-top:0}