@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--green:#12382d;--deep:#09271f;--gold:#f2bc12;--cream:#faf6ed;--ink:#173c30;--muted:#64716a;--red:#b93e40;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #db9400;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:-.035em}h2{font-size:clamp(2.4rem,4.5vw,4rem);margin-bottom:24px}em{font-weight:500}img{max-width:100%}.header{height:94px;padding:15px 5%;display:flex;align-items:center;gap:35px;background:var(--cream);position:relative;z-index:10;border-bottom:1px solid #ddd8cc}.brand{display:inline-flex;background:white;border-radius:5px;padding:5px 10px;flex-shrink:0}.brand img{width:145px;height:54px;object-fit:contain}.header nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:600}.header nav a:hover{color:#a46c00}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:54px;padding:15px 25px;background:var(--gold);color:var(--deep);font-size:14px;font-weight:700;border-radius:5px;position:relative;overflow:hidden;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #f2bc1240}.button:after{content:'';position:absolute;top:0;left:-70%;width:45%;height:100%;transform:skewX(-25deg);background:linear-gradient(90deg,transparent,#ffffff80,transparent);transition:left .65s}.button:hover:after{left:130%}.button.small{min-height:44px;padding:10px 18px}.menu-toggle{display:none}.hero{background:var(--green);color:var(--cream);position:relative;min-height:calc(100svh - 94px);display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:65px 7% 110px;overflow:hidden}.hero-content,.christmas-scene{position:relative;z-index:2}.hero h1{font-size:clamp(3.6rem,7.5vw,7rem);margin:20px 0 25px}.hero h1 em{color:#f1cd6e}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.23em;margin-bottom:20px}.hero-message{max-width:440px;font-size:18px;color:#e0e5d9}.signature{font-size:14px;margin-bottom:32px;color:#d8e0d4}.signature strong{color:#f2ce79}.christmas-scene{max-width:580px;width:100%;justify-self:center;animation:welcome 1s ease both}.christmas-scene svg{width:100%;display:block;filter:drop-shadow(0 18px 35px #0002)}.scene-caption{display:block;text-align:center;color:#ded5b8;font-size:11px;letter-spacing:.1em}.hero-glow{position:absolute;width:650px;height:650px;right:-100px;top:-120px;border-radius:50%;background:radial-gradient(circle,#e6c77218,transparent 70%)}.stars{position:absolute;inset:0;pointer-events:none}.star{position:absolute;color:#f4d792;font-size:12px;animation:twinkle 4s infinite alternate}.scroll-cue{position:absolute;bottom:30px;left:7%;right:7%;text-align:center;font-size:11px;letter-spacing:.12em;color:#d8dfd0;z-index:3}.scroll-cue span{display:block;font-size:24px;animation:bounce 2s infinite}.scene-sparkles{animation:twinkle 3s infinite alternate}.ribbon{padding:18px 20px;text-align:center;background:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--deep)}.ribbon span{margin:0 24px}.section{padding:100px 7%}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-bottom:1px solid #dfdfd3}.about-copy{padding-top:35px;color:var(--muted);font-size:16px}.about-copy>p:first-child{font-size:21px;color:var(--ink);font-family:var(--serif)}.text-link{display:inline-flex;align-items:center;gap:16px;font-size:13px;font-weight:700;border-bottom:1px solid #c9a14d;padding:7px 0}.text-link:hover{color:#9c6a00}.section-heading{max-width:720px;margin:0 auto 55px;text-align:center}.section-heading>p:last-child{color:var(--muted);max-width:590px;margin:0 auto}.section-heading em,.about em{color:#9c7023}.basket-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.basket-card{padding:18px 20px 25px;border:1px solid #dddccc;background:#fffdf8;border-radius:10px;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}.basket-card:hover{transform:translateY(-7px);box-shadow:0 12px 35px #b6913520}.basket-card h3{font-family:var(--serif);font-size:24px;line-height:1.2;margin:18px 0 15px}.basket-card>p:not(.image-caption){font-size:13px;color:var(--muted)}.basket-card .pending{font-size:11px!important}.basket-card .text-link{margin-top:auto;align-self:flex-start}.personalized{border:2px solid var(--gold)}.tag{align-self:flex-start;background:#eeeee1;color:#51644f;font-size:9px;letter-spacing:.12em;font-weight:700;padding:5px 8px;border-radius:3px}.personalized .tag{background:#f9e7a1;color:#5c4511}.gift-visual{height:170px;display:flex;align-items:center;justify-content:center;border-radius:6px;position:relative;overflow:hidden;background:#e8ebdf}.gift-visual:before,.gift-visual:after{content:'✦';position:absolute;color:#b69c58;font-size:25px;top:24px;left:23px}.gift-visual:after{top:auto;left:auto;right:25px;bottom:25px;font-size:15px}.gift-box{display:flex;align-items:center;justify-content:center;width:99px;height:83px;background:#285342;border-radius:4px;position:relative;margin-top:25px;font-size:28px;color:#f4d891;box-shadow:8px 9px 0 #0000000b;transform:rotate(-6deg)}.gift-box:before{content:'';position:absolute;inset:-7px -6px auto;height:19px;background:inherit;border-radius:3px;border-bottom:2px solid #0001}.gift-box:after{content:'୨୧';position:absolute;top:-53px;left:19px;font-size:49px;color:#b69751;line-height:1}.gift-two{background:#f2e6df}.gift-two .gift-box{background:#b34a4b;transform:rotate(5deg)}.gift-three{background:#f0e9d5}.gift-three .gift-box{background:#c79e42}.gift-three .gift-box:after{color:#8a342f}.gift-four{background:#e1e8de}.gift-four .gift-box{background:#244c3f;color:var(--gold);transform:rotate(4deg)}.image-caption{font-size:9px;text-align:center;color:#767c6f;margin:5px 0 18px}.process{background:#f0efe5}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:0 0 45px;counter-reset:steps}.steps li{padding:26px 25px;background:#faf8f0;border:1px solid #deded0;border-radius:8px;transition:box-shadow .3s,transform .3s}.steps li:hover{box-shadow:0 10px 30px #bda25320;transform:translateY(-4px)}.step-number{display:inline-flex;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid #c2ad77;color:#99752b;border-radius:50%;font-family:var(--serif);font-size:21px;margin-bottom:20px}.steps h3{font-size:16px;margin-bottom:10px}.steps p{font-size:14px;color:var(--muted);margin:0}.center{text-align:center}.contact{background:var(--green);color:var(--cream);position:relative;overflow:hidden}.contact h2{font-size:clamp(2.5rem,5vw,4.7rem)}.contact em{color:#f2cf78}.contact p:not(.eyebrow){color:#d3dece;max-width:490px}.contact-decoration{position:absolute;right:10%;top:15%;font-size:260px;color:#f2bc12;opacity:.2;line-height:1;transform:rotate(10deg)}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px;margin:30px 0 16px}.email{font-size:14px;border-bottom:1px solid #b6c2a2;padding-bottom:3px}.phone{color:#d7e0d1;font-size:14px}.contact .reveal{position:relative;z-index:1}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 7%;font-size:11px}footer strong{font-size:12px}footer p{margin:4px 0;color:var(--muted)}.whatsapp-float{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;background:#147c4c;color:white;display:grid;place-items:center;z-index:20;box-shadow:0 5px 20px #0003;transition:transform .2s}.whatsapp-float:hover{transform:scale(1.08)}.whatsapp-float svg{width:34px;height:34px}#sparkle-layer{position:fixed;inset:0;pointer-events:none;z-index:30;overflow:hidden}.cursor-sparkle{position:absolute;color:var(--gold);font-size:15px;line-height:1;animation:sparkle-out .8s ease-out forwards;pointer-events:none;text-shadow:0 0 5px #f2bc1270}.skip-link{position:fixed;left:10px;top:-100px;background:white;color:var(--ink);padding:12px;z-index:100}.skip-link:focus{top:10px}.js-motion .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js-motion .reveal.visible{opacity:1;transform:none}@keyframes twinkle{from{opacity:.35}to{opacity:1}}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes welcome{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes sparkle-out{to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.2) rotate(90deg)}}
@media(min-width:1600px){.section,.hero{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:1100px){.header{gap:20px}.header nav{gap:18px}.header-cta{display:none}.basket-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-left:6%;padding-right:4%}.hero h1{font-size:clamp(3.4rem,7.5vw,6rem)}footer{flex-wrap:wrap}}@media(max-width:700px){html{scroll-padding-top:85px}.header{height:80px;padding:10px 6%;justify-content:space-between}.brand img{width:125px;height:48px}.menu-toggle{display:block;background:transparent;border:1px solid #c7cdbf;color:var(--ink);border-radius:5px;padding:6px 13px;font-size:22px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);padding:20px 7%;margin:0;box-shadow:0 10px 18px #0001}.header nav.open{display:flex;flex-direction:column;gap:18px}.hero{grid-template-columns:1fr;padding:50px 7% 85px;min-height:auto;text-align:center}.hero h1{font-size:clamp(3.5rem,13vw,5rem);margin:15px 0 20px}.hero-message{font-size:16px;margin:0 auto 16px;max-width:370px}.hero .eyebrow{font-size:10px}.signature{margin-bottom:24px}.christmas-scene{max-width:360px;margin:15px auto 0}.scene-caption{display:none}.scroll-cue{bottom:20px;font-size:9px}.ribbon{font-size:9px;line-height:2.5;padding:10px 20px}.ribbon span{margin:0 10px}.section{padding:65px 7%}.about{grid-template-columns:1fr;gap:0}.about-copy{padding-top:10px}.section-heading{margin-bottom:35px}.basket-grid{gap:15px}.basket-card{padding:12px 14px 22px}.basket-card h3{font-size:22px}.gift-visual{height:145px}.gift-box{width:75px;height:65px}.gift-box:after{left:8px}.steps{grid-template-columns:1fr;gap:14px}.steps li{padding:20px 20px 20px 85px;position:relative;min-height:125px}.step-number{position:absolute;left:20px;top:22px;width:44px;height:44px}.contact-decoration{font-size:160px;right:-35px;top:30px}.contact-actions{gap:20px}.contact .button{font-size:12px}footer{padding:30px 7% 90px;align-items:flex-start;display:grid;grid-template-columns:1fr 1fr}footer .brand{justify-self:start}footer .brand img{width:110px}.whatsapp-float{width:52px;height:52px;right:16px;bottom:16px}}@media(max-width:420px){.basket-grid{grid-template-columns:1fr}.gift-visual{height:185px}.gift-box{width:99px;height:83px}.gift-box:after{left:19px}.hero h1{font-size:3.5rem}.button{gap:15px;padding:15px 18px}.email{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}#sparkle-layer{display:none}}

/* Actualización 2: bienvenida, fábrica, juegos y magia. */
.header{background:#002c46;border-color:#154158}.header nav a{color:white}.header nav a:hover{color:var(--gold)}.header .brand{background:transparent}.header .menu-toggle{color:white;border-color:#648397}.welcome{min-height:100svh;background:radial-gradient(ellipse at 50% 75%,#1f5946 0,#0b3028 50%,#061f23 100%);color:var(--cream);text-align:center;padding:35px 20px 25px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome h2{font-size:clamp(2.4rem,4.6vw,4.7rem);margin-bottom:15px}.welcome h2 em{color:#f4d185}.welcome .eyebrow{color:#e0c98c;margin-bottom:16px}.welcome-copy{max-width:510px;color:#d7e5db;font-size:14px;margin-bottom:22px}.welcome-stars{position:absolute;inset:5% 0 auto;font-size:45px;letter-spacing:5vw;color:#f2cd70;opacity:.3;pointer-events:none;animation:twinkle 2s infinite alternate}.countdown{display:flex;gap:12px;position:relative;z-index:1}.countdown>div{width:86px;padding:10px 6px;background:#ffffff08;border:1px solid #b997514d;border-radius:9px}.countdown strong{font-family:var(--serif);font-size:34px;display:block;color:#f7d88b;font-variant-numeric:tabular-nums;line-height:1.2}.countdown span{font-size:10px;letter-spacing:.12em;text-transform:uppercase}.welcome-note{font-size:10px;color:#d7deca;margin:13px 0 0}.factory{width:min(640px,100%);height:250px;position:relative;margin:20px auto 8px;border-radius:120px 120px 0 0;background:radial-gradient(ellipse at center,#e9b95a15,transparent 70%)}.factory-sign{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:5px 20px;border:1px solid #c6a76d;border-radius:5px;font-size:10px;letter-spacing:.15em;color:#f3d18b;white-space:nowrap}.factory-lights{position:absolute;top:43px;width:86%;left:7%;height:15px;border-top:2px solid #518260;border-radius:50%;display:flex;justify-content:space-around}.factory-lights i{width:8px;height:12px;background:var(--gold);border-radius:50%;box-shadow:0 0 12px #f2bc12;animation:twinkle 1s alternate infinite}.factory-lights i:nth-child(even){background:#ec6155;box-shadow:0 0 12px #ec6155;animation-delay:.5s}.elf{position:absolute;top:90px;width:70px;height:110px}.elf-one{left:14%}.elf-two{left:45%;animation-delay:.3s}.elf-three{left:76%}.elf-hat{position:absolute;top:-23px;left:13px;width:45px;height:38px;background:#cf4147;clip-path:polygon(0 100%,50% 0,100% 100%);transform:rotate(-12deg)}.elf-two .elf-hat{background:#f2bc12}.elf-face{width:52px;height:43px;border-radius:45%;background:#f1c4a0;position:absolute;left:9px;top:9px;color:#273f31;font-size:18px;z-index:2}.elf-face:before,.elf-face:after{content:'';position:absolute;width:15px;height:17px;top:8px;background:#f1c4a0;clip-path:polygon(0 0,100% 40%,100% 100%);left:-9px}.elf-face:after{left:auto;right:-9px;transform:scaleX(-1)}.elf-face b{font-weight:400}.elf-body{position:absolute;top:48px;left:7px;width:59px;height:58px;background:#338362;border-radius:20px 20px 0 0;border-bottom:8px solid #ad713d}.elf-two .elf-body{background:#b93e40}.elf-arm{position:absolute;left:41px;top:56px;width:46px;height:16px;border-radius:9px;background:#f1c4a0;transform-origin:5px 8px;animation:working .9s ease-in-out infinite alternate;z-index:3}.elf-two .elf-arm{animation-delay:.3s}.elf-three .elf-arm{animation-delay:.6s}.elf-tool{position:absolute;left:80px;top:70px;color:var(--gold);animation:twinkle .7s alternate infinite}.conveyor{position:absolute;left:5%;width:90%;top:175px;height:60px}.belt{height:25px;position:absolute;top:25px;width:100%;border:5px solid #bd985a;border-radius:20px;background:repeating-linear-gradient(90deg,#233a34 0 15px,#78937c 16px 19px);background-size:38px 100%;animation:belt-run 1s linear infinite}.factory-legs{position:absolute;top:50px;left:8%;width:84%;height:28px;border-left:10px solid #9c744a;border-right:10px solid #9c744a}.work-gift{position:absolute;top:-12px;width:40px;height:37px;background:#d24e4a;border-radius:3px;z-index:4;animation:gift-travel 7s linear infinite}.work-gift:before{content:'';position:absolute;left:16px;top:0;height:100%;width:8px;background:#f4d589}.work-gift:after{content:'୨୧';position:absolute;top:-27px;left:4px;color:#f4d589;font-size:29px;line-height:1}.package-two{background:#e4b226;animation-delay:-2.33s}.package-three{background:#408b77;animation-delay:-4.66s}.games{background:#faf6ed}.games-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.game-card{padding:28px 14px;background:white;border:1px solid #dedbc9;border-radius:12px;text-align:center}.game-card>span{display:block;font-size:42px;margin-bottom:15px}.game-card h3{font-family:var(--serif);font-size:22px}.game-card p{color:var(--muted);font-size:12px}.game-card button{border:1px solid #ddd3ad;background:#f4f0e4;color:#65604e;border-radius:5px;padding:9px;font-size:11px}.tree-art{transform-origin:175px 520px;animation:tree-sway 5s ease-in-out infinite alternate}.santa-art{transform-origin:400px 530px;animation:santa-breathe 3s ease-in-out infinite alternate}.gifts{transform-origin:170px 530px;animation:gift-bob 2.6s ease-in-out infinite alternate}.tree-art circle{animation:ornament-glow 1.8s infinite alternate}.tree-art circle:nth-child(even){animation-delay:.9s}.hero h1{position:relative;animation:letter-glow 4s ease-in-out infinite alternate}.hero h1:before{content:'✦ ● ✧ ● ✦ ● ✧ ● ✦';position:absolute;left:0;top:-18px;width:min(360px,95%);font:12px var(--sans);letter-spacing:10px;color:#f2cb6c;border-top:3px solid #52824b;border-radius:50%;padding-top:5px;animation:twinkle 2s infinite alternate}.cursor-sparkle{animation-duration:1.7s;font-size:20px}.header .brand img{border-radius:2px}@media(pointer:fine){body,body a,body button{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cpath d='M12 29V12q0-5 5-3v10-12q2-4 5 0v12-7q3-4 5 0v9-4q4-3 5 1v9q-1 7-8 9H15Z' fill='%23fff7df' stroke='%23002c46' stroke-width='1.5'/%3E%3Cpath d='M13 31h16v7H13Z' fill='%23c83d42'/%3E%3Cpath d='M13 31h16v3H13Z' fill='white'/%3E%3C/svg%3E") 14 8, pointer}}
@keyframes working{from{transform:rotate(-28deg)}to{transform:rotate(15deg)}}@keyframes belt-run{to{background-position:38px 0}}@keyframes gift-travel{from{left:0;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 40px);opacity:0}}@keyframes tree-sway{from{transform:rotate(-1deg)}to{transform:rotate(1deg)}}@keyframes santa-breathe{from{transform:translateY(0)}to{transform:translateY(-5px) rotate(.5deg)}}@keyframes gift-bob{from{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes ornament-glow{to{filter:drop-shadow(0 0 6px #ffdb6b);opacity:.65}}@keyframes letter-glow{to{text-shadow:0 0 25px #f2bc1220}}
@media(max-width:900px){.games-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.header nav{background:#002c46}.welcome{padding:30px 15px}.welcome h2{font-size:2.6rem}.welcome-copy{font-size:13px}.factory{height:225px;transform:scale(.9);margin:12px auto 0}.countdown{gap:8px}.countdown>div{width:68px}.countdown strong{font-size:29px}.games-grid{grid-template-columns:repeat(2,1fr)}.hero h1:before{left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:8px}.elf-one{left:7%}.elf-two{left:39%}.elf-three{left:70%}}@media(prefers-reduced-motion:reduce){.work-gift{animation:none;opacity:1}.package-one{left:10%}.package-two{left:45%}.package-three{left:80%}}


/* La bienvenida se recupera al volver arriba, sin bloquear el desplazamiento. */
.welcome-scroll{margin:12px 0 0;color:#f4d185;font-size:12px;letter-spacing:.06em}.welcome-scroll span{display:block;font-size:28px;line-height:1.4;animation:bounce 2s infinite}.header{position:sticky;top:0;z-index:20}#site-content{overflow:visible}@media(prefers-reduced-motion:reduce){.welcome-scroll span{animation:none}}
/* Bienvenida superpuesta: se retira hacia arriba y revela el sitio debajo. */
.welcome{height:100dvh;min-height:100svh;width:100%;z-index:40;margin-bottom:-100svh;box-shadow:0 14px 35px #001a1b35}.welcome+.site-unused{display:none}#site-content{position:relative;z-index:1}.header{z-index:20}.hanging-signs{position:fixed;right:18px;top:112px;width:176px;z-index:25;display:flex;flex-direction:column;gap:23px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s}.hanging-signs.shown{opacity:1;visibility:visible;pointer-events:auto}.wood-sign{position:relative;text-align:center;padding:13px 8px 10px;border:3px solid #a36d37;border-radius:7px;box-shadow:inset 0 0 0 1px #e1b56b,0 6px 12px #0003;background:repeating-linear-gradient(3deg,#a97238 0px,#af7a40 5px,#99612d 7px,#b17c41 12px);color:#fff4d9;transform-origin:50% -20px;will-change:transform}.wood-sign:before,.wood-sign:after{content:'';position:absolute;top:-26px;width:5px;height:26px;background:repeating-linear-gradient(35deg,#c8aa7a 0 3px,#8d6e46 3px 5px);border-radius:3px;z-index:-1}.wood-sign:before{left:23%}.wood-sign:after{right:23%}.christmas-sign{background:repeating-linear-gradient(3deg,#992c34 0,#a3363a 5px,#852831 7px,#a5363d 12px);border-color:#a76e39}.christmas-sign .sign-title{color:#ffe4a0}.sign-title{display:block;font-family:var(--serif);font-size:18px;line-height:1.2}.sign-countdown{font-size:11px;font-weight:700;letter-spacing:.035em;margin:7px 0 2px;font-variant-numeric:tabular-nums}.sign-note{font-size:9px;display:block;opacity:.9}.quote-sign{padding:15px 5px}.wood-sign.wind{animation:sign-wind 1.7s ease-in-out}.hero-content{padding-right:15px}.christmas-scene{padding-right:65px}@keyframes sign-wind{0%{transform:rotate(0)}15%{transform:rotate(-9deg)}35%{transform:rotate(7deg)}55%{transform:rotate(-5deg)}75%{transform:rotate(3deg)}100%{transform:rotate(0)}}
@media(max-width:1100px){.hanging-signs{width:148px;right:12px}.sign-title{font-size:16px}.sign-countdown{font-size:10px}.christmas-scene{padding-right:95px}}@media(max-width:700px){.welcome{height:100svh;padding:20px 15px}.welcome h2{font-size:clamp(1.8rem,7vw,2.6rem)}.welcome-copy{margin-bottom:12px}.welcome .eyebrow{font-size:9px}.factory{height:215px;margin-top:10px}.hanging-signs{top:88px;right:8px;width:106px;gap:20px}.wood-sign{padding:9px 3px 7px;border-width:2px}.sign-title{font-size:12px}.sign-countdown{font-size:9px;letter-spacing:0}.sign-note{font-size:8px}.christmas-scene{padding-right:0}.hero{padding-top:240px}.contact,.games,.process,.baskets,.about{scroll-margin-top:40px}}@media(max-height:650px){.welcome .factory{height:195px;margin-top:10px;transform:scale(.8);transform-origin:top center;margin-bottom:-35px}.welcome h2{font-size:2.2rem}.welcome .countdown>div{padding:5px}.welcome-copy{margin-bottom:10px}.welcome{padding-top:15px;padding-bottom:15px}.welcome-scroll{margin-top:0}}@media(prefers-reduced-motion:reduce){.wood-sign.wind{animation:none}}
/* La capa inicial cubre la portada y sigue el desplazamiento de la pantalla. */
.welcome{position:fixed;inset:0;margin:0;transform:translateY(var(--intro-offset,0px));will-change:transform}.welcome.passed{visibility:hidden;pointer-events:none}
/* Colores y contadores segmentados, versión 5. */
.header,.header nav{background:#0f2747}.header{border-color:#253e60}.newyear-sign{background:repeating-linear-gradient(3deg,#176042 0,#1d704d 5px,#165c40 7px,#237753 12px)}.quote-sign{background:repeating-linear-gradient(3deg,#f2bc12 0,#f5c425 5px,#eab511 7px,#f2bc12 12px);color:#0f2747;border-color:#bd9016}.sign-countdown{display:flex;justify-content:center;gap:0;margin:9px 0 4px;letter-spacing:0}.mini-unit{flex:1;min-width:0;border-right:1px solid #ffffff30;padding:0 2px}.mini-unit:last-child{border:0}.mini-unit strong{display:block;font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.15;font-variant-numeric:tabular-nums}.mini-unit small{display:block;font-size:7px;letter-spacing:.07em;margin-top:3px}.mini-unit strong.tick{animation:count-tick .42s ease-out}.wood-sign:before,.wood-sign:after{display:none}.hanging-signs{gap:22px}.rope-pair{position:absolute;left:0;top:-27px;width:100%;height:28px;overflow:visible;pointer-events:none}.rope-pair path{fill:none;stroke:#d0b48a;stroke-width:4;stroke-linecap:round;filter:drop-shadow(1px 1px 0 #71532d)}.rope-pair .rope-fiber{stroke:#80613b;stroke-width:1;stroke-dasharray:2 4}.wood-sign.breeze{animation:connected-wind 2s ease-in-out;transform-origin:50% 0}.wood-sign.breeze .rope-pair{animation:rope-flex 2s ease-in-out}.wood-sign.wind{animation:none}.quote-sign .sign-title{font-weight:700}.sign-celebration{font-size:12px;padding:5px}@keyframes count-tick{0%{opacity:.3;transform:translateY(-7px) scale(.9);filter:blur(1px)}60%{transform:translateY(2px) scale(1.05)}100%{opacity:1;transform:none;filter:none}}@keyframes connected-wind{0%,100%{transform:rotate(0)}20%{transform:rotate(-5deg)}45%{transform:rotate(4deg)}70%{transform:rotate(-2deg)}}@keyframes rope-flex{25%{transform:skewX(-7deg)}55%{transform:skewX(5deg)}100%{transform:none}}@media(max-width:1100px){.mini-unit strong{font-size:20px}}@media(max-width:700px){.mini-unit strong{font-size:16px}.mini-unit small{font-size:6px}.sign-title{font-size:12px}.sign-countdown{margin:6px 0 3px}}@media(prefers-reduced-motion:reduce){.wood-sign.breeze,.wood-sign.breeze .rope-pair,.mini-unit strong.tick{animation:none}}


/* Detalle y cotización de cada canasta. */
.basket-actions{display:flex;gap:10px;margin-top:auto;padding-top:12px}.basket-actions .button{min-height:42px;padding:10px 15px;border:0}.detail-button{border:1px solid #b6a369;background:transparent;color:var(--ink);border-radius:5px;padding:9px 14px;font-weight:600}.basket-dialog{width:min(860px,92vw);max-height:90dvh;padding:38px;border:1px solid #d0b679;border-radius:16px;background:var(--cream);color:var(--ink);overflow:auto;box-shadow:0 30px 100px #0005}.basket-dialog::backdrop{background:#071d2bd9;backdrop-filter:blur(5px)}.basket-dialog>h2{text-align:center;font-size:34px;padding:0 25px;margin-bottom:30px}.dialog-close{position:absolute;right:13px;top:10px;border:0;background:transparent;color:var(--ink);font-size:30px;line-height:1;padding:5px 10px}.dialog-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px}.dialog-image{background:#e9ebdf;border-radius:10px;min-height:260px;display:grid;place-items:center;overflow:hidden}.dialog-image img{width:100%;height:100%;max-height:400px;object-fit:contain}.image-placeholder{text-align:center;padding:20px;color:var(--muted)}.image-placeholder span{font-size:85px}.image-placeholder p{font-size:13px}.dialog-details h3{font-family:var(--serif);font-size:24px}.dialog-details p{color:var(--muted);font-size:15px}.basket-quote-form{margin-top:28px;border-top:1px solid #ded8c8;padding-top:22px}.basket-quote-form h3{margin-bottom:12px}.basket-quote-form label{display:block;font-size:13px;margin-bottom:8px}.quote-fields{display:flex;gap:14px;align-items:stretch}.quote-fields input{width:120px;border:1px solid #afa781;border-radius:5px;padding:12px;font:inherit;background:white;color:var(--ink)}.quote-fields .button{border:0}.quote-help{font-size:11px;color:var(--muted);margin:12px 0 0}body.dialog-open{overflow:hidden}@media(max-width:700px){.basket-dialog{padding:35px 20px 25px}.basket-dialog>h2{font-size:27px}.dialog-columns{grid-template-columns:1fr;gap:20px}.dialog-image{min-height:180px}.quote-fields{flex-wrap:wrap}.quote-fields .button{font-size:12px}.basket-actions{flex-wrap:wrap}}
/* Recorrido de seis pasos guiado por scroll. */
.journey{height:650svh;padding:0 7%;position:relative}.journey-sticky{position:sticky;top:95px;min-height:calc(100svh - 95px);display:flex;flex-direction:column;justify-content:center;padding:22px 0}.journey .section-heading{margin-bottom:18px;max-width:700px}.journey h2{font-size:clamp(2rem,3.5vw,3.2rem);margin-bottom:12px}.journey .section-heading>p:last-child{font-size:13px}.journey-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:35px;align-items:center}.journey-map{position:relative;width:100%;aspect-ratio:2/1;background:radial-gradient(ellipse,#c8d5bc70,transparent 70%)}.route-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.route-border,.route-line{fill:none;stroke-linecap:round}.route-border{stroke:#d7b981;stroke-width:30}.route-line{stroke:#f9edce;stroke-width:21;stroke-dasharray:1 10}.route-nodes span{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;background:#fff9ec;border:2px solid #b59558;color:#785d29;width:32px;height:32px;border-radius:50%;font-size:12px;font-weight:700;z-index:2}.route-nodes span.current{background:var(--gold);box-shadow:0 0 20px #f2bc1255}.walking-elf{position:absolute;width:70px;height:120px;transform:translate(-50%,-95%) scale(.65);transform-origin:50% 100%;z-index:3;pointer-events:none}.walker-arm{position:absolute;left:45px;top:59px;width:32px;height:13px;background:#f1c4a0;border-radius:10px;transform-origin:0 50%}.walker-leg{position:absolute;top:103px;width:16px;height:25px;background:#654632;border-radius:0 0 8px 8px;transform-origin:50% 0}.left-leg{left:17px}.right-leg{left:42px}.walking-elf.walking .left-leg{animation:elf-walk .32s infinite alternate}.walking-elf.walking .right-leg{animation:elf-walk .32s infinite alternate-reverse}.walking-elf.walking .walker-arm{animation:working .32s infinite alternate}.route-caption{position:absolute;bottom:-20px;width:100%;text-align:center;font-size:11px;color:var(--muted)}.journey-detail{padding:22px;background:#fffaf0;border:1px solid #d9c89e;border-radius:14px;position:relative;z-index:1}.journey-counter{font-size:10px;letter-spacing:.18em;color:#9b7326;margin-bottom:10px}.journey-panel h3{font-family:var(--serif);font-size:29px;margin-bottom:10px;line-height:1.2}.journey-panel p{font-size:14px;color:var(--muted);margin-bottom:0}.journey-panels{min-height:105px}.journey-panel.active{animation:welcome .4s ease-out}.journey-workshop{position:relative;height:155px;overflow:hidden;margin:5px 0;background:radial-gradient(ellipse at bottom,#e1ddbe80,transparent 70%)}.work-elf{position:absolute;top:40px;width:70px;height:110px;transform:scale(.75);transform-origin:bottom}.worker-a{left:8%}.worker-b{right:8%;transform:scale(.75) scaleX(-1)}.worker-b .elf-hat{background:#f2bc12}.worker-b .elf-body{background:#b93e40}.scene-table{position:absolute;bottom:4px;left:8%;width:84%;height:12px;background:#a6753f;border-radius:3px}.scene-prop{position:absolute;left:50%;bottom:15px;transform:translateX(-50%);font-size:58px;animation:gift-bob 1.5s infinite alternate}.work-sparkle{position:absolute;left:59%;top:30px;color:#b89020;animation:twinkle .8s infinite alternate}.journey-workshop[data-scene="1"] .elf-arm{animation-duration:1.5s}.journey-workshop[data-scene="2"] .scene-prop{animation:santa-breathe 1s infinite alternate}.journey-workshop[data-scene="3"] .elf-arm{animation-duration:.55s}.journey-workshop[data-scene="4"] .worker-b{animation:worker-coordinate 1.8s infinite alternate}.journey-workshop[data-scene="5"] .scene-prop{animation:delivery-move 2s infinite alternate}.journey-controls{display:flex;gap:9px;margin:12px 0 15px}.step-select{width:29px;height:29px;border:1px solid #c4b47e;border-radius:50%;background:transparent;color:#785d29;font-size:11px}.step-select.selected{background:var(--gold);border-color:var(--gold)}.journey-detail>.button{font-size:12px;min-height:43px;padding:10px 15px}.journey-scroll{font-size:10px;text-align:center;color:var(--muted);margin:18px 0 0}@keyframes elf-walk{from{transform:rotate(-22deg)}to{transform:rotate(22deg)}}@keyframes worker-coordinate{to{transform:scale(.75) scaleX(-1) rotate(5deg)}}@keyframes delivery-move{from{transform:translateX(-80%)}to{transform:translateX(-20%)}}@media(max-width:700px){.journey{padding:0 5%;height:650svh}.journey-sticky{top:80px;min-height:calc(100svh - 80px);padding:12px 0}.journey .section-heading{margin-bottom:8px}.journey .eyebrow{margin-bottom:8px}.journey h2{font-size:1.9rem}.journey .section-heading>p:last-child{font-size:11px}.journey-layout{grid-template-columns:1fr;gap:8px}.journey-map{width:85%;margin:auto;max-height:155px;aspect-ratio:2.7/1}.route-caption{display:none}.journey-detail{padding:13px 16px}.journey-panel h3{font-size:23px}.journey-panel p{font-size:12px}.journey-panels{min-height:70px}.journey-workshop{height:100px;margin:0}.work-elf{top:0;transform:scale(.6)}.worker-b{transform:scale(.6) scaleX(-1)}.scene-prop{font-size:42px}.journey-controls{margin:6px 0 10px}.journey-scroll{margin:8px 0 0}.route-nodes span{width:25px;height:25px}.walking-elf{transform:translate(-50%,-85%) scale(.45)}}@media(max-height:650px) and (min-width:701px){.journey h2{font-size:2rem}.journey-workshop{height:110px}.work-elf{top:0}.journey-sticky{padding:10px 0}.journey .section-heading{margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.journey-panel.active,.walking-elf.walking .walker-leg,.walking-elf.walking .walker-arm,.journey-workshop *{animation:none!important}}
/* Seis escenas vivas: almacén, conversación, caja, empaque, teléfono y entrega. */
.journey-map{display:none}.journey-workshop{height:350px;width:100%;margin:0;border:1px solid #cfdbc7;border-radius:20px;background:linear-gradient(#e1ecdf,#f6edda);overflow:hidden}.scene-floor{position:absolute;bottom:0;height:55px;width:100%;background:repeating-linear-gradient(100deg,#c3ad86 0 40px,#bca37c 41px 43px)}.scene-light{position:absolute;top:0;width:100px;height:200px;opacity:.17;background:linear-gradient(#f2bc12,transparent);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%)}.light-one{left:15%}.light-two{right:15%}.scene-label{position:absolute;bottom:12px;left:0;right:0;text-align:center;font-size:12px;color:#3c5b43;z-index:10}.action-elf{position:absolute;width:70px;height:140px;bottom:54px;z-index:5}.action-arm{position:absolute;top:58px;left:40px;width:43px;height:15px;background:#f1c4a0;border-radius:10px;transform-origin:5px 50%;animation:working 1.2s infinite alternate}.action-hand{position:absolute;top:65px;left:-6px;width:40px;height:13px;background:#f1c4a0;border-radius:8px;transform-origin:35px 50%;animation:working 1.4s infinite alternate-reverse}.action-leg{position:absolute;top:102px;width:17px;height:30px;background:#66422b;border-radius:0 0 7px 7px;transform-origin:50% 0}.leg-a{left:16px}.leg-b{left:42px}.scene-box{width:48px;height:42px;background:#e3af24;border-radius:3px;position:relative;box-shadow:inset -7px 0 #0001}.scene-box:before{content:'';position:absolute;left:20px;width:7px;height:100%;background:#f8e9b6}.scene-box:after{content:'୨୧';position:absolute;top:-20px;left:8px;font:27px Georgia;color:#f8e9b6}.box-red{background:#bc4148}.box-green{background:#267550}.warehouse-rack{position:absolute;left:8%;top:45px;width:80%;height:195px;border:9px solid #8e663f;background:#c9b99655}.warehouse-rack>span{position:absolute;top:-33px;left:0;width:100%;text-align:center;font-size:10px;font-weight:700}.shelf{display:flex;justify-content:space-around;align-items:flex-end;height:88px;border-bottom:7px solid #8e663f;padding-bottom:6px}.searching{left:12%;animation:search-aisle 7s ease-in-out infinite}.searching .action-leg{animation:elf-walk .4s infinite alternate}.searching .leg-b{animation-direction:alternate-reverse}.search-glass{position:absolute;left:25%;bottom:125px;width:24px;height:24px;border:4px solid #0f2747;border-radius:50%;animation:search-glass 7s ease-in-out infinite}.search-glass:after{content:'';position:absolute;top:18px;left:17px;width:18px;height:5px;background:#0f2747;transform:rotate(45deg)}.speaker,.customer,.packer-left,.caller-left{left:15%}.writer,.cashier,.packer-right,.caller-right{right:15%}.writer .elf-body,.cashier .elf-body,.packer-right .elf-body,.caller-right .elf-body{background:#be4046}.writer .elf-hat,.cashier .elf-hat{background:#e9b820}.speech-bubble{position:absolute;top:30px;left:8%;padding:15px;background:white;border-radius:16px;color:#375540;font-size:12px;box-shadow:0 6px 0 #0001;animation:talking 2.5s infinite alternate}.speech-bubble:after{content:'';position:absolute;bottom:-13px;left:30px;border-top:15px solid white;border-right:15px solid transparent}.speech-bubble i{display:block;font-size:8px;color:#af8a26;animation:twinkle .6s infinite alternate}.writing-desk,.packing-table{position:absolute;bottom:85px;left:32%;width:56%;height:16px;background:#9a6d43;z-index:6}.notepad{position:absolute;right:20%;bottom:103px;width:58px;height:55px;background:white;transform:rotate(-10deg);z-index:7;padding:8px}.notepad i{display:block;width:0;height:3px;background:#668472;margin-bottom:8px;animation:write-line 3s infinite}.notepad i:nth-child(2){animation-delay:.5s}.notepad i:nth-child(3){animation-delay:1s}.pencil{position:absolute;right:23%;bottom:144px;width:5px;height:34px;background:#d99b1c;transform:rotate(30deg);animation:writing .6s infinite alternate;z-index:8}.checkout-counter{position:absolute;left:30%;bottom:55px;width:55%;height:90px;background:#a7794b;z-index:6;border-top:15px solid #704d35;border-radius:4px}.checkout-counter span{display:block;text-align:center;padding-top:15px;color:#fff2cb;letter-spacing:.15em}.cash-register{position:absolute;right:23%;bottom:145px;width:54px;height:48px;background:#0f2747;border-radius:7px;z-index:7;border-bottom:10px solid #42596d;text-align:center;color:#99e0a9}.payment-card{position:absolute;left:25%;bottom:157px;width:34px;height:22px;background:#f2bc12;border-radius:3px;z-index:9;animation:pay-card 3s infinite}.payment-card:after{content:'';display:block;background:#806725;height:5px;margin-top:5px}.payment-ping{position:absolute;right:27%;top:65px;background:#328754;color:white;border-radius:50%;width:35px;height:35px;text-align:center;font-size:24px;animation:payment-success 3s infinite}.packing-table{left:10%;width:80%;bottom:88px}.packing-box{position:absolute;left:43%;bottom:104px;width:70px;height:65px;z-index:7;background:#bb8c52}.packing-item{position:absolute;left:48%;top:55px;font-size:35px;color:#c34045;animation:pack-item 3s infinite;z-index:8}.packing-ribbon{position:absolute;left:49%;bottom:105px;height:63px;width:8px;background:#efca67;z-index:8;animation:payment-success 3s infinite}.packing-stars{position:absolute;left:40%;top:65px;color:#b18a20;animation:twinkle 1s infinite alternate}.packer-left .action-arm,.packer-right .action-hand{animation-duration:.6s}.phone-hand{position:absolute;bottom:151px;color:#0f2747;font-size:32px;z-index:7;animation:phone-ring .7s infinite alternate}.phone-left{left:22%}.phone-right{right:15%}.phone-waves{position:absolute;top:53px;left:0;width:100%;text-align:center;color:#b48e2c;letter-spacing:7px;font-size:24px;animation:twinkle .7s infinite alternate}.schedule{position:absolute;left:43%;bottom:90px;width:65px;height:78px;background:white;border-top:13px solid #bd4144;border-radius:5px;box-shadow:0 4px 7px #0001;text-align:center}.schedule span{font-size:9px}.schedule b{display:block;font-size:28px;color:#308554;animation:twinkle 1.2s infinite alternate}.travel-scene{display:none;position:absolute;inset:0;background:#c9e4e1;z-index:20}.on-road .travel-scene{display:block}.road-sky{position:absolute;inset:0;background:linear-gradient(#a8d5df,#e9efd8)}.road-cloud{position:absolute;width:90px;height:25px;border-radius:30px;background:#fff9;top:40px;animation:landscape 5s linear infinite}.cloud-two{top:80px;animation-delay:-2s}.road-hill{position:absolute;bottom:80px;width:180%;height:120px;border-radius:50% 50% 0 0;background:#659577;animation:landscape 8s linear infinite}.road-pines{position:absolute;bottom:100px;color:#285b45;font-size:70px;white-space:nowrap;animation:landscape 3s linear infinite}.road-asphalt{position:absolute;bottom:0;height:100px;width:100%;background:#596a68}.road-asphalt:after{content:'';position:absolute;top:55px;width:100%;height:5px;background:repeating-linear-gradient(90deg,#fff3cc 0 40px,transparent 40px 80px);animation:road-lines .6s linear infinite}.delivery-truck{position:absolute;left:7%;bottom:72px;width:245px;height:133px;z-index:7}.truck-cargo{position:absolute;left:0;top:0;width:155px;height:95px;background:#a73b43;border:5px solid #872832;border-radius:5px;color:#fff3d0;text-align:center;padding:23px 5px}.truck-cargo span{display:block;font-size:11px;font-weight:700}.truck-cargo b{font-size:7px;letter-spacing:.06em}.truck-cab{position:absolute;left:155px;top:30px;width:81px;height:65px;border-radius:8px 25px 4px 0;background:#f2bc12}.truck-window{position:absolute;left:10px;top:7px;width:45px;height:35px;background:#b9d9d8;overflow:hidden;border-radius:4px}.driver{left:-10px;top:5px;bottom:auto;transform:scale(.45);transform-origin:top center}.truck-wheel{position:absolute;bottom:10px;width:38px;height:38px;background:repeating-conic-gradient(#6e7775 0 40deg,#283732 40deg 90deg);border:8px solid #293732;border-radius:50%}.wheel-a{left:25px}.wheel-b{left:180px}.truck-light{position:absolute;right:4px;bottom:45px;width:10px;height:12px;background:#fff6c0}.truck-exhaust{position:absolute;left:-18px;bottom:35px;width:17px;height:12px;border-radius:50%;background:#c9d5c9;animation:exhaust .7s infinite}.on-road .delivery-truck{left:calc(3% + var(--road-progress,0)*35%);animation:truck-bump .25s infinite alternate}.on-road .truck-wheel{animation:wheel-spin .5s linear infinite}.speed-lines{position:absolute;left:7%;top:140px;color:#fff;font-size:25px;animation:twinkle .3s infinite alternate}.travel-caption{position:absolute;top:18px;width:100%;text-align:center;color:#214735;font-weight:700;font-size:17px}.destination{position:absolute;right:5%;top:35px;width:40%;height:225px;border:9px solid #9d9278;background:#d0c7af}.destination>span{position:absolute;top:0;left:0;right:0;font-size:9px;background:#0f2747;color:white;text-align:center;padding:6px}.warehouse-door{position:absolute;bottom:0;width:100%;height:160px;background:repeating-linear-gradient(#8d8d79 0 12px,#6f7463 13px 15px)}.journey-workshop[data-scene="5"] .delivery-truck{transform:scale(.7);transform-origin:left bottom;left:3%;bottom:70px}.unloader{left:42%;animation:unload-walk 4s infinite}.unloader .action-leg{animation:elf-walk .4s infinite alternate}.unloader .leg-b{animation-direction:alternate-reverse}.unloading-box{position:absolute;left:49%;bottom:127px;z-index:8;animation:unload-box 4s infinite}.delivered-stack{position:absolute;right:8%;bottom:55px;display:flex;flex-direction:column-reverse;gap:3px;z-index:4}.delivery-check{position:absolute;right:12%;top:62px;color:#297044;font-size:35px;animation:payment-success 4s infinite}
@keyframes search-aisle{0%,100%{transform:translateX(0)}50%{transform:translateX(180px)}}@keyframes search-glass{0%,100%{transform:translateX(0)}50%{transform:translateX(180px)}}@keyframes talking{to{transform:translateY(-4px)}}@keyframes write-line{to{width:100%}}@keyframes writing{to{transform:translateX(15px) rotate(15deg)}}@keyframes pay-card{0%,100%{transform:translateX(0)}50%,80%{transform:translateX(90px)}}@keyframes payment-success{0%,30%{opacity:0;transform:scale(.6)}60%,100%{opacity:1;transform:scale(1)}}@keyframes pack-item{0%{transform:translateY(-20px);opacity:0}20%{opacity:1}75%,100%{transform:translateY(105px);opacity:0}}@keyframes phone-ring{to{transform:rotate(8deg)}}@keyframes landscape{from{transform:translateX(100%)}to{transform:translateX(-100%)}}@keyframes road-lines{to{background-position:-80px 0}}@keyframes truck-bump{to{transform:translateY(-2px)}}@keyframes wheel-spin{to{transform:rotate(360deg)}}@keyframes exhaust{to{transform:translateX(-30px) scale(2);opacity:0}}@keyframes unload-walk{0%,100%{transform:translateX(0)}50%,70%{transform:translateX(65px)}}@keyframes unload-box{0%,100%{transform:translateX(0);opacity:0}15%,50%{opacity:1}65%{transform:translateX(65px);opacity:1}80%{transform:translateX(85px) translateY(45px);opacity:0}}
@media(max-width:700px){.journey-workshop{height:240px}.journey-layout{gap:10px}.journey h2{font-size:1.7rem}.journey .section-heading{margin-bottom:10px}.journey-workshop .action-elf:not(.driver){transform:scale(.7);transform-origin:bottom center}.searching{animation-name:mobile-search}.warehouse-rack{height:135px;top:45px}.shelf{height:57px}.shelf .scene-box{width:35px;height:28px}.search-glass{animation-name:mobile-search;bottom:110px}.scene-label{font-size:10px}.speech-bubble{top:10px;padding:8px;font-size:10px}.phone-waves{top:18px;font-size:17px}.phone-hand{bottom:128px;font-size:26px}.packing-item{top:15px}.packing-stars{top:20px}.destination{height:150px;top:27px}.warehouse-door{height:110px}.delivery-check{top:30px}.delivery-truck{transform:scale(.8);transform-origin:left bottom}.on-road .delivery-truck{left:calc(3% + var(--road-progress,0)*20%)}.truck-cargo span{font-size:10px}.journey-workshop[data-scene="5"] .delivery-truck{transform:scale(.55)}.payment-ping{top:12px}.scene-prop{display:none}.journey-panels{min-height:60px}.journey-detail{padding:12px}.journey-counter{margin-bottom:5px}.journey-scroll{margin-top:6px}}@keyframes mobile-search{0%,100%{translate:0}50%{translate:90px}}@media(prefers-reduced-motion:reduce){.journey-workshop *{animation:none!important}.notepad i{width:100%}.packing-item{opacity:1}.payment-ping,.delivery-check{opacity:1}.truck-exhaust{display:none}}