/** Shopify CDN: Minification failed

Line 71:14 Unexpected "{"
Line 71:23 Expected ":"
Line 72:14 Unexpected "{"
Line 72:23 Expected ":"
Line 78:14 Unexpected "{"
Line 78:23 Expected ":"
Line 79:14 Unexpected "{"
Line 79:23 Expected ":"
Line 80:14 Unexpected "{"
Line 80:23 Expected ":"
... and 8 more hidden warnings

**/


/* CSS from section stylesheet tags */
/* Contenedor fijo a 1280px */
.sn-container{ max-width:1280px; margin:0 auto; padding:0 1rem; position:relative; }

.sn-carousel{ position:relative; width:100%; }
.sn-carousel__header{ display:flex; align-items:center; justify-content:space-between; margin-bottom:.5rem; }
.sn-carousel__title{ margin:0; font-size:1.25rem; }

/* Viewport */
.sn-carousel__viewport{
  position:relative;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding: .25rem 0 .75rem;
  scrollbar-width: none;
}
.sn-carousel__viewport::-webkit-scrollbar{ display:none; }

/* Track */
.sn-carousel__track{ display:flex; gap:var(--sn-gap); list-style:none; padding:0; margin:0; }

/* Slides */
.sn-slide{ flex:0 0 var(--sn-slide-w-d); scroll-snap-align:start; }
.sn-slide__link{ display:block; text-decoration:none; color:inherit; }

/* Card */
.sn-card{
  position:relative; width:100%;
  background:#ededed; border-radius:var(--sn-radius);
  overflow:hidden; transition:.25s ease;
  box-shadow: 0 1px 0 rgba(0,0,0,.03) inset;
}
.sn-card:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.08); }

/* Media */
.sn-card__media{ position:relative; display:block; width:100%; height:auto; overflow:hidden; }
.sn-img{ width:100%; height:auto; display:block; transition: opacity .25s ease, transform .25s ease; object-fit: cover; }
.sn-img--hover{ position:absolute; inset:0; width:100%; height:100%; object-fit: cover; opacity:0; }
@media (hover:hover) and (pointer:fine){
  .sn-card__media:hover .sn-img--hover{ opacity:1; }
  .sn-card__media:hover .sn-img--main{ opacity:0; transform:scale(1.02); }
}

/* Caption */
.sn-card__caption{
  position:absolute; left:24px; right:24px; bottom:16px; color:#fff; font-weight:800; text-transform:lowercase;
  text-shadow:0 6px 22px rgba(0,0,0,.35),0 2px 6px rgba(0,0,0,.25);
  font-size:clamp(28px,5vw,72px); pointer-events:none;
}

/* Flechas fijas */
#sn-carousel-{{ section.id }} .sn-carousel__arrows{ position:absolute; inset:0; pointer-events:none; z-index:3; }
#sn-carousel-{{ section.id }} .sn-carousel__btn{
  pointer-events:auto; position:absolute !important; top:50% !important;
  width:44px; height:44px; border-radius:50%; border:none; background:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.18); display:grid; place-items:center; cursor:pointer;
  transform: translateY(-50%) !important; left:auto !important; right:auto !important;
}
#sn-carousel-{{ section.id }} .sn-carousel__btn--prev{ left: var(--sn-arrow-offset, 20px) !important; }
#sn-carousel-{{ section.id }} .sn-carousel__btn--next{ right: var(--sn-arrow-offset, 20px) !important; }
#sn-carousel-{{ section.id }} .sn-carousel__btn::before{ content:""; width:10px; height:10px; display:block; border-right:2px solid #111; border-bottom:2px solid #111; }
#sn-carousel-{{ section.id }} .sn-carousel__btn--prev::before{ transform: rotate(135deg); }
#sn-carousel-{{ section.id }} .sn-carousel__btn--next::before{ transform: rotate(-45deg); }

/* CTA overlay con tamaño y posición configurables */
.sn-cta{
  position:absolute;
  left: var(--sn-cta-x);
  top:  var(--sn-cta-y);
  transform: translate(-50%, -50%);
  opacity:0; pointer-events:none;
  transition: opacity .25s ease, transform .25s ease;
  z-index: 2;
}
.sn-cta__btn{
  display:inline-block;
  padding: var(--sn-cta-pad-y) var(--sn-cta-pad-x);
  border-radius: 999px;
  background: var(--sn-cta-bg);
  color: var(--sn-cta-color);
  font-weight: 700;
  letter-spacing: .3px;
  font-size: var(--sn-cta-font);
  line-height: 1;
  box-shadow: 0 8px 22px rgba(0,0,0,.18);
  user-select:none;
}
@media (hover:hover) and (pointer:fine){
  .sn-card:hover .sn-cta,
  .sn-card:focus-within .sn-cta{
    opacity:1; transform: translate(-50%, -50%) translateY(-4px);
  }
}

/* Móvil */
@media (max-width:749px){
  #sn-carousel-{{ section.id }} .sn-slide{ flex-basis:var(--sn-peek); }
  #sn-carousel-{{ section.id }} .sn-carousel__btn{ display:none !important; }
  .sn-cta{ display:none; }
}

/* Placeholder */
.sn-placeholder{ display:grid; place-items:center; width:100%; aspect-ratio:4/3; background:#f5f5f5; border:2px dashed #ddd; }

/* === Paginador móvil (puntitos) — DEBAJO del carrusel === */
.sn-dots{
  display:none;              /* solo móvil abajo */
  text-align:center;
  margin-top:8px;            /* separación respecto al carrusel */
}
.sn-dot{
  display:inline-block; width:8px; height:8px; border-radius:50%;
  background:#ccc; margin:0 3px; transition:background .25s ease, transform .25s ease;
}
.sn-dot.active{ background:#111; transform:scale(1.2); }

/* Solo en móvil */
@media (max-width:749px){
  .sn-dots{ display:block; }
}
.sn-container { max-width: 1280px; margin: 0 auto; padding: 0 1rem; }

.sn-grid__header { text-align: center; margin-bottom: 1.5rem; }
.sn-grid__title {
  margin: 0;
  font-size: var(--sn-title-size-mobile);
  line-height: 1.2;
}
@media (min-width: 750px) {
  .sn-grid__title {
    font-size: var(--sn-title-size-desktop);
  }
}

/* Grid */
.sn-grid__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--sn-gap);
}
@media (min-width: 750px) {
  .sn-grid__container { grid-template-columns: repeat(4, 1fr); }
}

.sn-item__link { display: block; text-decoration: none; color: inherit; }

/* Card */
.sn-card {
  position: relative;
  width: 100%;
  background-color: #f5f5f5;
  border-radius: var(--sn-radius);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.sn-item__link:hover .sn-card {
  transform: translateY(-4px);
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
}

.sn-card__media { position: relative; display: block; width: 100%; height: auto; }

.sn-img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  transition: opacity 0.3s ease;
}

/* Swap de imagen en hover */
.sn-img--hover { position: absolute; inset: 0; opacity: 0; }
@media (hover: hover) and (pointer: fine) {
  .sn-item__link:hover .sn-img--hover { opacity: 1; }
  .sn-item__link:hover .sn-img--main { opacity: 0; }
}

/* Título debajo de la card (usa variables globales o override por bloque) */
.sn-item__title {
  font-size: var(--sn-item-title-size);
  color: var(--sn-item-title-color);
  font-weight: 600;
  margin: 0.75rem 0 0;
  text-align: center;
}

/* Etiqueta por bloque */
.sn-card__tag {
  position: absolute;
  z-index: 2;
  background-color: var(--sn-tag-bg-local);
  color: var(--sn-tag-color-local);
  padding: 4px 10px;
  border-radius: var(--sn-tag-radius-local);
  font-size: 0.8rem;
  font-weight: 700;
  line-height: 1.2;
}
/* Posiciones + offsets */
.sn-card__tag--tl { top: var(--sn-tag-off-y); left: var(--sn-tag-off-x); }
.sn-card__tag--tr { top: var(--sn-tag-off-y); right: var(--sn-tag-off-x); }
.sn-card__tag--bl { bottom: var(--sn-tag-off-y); left: var(--sn-tag-off-x); }
.sn-card__tag--br { bottom: var(--sn-tag-off-y); right: var(--sn-tag-off-x); }

/* CTA overlay */
.sn-card__cta{
  position: absolute;
  z-index: 3;
  background: var(--sn-cta-bg);
  color: var(--sn-cta-color);
  font-size: var(--sn-cta-font);
  font-weight: 700;
  padding: var(--sn-cta-pad-y) var(--sn-cta-pad-x);
  border-radius: var(--sn-cta-radius);
  line-height: 1;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .22s ease, transform .22s ease;
  pointer-events: none;
}
@media (hover: hover) and (pointer: fine) {
  .sn-item__link:hover .sn-card__cta { opacity: 1; transform: translateY(0); }
}

/* Posiciones del CTA */
.sn-card__cta--tl{ top:12px; left:12px; }
.sn-card__cta--tr{ top:12px; right:12px; }
.sn-card__cta--bl{ bottom:12px; left:12px; }
.sn-card__cta--br{ bottom:12px; right:12px; }
.sn-card__cta--center{ top:50%; left:50%; transform: translate(-50%, calc(-50% + 6px)); }
@media (hover: hover) and (pointer: fine) {
  .sn-item__link:hover .sn-card__cta--center{ transform: translate(-50%, -50%); }
}

/* Placeholder */
.sn-placeholder {
  display: grid;
  place-items: center;
  width: 100%;
  aspect-ratio: 4/5;
  border: 2px dashed #ddd;
  border-radius: var(--sn-radius);
}
.sn-placeholder svg { width: 28px; height: 28px; opacity: .7; }
.sn-placeholder span { font-size: .9rem; margin-top: .3rem; }