/** Shopify CDN: Minification failed

Line 91:0 All "@import" rules must come first

**/


/* CSS from section stylesheet tags */
/* Layout base */
  .igv__container{display:grid;gap:2rem;align-items:center}
  @media(min-width:1024px){.igv__container{grid-template-columns:1fr auto}}

  /* Texto */
  .igv__title{
    margin:0 0 .5rem 0;
    font-weight:800;
    letter-spacing:.2px;
    text-align:center;
    font-size: var(--title-mobile);
  }
  .igv__subtitle{
    margin:0 0 1rem 0;
    color:rgba(11,15,26,.85);
    text-align:center;
    font-size: var(--subtitle-mobile);
  }
  @media(min-width:1024px){
    .igv__title{ font-size: var(--title-desktop);}
    .igv__subtitle{ font-size: var(--subtitle-desktop);}
  }

  /* Redes */
  .igv__socials{
    display:flex;
    gap:.8rem;
    flex-wrap:wrap;
    padding:0;
    margin:1rem 0 0 0;
    list-style:none;
    justify-content:center;
  }
  .igv__social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:9999px;
    background:#0B0F1A;
    color:#fff;
    text-decoration:none;
    transition:transform .15s ease, background .15s ease;
    width: var(--icon-mobile);
    height: var(--icon-mobile);
  }
  .igv__social-link:hover{transform:translateY(-2px);background:#D33587}
  .igv__social-link:focus-visible{outline:3px solid #D33587;outline-offset:3px}
  @media(min-width:1024px){
    .igv__social-link{
      width: var(--icon-desktop);
      height: var(--icon-desktop);
    }
  }

  /* Video */
  .igv__video-wrap{
    width:100%;
    border-radius:var(--igv-radius);
    overflow:hidden;
    clip-path: inset(0 round var(--igv-radius));
    -webkit-mask-image: -webkit-radial-gradient(white, black);
  }
  .igv__video{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    background:#000;
    border-radius: inherit !important;
    clip-path: inset(0 round var(--igv-radius));
  }

  /* Placeholder */
  .igv__placeholder{
    display:grid;
    place-items:center;
    min-height:320px;
    background:#F5F7FA;
    color:#555;
    border-radius:var(--igv-radius);
  }
/* Fuentes */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600&family=Poppins:wght@600;700&family=Sora:wght@600;700&display=swap');

/* ===== Contenedor general ===== */
.promos-destacadas__wrap {
  padding: 9rem 0 4.25rem;
  text-align: center;
  font-family: 'Inter', sans-serif;
  background: #fff;
}

/* ===== Títulos ===== */
.promos-destacadas__heading {
  font-family: 'Sora','Poppins',sans-serif;
  font-size: clamp(2.2rem, 5vw, 3.2rem);
  font-weight: 700;
  margin: 0 auto .5rem;
  color: #D33587;
  letter-spacing: .02em;
}
.promos-destacadas__sub {
  font-family: 'Poppins', sans-serif;
  margin: 0 auto 2.4rem;
  font-size: 1.5rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #1FAF55;
  letter-spacing: .1em;
}

/* ===== Carrusel ===== */
.promos-destacadas__platform {
  overflow: hidden;
  padding: 1rem 1rem 1.1rem;
}
.scroll-x {
  display: flex;
  overflow-x: auto;
  gap: 1.6rem;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
}
.scroll-x::-webkit-scrollbar { display: none; }

/* ===== Tarjetas ===== */
.item.card {
  flex: 0 0 auto;
  scroll-snap-align: center;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 0 4px 10px rgba(0,0,0,.12);
  padding: 1.2rem;
  width: 190px;
  text-align: center;
  text-decoration: none;
  transition: transform .25s ease, box-shadow .25s ease;
}
.item.card:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 16px rgba(0,0,0,.18);
}
.card-img {
  height: 140px;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.card-img img {
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
}
.card-title {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 1.4rem;
  margin-bottom: .5rem;
  color: #0B0F1A;
}
.card-price {
  font-size: 1.3rem;
  font-family: 'Inter', sans-serif;
}
.card-price .current { color: #D33587; font-weight: 700; }
.card-price .old {
  color: #999;
  text-decoration: line-through;
  font-size: 1.2rem;
  margin-left: .5rem;
}

/* ===== Botón “Ver más” ===== */
.ver-mas { margin-top: 2.1rem; }
.ver-mas-link {
  font-family: 'Poppins', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  color: #1FAF55;
  text-decoration: underline;
  letter-spacing: .05em;
}

/* ===== Slider inferior fino ===== */
.promos-slider { padding: .1rem 1rem 0; }
.promos-slider__range {
  --slider-height: 8px;
  --radius: 9999px;
  --fill: #a0a0a0;
  --track: #3a3a3a;
  --thumb: #3a3a3a;
  --p: 0%;
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: var(--slider-height);
  background:
    linear-gradient(var(--fill), var(--fill)) 0/var(--p) 100% no-repeat,
    linear-gradient(var(--track), var(--track)) 0/100% 100% no-repeat;
  border-radius: var(--radius);
  outline: none;
}

/* WebKit */
.promos-slider__range::-webkit-slider-runnable-track {
  height: var(--slider-height);
  background: transparent;
  border-radius: var(--radius);
}
.promos-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  height: 14px; width: 14px;
  border-radius: 50%;
  background: var(--thumb);
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  margin-top: calc((var(--slider-height) - 14px)/2);
  cursor: pointer;
}

/* Firefox */
.promos-slider__range::-moz-range-track {
  height: var(--slider-height);
  background: transparent;
  border-radius: var(--radius);
}
.promos-slider__range::-moz-range-progress {
  height: var(--slider-height);
  background: var(--fill);
  border-radius: var(--radius);
}
.promos-slider__range::-moz-range-thumb {
  height: 14px; width: 14px;
  border-radius: 50%;
  background: var(--thumb);
  border: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.25);
  cursor: pointer;
}

/* Fallback */
@supports not (background: linear-gradient(#000,#000) 0/0 0 no-repeat) {
  .promos-slider__range { background: #a0a0a0; }
}

/* Responsive */
@media (max-width: 480px) {
  .promos-destacadas__wrap { padding: 8rem 0 3.6rem; }
  .promos-destacadas__platform { padding: .5rem 1rem .9rem; }
}