/* Alteria — D2 Tabla */

.alteria-tabla { padding-block: 1.25rem; }

.alteria-tabla__titulo { font-size: 18px; }
.alteria-tabla__desc {
  margin-top: .5rem;
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
}

/* La tabla scrollea dentro de su caja: la página nunca en horizontal. */
.alteria-tabla__wrap {
  margin-top: 1rem;
  overflow-x: auto;
  border: 1px solid var(--alteria-border);
  border-radius: var(--alteria-radius-lg);
  background: var(--alteria-surface);
}

.alteria-tabla__tabla {
  width: 100%;
  min-width: 34rem;
  border-collapse: collapse;
  text-align: left;
}

.alteria-tabla__tabla th {
  border-bottom: 1px solid var(--alteria-border);
  background: var(--alteria-surface-2);
  padding: .75rem 1rem;
  font-size: var(--alteria-fs-xs);
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--alteria-muted-foreground);
}

.alteria-tabla__tabla td {
  border-bottom: 1px solid var(--alteria-border);
  padding: .875rem 1rem;
  font-size: var(--alteria-fs-sm);
  line-height: var(--alteria-lh-body);
  color: var(--alteria-muted-foreground);
  vertical-align: top;
}
.alteria-tabla__tabla tr:last-child td { border-bottom: 0; }

.alteria-tabla__tabla td:first-child { width: 30%; }
.alteria-tabla__tabla td code {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 13px;
  color: var(--alteria-primary);
  word-break: break-word;
}