/* "Qué construimos" — tarjetas y ejemplos (misma paleta que site-pages.css) */
.nx-build-cards{display:grid;gap:14px;margin:22px 0 0}
@media(min-width:720px){.nx-build-cards{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.nx-build-cards.is-hub{grid-template-columns:repeat(3,1fr)}}
.nx-build-card{
  display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;gap:2px 12px;
  padding:16px 18px;border-radius:18px;border:1px solid var(--line);
  background:rgba(24,24,27,.72);transition:transform .2s var(--ease),border-color .2s,background .2s;
}
.nx-build-card:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.45);background:rgba(24,24,27,.9)}
.nx-build-card-ico{
  grid-row:1 / span 2;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  color:var(--orange);border:1px solid var(--line);background:rgba(249,115,22,.1);
}
.nx-build-card-name{font-family:var(--display);font-weight:600;font-size:1.02rem;color:var(--ink)}
.nx-build-card-desc{font-size:.9rem;line-height:1.45;color:var(--muted)}
.nx-build-examples{display:grid;gap:14px;margin:20px 0 0}
@media(min-width:780px){.nx-build-examples{grid-template-columns:repeat(3,1fr)}}
.nx-build-example{
  display:flex;flex-direction:column;gap:6px;padding:18px;border-radius:18px;
  border:1px solid var(--line);background:rgba(24,24,27,.72);
  transition:transform .2s var(--ease),border-color .2s;
}
.nx-build-example:hover{transform:translateY(-2px);border-color:rgba(249,115,22,.45)}
.nx-build-example-tag{
  font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);
}
.nx-build-example-name{font-family:var(--display);font-weight:600;font-size:1.05rem;color:var(--ink)}
.nx-build-example-desc{font-size:.92rem;line-height:1.5;color:var(--muted);flex:1}
.nx-build-example-go{font-size:12px;font-weight:800;color:var(--ink-2)}
.nx-build-example-go::after{content:" →"}
.nx-build-back{margin:8px 0 0}
.nx-build-back a{color:var(--orange);font-weight:700}
html:not([data-theme="dark"]) .nx-build-card,
html:not([data-theme="dark"]) .nx-build-example{background:rgba(255,255,255,.92);border-color:rgba(9,9,11,.14)}
html:not([data-theme="dark"]) .nx-build-card:hover,
html:not([data-theme="dark"]) .nx-build-example:hover{border-color:rgba(249,115,22,.45)}
html:not([data-theme="dark"]) .nx-build-card-ico{background:rgba(249,115,22,.12);border-color:rgba(9,9,11,.12)}