@charset "UTF-8";.aceites-olive-types{width:100%;background:var(--aot-bg, #fff);padding:var(--aot-padding-y, 48px) var(--aot-padding-x, 48px)}.aceites-olive-types__banner{display:flex;flex-direction:column;align-items:flex-start;gap:var(--aot-banner-gap, 32px);padding:var(--aot-banner-padding, 48px);border-radius:var(--aot-banner-radius, 20px);background:var(--aot-banner-bg, rgba(139, 145, 76, .18))}.aceites-olive-types__heading{margin:0 0 -10px;color:#1b1b1b;font-family:var(--font-family-brand-primary, Helvetica);font-size:var(--font-size-3xl, 30px);font-style:normal;font-weight:700;line-height:normal;text-transform:uppercase;letter-spacing:0}.aceites-olive-types__subheading{margin:0;max-width:80ch;color:#192800;font-family:var(--font-family-brand-primary, Helvetica);font-size:var(--font-size-lg, 18px);font-style:normal;font-weight:400;line-height:138%;letter-spacing:-.96px;letter-spacing:-.053em}.aceites-olive-types__viewport{position:relative;width:100%}.aceites-olive-types__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--aot-card-min, 240px),1fr));gap:var(--aot-card-gap, 16px);width:100%;margin:0;padding:0;list-style:none}.aceites-olive-types__nav{display:none}.aceites-olive-types__item{display:flex}.aceites-olive-types__card{display:flex;flex-direction:column;align-items:stretch;width:100%;color:inherit;text-decoration:none}.aceites-olive-types__media{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--aot-image-radius, 18px);overflow:hidden;background:#ececec;isolation:isolate}.aceites-olive-types__image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.aceites-olive-types__image--placeholder{display:flex;align-items:center;justify-content:center;color:#0003}.aceites-olive-types__image--placeholder svg{width:60%;height:60%}.aceites-olive-types__hover{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:clamp(20px,6%,40px);border-radius:var(--aot-image-radius, 18px);background:var(--aot-hover-bg, #203400);color:var(--aot-hover-fg, #f8f7f1);opacity:0;pointer-events:none;transition:opacity .3s ease}.aceites-olive-types__hover-text{margin:0;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:inherit;font-size:clamp(14px,1.1vw,16px);font-weight:400;line-height:1.4}.aceites-olive-types__hover-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;max-width:280px;height:45px;padding:12px 32px;border-radius:9999px;border:1px solid var(--aot-cta-border, #203400);background:var(--aot-cta-bg, #eaeddf);color:var(--aot-cta-fg, #203400);font-size:14px;font-weight:700;line-height:22px;text-transform:uppercase;letter-spacing:0;white-space:nowrap}.aceites-olive-types__card:hover .aceites-olive-types__hover,.aceites-olive-types__card:focus-visible .aceites-olive-types__hover{opacity:1;pointer-events:auto}.aceites-olive-types__card:hover .aceites-olive-types__image,.aceites-olive-types__card:focus-visible .aceites-olive-types__image{transform:scale(1.03)}.aceites-olive-types a.aceites-olive-types__card:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:12px}.aceites-olive-types__title{margin:16px 0 0;color:var(--aot-card-title-color, #000);font-size:18px;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:0}@media(hover:none){.aceites-olive-types__hover{opacity:.95;pointer-events:auto}}@media(max-width:960px){.aceites-olive-types{padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}.aceites-olive-types__banner{padding:clamp(24px,4vw,var(--aot-banner-padding, 48px))}}@media(max-width:600px){.aceites-olive-types{--aot-mobile-card: 70vw;padding:24px 16px 32px}.aceites-olive-types__banner{gap:12px;padding:20px 0 20px 20px;border-radius:clamp(12px,4vw,20px);overflow:hidden}.aceites-olive-types__heading{font-size:clamp(20px,5vw,26px);padding-right:20px}.aceites-olive-types__subheading{font-size:15px;padding-right:20px}.aceites-olive-types__title{font-size:16px}.aceites-olive-types__grid{display:flex;flex-wrap:nowrap;gap:12px;margin-top:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-right:20px}.aceites-olive-types__grid::-webkit-scrollbar{display:none}.aceites-olive-types__item{flex:0 0 var(--aot-mobile-card);max-width:var(--aot-mobile-card);scroll-snap-align:center}.aceites-olive-types__item:first-child{scroll-snap-align:start}.aceites-olive-types__item:last-child{scroll-snap-align:end}.aceites-olive-types__hover{opacity:0;pointer-events:none}.aceites-olive-types__card.is-active .aceites-olive-types__hover{opacity:1;pointer-events:auto}.aceites-olive-types__nav{position:absolute;top:calc(var(--aot-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-olive-types__nav svg{width:15px;height:16px;display:block}.aceites-olive-types__nav:hover{background:#203400;color:#f8f7f1}.aceites-olive-types__nav:focus-visible{outline:2px solid #203400;outline-offset:2px}.aceites-olive-types__nav[hidden]{display:none}.aceites-olive-types__nav--next{right:12px}.aceites-olive-types__nav--prev{left:12px}.aceites-olive-types__nav--prev svg{transform:rotate(180deg)}}@media(prefers-reduced-motion:reduce){.aceites-olive-types__image,.aceites-olive-types__hover{transition:none}.aceites-olive-types__card:hover .aceites-olive-types__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/aceites-olive-types.css.map */