/* ===== Deleyes Tabs — Opción D ===== */
:root{
  --dl-tabd-border:#e5e7eb;
  --dl-tabd-bg:#ffffff;
  --dl-tabd-navy:#101b56;
  --dl-tabd-purple:#2a0d63;
  --dl-tabd-gold:#e3b64f;
  --dl-tabd-gold-dark:#c9972f;
  --dl-tabd-muted:#6b7280;
}

/* wrapper */
.dl-tabs-d-wrap{
  background:var(--dl-tabd-bg);
  border:1px solid var(--dl-tabd-border);
  border-top:3px solid var(--dl-tabd-gold);
}

/* scroller */
.dl-tabs-d-inner{
  display:flex;
  overflow-x:auto;
  scrollbar-width:none;
}
.dl-tabs-d-inner::-webkit-scrollbar{display:none}

/* item */
.dl-tabs-d-item{
  font-size:12px;
  font-weight:500;
  color:var(--dl-tabd-muted);
  padding:14px 20px;
  white-space:nowrap;
  cursor:pointer;
  border-right:1px solid var(--dl-tabd-border);
  transition:all .18s;
  position:relative;
  display:flex;
  align-items:center;
  gap:7px;
  text-decoration:none;
}
.dl-tabs-d-item:last-child{border-right:none}

.dl-tabs-d-item::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:0;
  background:linear-gradient(90deg,var(--dl-tabd-navy),var(--dl-tabd-purple));
  transition:height .18s;
}

.dl-tabs-d-item.active{
  color:var(--dl-tabd-navy);
  font-weight:700;
  background:#fafbff;
}
.dl-tabs-d-item.active::after{
  height:3px;
}

.dl-tabs-d-item:hover:not(.active){
  color:var(--dl-tabd-navy);
  background:#f8fafc;
}

.dl-tabs-d-num{
  font-size:9px;
  font-weight:700;
  color:var(--dl-tabd-gold-dark);
  background:rgba(227,182,79,.12);
  padding:2px 6px;
  border-radius:2px;
  opacity:0;
  transition:opacity .18s;
}
.dl-tabs-d-item.active .dl-tabs-d-num{
  opacity:1;
}