/** Shopify CDN: Minification failed

Line 93:13 Unexpected "{"
Line 93:22 Expected ":"
Line 98:13 Unexpected "{"
Line 98:22 Expected ":"
Line 109:13 Unexpected "{"
Line 109:22 Expected ":"

**/
/* used for: transparent header, dropdown nav, docked utility bar */
.section-shop-the-look .slideshow-ctrl:first-child .slideshow-nav {
  margin-bottom: 16px;
}
.section-shop-the-look .slideshow-ctrl:last-child .slideshow-nav {
  margin-top: 16px;
}
.section-shop-the-look .slideshow-nav__btn {
  background: rgb(var(--body-bg-color));
  border-radius: var(--btn-border-radius);
}
.section-shop-the-look .slideshow-nav__btn:hover {
  background: rgb(var(--body-bg-color));
  opacity: 1;
}
.section-shop-the-look .slideshow-nav__btn[name=next] {
  margin-inline-start: 8px;
}
.section-shop-the-look .slideshow-nav__btn svg {
  opacity: 1;
  filter: none;
  stroke: rgb(var(--body-text-color));
  stroke-width: 1.6;
}
.section-shop-the-look .product-block {
  padding: 16px;
  border: 1px solid rgb(var(--body-text-color)/0.15);
  background-color: rgb(var(--body-bg-color));
  color: rgb(var(--body-text-color));
}
.section-shop-the-look .block-inner {
  margin-bottom: 0;
}
.section-shop-the-look carousel-slider {
  margin: 0 -20px;
}
.section-shop-the-look .slider {
  --gutter: 0px;
  padding-inline-end: 50px;
}
.section-shop-the-look .slider__item {
  margin-inline-end: -1px;
}
.section-shop-the-look .slider__item:last-child {
  padding-inline-end: 20px;
}
@media (max-width: 767.98px) and (min-width: 580px) {
  .section-shop-the-look .product-grid--carousel {
    --product-columns-desktop: 2;
  }
}
@media (min-width: 768px) {
  .section-shop-the-look .product-block {
    border: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  }
  .section-shop-the-look .text-overlay__rte {
    max-width: min(65ch, 45vw);
  }
}
@media (max-width: 767.98px) {
  .section-shop-the-look .slider__item {
    display: flex;
  }
  .section-shop-the-look .slider__item .product-block {
    flex: 1 0 auto;
  }
  .section-shop-the-look carousel-slider {
    margin: 20px 0;
  }
  .section-shop-the-look .text-overlay carousel-slider {
    margin: -10px -20px 0;
  }
}

.section-shop-the-look__single-product {
  margin: 20px;
}
.text-overlay .section-shop-the-look__single-product {
  margin: -10px 0 20px;
}

#section-id-{{ section.id }} .slideshow {
  position: relative !important;
  overflow: hidden !important;
}

#section-id-{{ section.id }} .slideshow__slide {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  transform: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out !important;
}

#section-id-{{ section.id }} .slideshow__slide.is-active {
  position: relative !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
}

.section-shop-the-look .slideshow-nav__btn {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  transition: transform 0.2s ease, opacity 0.2s ease !important;
  opacity: 0.7;
}

.section-shop-the-look .slideshow-nav__btn:hover {
  background: transparent !important;
  opacity: 1 !important;
  transform: scale(1.15);
}

.section-shop-the-look .product-block {
  background-color: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(8px);
  border-radius: 12px !important;
  border: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  padding: 14px !important;
  transition: transform 0.3s ease !important;
}

.section-shop-the-look .product-block:hover {
  transform: translateY(-3px);
}

/* Botón llamativo, elegante y flotante en Shop the look */
.section-shop-the-look .button-row__btn.btn {
  background-color: #111111 !important; /* O usa un color de acento de tu marca si prefieres */
  color: #ffffff !important;
  border: none !important;
  border-radius: 30px !important;
  padding: 12px 28px !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
}

.section-shop-the-look .button-row__btn.btn:hover {
  background-color: #333333 !important;
  transform: translateY(-3px) scale(1.02) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
}

