/** Shopify CDN: Minification failed

Line 88:165 Expected ")" to end URL token
Line 318:3 Unexpected "{"
Line 318:5 Expected identifier but found "%"
Line 319:3 Unexpected "{"
Line 319:13 Expected ":"
Line 320:24 Expected ":"
Line 323:3 Unexpected "{"
Line 323:5 Expected identifier but found "%"
Line 324:3 Unexpected "{"
Line 324:26 Expected ":"
... and 10 more hidden warnings

**/
/*
 * Warehouse 3.0.1 compatibility layer.
 *
 * The sections carried over from the 3.0.1 theme still use its markup, and this
 * store had also edited its own copy of theme.css. Warehouse 7 ships neither, so
 * this file restores both, in the order they originally cascaded.
 *
 * Loaded after theme.css and before custom-style.scss.css, which is exactly
 * where these rules used to sit, so specificity and override order are
 * unchanged and the store's own stylesheets still win.
 *
 * Generated from the pristine 3.0.1 theme and from this store's theme.css.
 * Do not edit by hand: regenerate whenever more 3.0.1-era files are carried over.
 */

/* ---------------------------------------------------------------------------
 * 1. Rules Warehouse 7 dropped (118).
 *
 * Selectors the pristine 3.0.1 stylesheet had and Warehouse 7 removed
 * altogether. Rules Warehouse 7 kept but restyled are deliberately NOT
 * overridden: that is Warehouse 7 making a design decision.
 * ------------------------------------------------------------------------- */

.modal[aria-hidden=true] .flickity-slider > * { pointer-events: none !important; }
.link--accented:hover { text-decoration: underline; }
img.lazyload[data-sizes=auto] { width: 100%; }
.image--fade-in { opacity: 0; transition: opacity 0.3s ease-in-out; }
.lazyloaded.image--fade-in, .no-js [data-bgset], .no-js [data-bg] { opacity: 1; }
.article-item__meta-item:not(:last-child)::after { display: inline-block; content: ""; width: 5px; height: 5px; margin: -1px 10px 0 10px; border-radius: 100%; background: rgba(var(--text-color-rgb), 0.4); vertical-align: middle; }
.button-stack > .button + .button { margin-top: 10px; }
.card__section + .card__section::before { position: absolute; display: block; content: ""; width: calc(100% - var(--mobile-container-gutter)); top: 0; right: 0; height: 1px; background: var(--border-color); }
.estimate-shipping__toggle[aria-expanded=true] .estimate-shipping__arrow svg { transform: rotateZ(180deg); }
.cart-recap__note-button[aria-expanded=true] svg { transform: rotateZ(180deg); }
.collection__filter-collapsible[aria-hidden=false] { visibility: visible; }
.collection__filter-link[aria-expanded=true] svg { transform: rotateZ(180deg); }
.collection__mobile-active-clear::after { content: ""; position: absolute; left: 0; bottom: 3px; width: 100%; height: 1px; background: currentColor; }
.product-list--collection::before { display: none; }
.featured-collection .product-item::after { display: none; }
.custom-content--product .product-item::after { box-shadow: 1px 0 var(--border-color), -1px 0 var(--border-color), 0 1px var(--border-color), 0 -1px var(--border-color); }
.form__field::-moz-placeholder { color: var(--text-color); }
.form__field:-ms-input-placeholder { color: var(--text-color); }
.gift-card__expires-on::before { display: inline-block; content: ""; width: 8px; height: 8px; margin-right: 0.7em; border-radius: 100%; background: currentColor; vertical-align: baseline; }
.header__cart-toggle[aria-expanded=true] .header__cart-count, .header__cart-toggle:hover .header__cart-count { transform: scale(1.2); }
.search-bar__input::-moz-placeholder { color: var(--text-color); opacity: 1; }
.search-bar__input:-ms-input-placeholder { color: var(--text-color); opacity: 1; }
.search-bar.is-loading .skeleton-container { display: block; }
.search-bar.is-loading .search-bar__submit .icon--search-loader { display: block; }
.map__store-name[aria-expanded=true] .map__icon-container { transform: rotateZ(180deg); }
.video-wrapper::after { content: ""; display: block; padding-bottom: 56.25%; }
.video-wrapper--native::after { display: none; }
.scroller .mobile-menu__promo-list::before { content: ""; flex: 0 0 20px; }
.scroller .mobile-menu__promo-list::after { content: ""; flex: 0 0 13px; }
.line-item__price--compare::before { position: absolute; content: ""; top: 50%; left: -5px; width: calc(100% + 10px); height: 1px; background: rgba(var(--text-color-rgb), 0.7); }
.page__header--image.page__header--overlay::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)); }
.page__tag-item.is-selected::after { position: absolute; content: ""; left: 0; bottom: 0; width: 100%; height: 1px; background: currentColor; }
.page__meta-item:not(:last-child)::after { display: inline-block; content: ""; width: 5px; height: 5px; margin: 0 10px; border-radius: 100%; background: rgba(var(--text-color-rgb), 0.4); vertical-align: middle; }
.page__navigation-item--prev + .page__navigation-item--next::before { display: inline-block; content: ""; width: 1px; height: 12px; margin: 0 15px; background: var(--text-color); vertical-align: -2px; }
.popover[aria-hidden=false] { visibility: visible; opacity: 1; transform: scale(1.001); transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear; }
.popover[aria-hidden=false] .popover__panel.is-selected { visibility: visible; }
.product-meta__vendor + .product-meta__sku::before { display: inline-block; position: relative; content: ""; margin: 0 14px; height: 13px; width: 1px; top: -1px; background: var(--border-color); vertical-align: middle; }
.product-form__inventory.inventory::before { margin-right: 14px; }
.inventory::before { position: absolute; display: inline-block; content: ""; width: 8px; height: 8px; left: 0; top: 0.45em; border-radius: 100%; background: currentColor; }
.color-swatch__radio:checked + .color-swatch__item::after, .color-swatch__button.is-selected .color-swatch__item::after { position: absolute; content: ""; width: calc(100% + 8px); height: calc(100% + 8px); top: -4px; left: -4px; border-radius: 3px; border: 2px solid var(--accent-color); }
.color-swatch--view-more .color-swatch__item { display: none; }
.color-swatch--disabled .color-swatch__item::before { position: absolute; content: ""; left: 0; top: 0; height: 100%; width: 100%; background: rgba(var(--secondary-background-rgb), 0.5); }
.block-swatch__radio:checked + .block-swatch__item { box-shadow: 0 0 0 1px var(--accent-color); border-color: var(--accent-color); background: rgba(var(--accent-color-rgb), 0.06); color: var(--accent-color); }
.block-swatch--disabled .block-swatch__item-text::after { position: absolute; content: ""; width: calc(100% + 6px); height: 1px; top: calc(50% + 1px); left: -3px; background: currentColor; }
.variant-swatch__radio:checked + .variant-swatch__item { border-color: var(--accent-color); border-radius: 3px; }
.product-item::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; box-shadow: 1px 0 var(--border-color), 0 1px var(--border-color); z-index: 2; pointer-events: none; }
.product-item__inventory::before { top: 0.3em; }
.spr-starrating.spr-starrating, .spr-starratings.spr-starratings { margin: 0; height: 14px; }
.spr-icon.spr-icon::before { display: none; }
.spr-icon.spr-icon { display: inline-block; vertical-align: top; top: 0; height: 13px; width: 13px; opacity: 1 !important; background-image: url(data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSI4OTZweCIgaGVpZ2h0PSI4MzJweCIgdmlld0JveD0iMCAwIDg5NiA4MzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+ICAgIDx0aXRsZT5zdmc8L3RpdGxlPiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxnIGlkPSJzdmciIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+ICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iODk2IDMyMCA1ODIuNSAyNzkuMjE5IDQ0OCAwIDMxMy40NjkgMjc5LjIxOSAwIDMyMCAyMzAuNDY5IDUyOC44NzUgMTcxIDgzMS45MzggNDQ4IDY4My4xMjYgNzI1LjA2MiA4MzEuOTM4IDY2NS41IDUyOC44NzUiPjwvcG9seWdvbj4gICAgICAgIDwvZz4gICAgPC9nPjwvc3ZnPg==); background-size: cover; }
.spr-icon.spr-icon-star-empty { opacity: 0.3 !important; }
.spr-form-input .spr-icon.spr-icon { width: 17px; height: 17px; }
.spr-icon + .spr-icon { margin-left: 4px; }
#shopify-product-reviews .spr-form-input.spr-starrating { display: block; }
#shopify-product-reviews .spr-pagination-page a, #shopify-product-reviews .spr-pagination-page.is-active { display: block; margin: 0 2px; padding: 8px 11px; line-height: 1; }
#shopify-product-reviews .spr-pagination-page.is-active { display: inline-block; background: var(--accent-color); color: var(--secondary-background); border-radius: 3px; }
.rte::after { content: ""; display: block; clear: both; }
.rte ul li::before { position: absolute; content: ""; left: -18px; top: 0.8em; height: 5px; width: 5px; border-radius: 100%; background: rgba(var(--text-color-rgb), 0.4); }
.plus-button::before, .plus-button::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-90deg); background-color: currentColor; transition: transform 0.35s ease-in-out, opacity 0.35s ease-in-out; }
.plus-button::before { width: 10px; height: 2px; opacity: 1; }
.plus-button::after { width: 2px; height: 10px; }
[aria-expanded=true] .plus-button::before, [aria-expanded=true] .plus-button::after { transform: translate(-50%, -50%) rotate(90deg); }
[aria-expanded=true] .plus-button::before { opacity: 0; }
.modal::before { position: fixed; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.35); pointer-events: none; }
.modal[aria-hidden=false] { visibility: visible; opacity: 1; pointer-events: auto; }
.modal[aria-hidden=false] .modal__dialog { transform: scale(1); transition: transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear; }
.icon-state[aria-expanded=true] .icon-state__primary { opacity: 0; transform: scale(0.3); }
.icon-state[aria-expanded=true] .icon-state__secondary { opacity: 1; transform: translateY(-50%) scale(1); }
.drawer::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.35s ease-in-out; background: #000000; }
.drawer[aria-hidden=false] { visibility: visible; }
.drawer[aria-hidden=false]::before { opacity: 0.4; }
.drawer[aria-hidden=false] .drawer__inner { transform: translateX(0); }
.expandable-content__toggle::before { position: absolute; content: ""; bottom: 100%; left: 0; width: 100%; height: 50px; pointer-events: none; background: linear-gradient(rgba(var(--secondary-background-rgb), 0), rgba(var(--secondary-background-rgb), 0.4) 15%, var(--secondary-background)); }
.expandable-content__toggle-icon::before, .expandable-content__toggle-icon::after { content: ""; position: absolute; background: currentColor; transition: transform 0.2s ease-in-out; transform: translate(-50%, -50%); top: 50%; left: 50%; }
.expandable-content__toggle-icon::before { width: 2px; height: 10px; }
.expandable-content__toggle-icon::after { width: 10px; height: 2px; }
.expandable-content--expandable[aria-expanded=true] .expandable-content__toggle-icon { transform: rotateZ(90deg); }
.expandable-content--expandable[aria-expanded=true] .expandable-content__toggle-icon::after { display: none; }
.expandable-content--expandable[aria-expanded=true] .expandable-content__toggle::before { height: 0; }
.value-picker-button[aria-expanded=true] svg { transform: rotateZ(180deg); }
.value-picker::before { content: ""; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; opacity: 0; transition: opacity 0.35s ease-in-out; background: #000000; }
.value-picker[aria-hidden=false] { visibility: visible; }
.value-picker[aria-hidden=false]::before { opacity: 0.4; }
.value-picker[aria-hidden=false] .value-picker__inner { transform: translateY(0); }

@media (-moz-touch-enabled: 1), (hover: none) {
  .touch-area::before { position: absolute; content: ""; top: -8px; right: -8px; left: -8px; bottom: -8px; transform: translateZ(0); }
}

@supports ((-o-object-fit: contain) or (object-fit: contain)) {
  .aspect-ratio--square img, .aspect-ratio--short img, .aspect-ratio--tall img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; }
}

@media screen and (max-width: 999px) {
  .scroller .block-list::before { content: ""; flex: 0 0 var(--mobile-container-gutter); }
  .scroller .block-list::after { content: ""; flex: 0 0 calc(var(--mobile-container-gutter) - 7px); }
  .product-gallery__thumbnail-list::after, .product-gallery__thumbnail-list::before { content: ""; display: inline-block; vertical-align: middle; width: calc(var(--mobile-container-gutter) - 4px); }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .scroller .block-list::before { flex: 0 0 var(--desktop-container-gutter); }
  .scroller .block-list::after { flex: 0 0 calc(var(--desktop-container-gutter) - 15px); }
  .product-list--scrollable::before, .product-list--scrollable::after { content: ""; flex: 0 0 var(--desktop-container-gutter); }
}

@media screen and (min-width: 1000px) {
  .block-list::before, .block-list::after { display: none; }
  .product-list::before { position: absolute; content: ""; width: 100%; height: calc(100% + 0px); border: 1px solid var(--border-color); z-index: 1; pointer-events: none; border-radius: 3px; }
  .product-list--scrollable::after { content: "flickity"; display: none; }
  .featured-collection .product-list::before { display: none; }
  .collection-list::after { display: none; content: "flickity"; }
  .header__action-item:not(:last-child)::after { position: absolute; content: ""; right: 0; top: calc(50% - 17px); background: var(--header-border-color); height: 34px; width: 1px; }
  .nav-bar::after { content: ""; position: absolute; height: 100%; width: 40px; right: 0; top: 0; background: linear-gradient(to right, rgba(var(--secondary-background-rgb), 0.1), rgba(var(--secondary-background-rgb), 0.6) 35%, var(--secondary-background)); }
  .nav-bar__link[aria-expanded=true] { color: var(--accent-color); }
  .nav-bar__link[aria-expanded=true] .icon--nav-triangle { opacity: 1; }
}

@media screen and (min-width: 1280px) {
  .article-item__meta-item + .article-item__meta-item::before { margin: 0 14px; }
}

@media screen and (min-width: 641px) {
  .card__section + .card__section::before { width: 100%; }
  .page__meta-item:not(:last-child)::after { margin: 0 16px; }
  .spr-summary-starrating .spr-icon.spr-icon { width: 17px; height: 17px; }
  .plus-button--large::before { width: 14px; }
  .plus-button--large::after { height: 14px; }
  .value-picker::before { display: none; }
  .value-picker[data-picker-position=top] { top: auto; bottom: calc(100% + 10px); }
  .value-picker[aria-hidden=false] { visibility: visible; opacity: 1; transform: scale(1.001); transition: opacity 0.4s cubic-bezier(0, 1, 0.4, 1), transform 0.4s cubic-bezier(0.18, 1.25, 0.4, 1), visibility 0.4s linear; }
  .value-picker[data-picker-position=top] .icon--nav-triangle-borderless { bottom: auto; top: 100%; transform: rotateZ(180deg); }
}

@media screen and (max-width: 640px) {
  .product-list--scrollable::before, .product-list--scrollable::after { content: ""; flex: 0 0 var(--mobile-container-gutter); }
  .text-with-icons::after { content: "flickity"; display: none; }
}

@media screen and (min-width: 1000px) and (max-width: 1279px) {
  .header__action-item:not(.header__action-item--currency):not(.header__action-item--locale)::after { display: none; }
}

@media screen and (any-hover: hover) {
  .product-item__image-wrapper--with-secondary:hover .product-item__secondary-image.lazyloaded { opacity: 1; }
  .expandable-content[aria-expanded=false] .expandable-content__toggle:hover .expandable-content__toggle-icon { transform: rotateZ(45deg); }
}

@supports ((-webkit-mask: url('')) or (mask: url(''))) {
  .spr-icon.spr-icon { opacity: 1 !important; background: var(--product-review-star-color); -webkit-mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 896 832"><path d="M896 320l-313.5-40.781L448 0 313.469 279.219 0 320l230.469 208.875L171 831.938l277-148.812 277.062 148.812L665.5 528.875z" fill-rule="nonzero"/></svg>'); mask-image: url('data:image/svg+xml; utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 896 832"><path d="M896 320l-313.5-40.781L448 0 313.469 279.219 0 320l230.469 208.875L171 831.938l277-148.812 277.062 148.812L665.5 528.875z" fill-rule="nonzero"/></svg>'); -webkit-mask-size: cover; mask-size: cover; }
  .spr-icon.spr-icon-star-empty, .spr-icon.spr-icon-star-empty { background: rgba(var(--text-color-rgb), 0.4); }
}


/* ---------------------------------------------------------------------------
 * 2. Rules this store wrote into its own theme.css (115).
 *
 * Someone edited the vendor stylesheet directly, so taking Warehouse 7's
 * theme.css dropped every one of these. They are matched on selector AND
 * declarations, not selector alone: several are overrides of a rule that
 * already appears earlier in the file, and keying on the selector by itself
 * silently skipped them.
 *
 * That is how .aspect-ratio img and the .collection-item__image-wrapper
 * override went missing. Without them a logo keeps its intrinsic width instead
 * of its column's, which widened every grid track and pushed the last logos out
 * of view at intermediate window widths.
 * ------------------------------------------------------------------------- */

.heading { font-family:'Montserrat' !important letter-spacing: 2px; }
.section-newsletter .heading { text-transform: uppercase; }
.flickity-prev-next-button { position: absolute; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; top: calc(50% - 25px); border-radius: 100%; visibility: visible; background: var(--flickity-arrow-color); opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.7); z-index: 1; }
.mini-cart__line-item { display: flex; align-items: flex-start; padding: 10px 0; }
.collection__title { margin-bottom: 5px; font-weight: 600; color: var(--header-accent-color); }
.collection-item__title { display: block; line-height: 1.4; text-align: center; }
.form__input-wrapper--labelled .form__field { padding-top: 12px; padding-bottom: 3px; }
.form__input-wrapper--labelled .form__field--large { padding-top: 12px; padding-bottom: 3px; }
.switch-checkbox::before { display: block; position: absolute; content: ''; width: 14px; height: 14px; top: 3px; left: 3px; background: var(--accent-color); border-radius: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); transition: background 0.1s ease-in, transform 0.1s ease-in; }
.switch-checkbox:checked { background: var(--accent-color); }
.footer:before { width: 100%; content: ""; height: 10px; background: url(/cdn/shop/files/forma.png); top: -9px; position: absolute; display: inline-block; background-repeat: repeat-x; transform: rotate(180deg); left: 0; }
.footer__aside { display: flex; flex-direction: column; justify-content: center; margin-top: 10px; font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px)); }
.footer__collapsible-content p { line-height: 1.5; }
.header__action-item { padding: 0 7px; }
.mega-menu__title { display: block; margin-bottom: 10px; line-height: 1.2; }
.product-item__inventory { font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 10px)); }
.modal__dialog .section__title { color: #17407e; font-size: 16px; }
.announcement-bar { position: relative; display: block; font-weight: var(--text-font-bolder-weight); font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 12px)); border-bottom: 1px solid var(--header-border-color); width: 100%; padding-bottom: 10px; }
.announcement-bar:after { width: 100%; content: ""; height: 10px; background: url(/cdn/shop/files/forma.png); bottom: -4px; position: absolute; display: inline-block; background-color: #fff; background-repeat: repeat-x; padding: 0; margin: 0; }
.modal__dialog { position: absolute; top: 12%; width: 100%; height: auto; max-height: 100vh; background: var(--secondary-background); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); overflow: auto; -webkit-overflow-scrolling: touch; transform: scale(0.9); transition: transform 0.25s ease-in-out, visibility 0.25s ease-in-out; }
.faq__question { display: flex; align-items: center; justify-content: space-between; width: 100%; text-align: left; line-height: 1.2; }
.popup-newsletter__close { position: absolute; right: 20px; top: 16px; color: var(--heading-color); z-index: 999; }
.payment_types_custom { background: #fff; width: 38px; height: 22px; margin: 5px; border-radius: 3px; }
.payment_types_custom img { vertical-align: text-top; text-align: center; display: block; margin: 2px auto; height: 18px; }
.product-item__vendor { height: 30px !important; }
.product-item__vendor img { vertical-align: bottom; }
.product-item .tdf_label_v { color: #fff; }
.carousel { display: flex; }
.card .button--primary { background: transparent; }
.address-list__item-top label { font-size: 14px; }
a.button.button--quaternary.flotante { position: fixed; width: 390px; height: 50px; bottom: 1rem; right: 32rem; z-index: 4; }
#mySidenav > div > a { padding: 10px; width:300px; text-decoration: none; font-size: 20px; color: white; border-radius: 0 5px 5px 0; margin-top: 5%; z-index: 1; position: relative; }
#aboutflotante { top:300px; }
#blog { top: 80px; background-color: #78bdf1; }
#projects { top: 140px; background-color: #d047d1; }
#contact { top: 200px; background-color: red; }
div#mySidenav { position: absolute; left: -445px; transition: 0.3s; padding: 10px 30px; }
div#mySidenav:hover { left: 0px; padding: 10px 30px; }
#mySidenav > div > a > h3 { font-family: "Montserrat", sans-serif; font-weight: 900; color: #8bb61e; }
#mySidenav > div > a > p { font-family: "Montserrat", sans-serif; font-size:14px; }
#mySidenav > div > a > h2 { font-family: "Montserrat", sans-serif; font-weight: 900; color: #fff; }
.tdf_qv_option { display: none; }
.tdf_select_box { display: none; }
.nav-bar .mega-menu { max-height: calc(102vh - var(--header-height, 0px) - var(--announcement-bar-height, 0px) - 40px); max-width: 400px; }
.collection-item { position: relative; display: block; text-decoration: none; color: inherit; }
.collection-item__image-wrapper { position: relative; overflow: hidden; }
.aspect-ratio img { width: 100%; height: auto; }
.mw-image-gallery a { position: relative; overflow: hidden; display: block; }
.mw-image-gallery a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; }
.mw-image-gallery a:hover::before { opacity: 1; }
.mw-image-gallery { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 0px; margin-bottom: 30px; scrollbar-width: none; -ms-overflow-style: none; -ms-overflow-style: -ms-autohiding-scrollbar; }
.mw-image-gallery::-webkit-scrollbar { width: 0; height: 0; }
.mw-image-gallery a { width: 100%; height: 0; padding-bottom: 100%; object-fit: cover; cursor: pointer; position: relative; overflow: hidden; }
.mw-image-gallery a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); opacity: 0; transition: opacity 0.3s ease; }
.mw-image-gallery a:hover::before { opacity: 1; }
.mw-image-gallery img { width: 100%; height: 100%; object-fit: cover; cursor: pointer; position: absolute; }
.mw-modal { display: none; position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0, 0, 0, 0.9); }
.mw-modal.show { display: block; }
.mw-modal-content { display: flex; align-items: center; justify-content: center; margin: auto; width: 80%; height: 100%; max-width: 1200px; }
.mw-modal-content img { max-width: 100vw; max-height: 100vh; }
.mw-modal-close { display: block; position: absolute; right: 50px; top: 50px; z-index: 9999; width: 50px; height: 50px; color: #ffffff80; line-height: 50px; cursor: pointer; text-decoration: none; font-size: 40px; }
.mw-arrow { display: block; position: absolute; top: 50%; transform: translateY(-50%); z-index: 99999; width: 50px; height: 50px; background-color: rgba(255, 255, 255, 0.5); text-align: center; cursor: pointer; line-height: 50px; color: #000; }
.mw-arrow:hover { background-color: rgba(255, 255, 255, 0.8); }
.mw-arrow-left { left: 0; }
.mw-arrow-right { right: 0; }
#shopify-section-receta_home_xdtGbX .text-with-icons__content.rte { font-size: 12px; height: 200px !important; padding: 4%; width: 100%; }
.image-slider { display: flex; overflow: hidden; }
.slide { text-align: center; }
.slick-dots { bottom: 10px; }
.slick-dots li button:before { color: #333; }
.logo-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.8rem; text-align: center; }
.logo-grid img { max-width: 100%; height: 100px; object-fit: contain; }
.collection-item__image-wrapper--rounded img { border-radius: 50%; }
.cart-toast { position: fixed; bottom: 10%; width: 100%; left: 50%; transform: translateX(-50%); background-color: #111; color: white; padding: 5px 18px; border-radius: 4px; display: flex; align-items: center; gap: 12px; z-index: 9999; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); animation: fadeIn 0.3s ease; font-size: 14px; }
.cart-toast-link { color: #4db8ff; font-weight: bold; text-decoration: none; width: 25%; }
#cart-toast-message { width: 70%; }
.cart-toast-close { background: none; border: none; color: white; font-size: 18px; cursor: pointer; width: 5%; }
.active-filter-tag { display: inline-flex; align-items: center; margin: 4px; font-size: 14px; }
.active-filter-link { display: flex; align-items: center; text-decoration: none; color: #000; font-weight: 500; }
.filter-remove-icon { display: inline-block; width: 18px; height: 18px; margin-right: 6px; background-color: #ff6b6b; color: #fff; border-radius: 50%; text-align: center; line-height: 18px; font-size: 12px; font-weight: bold; }

@media screen and (max-width: 640px) {
  .footer__grid-content { padding: 20px 0; }
  #modal--imagen .modal__dialog { top: 28%; background: transparent !important; }
}

@media screen and (min-width: 1000px) {
  .product-list::before { position: absolute; content: ""; width: 100%; height: calc(100% + 0px); border: 0; z-index: 1; pointer-events: none; border-radius: 3px; }
  .collection-item { width: 16%; margin: 0 !important; padding: 0 14px; }
  .footer__aside { align-items: center; }
  .nav-bar__item { position: relative; display: inline-block; margin-right: 20px; padding: 17px 0; font-size:11px; }
  .image-with-text { flex-direction: row; align-items: start; justify-content: center; }
}

@media screen and (min-width: 641px) and (max-width: 999px) {
  .collection-item { width: 100%; }
}

@media screen and (min-width: 641px) {
  .footer__aside { flex-direction: row; flex-wrap: wrap; justify-content: center; font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 13px)); }
  .product-item--vertical .price:not(.price--compare), .product-item--list .price:not(.price--compare) { font-size: calc(var(--base-text-font-size) - (var(--default-text-font-size) - 15px)); }
}

@media screen and (max-width: 600px) {
  .modal__dialog { top: 0%; }
  .mb-1 { margin-bottom: 0rem; }
  .popup-newsletter__content.rte.p-1.mb-1 { margin-bottom: 0px; padding: 0.5rem; }
}

@media (max-width: 768px) {
  .mw-modal-close { right: 25px; top: 25px; }
   { %- if section.settings.mobile_slider != blank -%; }
   { grid_gap | divided_by: 2; }
  .mw-image-gallery { px; }
  .mw-image-gallery a { width: 70%; height: auto; margin-right: 10px; scroll-snap-align: start; flex: 0 0 70%; padding-bottom: 70%; }
  .mw-image-gallery a:last-child { margin-right: 0; margin-left: auto; scroll-snap-align: end; }
   { %- else -%; }
   { images_per_row_mobile; }
   { grid_gap | divided_by: 2; }
  .mw-image-gallery { px; }
   { %- endif -%; }
}

@media (min-width: 769px) {
   { images_per_row; }
   { grid_gap; }
  .mw-image-gallery { px; }
  .cart-toast { display: none !important; }
}

@media screen and (min-width: 999px) {
  #shopify-section-header .nav-bar__item { font-size: 8px; }
}

@media screen and (min-width: 1120px) {
  .nav-bar__item { font-size: 0.8rem !important; }
}

@media (min-width: 640px) {
  .logo-grid { grid-template-columns: repeat(6, 1fr); }
}

@media (min-width: 768px) {
  .logo-grid { grid-template-columns: repeat(6, 1fr); }
}

@media (min-width: 1024px) {
  .logo-grid { grid-template-columns: repeat(6, 1fr); }
}

@keyframes fadeIn {
  from { opacity: 0; bottom: 0; }
  to { opacity: 1; bottom: 20px; }
}

