#mercadito-fresco{--m-ink:#203d2d;--m-paper:#fffaf0;--m-red:#b72926;--m-line:#d8d8bd;--m-width:100%;--m-spin:38s;padding:14px 0}
#mercadito-fresco *{box-sizing:border-box}
#mercadito-fresco [hidden]{display:none!important}
#mercadito-fresco .m-surface{max-width:var(--m-width);margin:auto;background:var(--m-paper);color:var(--m-ink);font:400 14px/1.5 'DM Sans',sans-serif;container-type:inline-size;overflow:hidden;color-scheme:light}
#mercadito-fresco .m-surface :is(h2,h3,p){margin:0;color:inherit}
#mercadito-fresco .m-surface :is(h2,h3){font-family:'DM Serif Display',Georgia,serif;line-height:1.04;letter-spacing:-.035em;font-weight:400}
#mercadito-fresco .m-surface :is(a,button){-webkit-tap-highlight-color:transparent}
#mercadito-fresco button{font:inherit;color:inherit;appearance:none}
#mercadito-fresco a{color:inherit;text-decoration:none}
#mercadito-fresco .m-topline{padding:15px 30px 0;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#69705a}
#mercadito-fresco .m-topline::before{content:'';width:27px;height:1px;background:#69705a}
#mercadito-fresco .m-hero{padding:22px 30px 12px;display:grid;grid-template-columns:minmax(0,1fr) 28%;align-items:center;gap:28px;position:relative}
#mercadito-fresco p.m-brand{font-size:14px;font-weight:700;letter-spacing:.19em;color:var(--m-red);margin-bottom:11px}
#mercadito-fresco h2.m-headline{font-size:clamp(40px,6.5cqw,76px);line-height:1.03;letter-spacing:-.047em}
#mercadito-fresco .m-headline em{font-weight:400;color:var(--m-red)}
#mercadito-fresco p.m-intro{font-size:clamp(13px,1.8cqw,16px);line-height:1.6;max-width:480px;margin-top:17px}
#mercadito-fresco .m-wheel-area{position:relative;align-self:center}
#mercadito-fresco .m-wheel-button{display:block;background:transparent;border:0;padding:0;width:100%;aspect-ratio:1;border-radius:50%;overflow:hidden;transition:scale .2s ease}
#mercadito-fresco .m-wheel-button:hover{scale:1.035}
#mercadito-fresco .m-wheel-turner{display:block;width:100%;height:100%;transform:rotate(var(--m-turn,0deg));transition:transform 1.2s cubic-bezier(.2,.65,.25,1)}
#mercadito-fresco .m-wheel-image{display:block;width:100%;height:100%;object-fit:contain;animation:m-rotate var(--m-spin) linear infinite;animation-play-state:paused;will-change:transform}
#mercadito-fresco.is-moving .m-wheel-image{animation-play-state:running}
#mercadito-fresco .m-wheel-label{position:absolute;bottom:-4px;left:50%;translate:-50% 0;white-space:nowrap;transform:rotate(-7deg);background:#e8edbb;border:1px solid #cad69d;border-radius:5px;padding:6px 12px;font-family:'DM Serif Display',Georgia,serif;font-style:italic;font-size:18px;pointer-events:none}
@keyframes m-rotate{to{transform:rotate(360deg)}}
#mercadito-fresco .m-market{margin-top:26px}
#mercadito-fresco .m-market-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 30px 6px}
#mercadito-fresco .m-market-heading h3{font-size:25px}
#mercadito-fresco .m-market-heading p{font-size:11px;color:#6a705f;margin-top:5px}
#mercadito-fresco .m-more{display:inline-flex;justify-content:center;align-items:center;gap:18px;background:var(--m-ink);color:#fffaf0!important;border:1px solid var(--m-ink);padding:11px 18px;border-radius:28px;min-height:46px;white-space:nowrap;font-weight:500;font-size:13px;transition:background .15s,transform .15s}
#mercadito-fresco .m-more:hover{background:#355a40;transform:translateY(-2px)}
#mercadito-fresco .m-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/5);gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:16px 1px 19px;margin:0 29px;scroll-padding:1px;touch-action:pan-x pan-y}
#mercadito-fresco .m-track::-webkit-scrollbar{display:none}
#mercadito-fresco .m-product{display:block;position:relative;scroll-snap-align:start;min-width:0;padding:6px 6px 11px;border:1px solid #29402f0f;border-radius:12px;text-align:left;background:var(--m-card,#e7edcd);box-shadow:0 3px 0 #2b402515;transition:transform .24s ease,box-shadow .24s ease;transform:rotate(var(--m-tilt,0deg));overflow:hidden}
#mercadito-fresco .m-product.is-open{outline:2px solid #36553a;outline-offset:2px;transform:translateY(-4px)}
#mercadito-fresco .m-photo{display:block;width:100%;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#e7e4cf;position:relative}
#mercadito-fresco .m-sprite{display:block;width:100%;height:100%;background-image:var(--m-photos);background-size:300% 200%;background-position:var(--m-pos,0% 0%);transition:transform .4s ease}
#mercadito-fresco .m-photo-cue{position:absolute;right:7px;bottom:7px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#fffaf0ed;color:var(--m-ink);font-size:18px}
#mercadito-fresco .m-card-body{display:flex;flex-direction:column;padding:10px 5px 0;min-height:140px}
#mercadito-fresco .m-product-name{font-family:'DM Serif Display',Georgia,serif;letter-spacing:-.02em;font-size:clamp(17px,2.3cqw,24px);line-height:1.08;min-height:2.2em}
#mercadito-fresco .m-price{display:block;font-weight:600;font-size:clamp(15px,2cqw,20px);margin-top:7px;white-space:nowrap}
#mercadito-fresco .m-price small{font-size:10px;font-weight:400;color:#526149}
#mercadito-fresco .m-seller{display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:13px;font-size:10px;line-height:1.3}
#mercadito-fresco .m-avatar{flex:0 0 24px;height:24px;border-radius:50%;background:#fffaf0ad;display:grid;place-items:center;font-weight:600;border:1px solid #28472c19;font-size:10px}
#mercadito-fresco .m-seller strong{display:block;font-size:11px;font-weight:500}
#mercadito-fresco .m-seller-place{display:block;color:#5a6650;margin-top:2px}
#mercadito-fresco .m-rail-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 30px 18px;min-height:55px}
#mercadito-fresco .m-motion{display:inline-flex;align-items:center;gap:7px;padding:7px 0;min-height:40px;font-size:11px;color:#5b6651;background:transparent;border:0}
#mercadito-fresco .m-motion-dot{display:block;width:6px;height:6px;background:#5a724a;border-radius:50%}
#mercadito-fresco .m-rail-controls{display:none;align-items:center;gap:10px}
#mercadito-fresco .m-rail-controls.is-needed{display:flex}
#mercadito-fresco .m-rail-count{font-size:11px;min-width:37px;text-align:center}
#mercadito-fresco .m-arrow{border:1px solid #9da88d;border-radius:50%;height:44px;width:44px;background:transparent;font-size:18px;display:grid;place-items:center;flex-shrink:0}
#mercadito-fresco .m-arrow:disabled{opacity:.35}
#mercadito-fresco .m-detail{position:relative;margin:0 30px 25px;padding:18px;border:1px solid #cfceb3;background:#fffdf4;border-radius:12px;display:grid;grid-template-columns:150px 1fr;gap:20px}
#mercadito-fresco .m-detail .m-photo{align-self:start}
#mercadito-fresco .m-detail-copy{padding-right:20px}
#mercadito-fresco .m-detail h3{font-size:27px;margin:5px 0 8px}
#mercadito-fresco .m-demo{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#72755e}
#mercadito-fresco .m-detail-seller{font-size:13px;font-weight:500}
#mercadito-fresco .m-detail-description{font-size:13px;line-height:1.6;margin-top:8px!important}
#mercadito-fresco .m-detail-price{font-size:20px;font-weight:600;margin-top:9px!important}
#mercadito-fresco .m-detail-close{position:absolute;top:8px;right:8px;border:0;background:transparent;width:40px;height:40px;border-radius:50%;font-size:24px}
#mercadito-fresco .m-detail-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:underline!important;text-underline-offset:5px;font-size:12px;margin-top:5px}
#mercadito-fresco .m-sell{margin:2px 30px 0;border-top:1px solid var(--m-line);padding:23px 0 27px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
#mercadito-fresco .m-sell h3{font-size:27px}
#mercadito-fresco .m-sell p{font-size:13px;margin-top:8px}
#mercadito-fresco .m-sell-actions{display:flex;flex-direction:column;align-items:center;gap:6px}
#mercadito-fresco .m-sell-link{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;border:1px solid #8a997a;padding:10px 17px;border-radius:30px;font-size:12px;font-weight:500}
#mercadito-fresco .m-how-button{background:transparent;border:0;min-height:40px;font-size:11px;text-decoration:underline;text-underline-offset:4px;padding:7px 12px}
#mercadito-fresco .m-how{padding:0 30px 28px}
#mercadito-fresco .m-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#mercadito-fresco .m-step{border-radius:9px;background:#edf0d7;padding:16px 14px}
#mercadito-fresco .m-step>span{display:inline-flex;width:26px;height:26px;border:1px solid #a1ad87;border-radius:50%;align-items:center;justify-content:center;font-size:12px;margin-bottom:11px}
#mercadito-fresco .m-step h3{font-size:22px;margin-bottom:7px}
#mercadito-fresco .m-step p{font-size:12px;line-height:1.55}
#mercadito-fresco .m-how-note{font-size:11px;color:#627153;margin-top:12px!important}
#mercadito-fresco .m-base{height:10px;background:repeating-linear-gradient(90deg,#3b693d 0 20%,#f4c33e 20% 40%,#dc6d76 40% 60%,#57a6bc 60% 80%,#c93830 80% 100%)}
@media(hover:hover){#mercadito-fresco.is-moving .m-product:hover{transform:translateY(-7px) rotate(0deg);box-shadow:0 9px 15px #29402f1c}#mercadito-fresco.is-moving .m-product:hover .m-photo img{transform:scale(1.06)}}
#mercadito-fresco:not(.is-moving) :is(.m-wheel-turner,.m-product,.m-photo img,.m-more,.m-wheel-button){transition:none}
@container(max-width:600px){
 #mercadito-fresco .m-topline{padding:17px 21px 0;font-size:9px}
 #mercadito-fresco .m-hero{padding:21px 21px 4px;gap:12px;grid-template-columns:minmax(0,1fr) 29%;align-items:start}
 #mercadito-fresco p.m-brand{font-size:11px;letter-spacing:.14em;margin:0 0 13px}
 #mercadito-fresco h2.m-headline{font-size:clamp(34px,7.8cqw,46px)}
 #mercadito-fresco .m-hero-copy{grid-column:1/-1}
 #mercadito-fresco .m-headline{padding-right:24%}
 #mercadito-fresco p.m-intro{font-size:13px;max-width:100%;margin-top:15px}
 #mercadito-fresco .m-wheel-area{position:absolute;width:28%;right:15px;top:25px}
 #mercadito-fresco .m-wheel-label{font-size:11px;bottom:-3px;padding:4px 7px}
 #mercadito-fresco .m-market{margin-top:24px}
 #mercadito-fresco .m-market-heading{padding:0 21px 3px;gap:12px}
 #mercadito-fresco .m-market-heading h3{font-size:24px}
 #mercadito-fresco .m-market-heading p{font-size:10px;max-width:175px}
 #mercadito-fresco .m-more{font-size:12px;min-height:44px;padding:10px 14px;gap:11px}
 #mercadito-fresco .m-track{grid-auto-columns:68%;margin:0 20px;gap:14px;padding-top:16px;padding-bottom:19px}
 #mercadito-fresco .m-product-name{font-size:24px;min-height:2.1em}
 #mercadito-fresco .m-card-body{padding:12px 10px 4px;min-height:146px}
 #mercadito-fresco .m-price{font-size:20px}
 #mercadito-fresco .m-price small{font-size:12px}
 #mercadito-fresco .m-seller{font-size:12px;gap:9px;padding-top:13px}
 #mercadito-fresco .m-seller strong{font-size:13px}
 #mercadito-fresco .m-avatar{width:30px;flex-basis:30px;height:30px;font-size:12px}
 #mercadito-fresco .m-rail-footer{padding:0 21px 20px;gap:6px}
 #mercadito-fresco .m-rail-controls{gap:6px}
 #mercadito-fresco .m-arrow{width:44px;height:44px}
 #mercadito-fresco .m-motion{font-size:10px;min-height:44px}
 #mercadito-fresco .m-sell{margin:0 21px;padding:24px 0;grid-template-columns:1fr;gap:15px}
 #mercadito-fresco .m-sell h3{font-size:27px}
 #mercadito-fresco .m-sell-actions{flex-direction:row;align-items:center;gap:5px;justify-content:space-between}
 #mercadito-fresco .m-sell-link{padding:10px 14px}
 #mercadito-fresco .m-how-button{font-size:11px;padding:7px 6px}
 #mercadito-fresco .m-how{padding:0 21px 24px}
 #mercadito-fresco .m-steps{grid-template-columns:1fr;gap:10px}
 #mercadito-fresco .m-step{display:grid;grid-template-columns:26px 1fr;gap:4px 12px;padding:15px}
 #mercadito-fresco .m-step>span{grid-row:1/3;margin:0}
 #mercadito-fresco .m-step h3{font-size:22px;margin:0}
 #mercadito-fresco .m-step p{grid-column:2}
 #mercadito-fresco .m-detail{margin:0 21px 23px;grid-template-columns:85px 1fr;gap:14px;padding:15px}
 #mercadito-fresco .m-detail-copy{padding:0}
 #mercadito-fresco .m-detail h3{font-size:24px}
 #mercadito-fresco .m-detail .m-demo{padding-right:22px;font-size:9px}
 #mercadito-fresco .m-detail-description{font-size:12px}
}
@container(max-width:360px){#mercadito-fresco .m-wheel-area{width:74px;right:21px;top:5px}#mercadito-fresco .m-wheel-label{display:none}#mercadito-fresco p.m-brand{margin-bottom:42px}#mercadito-fresco .m-headline{padding-right:0}#mercadito-fresco h2.m-headline{font-size:34px}}
#mercadito-fresco .m-sell-body{display:flex;align-items:center;gap:15px;min-width:0}#mercadito-fresco .m-human-photo{display:block;flex:0 0 70px;width:70px;height:70px;border-radius:50%;overflow:hidden}#mercadito-fresco .m-sell-body>div{min-width:0}@container(max-width:600px){#mercadito-fresco .m-human-photo{flex-basis:60px;width:60px;height:60px}#mercadito-fresco .m-sell-body{gap:12px}#mercadito-fresco .m-sell-body h3{font-size:25px}}

/* Production cards use approved catalog images and independent links. */
#mercadito-fresco{padding:54px 0 65px;background:#fffaf0}
#mercadito-fresco .m-surface{max-width:1440px}
#mercadito-fresco p.m-brand{font-family:'DM Sans',Arial,sans-serif}
#mercadito-fresco .m-wheel-image{width:100%;height:100%;max-width:none}
#mercadito-fresco .m-product{transform:rotate(var(--m-tilt,0deg))}
#mercadito-fresco .m-track[style*="--m-count:1"]{grid-auto-columns:min(100%,300px)}
#mercadito-fresco .m-track[style*="--m-count:2"]{grid-auto-columns:calc((100% - 12px)/2)}
#mercadito-fresco .m-track[style*="--m-count:3"]{grid-auto-columns:calc((100% - 24px)/3)}
#mercadito-fresco .m-track[style*="--m-count:4"]{grid-auto-columns:calc((100% - 36px)/4)}
#mercadito-fresco .m-photo-wrap{position:relative}
#mercadito-fresco .m-photo img,#mercadito-fresco .m-detail .m-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
#mercadito-fresco .m-quick{display:none;position:absolute;right:7px;bottom:7px;width:38px;height:38px;place-items:center;border:1px solid #d4dbc4;border-radius:50%;background:#fffaf0;color:#203d2d;cursor:pointer}
#mercadito-fresco.is-enhanced .m-quick{display:grid}
#mercadito-fresco .m-product-name{margin:0;font-family:'DM Serif Display',Georgia,serif;font-weight:400}
#mercadito-fresco .m-product-name a:hover,#mercadito-fresco .m-seller:hover strong{text-decoration:underline;text-underline-offset:3px}
#mercadito-fresco .m-avatar{display:block;object-fit:cover;background:#fffaf0}
#mercadito-fresco .m-seller>span{min-width:0}
#mercadito-fresco .m-detail[hidden]{display:none!important}
#mercadito-fresco .m-detail-label{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#72755e}
#mercadito-fresco .m-human-photo{background:#deebd0 url('../images/mercadito-manos.png') center/cover no-repeat}
#mercadito-fresco .m-how-link{font-size:11px;text-decoration:underline;text-underline-offset:4px;min-height:40px;display:inline-flex;align-items:center}
#mercadito-fresco .m-how{padding:0 30px 22px}
#mercadito-fresco .m-how>summary{font-size:12px;cursor:pointer;display:inline-block;margin-bottom:0;text-decoration:underline;text-underline-offset:4px}
#mercadito-fresco .m-how[open]>summary{margin-bottom:15px}
#mercadito-fresco.is-enhanced .m-how>summary{display:none}
#mercadito-fresco.is-enhanced .m-how:not([open]){padding:0}
#mercadito-fresco .m-empty{margin:15px 30px 8px;padding:45px 30px;border-radius:14px;background:#edf0d7;text-align:center}
#mercadito-fresco .m-empty p{font-family:'DM Serif Display',Georgia,serif;font-size:24px}
#mercadito-fresco .m-empty a{display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
#mercadito-fresco :is(a,button,summary):focus-visible{outline:3px solid #b72926;outline-offset:3px}
.stories-legacy-anchor{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.stories-legacy-anchor:target,.stories-legacy-anchor:focus-within{position:relative;width:auto;height:auto;overflow:visible;clip-path:none;padding:14px 30px;text-align:center;background:#fffaf0}
@container(max-width:600px){#mercadito-fresco .m-how{padding:0 21px 24px}#mercadito-fresco .m-empty{margin:10px 21px;padding:35px 20px}#mercadito-fresco .m-track,#mercadito-fresco .m-track[style*="--m-count:"]{grid-auto-columns:68%}#mercadito-fresco .m-detail{grid-template-columns:85px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){#mercadito-fresco .m-wheel-image{animation:none!important}#mercadito-fresco :is(.m-product,.m-photo img,.m-wheel-turner,.m-more,.m-wheel-button){transition:none!important;scroll-behavior:auto!important}}

#mercadito-fresco:not(.is-enhanced) .m-motion{display:none}
#mercadito-fresco .m-wheel-button:disabled{cursor:default}