/* =========================================================
   IDEALAB — Catálogo de servicios 3D ([ix_services])
   ========================================================= */

/* filtros */
.ix-cat__filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--sp-6)}
.ix-chip{
  font-family:var(--ix-font-mono);font-size:.78rem;letter-spacing:.02em;color:var(--ix-text-2);
  background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--r-pill);
  padding:9px 16px;min-height:40px;cursor:pointer;display:inline-flex;gap:.5em;align-items:center;
  transition:background .2s var(--ix-ease),border-color .2s var(--ix-ease),color .2s var(--ix-ease);
}
.ix-chip span{color:var(--ix-text-3);font-size:.72rem}
.ix-chip:hover{border-color:var(--ix-border-strong);color:var(--ix-text)}
.ix-chip.is-active{background:var(--ix-green);color:var(--ix-on-green);border-color:var(--ix-green)}
.ix-chip.is-active span{color:var(--ix-on-green);opacity:.75}

/* grid */
.ix-cat__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4)}
.ix-svc{margin:0}
.ix-svc[hidden]{display:none}
.ix-svc__inner{
  display:flex;flex-direction:column;gap:10px;height:100%;
  background:var(--ix-surface);border:1px solid var(--ix-border);border-radius:var(--r-lg);
  padding:var(--sp-5);transition:border-color .25s var(--ix-ease),box-shadow .25s var(--ix-ease);
}
.ix-svc:hover .ix-svc__inner{border-color:rgba(44,255,5,.45);box-shadow:var(--ix-glow)}
.ix-svc__icon{
  width:48px;height:48px;display:grid;place-items:center;border-radius:14px;
  background:rgba(44,255,5,.10);color:var(--ix-green);border:1px solid rgba(44,255,5,.25);
}
.ix-svc__cat{font-family:var(--ix-font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ix-green)}
.ix-svc__name{font-size:1.1rem;line-height:1.25;margin:0;color:var(--ix-text)}
.ix-svc__desc{font-size:.88rem;color:var(--ix-text-2);margin:0;flex:1}
.ix-svc__more{
  align-self:flex-start;margin-top:6px;background:none;border:none;color:var(--ix-green);
  font-family:var(--ix-font-display);font-weight:600;font-size:.9rem;cursor:pointer;padding:4px 0;min-height:auto;
}
.ix-svc__more:hover{text-decoration:underline}
.ix-cat__empty{text-align:center;color:var(--ix-text-3);padding:var(--sp-7) 0}

/* modal */
.ix-modal__panel .ix-svc__cat{display:block;margin-bottom:8px}
.ix-modal__panel h3{margin:.1em 0 .5em;font-size:1.5rem}
.ix-modal__panel p{color:var(--ix-text-2);margin-bottom:var(--sp-5)}

@media (max-width:600px){
  .ix-cat__grid{grid-template-columns:1fr}
}