@charset "UTF-8";.aceites-categories{width:100%;background:var(--aceites-cat-bg, #fff);color:var(--aceites-cat-fg, #000);padding:var(--aceites-cat-padding-top, 32px) var(--aceites-cat-padding-x, 48px) var(--aceites-cat-padding-bottom, 48px)}.aceites-categories__viewport{position:relative;width:100%}.aceites-categories__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--aceites-cat-card-min, 240px),1fr));gap:var(--aceites-cat-gap, 16px);margin:0;padding:0;list-style:none;width:100%}.aceites-categories__nav{display:none}.aceites-categories__item{display:flex}.aceites-categories__card{display:flex;flex-direction:column;align-items:stretch;width:100%;color:inherit;text-decoration:none;border-radius:8px}.aceites-categories__media{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--aceites-cat-image-radius, 18px);overflow:hidden;background:#ececec;isolation:isolate}.aceites-categories__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.aceites-categories__image--placeholder{display:flex;align-items:center;justify-content:center;color:#0003}.aceites-categories__image--placeholder svg{width:60%;height:60%}.aceites-categories__cta{position:absolute;left:50%;bottom:16px;transform:translate(-50%,8px);opacity:0;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;height:45px;min-width:min(280px,100% - 24px);padding:12px 32px;border-radius:9999px;border:1px solid var(--aceites-cat-cta-bg, #203400);background:var(--aceites-cat-cta-bg, #203400);color:var(--aceites-cat-cta-fg, #f8f7f1);font-size:14px;font-weight:700;line-height:22px;letter-spacing:0;text-transform:uppercase;white-space:nowrap;transition:opacity .25s ease,transform .25s ease}.aceites-categories__card:hover .aceites-categories__cta,.aceites-categories__card:focus-visible .aceites-categories__cta{opacity:1;transform:translate(-50%);pointer-events:auto}.aceites-categories__card:hover .aceites-categories__image,.aceites-categories__card:focus-visible .aceites-categories__image{transform:scale(1.03)}.aceites-categories a.aceites-categories__card:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:12px}.aceites-categories__title-wrap{display:flex;flex-direction:column;align-items:flex-start;height:48px;padding:10px}.aceites-categories__title{margin:0;color:inherit;font-size:18px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:0}@media(hover:none){.aceites-categories__cta{opacity:.95;transform:translate(-50%);pointer-events:auto}}@media(max-width:960px){.aceites-categories{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}}@media(max-width:600px){.aceites-categories{--aceites-cat-mobile-card: 75vw;padding:24px 0 32px 16px}.aceites-categories__grid{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-right:16px}.aceites-categories__grid::-webkit-scrollbar{display:none}.aceites-categories__item{flex:0 0 var(--aceites-cat-mobile-card);max-width:var(--aceites-cat-mobile-card);scroll-snap-align:start}.aceites-categories__title{font-size:16px}.aceites-categories__nav{position:absolute;top:calc(var(--aceites-cat-mobile-card) / 2);transform:translateY(-50%);display:flex;width:45px;height:45px;padding:15px;justify-content:center;align-items:center;border-radius:9999px;border:1px solid #203400;background:#f8f7f1;color:#203400;cursor:pointer;transition:background-color .2s ease,color .2s ease,opacity .2s ease;z-index:2}.aceites-categories__nav svg{width:15px;height:16px;display:block}.aceites-categories__nav:hover{background:#203400;color:#f8f7f1}.aceites-categories__nav:focus-visible{outline:2px solid #203400;outline-offset:2px}.aceites-categories__nav[hidden]{display:none}.aceites-categories__nav--next{right:12px}.aceites-categories__nav--prev{left:12px}.aceites-categories__nav--prev svg{transform:rotate(180deg)}.aceites-categories__cta{display:none}}@media(prefers-reduced-motion:reduce){.aceites-categories__image,.aceites-categories__cta{transition:none}.aceites-categories a.aceites-categories__card:hover .aceites-categories__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/aceites-categories.css.map */