menu-categorias{display:block}.menu-categorias{--mc-gap-x: var(--grid-mobile-horizontal-spacing);--mc-gap-y: var(--grid-mobile-vertical-spacing);--mc-focus-room: .6rem;--mc-arrow: 5.6rem;--mc-arrow-gap: 1.6rem;display:grid;grid-template-areas:"header" "viewport" "dots";grid-template-columns:minmax(0,1fr)}@media screen and (min-width:750px){.menu-categorias{--mc-gap-x: var(--grid-desktop-horizontal-spacing);--mc-gap-y: var(--grid-desktop-vertical-spacing);grid-template-areas:"header dots" "viewport viewport";grid-template-columns:minmax(0,1fr) auto;align-items:center}}.menu-categorias__header{grid-area:header;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:2rem;row-gap:.4rem;min-width:0;margin-bottom:1.6rem}@media screen and (min-width:750px){.menu-categorias__header{margin-bottom:2.4rem}}.menu-categorias__title{margin:0}.menu-categorias__all{font-size:1.4rem}@media screen and (min-width:750px){.menu-categorias--centro{grid-template-areas:"header" "viewport" "dots";grid-template-columns:minmax(0,1fr)}}.menu-categorias--centro .menu-categorias__header{flex-direction:column;align-items:center;row-gap:1rem;margin-bottom:2.4rem;text-align:center}.menu-categorias--centro .menu-categorias__title{display:flex;align-items:center;gap:2.4rem;width:100%;text-transform:uppercase;letter-spacing:.08em}.menu-categorias--centro .menu-categorias__title:before,.menu-categorias--centro .menu-categorias__title:after{content:"";flex:1 1 0;height:.1rem;background:rgba(var(--color-foreground),.18)}.menu-categorias--centro .menu-categorias__header:after{content:"";order:1;width:5.6rem;height:.4rem;border-radius:.2rem;background:var(--mc-destaque, #d82f0e)}.menu-categorias--centro .menu-categorias__all{order:2}.menu-categorias--centro .menu-categorias__dots{justify-content:center;margin:1.6rem 0 0}@media screen and (min-width:750px){.menu-categorias--centro .menu-categorias__header{margin-bottom:3.6rem}.menu-categorias--centro .menu-categorias__title{gap:4rem}}.menu-categorias__dots{grid-area:dots;display:flex;justify-content:center;align-items:center;margin-top:.8rem}.menu-categorias__dots[hidden]{display:none}@media screen and (min-width:750px){.menu-categorias__dots{justify-content:flex-end;margin:0 -.5rem 2.4rem 2rem}}.menu-categorias__dot{display:flex;padding:.8rem .5rem;border:0;background:transparent;cursor:pointer}.menu-categorias__dot span{display:block;width:1rem;height:1rem;border-radius:50%;border:.1rem solid rgba(var(--color-foreground),.5);transition:transform var(--duration-default) ease-in-out}.menu-categorias__dot[aria-current=true] span{background-color:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.menu-categorias__dot:not([aria-current=true]):hover span{border-color:rgb(var(--color-foreground));transform:scale(1.1)}@media screen and (forced-colors:active){.menu-categorias__dot[aria-current=true] span{background-color:CanvasText}}.menu-categorias__viewport{grid-area:viewport;position:relative;min-width:0}.menu-categorias__track{--mc-cols: 3;--mc-rows: 2;--mc-total: var(--mc-total-m, 3);--mc-pages: var(--mc-pages-m, 1);display:grid;grid-template-columns:repeat(var(--mc-total),calc((100% - (var(--mc-cols) - 1) * var(--mc-gap-x)) / var(--mc-cols)));grid-template-rows:repeat(var(--mc-rows),auto);column-gap:var(--mc-gap-x);row-gap:var(--mc-gap-y);margin:calc(-1 * var(--mc-focus-room));padding:var(--mc-focus-room);list-style:none;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mc-focus-room);scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}.menu-categorias__track::-webkit-scrollbar{display:none}.menu-categorias__item{container:mc-tile / inline-size;grid-column:var(--c-m);grid-row:var(--r-m);min-width:0}.menu-categorias__item[data-snap~=m]{scroll-snap-align:start}@media screen and (min-width:750px){.menu-categorias__track{--mc-cols: 2;--mc-rows: 3;--mc-total: var(--mc-total-t, 2);--mc-pages: var(--mc-pages-t, 1)}.menu-categorias__item{grid-column:var(--c-t);grid-row:var(--r-t);scroll-snap-align:none}.menu-categorias__item[data-snap~=t]{scroll-snap-align:start}}@media screen and (min-width:990px){.menu-categorias__track{--mc-cols: var(--mc-cols-l, 3);--mc-rows: var(--mc-rows-l, 4);--mc-total: var(--mc-total-l, 3);--mc-pages: var(--mc-pages-l, 1)}.menu-categorias__item{grid-column:var(--c-l);grid-row:var(--r-l);scroll-snap-align:none}.menu-categorias__item[data-snap~=l]{scroll-snap-align:start}}@media screen and (min-width:1200px){.menu-categorias__track{--mc-cols: var(--mc-cols-d, 4);--mc-rows: var(--mc-rows-d, 3);--mc-total: var(--mc-total-d, 4);--mc-pages: var(--mc-pages-d, 1)}.menu-categorias__item{grid-column:var(--c-d);grid-row:var(--r-d);scroll-snap-align:none}.menu-categorias__item[data-snap~=d]{scroll-snap-align:start}}@media(prefers-reduced-motion){.menu-categorias__track{scroll-behavior:auto}}.menu-categorias__arrow{position:absolute;top:50%;z-index:2;display:none;align-items:center;justify-content:center;width:var(--mc-arrow);height:var(--mc-arrow);padding:0;border:var(--buttons-border-width, .1rem) solid rgba(var(--color-foreground),var(--buttons-border-opacity, 1));border-radius:50%;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:box-shadow var(--duration-short) ease}.menu-categorias__arrow--prev{left:0;transform:translateY(-50%)}.menu-categorias__arrow--next{right:0;transform:translateY(-50%)}.menu-categorias__arrow:hover{box-shadow:0 0 0 .1rem rgba(var(--color-foreground),var(--buttons-border-opacity, 1))}.menu-categorias__arrow .svg-wrapper{width:2rem;height:2rem}.menu-categorias__arrow .icon{height:1.2rem}.menu-categorias__arrow--prev .icon{transform:rotate(90deg)}.menu-categorias__arrow--next .icon{transform:rotate(-90deg)}@media screen and (min-width:750px){.menu-categorias__viewport{padding-inline:calc(var(--mc-arrow) + var(--mc-arrow-gap))}.menu-categorias__arrow{display:flex}}.menu-categorias__arrow[hidden]{display:none}.menu-categorias__card{position:relative;display:flex;flex-direction:column;height:100%;overflow:hidden;color:rgb(var(--color-foreground));text-decoration:none;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));box-shadow:var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow),var(--shadow-opacity))}.menu-categorias__card:focus-visible,.menu-categorias__arrow:focus-visible,.menu-categorias__dot:focus-visible,.menu-categorias__all:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background))}.menu-categorias__card--standard{border:0;border-radius:0;box-shadow:none;background:transparent}.menu-categorias__media{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 11;padding:.8rem;background-color:rgba(var(--color-foreground),.04)}.menu-categorias__card--standard .menu-categorias__media{border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity))}.menu-categorias__img{display:block;width:100%;height:100%;object-fit:contain}.menu-categorias--blend .menu-categorias__img{mix-blend-mode:multiply}.menu-categorias__img--placeholder{fill:rgba(var(--color-foreground),.55)}.menu-categorias__wordmark{container-type:inline-size;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1}.menu-categorias__wordmark-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(1rem,14cqi,1.6rem);line-height:1.15;letter-spacing:.04em;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}.menu-categorias__label{display:flex;flex:1 1 auto;align-items:center;justify-content:center;padding:.8rem .6rem 1rem;text-align:center;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.2rem);letter-spacing:calc(var(--font-heading-scale) * .06rem);line-height:calc(1 + .3/max(1,var(--font-heading-scale)));word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.menu-categorias__label-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-underline-offset:.3rem}@container mc-tile (min-width: 24rem){.menu-categorias__card{flex-direction:row;min-height:clamp(8.4rem,36cqi,11rem)}.menu-categorias__media{flex:0 0 clamp(8.4rem,36cqi,11rem);aspect-ratio:auto;padding:1rem}.menu-categorias__label{justify-content:flex-start;padding:1.2rem 1.4rem;text-align:left;font-size:calc(var(--font-heading-scale) * 1.3rem)}}@container mc-tile (min-width: 29rem){.menu-categorias__label{padding:1.2rem 1.6rem;font-size:calc(var(--font-heading-scale) * 1.5rem)}}@media screen and (min-width:990px){.menu-categorias__img{transition:transform var(--duration-long) ease}.menu-categorias__card:hover .menu-categorias__img{transform:scale(1.03)}.menu-categorias__card:hover .menu-categorias__label-text{text-decoration:underline}}.menu-categorias__empty{grid-area:viewport;margin:0;padding:2rem;border:.1rem dashed rgba(var(--color-foreground),.3);text-align:center}.menu-categorias--marcas{--mc-logo-w: 9.8rem;--mc-logo-h: 7rem;--mc-logo-gap: 1rem;--mc-margem: 1.5rem}@media screen and (min-width:750px){.menu-categorias--marcas{--mc-logo-w: 12rem;--mc-logo-h: 8.4rem;--mc-logo-gap: 1.2rem;--mc-margem: 5rem}}@media screen and (max-width:749px){.menu-categorias--marcas .menu-categorias__header{margin-bottom:1.6rem}}.menu-categorias--marcas .menu-categorias__viewport{padding-inline:0}.menu-categorias--marcas .menu-categorias__track{--mc-pages: 1;grid-auto-flow:column;grid-template-columns:none;grid-template-rows:repeat(2,auto);grid-auto-columns:var(--mc-logo-w);gap:var(--mc-logo-gap);margin:calc(-1 * var(--mc-focus-room)) calc(-1 * var(--mc-margem));padding:var(--mc-focus-room) var(--mc-margem);scroll-padding-inline:var(--mc-margem);scroll-snap-type:x proximity}.menu-categorias--marcas .menu-categorias__item{grid-column:auto;grid-row:auto;scroll-snap-align:start}.menu-categorias--marcas .menu-categorias__card{height:var(--mc-logo-h);border:.1rem solid rgba(var(--color-foreground),.12);border-radius:1.2rem;box-shadow:none}.menu-categorias--marcas .menu-categorias__media{flex:1 1 0;min-height:0;aspect-ratio:auto;padding:.5rem 0;background:none}.menu-categorias--marcas .menu-categorias__img{object-fit:cover}.menu-categorias--marcas .menu-categorias__wordmark{aspect-ratio:auto;height:100%;padding:0 .8rem}.menu-categorias--marcas .menu-categorias__wordmark-text{font-size:clamp(1.2rem,17cqi,1.6rem)}.menu-categorias--marcas .menu-categorias__label{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;clip:rect(0 0 0 0);white-space:nowrap}.menu-categorias--loop .menu-categorias__viewport{margin:calc(-1 * var(--mc-focus-room)) calc(-1 * var(--mc-margem));padding-block:var(--mc-focus-room);overflow:hidden;overflow:clip;touch-action:pan-y}.menu-categorias--loop .menu-categorias__track{width:max-content;margin:0;padding-block:0;overflow:visible;-webkit-user-select:none;user-select:none}.menu-categorias--loop .menu-categorias__img{-webkit-user-drag:none}@media screen and (min-width:750px){.menu-categorias--loop .menu-categorias__viewport{-webkit-mask-image:linear-gradient(90deg,transparent,#000 var(--mc-margem),#000 calc(100% - var(--mc-margem)),transparent);mask-image:linear-gradient(90deg,transparent,#000 var(--mc-margem),#000 calc(100% - var(--mc-margem)),transparent)}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-menu-categorias.css.map */
