/* Tomio Motion — efeitos autorizados além da referência Slush estática. */
.announcement{overflow:hidden;padding:10px 0}.marquee-track{display:flex;width:max-content;gap:42px;animation:marquee 28s linear infinite}.announcement .marquee-track span{margin:0;color:white;white-space:nowrap}.hero-copy h1{font-size:clamp(76px,7.5vw,115px);line-height:.98}.hero-line{display:block!important;color:var(--dark)}.hero-line.accent{color:var(--green)}.hero-art{perspective:1000px}.hero-art>img{animation:hero-float 7s ease-in-out infinite;will-change:transform}.sticker-cream{animation:sticker-float 6s ease-in-out infinite}.food-3d{width:100%;aspect-ratio:3/4;background-image:url('assets/tomio/alimentos-embalagens-tomio.png');background-size:400% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;transform-origin:50% 65%;animation:food-float 6s ease-in-out infinite;pointer-events:none}.food-0{background-position:0% 0%}.food-1{background-position:33.3333% 0%;animation-delay:-1s}.food-2{background-position:66.6667% 0%;animation-delay:-2s}.food-3{background-position:100% 0%;animation-delay:-3s}.food-4{background-position:0% 100%;animation-delay:-1.5s}.food-5{background-position:33.3333% 100%;animation-delay:-2.5s}.food-6{background-position:66.6667% 100%;animation-delay:-.5s}.food-7{background-position:100% 100%;animation-delay:-3.5s}.category{background:#f5f6ec;transition:transform .35s,border-color .35s,background .35s;transform-style:preserve-3d;isolation:isolate}.category .food-3d{max-width:210px;margin:-5px auto -12px}.category:nth-child(2n){background:#eef2e5}.category:hover{transform:translateY(-7px) rotateX(3deg);background:#fff}.category:hover .food-3d{filter:saturate(1.1)}.category h3{position:relative;z-index:1}.ready-art{background:var(--pistachio);border-radius:40px;min-height:570px;overflow:hidden}.ready-art .big-fruit{width:59%;top:12%;left:1%;transform:rotate(-7deg)}.ready-art .small-fruit{width:49%;right:1%;bottom:5%;transform:rotate(7deg)}.ready-art .food-3d{width:100%}.ready-art>p{color:var(--dark);left:8%;bottom:3%;z-index:2}.ready-sticker{right:5%;top:5%}.ready-art:before{content:'';position:absolute;width:80%;height:65%;border:34px solid #839b4b;border-radius:50%;top:18%;left:13%;transform:rotate(-25deg);opacity:.2}.reveal-word{display:inline-block;clip-path:inset(-15% -8% -15% -8%)}.motion-ready .reveal-target{opacity:0;transform:translateY(35px);transition:opacity .8s ease,transform .9s cubic-bezier(.16,1,.3,1)}.motion-ready .reveal-target.in-view{opacity:1;transform:none}.motion-ready h2.reveal-target{transition-duration:1s}.hero-line{animation:title-in 1.2s cubic-bezier(.16,1,.3,1) both}.hero-line:nth-child(2){animation-delay:.13s}.hero-line:nth-child(3){animation-delay:.26s}.delivery{grid-template-columns:.85fr 1.3fr;background:#e7ecdf;gap:55px}.delivery h2{font-size:clamp(60px,5.5vw,86px)}.delivery-map{min-width:0;background:#f8faf3;border:1px solid #8ca384;border-radius:32px;padding:24px;position:relative;overflow:hidden}.map-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;font-weight:700;letter-spacing:1px}.motion-toggle{border:1px solid #193922;border-radius:30px;background:white;padding:7px 10px;font:500 9px var(--body);cursor:pointer}.map-perspective{perspective:1100px;perspective-origin:50% 35%;padding:30px 12px 10px;height:400px}.map-board{position:relative;width:100%;height:100%;transform:rotateX(30deg) rotateZ(-8deg);transform-style:preserve-3d;border-radius:28px;background:#c5d6b9;box-shadow:0 5px 0 #9cae90,0 10px 0 #879c7d,0 25px 30px #25462b24}.map-terrain{position:absolute;inset:0;width:100%;height:100%;border-radius:28px}.map-pin{position:absolute;left:var(--x);top:var(--y);width:26px;height:26px;transform:translate(-50%,-50%) translateZ(12px);border:0;padding:0;background:none;cursor:pointer;z-index:2}.pin-dot{display:block;width:17px;height:17px;border-radius:50%;background:#f04d2f;border:3px solid #fff;box-shadow:0 4px 0 #813c27,0 6px 10px #19392255;position:relative;z-index:2}.pin-label{position:absolute;bottom:31px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #426245;background:white;color:#163820;font-size:9px;font-weight:700;padding:5px 8px;border-radius:20px;transition:background .2s}.map-pin:hover .pin-label,.map-pin[aria-pressed=true] .pin-label{background:#173e29;color:white}.radar,.radar:after{position:absolute;left:8px;top:8px;width:55px;height:55px;border:1px solid #53864b;border-radius:50%;transform:translate(-50%,-50%);background:#96bb6220;animation:radar-pulse 3.3s ease-out infinite;animation-delay:var(--delay);pointer-events:none}.radar:after{content:'';left:50%;top:50%;animation-delay:calc(var(--delay) + 1s)}.map-selected{position:relative;z-index:4;background:white;border:1px solid #b9c6b1;border-radius:20px;padding:18px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.selected-kicker{font-size:8px;letter-spacing:1px;grid-column:1}.map-selected strong{font-size:17px;grid-column:1}.map-selected p{font-size:11px;grid-column:1;margin:5px 0 0}.map-selected .btn{grid-column:2;grid-row:1/4;font-size:10px;padding:12px;gap:5px}.map-region-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:15px}.map-region-list button{border:1px solid #9db18f;background:transparent;border-radius:25px;padding:8px 10px;cursor:pointer;font:500 10px var(--body);color:var(--dark)}.map-region-list button:hover,.map-region-list button[aria-pressed=true]{background:var(--green);color:white}.map-note{font-size:9px;color:#52634b;line-height:1.5;display:block;margin-top:14px}.motion-control{position:fixed;bottom:18px;right:20px;z-index:40;border:1px solid #84937a;border-radius:40px;background:#faf9f2eb;color:#183721;backdrop-filter:blur(10px);font:600 10px var(--body);padding:10px 14px;cursor:pointer}.motion-control:hover{background:white}.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal-target{opacity:1!important;transform:none!important}.motion-paused .hero-line{animation:none!important}.motion-paused .hero-art>img{transform:none!important}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes food-float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes hero-float{0%,100%{transform:translateY(0) rotateY(-2deg)}50%{transform:translateY(-10px) rotateY(2deg)}}@keyframes sticker-float{0%,100%{transform:rotate(10deg) translateY(0)}50%{transform:rotate(15deg) translateY(-9px)}}@keyframes radar-pulse{0%{transform:translate(-50%,-50%) scale(.3);opacity:.9}100%{transform:translate(-50%,-50%) scale(1.6);opacity:0}}@keyframes title-in{from{opacity:0;transform:translateY(35px) rotate(2deg);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(-10% -5% -10% -5%)}}
@media(max-width:1050px){.hero-copy h1{font-size:clamp(64px,7.5vw,85px)}.delivery{gap:25px;grid-template-columns:1fr}.delivery>div:first-child{max-width:680px}.map-perspective{height:430px}.delivery-map{max-width:850px;width:100%;margin:auto}}
@media(max-width:760px){.hero-copy h1{font-size:clamp(46px,10vw,76px)}.hero-top .eyebrow{font-size:8px}.category .food-3d{margin:-10px auto -4px;max-width:170px}.ready-art{min-height:390px;border-radius:25px}.ready-art .big-fruit{top:13%;width:59%}.ready-art .small-fruit{width:49%;bottom:8%}.ready-art>p{bottom:0}.delivery-map{padding:15px;border-radius:25px}.map-perspective{padding:15px 0 8px;height:315px;perspective:900px}.map-board{transform:rotateX(24deg) rotateZ(-5deg)}.pin-label{font-size:7px;padding:4px 5px;bottom:24px}.map-pin{width:18px;height:18px}.pin-dot{width:14px;height:14px;border-width:2px}.map-selected{display:block;padding:15px}.map-selected .btn{margin-top:12px;font-size:10px}.selected-kicker{display:block}.map-selected strong{font-size:16px}.motion-control{bottom:80px;right:12px;padding:8px 10px;font-size:9px}.motion-control span{display:none}.map-topline{font-size:8px}.motion-toggle{font-size:8px}.radar,.radar:after{width:38px;height:38px}.map-region-list button{min-height:35px}.map-note{font-size:8px}.delivery h2{font-size:clamp(46px,10vw,76px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-ready .reveal-target{opacity:1;transform:none}.hero-line{clip-path:none}.motion-control{display:none}}
.brand-motion{background:#15291d;padding:40px 0;position:relative;overflow:hidden;text-align:center;border-radius:32px;margin-top:-1px}.brand-motion-caption{font-size:10px;letter-spacing:1.4px;color:#e6edce;padding:0 25px 25px}.brand-loop{display:flex;gap:14px;width:max-content;animation:brand-loop 38s linear infinite;margin:14px 0}.brand-loop.reverse{animation-direction:reverse;animation-duration:44s}.brand-tile{font:700 clamp(55px,7vw,105px)/1.1 var(--display);color:#17321e;border-radius:20px;padding:10px 28px;white-space:nowrap}.tile-0{background:#d8e89d}.tile-1{background:#f0d6d3}.tile-2{background:#faf9f2}.tile-3{background:#e5dced}.band-fruit{position:absolute;right:4%;top:60px;width:150px;mix-blend-mode:normal;border-radius:50%;background-color:white;pointer-events:none;opacity:.97}.brand-motion>.btn{margin-top:28px;background:white;color:var(--dark)}@keyframes brand-loop{to{transform:translateX(-50%)}}.section{border-radius:32px}.products{border-radius:32px 32px 0 0}.motion-paused .brand-loop{animation-play-state:paused}.map-pin:focus-visible{outline:3px solid #f26539;outline-offset:8px}.motion-toggle:focus-visible,.map-region-list button:focus-visible,.motion-control:focus-visible{outline:3px solid #dc4630;outline-offset:3px}@media(max-width:760px){.brand-motion{border-radius:24px}.brand-motion-caption{font-size:8px}.band-fruit{width:90px;top:68px;right:2%}.brand-tile{font-size:58px;border-radius:15px}.section{border-radius:24px}}
