.tabla-bienes td.importe,
.tabla-bienes th.importe,
.resumen td.importe,
.resumen th.importe {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.ficha dt {
  font-weight: 600;
  color: var(--bs-secondary-color);
}

.libro-pantalla .epigrafe { font-size: 1.15rem; margin-top: 1.5rem; }
.libro-pantalla .subepigrafe { font-size: 1rem; color: var(--bs-secondary-color); }
.libro-pantalla tr.subtotal td { font-weight: 600; border-top: 2px solid var(--bs-border-color); }
.libro-pantalla .importe { text-align: right; font-variant-numeric: tabular-nums; }
.libro-pantalla .total-epigrafe, .libro-pantalla .total-general { font-weight: 600; text-align: right; }

/* Galería de fotos del bien (documentos/_documentos_bien.html) */
.fotos-bien img { aspect-ratio: 4 / 3; object-fit: cover; width: 100%; }

/* Escáner de códigos (bienes/escanear.html) */
.escaner { position: relative; overflow: hidden; border-radius: var(--bs-border-radius); background: #000; }
.escaner video { display: block; width: 100%; max-height: 60vh; object-fit: cover; }
.escaner-marco {
  position: absolute; inset: 20% 15%;
  border: 3px solid rgba(255, 255, 255, 0.85); border-radius: 0.5rem;
  box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.35);
}

.htmx-request .tabla-bienes {
  opacity: 0.5;
  transition: opacity 0.2s;
}

/* Mapas (apps/espacial) */
.visor {
  display: flex;
  height: calc(100vh - 56px); /* altura de la barra de navegación */
}
.visor-panel {
  flex: 0 0 300px;
  overflow-y: auto;
  padding: 1rem;
}
.visor-mapa {
  flex: 1 1 auto;
  min-width: 0;
}
.visor-muestra {
  display: inline-block;
  width: 1rem;
  height: 0.75rem;
  border-radius: 2px;
  opacity: 0.8;
}
.visor-muestra-construccion { background: #343a40; }
.mapa-bien { height: 360px; }

@media (max-width: 767.98px) {
  .visor { flex-direction: column; height: auto; }
  .visor-panel { flex-basis: auto; max-height: 45vh; }
  .visor-mapa { height: 70vh; }
}
.columnas-lista { columns: 2; column-gap: 2rem; }
.zona-lista { max-height: 40vh; overflow-y: auto; }
@media (max-width: 767.98px) { .columnas-lista { columns: 1; } }
