.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.motion-hero{margin-top:30px;border-radius:28px;overflow:hidden;background:var(--green);color:var(--cream);position:relative;isolation:isolate}
.motion-scenes{position:relative;height:565px}.motion-scene{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;pointer-events:none}.motion-scene.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.motion-copy{padding:42px 46px 30px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2;background:var(--green)}
.scene-suplementos .motion-copy{background:#34412b}.scene-alimentos .motion-copy{background:#596343}
.motion-kicker{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.12em;margin-bottom:32px}.motion-pink{background:#ecc2d4;color:#73485c;padding:7px 10px;border-radius:24px;font-size:9px;letter-spacing:.06em}
.motion-eyebrow{font-size:10px;letter-spacing:.15em;color:var(--lime);margin-bottom:14px}.motion-copy h2{font-size:clamp(36px,4.7vw,66px);line-height:1.08;letter-spacing:-.055em;margin-bottom:22px}.motion-copy h2>span,.motion-copy h2>em{display:block}.motion-copy h2>em{color:var(--lime);font-size:1.05em;white-space:nowrap}
.motion-description{max-width:370px;color:#e1e5d5;font-size:16px;line-height:1.7;margin-bottom:28px}.motion-cta{display:flex;align-items:center;gap:32px;background:var(--lime);color:var(--deep);padding:14px 20px;border-radius:50px;font-size:14px;font-weight:700;min-height:50px}.motion-cta>span{font-size:24px;line-height:1;transition:transform .25s}.motion-cta:hover>span{transform:translate(3px,-3px)}.motion-footnote{font-size:11px;color:#d8ddc9;margin-top:24px}
.motion-visual{position:relative;overflow:hidden;background:#edf0d3;isolation:isolate}.scene-alimentos .motion-visual{background:#f0e9d8}.motion-granel-photo{width:100%;height:100%;object-fit:cover;object-position:65% center}.motion-orbit{position:absolute;width:76%;aspect-ratio:1;border:1px solid #9aa56e66;border-radius:50%;left:12%;top:10%;transform:rotate(-15deg)}.motion-orbit:before,.motion-orbit:after{content:'';position:absolute;inset:-25px;border:1px solid #9aa56e33;border-radius:50%}.motion-orbit:after{inset:30px}.motion-backword{position:absolute;top:16px;left:0;right:0;text-align:center;font-family:'DM Serif',Georgia,serif;font-style:italic;font-size:100px;letter-spacing:-.05em;color:#65754424}
.motion-products{position:absolute;inset:0}.motion-product{position:absolute;width:42%;height:58%;top:19%;mix-blend-mode:multiply;transform-origin:center 75%}.motion-product img{height:100%;width:100%;object-fit:contain}.motion-product-0{left:0;top:26%;transform:rotate(-12deg);z-index:1}.motion-product-1{left:26%;width:49%;top:15%;height:65%;z-index:3;transform:rotate(4deg)}.motion-product-2{right:-1%;top:28%;transform:rotate(12deg);z-index:2}.scene-alimentos .motion-product-1{width:47%;left:27%;top:23%;height:55%}.scene-alimentos .motion-product-0{top:16%;height:62%}.scene-alimentos .motion-product-2{top:22%;height:60%}
.motion-seal{position:absolute;bottom:24px;right:24px;z-index:4;background:var(--cream);color:var(--green);padding:17px 23px;box-shadow:0 5px 30px #34412b0d;transform:rotate(-3deg);border-radius:4px 22px 4px 22px;max-width:260px}.motion-seal>span{display:block;font-size:8px;letter-spacing:.12em}.motion-seal>em{display:block;font-size:26px;line-height:1.15;margin:6px 0 10px}
.motion-controls{display:flex;align-items:stretch;padding:0 30px;gap:22px;background:#2c3929;position:relative;z-index:5}.motion-tabs{display:flex;flex:1}.motion-tabs>button{position:relative;display:flex;align-items:center;gap:12px;border:0;background:none;color:#c8ceb9;font-size:12px;flex:1;padding:21px 20px;text-align:left;min-height:64px}.motion-tabs>button[aria-pressed=true]{color:var(--lime)}.motion-tab-number{font-size:10px;opacity:.65}.motion-tab-track{position:absolute;bottom:12px;left:20px;right:20px;height:2px;background:#ffffff15}.motion-tab-track>span{display:block;height:100%;background:var(--lime);transform:scaleX(0);transform-origin:left}.motion-tabs>button[aria-pressed=true] .motion-tab-track{background:#e8edb060}.motion-toggle{border:0;background:transparent;color:#e3e7d7;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;min-width:80px;padding:10px 0}.motion-toggle>[aria-hidden]{font-size:18px}
.is-active .motion-copy h2>span{animation:hero-line .85s cubic-bezier(.2,.7,.2,1) both}.is-active .motion-copy h2>em{animation:hero-line .9s .1s cubic-bezier(.2,.7,.2,1) both}.is-active .motion-description,.is-active .motion-cta{animation:hero-line .8s .22s both}.is-active .motion-granel-photo{animation:hero-zoom 7.2s linear both}.is-active .motion-product{animation:hero-product 1.15s cubic-bezier(.16,1,.3,1) both}.is-active .motion-product-1{animation-delay:.12s}.is-active .motion-product-2{animation-delay:.24s}.is-active .motion-seal{animation:hero-line .85s .35s both}.is-active .motion-product img{animation:hero-float 4s 1.2s ease-in-out infinite alternate}.is-paused .motion-granel-photo,.is-paused .motion-product img{animation-play-state:paused}
@keyframes hero-float{from{translate:0 0}to{translate:0 -9px}}@keyframes hero-line{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes hero-product{from{opacity:0;translate:45px 60px;scale:.85}to{opacity:1;translate:0 0;scale:1}}@keyframes hero-zoom{from{transform:scale(1.08)}to{transform:scale(1)}}
@media(max-width:1000px){.motion-copy{padding:32px 28px}.motion-scenes{height:530px}.motion-description{font-size:14px}.motion-kicker{gap:8px}.motion-backword{font-size:78px}.motion-seal{right:16px;bottom:20px;max-width:220px}.motion-seal>em{font-size:23px}}
@media(max-width:760px){.motion-hero{margin-top:20px;border-radius:21px}.motion-scenes{height:650px}.motion-scene{grid-template-columns:1fr;grid-template-rows:365px 285px}.motion-copy{padding:26px 25px 22px;justify-content:flex-start}.motion-kicker{margin-bottom:24px;font-size:9px}.motion-eyebrow{font-size:8px;margin-bottom:10px}.motion-copy h2{font-size:43px;margin-bottom:15px}.motion-description{font-size:13px;line-height:1.6;margin-bottom:19px;max-width:330px}.motion-cta{font-size:12px;padding:11px 17px;min-height:43px;gap:22px}.motion-footnote{display:none}.motion-visual{min-height:0}.motion-granel-photo{object-position:center 52%}.motion-controls{padding:0 10px;gap:0}.motion-tabs>button{font-size:10px;padding:17px 7px 21px;gap:5px;min-height:62px}.motion-tab-track{left:7px;right:7px;bottom:12px}.motion-tab-number{display:none}.motion-toggle{min-width:46px;padding:7px}.motion-toggle>[data-toggle-text]{display:none}.motion-backword{font-size:68px;top:0}.motion-orbit{width:57%;left:20%;top:8%}.motion-product{height:72%;width:38%;top:8%}.motion-product-0{left:5%;top:12%}.motion-product-1{left:29%;width:40%;height:88%;top:0}.motion-product-2{right:3%;top:13%}.scene-alimentos .motion-product-0{height:74%;top:6%}.scene-alimentos .motion-product-1{height:69%;width:40%;left:30%;top:10%}.scene-alimentos .motion-product-2{height:75%;top:7%}.motion-seal{padding:11px 16px;bottom:13px;right:15px;max-width:205px}.motion-seal>em{font-size:21px;margin:4px 0}.motion-seal>span{font-size:7px}.motion-seal>span:last-child{display:none}}
@media(max-width:370px){.motion-copy{padding:23px 20px}.motion-copy h2{font-size:39px}.motion-description{font-size:12px}.motion-kicker{font-size:8px;gap:8px}.motion-pink{font-size:8px}.motion-tabs>button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.motion-hero *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
