/** Shopify CDN: Minification failed

Line 115:19 Expected ":"

**/
.jey-tech-grid {
  display:grid;
  grid-template-columns:repeat(var(--cols-m,1),1fr);
  gap:40px;
}

.jey-tech-card img {
  width: 45px;
  height: 45px;
  object-fit: contain;
}

.jey-tech-card h3 {
  font-family: "Univers next",sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  margin: 16px 0 8px
}

.jey-tech-text {
  font-family:"Univers next",sans-serif;
  line-height:1.45
}

/* ---------- Paginación (puntos) ---------- */
.jey-tech-dots {
  display: none;
  justify-content:center;
  align-items:center;
  gap:16px;
  background: #f7f7f7;
  padding: 10px 5px 20px;
}

.jey-tech-dots button {
  all:unset;
  width:8px;height:8px;
  border-radius:50%;
  background:#9d9d9d;
  cursor:pointer;
  transition:transform .25s,box-shadow .25s,background .25s;
}

.jey-tech-dots button.is-active {
  position:relative;         
}

.jey-tech-dots button.is-active::after{
  content:'';
  position:absolute;
  top:50%; left:50%;
  width:6px; height:6px;   
  background:#000;
  border-radius:50%;
  transform:translate(-50%,-50%);
}

.jey-tech-dots button.is-active{
  width:16px;height:16px;
  background:#fff;
  box-shadow:0 0 0 2px #000;
  border-radius:50%;
  transform:scale(1.05);
}

/* ----------====== RESPONSIVE ======---------- */
@media(min-width: 768px){
  .jey-tech-grid{
    grid-template-columns:repeat(var(--cols-t,2),1fr);
  }
}

@media(min-width: 1024px){
  .jey-tech-grid{
    grid-template-columns:repeat(var(--cols-d,4),1fr);
  }
}

@media(max-width: 767px) {
  .jey-tech-grid {
    padding: 15px !important;
  }
}

@media (max-width: 767px){
  .jey-tech-dots {
    display: flex;
}
  .jey-tech-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    gap:0;            
  }
  
  .jey-tech-card {
    flex: 0 0 100%;           
    scroll-snap-align: center;
    padding: 0 24px;              
    box-sizing: border-box;
  }

  .jey-tech-grid::-webkit-scrollbar { 
    display: none; 
  }
  
  .jey-tech-grid { 
    scrollbar-width none; 
  }

  /* ---------- Bullets ---------- */
  .jey-tech-grid::after {    
    content: "";
    display: block;
    width: 100%;
    height: 32px;
    flex: 0 0 100%;
  }
  
  .jey-tech-grid > .jey-tech-card {
    position: relative;
  }

  .jey-tech-grid > .jey-tech-card::after {
    counter-increment: slide;
    content: "";
    position: absolute;
    bottom: -24px;            
    left: 50%;
    transform: translateX(calc((counter(slide) - 1 - (var(--slide-idx,0))) * 20px));
    /* width: 8px; */
    /* height: 8px; */
    border-radius: 50%;
    background: #999;
  }

  .jey-tech-grid > .jey-tech-card:first-child::after {
    background: #000;
    transform: translateX( calc((-var(--slide-idx,0)) * 20px) );
  }
}