/* Colores de la marca: los mismos de la app (PALETA[0] en app/_ui.py). */
html[data-theme="light"] {
  --pst-color-primary: #2a78d6;
  --pst-color-secondary: #eb6834;
  --pst-color-link: #1f63b5;
  --pst-color-link-hover: #eb6834;
}
html[data-theme="dark"] {
  --pst-color-primary: #6aa7ef;
  --pst-color-secondary: #f08a5d;
  --pst-color-link: #8ab9f2;
  --pst-color-link-hover: #f08a5d;
}

/* Tarjetas */
.sd-card .sd-card-title {
  font-weight: 700;
}
.sd-card {
  transition: box-shadow 0.15s ease-in-out, transform 0.15s ease-in-out;
}
.sd-card.sd-card-hover:hover {
  transform: translateY(-2px);
}

/* Galería de ejemplos: miniaturas del mismo alto */
.galeria .sd-card-img-top {
  height: 180px;
  object-fit: contain;
  padding: 0.5rem;
  background: #fff;
}

/* Tablas de la API (autosummary) y de constantes */
table.autosummary td:first-child {
  white-space: nowrap;
}
.bd-article table {
  font-size: 0.92rem;
}

/* Salidas de los notebooks: tablas de pandas más compactas */
div.cell_output table.dataframe {
  font-size: 0.85rem;
}

/* Portada (index.md) */
#dane-data > h1 {
  font-size: 3.2rem;
  font-weight: 800;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.lema {
  font-size: 1.3rem;
  line-height: 1.55;
  color: var(--pst-color-text-muted);
  max-width: 48rem;
  margin-bottom: 1.25rem;
}
.lema strong {
  color: var(--pst-color-text-base);
}
img.portada-figura {
  width: 100%;
  margin: 1.5rem 0 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid var(--pst-color-border);
  background: #fff;
}

/* Capturas de la aplicación */
figure.captura img {
  border: 1px solid var(--pst-color-border);
  border-radius: 0.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}
figure.captura figcaption {
  font-size: 0.92rem;
  color: var(--pst-color-text-muted);
}