/* Carrusel compartido: Servicios Kit Digital (home + kit-digital) */

.kd-sectors-sec .sec-head{
  text-align:center;
  max-width:40rem;
  margin:0 auto 2.5rem;
}
.kd-sectors-sec .sec-head .eyebrow{
  justify-content:center;
  padding:.35rem .85rem;
  border:1px solid var(--g3);
  border-radius:999px;
  background:var(--wh);
  letter-spacing:.08em;
}
.kd-sectors-sec .sec-head h2{margin:.85rem 0 .5rem}
.kd-sectors-sec .sec-head p{color:var(--g7); font-size:.95rem; line-height:1.55}

.kd-sectors-carousel{position:relative; margin:0 -.25rem}
.kd-sectors-viewport{overflow:hidden; padding:.35rem .25rem 1rem}
.kd-sectors-track{
  display:flex;
  align-items:flex-end;
  gap:1rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  padding-bottom:.25rem;
}
.kd-sectors-track::-webkit-scrollbar{display:none}

.kd-sector-card{
  position:relative;
  flex:0 0 clamp(168px, 22vw, 220px);
  scroll-snap-align:start;
  border-radius:22px;
  overflow:hidden;
  display:block;
  background:var(--bk);
  box-shadow:0 16px 40px -24px rgba(46,16,101,.28);
  transition:transform .25s var(--ease), box-shadow .25s var(--ease);
  height:300px;
}
.kd-sector-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 48px -20px rgba(46,16,101,.38);
}
@media(max-width:640px){
  .kd-sector-card{flex-basis:72vw; max-width:280px; height:280px}
}

.kd-sector-visual{
  position:absolute;
  inset:0;
  background:var(--g2);
}
.kd-sector-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}
.kd-sector-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(10,10,15,.35) 0%, transparent 45%);
  pointer-events:none;
}

.kd-sector-label{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:1.1rem 1rem 1rem;
  font-family:var(--display);
  font-size:.82rem;
  font-weight:650;
  line-height:1.25;
  letter-spacing:-.01em;
  color:#fff;
  background:linear-gradient(to top, rgba(10,10,15,.82) 0%, rgba(10,10,15,.45) 55%, transparent 100%);
}

.kd-sectors-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:44px;
  height:44px;
  border-radius:999px;
  background:var(--wh);
  border:1px solid var(--g3);
  color:var(--p);
  display:grid;
  place-items:center;
  cursor:pointer;
  box-shadow:0 10px 24px -10px rgba(46,16,101,.25);
  z-index:3;
  transition:background .2s, transform .2s, color .2s;
}
.kd-sectors-nav:hover{background:var(--p); color:var(--wh); transform:translateY(-50%) scale(1.05)}
.kd-sectors-nav.prev{left:-10px}
.kd-sectors-nav.next{right:-10px}
.kd-sectors-nav svg{width:20px; height:20px}
@media(max-width:720px){
  .kd-sectors-nav.prev{left:2px}
  .kd-sectors-nav.next{right:2px}
}

.kd-sectors-dots{
  display:flex;
  justify-content:center;
  gap:.45rem;
  margin-top:.25rem;
}
.kd-sectors-dots[hidden]{display:none}
.kd-sectors-dot{
  width:8px;
  height:8px;
  border-radius:999px;
  border:0;
  background:var(--g3);
  cursor:pointer;
  transition:transform .2s, background .2s;
}
.kd-sectors-dot.is-active{background:var(--p); transform:scale(1.15)}
.kd-sectors-dot:hover{background:var(--p-soft)}